* {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 !important;border-radius: 3px;font-size: 13px;font-weight: 600;

    text-decoration:none;transition:0.3s;border:solid 2px var(--orange);text-transform: uppercase;display: flex;align-items: center;

    justify-content: center !important;width: fit-content;}

.fill-btn:hover{background:var(--deep-orange);}

.outline-btn{background: transparent;color:var(--orange);padding: 10px 15px !important;border-radius: 3px;font-size: 13px;font-weight:600;

    text-decoration:none;transition:0.3s;border:solid 2px var(--orange);text-transform: uppercase;display: flex;align-items: center;

    justify-content: center !important;width: fit-content;}

.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 ===========================  */



/* MINI HEADER */



.mini-header{

background:transparent;

padding:10px 0;

transition:0.3s ease;

height: 75px;

position: relative;

z-index: 1000;

position: absolute;

width: 100%;

top: 0; left: 0;

}



/* HIDE ON SCROLL */



.mini-header.hide{

transform:translateY(-100%);

}







.main-header{

position:fixed;

top:-120px;   /* hide fully */

left:0;

width:100%;

z-index:9999;

transition:0.3s ease;

}



.main-header.show{

top:0;

background:#fff;

box-shadow:0 5px 20px rgba(0,0,0,0.08);

}

.main-header.show .topbar{display:none;}









.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{height: 75px;background:#fff;border-bottom:1px solid #eee;position:relative;z-index:1000;display: flex;align-items: center;}

.logo img{width: 180px}

.main-menu{display:flex;align-items: center;justify-content: center;}

.main-menu ul.top-level-list{display:flex;align-items: center;justify-content: center;gap:28px;list-style:none;padding:0;margin:0;}

.top-level-list a {font-size: 14px;color: var(--black);font-weight: 500;line-height: 75px;}

.multi-dropdown{position:relative;}

.dropdown-panel{position:absolute;top:75px;left:0;background:#f4f6fb;border-radius:15px;opacity:0;padding: 15px 0;

    visibility:hidden;transform:translateY(20px);transition:.3s;rgba(255,255,255,0.15);

backdrop-filter: blur(18px);

-webkit-backdrop-filter: blur(18px);



border:1px solid rgba(255,255,255,0.25);

border-radius:16px;



box-shadow: 0 8px 32px rgba(0,0,0,0.1);}

.multi-dropdown:hover .dropdown-panel{opacity:1;visibility:visible;transform:translateY(0);}



.level1{list-style:none;padding:0;margin:0;}

.level1 li,.level2 li,.level3 li{position:relative;padding:5px 20px;list-style: none;}

.level2,.level3{position:absolute;left:100%;top:0;background:#f4f6fb;border-radius:15px;opacity:0;visibility:hidden;padding: 15px 0;

    transform:translateX(20px);transition:.3s;}

.has-child:hover > .level2{opacity:1;visibility:visible;transform:translateX(0);}

.level2 .has-child:hover > .level3{opacity:1;visibility:visible;transform:translateX(0);}



.dropdown-panel a{color:var(--black);text-decoration:none;font-size:14px;font-weight:400; line-height: 10px;white-space: nowrap;}



.menu-toggle{background:none;border:none;font-size:22px;color:#333;cursor:pointer;padding:6px 10px;line-height:1;transition:0.3s;}

.menu-toggle:hover{color:#000;}



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



.sidebar{position:fixed;top:0;right:-320px;width:320px;height:100%;background:#fff;padding:30px;z-index:9999;transition:0.35s ease;

    overflow-y:auto;}

.sidebar.active{right:0;}

.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;visibility:hidden;transition:.3s;

    z-index:9998;}

.overlay.active{opacity:1;visibility:visible;}

.sidebar-menu{list-style:none;padding:0;margin:0;}

.sidebar-menu li{margin-bottom:6px;}

.sidebar-menu a{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:#333;text-decoration:none;

    font-size:14px;}

.sidebar-menu .submenu{display:none;padding-left:15px;}

.sidebar-menu li.active > .submenu{display:block;}



@media(max-width:991px){

.main-menu,.fill-btn.header-cta,.topbar,.mobile-hide{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 ================= */



.expertiseSwiper {position: relative;}

.expertiseSwiper .swiper-slide {width:auto; height: auto;}

.expertise-prev,.expertise-next {width: 42px;height: 42px;background: #0d6efd;border-radius: 50%;}

.expertise-prev::after,.expertise-next::after {font-size: 14px;color: #fff;}

.expertise-prev,.expertise-next{

    width:40px !important;

    height:40px !important;

    background:#0d6efd;

    border-radius:50%;

}



.expertise-prev::after,.expertise-next::after{

    color:#fff;

    font-size: 14px !important;

}

.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;

    background-color: rgb(43 48 67 / 17%);

    display: inline-block;

    padding: 5px 10px;

    border-radius: 5px;}

.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;}



.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;}



.line-btn{border:1px solid #fff;border-radius:5px;display:flex;align-items:center;justify-content:center;

    margin-top:25px;font-size:13px;transition:all 0.4s ease;opacity: 0;gap: 5px;width: fit-content;padding: 5px 10px;font-weight: 500;}

.expert-card:hover .line-btn{background:#fff;color:#2a4bd7;transform:translateX(8px);opacity: 1;}



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



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



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



.doctor-card img{width:100%;border-radius:30px;display:block;}

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



/* ================= PROCEDURE ================= */



.procedure-section{background: #ffffff;}

.procedure-item{text-align:center;padding:20px;}

.procedure-item img{width:90px;margin-bottom:20px;}

.procedure-item p{font-size:14px;color:#555;line-height:1.4;}



.procedureSwiper{position: relative;padding: 20px 40px !important; }

.procedure-prev,.procedure-next{color:#666;width:auto;height:auto;}

.procedure-prev{left:0;}

.procedure-next{right:0;}

.procedure-prev::after,.procedure-next::after{display:none;}

.procedure-prev,.procedure-next{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#555;}

.procedure-prev i,.procedure-next i{font-size: 16px;color: var(--black);}

.procedure-prev i:hover,

.procedure-next i:hover{color:var(--orange);}



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



.video-section{background:#ebf3ff;}

.video-card{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;height:300px;}

.video-card img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .4s;}

.video-card:hover img{transform:scale(1.08);}

.video-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);}

.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#fff;border-radius:50%;

    display:flex;align-items:center;justify-content:center;font-size:22px;color:#000;}

.play-btn::before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #fff;animation:pulse 2s infinite;}

.video-card:hover .video-overlay{background:linear-gradient(to top,rgba(226,157,45,.8),rgba(0,0,0,.2));}

.video-card:hover .watch-btn{transform:translateX(-50%) translateY(-5px);background-color:var(--orange);}

@keyframes pulse{

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

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

}



.video-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);display:flex;align-items:center;

    justify-content:center;opacity:0;visibility:hidden;transition:.35s;z-index:9999;}

.video-modal.active{opacity:1;visibility:visible;}

.video-modal-content{width:auto;max-width:900px;max-height:90vh;position:relative;display:flex;align-items:center;justify-content:center;}

.video-responsive{position:relative;width:100%;}

.video-responsive iframe{width:100%;height:80vh;max-height:90vh;border-radius:10px;border:none;}

.close-video{position:absolute;top:-40px;right:0;font-size:32px;color:#fff;cursor:pointer;}

@media(max-width:768px){

.video-modal-content{max-width:95%;}

.video-responsive iframe{height:70vh;}

}



/* ================= 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);}



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



.service-details-section img{width:100%;}

.service-details-section > section:nth-child(odd){background:#f8fafc;}

.service-details-section > section:nth-child(even){background:#ffe8e8;}

.service-details-section .sub-heading {font-size: 30px;color:#f58c29;}

.service-details-section .title {font-size: 20px;}

.service-details-section .paragraph {font-size: 16px;line-height: 1.8;color: #424242;}

.service-image-box {object-fit: cover;

    width: 100%;

    max-height: 450px;

    overflow: hidden;}



/* ================== OVERVIEW ================== */



.info-section{background:#f2f2f2;}



/* ================== EXPECT ================== */



.expect-section{background:#fff;}

.sub-heading{font-size: 25px;font-weight: 600;line-height:1.5;}

.title{font-size:18px;margin-bottom:15px;font-weight:600;}

.external-link a{color:var(--orange);text-decoration:none;}



/* CARD BASE */



.expect-card{

position:relative;

background:#fff;

padding:35px 30px;

border-radius:18px;

overflow:hidden;



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

transition:0.35s ease;

z-index:1;

}



/* HOVER */



.expect-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 50px rgba(0,0,0,0.12);

}





/* BACKGROUND BALLS (ORANGE) */



.expect-card::before{

content:"";

position:absolute;

top:-60px;

right:-60px;

width:160px;

height:160px;

background:radial-gradient(circle, rgba(255,140,0,0.15), transparent);

border-radius:50%;

z-index:-1;

}



.expect-card::after{

content:"";

position:absolute;

bottom:-50px;

left:-50px;

width:120px;

height:120px;

background:radial-gradient(circle, rgba(255,170,80,0.12), transparent);

border-radius:50%;

z-index:-1;

}





/* TITLE */



.expect-card .title{

font-size:20px;

font-weight:600;

margin-bottom:12px;

color:#1f2937;

}





/* LINE (ORANGE GRADIENT) */



.expect-card .card-line{

display:block;

width:50px;

height:3px;

background:linear-gradient(90deg,#ff8c00,#ffb347);

border-radius:10px;

margin-bottom:15px;

transition:0.3s;

}



.expect-card:hover .card-line{

width:70px;

}





/* TEXT */



.expect-card .paragraph{

font-size:15px;

line-height:1.7;

color:#555;

}





/* HOVER GLOW */



.expect-card:hover::before{

background:radial-gradient(circle, rgba(255,140,0,0.25), transparent);

}



.expect-card:hover::after{

background:radial-gradient(circle, rgba(255,170,80,0.2), transparent);

}



/* ================ ZIGZAG ================= */



.zigzag-one{background:#f2f2f2;}

.zigzag-two{background:#ffffff;}

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

.zigzag-list{padding-left:18px;margin-bottom:20px;}

.zigzag-list li{margin-bottom:10px;font-size:15px;line-height:1.7;}



/* ======================= PROCESS ========================= */



.process-section{background:#f2f2f2;}

/* CARD BASE */



.process-card{

position:relative;

background:#fffaf5;

border-color:#ffd9b3;

padding:30px 25px;

border-radius:14px;



border:1px solid #f1f1f1;

transition:0.3s ease;

}







/* REMOVE RIGHT SHAPE */



.process-card::after{

display:none;

}







.process-card .title{

font-size:18px;

font-weight:600;

margin-bottom:10px;

color:#1f2937;

}





/* TEXT */



.process-card .paragraph{

font-size:14px;

line-height:1.7;

color:#666;

}



/* =========================== OVERLAY ========================= */



.overlay-section{position:relative;background: #e9e9e9;}

.overlay-section .overlay{position:absolute;inset:0;background:rgba(0,0,0,0.65);}

.overlay-content a{color:var(--orange);text-decoration:none;}



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



.why-section{background:#fff;}

/* CARD BASE */



.why-item{

background:#ffffff;

padding:30px 25px;

border-radius:14px;



text-align:left;



box-shadow:0 8px 25px rgba(0,0,0,0.05);

transition:0.3s ease;

}



/* HOVER */



.why-item:hover{

transform:translateY(-6px);

box-shadow:0 18px 40px rgba(0,0,0,0.08);

}





/* ICON STYLE */



.why-item .icon{

width:50px;

height:50px;

border-radius:12px;



background:#fff3e6;

color:#ff8c00;



display:flex;

align-items:center;

justify-content:center;



font-size:20px;

margin-bottom:15px;



transition:0.3s;

}



/* ICON HOVER */



.why-item:hover .icon{

background:#ff8c00;

color:#fff;

}





/* TITLE */



.why-item .title{

font-size:18px;

font-weight:600;

margin-bottom:10px;

color:#1f2937;

}





/* PARAGRAPH */



.why-item .paragraph{

font-size:14px;

line-height:1.7;

color:#666;

}

.border-top{border-top:1px solid rgba(0,0,0,0.15);}

.bottom-link{font-size:14px;}

.bottom-link a{color:var(--orange);text-decoration:none;}



/* ================= 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);}

.stat-item{justify-content:center;}

.stat-icon img{width:55px;}

.stat-number{

font-size:32px;

font-weight:700;

color:#0f2547;

margin:0;

}



.stat-item p{

margin:0;

font-size:15px;

color:#111;

}



/* ================= 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{padding:70px 0;}

.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;max-height:350px;}

.testimonial-box{background:#ffffff;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: #ffffff;padding: 50px 0 30px 0;}

.gallery-item{overflow:hidden;border-radius:12px;cursor:pointer;position:relative;margin-bottom: 20px;}

.gallery-item img{

width:100%;

height: 200px;

object-fit: cover;

border-radius:10px;

display:block;

transition:0.4s;

}



.gallery-item:hover img{

transform:scale(1.05);

}

.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%);}



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



.blog-section{background-color:#eee;}

.blog-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.05);transition:0.3s ease;}

.blog-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,0.08);}

.blog-image img{width:100%;height:auto;object-fit:cover;display:block;}

.blog-content{padding:20px;}

.blog-icon{width:45px;height:45px;border-radius:10px;background:#fff3e6;color:#ff8c00;display:flex;align-items:center;justify-content:center;

    font-size:18px;margin-bottom:12px;transition:0.3s;}

.blog-card:hover .blog-icon{background:#ff8c00;color:#fff;}

.blog-content .title{font-size:18px;font-weight:600;margin-bottom:10px;}

.blog-content .title a{color:#1f2937;text-decoration:none;transition:0.3s;}

.blog-item:hover .title {color:#ff8c00;}

.blog-content .paragraph{font-size:14px;line-height:1.7;color:#666;margin-bottom:15px;}

.blog-image{width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;overflow: hidden;}



.read-more{font-size:14px;font-weight:500;color:#ff8c00;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:0.3s;}

.read-more:hover{gap:10px;}



.blog-details{padding:70px 0;background:#f8fafc;}

.blog-main-image{width:100%;border-radius:12px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,0.08);}

.blog-details-content .heading{font-size:36px;line-height:1.3;font-weight:600;margin-bottom:10px;color:#1f2937;}

.blog-meta{font-size:14px;color:#8a8a8a;margin-bottom:25px;border-bottom:1px solid #eee;padding-bottom:15px;}

.blog-details-content p{font-size:16px;line-height:1.9;color:#555;margin-bottom:20px;}

.blog-details-content h3{font-size:24px;margin-top:35px;margin-bottom:15px;color:#111827;}



.blog-details-content ul{padding-left:20px;margin-bottom:25px;}

.blog-details-content ul li{margin-bottom:10px;color:#555;}

.blog-details-content blockquote{background:#f3f6fb;padding:25px;border-left:4px solid #0d6efd;border-radius:8px;margin:30px 0;font-style:italic;

    color:#444;}



.blog-sidebar{padding-left:30px;}

.sidebar-widget{background:#fff;padding:25px;margin-bottom:25px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.05);}

.sidebar-widget h4{font-size:20px;margin-bottom:18px;color:#111;}

.sidebar-widget input{height:45px;border-radius:6px;}

.recent-posts,.blog-categories{list-style:none;padding:0;margin:0;}

.recent-posts li,.blog-categories li{margin-bottom:12px;}



.recent-posts a,.blog-categories a{color:#444;text-decoration:none;font-size:15px;transition:0.3s;}

.recent-posts a:hover,.blog-categories a:hover{color:#0d6efd;padding-left:4px;}

.recent-posts{display:flex; flex-wrap:wrap; gap:1%;}

.recent-posts-card{width: 49%;margin-bottom:1%;}



@media(max-width:991px){

.blog-sidebar{padding-left:0;margin-top:40px;}

.blog-details-content .heading{font-size:30px;}

}



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



.faq-section{background: #f2f2f2;}

.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;padding-bottom: 20px;}

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

.faq-item.active{box-shadow:0 15px 40px rgba(0,0,0,0.08);}



/* ================= OTHER ================= */



.sub-banner{
padding:120px 0;
background:linear-gradient(135deg, rgb(255 255 255 / 64%), rgb(70 69 69 / 82%), rgb(255 218 182 / 32%)), url(https://images.unsplash.com/photo-1588776814546-1ffcf47267a5?auto=format&fit=crop&w=1920&q=80);
background-size:cover;
background-position:center;
color:#fff;
position:relative;
overflow:hidden;
}



.sub-banner-content{

text-align:center;

}



.sub-banner-title{

font-size:50px;

font-weight:600;

margin:0;

letter-spacing:0.5px;

text-shadow: 0 2px 6px rgba(0,0,0,0.25);

}



/* optional soft light effect */



.sub-banner::before{
    content: "";
    position: absolute;
    top: -150px;
    left: -100px;
    width: 400px;
    height: 250px;
    background: rgb(255 255 255 / 81%);
    border-radius: 50%;
}



.sub-banner::after{

content:"";

position:absolute;

bottom:-120px;

left:-120px;

width:350px;

height:350px;

background:rgba(255,255,255,0.05);

border-radius:50%;

}



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



.contact-section{background:#f8fafc;}

.info-item{display:flex;gap:15px;margin-bottom:10px;}

.info-item .icon{width:45px;height:45px;background:#0d6efd;color:#fff;display:flex;align-items:center;justify-content:center;

    border-radius:8px;font-size:18px;}

.contact-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.05);}

.contact-form input{height:50px;border-radius:6px;}



.contact-form textarea{

height:120px;

}



.map-section iframe{width:100%;display:block;}











/* MODAL */



.appointment-modal{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

display:none;

z-index:9999;

}



.appointment-modal.active{

display:block;

}



.appointment-overlay{

position:absolute;

width:100%;

height:100%;

background:rgba(0,0,0,0.6);

backdrop-filter:blur(6px);

}



/* CONTAINER */



.appointment-container{

position:relative;

max-width:1000px;

margin:20px auto;

background:linear-gradient(120deg,#2f3234,#3c3f42);

padding:50px;

border-radius:20px;

color:#fff;

}



/* CLOSE BUTTON */



.close-modal{

position:absolute;

right:20px;

top:20px;

background:none;

border:none;

font-size:28px;

color:#fff;

cursor:pointer;

}



/* TEXT */



.modal-desc{

max-width:700px;

margin:10px 0 10px;

color:#ddd;

line-height:1.7;

}



/* FORM */



.appointment-form input,

.appointment-form select{

width:100%;

height:60px;

background:rgba(255,255,255,0.05);

border:1px solid rgba(255,255,255,0.2);

border-radius:40px;

padding:0 25px;

color:#fff;

outline:none;

}



.appointment-form textarea{

width:100%;

height:120px;

background:rgba(255,255,255,0.05);

border:1px solid rgba(255,255,255,0.2);

border-radius:40px;

padding:15px 25px;

color:#fff;

outline:none;

}



.appointment-form input::placeholder,.appointment-form textarea{

color:#bbb;

}



/* SUBMIT */



.submit-btn{

width:100%;

height:60px;

border:none;

border-radius:40px;

background:#e8bcbc;

color:#222;

font-weight:600;

cursor:pointer;

transition:.3s;

}



.submit-btn:hover{

background:#f0d0d0;

}



/* ================= 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;}

.tw{background:#1D9BF0;}



.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;}

.whatsapp a{color:#ffffff;}



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



@media(max-width:768px){
.sub-banner::before {width: 330px;height: 230px;}
.sub-banner-title {font-size: 40px;}
}