li span i{
    display: none!important;
}
.doctor-profile-page{
    padding:40px 0 60px;
}

.doctor-header{
    display:grid;
    grid-template-columns:280px 1fr 280px;
    gap:40px;
    margin-top:30px;
}

.doctor-image img{
    width:100%;
    border-radius:16px;
    display:block;
}

.doctor-main-info h1{
    font-size:52px;
    margin:0;
    color:#0d3d8f;
}

.doctor-subtitle{
    font-size:28px;
    color:#4c7edc;
    margin:10px 0 30px;
}

.doctor-meta{
    border-top:1px solid #e6edf7;
}

.meta-row{
    display:flex;
    gap:20px;
    padding:18px 0;
    border-bottom:1px solid #e6edf7;
}

.meta-row .icon{
    width:40px;
    color:#0057d9;
    font-size:20px;
}

.meta-row small{
    display:block;
    color:#7b89a8;
}

.meta-row strong{
    display:block;
    margin-top:4px;
}

.doctor-sidebar{
    border:1px solid #e4ebf6;
    border-radius:16px;
    padding:25px;
    height:fit-content;
}

.doctor-sidebar h3{
    margin-top:0;
}

.doctor-sidebar a{
    display:flex;
    justify-content:space-between;
    padding:18px 0;
    border-bottom:1px solid #edf2fa;
    color:#0057d9;
    text-decoration:none;
}

.doctor-sidebar .doctor-cv-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:18px;
    padding:14px 16px;
    background:var(--blue, #0057d9);
    color:#fff;
    border-radius:10px;
    font-weight:700;
    font-size:14px;
    text-decoration:none;
    border-bottom:none;
}

.doctor-sidebar .doctor-cv-btn:hover{
    opacity:.9;
    color:#fff;
}

.doctor-tabs{
    margin-top:50px;
    display:flex;
    border:1px solid #e4ebf6;
    border-radius:16px 16px 0 0;
    overflow:hidden;
}

.tab-btn{
    flex:1;
    font-size: 14px;
    height:72px;
    border:none;
    background:white;
    cursor:pointer;
    font-weight:600;
}

.tab-btn.active{
    border-bottom:4px solid #0057d9;
    color:#0057d9;
}

.tab-content{
    border:1px solid #e4ebf6;
    border-top:none;
    padding:20px;
    border-radius:0 0 16px 16px;
}

.tab-pane{
    display:none;
}

.tab-pane.active{
    display:block;
}

.card{
    background:white;
}

.card h2{
    color:#0d3d8f;
    margin-top:0;
}

.timeline{
    list-style:none;
    padding:0;
}

.timeline li{
    padding:15px 0;
    border-bottom:1px solid #edf2fa;
}

.timeline strong{
    display:block;
    color:#0057d9;
    margin-bottom:5px;
}

.tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.tags span{
    background:#f0f5ff;
    color:#0057d9;
    padding:10px 15px;
    border-radius:8px;
}

.contact-cta{
    margin-top:40px;
    background:#f2f7ff;
    border-radius:16px;
    padding:40px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

@media(max-width:991px){

    .doctor-header{
        grid-template-columns:1fr;
    }

    .doctor-tabs{
        overflow:auto;
        flex-wrap:nowrap;
    }

    .tab-btn{
        min-width:220px;
        flex:none;
    }

    .tabs-slide-btn{
        display:flex;
    }

    .contact-cta{
        flex-direction:column;
        gap:20px;
    }

}



 .doctor-profile-page{
     --blue:#0b4fc4;
     --dark:#0b2f6b;
     --text:#33415c;
     --muted:#7b8aa8;
     --line:#e6edf7;
     --bg:#f6f9ff;

     padding:28px 0 60px;
     color:var(--text);
 }

.page-breadcrumb{
    display:flex;
    gap:10px;
    align-items:center;
    font-size:14px;
    margin-bottom:24px;
    color:#566581;
}

.page-breadcrumb a{
    color:var(--blue);
    text-decoration:none;
}

.doctor-header{
    display:grid;
    grid-template-columns:260px 1fr 280px;
    gap:36px;
    align-items:start;
    margin-bottom:34px;
}

.doctor-image img{
    width:100%;
    height:360px;
    object-fit:cover;
    border-radius:18px;
    box-shadow:0 18px 45px rgba(13,58,130,.14);
}

.doctor-main-info h1{
    margin:4px 0 6px;
    color:var(--dark);
    font-size:34px;
    font-weight:800;
    letter-spacing:-.5px;
}

.doctor-subtitle{
    color:#4770b8;
    font-size:21px;
    font-weight:600;
    margin-bottom:22px;
}

.doctor-rank-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin:0 0 22px;
    padding:9px 14px;
    border-radius:999px;
    background:#eef5ff;
    color:var(--blue);
    border:1px solid #d9e8ff;
    font-weight:800;
    font-size:14px;
}

.doctor-meta{
    max-width:560px;
    border-top:1px solid var(--line);
}

.meta-row{
    display:flex;
    gap:16px;
    align-items:center;
    padding:16px 0;
    border-bottom:1px solid var(--line);
}

.meta-row .icon{
    width:38px;
    height:38px;
    border-radius:12px;
    display:grid;
    place-items:center;
    color:var(--blue);
    background:#eef5ff;
    font-size:18px;
    flex:0 0 38px;
}

.meta-row small{
    display:block;
    color:#566581;
    font-weight:700;
    margin-bottom:3px;
}

.meta-row strong{
    display:block;
    color:#24436f;
    font-size:15px;
    line-height:1.35;
}

.doctor-sidebar{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:24px 22px;
    box-shadow:0 16px 40px rgba(13,58,130,.08);
}

.doctor-sidebar h3{
    margin:0 0 18px;
    color:var(--dark);
    font-size:18px;
}

.doctor-sidebar a{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:center;
    padding:15px 0;
    color:var(--blue);
    text-decoration:none;
    font-weight:700;
    font-size:14px;
    border-bottom:1px solid var(--line);
}

.doctor-sidebar a:last-child{
    border-bottom:0;
}

.doctor-sidebar a:hover{
    color:#073a95;
}

.doctor-tabs{
    display:flex;
    flex-wrap:wrap;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px 18px 0 0;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(13,58,130,.07);
}

.tabs-slide-btn{
    display:none;
    position:sticky;
    align-self:center;
    flex-shrink:0;
    width:32px;
    height:72px;
    border:1px solid var(--line, #e6edf7);
    background:#fff;
    color:var(--blue, #0057d9);
    box-shadow:0 4px 14px rgba(13,58,130,.22);
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:5;
    font-size:12px;
}

.tabs-slide-btn.prev{
    left:-2px;
}

.tabs-slide-btn.next{
    right:0;
}

.tab-btn{
    flex:1 1 150px;
    border:0;
    background:#fff;
    padding:20px 14px;
    cursor:pointer;
    color:#667795;
    font-weight:700;
    border-bottom:4px solid transparent;
    transition:.2s;
    line-height:1.35;
}

.tab-btn i{
    margin-right:8px;
    color:#7c8dad;
}

.tab-btn:hover{
    background:#f7faff;
    color:var(--blue);
}

.tab-btn.active{
    color:var(--blue);
    border-bottom-color:var(--blue);
    background:#fbfdff;
}

.tab-btn.active i{
    color:var(--blue);
}

.tab-content{
    background:#fff;
    border:1px solid var(--line);
    border-top:0;
    border-radius:0 0 18px 18px;
    min-height:280px;
    box-shadow:0 20px 45px rgba(13,58,130,.08);
}

.tab-pane{
    display:none;
}

.tab-pane.active{
    display:block;
}

.card{
    border:0;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
    border-radius:16px;
    padding:4px 0;
}

.card h2{
    margin:0 0 18px;
    color:var(--dark);
    font-size:24px;
    font-weight:800;
}

.card ul{
    margin:0;
    padding-left:0;
    list-style:none;
}

.card li{
    position:relative;
    padding:0 0 14px 28px;
    line-height:1.75;
    color:#425274;
}

.card li:before{
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--blue);
    box-shadow:0 0 0 5px #eaf2ff;
}

.timeline li{
    border-left:2px solid #e5eefc;
    margin-left:5px;
    padding-left:28px;
}

.tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.tags span{
    background:#eef5ff;
    color:var(--blue);
    border:1px solid #d9e8ff;
    padding:10px 16px;
    border-radius:999px;
    font-weight:700;
}

.tab-empty{
    color:#667795;
    margin:0;
}

@media(max-width:991px){
    .doctor-header{
        grid-template-columns:220px 1fr;
    }

    .doctor-sidebar{
        grid-column:1 / -1;
    }
}

@media(max-width:767px){
    .doctor-header{
        grid-template-columns:1fr;
        gap:22px;
    }

    .doctor-image img{
        height:auto;
        max-height:420px;
    }

    .doctor-main-info h1{
        font-size:28px;
    }

    .doctor-tabs{
        overflow-x:auto;
        flex-wrap:nowrap;
        border-radius:16px;
    }

    .tab-btn{
        min-width:180px;
        flex:none;
        white-space:nowrap;
    }

    .tabs-slide-btn{
        display:flex;
    }

    .tab-pane{
        padding:24px 18px;
    }
}
.sr-only{
    color: black;
}