.nexura-track-wrapper{

max-width:700px;
margin:40px auto;
font-family:Arial,sans-serif;

}


.nexura-track-title{

text-align:center;
margin-bottom:25px;

}


.nexura-track-title h2{

font-size:30px;
color:#0d2b8c;

}



.nexura-track-form{

display:flex;
gap:10px;
margin-bottom:30px;

}


.nexura-track-form input{

flex:1;
padding:15px;
border-radius:10px;
border:1px solid #ddd;
font-size:16px;

}



.nexura-track-form button{

background:#2f49ff;
color:white;
border:none;
padding:15px 25px;
border-radius:10px;
cursor:pointer;

}



.shipment-card{

background:white;
border-radius:20px;
padding:25px;
box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.status-box{

background:#eef2ff;
padding:20px;
border-radius:15px;
text-align:center;

}


.status-label{

font-size:12px;
color:#555;

}


.status-box h2{

color:#2f49ff;
margin:10px;

}



.shipment-info{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
margin:25px 0;

}


.shipment-info div{

background:#fafafa;
padding:15px;
border-radius:12px;

}



.shipment-info span{

display:block;
font-size:12px;
color:#777;

}



.timeline{

margin-top:30px;

}



.timeline-item{

display:flex;
position:relative;
gap:20px;
padding-bottom:25px;

}



.timeline-item:not(:last-child):before{

content:"";
position:absolute;
left:18px;
top:35px;
height:100%;
width:3px;
background:#2f49ff;

}



.circle{

width:36px;
height:36px;
border-radius:50%;
background:#2f49ff;
color:white;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
z-index:2;

}



.timeline-content h4{

margin:0;
font-size:18px;

}



.timeline-content p{

margin:5px 0;
color:#555;

}



.timeline-content small{

color:#888;

}



.nexura-error{

background:#ffecec;
padding:15px;
border-radius:10px;
color:#b00000;

}



@media(max-width:600px){

.shipment-info{

grid-template-columns:1fr;

}


.nexura-track-form{

flex-direction:column;

}

}