:root{
  --ss-blue:#0b63a7;
  --ss-blue-dark:#073f70;
  --ss-green:#3d9b3f;
  --ss-green-dark:#26742d;
  --ss-orange:#f6a400;
  --ss-cream:#fffaf0;
  --ss-ink:#18324a;
  --ss-muted:#66788a;
  --ss-border:#e8edf2;
  --ss-shadow:0 18px 50px rgba(10,45,75,.10);
}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ss-ink);background:#fff;overflow-x:hidden}
a{transition:all .25s ease}
.header-area{background:linear-gradient(100deg,var(--ss-blue-dark),var(--ss-blue));border-bottom:1px solid rgba(255,255,255,.12);padding:9px 0;color:#fff}
.header-area .left ul,.header-area .right ul{margin:0;padding:0;display:flex;align-items:center;gap:20px;list-style:none;flex-wrap:wrap}
.header-area .left li,.header-area .right li{font-size:13px;color:#eef7ff}
.header-area a{color:#fff!important;text-decoration:none}
.header-area i{color: #ffffff;margin-right:5px}
.header-area .right ul{justify-content:flex-end;gap:10px}
.header-area .right li a{display:flex;width:29px;height:29px;border-radius:50%;align-items:center;justify-content:center;background:rgba(255,255,255,.12)}
.header-area .right li a:hover{background:var(--ss-orange);transform:translateY(-2px)}
.navbar-area{background:#fff!important;box-shadow:0 8px 30px rgba(7,63,112,.08);z-index:9999}
.main-nav .navbar{min-height:88px;padding: 0px 0;}
.navbar-brand{padding:0!important;margin-right:28px}
.navbar-brand img,.mobile-nav .logo img{width:auto;height: 80px;object-fit:contain;display:block}
.mobile-nav .logo img{height:58px;max-width:220px}
.main-nav .navbar-nav{align-items:center;gap:3px}
.main-nav .navbar-nav .nav-link{color:var(--ss-ink)!important;font-weight:600;font-size:14px;padding:14px 12px!important;border-radius:10px}
.main-nav .navbar-nav .nav-link:hover,.main-nav .navbar-nav .nav-link.active{color: #ffffff !important;background:#eef7fd}
.main-nav .dropdown-menu{border:0;border-radius:14px;box-shadow:var(--ss-shadow);padding:9px;min-width:230px}
.main-nav .dropdown-menu .nav-link{white-space:normal!important;width:100%;padding:10px 12px!important}
.side-nav .donate-btn,.common-btn{border:0!important;border-radius:999px!important;background:linear-gradient(135deg,var(--ss-orange),#ffbf3d)!important;color: #18324a !important;font-weight: 700!important;box-shadow:0 10px 25px rgba(246,164,0,.22);padding:13px 22px!important}
.side-nav .donate-btn:hover,.common-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(246,164,0,.28)}
.banner-area-two .banner-slider-item{min-height:610px;position:relative}
.banner-area-two .banner-slider-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,35,60,.84),rgba(4,35,60,.38),rgba(4,35,60,.08));z-index:0}
.banner-area-two .d-table,.banner-area-two .d-table-cell{position:relative;z-index:1}
.banner-content{max-width:760px!important;padding:55px 0}
.banner-content h1{font-size:clamp(38px,5vw,68px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-1.5px}
.banner-content p{font-size:18px!important;line-height:1.8!important;max-width:650px;color:#f6fbff!important}
.banner-btn-area{display:flex;flex-wrap:wrap;gap:12px}
.banner-btn-area .common-btn:nth-child(2){background:#fff!important;color:var(--ss-blue-dark)!important}
.section-title .sub-title{color:var(--ss-green)!important;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}
.section-title h2{color:var(--ss-ink);font-weight:800}
.about-area{background:linear-gradient(180deg,#fff,#f7fbf7)}
.about-img{border-radius:28px;overflow:hidden;position:relative}
.about-img:after{content:"";position:absolute;inset:0;border:10px solid rgba(255,255,255,.22);pointer-events:none}
.about-img img{width:100%;display:block}
.about-content .about-span{display:block;font-size:18px;line-height:1.8;color:#2b465c;font-weight:600;margin-bottom:16px}
.about-content p{color:var(--ss-muted);line-height:1.85}
.benefit-area.three{background: #efefef9e;position:relative}
.benefit-item{height:100%;background:#fff!important;border:1px solid var(--ss-border);border-radius:22px!important;padding: 20px 28px!important;box-shadow:0 10px 35px rgba(22,70,42,.06);transition:.3s}
.benefit-item:hover{transform:translateY(-8px);box-shadow:var(--ss-shadow)}
.benefit-item i{display:flex!important;width:66px;height:66px;border-radius:20px;align-items:center;justify-content:center;background:#eaf6ec;color:var(--ss-green)!important;font-size: 30px!important;margin-bottom:20px}
.benefit-item h3{font-weight:800}
.event-area{background:linear-gradient(115deg,var(--ss-blue-dark),var(--ss-blue));position:relative;overflow:hidden}
.event-area:after{content:"";position:absolute;width:360px;height:360px;border:60px solid rgba(246,164,0,.14);border-radius:50%;right:-130px;top:-150px}
.event-area .section-title{position:relative;z-index:1}
.event-area .section-title h2{color:#fff}
.donations-area.three{background:#fff}
.donation-item{height:100%;padding: 10px;background:#fff;border:1px solid var(--ss-border);border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(10,45,75,.07);transition:.3s}
.donation-item:hover{transform:translateY(-7px);box-shadow:var(--ss-shadow)}
.donation-item .img{position:relative;overflow:hidden}
.donation-item .img img{height:230px!important;width:100%;object-fit:cover;transition:.5s}
.donation-item:hover .img img{transform:scale(1.06)}
.donation-item .img .common-btn{position:absolute;bottom:18px;left: 200px;padding:10px 18px!important}
.donation-item .top{padding: 14px!important;}
.donation-item h3 a{font-weight:800;color:var(--ss-ink)}
.donation-item h3 a:hover{color:var(--ss-blue)}
.page-title-area{background-position:center!important;position:relative}
.page-title-area:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,63,112,.84),rgba(61,155,63,.52))}
.page-title-area .title-item{position:relative;z-index:1}
.page-title-area .title-item h2{font-weight:800}
.contact-info{height:100%;background:#fff;border:1px solid var(--ss-border);border-radius:20px;padding:28px!important;box-shadow:0 10px 30px rgba(10,45,75,.06)}
.contact-info i{background:#edf7fd!important;color:var(--ss-blue)!important;width:55px!important;height:55px!important;line-height:55px!important;border-radius:50%;font-size:24px!important}
.contact-info a{color:var(--ss-ink)}
.contact-area form{background:#fff;border:1px solid var(--ss-border);border-radius:24px;padding:35px;box-shadow:var(--ss-shadow)}
.contact-area .form-control{border:1px solid #dce6ee!important;border-radius:12px!important;min-height:52px;padding-left:52px!important}
.contact-area textarea.form-control{padding-top:15px!important}
.contact-area .form-group label{left:18px!important;color:var(--ss-blue)!important}
.gallery-item{border-radius:20px!important;overflow:hidden;box-shadow:0 12px 35px rgba(10,45,75,.08);background:#fff}
.gallery-item img{width:100%;height:270px;object-fit:cover;transition:.4s}
.gallery-item:hover img{transform:scale(1.05)}
.footer-area{background:linear-gradient(145deg,#062f55,#0a4f82)!important;color:#e9f5ff}
.footer-area .footer-logo img{max-width: 262px!important;width:auto;height: 106px;object-fit:contain;background:#fff;padding: 4px;border-radius:12px}
.footer-area p,.footer-area a{color:#dcecf8!important}
.footer-area h3{color:#fff!important;font-weight:800}
.footer-area .footer-links a:hover{color:#ffd36a!important;padding-left:5px}
.footer-area .footer-logo ul li a{background:rgba(255,255,255,.10)!important}
.copyright-area{border-top:1px solid rgba(255,255,255,.14)!important;margin-top:30px;padding-top:20px}
.go-top{background:var(--ss-orange)!important;color:#18324a!important;border-radius:50%!important}
.mobile-nav{background:#fff!important;box-shadow:0 5px 18px rgba(7,63,112,.08)}
.mobile-nav .logo{padding:5px 0}
.mean-container .mean-bar{background:var(--ss-blue-dark)!important}
.mean-container .mean-nav{background:var(--ss-blue-dark)!important}
.mean-container a.meanmenu-reveal span{background:#fff!important}
.mean-container .mean-nav ul li a{color:#fff!important;border-color:rgba(255,255,255,.13)!important}
.mean-container .mean-nav ul li a:hover{background:rgba(255,255,255,.08)!important}
.ss-floating-help{position:fixed;right:18px;bottom:18px;z-index:9998;display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--ss-border);border-radius:999px;padding:7px 8px 7px 14px;box-shadow:0 12px 35px rgba(0,0,0,.13);font-weight:700;color:var(--ss-ink)}
.ss-floating-help a{display:flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;color:#fff!important;text-decoration:none}
.ss-floating-help .ss-wa{background:#2ea84a}.ss-floating-help .ss-call{background:var(--ss-blue)}
@media(max-width:991px){
 .header-area{display:none}.main-nav{display:none!important}.mobile-nav{display:flex!important;align-items:center;justify-content:space-between;padding:0 16px}
 .banner-area-two .banner-slider-item{min-height:560px}.banner-content{padding:40px 15px}.banner-content h1{font-size:42px!important}.banner-content p{font-size:16px!important}
 .section-title h2{font-size:34px}.side-nav{display:none}
}
@media(max-width:575px){
 .mobile-nav .logo img{height:52px;max-width:195px}.banner-area-two .banner-slider-item{min-height:560px}.banner-content h1{font-size:34px!important}.banner-content p{font-size:15px!important;line-height:1.65!important}.banner-btn-area .common-btn{width:100%;text-align:center}.about-area,.benefit-area,.donations-area,.event-area{padding-top:65px!important}.section-title h2{font-size:29px}.about-content{padding-top:25px}.contact-area form{padding:22px 16px}.footer-area .footer-logo img{height:80px}.gallery-item img{height:220px}.ss-floating-help{right:10px;bottom:10px;padding-left:10px;font-size:12px}.ss-floating-help span{display:none}.ss-floating-help a{width:42px;height:42px}
}

/* =========================================================
   SAHAJ SAMBHAV FOUNDATION - RESPONSIVE MASTER OVERRIDE
   Optimized for desktop, laptop, tablet, Android & iOS
   ========================================================= */

*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%;height:auto}
.container{width:100%}

/* Desktop / laptop navigation */
@media (min-width:1200px){
    .main-nav .navbar{min-height: 30px;}
    .navbar-brand{flex:0 0 78px;width:78px;margin-right:20px}
    .navbar-brand img{object-fit:contain;max-width: 240px;}
    .main-nav .navbar-nav{gap:0;flex:1;justify-content:center}
    .main-nav .navbar-nav .nav-link{font-size:13px;padding:12px 9px!important;white-space:nowrap}
    .side-nav{margin-left:10px}
    .side-nav .donate-btn{padding:11px 17px!important;font-size:13px!important;white-space:nowrap}
}

@media (min-width:992px) and (max-width:1199px){
    .header-area{padding:7px 0}
    .header-area .left ul,.header-area .right ul{gap:10px}
    .header-area .left li,.header-area .right li{font-size:11px}
    .main-nav .navbar{min-height:78px;padding:5px 0}
    .navbar-brand{flex:0 0 68px;width:68px;margin-right:10px}
    .navbar-brand img{width:68px;height:68px;object-fit:contain}
    .main-nav .navbar-nav{gap:0;justify-content:center}
    .main-nav .navbar-nav .nav-link{font-size:12px;padding:10px 6px!important;white-space:nowrap}
    .side-nav{margin-left:7px}
    .side-nav .donate-btn{padding:10px 12px!important;font-size:12px!important;white-space:nowrap}
}

/* Keep hero content inside the viewport on all screens */
.banner-area-two.three .banner-slider-item{
    background-position:center center;
}
.banner-area-two .banner-content{width:100%;}
.banner-content h1,.section-title h1,.section-title h2,.about-content h2,
.donation-item h3,.benefit-item h3{overflow-wrap:anywhere}
.banner-btn-area{align-items:center}
.banner-btn-area .common-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px}

/* Tablets */
@media (max-width:991px){
    .header-area{display:none!important}
    .main-nav{display:none!important}
    .navbar-area{position:sticky;top:0;min-height:68px}
    .mobile-nav{
        display:flex!important;
        width:100%;
        min-height:68px;
        padding:5px 14px!important;
        align-items:center;
        justify-content:space-between;
    }
    .mobile-nav .logo{display:flex;align-items:center;height:62px;padding:0!important}
    .mobile-nav .logo img{
        width:70px!important;
        height:70px!important;
        max-width:70px!important;
        object-fit:contain;
    }
    .mean-container .mean-bar{
        position:absolute!important;
        right:0;
        top:0;
        width:auto!important;
        min-height:68px;
        background:transparent!important;
        z-index:10000;
    }
    .mean-container .mean-bar .meanmenu-reveal{
        top:17px!important;
        right:14px!important;
        background:var(--ss-blue-dark)!important;
        border-radius:8px;
        width:43px!important;
        height:38px!important;
        line-height:24px!important;
        padding:7px 9px!important;
    }
    .mean-container .mean-bar .meanmenu-reveal span{margin-top:4px!important}
    .mean-container .mean-nav{
        position:absolute!important;
        top:68px!important;
        right:0!important;
        width:min(330px,100vw)!important;
        max-height:calc(100vh - 68px);
        overflow-y:auto;
        box-shadow:0 15px 35px rgba(0,0,0,.20);
        border-radius:0 0 0 14px;
    }
    .mean-container .mean-nav ul li a{
        font-size:15px!important;
        line-height:1.35!important;
        padding:13px 18px!important;
    }
    .mean-container .mean-nav ul li li a{padding-left:32px!important}

    .banner-area-two.three .banner-slider-item{
        min-height:560px;
        padding:0!important;
        display:flex;
        align-items:center;
        background-position:center center;
    }
    .banner-area-two .d-table,
    .banner-area-two .d-table-cell{width:100%}
    .banner-content{
        max-width:760px!important;
        margin:0 auto!important;
        padding:70px 24px 60px!important;
    }
    .banner-content h1{
        font-size:clamp(34px,5.2vw,48px)!important;
        line-height:1.1!important;
        margin-bottom:16px!important;
    }
    .banner-content p{font-size:16px!important;line-height:1.7!important}
    .banner-btn-area{justify-content:center}

    .pt-100{padding-top:75px!important}
    .pb-70{padding-bottom:55px!important}
    .about-content{margin-top:30px}
    .donation-item,.benefit-item{margin-bottom:25px}
    .contact-area .row>[class*="col-"]{margin-bottom:25px}
    .footer-area .footer-item{margin-bottom:35px}
}

/* Android / iPhone portrait */
@media (max-width:767px){
    .mobile-nav{min-height:64px;padding:4px 12px!important}
    .mobile-nav .logo{height:58px}
    .mobile-nav .logo img{width:64px!important;height:64px!important;max-width:64px!important}
    .mean-container .mean-bar{min-height:64px}
    .mean-container .mean-bar .meanmenu-reveal{top:13px!important;right:12px!important}
    .mean-container .mean-nav{top:64px!important;max-height:calc(100vh - 64px)}

    .banner-area-two.three .banner-slider-item{
        min-height:510px;
        background-position:center center!important;
    }
    .banner-area-two .banner-slider-item:before{
        background:linear-gradient(180deg,rgba(4,35,60,.72),rgba(4,35,60,.48),rgba(4,35,60,.72))!important;
    }
    .banner-content{
        padding:58px 18px 45px!important;
        text-align:center!important;
    }
    .banner-content h1{
        font-size:clamp(29px,8.2vw,38px)!important;
        line-height:1.08!important;
        letter-spacing:-.5px!important;
    }
    .banner-content p{
        font-size:14px!important;
        line-height:1.6!important;
        margin:0 auto 20px!important;
        max-width:520px!important;
    }
    .banner-btn-area{
        display:flex!important;
        flex-direction:column!important;
        width:100%;
        gap:12px!important;
    }
    .banner-btn-area .common-btn{
        width:100%!important;
        max-width:100%!important;
        min-height:48px;
        margin:0!important;
    }

    .section-title{margin-bottom:28px!important}
    .section-title h2{font-size:29px!important;line-height:1.2!important}
    .section-title p{font-size:14px!important;line-height:1.7!important}
    .about-content .about-span{font-size:16px;line-height:1.65}
    .about-content p{font-size:14px;line-height:1.75}
    .about-btn-area{display:flex;flex-wrap:wrap;gap:10px}
    .about-btn-area .common-btn{flex:1 1 160px;text-align:center}

    .donation-item .img img{height:210px!important}
    .gallery-item img{height:230px!important}
    .contact-area form{padding:20px 15px!important}
    .contact-area .form-control{font-size:15px!important}

    .footer-area .footer-logo img{width:110px!important;height:110px!important;max-width:110px!important}
    .footer-area .footer-item{margin-bottom:28px}
    .copyright-area{text-align:center!important}
    .copyright-area .text-left,.copyright-area .text-right{text-align:center!important}
    .copyright-area p{font-size:12px!important}

    .ss-floating-help{right:10px!important;bottom:10px!important}
}

/* Small phones: 320pxÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ420px */
@media (max-width:420px){
    .mobile-nav .logo img{width:58px!important;height:58px!important;max-width:58px!important}
    .mean-container .mean-bar .meanmenu-reveal{right:10px!important;width:41px!important}
    .banner-area-two.three .banner-slider-item{min-height:500px}
    .banner-content{padding:48px 14px 38px!important}
    .banner-content h1{font-size:29px!important}
    .banner-content p{font-size:13.5px!important}
    .section-title h2{font-size:26px!important}
    .common-btn{font-size:14px!important;padding:11px 17px!important}
    .contact-area form{padding:18px 12px!important}
    .ss-floating-help a{width:40px!important;height:40px!important}
}

/* Landscape phones */
@media (max-width:991px) and (orientation:landscape){
    .mobile-nav,.navbar-area{min-height:58px}
    .mobile-nav .logo{height:54px}
    .mobile-nav .logo img{width:55px!important;height:55px!important}
    .mean-container .mean-bar{min-height:58px}
    .mean-container .mean-bar .meanmenu-reveal{top:10px!important}
    .mean-container .mean-nav{top:58px!important;max-height:calc(100vh - 58px)}
    .banner-area-two.three .banner-slider-item{min-height:460px}
    .banner-content{padding:40px 18px!important}
    .banner-content h1{font-size:32px!important}
}

/* iOS safe areas */
@supports (padding:max(0px)){
    .mobile-nav{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
    .ss-floating-help{bottom: max(70px,env(safe-area-inset-bottom))!important;}
}

/* Prevent long addresses/emails from breaking mobile layouts */
.header-area a,.footer-area a,.contact-info a,.contact-inner a{overflow-wrap:anywhere;word-break:break-word}

/* Responsive tables/forms */
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea,button{max-width:100%}
textarea{resize:vertical}

/* Better tap targets on touch devices */
@media (hover:none){
    a,button,.common-btn,.donate-btn,.meanmenu-reveal{touch-action:manipulation}
    .donation-item:hover,.benefit-item:hover{transform:none}
}


/* =========================================================
   PREMIUM SAHAJ SAMBHAV HEADER + MOBILE HERO POLISH
   ========================================================= */
.navbar-area{border-top:3px solid var(--ss-orange);}
.main-nav .navbar{gap: 9px;}
.navbar-brand{display:flex!important;align-items:center;min-width:170px;}
.navbar-brand .logo-one{
}
.main-nav .navbar-nav .nav-link{position:relative;}

.main-nav .navbar-nav .nav-link:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:var(--ss-orange);transform:scaleX(0);transform-origin:center;transition:transform .25s ease;}
.main-nav .navbar-nav .nav-link:hover:after,.main-nav .navbar-nav .nav-link.active:after{transform:scaleX(1);}
.side-nav .donate-btn{display:inline-flex;align-items:center;gap:8px;}

.banner-area-two.three .banner-slider-item{overflow:hidden;background-size:cover!important;}
.banner-area-two.three .banner-slider-item:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 35%,rgba(246,164,0,.15),transparent 30%),linear-gradient(90deg,rgba(3,25,45,.88) 0%,rgba(3,25,45,.58) 45%,rgba(3,25,45,.20) 100%);z-index:0;pointer-events:none;}
.banner-content{position:relative;z-index:2;}
.banner-content:before{content:"SAHAJ SAMBHAV FOUNDATION";display:inline-flex;align-items:center;gap:8px;color:#ffd166;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:14px;padding:7px 13px;border:1px solid rgba(255,209,102,.35);border-radius:999px;background:rgba(3,25,45,.28);backdrop-filter:blur(6px);}
.banner-content h1{text-shadow:0 8px 30px rgba(0,0,0,.24)!important;}
.banner-btn-area .common-btn{min-width:170px;}
.banner-btn-area .common-btn:nth-child(2){border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 10px 25px rgba(0,0,0,.12)!important;}

/* Modern floating actions */
.ss-floating-help{padding:6px 7px 6px 12px!important;gap:6px!important;backdrop-filter:blur(10px);background:rgba(255,255,255,.92)!important;}
.ss-floating-help a{box-shadow:0 5px 15px rgba(0,0,0,.14);}

@media (min-width:992px){
  .mobile-nav{display:none!important;}
  .navbar-area{background:rgba(255,255,255,.98)!important;}
}

@media (max-width:1199px) and (min-width:992px){
  .navbar-brand{min-width:150px;}
  .navbar-brand .logo-one{width:155px!important;max-height:60px!important;}
}

@media (max-width:991px){
  .navbar-area{height:76px!important;min-height:76px!important;background:#fff!important;border-top:3px solid var(--ss-orange)!important;box-shadow:0 7px 25px rgba(4,35,60,.12)!important;}
  .mobile-nav{height:76px!important;min-height:76px!important;padding:6px 18px!important;background:#fff!important;}
  .mobile-nav .logo{height:64px!important;width:145px!important;display:flex!important;align-items:center!important;}
  .mobile-nav .logo img{width: 175px!important;height: 63px!important;max-width: 187px!important;object-fit:contain!important;object-position:left center!important;}
  .mean-container .mean-bar{height:76px!important;min-height:76px!important;top:0!important;right:0!important;padding:0!important;background:transparent!important;border:0!important;z-index:10001!important;}
  .mean-container .mean-bar .meanmenu-reveal{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;top:17px!important;right:16px!important;width:46px!important;height:42px!important;padding:0!important;border-radius:12px!important;background:#fff!important;border:1px solid #dfeaf2!important;box-shadow:0 8px 22px rgba(4,35,60,.14)!important;/* text-indent:-9999px!important; */}
  .mean-container .mean-bar .meanmenu-reveal span{display:block!important;width:22px!important;height:2px!important;margin:0!important;position:static!important;background:var(--ss-blue-dark)!important;border-radius:4px!important;}
  .mean-container .mean-nav{top:76px!important;margin:0!important;right:12px!important;width:calc(100vw - 24px)!important;max-height:calc(100vh - 88px)!important;background:rgba(7,63,112,.98)!important;border-radius:16px!important;overflow:auto!important;box-shadow:0 18px 50px rgba(0,0,0,.25)!important;}
  .mean-container .mean-nav ul li{max-width:none!important;}
  .mean-container .mean-nav ul li a{font-size:15px!important;font-weight:700!important;padding:14px 20px!important;text-align:left!important;}
  .mean-container .mean-nav ul li li a{padding-left:36px!important;font-size:14px!important;}

  .banner-area-two.three .banner-slider-item{min-height:calc(100svh - 76px)!important;height:auto!important;background-position:center center!important;}
  .banner-area-two.three .banner-slider-item:after{background:linear-gradient(180deg,rgba(3,25,45,.62) 0%,rgba(3,25,45,.40) 34%,rgba(3,25,45,.72) 100%),radial-gradient(circle at 70% 25%,rgba(246,164,0,.15),transparent 30%);}
  .banner-content{padding:70px 18px 55px!important;}
  .banner-content:before{font-size:9px;letter-spacing:1.5px;padding:6px 10px;margin-bottom:13px;}
  .banner-content h1{font-size:clamp(30px,8vw,44px)!important;line-height:1.06!important;font-weight:850!important;max-width:700px;margin-left:auto;margin-right:auto;}
  .banner-content p{max-width:560px!important;margin-left:auto!important;margin-right:auto!important;}
  .banner-btn-area{max-width:420px;margin:0 auto;}
}

@media (max-width:575px){
  .navbar-area{height:70px!important;min-height:70px!important;}
  .mobile-nav{height: 66px!important;min-height: 78px!important;padding: 0px 14px!important;}
  .mobile-nav .logo{width:136px!important;height:58px!important;}
  .mobile-nav .logo img{
}
  .mean-container .mean-bar{height:70px!important;min-height:70px!important;}
  .mean-container .mean-bar .meanmenu-reveal{top:13px!important;right:13px!important;width:44px!important;height:42px!important;border-radius:11px!important;}
  .mean-container .mean-nav{top:70px!important;right:10px!important;width:calc(100vw - 20px)!important;}
  .banner-area-two.three .banner-slider-item{min-height:calc(100svh - 70px)!important;}
  .banner-content{padding:56px 14px 42px!important;}
  .banner-content:before{font-size:8.5px;letter-spacing:1.2px;}
  .banner-content h1{font-size:clamp(29px,8.8vw,37px)!important;line-height:1.06!important;margin-bottom:15px!important;}
  .banner-content p{font-size:13.5px!important;line-height:1.65!important;margin-bottom:20px!important;}
  .banner-btn-area .common-btn{min-height:50px!important;font-size:14px!important;border-radius:14px!important;}
}

@media (max-width:360px){
  .mobile-nav .logo{width:125px!important;}
  .mobile-nav .logo img{width:125px!important;}
  .banner-content{padding-left:11px!important;padding-right:11px!important;}
  .banner-content h1{font-size:28px!important;}
}


