* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Poppins', sans-serif;}
body {background: #f3f3f3;color: #333;}
:root{
    --orange:#f58c29;
    --blue:#017299;
    --deep-blue:#292c78;
    --black: #333333;
    --white:#ffffff;
    --deep-orange:#cb680b;
}
a{text-decoration: none !important;}
.big-heading{font-size:60px;font-weight:700;line-height:1.2;transition:0.8s ease;color:var(--blue);text-transform: capitalize;}
.heading {font-size: 40px;font-weight: 700;text-transform: capitalize;}
.big-paragraph{font-size:18px;line-height:1.6;transition:0.8s ease 0.2s;}
.paragraph{font-size: 15px;line-height: 1.7;color: #666;}
.tagline {font-size: 15px;letter-spacing: 1px;font-weight: 600;text-transform: uppercase;}

.fill-btn{background: var(--orange);color: var(--white);padding: 10px 15px;border-radius: 3px;font-size: 13px;font-weight: 600;
    text-decoration:none;transition:0.3s;border:solid 2px var(--orange)}
.fill-btn:hover{background:var(--deep-orange);}
.outline-btn{background: transparent;color:var(--orange);padding: 10px 15px;border-radius: 3px;font-size: 13px;font-weight:600;
    text-decoration:none;transition:0.3s;border:solid 2px var(--orange)}
.outline-btn:hover{background:var(--deep-orange);color:var(--white);}
.explore-link{color:#ddd;}
.explore-link a{text-decoration:underline;}

.blue{color: var(--blue);}
.orange{color: var(--orange);}
.black{color: var(--black);}
.white{color: var(--white);}

.orange-bg{background-color: var(--orange);}

.mt-50{margin-top: 50px;} .mt-40{margin-top: 40px;} .mt-30{margin-top: 30px;} .mt-20{margin-top: 20px;} .mt-10{margin-top: 10px;} .mt-6{margin-top: 6px;} 
    .mt-0{margin-top: 0px;}
.mb-50{margin-bottom: 50px;} .mb-40{margin-bottom: 40px;} .mb-30{margin-bottom: 30px;} .mb-20{margin-bottom: 20px;} .mb-10{margin-bottom: 10px;} 
    .mb-0{margin-bottom: 0px;}
.mg-auto{margin:0 auto}

.w-80{width:80%;} .w-50{width:50%;} .w-30{width:30%;}
.section{padding: 70px 0;} .small-section{padding:50px 0;}
.group-btn {display: flex;align-items:center;gap: 15px;}
.justify-end{justify-content:end;} .justify-center{justify-content: center;}

.social-icons{display: flex;align-items: center;gap: 15px;}
.social-icons a{color:var(--deep-orange);margin: 0 !important;}
.social-icons a:hover{color: var(--deep-orange);}

/* =========================== HEADER ===========================  */

.topbar{background:#f4f6fb;padding:10px 0;font-size:14px;}
.topbar-info{display: flex;align-items: center;gap: 15px;}
.topbar-info a,.topbar-info p{font-size: 13px;}
.topbar i{color:var(--orange);margin-right:6px;}

.navbar-area{padding:18px 0;background:#fff;border-bottom:1px solid #eee;position:relative;z-index:1000;}
.logo img{width: 180px}

.main-menu ul{display:flex;justify-content:center;gap:35px;list-style:none;margin:0;}
.main-menu ul li a{text-decoration:none;color:#333;font-weight:500;position:relative;}
.main-menu ul li a.active{color:var(--blue);}
.main-menu ul li a.active::after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:var(--blue);}

.menu-toggle{font-size:22px;background:none;border:none;}
.sidebar{position:fixed;top:0;right:-300px;width:280px;height:100%;background:#fff;box-shadow:-5px 0 20px rgba(0,0,0,0.1);
    padding:25px;transition:0.4s ease;z-index:2000;}
.sidebar.active{right:0;}
.sidebar ul{list-style:none;padding:0;}
.sidebar ul li{margin-bottom:18px;}
.sidebar ul li a{text-decoration:none;color:#333;font-weight:500;}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);opacity:0;visibility:hidden;transition:0.3s;z-index:1500;}
.overlay.active{opacity:1;visibility:visible;}
@media(max-width:991px){.main-menu,.overlay{display:none;}}

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

.hero-section{position:relative;height:600px;overflow: hidden;}
.heroSwiper,.heroSwiper{height:auto;}
.heroSwiper .swiper-slide{background-size:cover;background-position:center;display:flex;align-items:center;position:relative;padding: 130px 0;}
.hero-overlay{position:absolute;inset:0;background: linear-gradient(110deg, rgb(255 255 255), rgb(249 255 196 / 33%));z-index:1;height:600px;}
.hero-content{position:relative;z-index:2;max-width:650px;color:var(--white);}

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

.expert-card{position:relative;flex:1;height:300px;overflow:hidden;border-radius:8px;cursor:pointer;}
.expert-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;filter: brightness(70%);}
.expert-card .overlay{position:absolute;inset:0;background:rgba(0,0,0,0.55);transition:all 0.6s ease;}
.expert-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4f7cf3,#2a4bd7);
    transform:translateY(100%);transition:transform 0.6s ease;z-index:1;}
.card-content{position:absolute;z-index:2;bottom:40px;left:40px;right:40px;color:#fff;transition:all 0.5s ease;}
.card-content h3{font-size:20px;font-weight:600;transition: transform 0.4s ease;}
.card-content p{font-size:15px;line-height:1.6;max-height: 0;overflow: hidden;opacity: 0;transform: translateY(10px);
    transition: opacity 0.4s ease, transform 0.4s ease;}
.circle-btn{width:50px;height:50px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;
    margin-top:25px;font-size:18px;transition:all 0.4s ease;}
.expert-card:hover img{transform:scale(1.08);}
.expert-card:hover::before{transform:translateY(0);}
.expert-card:hover .overlay{background:transparent;}
.expert-card:hover h3 {transform: translateY(-10px);}
.expert-card:hover .card-content p{opacity: 1;
    transform: translateY(0);max-height: 200px;}
.expert-card:hover .circle-btn{background:#fff;color:#2a4bd7;transform:translateX(8px);}

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

.about-section {text-align: center;background-image: url(../images/background/about-bg.jpg);background-size: cover;}

/* ================= VIDEO GALLERY ================= */

.video-section{background:#f7f9fc;}
.video-card{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;transition:all 0.4s ease;}
.video-card img{width:100%;height:280px;object-fit:cover;transition:transform 0.6s ease;}
.video-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.2));transition:all 0.4s ease;}
.watch-btn{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);
    padding:10px 20px;border-radius:50px;white-space: nowrap;
    color:var(--white);display:flex;align-items:center;gap:10px;font-weight:500;transition:all 0.4s ease;}
.video-card:hover img{transform:scale(1.08);}
.video-card:hover .video-overlay{background:linear-gradient(to top, rgba(226, 157, 45, 0.8), rgba(0,0,0,0.2));}
.video-card:hover .watch-btn{transform:translateX(-50%) translateY(-5px);background-color: var(--orange);}
@keyframes pulse{
    0%{box-shadow:0 0 0 0 rgba(226, 175, 45, 0.7);}
    70%{box-shadow:0 0 0 15px rgba(142,45,226,0);}
    100%{box-shadow:0 0 0 0 rgba(142,45,226,0);}
}
.video-modal{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;
    opacity:0;visibility:hidden;transition:0.3s;z-index:9999;}
.video-modal.active{opacity:1;visibility:visible;}
.video-modal-content{width:80%;max-width:900px;position:relative;}
.video-modal iframe{width:100%;height:500px;border-radius:10px;}
.close-video{position:absolute;top:-40px;right:0;font-size:30px;color:var(--white);cursor:pointer;}

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

.services-section{background:linear-gradient(135deg,#2a2d7c,#1c1f5a);color:var(--white);position:relative;}
.section-tag{font-size:14px;letter-spacing:2px;margin-bottom:15px;opacity:0.8;}
.call-box{display:flex;align-items:center;gap:15px;justify-content:flex-end;}
.call-icon{width:60px;height:60px;background:#5b6ee1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;}

.service-card{background:var(--white);border-radius:14px;overflow:hidden;transition:0.4s ease;position:relative;}
.service-card img{width:100%;height:260px;object-fit:cover;transition:0.6s ease;}
.service-card .service-card-body{padding:25px;color:#333;position:relative;}
.service-card h5{font-weight:600;margin-bottom:10px;}
.arrow-btn{position:absolute;right:25px;bottom:25px;width:40px;height:40px;border-radius:50%;background:#eef1ff;display:flex;
    align-items:center;justify-content:center;transition:0.4s;}
.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.2);}
.service-card:hover img{transform:scale(1.1);}
.service-card:hover .arrow-btn{background:#5b6ee1;color:#fff;}
.serviceSwiper {padding: 40px 10px;}
.serviceSwiper .swiper-slide {height: auto;}
.service-prev,.service-next {position: absolute;top: 50%;transform: translateY(-50%);width: 45px;height: 45px;background: var(--orange);
    border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: 0.3s ease;z-index: 10;}
.service-prev {left: 0px;}
.service-next {right: 0px;}
.service-prev::after,.service-next::after {content: '';width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.service-prev::after {transform: rotate(-135deg);}
.service-next::after {transform: rotate(45deg);}
.service-prev:hover,.service-next:hover {background: var(--deep-orange);}


/* ================= TEAM /  ================= */

.team-section{background:#f2f2f2;}
.team-left h2{font-size:38px;font-weight:600;color:#444;letter-spacing:2px;line-height:1.3;}
.smile{margin-top:30px;width:120px;height:60px;border-bottom:6px solid #8e2de2;border-radius:0 0 120px 120px;position:relative;}
.smile::before,
.smile::after{content:'';position:absolute;width:12px;height:12px;border:3px solid #8e2de2;border-radius:50%;top:-6px;}
.smile::before{ left:-15px; }
.smile::after{ right:-15px; }
.team-card{background:#fff;border-radius:20px;padding:10px;box-shadow:0 10px 20px rgba(0,0,0,0.08);transition:0.3s;}
.team-card img{width:100%;border-radius:15px;display:block;}
.team-card:hover{transform:translateY(-8px);}
.team-btn{margin-top:40px;display:inline-block;background:#8e2de2;color:#fff;padding:12px 26px;border-radius:6px;
    font-size:14px;text-decoration:none;transition:0.3s;}
.team-btn:hover{background:#6f1dc7;}

/* ================= CLINIC ================= */

.clinic-section{background:#f8f9fc;}
.clinic-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,0.08);transition:0.4s ease;position:relative;}
.clinic-img{position:relative;overflow:hidden;}
.clinic-img img{width:100%;height:200px;object-fit:cover;transition:0.6s ease;}
.clinic-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.5), transparent);transition:0.4s ease;}
.clinic-content{padding:20px;text-align:left;}
.clinic-content h3{font-weight:600;margin-bottom:8px;font-size: 20px;}
.clinic-content p{color:#777;font-size: 15px;margin-bottom:20px;}
.clinic-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px rgba(0,0,0,0.15);}
.clinic-card:hover img{transform:scale(1.08);}
.clinic-card:hover .clinic-overlay{background:linear-gradient(to top, rgba(91,110,225,0.7), transparent);}

/* ================= LAB ================= */

.lab-img{position:relative;overflow:hidden;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,0.1);transition:0.4s ease;}
.lab-img img{width:100%;height:380px;object-fit:cover;transition:0.6s ease;}
.lab-img:hover img{transform:scale(1.08);}
.overlay-btn{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:rgba(91,110,225,0.9);color:var(--white);
    padding:10px 25px;border-radius:50px;font-weight:500;cursor:pointer;transition:0.4s ease;}
.lab-img:hover .overlay-btn{background:var(--deep-blue);}
.lab-content{padding:40px;}
.lab-content h3{font-size:30px;font-weight:700;margin-bottom:15px;}
.lab-content p{font-size:16px;color:#666;line-height:1.7;}
.facility-list-wrapper{display: flex;flex-wrap: wrap;gap: 20px 20px;}
.facility-list-item{display:flex;align-items:center;gap:10px;font-size:15px;color:#444;white-space:nowrap;transition:0.3s ease;}
.facility-list-item i{color:var(--blue);font-size:16px;}
.facility-list-item:hover{transform:translateY(-3px);color:var(--deep-blue);}

/* ================= FEATURE ================= */

.feature-section{background:linear-gradient(135deg,#2a2d7c,#1c1f5a);color: var(--white);}
.feature-card{background: rgb(255 255 255 / 5%);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-radius: 16px;
    padding: 30px;margin-bottom:20px;position:relative;border: 1px solid rgba(255,255,255,0.2);transition:0.3s;display: flex;align-items: center;gap: 20px;}
.feature-card:hover{background:rgba(255, 255, 255, 0.184);}
.feature-icon{width: 65px;height: 65px;border-radius: 5px;background: var(--deep-blue);display: flex;align-items: center;justify-content: center;
    font-size: 30px;flex-shrink: 0;}
.feature-card h3{font-size:18px;font-weight:600;margin-bottom:8px;}
.feature-card p{font-size:14px;line-height:1.6;margin-bottom: 0;}

/* APPOINTMENT SECTION */

.appointment{margin-top:50px;}
.appointment h3{font-size:30px;font-weight:700;margin-bottom:25px;}
.joint-btn-wrap{display:flex;max-width: 500px;margin: 30px auto 0;background:var(--white);border-radius:10px;overflow:hidden;}
.joint-btn{flex:1;text-align:center;padding:14px;font-weight:500;cursor:pointer;transition:0.3s;}

/* ================= STATS ================= */

.stats-section{background:var(--white);}
.stats-section-wrap{background-color: var(--deep-blue);padding: 30px;border-radius: 15px;}
.stat-card{padding:30px 20px;border-radius:14px;background:rgba(255,255,255,0.05);backdrop-filter:blur(8px);transition:0.4s ease;
    position:relative;overflow:hidden;}
.stat-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(91,110,225,0.2),transparent);
    opacity:0;transition:0.4s ease;}
.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.3);}
.stat-card:hover::before{opacity:1;}
.stat-icon{font-size:32px;margin-bottom:15px;color:#8ea6ff;}
.stat-card h4{font-size:32px;font-weight:700;margin-bottom:8px;}
.stat-card span{font-size:14px;opacity:0.9;color: var(--white);}

/* ================= TRANSFORMATION ================= */

.transformation-section{padding:100px 0;}
.ba-wrapper{position:relative;overflow:hidden;border-radius:16px;cursor:ew-resize;box-shadow:0 15px 40px rgba(0,0,0,0.1);}
.ba-wrapper img{width:100%;display:block;height:350px;object-fit:cover;}
.ba-wrapper .after{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;}
.ba-wrapper .after img{width:100%;height:100%;object-fit:cover;}
.handle{position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:100%;background:var(--white);z-index:5;}
.handle::before{content:"⇆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--blue);color:var(--white);
    width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 0 15px rgba(0,0,0,0.2);}

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

.testimonial-section{}
.rating-badge{background:var(--orange);color:var(--white);padding:10px 20px;border-radius:50px;display:inline-flex;align-items:center;
    gap:8px;font-weight:500;}
.google-btn{display:inline-block;margin-top:15px;color:var(--orange);font-weight:600;text-decoration:none;}
.testimonialSwiper .swiper-slide {height: auto;}
.testimonial-box{background:#eee;padding:30px;border-radius:12px;font-size:16px;line-height:1.7;box-shadow:0 20px 40px rgba(0,0,0,0.1);}
.user{display:flex;align-items:center;gap:15px;margin-top:20px;}
.user img{width:50px;height:50px;border-radius:50%;}

/* ================= GALLERY ================= */

.gallery-section{background: #f2f2f2;}
.gallery-item{overflow:hidden;border-radius:12px;cursor:pointer;position:relative;margin-bottom: 20px;}
.gallery-item img{width:100%;height:250px;object-fit:cover;transition:0.5s ease;}
.gallery-item:hover img{transform:scale(1.1);}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;
    opacity:0;visibility:hidden;transition:0.3s ease;z-index:9999;}
.lightbox.active{opacity:1;visibility:visible;}
.lightbox-img{max-width:90%;max-height:80vh;border-radius:8px;}
.close-btn,.prev-btn,.next-btn{position:absolute;color:var(--white);font-size:40px;cursor:pointer;user-select:none;}
.close-btn{top:20px;right:30px;}
.prev-btn{left:30px;}
.next-btn{right:30px;}
.prev-btn,.next-btn{top:50%;transform:translateY(-50%);}

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

.faq-section{background:#f8f9fc;}
.faq-wrapper{max-width:800px;margin:auto;}
.faq-item{background:var(--white);border-radius:12px;margin-bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,0.05);
    overflow:hidden;transition:0.3s ease;}
.faq-question{padding:20px 25px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:0.3s;}
.faq-icon{font-size:22px;transition:0.3s ease;color:var(--orange);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;padding:0 25px;}
.faq-answer p{padding-bottom:20px;color:#666;}
.faq-item.active .faq-answer{max-height:200px;}
.faq-item.active .faq-icon{transform:rotate(45deg);}
.faq-item.active{box-shadow:0 15px 40px rgba(0,0,0,0.08);}

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

.footer-section{background:#f2f2f2;padding:80px 0 0;color:#333;}
.footer-logo img{width:200px;}
.footer-title{font-weight:600;margin-bottom:20px;font-size: 18px;}
.footer-links{list-style:none;padding:0;}
.footer-links li{margin-bottom:10px;}
.footer-links a,.footer-links p{text-decoration:none;color:#555;font-size:14px;transition:0.3s;}
.footer-links a:hover{color:var(--orange);}
.social-icons a{margin-right:12px;font-size:16px;color:#555;transition:0.3s;}
.social-icons a:hover{color:var(--orange);}
.footer-bottom{border-top:1px solid #ddd;margin-top:50px;padding:20px 0;font-size:14px;background:#f2f2f2;}
.footer-bottom .brand{color:var(--orange);font-weight:500;}

/* ================= FLOAT ICONS & WP ================= */

.social{position:fixed;right:15px;top:60%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:99;}
.social a{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);
    font-size:16px;text-decoration:none;}

.fb{background:#3b5998;}
.li{background:#0077b5;}
.yt{background:#ff0000;}
.ig{background:#e1306c;}

.whatsapp{position:fixed;bottom:20px;right:20px;width:55px;height:55px;background:#25D366;border-radius:50%;display:flex;
    align-items:center;justify-content:center;color:var(--white);font-size:24px;box-shadow:0 6px 15px rgba(0,0,0,0.3);cursor:pointer;z-index:999;}


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

@media(max-width:992px){
}