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

.header{position:absolute;top:0;left:0;width:100%;z-index:999;padding:20px 0;}
.header-logo img{height:56px;}
.header-menu ul{display:flex;align-items:center;justify-content: center;gap:35px;list-style:none;margin:0;padding:0;}
.header-menu ul li{position:relative;}
.header-menu ul li a{display:flex;align-items:center;gap:8px;color:#222;font-size:16px;font-weight:500;text-decoration:none;transition:.3s;}
.header-menu ul li a:hover,
.header-menu ul li a.active{color:#f46700;}
.has-dropdown>a i{font-size:12px;transition:.35s;}
.has-dropdown:hover>a i{transform:rotate(180deg);}
.header-menu ul.dropdown{position:absolute;top:130%;left:0;min-width:240px;display:flex !important;flex-direction:column;gap:0 !important;
    padding:12px 0;margin:0;list-style:none;background:#fff;border-radius:18px;box-shadow:0 15px 45px rgba(0,0,0,.08);opacity:0;
    visibility:hidden;transform:translateY(15px);transition:.35s;z-index:999;}
.has-dropdown:hover>.dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown li{width:100%;}
.dropdown li a{display:block;padding:13px 24px;color:#444;font-size:15px;transition:.3s;}
.dropdown li a:hover{background:#fff5ed;color:#f46700;padding-left:32px;}
.dropdown::before{content:"";position:absolute;top:-8px;left:30px;width:16px;height:16px;background:#fff;transform:rotate(45deg);}
.header-right{display:flex;align-items:center;gap:18px;}
.header-toggle{width:54px;height:54px;border:none;border-radius:50%;background:#f46700;color:#fff;display:none;justify-content:center;
    align-items:center;font-size:20px;position: absolute;top: 20px;right: 20px;}
.mobile-sidebar{position:fixed;top:0;right:-340px;width:320px;height:100%;background:#fff;z-index:9999;transition:.45s;padding:35px;overflow:auto;}
.mobile-sidebar.active{right:0;}
.mobile-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.35s;z-index:9998;}
.mobile-sidebar-overlay.active{opacity:1;visibility:visible;}
.mobile-sidebar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px;}
.mobile-sidebar-top img{height:50px;}
.mobile-sidebar-close{width:45px;height:45px;border:none;border-radius:50%;background:#55613b;color:#fff;font-size:18px;}
.mobile-sidebar ul{list-style:none;margin:0;padding:0;}
.mobile-sidebar li{border-bottom:1px solid #ececec;}
.mobile-sidebar a{display:block;padding:18px 0;text-decoration:none;color:#222;font-size:16px;}
.outline-btn.mobile-btn{margin-top:40px;width: fit-content;height: 45px;padding: 0 20px;display: flex;}

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

.hero-section{position:relative;overflow:hidden;min-height:600px;display:flex;align-items:center;
    background: url("../images/background/hero-bg.png") center center / cover no-repeat;}
.hero-content{padding-top:20px;}
.hero-title{font-family:"Cormorant Garamond",serif;font-size:75px;line-height:0.95;font-weight:500;color:#003a18;margin-bottom:25px;}
.hero-text{width:92%;font-size:18px;line-height:1.5;color:#222;margin-bottom:30px;}

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

.about-section{background: url("../images/background/about-bg.png") center center / cover no-repeat;}
.about-image{overflow:hidden;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.08);}
.about-image img{width:100%;display:block;transition:.6s;}
.about-image:hover img{transform:scale(1.05);}
.about-content{padding-left:45px;}
.about-feature-wrapper{margin-top:30px;}
.about-feature{text-align:center;}
.about-icon{width:60px;height:60px;border:1px solid #e5d9c7;border-radius:50%;margin:auto auto 10px;display:flex;align-items:center;
    justify-content:center;color:#f46700;font-size:30px;transition:.4s;}
.about-feature:hover .about-icon{background:#f46700;color:#fff;border-color:#f46700;transform:translateY(-4px);}
.about-feature h5{font-family:"Cormorant Garamond", serif;font-size:22px;font-weight:600;margin-bottom:0px;color:#2b2b2b;}

/* ================= CLASS ================= */

.class-section{background: url("../images/background/orange-bg.jpg") center center / cover no-repeat;}
/* .class-section{background: #f46700;} */
.class-section .section-header{text-align: center;margin-bottom: 40px;}
.outline{width: 40px;filter: brightness(0) invert(1);}
/* .class-card{position:relative;background:#fff;border-radius:18px;overflow:hidden;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.05);
    transition:.45s;height:100%;}
.class-card:hover{transform:translateY(-12px);box-shadow:0 30px 80px rgba(0,0,0,.10);}
.class-image{height:180px;overflow:hidden;}
.class-image img{width:100%;height:100%;object-fit:cover;transition:.6s;}
.class-card:hover img{transform:scale(1.08);}
.class-icon{width:50px;height:50px;border-radius:50%;background:#5d5c37;color:#fff;display:flex;justify-content:center;align-items:center;
    font-size:24px;border:3px solid #fff;position:absolute;left:50%;top:155px;transform:translateX(-50%);}
.class-content{padding:38px 24px 20px;}
.class-content h4{font-size: 20px;margin-bottom: 10px;}
.class-content .outline-btn{height: 34px;margin: auto;font-size: 12px;padding: 0 15px;} */

.program-card{position:relative;display:block;height:auto;overflow:hidden;border-radius:30px;box-shadow:0 20px 50px rgba(0,0,0,.08);}
.program-card img{width:100%;height:100%;object-fit:cover;transition:.7s;}
.program-card:hover img{transform:scale(1.08);}
.program-card .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,243,.98) 0%,rgba(255,250,243,.93) 38%,
    rgba(255,250,243,.15) 70%,transparent 100%);}
.program-content{position:absolute;left:40px;top:40px;width:42%;z-index:2;}
.program-content .icon{width: 45px;height: 45px;border-radius: 50%;background: #f46700;color: #fff;display: flex;align-items: center;
    justify-content: center;font-size: 18px;margin-bottom: 12px;}
.program-content h3{font-size:38px;margin-bottom:15px;font-family:"Cormorant Garamond",serif;color:#243117;}
.program-content p{font-size: 15px;line-height: 1.5;color: #555;margin-bottom: 20px;}
.program-content .outline-btn {height: 30px;text-transform: uppercase;gap: 7px;font-size: 12px;padding: 0 15px;font-weight: 500;}

/* ================= BENEFIT SECTION ================= */

.benefit-section{background: url("../images/background/benefit-bg.png") center center / cover no-repeat;}
/* .benefit-section{background: #ffffff;} */
.benefit-section .section-header{text-align: center;margin-bottom: 40px;}
.benefit-section .section-header .paragraph{width: 60%;margin: 0 auto;}
.benefit-image{position:relative;overflow:hidden;}
.benefit-image img{width:100%;display:block;transition:.6s;}
.benefit-image-content{position:absolute;left:50%;bottom:35px;z-index:2;transform: translateX(-50%);}
.benefit-image-content h5{color:#fff;font-family:"Cormorant Garamond",serif;font-size:24px;line-height:1.2;font-style:italic;text-align: center;}
.benefit-item{display:flex;gap:10px;align-items:flex-start;padding:15px;border-radius:20px;transition:.35s;background:#faf7f2;}
.benefit-item:hover{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.benefit-icon{width: 40px;height: 40px;min-width: 40px;border-radius:10px;border:1px solid #e5d9c8;display:flex;align-items:center;
    justify-content:center;color:#f46700;font-size:18px;}
.benefit-item h4{font-size:15px;margin-bottom:4px;}
.benefit-item p{color: #666;font-size: 14px;line-height: 1.5;margin: 0;}
.benefit-strip{margin-top:30px;background:#f8f4ee;border-radius:70px;padding:30px 30px 20px 30px;display:flex;justify-content:space-between;
    flex-wrap:wrap;gap:25px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.benefit-strip-item{text-align:center;flex:1;min-width:140px;}
.benefit-strip-item i{color:#f46700;font-size:26px;margin-bottom:12px;}
.benefit-strip-item span{display:block;font-size:13px;color:#555;line-height:1.6;}

/* ================= PRODUCT ================= */

.product-section{background: url("../images/background/orange-bg.jpg") center center / cover no-repeat;}
/* .product-section{background: #f46700;} */
.product-section .section-header{text-align:center;margin-bottom:40px;}
.product-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 15px 45px rgba(0,0,0,.05);transition:.4s;text-align:center;height:100%;}
.product-card:hover{transform:translateY(-10px);box-shadow:0 25px 70px rgba(0,0,0,.10);}
.product-image{display:block;overflow:hidden;}
.product-image img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.6s;}
.product-card:hover img{transform:scale(1.08);}
.product-content{padding:8px 15px 10px;}
.product-content h4{margin-bottom:2px;line-height: 1;}
.product-content h4 a{color:#222;text-decoration:none;font-size: 15px;transition:.3s;}
.product-card:hover h4 a{color:#f46700;}
.product-content p{margin:0;color:#777;font-size:12px;line-height:1.6;}
.product-section .outline-btn{margin:auto;}

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

.why-section{background: url("../images/background/why-bg.png") center center / cover no-repeat;}
/* .why-section{background: #ffffff;} */
.why-section .section-header{text-align: center;margin-bottom:40px;}
.why-section .section-header .paragraph{width: 60%;margin: 0 auto;}
.outline-orange{width: 40px;filter: brightness(0) saturate(100%) invert(53%) sepia(90%) saturate(2200%) hue-rotate(2deg) brightness(101%) contrast(101%);}
.why-card{position:relative;background:#fff;border:1px solid #ebe3d7;border-radius:140px 140px 20px 20px;padding:35px 20px 20px;
    text-align:center;height:100%;transition:.35s;}
.why-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.08);}
.why-icon{width: 90px;height: 90px;margin: auto;border-radius: 50%;background: #f4f1e8;display: flex;justify-content: center;align-items: center;
    color: #f46700;font-size: 25px;margin-bottom: 15px;}
.why-card h4{font-size: 18px;line-height: 1.2;margin-bottom: 10px;}
.why-card span{display:block;width:45px;height:2px;background:#f46700;margin:0 auto 10px;}
.why-card p{color: #666;line-height: 1.6;font-size: 14px;margin-bottom: 0;}
.why-bottom{margin: 35px auto 0;width: fit-content;text-align: center;padding: 8px 25px;background: rgb(244 103 0 / 37%);border-radius: 60px;
    font-family: "Cormorant Garamond", serif;font-size: 18px;font-weight: 700;color: #333333;font-style: italic;}

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

.gallery-section{background: url("../images/background/orange-bg.jpg") center center / cover no-repeat;}
/* .gallery-section{background: #f46700;} */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.gallery-item{display:block;overflow:hidden;border-radius:28px;position:relative;background:#f5f5f5;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.7s ease;}
.gallery-item:hover img{transform:scale(1.08);}

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

.testimonial-section{background: url("../images/background/about-bg.png") center center / cover no-repeat;padding: 70px 0 10px 0;}
/* .testimonial-section{background: #ffffff;} */
.testimonial-section .section-header{text-align: center;margin-bottom:40px;}
.testimonial-section .section-header .paragraph{width: 60%;margin: 0 auto;}
.testimonial-video-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.08);transition:.35s;}
.testimonial-video-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.12);}
.video-thumbnail{position:relative;overflow:hidden;cursor:pointer;background:#000;aspect-ratio:16/10;}
.preview-video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:.5s;}
.video-thumbnail::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,.05));}
.video-thumbnail:hover .preview-video{transform:scale(1.08);}
.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:#f46700;color:#fff;
    display:flex;justify-content:center;align-items:center;font-size:28px;z-index:2;transition:.3s;box-shadow:0 10px 30px rgba(244,103,0,.45);}
.play-btn::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(255,255,255,.35);}
.video-thumbnail:hover .play-btn{transform:translate(-50%,-50%) scale(1.1);background:#ff7a1a;}
.video-content{padding:12px;text-align:center;}
.video-content h4{margin-bottom:0px;font-size:14px;font-weight:600;}
.video-content span{color:#777;font-size:12px;}

.cta{position:relative;z-index:2;background:#f46700;border-radius:24px;padding:35px 40px;box-shadow:0 25px 60px rgba(0,0,0,.08);transform:translateY(45px);}
.cta-left{display:flex;align-items:center;gap:18px;}
.cta-icon{width:50px;height:50px;border-radius:15px;background:#f7f4ec;color:#f46700;display:flex;justify-content:center;align-items:center;font-size:24px;}
.cta-left h3{font-size:18px;font-weight: 600;margin-bottom:0px;color:#ffffff;}
.cta-left p{font-size: 14px;margin:0;color:#ffffff;}
.cta-text{text-align: center;font-size: 14px;color: #ffffff;margin: 0;line-height: 1.5;}
.cta-action{display: flex;align-items: center;justify-content: flex-end;}

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

.footer-section{background: url("../images/background/footer-bg.png") center center / cover no-repeat;padding:100px 0 25px;color:#fff;position:relative;}
.footer-logo img{height:58px;margin-bottom:25px;}
.footer-about p {color: #ffffff;line-height: 1.7;font-size: 15px;max-width: 90%;margin-bottom: 30px;}
.footer-social{display:flex;gap:12px;padding:0;margin:0;list-style:none;}
.footer-social a{width:42px;height:42px;border-radius:50%;background:#fff;color:#f46700;display:flex;justify-content:center;align-items:center;transition:.35s;}
.footer-social a:hover{background:#f46700;color:#fff;}
.footer-widget h4{font-size: 18px;font-weight: 500;margin-bottom: 28px;color: #fff;}
.footer-widget ul{margin:0;padding:0;list-style:none;}
.footer-widget li{margin-bottom:10px;}
.footer-widget a{color:#ffffff;font-size: 15px;text-decoration:none;transition:.3s;}
.footer-widget a:hover{color:#ffffff;padding-left:6px;}
.footer-contact li{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;color:rgba(255,255,255,.85);}
.footer-contact i{color:#ffffff;margin-top:4px;width:18px;}
.footer-bottom{margin-top:55px;border-top:1px solid rgba(255,255,255,.08);padding-top:25px;text-align:center;color:rgba(255,255,255,.7);font-size:14px;}

.floating-whatsapp{position:fixed;right:25px;bottom:25px;z-index:999;display:flex;align-items:center;text-decoration:none;}
.floating-tooltip{background:#f46700;color:#fff;padding:8px 14px;border-radius:40px;margin-right:10px;font-size:13px;font-weight:500;opacity:0;
    visibility:hidden;transform:translateX(15px);transition:.35s;white-space:nowrap;box-shadow:0 15px 40px rgba(0,0,0,.15);}
.floating-icon{width:54px;height:54px;border-radius:50%;background:#f46700;color:#fff;display:flex;justify-content:center;align-items:center;
    font-size:30px;box-shadow:0 20px 50px rgba(0,0,0,.20);transition:.35s;animation:whatsappPulse 2.8s infinite;}
.floating-whatsapp:hover .floating-tooltip{opacity:1;visibility:visible;transform:translateX(0);}
.floating-whatsapp:hover .floating-icon{transform:scale(1.08);background:#f46700;}
@keyframes whatsappPulse{
    0%{box-shadow:0 0 0 0 rgba(255, 153, 0, 0.35);}
    70%{box-shadow:0 0 0 18px rgba(255, 174, 0, 0);}
    100%{box-shadow:0 0 0 0 rgba(255, 183, 0, 0);}
}

/* =================== VIDEO MODAL =================== */

.video-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.8);opacity:0;visibility:hidden;
    transition:.3s;z-index:99999;}
.video-modal.active{opacity:1;visibility:visible;}
.video-box{position:relative;width:min(900px,90vw);}
.video-box video{width:100%;display:block;border-radius:20px;background:#000;}
.video-close{position:absolute;right:-15px;top:-15px;width:45px;height:45px;border:none;border-radius:50%;background:#fff;cursor:pointer;
    font-size:18px;transition:.3s;}
.video-close:hover{background:#f46700;color:#fff;}

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

@media(max-width:767px){
.mobile-hide,.floating-tooltip{display: none;}
.header-toggle{display:flex;}
.section {padding: 40px 0;}
.hero-section {min-height: 550px;padding: 90px 0 40px 0;}
.hero-title {font-size: 50px;margin-bottom: 18px;}
.hero-text {width: 70%;font-size: 15px;}
.about-content{padding-left:0px;text-align: center;}
.about-feature {margin-bottom: 30px;}
.class-card,.product-card {margin-bottom: 20px;height: auto;}
.benefit-section .section-header .paragraph,.why-section .section-header .paragraph {width: 80%;}
.gallery-grid{grid-template-columns:repeat(2,1fr);}
.cta-left {margin-bottom: 15px;}
.cta-action {justify-content: center;}
.footer-section {padding: 70px 0 25px;}
.footer-about p {margin-bottom: 20px;}
.footer-widget{margin-top:25px;}
.footer-widget h4 {margin-bottom: 20px;}
.footer-bottom {margin-top: 20px;text-align: left;}
.floating-whatsapp{right:18px;bottom:18px;}
.floating-icon{width:45px;height:45px;font-size:24px;}
}