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

.top-header{background:#081f4d;color:#fff;font-size:14px;padding:10px 0;}
.top-header .row{align-items:center;}
.top-info{display:flex;gap:20px;flex-wrap:wrap;}
.top-info li{display:flex;align-items:center;gap:8px;font-size: 12px;}
.top-info i{color:#ffb703;}
.top-contact{display:flex;justify-content:flex-end;align-items:center;gap:15px;}
.top-contact a{color:#fff;transition:.3s;font-size: 12px;}
.top-contact a:hover{color:#ffb703;}

.header-section{background:#fff;position:sticky;top:0;left:0;width:100%;z-index:999;box-shadow:0 2px 20px rgba(0,0,0,.05);}
.header-wrapper{display:flex;justify-content:space-between;align-items:center;min-height:90px;}
.logo{display:flex;align-items:center;gap:15px;}
.logo img{width:65px;}
.logo-text{display:flex;flex-direction:column;}
.logo-text span{font-size:28px;font-weight:700;color:var(--dark);}
.logo-text small{font-size:13px;color:#888;}

.desktop-menu>ul{display:flex;align-items:center;gap:35px;}
.desktop-menu>ul>li{position:relative;}
.desktop-menu>ul>li>a{color:#222;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;transition:.3s;padding:34px 0;}
.desktop-menu>ul>li>a:hover,
.desktop-menu>ul>li>a.active{color:var(--primary);}

.dropdown{position:absolute !important;top:120%;left:0;width:260px;background:#fff;box-shadow:var(--shadow);opacity:0;visibility:hidden;
    transition:.35s;border-radius:10px;overflow:hidden;}
.has-dropdown:hover .dropdown{top:100%;opacity:1;visibility:visible;}
.dropdown li{border-bottom:1px solid #eee;}
.dropdown li:last-child{border:none;}
.dropdown a{display:block;color:#333;padding:15px 22px;transition:.3s;font-size:15px;font-weight:500;}
.dropdown a:hover{background:var(--primary);color:#fff;padding-left:30px;}
.header-right{display:flex;align-items:center;gap:20px;}

.menu-toggle{width:52px;height:52px;border:none;display:none;border-radius:8px;background:var(--primary);cursor:pointer;flex-direction:column;
    justify-content:center;align-items:center;gap:6px;}
.menu-toggle span{width:24px;height:2px;background:#fff;}
.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.4s;z-index:998;}
.sidebar-overlay.active{opacity:1;visibility:visible;}

.mobile-sidebar{position:fixed;top:0;left:-350px;width:320px;height:100%;background:#fff;z-index:999;overflow:auto;
    transition:.45s;box-shadow:0 0 40px rgba(0,0,0,.18);}
.mobile-sidebar.active{left:0;}
.sidebar-top{display:flex;justify-content:space-between;align-items:center;padding:25px;background:#081f4d;color:#fff;}
.sidebar-logo{display:flex;align-items:center;gap:15px;}
.sidebar-logo img{width:55px;}
.sidebar-logo h4{margin:0;font-size:22px;}
.sidebar-logo span{font-size:13px;}
.close-sidebar{width:45px;height:45px;border:none;background:#fff;color:#081f4d;border-radius:50%;cursor:pointer;}
.sidebar-body{padding:20px 0;}
.sidebar-body>ul>li{border-bottom:1px solid #eee;}
.sidebar-body>ul>li>a{display:flex;justify-content:space-between;align-items:center;color:#222;padding:16px 25px;font-weight:600;}
.mobile-dropdown ul{display:none;background:#f8f8f8;}
.mobile-dropdown ul li a{display:block;padding:13px 45px;color:#555;}
.mobile-dropdown.active ul{display:block;}
.sidebar-footer{padding:25px;border-top:1px solid #eee;}
.sidebar-footer .sidebar-footer-contact{display:block;color:#333;margin-bottom:15px;}
.sidebar-footer-contact i{color:var(--primary);margin-right:10px;}
.sidebar-social{display:flex;gap:12px;margin-top:20px;}
.sidebar-social a{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f3f3;
    color:var(--primary);transition:.3s;}
.sidebar-social a:hover{background:var(--primary);color:#fff;}
.header-section.sticky{animation:headerSticky .35s ease;box-shadow:0 10px 30px rgba(0,0,0,.12);}

@keyframes headerSticky{
    from{transform:translateY(-100%);}
    to{transform:translateY(0);}
}

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

.hero-section{position: relative;padding: 60px 0 0;background: url(../images/background/hero-bg.png);background-size: cover;background-position-x: center;
    /* background: linear-gradient(135deg,#f7fbff,#edf4ff); */overflow: hidden;}
.hero-wrapper{position: relative;display: flex;justify-content: space-between;min-height: 720px;z-index: 2;}
.hero-content{width: 50%;padding-bottom: 40px;}
.hero-content h1{font-size: 72px;font-weight: 800;color: #0d2d67;line-height: 1;margin-bottom: 10px;font-family: "Hind Siliguri", sans-serif;}
.hero-content h1 span{color: #ff7d00;}
.hero-content h2{font-size: 46px;color: #0d2d67;margin-bottom: 25px;font-weight: 800;}
.hero-ribbon{display: inline-block;padding: 14px 28px;background: linear-gradient(90deg,#0a58ca,#001f70);color: #fff;border-radius: 8px;
    font-weight: 700;margin-bottom: 25px;box-shadow: 0 15px 35px rgba(0,0,0,.15);}
.hero-ribbon span{color: #2df0ff;}
.hero-content p{font-size: 16px;line-height: 1.7;color: #555;margin-bottom: 35px;}
.hero-features{display: grid;grid-template-columns: repeat(4,1fr);gap: 18px;margin-bottom: 35px;}
.feature-box{text-align: center;}
.feature-box img{width: 42px;margin: auto;margin-bottom: 12px;}
.feature-box h5{font-size: 15px;margin-bottom: 0px;color: #0d2d67;}
.feature-box span{font-size: 13px;color: #777;}
.hero-center{width: 28%;position: relative;text-align: center;}
.director{width: 100%;position: relative;z-index: 3;}
.students{position: absolute;width: 115%;right: -90px;bottom: 60px;z-index: 2;}

.hero-products{width: 38%;position: relative;height: 620px;}
.hero-products img{position: absolute;object-fit: contain;}
.fridge{width: 180px;top: 40px;left: 20px;}
.ac{width: 280px;right: 0;top: 90px;}
.washing{width: 180px;left: 80px;bottom: 120px;}
.tv{width: 230px;right: 20px;bottom: 90px;}
.electrical{width: 220px;left: 0;bottom: 0;}
.tools{width: 260px;right: 0;bottom: 0;}

.hero-counter{position: absolute;right: 0;top: 0;width: 50%;display: flex;background: #fff;border-radius: 18px;overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,.12);}
.counter-item{flex: 1;width: 25%;display: flex;align-items: center;justify-content:center;gap: 6px;padding: 15px;border-right: 1px solid #eee;
    flex-direction: column;}
.counter-item:last-child{border: none;}
.counter-item img{width: 32px;}
.counter-item h3{margin: 0;font-size: 26px;color: #0a58ca;font-weight: 700;}
.counter-item div {display: flex;gap: 10px;justify-content: center;}
.counter-item span{display: block;font-size: 12px;color: #666;text-align: center;}

/* ================= COURSE ================= */

.course-section{background:#fff;}
.course-title{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:50px;}
.course-title::before,.course-title::after{content:"";width:80px;height:2px;background:#0b4da2;position:relative;}
.course-title::before{border-radius:30px;}
.course-title::after{border-radius:30px;}
.course-title h2{margin:0;font-size:32px;font-weight:700;color:#0d2d67;text-transform:uppercase;}
.courseSwiper .swiper-slide{height:auto;}
.course-card{background:#fff;border:1px solid #dbe5f3;border-radius:16px;padding:20px 15px 15px 15px;text-align:center;
    height:100%;transition:.35s;box-shadow:0 5px 18px rgba(0,0,0,.04);}
.course-card:hover{box-shadow:0 15px 35px rgba(0,0,0,.12);border-color:#0b5ed7;}
.course-card img{width:110px;height:90px;object-fit:contain;margin:auto;margin-bottom:18px;}
.course-card h4{font-size:16px;color:#0d2d67;line-height:1.3;margin-bottom:12px;font-weight:700;}
.course-card p{font-size:14px;line-height:1.5;color:#555;margin-bottom:15px;min-height:65px;}
.course-card .btn-course{display:inline-block;width:100%;padding:8px 22px;background:linear-gradient(180deg,#0b61d8,#063c94);color:#fff;
    border-radius:8px;font-size:14px;font-weight:500;transition:.3s;}
.course-card .btn-course:hover{background:#ff7a00;color:#fff;}
.course-bottom{display: flex;justify-content: center;margin-top:40px;}

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

.why-section{background:linear-gradient(180deg,#062f78,#05245d);}
.why-section .row{--bs-gutter-x:14px;}
.why-left{border-radius:18px;color:#fff;height:100%;position:relative;overflow:hidden;}
.why-left::before{content:"";position:absolute;inset:0;background:url(images/pattern.png);opacity:.06;}
.why-left>*{position:relative;z-index:2;}
.why-tag{display:block;font-size: 32px;font-weight: 700;color:#fff;margin-bottom:5px;}
.why-left h2{font-size: 32px;font-weight: 700;color:#ffb400;margin-bottom:30px;line-height:1;font-family: "Hind Siliguri", sans-serif;}
.why-left h2 span{color:#fff;}
.why-left ul li{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:14px;}
.why-left ul li i{color:#19d3ff;font-size:18px;}
.why-btn{display:inline-block;background:linear-gradient(180deg,#1ec8ff,#0098df);color:#fff;padding:12px 16px;
    border-radius:10px;font-weight:600;transition:.35s;margin-top: 25px;}
.why-btn:hover{color:#fff;transform:translateY(-4px);}
.training-class{height:100%;border-radius:18px;overflow:hidden;border:2px solid rgba(255,255,255,.3);box-shadow:0 10px 30px rgba(0,0,0,.12);}
.training-class img{width:100%;height:100%;object-fit:cover;transition:.5s;}
.training-class:hover img{transform:scale(1.05);}
.testimonialSwiper{overflow:hidden;}
.testimonial-item{position:relative;min-height:250px;}
.testimonial-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:25px;}
.testimonial-prev,.testimonial-next{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;
    justify-content:center;align-items:center;flex-shrink:0;color:#fff;cursor:pointer;transition:.3s;}
.testimonial-prev:hover,.testimonial-next:hover{background:#fff;color:#0b3d91;}
.testimonialSwiper .swiper-pagination{position:relative;width:auto;}
.testimonialSwiper .swiper-pagination-bullet{width:10px;height:10px;background:rgba(255,255,255,.35);opacity:1;}
.testimonialSwiper .swiper-pagination-bullet-active{width:28px;border-radius:20px;background:#10d5ff;}
.testimonial-box{position:relative;border-radius:18px;color:#fff;height:100%;padding:15px;overflow:hidden;}
.testimonial-box::before{content:"";position:absolute;inset:0;background:url(images/pattern.png);opacity:.05;}
.testimonial-box>*{position:relative;z-index:2;}
.testimonial-header{margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:15px;}
.testimonial-header h3{font-size:28px;font-weight:700;margin:0;}
.quote{font-size:36px;color:#fff;opacity:.8;margin-bottom:18px;}
.testimonial-content p{font-size:15px;line-height:1.8;margin-bottom:25px;font-family: "Hind Siliguri", sans-serif;}
.testimonial-content h5{color:#fff;margin-bottom:12px;font-size:18px;}
.rating{display:flex;gap:8px;}
.rating i{color:#ffb400;font-size:15px;}
.student-image{position:absolute;right:5px;bottom:10px;}
.student-image img{width:70px;height:70px;border-radius:50%;border:3px solid rgba(255,255,255,.9);object-fit:cover;}

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

.product-showcase-section{background:#f5f8fd;}
.product-content{position:relative;z-index:2;}
.product-content .product-tagline{display:block;font-size:16px;font-weight:700;color:#222;margin-bottom:8px;}
.product-content h2{font-size:32px;line-height:1.15;font-weight:700;color:#1d3557;margin-bottom:20px;}
.product-content h2 span{display:block;color:#0a66c2;}
.product-content p{font-size:15px;color:#666;line-height:1.6;margin-bottom:30px;}
.shop-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#ff9800,#ff4b2b);
    color:#fff;border-radius:50px;font-weight:600;transition:.35s;}
.shop-btn:hover{color:#fff;transform:translateY(-5px);}
.banner-image{text-align:center;position:relative;z-index:2;}
.banner-image img{width:100%;max-width:850px;animation:productFloat 5s ease-in-out infinite;}
@keyframes productFloat{
    0%{transform:translateY(0);}
    50%{transform:translateY(-10px);}
    100%{transform:translateY(0);}
}
.category-wrapper{position:relative;z-index:5;display: flex;gap:0.5%;}
.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width: 12%;height:auto;border:1px solid #edf2f8;
    border-radius:18px;transition:.35s;padding:5px;background:#fff;}
.category-card:hover{transform:translateY(-4px);border-color:#0a66c2;box-shadow:0 15px 30px rgba(0,0,0,.08);}
.category-card img{width:55px;height:55px;object-fit:contain;margin-bottom:18px;}
.category-card span{color:#1d3557;font-size:12px;font-weight:600;text-align:center;line-height:1.3;}
.explore-btn{text-align:center;margin-top:35px;}

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

.footer-section{background:#062b6f;color:#fff;position:relative;overflow:hidden;}
.footer-section::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#083882,#041f55);z-index:0;}
.footer-section>.footer-top,.footer-section>.footer-main,.footer-section>.footer-bottom{position:relative;z-index:2;}
.footer-top{padding:25px 0;border-bottom:1px solid rgba(255,255,255,.12);}
.footer-feature{display:flex;align-items:center;gap:15px;color:#fff;}
.footer-feature i{width:55px;height:55px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:flex;justify-content:center;
    align-items:center;font-size:24px;color:#fff;}
.footer-feature h5{margin:0;font-size:18px;font-weight:700;}
.footer-feature span{font-size:15px;opacity:.9;}
.footer-main{padding:50px 0;}
.footer-about img{width:220px;margin-bottom:20px;}
.footer-about p{color:rgba(255,255,255,.85);line-height:1.9;margin-bottom:25px;font-size: 14px;}
.footer-social{display:flex;gap:12px;}
.footer-social a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;
    color:#fff;transition:.35s;}
.footer-social a:hover{background:#00b8ff;transform:translateY(-4px);}
.footer-links h4,.footer-contact h4{font-size:15px;font-weight:700;margin-bottom:22px;color:#fff;}
.footer-links ul,.footer-contact ul{margin:0;padding:0;list-style:none;font-size: 14px;}
.footer-links ul li{margin-bottom:10px;}
.footer-links ul li a{color:rgba(255,255,255,.85);transition:.35s;}
.footer-links ul li a:hover{color:#19d3ff;padding-left:8px;}
.footer-contact ul li{display:flex;gap:12px;margin-bottom:10px;color:rgba(255,255,255,.9);font-size: 14px;line-height:1.5;}
.footer-contact i{color:#1bd5ff;width:18px;margin-top:4px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;}
.footer-bottom p{margin:0;font-size: 14px;color:rgba(255,255,255,.8);}
.footer-bottom a{color:#fff;font-size: 14px;transition:.35s;}
.footer-bottom a:hover{color:#19d3ff;}
.footer-bottom span{color:rgba(255,255,255,.45);margin:0 15px;}

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

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

@media(max-width:767px){
.mobile-hide,.floating-tooltip{display: none;}
.menu-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;}
}