/* ================= GLOBAL ================= */
         body{
         background:#0c2033;
         color:#fff;
         font-family:Arial, Helvetica, sans-serif;
         scroll-behavior:smooth;
         padding-top:80px;
         }
         .gold{color:#D4AF37}
         /* ================= HEADER ================= */
         header{
         position:fixed;
         top:0;
         width:100%;
         background:#fff;
         z-index:1000;
         box-shadow:0 2px 8px rgba(0,0,0,.08);
         height: 80px;	
         }
         .logo-left img{height:60px}
         .logo-right img{height:70px;margin-top:-25px}
         /* ================= STICKY NAV ================= */
         #stickyNav{
         position:fixed;
         top:0;
         left:0;
         width:100%;
         display:flex;
         justify-content:center;
         padding:12px 0;
         background:rgba(11,28,45,.85);
         backdrop-filter:blur(10px);
         opacity:0;
         pointer-events:none;
         transition:.3s;
         z-INDEX:111;	
         }
         #stickyNav.show{
         opacity:1;
         pointer-events:auto;
         }
         .nav-pill{
         background:rgba(255,255,255,.1);
         border-radius:50px;
         padding:8px 12px;
         }
         .nav-pill a{
         color:#fff;
         text-decoration:none;
         padding:8px 18px;
         border-radius:30px;
         transition:.25s;
         font-size:14px;
         }
         .nav-pill a:hover{
         background:#D4AF37;
         color:#000;
         }
         /* ================= HERO ================= */
         /* youtube iframe same like video */
         #heroVideo{
         width:100%;
         height:auto;
         aspect-ratio:16/9;
         display:block;
         }
         .hero{
         position:relative;
         width:100%;
         background:#000;
         overflow:hidden;
         }
         /* thumbnail & video */
         #thumbnail,
         #heroVideo{
         width:100%;
         height:auto;      /* 🔥 important */
         display:block;
         }
         /* image */
         #thumbnail img{
         width:100%;
         height:auto;      /* 🔥 remove stretch */
         object-fit:contain;
         display:block;
         }
         /* video */
         #heroVideo{
         width:100%;
         height:auto;      /* 🔥 remove stretch */
         object-fit:contain;
         display:block;
         }
         /* overlay */
         .overlay{
         position:absolute;
         inset:0;
         background:rgba(0,0,0,0.35);
         }
         /* play button */
         .play-btn{
         background:rgba(0,0,0,0.65);
         border:none;
         border-radius:50%;
         padding:18px;
         cursor:pointer;
         transition:.3s;
         }
         .play-btn:hover{
         transform:scale(1.1);
         }
         /* ================= PLAY BUTTON ================= */
         .play-btn{
         width:120px;
         height:120px;
         border-radius:50%;
         background: linear-gradient(135deg, #d4af370f, #b9922e);
         border:none;
         display:flex;
         align-items:center;
         justify-content:center;
         cursor:pointer;
         position:relative;
         box-shadow:0 0 40px rgba(212,175,55,.8);
         transition:.3s;
         }
         .play-btn:hover{
         transform:scale(1.1);
         }
         /* glow ring */
         .play-btn::after{
         content:'';
         position:absolute;
         inset:-8px;
         border-radius:50%;
         border:3px solid rgba(212,175,55,.6);
         animation:pulse 1.5s infinite;
         }
         @keyframes pulse{
         0%{transform:scale(1);opacity:1}
         100%{transform:scale(1.4);opacity:0}
         }
         /* ================= FOOTER ================= */
         footer{
         background:#000;
         padding:25px 0;
         color:#aaa;
         }
         /* ================= DETAILS SECTION ================= */
         .details-section{
         min-height:100vh;
         background:linear-gradient(135deg,#0b1c2d,#0e243a,#07121d);
         overflow:hidden;
         }
         /* heading */
         .letter-space{letter-spacing:2px}
         /* logo glow */
         .logo-wrap{display:inline-block}
         .series-logo{
         height:86px;
         position:relative;
         z-index:2;
         filter:drop-shadow(0 6px 18px rgba(212,175,55,.45));
         }
         .logo-glow{
         position:absolute;
         inset:0;
         background:#D4AF37;
         opacity:.4;
         filter:blur(40px);
         border-radius:50%;
         z-index:1;
         }
         /* sticky menu */
         .sticky-menu{
         position:sticky;
         top:0;
         z-index:50;
         padding:10px 0;
         backdrop-filter:blur(10px);
         }
         /* model tabs */
         .modelTab{
         background:rgba(255,255,255,.1);
         border:none;
         color:white;
         transition:.3s;
         }
         .modelTab:hover{
         background:rgba(255,255,255,.2);
         }
         .activeTab{
         background:#D4AF37 !important;
         color:#000 !important;
         }
         /* image */
         .model-img{
         width:95%;
         max-width:1100px;
         transition:.4s;
         }
         /* buttons */
         .gold-cta-group{
         display:flex;
         justify-content:center;
         gap:20px;
         flex-wrap:wrap;
         }
         .gold-cta-btn{
         min-width: 130px;
         padding: 6px 13px;
         text-align: center;
         font-weight: 600;
         font-size: 12px;
         text-transform: uppercase;
         border-radius: 40px;
         border: 2px solid #D4AF37;
         background: #000;
         color: #D4AF37;
         text-decoration: none;
         transition: .3s;
         }
         .gold-cta-btn:hover{
         transform:translateY(-3px);
         }
         .gold-cta-btn.primary{
         background:linear-gradient(135deg,#D4AF37,#F4E5B2);
         color:#000;
         }
         /* ================= FEATURES ================= */
         .features-section{
         padding:90px 0;
         background:#0e2237;
         overflow:hidden;
         }
         /* headings */
         .main-heading{
         color:#D4AF37;
         font-size:14px;
         text-transform:uppercase;
         letter-spacing:2px;
         }
         .sub-headings{
         font-size:42px;
         font-weight:800;
         text-transform:uppercase;
         margin-bottom:40px;
         }
         /* slider */
         .slider-wrapper{
         position:relative;
         }
         .slider-track{
         gap:24px;
         transition:transform .5s ease;
         }
         /* slide */
         .slide{
         position:relative;
         border-radius:14px;
         overflow:hidden;
         flex:0 0 calc(33.333% - 16px);
         height:420px;
         }
         .slide video{
         width:100%;
         height:100%;
         object-fit:cover;
         }
         .slide-overlay{
         position:absolute;
         inset:0;
         background:linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.4), transparent);
         }
         .slide-text{
         position:absolute;
         bottom:0;
         padding:20px;
         color:white;
         }
         .slide-text h5{
         color:#D4AF37;
         font-weight:700;
         }
         /* arrows */
         .slider-btn{
         position:absolute;
         top:50%;
         transform:translateY(-50%);
         width:46px;
         height:46px;
         border-radius:50%;
         border:none;
         cursor:pointer;
         font-size:20px;
         z-index:5;
         }
         .prev{
         left:10px;
         background:rgba(120,120,120,.7);
         color:#fff;
         }
         .next{
         right:10px;
         background:#fff;
         color:#000;
         }
         /* ================= PRODUCT SHOWCASE ================= */
         .product-showcase{
         padding:90px 0;
         background:linear-gradient(to bottom, #0e2237, #0e2135);
         text-align:center;
         }
         .showcase-title{
         font-size:34px;
         font-weight:800;
         color:#D4AF37;
         }
         .showcase-img{
         max-width:900px;
         width:100%;
         margin:30px auto;
         display:block;
         }
         /* gold button */
         .gold-btn{
         background:#D4AF37;
         color:#000;
         padding:14px 28px;
         font-weight:700;
         border:none;
         border-radius:30px;
         cursor:pointer;
         transition:.3s;
         }
         .gold-btn:hover{
         transform:translateY(-3px);
         box-shadow:0 10px 25px rgba(212,175,55,.4);
         }
         /* ================= FAQ ================= */
         .faq-section{
         padding:90px 0;
         background:#0e2135;
         }
         .faq-title{
         font-size:34px;
         font-weight:800;
         color:#D4AF37;
         }
         /* accordion style */
         .accordion-item{
         background:#1a1a1a;
         border:1px solid #2b2b2b;
         margin-bottom:12px;
         border-radius:10px;
         overflow:hidden;
         }
         .accordion-button{
         background:#1a1a1a;
         color:#fff;
         font-weight:600;
         }
         .accordion-button:not(.collapsed){
         background:#D4AF37;
         color:#000;
         }
         .accordion-body{
     background: #151515;
    color: #fff;
    font-family: sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
			 
			 
         }
         .accordion-button:focus{
         box-shadow:none;
         }
         .specRow {
         display: flex;
         align-items: center;
         border-radius: 14px;
         overflow: hidden;
         background: #1f1f1f;
         transition: .3s;
         margin-bottom: 6px;
         }
         .specValue {
         flex: 1;
         padding: 14px 20px;
         color: #e5e5e5;
         font-size: 13px;
         }
         .specTab {
         padding: 10px 24px;
         border-radius: 30px;
         background: rgba(255,255,255,0.1);
         color: #fff;
         font-weight: 600;
         cursor: pointer;
         transition: .3s;
         }
         /* 🔥 default active = blue */
         .specTab.active {
         background: #D4AF37;
         color: #fff;
         }
         /* 🔥 ONLY first tab (gold55tt) stays gold */
         .specTab.gold55tt.active {
         background:#98cede;
         color: #000;
         }
         /* hide content by default */
         .specContent.hidden {
         display: none;
         }
         #specs {
         /* max-width: 900px;*/
         margin: 0 auto;
         padding: 40px 20px;
         background:#0e2237;
         color: #fff;
         font-family: Arial, sans-serif;
         }
         .accordion-label {
         text-align: center;
         margin-bottom: 40px;
         }
         .accordion-label h3 {
         font-size: 28px;
         margin-bottom: 5px;
         }
         .accordion-label h2 {
         font-size: 20px;
         color: #ccc;
         }
         .tabs {
         display: flex;
         justify-content: center;
         gap: 20px;
         margin-bottom: 30px;
         }
         .specContent.hidden {
         display: none;
         }
         .specRow {
         display: flex;
         align-items: center;
         border-radius: 14px;
         overflow: hidden;
         background: #1f1f1f;
         margin-bottom: 6px;
         }
         .specLabel {
         background: #D4AF37;
         color: #000;
         font-weight: 700;
         padding: 14px 18px;
         min-width: 160px;
         text-align: left;
         font-size: 14px;	
         }
         .specContent {
         width: 80%;
         margin: 0 auto;
         }	
         /* SECTION */
         .reviews-section {
         padding: 80px 20px;
         background: #0c2033;
         color: #fff;
         overflow: hidden;
         }
         /* TITLE */
         .section-title {
         text-align: center;
         font-size: 32px;
         font-weight: bold;
         color: #D4AF37;
         margin-bottom: 50px;
         }
         /* WRAPPER */
         .slider-wrapper {
         max-width: 1100px;
         margin: auto;
         position: relative;
         overflow: hidden;
         }
         /* TRACK */
         .slider-track {
         display: flex;
         transition: transform 0.5s ease;
         }
         /* ITEMS */
         .reviewItem {
         flex: 0 0 100%;
         padding: 10px;
         }
         .reviewItem iframe {
         width: 100%;
         height: 240px;
         border-radius: 12px;
         border: none;
         }
         /* NAV BUTTONS */
         .nav-btn {
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         width: 45px;
         height: 45px;
         border-radius: 50%;
         border: none;
         background: #444;
         color: #fff;
         font-size: 20px;
         cursor: pointer;
         }
         .prev { left: 10px; }
         .next { right: 10px; }
         .nav-btn:hover {
         background: #D4AF37;
         }
         /* DOTS */
         .dots {
         display: flex;
         justify-content: center;
         gap: 8px;
         margin-top: 25px;
         }
         .dot {
         width: 10px;
         height: 10px;
         background: #555;
         border-radius: 50%;
         cursor: pointer;
         transition: 0.3s;
         }
         .dot.active {
         background: #D4AF37;
         }
         /* SECTION LAYOUT */
         .book-section {
         display: grid;
         grid-template-columns: 1fr 1fr;
         min-height: 520px;
         }
         /* IMAGE SIDE */
         .book-image img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
         }
         /* FORM SIDE */
         .book-form {
         background: #1a1a1a;
         display: flex;
         align-items: center;
         padding: 40px;
         }
         /* FORM BOX CENTER */
         .form-box {
         width: 100%;
         max-width: 400px;
         margin: auto;
         }
         /* TITLE */
         .form-title {
         text-align: center;
         font-size: 24px;
         font-weight: bold;
         color: #D4AF37;
         margin-bottom: 25px;
         }
         /* INPUTS + SELECT */
         .book-form input,
         .book-form select {
         width: 100%;
         padding: 12px;
         margin-bottom:8px;
         border-radius: 6px;
         border: 1px solid #444;
         background: #000;
         color: #fff;
         outline: none;
         font-size: 14px;
         }
         .book-form input:focus,
         .book-form select:focus {
         border-color: #D4AF37;
         }
         /* BUTTON */
         .book-form button {
         width: 100%;
         padding: 12px;
         border-radius: 6px;
         background: #D4AF37;
         color: #000;
         font-weight: bold;
         cursor: pointer;
         border: none;
         transition: 0.3s;
         }
         .book-form button:hover {
         transform: scale(1.05);
         }
         /* SECTION */
         .features-section {
         padding: 80px 20px;
         background: #0c2033;
         }
         /* TITLE */
         .section-title {
         text-align: center;
         font-size: 32px;
         font-weight: bold;
         color: #D4AF37;
         margin-bottom: 50px;
         }
         /* GRID */
         .features-grid {
         max-width: 1100px;
         margin: auto;
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 25px;
         }
         /* CARD */
         .feature-card {
         background: #222;
         border-radius: 14px;
         overflow: hidden;
         transition: 0.3s;
         }
         .feature-card:hover {
         transform: translateY(-6px);
         }
         /* IMAGE */
         .feature-card img {
         width: 100%;
         display: block;
         }
         /* CONTENT */
         .card-content {
         padding: 18px;
         }
         .card-content h4 {
         color: #D4AF37;
         margin-bottom: 10px;
         font-size: 16px;
         }
         .card-content p {
         color: #bbb;
         font-size: 14px;
         line-height: 1.5;
         }
         #stickyNav {
         position: fixed;
         top: 0;
         width: 100%;
         z-index: 1000;
         background: #111;
         padding: 10px 0;
         }
         /* pill layout */
         .nav-pill {
         display: flex;
         justify-content: center;
         flex-wrap: nowrap;
         overflow-x: auto;
         scrollbar-width: none;
         }
         .nav-pill::-webkit-scrollbar {
         display: none;
         }
         .nav-pill a {
         padding: 8px 16px;
         border-radius: 30px;
         color: #fff;
         text-decoration: none;
         white-space: nowrap;
         transition: 0.3s;
         }
         /* active gold */
         .nav-pill a.active {
         background: #D4AF37;
         color: #000;
         font-weight: 600;
         }
         /* wrapper must be relative */
         .image-wrapper{
         position: relative;
         display: inline-block;
         }
         /* hotspot container */
         .image-hotspots{
         position:absolute;
         top:0;
         left:0;
         width:100%;
         height:100%;
         z-index:5;
         pointer-events:auto;
         }
         /* red blinking dot */
         .hotspot{
         position:absolute;
         width:16px;
         height:16px;
         background:red;
         border-radius:50%;
         cursor:pointer;
         pointer-events:auto;
         animation:pulse 1.2s infinite;
         }
         /* blinking animation */
         @keyframes pulse{
         0%{box-shadow:0 0 0 0 rgba(255,0,0,.7)}
         70%{box-shadow:0 0 0 12px rgba(255,0,0,0)}
         100%{box-shadow:0 0 0 0 rgba(255,0,0,0)}
         }
         /* ================= TOOLTIP FINAL ================= */
         /* ===== Reverse L Tooltip ===== */
         .hotspot-tooltip{
         position:absolute;
         bottom:8px;   /* dot ke upar start */
         left:8px;
         z-index:50;
         }
         /* vertical line (upwards) */
         .hotspot-tooltip .vline{
         position:absolute;
         bottom:0;
         left:0;
         width:2px;
         height:60px;
         background:#f5d77b;
         }
         /* horizontal line (top side) */
         .hotspot-tooltip .hline{
         position:absolute;
         bottom:60px;
         left:0;
         height:2px;
         width:70px;
         background:#f5d77b;
         }
         /* box */
         .hotspot-tooltip .box{
         position:absolute;
         bottom:50px;
         left:70px;
         background:linear-gradient(45deg,#caa84b,#f5d77b);
         color:#000;
         padding:8px 14px;
         font-size:13px;
         border-radius:6px;
         white-space:nowrap;
         box-shadow:0 6px 18px rgba(0,0,0,.35);
         animation:fadeIn .25s ease;
         }
         @keyframes fadeIn{
         from{opacity:0; transform:translateX(-5px)}
         to{opacity:1; transform:translateX(0)}
         }
         /* ================= RESPONSIVE ================= */
         @media(max-width:768px){
         .play-btn{
         width:85px;
         height:85px;
         }
         .nav-pill{
         flex-wrap:wrap;
         }
         .series-logo{height:56px}
         .model-img{width:100%}
         .slide{
         flex:0 0 calc(50% - 12px);
         height:360px;
         }
         .showcase-title{
         font-size:24px;
         }
         .gold-btn{
         width:100%;
         max-width:280px;
         } 
         .faq-title{
         font-size:24px;
         }
         .reviewItem {
         flex: 0 0 50%;
         }
         .book-section {
         grid-template-columns: 1fr;
         }
         .book-image {
         height: 300px;
         } 
         .specTab {
         font-size: 15px;
         }
         /* ===== Mobile ===== */
         .hero{
         aspect-ratio:16/9;
         max-height:none;
         }
         /* ===== Mobile Adjustments ===== */
         .book-now-btn{
         padding: 14px 6px;
         font-size: 12px;
         }
         }
         /* mobile */
         @media(max-width:640px){
         .specRow{
         display:flex;
         flex-direction:row;   /* inline */
         align-items:center;
         }
         .specLabel{
         min-width:120px;      /* thoda chhota for mobile */
         padding:10px;
         font-size: 12px;  
         }
         .specValue{
         padding:10px;
         font-size:10px;
         }
         .slide{
         flex:0 0 100%;
         max-width:100%;
         }
         .sub-headings{
         font-size:28px;
         }  
         .slide{
         flex:0 0 100%;
         height:358px;          /* fixed height */
         position:relative;
         overflow:hidden;
         background:#000;       /* black bg for empty space */
         }
         .slide video{
         width:100%;
         height:100%;
         object-fit:contain;    /* full video visible */
         object-position:center;
         display:block;
         }	
         }
         /* DESKTOP */
         @media (min-width: 1024px) {
         .reviewItem {
         flex: 0 0 33.33%;
         }
         }
         /* RESPONSIVE */
         @media (max-width: 992px) {
         .features-grid {
         grid-template-columns: repeat(2, 1fr);
         }
         }
         @media (max-width: 600px) {
         .features-grid {
         grid-template-columns: 1fr;
         }
         }		
         /* ===== Floating Vertical Button ===== */
         .book-now-btn{
         position: fixed;
         right: 0;
         top: 50%;
         transform: translateY(-50%);
         background: #f5b400; /* gold color */
         color: #000;
         padding: 9px 2px;
         text-decoration: none;
         font-weight: 700;
         letter-spacing: 2px;
         border-radius: 8px 0 0 8px;
         box-shadow: 0 4px 12px rgba(0,0,0,0.3);
         z-index: 9999;
         font-size: 12px;	
         transition: 0.3s;
         }
         /* vertical text */
         .book-now-btn span{
         writing-mode: vertical-rl;
         transform: rotate(180deg);
         }
         /* hover effect */
         .book-now-btn:hover{
         background:#d4af37;
         right: 4px;
         }
         /* Desktop hide */
         #topsliderpointer{
         display:none;
         }
         /* ================= MOBILE ONLY ================= */
         @media (max-width:768px){
         #topsliderpointer{
         display:block;
         overflow:hidden;
         background:#0c2033; /* dark bg */
         }
         /* track */
         .top-track{
         display:flex;
         overflow-x:auto;
         scroll-snap-type:x mandatory;
         -webkit-overflow-scrolling:touch;
         scrollbar-width:none;
         }
         .top-track::-webkit-scrollbar{
         display:none;
         }
         /* slide */
         .top-slide{
         min-width:100%;
         position:relative;
         padding:14px 20px;
         background:#132b45; /* dark premium */
         display:flex;
         align-items:center;
         scroll-snap-align:start;
         border-radius:6px;
         margin:6px;
         }
         /* LEFT gradient strip */
         .top-slide::before{
         content:'';
         position:absolute;
         left:0;
         top:0;
         width:5%;
         height:100%;
         background: linear-gradient(-150deg, #fbba00 40%, #1E4A99 20%);
         }
         /* RIGHT gradient strip */
         .top-slide::after{
         content:'';
         position:absolute;
         right:0;
         top:0;
         width:5%;
         height:100%;
         background: linear-gradient(150deg, #fbba00 40%, #1E4A99 20%);
         }
         /* text */
         .content{
         width:100%;
         text-align:center;
         padding:0 10px;
         }
         /* heading bold black */
         .content h4{
         font-size:15px;
         font-weight:800;
         color:#000;
         background:#fbba00; /* gold label feel */
         display:inline-block;
         padding:4px 10px;
         border-radius:4px;
         margin-bottom:4px;
         }
         /* sub text */
         .content p{
         font-size:12px;
         color:#ddd;
         margin:0;
         }
         .hotspot-tooltip{
         bottom:8px;
         left:50%;
         transform:translateX(-50%);
         }
         /* hide horizontal line */
         .hotspot-tooltip .hline{
         display:none;
         }
         /* vertical line bigger */
         .hotspot-tooltip .vline{
         height:40px;
         left:50%;
         transform:translateX(-50%);
         }
         /* box open straight top */
         .hotspot-tooltip .box{
         bottom:45px;
         left:50%;
         transform:translateX(-50%);
         white-space:normal;
         max-width:160px;
         text-align:center;
         }
         .goldintroducing {
         text-align: center;
         }	
         }
         div#content-gold55 .specLabel {
         background: #98cede!important;
         }	
         button.modelTab.px-4.py-2.rounded-pill.fw-semibold.gold55tt.activeTab {
         background: #98cede !important;
         }	
         span.error {
         color: #ec0c0c;
         font-size: 12px;
         }
         /* default = desktop */
         .desktopbanner{
         display:block;
         width:100%;
         }
         .mobilebanner{
         display:none;
         width:100%;
         }
         /* mobile only */
         @media(max-width:768px){
         img.desktopbaner {
         display: none!important;
         }
         .mobilebanner{
         display:block;
         }
         }