.care-ride-container{
display:flex;
gap:40px;
font-family:Arial;
}

.care-ride-left{
width:320px;
display:flex;
flex-direction:column;
gap:10px;
}

.care-ride-right{
flex:1;
background:#f6f6f6;
padding:20px;
}

.trip{
background:white;
padding:10px;
margin-bottom:10px;
border-radius:6px;
}

button{
padding:10px;
background:#2d89ef;
color:white;
border:none;
border-radius:4px;
cursor:pointer;
}

.otp-modal{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
align-items:center;
justify-content:center;
}

.otp-box{
background:white;
padding:20px;
border-radius:8px;
text-align:center;
}

.otp-inputs input{
width:35px;
height:40px;
text-align:center;
font-size:20px;
margin:4px;
}