:root{

--primary:#5b2c0d;
--secondary:#ff8a00;
--light:#ffffff;
--dark:#222;
--gray:#777;
--bg:#f7f8fc;

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{

scroll-behavior:smooth;

}

html,
body{
    overflow-x: hidden;
    width: 100%;
}

body{

font-family:"Segoe UI Variable Text","Segoe UI",segoeui,"Helvetica Neue",helvetica;
background:var(--bg);

}

a{

text-decoration:none;

}

img{

max-width:100%;

display:block;

}

/*****************************
HEADER
*****************************/

.header{

background:#fff;

position:sticky;

top:0;

z-index:999;

box-shadow:0 4px 20px rgba(0,0,0,.05);

}

.navbar{

padding:18px 0;

}

.navbar-brand img{

height:70px;

}

.nav-link{

font-size:15px;

font-weight:600;

color:#5b2c0d;

margin:0 12px;

transition:.3s;

}

.nav-link:hover{

color:var(--secondary);

}

.nav-link.active{

color:var(--secondary);

}

.appointment-btn{

background:var(--primary);

color:#fff;

padding:14px 28px;

border-radius:50px;

font-size:14px;

font-weight:600;

transition:.4s;

}

.appointment-btn:hover{

background:var(--secondary);

color:#fff;

}



/*=================================
            HERO
==================================*/
.hero-section{

    position:relative;

    overflow:hidden;

    min-height:620px;

    background:url("../images/hero-bg.jpg") center center;

    background-size:cover;

    display:flex;

    align-items:center;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(90deg,
            rgba(70,38,18,.82) 0%,
            rgba(70,38,18,.58) 35%,
            rgba(0,0,0,.10) 100%);

}

.hero-row{

    min-height:620px;

    position:relative;

    z-index:5;

}

.hero-content{

    color:#fff;

}

.hero-content h1{

    font-size:44px;

    font-weight:700;

}

.hero-content h4{

    margin-top:10px;

    font-size:32px;

    font-weight:600;

    line-height:1.4;

}

.hero-btn-group{

    display:flex;

    align-items:center;

    gap:20px;

    margin:40px 0;

}

.hero-btn{

    background:#5b2c0d;

    color:#fff;

    padding:16px 35px;

    border-radius:50px;

    font-weight:600;

}

.call-btn{

    width:62px;

    height:62px;

    border-radius:50%;

    background:#ff9200;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:22px;

}

.opening-card{

    width:390px;

    background:#fff;

    padding:35px;

    border-radius:22px;

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

}

.opening-card h3{

    color:#111;

    font-weight:700;

}

.opening-card span{

    color:#292929;

}

.opening-card strong{

    color:#ff9200;

}

.opening-card{

    animation:
        cardEntry 1.2s ease-out,
        cardFloat 3s ease-in-out infinite 1.2s;

    transform-origin: center;
}

@keyframes cardEntry{

    0%{
        opacity:0;
        transform:translateY(-120px) scale(.9);
    }

    60%{
        opacity:1;
        transform:translateY(15px) scale(1.03);
    }

    80%{
        transform:translateY(-8px);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

.doctor-box{

    position:absolute;

    bottom:0;

    right:0;

    width:100%;

    height:100%;

    display:flex;

    justify-content:flex-end;

    align-items:flex-end;

}

.doctor-box img{

    height:96%;
    max-height:650px;
    object-fit:contain;

    animation:
        doctorEntry 1.4s ease-out,
        doctorFloat 3s ease-in-out infinite 1.4s;

    transform-origin: bottom center;
}

@keyframes doctorEntry{

    0%{
        opacity:0;
        transform:translateY(-180px) scale(.9);
    }

    60%{
        opacity:1;
        transform:translateY(20px) scale(1.03);
    }

    80%{
        transform:translateY(-10px);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}


/*=================================
        ABOUT SECTION
==================================*/
.about-section{

    padding:90px 0;

}

.about-img{

    height:520px;

    border-radius:25px;

    overflow:hidden;

}

.about-img img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.sub-title{

    color:#6b300d;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

.about-title{

    font-size:18px;

    font-weight:500;

    line-height:1.9;

    margin:15px 0 20px;

}

.about-title strong{

    font-weight:700;

}

.about-section p{

    font-size:16px;

    line-height:2;

    color:#292929;

    margin-bottom:18px;

}

.about-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#5d2606;

    color:#fff;

    padding:12px 20px;

    font-weight:600;

    transition:.3s;

}

.about-btn:hover{

    color:#fff;

    background:#ff9200;

}

.counter{

    background:#f4f6fc;

    border-radius:18px;

    padding:30px 20px;

    height:100px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.counter h3{

    font-size:24px;

    font-weight:700;

    margin-bottom:0px;

}

.counter p{

    margin:0;
    font-size:15px;

}

.counter.active{

    background:#5d2606;

    color:#fff;

}

.counter.active p{

    color:#fff;

}


/*==========================
        SERVICES
===========================*/

.services-section{

    padding:90px 0;

    background:#f8f9fd;

}

.section-heading{

    text-align:center;

    margin-bottom:60px;

}

.section-heading span{

    color:#8b4b16;

    font-size:14px;

    font-weight:600;

    letter-spacing:2px;

}

.section-heading h2{

    font-size:42px;

    font-weight:700;

    margin-top:10px;

}

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

.service-card:hover{

    transform:translateY(-10px);

}

.service-image{
    position:relative;
    height:220px;
    overflow:hidden;
}

.service-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.service-card:hover img{

    transform:scale(1.1);

}

.service-body{
    position:relative;
    padding:55px 25px 30px;
    text-align:center;
}
.service-title{

    position:absolute;

    top:-28px;          /* Image ke upar overlap */

    left:50%;

    transform:translateX(-50%);

    width:85%;

    background:#5d2606;

    color:#fff;

    padding:14px 18px;

    border-radius:12px;

    font-size:15px;

    font-weight:600;

    text-align:center;

    box-shadow:0 10px 20px rgba(0,0,0,.18);

    z-index:10;

}

.service-body p{

    color:#292929;

    line-height:1.5;

    font-size:16px;

    min-height:80px;

}


.service-card{
    opacity: 0;
    transform: translateY(-80px);
    transition: all .8s ease;
}

.service-card.show{
    opacity: 1;
    transform: translateY(0);
    animation: serviceBounce .8s ease;
}

@keyframes serviceBounce{

    0%{
        transform: translateY(-80px);
    }

    60%{
        transform: translateY(15px);
    }

    80%{
        transform: translateY(-8px);
    }

    100%{
        transform: translateY(0);
    }

}

.learn-btn{

    display:inline-flex;

    align-items:center;

    gap:8px;

    background:#5d2606;

    color:#fff;

    padding:10px 22px;

    border-radius:8px;

    margin-top:15px;

    transition:.3s;

}

.learn-btn:hover{

    background:#ff9200;

    color:#fff;

}


/*=================================
        WHY SECTION
==================================*/

.why-section{

    padding:100px 0;

    background:#fff;

}

.section-subtitle{

    color:#8b4b16;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    font-size:14px;

}

.why-title{

    font-size:40px;

    font-weight:700;

    margin:15px 0 25px;

    line-height:1.3;

}

.why-section p{

    font-size:16px;

    line-height:1.9;

    color:#292929;

}

.why-card{

    background:#fff;

    padding:35px;

    border-radius:20px;

    height:100%;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.4s;

    border:1px solid #eee;

}

.why-card:hover{

    transform:translateY(-10px);

}

.why-number{

    font-size:42px;

    color:#ff9200;

    font-weight:700;

    display:block;

    margin-bottom:20px;

    position:relative;

}

.why-number::after{

    content:"";

    width:50px;

    height:2px;

    background:#ff9200;

    position:absolute;

    top:28px;

    left:55px;

}

.why-card h4{

    font-size:19px;

    font-weight:700;

    margin-bottom:15px;

}

.why-card p{

    font-size:15px;

    color:#292929;

    line-height:1.8;

    margin:0;

}

.active1{

    background:url("../images/why-bg.jpg") center;

    background-size:cover;

    color:#fff;

    position:relative;

    overflow:hidden;

}

.active1::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(75,35,10,.75);

}

.active1>*{

    position:relative;

    z-index:2;

}

.active1 h4,

.active1 p,

.active1 .why-number{

    color:#fff;

}

.active1 .why-number::after{

    background:#fff;

}

.why-card{

    opacity: 0;

    transform: translateY(80px);

    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.22, 1, .36, 1);

    will-change: transform, opacity;

}

.why-card.show{

    opacity: 1;

    transform: translateY(0);

}

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

.cta-section{

    position:relative;

    padding:90px 0;

    background:url("../images/cta-bg.jpg") center center;

    background-size:cover;

    overflow:hidden;

}

.cta-overlay{

    position:absolute;

    inset:0;

    background:rgba(20,20,20,.65);

}

.cta-content{

    position:relative;

    z-index:2;

    text-align:center;

    color:#fff;

}

.cta-content h2{

    font-size:32px;

    font-weight:700;

    margin-bottom:20px;

}

.cta-content p{

    width:75%;

    margin:auto;

    color:#ddd;

    line-height:1.9;

    font-size:16px;

}

.cta-btn{

    display:inline-block;

    margin-top:35px;

    background:#fff;

    color:#8b4b16;

    padding:15px 36px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.cta-btn:hover{

    background:#ff9200;

    color:#fff;

}


/*=================================
            FAQ
==================================*/

.faq-section{

    padding:100px 0;

    background:#fff;

}

.faq-subtitle{

    color:#8b4b16;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    font-size:13px;

}

.faq-left h2{

    font-size:44px;

    font-weight:700;

    margin:15px 0 20px;

    line-height:1.3;

}

.faq-left p{

    color:#292929;

    line-height:1.9;

}

.custom-faq .accordion-item{

    border:none;

    margin-bottom:18px;

    border-radius:16px;

    overflow:hidden;

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

}

.custom-faq .accordion-button{

    padding:24px;

    font-weight:600;

    font-size:17px;

    background:#fff;

    box-shadow:none;

}

.custom-faq .accordion-button:not(.collapsed){

    background:#5d2606;

    color:#fff;

}

.custom-faq .accordion-button:focus{

    box-shadow:none;

}

.custom-faq .accordion-body{

    padding:22px 24px;

    line-height:1.8;

    color:#292929;

}

.custom-faq{
    opacity: 0;
    transform: translateY(70px);
    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.22, 1, .36, 1);
    will-change: transform, opacity;
}

.custom-faq.show{
    opacity: 1;
    transform: translateY(0);
}

/*=============================
      TESTIMONIAL
==============================*/

.testimonial-section{

padding:100px 0;

background:#f8f9fc;

}

.testimonial-title{

font-size:42px;

font-weight:700;

margin:15px 0;

}

.google-card{

margin-top:35px;

padding:30px;

background:#fff;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

text-align:center;

}

.google-card img{

width:60px;

margin-bottom:15px;

}

.google-card h3{

font-size:55px;

font-weight:700;

}

.stars{

font-size:22px;

color:#ffb400;

margin:10px 0;

}

.review-card{

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

height:100%;

}

.review-top{

display:flex;

align-items:center;

margin-bottom:20px;

}

.review-top img{

width:65px;

height:65px;

border-radius:50%;

object-fit:cover;

margin-right:15px;

}

.review-top h5{

margin:0;

font-weight:700;

}

.review-top span{

color:#777;

font-size:14px;

}

.review-star{

color:#ffb400;

font-size:18px;

margin-bottom:15px;

}

.review-card p{

color:#292929;

line-height:1.9;

}

/*=================================
            FOOTER
==================================*/
/*==========================
        FOOTER
==========================*/

.footer{
    position: relative;
    overflow: hidden;
    padding: 90px 0 20px;
    color: #fff;

    background: url("../images/footer-bg.jpg") center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Dark Overlay */

.footer::before{

    content:"";
    position:absolute;
    inset:0;
    background:rgba(75,19,7,.93);
    z-index:0;

}

/* Content */

.footer .container{

    position:relative;
    z-index:2;

}

.footer-logo{

    height:119px;
}

.footer h4{

    font-size:22px;
    font-weight:600;
    margin-bottom:25px;
    color:#fff;

}

.footer p,
.footer li a,
.contact-item span{

    color:rgba(255,255,255,.82);

}

.footer ul{

    list-style:none;
    padding:0;

}

.footer ul li{

    margin-bottom:14px;

}

.footer ul li a{

    transition:.3s;

}

.footer ul li a:hover{

    color:#f9a826;
    padding-left:8px;

}

.social-icons{

    display:flex;
    gap:12px;
    margin-top:25px;

}

.social-icons a{

    width:44px;
    height:44px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;

    background:rgba(255,255,255,.12);
    color:#fff;

    transition:.3s;

}

.social-icons a:hover{

    background:#f9a826;

}

.contact-item{

    display:flex;
    align-items:flex-start;
    margin-bottom:18px;

}

.contact-item i{

    color:#ffffff;
    margin-right:15px;
    margin-top:4px;

}

.footer hr{

    border-color:rgba(255,255,255,.12);
    margin:50px 0 25px;

}

.copyright{

    text-align:center;
    color:rgba(255,255,255,.75);

}



.page-banner{

    position:relative;

    height:214px;

    background:url(../images/about-banner.jpg) center;

    background-size:cover;

    display:flex;

    align-items:center;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(45,22,10,.55);

}

.banner-content{

    position:relative;

    z-index:2;

    text-align:center;

    color:#fff;

}

.banner-content h1{

    font-size:36px;

    font-weight:700;

    margin-bottom:12px;

}

.banner-content nav{

    font-size:16px;

}

.banner-content nav a{

    color:#fff;

}

.banner-content span{

    margin:0 6px;

}


/*=========================
    ABOUT DOCTOR
==========================*/

.about-doctor{

    padding:90px 0;

}

.doctor-photo{

    border-radius:22px;

    overflow:hidden;

    height:650px;

}

.doctor-photo img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.doctor-photo:hover img{

    transform:scale(1.05);

}

.section-subtitle{

    color:#7b3b11;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.doctor-title{

    font-size:30px;

    font-weight:700;

    line-height:1.2;

    margin:15px 0 25px;

}

.about-doctor p{

    color:#292929;

    line-height:1.6;

    font-size:16px;
    text-align: justify;

}

.about-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 26px;

    background:#5d2606;

    color:#fff;

    font-weight:600;

    border-radius:6px;

    margin-top:15px;

    transition:.3s;

}

.about-btn:hover{

    background:#ff9800;

    color:#fff;

}

.counter-box{

    background:#f5f7fc;

    padding:30px;

    border-radius:18px;

    text-align:center;

    height:130px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.counter-box h3{

    font-size:30px;

    font-weight:700;

    color:#111;

    margin-bottom:8px;

}

.counter-box span{

    color:#292929;
    font-size: 13px;

}

.active-counter{

    background:#5d2606;

}

.active-counter h3,

.active-counter span{

    color:#fff;

}

/*===========================
    EXPERTISE SECTION
============================*/

.expertise-section{

    padding:40px 0 70px;

}

.content-title{

    font-size:34px;

    font-weight:700;

    color:#222;

    margin-bottom:25px;

    line-height:1.3;

}

.content-text{

    font-size:17px;

    line-height:2;

    color:#292929;

    margin-bottom:18px;

}

.expertise-list{

    list-style:none;

    padding:0;

    margin:0;

}

.expertise-list li{

    position:relative;

    padding-left:35px;

    margin-bottom:18px;

    font-size:17px;

    color:#333;

}

.expertise-list li::before{

    content:"✔";

    position:absolute;

    left:0;

    top:2px;

    width:22px;

    height:22px;

    border-radius:50%;

    background:#5d2606;

    color:#fff;

    font-size:12px;

    display:flex;

    justify-content:center;

    align-items:center;

}

/*=================================
      PATIENT CARE
==================================*/

.patient-care{

    padding:10px 0 60px;

}

.content-heading{

    font-size:38px;

    font-weight:700;

    color:#222;

    margin-bottom:25px;

    line-height:1.3;

}

.patient-care p{

    color:#292929;

    font-size:17px;

    line-height:2;

    margin-bottom:20px;

    text-align:justify;

}

/*===============================
      TRUSTED CARE
================================*/

.trusted-care{

    padding:10px 0 90px;

}

.trusted-care p{

    font-size:17px;

    line-height:2;

    color:#292929;

    margin-bottom:18px;

    text-align:justify;

}

.trusted-care strong{

    color:#111;

    font-weight:700;

}


/*==============================
      CONTACT PAGE
==============================*/

.contact-section{

padding:90px 0;

background:#fff;

}

.contact-form-box{

background:#fff;

border:2px solid #292929;

border-radius:25px;

padding:35px;

height:100%;

}

.contact-form-box h2{

font-size:30px;

font-weight:700;

color:#ff8c00;

margin-bottom:15px;

}

.form-control{

height:35px;

border-radius:4px;

border:1px solid #b8c3df;

}

textarea.form-control{

height:77px;

resize:none;

}

.submit-btn{

width:100%;

height:52px;

background:#5d2606;

color:#fff;

border:none;

font-weight:600;

transition:.3s;

}

.submit-btn:hover{

background:#ff8c00;

}

.contact-info-box{

background:#ff8c00;

padding:40px;

border-radius:20px;

color:#fff;

height:100%;

}

.contact-info-box h2{

font-size:30px;

font-weight:700;

margin-bottom:15px;

}

.contact-info-box p{

line-height:1.9;

margin-bottom:30px;

}

.contact-item{

display:flex;

align-items:flex-start;

margin-bottom:25px;

}

.contact-item i{

font-size:20px;

margin-right:18px;

margin-top:5px;

width:24px;

}



/*==================================
      SERVICE DETAILS
===================================*/

.service-details{

    background:#fff;
    padding:90px 0;

}

.service-content-card{

    background:#fff;
    border-radius:18px;
    border:1px solid #ddd;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.service-banner{

    width:100%;
    height:420px;
    object-fit:cover;

}

.service-content{

    padding:35px;

}

.service-content h1{

    font-size:46px;
    font-weight:700;
    margin-bottom:25px;

}

.service-content h2{

    font-size:34px;
    margin-top:35px;
    margin-bottom:20px;
    font-weight:700;

}

.service-content p{

    color:#292929;
    line-height:1.8;
    font-size:17px;
    text-align:justify;

}

.benefits-list{

    margin-top:20px;
    padding-left:20px;

}

.benefits-list li{

    margin-bottom:12px;
    color:#333;
    font-size:16px;

}


/*==================================
      SERVICE DETAILS
===================================*/

.service-details{

    background:#fff;
    padding:90px 0;

}

.service-content-card{

    background:#fff;
    border-radius:18px;
    border:1px solid #ddd;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.service-banner{

    width:100%;
    height:420px;
    object-fit:cover;

}

.service-content{

    padding:35px;

}

.service-content h1{

    font-size:36px;
    font-weight:700;
    margin-bottom:0px;

}

.service-content h2{

    font-size:34px;
    margin-top:35px;
    margin-bottom:20px;
    font-weight:700;

}

.service-content p{

    color:#292929;
    line-height:2;
    font-size:17px;
    text-align:justify;

}

.benefits-list{

    margin-top:20px;
    padding-left:20px;

}

.benefits-list li{

    margin-bottom:12px;
    color:#333;
    font-size:16px;

}


/*=====================================
        SIDEBAR
======================================*/

.sidebar-box{

    background:#fff;

    border:1px solid #ddd;

    border-radius:18px;

    padding:28px;

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

}

.sidebar-box h3{

    font-size:32px;

    font-weight:600;

    color:#2b2b2b;

    margin-bottom:18px;

}

.sidebar-line{

    width:100%;

    height:3px;

    background:#5b2c0d;

    margin-bottom:22px;

}

/* Service Button */

.service-link{

    display:flex;

    align-items:center;

    gap:12px;

    width:100%;

    margin-bottom:10px;

    padding:14px 18px;

    background:#ff9300;

    color:#fff;

    font-size:15px;

    font-weight:500;

    border-radius:0;

    transition:.35s;

}

.service-link:last-child{

    margin-bottom:0;

}

.service-link:hover{

    background:#5b2c0d;

    color:#fff;

    transform:translateX(6px);

}

.service-link i{

    font-size:15px;

}

/* Active */

.active-service{

    background:#5b2c0d !important;

}

/* Sticky */

.sidebar-sticky{

    position:sticky;

    top:110px;

}


/*=====================================
      CONTACT BOX
======================================*/

.sidebar-contact{

    background:#5b2c0d;

    color:#fff;

    border-radius:0 0 10px 10px;

    overflow:hidden;

}

.sidebar-contact-body{

    padding:28px;

}

.sidebar-contact h4{

    font-size:28px;

    font-weight:700;

    line-height:1.4;

    margin-bottom:18px;

}

.sidebar-contact p{

    color:#eee;

    font-size:15px;

    line-height:1.9;

    margin-bottom:18px;

}

.contact-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    width:100%;

    height:55px;

    background:#ff9300;

    color:#fff;

    font-weight:600;

    transition:.3s;

}

.contact-btn:hover{

    background:#fff;

    color:#5b2c0d;

}


/*=========================
        BLOG LIST
=========================*/

.blog-list-section{

    padding:90px 0;

}

.blog-item{

    margin-bottom:70px;

}

.blog-img{

    position:relative;

    display:block;

    overflow:hidden;

    border-radius:12px;

}

.blog-img img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.5s;

}

.blog-img:hover img{

    transform:scale(1.05);

}

.blog-date{

    position:absolute;

    left:20px;

    bottom:18px;

    background:rgba(0,0,0,.75);

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:500;

}

.blog-date i{

    margin-right:8px;

}

.blog-content h2{

    font-size:25px;

    font-weight:700;

    color:#222;

    line-height:1.15;

    margin-bottom:22px;

}

.blog-content p{

    color:#292929;

    font-size:16px;

    line-height:1.7;

    margin-bottom:35px;

}

.blog-btn{

    display:inline-block;

    border:2px solid #444;

    color:#222;

    padding:7px 34px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.5px;

    transition:.3s;

}

.blog-btn:hover{

    background:#5b2c0d;

    color:#fff;

    border-color:#5b2c0d;

}

.blog-details{

    padding:90px 0;

}

.blog-details-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.blog-banner{

    width:100%;

    height:500px;

    object-fit:cover;

}

.blog-body{

    padding:40px;

}

.blog-meta{

    display:flex;

    gap:30px;

    margin-bottom:20px;

    color:#777;

    font-size:15px;

}

.blog-meta i{

    color:#ff8a00;

    margin-right:8px;

}

.blog-body h1{

    font-size:42px;

    font-weight:700;

    line-height:1.3;

    margin-bottom:30px;

    color:#222;

}

.blog-content{

    font-size:18px;

    color:#292929;

    line-height:2;

}

.blog-content img{

    max-width:100%;

    border-radius:10px;

    margin:20px 0;

}

.blog-content h2,
.blog-content h3{

    margin-top:35px;

    margin-bottom:18px;

    color:#222;

    font-weight:700;

}

.blog-content ul{

    padding-left:20px;

}

.blog-content li{

    margin-bottom:12px;

}

.testimonial-card{

background:#fff;

border-radius:15px;

overflow:hidden;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.testimonial-card:hover{

transform:translateY(-8px);

}



.testimonial-thumb img{

width:100%;

height:260px;

object-fit:cover;

}

.testimonial-thumb{

    position:relative;

}

.play-btn{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:70px;

    height:70px;

    border-radius:50%;

    border:none;

    background:#ff8c00;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    z-index:100;

    transition:.3s;

}

.play-btn:hover{

    background:#5b2c0d;

    transform:translate(-50%,-50%) scale(1.1);

}

.testimonial-title{

padding:20px;

text-align:center;

font-size:20px;

font-weight:600;

}


.banner-overlay,
.hero-overlay{
    pointer-events: none !important;
}

.hero-content,
.banner-content,
.hero-buttons{
    position: relative;
    z-index: 999 !important;
}

.hero-btn,
.call-btn,
.appointment-btn{
    position: relative;
    z-index: 1000 !important;
    pointer-events: auto !important;
}

.doctor-photo{
    opacity: 0;
    transform: scale(.95);
    transition:
        opacity 1s ease,
        transform 1s ease;
    will-change: opacity, transform;
}

.doctor-photo.show{
    opacity: 1;
    transform: scale(1);
}

.sidebar-box{
    opacity: 0;
    transform: translateY(60px);
    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.22, 1, .36, 1);
    will-change: opacity, transform;
}

.sidebar-box.show{
    opacity: 1;
    transform: translateY(0);
}


.navbar .nav-link.active{
    color:#ff9200;
    font-weight:600;
}

.navbar .nav-link.active::after{
    width:100%;
}


.contact-form-box{
    opacity: 0;
    transform: translateY(70px);
    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.22, 1, .36, 1);
    will-change: opacity, transform;
}

.contact-form-box.show{
    opacity: 1;
    transform: translateY(0);
}

.contact-info-box{
    opacity: 0;
    transform: translateY(70px);
    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.22, 1, .36, 1);
    will-change: opacity, transform;
}

.contact-info-box.show{
    opacity: 1;
    transform: translateY(0);
}


.testimonial-section{
    opacity: 0;
    transform: translateY(80px);
    transition:
        opacity .9s ease,
        transform .9s cubic-bezier(.22, 1, .36, 1);
    will-change: opacity, transform;
}

.testimonial-section.show{
    opacity: 1;
    transform: translateY(0);
}