.header-buttons{

    display:flex;

    align-items:center;

    gap:15px;

}.btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 28px;

    border-radius:12px;

    background:var(--primary);

    color:#fff;

    transition:var(--transition);

}

.btn-primary:hover{

    background:var(--primary-dark);

    transform:translateY(-2px);

}

.btn-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 28px;
    border:1px solid var(--primary);
    border-radius:12px;
    transition:var(--transition);
}

.header-buttons{
    display:flex;
    align-items:center;
    gap:15px;
}


.btn-outline:hover{

    background:var(--primary);

}


.services-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:30px;

}

.service-card{

    background: var(--surface);
	
	color: var(--text);

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.3s;

}

.service-card:hover{

    transform:translateY(-6px);

}

.service-image img{

    width:100%;

    height:240px;

    object-fit:cover;

}

.service-content{

    padding:25px;

}

.service-content h2{

    margin-bottom:15px;

    color: var(--text-muted);

}

.service-content p{

    color: var(--text-muted);

    line-height:1.9;

}
.home-services{

    padding:100px 0;

}

.section-heading{

    text-align:center;

    margin-bottom:60px;

}

.section-heading span{

    color:#2D8CFF;

    font-weight:700;

}

.section-heading h2{

    font-size:42px;

    margin:15px 0;

}

.section-heading p{

    max-width:700px;

    margin:auto;

    color: var(--text-muted);

    line-height:2;

}

.section-footer{

    text-align:center;

    margin-top:50px;

}
.statistics-section{

    padding:80px 0;

}

.statistics-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.stat-item{

    text-align:center;

    padding:35px 20px;

    border-radius:20px;

}

.stat-item strong{

    display:block;

    font-size:45px;

    margin-bottom:10px;

}

.stat-item span{

    font-size:18px;

}


@media(max-width:992px){

    .statistics-grid{

        grid-template-columns:repeat(2,1fr);

    }

}


@media(max-width:576px){

    .statistics-grid{

        grid-template-columns:1fr;

    }

}
.cta-section{

    padding:80px 0;

}


.cta-box{

    padding:50px;

    border-radius:30px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

}


.cta-content{

    max-width:700px;

}


.cta-content h2{

    font-size:36px;

    margin:15px 0;

}


.cta-content p{

    font-size:18px;

    line-height:2;

}


.cta-action{

    flex-shrink:0;

}


@media(max-width:768px){

    .cta-box{

        flex-direction:column;

        text-align:center;

        padding:35px 20px;

    }


    .cta-content h2{

        font-size:26px;

    }

}
.articles-section{

    padding:80px 0;

}


.articles-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}


.article-card{

    border-radius:20px;

    overflow:hidden;

}


.article-image img{

    width:100%;

    height:240px;

    object-fit:cover;

}


.article-content{

    padding:25px;

}


.article-content h3{

    font-size:22px;

}


.article-content p{

    line-height:2;

}


.read-more{

    display:inline-block;

    margin-top:15px;

}


@media(max-width:992px){

    .articles-grid{

        grid-template-columns:repeat(2,1fr);

    }

}


@media(max-width:576px){

    .articles-grid{

        grid-template-columns:1fr;

    }

}
.main-menu > li > a{

    color: #fff;

    font-weight: 600;

    transition: .3s;

}

.main-menu > li > a:hover{

    color: var(--primary);

}
.site-logo a{

    color:#fff;

    font-size:28px;

    font-weight:700;

}
.btn-phone{

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

    color:#fff;

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

    backdrop-filter:blur(10px);

}
/* ==========================
   Header Components
========================== */

.site-logo a{

    color: var(--text);

    font-size: 28px;

    font-weight: 700;

}

.main-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 35px;
    margin: 0;
    padding: 0;
}

.main-menu li{

    list-style: none;

}

.main-menu a{

    color: var(--text);

    font-weight: 600;

    transition: .3s;

}

.main-menu a:hover{

    color: var(--primary);

}

.btn-phone{

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 12px 22px;

    border-radius: 12px;

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

    color: var(--text);

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

}
.header-buttons{

    display:flex;

    align-items:center;

    gap:15px;

}
.main-navigation{

    flex:1;

    display:flex;

    justify-content:center;

}
.phone-btn{

padding:12px 20px;

border:1px solid #2D8CFF;

border-radius:10px;

}
.appointment-btn{

background:#2D8CFF;

padding:12px 25px;

border-radius:12px;

font-weight:bold;

}
/* ==========================
   Doctor Trust Section
========================== */

.doctor-section {
    padding: 90px 0;
}


.doctor-trust-wrapper {
    text-align: center;
}


.doctor-trust-header {
    margin-bottom: 50px;
}


.doctor-trust-header h2 {
    font-size: 36px;
    margin-top: 20px;
    font-weight: 700;
}


.doctor-stats-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
}


.doctor-stat-card {
    background: #fff;
    padding: 30px 20px;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    transition: .3s ease;
}


.doctor-stat-card:hover {
    transform: translateY(-8px);
}


.stat-icon {
    font-size: 35px;
    margin-bottom: 15px;
}


.doctor-stat-card strong {
    display: block;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 10px;
}


.doctor-stat-card span {
    color: #666;
    font-size: 15px;
}



.doctor-certificates {
    margin-top: 60px;
    background: rgba(255,255,255,.08);
    padding: 35px;
    border-radius: 25px;
}


.doctor-certificates h3 {
    font-size: 25px;
    margin-bottom: 20px;
}


.doctor-certificates p {
    line-height: 2;
    font-size: 16px;
}



.doctor-action {
    margin-top: 40px;
}



@media(max-width:1100px){

    .doctor-stats-grid {
        grid-template-columns: repeat(3,1fr);
    }

}


@media(max-width:768px){

    .doctor-stats-grid {
        grid-template-columns: repeat(2,1fr);
    }

    .doctor-trust-header h2 {
        font-size: 28px;
    }

}


@media(max-width:480px){

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

}