.user-dash{
    padding:40px 0px;
   
}
.user-head{
    font-size:20px;
    font-weight:600;
}
.left-side-user{
background:#fff;
padding:20px;
border-radius:8px;
box-shadow:0 4px 10px rgba(0,0,0,1.3);
}

/* profile */

.user-profile-box{
text-align:center;
margin-bottom:25px;
background:#fff;

}

.user-profile-box img{
width:110px;
padding:8px;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
height:110px;
border-radius:50%;
object-fit:cover;
margin-bottom:10px;
}

.user-profile-box h4{
margin-bottom:5px;
font-size:18px;
color:#0f1e3a;
}

.customer-id{
font-size:13px;
color:#777;
}

/* info box */

.user-info-box{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px;
border:1px solid #eee;
border-radius:6px;
margin-bottom:12px;
background:#fafafa;
transition:0.4s;
min-height:60px;
}

.user-info-box:hover{
box-shadow:0px 5px 25px rgba(0,0,0,0.15);
}

/* LEFT PART */

.info-left1{
padding:0;
}

.info-left1 .value-cont{
font-size:14px;
color:#333;
font-weight:600;
margin:0;
}

.info-left1 .label-cont{
font-size:13px;
color:#777;
margin:0;
}

/* RIGHT ICON */

.info-right1 i{
font-size:18px;
cursor:pointer;
color:#0f1e3a;
}

/* SECOND BOX */

.second-box{
flex-direction:column;
align-items:flex-start;
}

.second-box .value-cont{
font-size:14px;
color:#333;
font-weight:600;
margin:0;
}

.second-box .label-cont{
font-size:13px;
color:#777;
margin:0;
}

.logout-box{
margin:25px 0px 20px;
}

.logout-btn{
padding:10px 20px;
gap:14px;
width:fit-content;
background:#ba273a;
color:#fff;
text-decoration:none;
border-radius:6px;
font-size:16px;
transition:0.3s;
}

.logout-btn i{
font-size:16px;
}

.logout-btn:hover{
background:#093487;
color:#fff;
}

.phone-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
display:none;
justify-content:center;
align-items:center;
z-index:9999;
}

/* popup box */

.popup-box{
width:350px;
background:#fff;
border-radius:8px;
padding:20px;
box-shadow:0px 10px 35px rgba(0,0,0,0.25);
animation:popupScale 0.3s ease;
}

/* animation */

@keyframes popupScale{
0%{
transform:scale(0.8);
opacity:0;
}
100%{
transform:scale(1);
opacity:1;
}
}

/* header */

.popup-head{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:18px;
border-bottom:1px solid #eee;
padding-bottom:10px;
}

.popup-head h4{
font-size:18px;
margin:0;
color:#0f1e3a;
}

.close-popup{
font-size:18px;
cursor:pointer;
color:#444;
}

/* body */

.popup-body label{
display:block;
font-size:14px;
margin-bottom:6px;
color:#555;
}

.popup-body input{
width:100%;
height:42px;
border:1px solid #ccc;
border-radius:5px;
padding:0 10px;
font-size:14px;
margin-bottom:15px;
outline:none;
}

.popup-body input:focus{
border-color:#0f1e3a;
}

/* button */

.save-btn{
width:100%;
height:42px;
border:none;
background:#ba273a;
color:#fff;
border-radius:5px;
font-size:14px;
cursor:pointer;
transition:0.3s;
}
.container-fluid{
padding:0px 47px 0px !important;
}

.dashboard-table{
width:100%;
overflow-x:auto;
margin-top:30px;
}

.user-table{
width:100%;
border-collapse:separate;
border-spacing:0;
background:#fff;
border-radius:8px;
overflow:hidden;
box-shadow:0 4px 15px rgba(0,0,0,0.05);
}

/* header */

.user-table thead{
background:#ba273a;
color:#fff;
}

.user-table th{
padding:14px 16px;
font-size:14px;
font-weight:600;
text-align:left;
}

/* body */

.user-table td{
padding:14px 16px;
font-size:14px;
color:#444;
border-bottom:1px solid #eee;
}

/* zebra effect */

.user-table tbody tr:nth-child(even){
background:#f8faff;
}

/* hover */

.user-table tbody tr{
transition:0.3s;
}

.user-table tbody tr:hover{
background:#eef4ff;
}