*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

body{
background:#F7F9FC;
color:#222;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

.header{
background:white;
box-shadow:0 2px 15px rgba(0,0,0,.08);
position:sticky;
top:0;
z-index:1000;
}

.header .container{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 0;
}

.logo{
font-size:30px;
font-weight:700;
color:#1E4FAF;
}

.logo span{
color:#27A8F2;
}

nav{
display:flex;
gap:25px;
}

nav a{
text-decoration:none;
color:#333;
font-weight:600;
}

.call-btn{
background:#1E4FAF;
color:white;
padding:12px 22px;
border-radius:8px;
text-decoration:none;
font-weight:bold;
}

.hero{
min-height:650px;
padding:60px 0;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:linear-gradient(
135deg,
#1E4FAF,
#27A8F2
);
color:white;
padding:30px;
}

.hero-content{
max-width:850px;
}

.hero h1{
font-size:58px;
margin-bottom:20px;
}

.hero p{
font-size:22px;
line-height:1.7;
margin-bottom:35px;
}

.hero-buttons{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
}

.btn-primary{
background:white;
color:#1E4FAF;
padding:15px 30px;
border-radius:8px;
font-weight:bold;
text-decoration:none;
}

.btn-whatsapp{
background:#25D366;
color:white;
padding:15px 30px;
border-radius:8px;
font-weight:bold;
text-decoration:none;
}

@media(max-width:900px){

.header .container{
flex-direction:column;
gap:15px;
}

nav{
flex-wrap:wrap;
justify-content:center;
}

.hero h1{
font-size:38px;
}

.hero p{
font-size:18px;
}

}

.hero{
    background:#f7fbff;
    padding:80px 0;
}

.hero .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.hero-text{
    flex:1;
}

.hero-image{
    flex:1;
    text-align:center;
}

.hero-image img{
    max-width:450px;
    width:100%;
}

.hero-badge{
    display:inline-block;
    background:#eaf3ff;
    color:#0057b8;
    padding:10px 20px;
    border-radius:30px;
    font-weight:600;
    margin-bottom:20px;
}

.hero h1{
    font-size:54px;
    line-height:1.2;
    margin-bottom:20px;
    color:#0f172a;
}

.hero p{
    font-size:18px;
    color:#555;
    line-height:1.7;
    margin-bottom:30px;
}

.hero-card{
    background:white;
    padding:35px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    margin-top:20px;
    text-align:center;
}

.hero-card h3{
    font-size:34px;
    margin-bottom:8px;
    color:#0f172a;
}

.hero-card p{
    margin:0;
    color:#666;
}

.hero-card h3{
    margin-bottom:10px;
}

@media(max-width:768px){

    .hero .container{
        flex-direction:column;
        text-align:center;
    }

    .hero h1{
        font-size:36px;
    }

}

.title{
    font-size:18px;
    font-weight:600;
    color:#1E4FAF;
    margin-bottom:12px;
}

.experience{
    font-size:16px;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
}

.desc{
    font-size:14px;
    line-height:1.6;
    color:#666;
}

.position{
    margin-top:16px;
    font-size:17px;
    font-weight:700;
    color:#1E4FAF;
    line-height:1.5;
}

.hero-features{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:25px 0;
}

.hero-features span{
    background:#ffffff;
    padding:10px 16px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    color:#1E4FAF;
    border:1px solid #dce8ff;
}

.why-us{
    background:white;
    padding:90px 0;
}

.why-us h2{
    text-align:center;
    font-size:42px;
    margin-bottom:50px;
    color:#0f1a3d;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.why-box{
    background:#f7fbff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.why-box h3{
    margin-bottom:15px;
    color:#1E4FAF;
}

.why-box p{
    color:#666;
    line-height:1.6;
}

@media(max-width:900px){

    .why-grid{
        grid-template-columns:1fr;
    }

}

.brands{
    padding:100px 0;
    background:#f7fbff;
}

.brands h2{
    text-align:center;
    font-size:42px;
    color:#0f1a3d;
    margin-bottom:15px;
}

.brands-subtitle{
    text-align:center;
    color:#666;
    margin-bottom:50px;
}

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

.brand-card{
    background:white;
    padding:35px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
    transition:.3s;
}

.brand-card:hover{
    transform:translateY(-5px);
}

.brand-card h3{
    color:#1E4FAF;
    margin-bottom:15px;
    font-size:24px;
}

.brand-card p{
    color:#666;
    line-height:1.6;
}

@media(max-width:900px){

    .brands-grid{
        grid-template-columns:1fr;
    }

}

.services{
    padding:100px 0;
    background:white;
}

.services h2{
    text-align:center;
    font-size:42px;
    color:#0f1a3d;
    margin-bottom:50px;
}

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

.service-card{
    background:#f7fbff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.service-card h3{
    color:#1E4FAF;
    margin-bottom:15px;
}

.service-card p{
    color:#666;
    line-height:1.7;
}

.patients{
    padding:100px 0;
    background:#f7fbff;
}

.patients h2{
    text-align:center;
    font-size:42px;
    color:#0f1a3d;
    margin-bottom:50px;
}

.patients-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.patient-box{
    background:white;
    padding:35px;
    border-radius:20px;
    text-align:center;
    font-size:18px;
    font-weight:700;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

@media(max-width:900px){

    .services-grid,
    .patients-grid{
        grid-template-columns:1fr;
    }

}

.reviews{
    padding:100px 0;
    background:white;
}

.reviews h2{
    text-align:center;
    font-size:42px;
    color:#0f1a3d;
    margin-bottom:50px;
}

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

.review-card{
    background:#f7fbff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.stars{
    font-size:24px;
    margin-bottom:15px;
}

.review-card p{
    color:#555;
    line-height:1.8;
    margin-bottom:20px;
}

.review-card h4{
    color:#1E4FAF;
}

@media(max-width:900px){

    .reviews-grid{
        grid-template-columns:1fr;
    }

}

.sgk{
    padding:100px 0;
    background:white;
}

.sgk-box{
    background:linear-gradient(135deg,#1E4FAF,#27A8F2);
    color:white;
    padding:60px;
    border-radius:25px;
    text-align:center;
}

.sgk-box h2{
    font-size:42px;
    margin-bottom:20px;
}

.sgk-box p{
    max-width:800px;
    margin:0 auto 30px;
    line-height:1.8;
    font-size:18px;
    color:white;
}

.sgk-box .btn-primary{
    background:white;
    color:#1E4FAF;
}

.locations{
    padding:100px 0;
    background:#f7fbff;
}

.locations h2{
    text-align:center;
    font-size:42px;
    color:#0f1a3d;
    margin-bottom:15px;
}

.locations-subtitle{
    text-align:center;
    color:#666;
    margin-bottom:50px;
}

.locations-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.location-card{
    background:white;
    padding:35px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
}

.location-card h3{
    color:#1E4FAF;
    margin-bottom:15px;
}

.location-card p{
    color:#666;
    line-height:1.6;
}

@media(max-width:900px){

    .locations-grid{
        grid-template-columns:1fr;
    }

}