.hero{
background:linear-gradient(90deg, #002549, #002549);
padding:90px 0;
color:#fff;
}

.hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center;
}

p {
    line-height: 1.7em;
    margin-bottom: 0.6em;
}

.section-title h1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 30px;
    color:#fff;
}

.section-title p {
    text-align: justify;
    font-size: 14px;
    font-weight: 400 !important;
    margin-bottom: 0;
    color: #fff;
}

.sectiontitle {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 0;
}

 .sectiontitle span {
    color: var(--accent-color);
}

.btn{
display:inline-block;
padding:15px 32px;
background:#fff;
color:#0055ff;
border-radius:50px;
font-weight:700;
text-decoration:none;
margin-right:15px;
transition:.3s;
}

.btn:hover{
transform:translateY(-3px);
}

.hero-image img{
width:100%;
border-radius:20px;
box-shadow:0 20px 40px rgba(0,0,0,.2);
}

/*----------------------*/





section{
padding:80px 0;
}


.section-subtitle {
    text-align: center;
    font-size: 15px;
    max-width: 700px;
    margin: auto;
    margin-bottom: 50px;
    color: #666;
    padding-top: 20px;
    font-family: 'Poppins', sans-serif;
}

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

.card{
background:#fff;
padding:35px;
border-radius:18px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

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

.icon{
width:70px;
height:70px;
background:#e9f2ff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
margin-bottom:20px;
}

.blue{
background:#0055ff;
color:#fff;
}

.stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
text-align:center;
}

.stat{
padding:35px;
background:#fff;
border-radius:15px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.stat h2{
font-size:42px;
color:#0055ff;
}

.cta{
background:linear-gradient(135deg,#0055ff,#008cff);
color:#fff;
text-align:center;
padding:80px 20px;
}

footer{
background:#111827;
color:#fff;
padding:40px;
text-align:center;
}




.conditions{
padding:70px 20px;
}


.section-text{
text-align:center;
max-width:720px;
margin:auto;
margin-bottom:50px;
color:#666;
font-size:16px;
}

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

.card{
background:#fff;
padding:20px 20px;
border-radius:18px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;
}

.card:hover{
background:#fff;
transform:translateY(-8px);
}

.card i{
font-size: 35px;
color: #0e5aa5;
margin-bottom: 0px;
transition: .35s;
}

.card:hover i{
color:#fff;
}

.card h3 {
    font-size: 22px;
    font-weight: 700;
    color: #222;
    transition: .35s;
    text-align: left;
    padding-bottom: 20px;
}

.card p {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7em;
    color: #555;
    text-align: left;
}


@media(max-width:991px){

.grid{

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

}

.section-title{

font-size:32px;

}

}

@media(max-width:576px){

.grid{

grid-template-columns:1fr;

}

.section-title{

font-size:28px;

}

.card{

padding:28px 20px;

}

}





.why-section{ padding:90px 20px; } 
.heading{ text-align:center; margin-bottom:60px; } 
.heading h2{ font-size:42px; font-weight:700; color:#000; margin-bottom:15px; } 
.heading span{ color:#0e5aa5; } 
.heading p {
    max-width: 900px;
    margin: auto;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}
.grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:30px; } 
.carrd{ background:#fff; border-radius:20px; padding:35px; box-shadow:0 12px 35px rgba(0,0,0,.08); transition:.35s; display:flex; align-items:flex-start; gap:20px; position:relative; overflow:hidden; } 
.carrd::before{ content:""; position:absolute; left:0; top:0; width:5px; height:100%; background:#0d6efd; } 
.carrd:hover{ transform:translateY(-8px); box-shadow:0 20px 45px rgba(13,110,253,.18); } 
.icon{ min-width:70px; height:70px; border-radius:18px; background:#eef5ff; display:flex; align-items:center; justify-content:center; font-size:30px; color:#0d6efd; transition:.35s; } 
.carrd:hover .icon{ background:#0d6efd; color:#fff; transform:rotate(8deg); } 
.content h3{ font-size:22px; font-weight:700; color:#000; margin-bottom:0px; } 
.content p{ font-size:15px; color:#666; line-height:1.8; }
@media(max-width:768px){ 
.heading h2{ font-size:32px; } 
.heading p{ font-size:14px; } 
.carrd{ padding:28px; flex-direction:column; text-align:center; align-items:center; } 
.content h3{ font-size:20px; } 
}



.treatment-section{ padding:90px 20px; } 
.section-title span{ color:#0d6efd; } 
.section-text{ text-align:center; max-width:760px; margin:0 auto 60px; color:#666; font-size:17px; } 
.treatment-grid{ display:grid; gap:30px; } 
.cards{ background:#fff; padding:35px 30px; border-radius:18px; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.35s; position:relative; overflow:hidden; } 
.cards::before{ content:''; position:absolute; top:0; left:0; height:5px; width:100%; background:#0e5aa5; } 
.cards:hover{ transform:translateY(-10px); box-shadow:0 20px 45px rgba(13,110,253,.20); } 
.icon{ width:70px; height:70px; background:#e8f1ff; border-radius:18px; display:flex; justify-content:center; align-items:center; font-size:30px; color:#0d6efd; margin-bottom:25px; transition:.35s; } 
.cards:hover .icon{ background:#0d6efd; color:#fff; transform:rotate(8deg); } 
.cards h3{ font-size:22px; font-weight:600; color:#222; margin-bottom:15px; } .cards p{ font-size:15px; color:#666; line-height:1.7; } 
.btn{ display:inline-block; margin-top:25px; color:#0d6efd; font-weight:600; text-decoration:none; } 
.btn:hover{ letter-spacing:1px; border:2px solid #fff; }
@media(max-width:768px){ .section-title{ font-size:32px; } .section-text{ font-size:15px; } .cards{ padding:30px 22px; } }



.nearby-section{ padding:50px 20px; background:#f8fbff; } 
.section-heading{ text-align:center; margin-bottom:55px; } 
.subtitle{ display:inline-flex; align-items:center; gap:8px; padding:8px 18px; background:#e9f2ff; color:#0d6efd; font-weight:600; border-radius:50px; margin-bottom:20px; font-size:15px; } 
.section-heading h2{ font-size:42px; font-weight:700; color:#12345b; margin-bottom:15px; } 
.section-heading p{ max-width:760px; margin:auto; font-size:16px; line-height:1.8; color:#666; } 
.location-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:25px; } 
.location-card{ background:#fff; border-radius:18px; padding:30px 20px; text-align:center; text-decoration:none; box-shadow:0 12px 30px rgba(0,0,0,.08); transition:.35s; border:1px solid #edf2f7; } 
.location-card:hover{ background:linear-gradient(135deg,#0d6efd,#00a6ff); transform:translateY(-8px); box-shadow:0 20px 45px rgba(13,110,253,.25); } 
.location-card i{ width:70px; height:70px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; font-size:28px; background:#eef5ff; color:#bd0707; transition:.35s; } 
.location-card:hover i{ background:#fff; color:#0d6efd; transform:scale(1.08); } 
.location-card h3{ font-size:20px; font-weight:600; color:#000; transition:.35s; } 
.location-card:hover h3{ color:#fff; }
@media(max-width:992px){ .section-heading h2{ font-size:34px; } 
.location-grid{ grid-template-columns:repeat(2,1fr); } 
} 
@media(max-width:576px){ .nearby-section{ padding:70px 15px; } 
.section-heading h2{ font-size:30px; } 
.section-heading p{ font-size:14px; } 
.location-grid{ grid-template-columns:revert-rule; gap:18px; } 
.location-card{ padding:25px 15px; } 
}





.wcul{
    background: #246cb40a;
}


.why-choose-item {
    border-bottom: 2px solid var(--dark-divider-color);
    display: flex;
    align-items: center;
    padding: 40px 20px;
}

.why-choose-content p {
    margin: 0;
    transition: all 0.3s ease-in-out;
    font-size: 13px;
}

.why-choose-image {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    top: -37px;
}

.icon-box{
    font-size: 30px;
    color: #0e5aa5;
}



@media(max-width:768px){
    
.hero {
    background: linear-gradient(90deg, #002549, #002549);
    padding: 50px 0;
    color: #fff;
}
    
.hero-grid {
    display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

.section-title h1 {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 30px;
    color: #fff;
}

.section-title p {
    text-align: center;
    font-size: 14px;
    font-weight: 400 !important;
    margin-bottom: 0;
    color: #fff;
}

.btn {
    display: inline-block;
    margin-top: 20px;
    color: #0d6efd;
    font-weight: 600;
    text-decoration: none;
}

.sectiontitle {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 0;
}

.section-subtitle {
    text-align: center;
    font-size: 14px;
    max-width: 700px;
    margin: auto;
    margin-bottom: 50px;
    color: #666;
    padding-top: 20px;
    font-family: 'Poppins', sans-serif;
}

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

.shimmer{
    text-align: center;
}

.main-footer {
    padding: 0px 0 0;
}

.content p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

.page-header-box h4 {
        color: var(--primary-color);
        font-size: 27px;
        line-height: 1.2em;
        text-align: center;
        font-family: initial;
    }

}












.faq-section{
    padding:80px 20px;
    background:#fff;
}

.section-heading{
    text-align:center;
    margin-bottom:45px;
}

.section-heading span{
    color:#0b7ac4;
    font-weight:700;
    letter-spacing:1px;
}

.section-heading h2{
    font-size:38px;
    margin:12px 0;
    color:#222;
}

.section-heading p{
    color:#666;
}

.faq-item{
    background:#fff;
    border-radius:10px;
    margin-bottom:15px;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.faq-question{
    width:100%;
    border:none;
    background:#fff;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 25px;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.faq-question i{
    font-style:normal;
    font-size:30px;
    color:#0b7ac4;
    transition:.3s;
}

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
}

.faq-answer p{
    padding:0 25px 20px;
    color:#555;
    line-height:1.8;
}

.faq-item.active .faq-answer{
    max-height:250px;
}

.faq-item.active .faq-question i{
    transform:rotate(45deg);
}

@media(max-width:768px){

.section-heading h2{
    font-size:28px;
}

.faq-question{
    font-size:16px;
    padding:18px;
}

.faq-answer p{
    padding:0 18px 18px;
}

}




.about-working-hour h3, .about-service-list h3, .footer-contact h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 30px;
    text-align: left !important;
}

.footer-info-box-content p {
    color: var(--white-color);
    margin-bottom: 0;
    text-align: left !important;
}

.about-service-list ul li {
    text-transform: capitalize;
    margin-bottom: 5px;
    text-align: left;
}