html { 
         scroll-behavior: smooth; 
         }
         /* मोबाइल मेनू एक्टिव क्लास */
         #nav-menu.active {
         display: flex !important;
         }
         /* टॉपबार कस्टम बैकग्राउंड और टेक्स्ट (बिना !important के ताकि अंदर के कंपोनेंट्स पर असर न पड़े) */
         /* ===========================
         Premium Top Bar
         =========================== */
         .topbarbg{
         background: linear-gradient(90deg,#0b111e 0%,#1a2438 40%,#b88455 100%);
         color:#fff;
         border-bottom:1px solid rgba(255,255,255,.08);
         backdrop-filter: blur(8px);
         }
         .topbarbg a{
         color:#fff;
         transition:.35s ease;
         }
         .topbarbg a:hover{
         color:#ffd39a;
         }
         .social-icon{
         width:34px;
         height:34px;
         border-radius:50%;
         display:flex;
         align-items:center;
         justify-content:center;
         background:rgba(255,255,255,.08);
         transition:.35s;
         }
         .social-icon:hover{
         transform:translateY(-3px);
         background:#b88455;
         color:#fff !important;
         box-shadow:0 8px 20px rgba(184,132,85,.45);
         }
         .whatsapp-btn{
         background:#25D366;
         color:#fff;
         padding:7px 16px;
         border-radius:999px;
         font-weight:600;
         transition:.35s;
         }
         .whatsapp-btn:hover{
         background:#1fa955;
         transform:translateY(-2px);
         color:#fff;
         }
         .topbar-divider{
         width:1px;
         height:18px;
         background:rgba(255,255,255,.15);
         }
         /*======================================
         Premium Header
         ======================================*/
         #main-header{
         transition:.4s ease;
         }
         .header-scrolled{
         background:rgba(11,17,30,.97);
         box-shadow:0 12px 35px rgba(0,0,0,.30);
         }
         .header-logo{
         height:72px;
         width:auto;
         transition:.35s;
         }
         .header-logo:hover{
         transform:scale(1.05);
         }
         .nav-link{
         position:relative;
         color:#fff;
         font-weight:600;
         transition:.35s;
         }
         .nav-link:hover{
         color:#ffd39a;
         }
         .nav-link::after{
         content:"";
         position:absolute;
         left:0;
         bottom:-10px;
         width:0;
         height:2px;
         background:#b88455;
         transition:.35s;
         }
         .nav-link:hover::after,
         .nav-link.active::after{
         width:100%;
         }
         .nav-link.active{
         color:#ffd39a;
         }
         .header-btn{
         display:inline-flex;
         align-items:center;
         justify-content:center;
         padding:12px 26px;
         border-radius:999px;
         font-weight:700;
         color:#fff;
         background:linear-gradient(135deg,#b88455,#d3a373);
         transition:.35s;
         box-shadow:0 10px 25px rgba(184,132,85,.35);
         }
         .header-btn:hover{
         transform:translateY(-3px);
         color:#fff;
         box-shadow:0 16px 35px rgba(184,132,85,.45);
         }
         .mobile-link{
         color:#fff;
         font-weight:600;
         padding:14px 0;
         border-bottom:1px solid rgba(255,255,255,.08);
         transition:.35s;
         }
         .mobile-link:hover{
         color:#ffd39a;
         padding-left:10px;
         }
         @media(max-width:991px){
         .header-logo{
         height:60px;
         }
         }
         .hero-swiper{
         position:relative;
         }
         .hero-swiper img{
         width:100%;
         }
         @media(max-width:1024px){
         .hero-swiper img{
         width: 100%;
         height: auto;
         }
         }
         @media(max-width:768px){
         .hero-swiper img{
         width: 100%;
         height: auto;
         }
         }
         @media(max-width:576px){
         .hero-swiper img{
         width: 100%;
         height: auto;
         }
         }
         .hero-swiper::before{
         content:"";
         position:absolute;
         inset:0;
         z-index:2;
         }
         .swiper-wrapper{
         position:relative;
         z-index:1;
         }
         .swiper-pagination-bullet{
         width:12px;
         height:12px;
         background:#ffffff;
         opacity:.5;
         transition:.3s;
         }
         .swiper-pagination-bullet-active{
         width:34px;
         border-radius:20px;
         background:#b88455;
         opacity:1;
         }