/*===================================
HERO SECTION
===================================*/

.hero-section{
position:relative;
overflow:hidden;
background:
linear-gradient(
135deg,
rgba(5, 39, 76, 0.95),
rgba(11, 54, 54, 0.908)
),
url('https://img.magnific.com/free-vector/medical-technology-science-background-vector-blue-with-blank-space_53876-117739.jpg?semt=ais_hybrid&w=740&q=80');

background-size:cover;
background-position:center;
padding: 60px 0px 60px 0px;
}

.hero-overlay{
position:absolute;
inset:0;
background:
radial-gradient(
circle at top right,
rgba(255,255,255,.12),
transparent 40%
);
}

.hero-content{
position:relative;
z-index:2;
color:#fff;
}

.hero-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 18px;
background:rgba(255,255,255,.15);
backdrop-filter:blur(10px);
border-radius:50px;
font-size:14px;
font-weight:600;
margin-bottom:25px;
}

.hero-content h1{
font-family:'Outfit',sans-serif;
font-size:50px;
font-weight:800;
line-height:1.1;
margin-bottom:25px;
}

.hero-content h1 span{
display:block;
color:#dfffff;
}

.hero-content p{
font-size:18px;
line-height:1.9;
max-width:650px;
margin-bottom:35px;
}

.hero-btns{
display:flex;
gap:15px;
flex-wrap:wrap;
margin-bottom:45px;
}

.btn-appointment{
background:#fff;
color:#053F7E;
padding:15px 35px;
border-radius:60px;
font-weight:700;
text-decoration:none;
}

.btn-call{
background:transparent;
border:2px solid #fff;
color:#fff;
padding:15px 35px;
border-radius:60px;
font-weight:700;
text-decoration:none;
}

.hero-features{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.feature-item{
background:rgba(255,255,255,.12);
backdrop-filter:blur(12px);
padding:20px;
border-radius:20px;
min-width:140px;
}

.feature-item h4{
font-family:'Outfit',sans-serif;
font-size:30px;
font-weight:800;
margin-bottom:5px;
}

.feature-item p{
margin:0;
font-size:14px;
}

.hero-image{
position:relative;
z-index:2;
text-align:center;
}

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

/*===================================
RESPONSIVE
===================================*/

@media(max-width:991px){

.hero-content{
text-align:center;
}

.hero-content h1{
font-size:42px;
}

.hero-features{
justify-content:center;
}

.hero-btns{
justify-content:center;
}

.hero-image{
margin-top:50px;
}

}

@media(max-width:576px){

.hero-content h1{
font-size:34px;
}

.hero-content p{
font-size:15px;
}

.feature-item{
width:100%;
}

}


/*===================================
ABOUT SECTION
===================================*/


.about-list{
    list-style:none;
    padding:0;
    margin:25px 0 0;
    
}

.about-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:15px;
    font-size:17px;
    font-weight:500;
    color:#333;
    line-height:1.6;
}

.about-list li i{
    color:#16D3D3;
    font-size:18px;
    margin-top:3px;
    flex-shrink:0;
}


/* Mobile About Section */

@media (max-width:767px){

    .about-content{
        text-align:left !important;
    }

    .about-content h2{
        text-align:left !important;
        font-size:30px;
        line-height:1.3;
        margin-bottom:18px;
    }

    .about-content p{
        text-align:left !important;
        font-size:16px;
        line-height:1.8;
    }

    .section-badge{
        display:inline-block;
        margin-bottom:15px;
    }

    .about-image{
        text-align:center;
        margin-bottom:30px;
    }

}


@media(max-width:767px){

    .about-list{
        margin-top:20px;
    }

    .about-list li{
        font-size:16px;
        margin-bottom:12px;
    }

}



.about-section{
background:#ffffff;
position:relative;
}

.info-strip{
margin-top:-100px;
position:relative;
z-index:5;
}

.info-box{
background:#fff;
padding:25px;
border-radius:20px;
display:flex;
gap:18px;
align-items:flex-start;
box-shadow:0 10px 35px rgba(0,0,0,.08);
height:100%;
transition:.4s;
}

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

.info-icon{
width:65px;
height:65px;
background:linear-gradient(
135deg,
#053F7E,
#16D3D3
);
border-radius:15px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.info-icon i{
font-size:28px;
color:#fff;
}

.info-box h5{
font-family:'Outfit',sans-serif;
font-weight:700;
color:#053F7E;
margin-bottom:8px;
}

.info-box p{
margin:0;
color:#666;
font-size:14px;
}

.about-image{
position:relative;
}

.about-image img{
border-radius:25px;
width:100%;
}

.experience-box{
position:absolute;
bottom:30px;
right:-20px;
background:#fff;
padding:20px 25px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.10);
text-align:center;
}

.experience-box h3{
font-family:'Outfit',sans-serif;
font-size:42px;
font-weight:800;
color:#053F7E;
margin:0;
}

.experience-box span{
font-size:14px;
color:#666;
}

.section-badge{
display:inline-block;
background:#EAFDFC;
color:#053F7E;
padding:10px 20px;
border-radius:50px;
font-weight:600;
margin-bottom:20px;
}

.about-content h2{
font-family:'Outfit',sans-serif;
font-size:48px;
font-weight:800;
color:#053F7E;
margin-bottom:20px;
line-height:1.2;
}

.about-content p{
color:#666;
line-height:1.9;
margin-bottom:20px;
}

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

.about-list li{
margin-bottom:12px;
font-weight:500;
}

.about-list i{
color:#16D3D3;
margin-right:8px;
}

.about-btn{
display:inline-block;
margin-top:20px;
padding:15px 35px;
border-radius:50px;
background:linear-gradient(
135deg,
#053F7E,
#16D3D3
);
color:#fff;
text-decoration:none;
font-weight:600;
}

/*===================================
RESPONSIVE
===================================*/

@media(max-width:991px){

.info-strip{
margin-top:0;
}

.about-content{
text-align:center;
margin-top:20px;
}

.about-content h2{
font-size:36px;
}

.experience-box{
right:10px;
bottom:10px;
}

}

@media(max-width:576px){

.about-content h2{
font-size:30px;
}

.experience-box{
padding:15px;
}

.experience-box h3{
font-size:30px;
}

}

/*===================================
WHY CHOOSE US SECTION
===================================*/

.why-choose-section{
background:#f8fbff;
}

.section-title{
font-family:'Outfit',sans-serif;
font-size:48px;
font-weight:800;
color:#053F7E;
margin-bottom:15px;
}

.section-description{
max-width:700px;
margin:auto;
color:#666;
line-height:1.8;
}

.choose-card{
background:#fff;
padding:35px 30px;
border-radius:25px;
height:100%;
text-align:center;
box-shadow:0 10px 35px rgba(0,0,0,.06);
transition:.4s;
border:1px solid rgba(22,211,211,.08);
}

.choose-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.choose-icon{
width:85px;
height:85px;
margin:auto;
margin-bottom:25px;
border-radius:20px;
background:linear-gradient(
135deg,
#053F7E,
#16D3D3
);
display:flex;
align-items:center;
justify-content:center;
}

.choose-icon i{
font-size:36px;
color:#fff;
}

.choose-card h4{
font-family:'Outfit',sans-serif;
font-size:24px;
font-weight:700;
color:#053F7E;
margin-bottom:15px;
}

.choose-card p{
color:#666;
line-height:1.8;
margin:0;
}

/*===================================
RESPONSIVE
===================================*/

@media(max-width:991px){

.section-title{
font-size:38px;
}

}

@media(max-width:576px){

.section-title{
font-size:30px;
}

.choose-card{
padding:25px;
}

}


/*===================================
DEPARTMENTS SECTION
===================================*/

.departments-section{
background:#ffffff;
}

.department-card{
background:#fff;
padding:35px 25px;
border-radius:25px;
height:100%;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.06);
transition:.4s;
border:1px solid #edf3f8;
}

.department-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.department-icon{
width:85px;
height:85px;
margin:auto;
margin-bottom:25px;
border-radius:20px;
background:linear-gradient(
135deg,
#053F7E,
#16D3D3
);
display:flex;
align-items:center;
justify-content:center;
}

.department-icon i{
font-size:35px;
color:#fff;
}

.department-card h4{
font-family:'Outfit',sans-serif;
font-size:24px;
font-weight:700;
color:#053F7E;
margin-bottom:15px;
}

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

.department-link{
color:#16D3D3;
font-weight:600;
text-decoration:none;
}

.department-link i{
margin-left:5px;
}

.all-department-btn{
display:inline-block;
padding:15px 35px;
border-radius:50px;
background:linear-gradient(
135deg,
#053F7E,
#16D3D3
);
color:#fff;
text-decoration:none;
font-weight:600;
}

.all-department-btn:hover{
color:#fff;
}


/*===================================
DOCTORS SECTION
===================================*/

.doctors-section{
background:#f8fbff;
}

.doctor-card{
background:#fff;
border-radius:25px;
overflow:hidden;
height:100%;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.4s;
}

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

.doctor-image{
position:relative;
overflow:hidden;
}

.doctor-image img{
width:100%;
height:320px;
object-fit:cover;
}

.experience-badge{
position:absolute;
top:15px;
right:15px;
background:linear-gradient(
135deg,
#053F7E,
#16D3D3
);
color:#fff;
padding:8px 15px;
border-radius:30px;
font-size:13px;
font-weight:600;
}

.doctor-content{
padding:25px;
text-align:center;
}

.doctor-content h4{
font-family:'Outfit',sans-serif;
font-size:24px;
font-weight:700;
color:#053F7E;
margin-bottom:5px;
}

.doctor-content span{
display:block;
color:#16D3D3;
font-weight:600;
margin-bottom:15px;
}

.doctor-content p{
color:#666;
line-height:1.7;
margin-bottom:20px;
}

.doctor-btn{
display:inline-block;
padding:12px 25px;
border-radius:50px;
background:linear-gradient(
135deg,
#053F7E,
#16D3D3
);
color:#fff;
text-decoration:none;
font-weight:600;
}

.doctor-btn:hover{
color:#fff;
}

.all-doctors-btn{
display:inline-block;
padding:15px 35px;
border-radius:50px;
background:linear-gradient(
135deg,
#053F7E,
#16D3D3
);
color:#fff;
text-decoration:none;
font-weight:600;
}

.all-doctors-btn:hover{
color:#fff;
}


/*===================================
FACILITIES SECTION
===================================*/

.facilities-section{
background:#ffffff;
}

.facility-card{
background:#fff;
padding:35px 25px;
border-radius:25px;
text-align:center;
height:100%;
border:1px solid #edf3f8;
box-shadow:0 10px 30px rgba(0,0,0,.05);
transition:.4s;
}

.facility-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 40px rgba(0,0,0,.10);
}

.facility-icon{
width:90px;
height:90px;
margin:auto;
margin-bottom:25px;
border-radius:20px;
background:linear-gradient(
135deg,
#053F7E,
#16D3D3
);
display:flex;
align-items:center;
justify-content:center;
}

.facility-icon i{
font-size:38px;
color:#fff;
}

.facility-card h4{
font-family:'Outfit',sans-serif;
font-size:24px;
font-weight:700;
color:#053F7E;
margin-bottom:15px;
}

.facility-card p{
color:#666;
line-height:1.8;
margin:0;
}


/*===================================
TESTIMONIALS SECTION
===================================*/

.testimonials-section{
background:#f8fbff;
}

.testimonial-card{
max-width:850px;
margin:auto;
background:#fff;
padding:50px;
border-radius:30px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
text-align:center;
}

.testimonial-stars{
margin-bottom:20px;
}

.testimonial-stars i{
color:#ffc107;
font-size:20px;
margin:0 2px;
}

.testimonial-card p{
font-size:18px;
line-height:1.9;
color:#555;
margin-bottom:30px;
}

.testimonial-user{
display:flex;
align-items:center;
justify-content:center;
gap:15px;
}

.testimonial-avatar{
width:65px;
height:65px;
border-radius:50%;
background:linear-gradient(
135deg,
#053F7E,
#16D3D3
);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:24px;
font-weight:700;
font-family:'Outfit',sans-serif;
}

.testimonial-user h5{
margin:0;
font-family:'Outfit',sans-serif;
font-weight:700;
color:#053F7E;
}

.testimonial-user span{
font-size:14px;
color:#777;
}

.carousel-control-prev,
.carousel-control-next{
width:auto;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
background-color:#053F7E;
border-radius:50%;
padding:20px;
}

@media(max-width:768px){

.testimonial-card{
padding:30px 20px;
}

.testimonial-card p{
font-size:16px;
}

}


/*===================================
GOOGLE REVIEWS SECTION
===================================*/

.google-reviews-section{
background:#ffffff;
}

.review-summary{
text-align:center;
margin-top:40px;
}

.google-icon{
width:90px;
height:90px;
margin:auto;
border-radius:50%;
background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.08);
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
}

.google-icon i{
font-size:42px;
color:#4285F4;
}

.review-summary h3{
font-family:'Outfit',sans-serif;
font-size:60px;
font-weight:800;
color:#053F7E;
margin-bottom:10px;
}

.review-stars{
color:#ffc107;
font-size:18px;
}

.review-summary p{
margin-top:10px;
color:#666;
}

.google-review-card{
background:#fff;
padding:30px;
border-radius:25px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
height:100%;
transition:.4s;
border:1px solid #edf3f8;
}

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

.review-top{
margin-bottom:15px;
}

.review-top h5{
font-family:'Outfit',sans-serif;
font-weight:700;
color:#053F7E;
margin-bottom:8px;
}

.google-review-card p{
color:#666;
line-height:1.8;
margin:0;
}

.google-review-btn{
display:inline-block;
padding:15px 35px;
border-radius:50px;
background:linear-gradient(
135deg,
#053F7E,
#16D3D3
);
color:#fff;
text-decoration:none;
font-weight:600;
}

.google-review-btn:hover{
color:#fff;
}


.google-review-card{
    max-width:850px;
    margin:auto;
    background:#fff;
    padding:50px;
    border-radius:30px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

#googleReviewSlider .carousel-control-prev-icon,
#googleReviewSlider .carousel-control-next-icon{
    background-color:#053F7E;
    border-radius:50%;
    padding:20px;
}

/*===================================
EMERGENCY CTA SECTION
===================================*/

.emergency-cta-section{
padding:100px 0;
background:
linear-gradient(
135deg,
#053F7E,
#16D3D3
);
position:relative;
overflow:hidden;
}

.emergency-cta-section::before{
content:'';
position:absolute;
width:400px;
height:400px;
background:rgba(255,255,255,.08);
border-radius:50%;
top:-150px;
right:-100px;
}

.emergency-cta-section::after{
content:'';
position:absolute;
width:250px;
height:250px;
background:rgba(255,255,255,.05);
border-radius:50%;
bottom:-100px;
left:-50px;
}

.cta-content{
position:relative;
z-index:2;
color:#fff;
}

.cta-badge{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 20px;
background:rgba(255,255,255,.15);
border-radius:50px;
font-weight:600;
margin-bottom:20px;
}

.cta-content h2{
font-family:'Outfit',sans-serif;
font-size:52px;
font-weight:800;
margin-bottom:20px;
}

.cta-content p{
font-size:18px;
line-height:1.9;
max-width:700px;
opacity:.95;
}

.cta-buttons{
display:flex;
flex-direction:column;
gap:15px;
position:relative;
z-index:2;
}

.cta-call-btn,
.cta-appointment-btn{
display:flex;
align-items:center;
justify-content:center;
height:60px;
border-radius:50px;
font-weight:700;
text-decoration:none;
transition:.3s;
}

.cta-call-btn{
background:#fff;
color:#053F7E;
}

.cta-appointment-btn{
background:transparent;
border:2px solid #fff;
color:#fff;
}

.cta-call-btn:hover,
.cta-appointment-btn:hover{
transform:translateY(-3px);
color:inherit;
}

@media(max-width:991px){

.cta-content{
text-align:center;
margin-bottom:30px;
}

.cta-content h2{
font-size:38px;
}

}

@media(max-width:576px){

.cta-content h2{
font-size:30px;
}

.cta-content p{
font-size:15px;
}

}