.container{

    width:min(1280px,92%);

    margin-inline:auto;

}

section{

    padding:100px 0;

}

.section-header{

    text-align:center;

    margin-bottom:60px;

}

.section-subtitle{

    display:inline-block;

    color:var(--primary);

    background:rgba(29,78,216,.15);

    padding:8px 16px;

    border-radius:999px;

    font-size:14px;

    margin-bottom:15px;

}

.section-header h2{

    font-size:42px;

    margin-bottom:15px;

}

.section-header p{

    color:var(--text-muted);

    max-width:700px;

    margin:auto;

}
.site-header{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

}

.top-bar {
    background: rgb(138 147 206 / 35%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 10px;
    border-bottom: 5px solid rgba(255,255,255,.08);
}


.top-bar-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:42px;
}

.header-main{

    background: rgba(255,255,255,.10);

    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);

    border-bottom: 1px solid rgba(255,255,255,.12);

    transition: .3s ease;

}

.header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.main-menu{
    display:flex;
    list-style:none;
    gap:35px;
    margin:0;
    padding:0;
}

.main-menu a{
    font-weight:600;
}

.header-buttons{
    display:flex;
    gap:12px;
}

.btn-phone{
    padding:12px 18px;
    border:1px solid #2D8CFF;
    border-radius:10px;
}

.btn-primary{
    background:#2D8CFF;
    color:#fff;
    padding:12px 20px;
    border-radius:10px;
}

.mobile-toggle{
    display:none;
    background:none;
    border:0;
    font-size:28px;
    cursor:pointer;
}

@media(max-width:992px){

    .main-navigation,
    .header-buttons{
        display:none;
    }

    .mobile-toggle{
        display:block;
    }

    .top-bar{
        display:none;
    }
}
.site-footer{
    background:#0f172a;
    color:#fff;
    padding:70px 0 20px;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.footer-widget h3{
    margin-bottom:20px;
}

.footer-menu{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-menu li{
    margin-bottom:10px;
}

.footer-menu a{
    color:#fff;
    text-decoration:none;
}

.footer-contact{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-contact li{
    margin-bottom:12px;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    margin-top:40px;
    padding-top:20px;
    text-align:center;
}
/* ==========================
   Header Layout
========================== */

.site-header{

    position: fixed;

    top: 20px;

    left: 50%;

    transform: translateX(-50%);

    width: min(1280px, 94%);

    z-index: 9999;

}

.header-main{

    background: rgba(255,255,255,.12);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border: 1px solid rgba(255,255,255,.18);

    border-radius: 20px;

    box-shadow: 0 20px 60px rgba(0,0,0,.15);

    transition: all .35s ease;

}

.header-inner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    min-height:82px;

}
.hero-doctor{
    width:340px;
    height:340px;
    border-radius:50%;
    object-fit:cover;
}