/* T-Series style theme: white + red + black, horizontal carousels */
:root{--ink:#111;--ink2:#1c1c1c;--ivory:#f4f4f4;--paper:#fff;--gold:#e39ab0;--gold2:#e8a3b5;--serif:'Roboto',Arial,sans-serif;--sans:'Roboto',Arial,sans-serif}
body{background:#f4f4f4;color:#222}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.01em}
.topbar{background:#000;color:#ddd}
header{position:sticky;top:0;background:#111;border-bottom:3px solid var(--gold);box-shadow:0 2px 12px #0004}
header.scrolled{background:#111;backdrop-filter:none}
.nav{height:64px}
.nav-links a{text-transform:uppercase;font-weight:700;font-size:.82rem;letter-spacing:.05em}
.nav-links a:hover{color:var(--gold)}
.brand-mark{background:var(--gold);border:0;color:#fff;border-radius:4px}
.brand-mark span{color:#fff}
.btn{background:var(--gold);border-color:var(--gold);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:3px}
.btn:hover{background:#e8a3b5;color:#fff}
.btn.outline{background:transparent;border-color:#fff;color:#fff}
.btn.outline:hover{background:#fff;color:#111}
.hero{min-height:68vh;padding:70px 0 60px;background-image:linear-gradient(90deg,#000d 0%,#0006 60%,#0002 100%),var(--hero-img);background-size:cover;background-position:center}
.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);text-transform:uppercase}
.hero h1 em{color:var(--gold);font-style:normal}
.trust-strip{background:#fff;border-bottom:1px solid #e3e3e3}
.trust-item strong{color:var(--gold)}
.section{padding:48px 0;background:#f4f4f4}
.section[style]{background:#fff!important}
.section.dark,.cta-band{background:#111!important;color:#fff}
.section-head{margin-bottom:22px;max-width:none}
.section-head h2{font-size:1.5rem;text-transform:uppercase;border-left:5px solid var(--gold);padding-left:12px;margin:6px 0 8px}
.section-head.center{text-align:left;margin-left:0}
.section-head p{color:#666}
.eyebrow{color:var(--gold)}
/* carousels */
#serviceGrid,#galleryGrid,#blogGrid,#packagesGrid,#whyGrid{display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:thin;scrollbar-color:var(--gold) #ddd}
#serviceGrid>*,#blogGrid>*,#packagesGrid>*,#whyGrid>*{flex:0 0 290px;scroll-snap-align:start;margin:0!important}
#galleryGrid>*{flex:0 0 230px;height:290px;scroll-snap-align:start;margin:0!important;border-radius:4px;overflow:hidden}
#galleryGrid img{width:100%;height:100%;object-fit:cover}
.service-card,.blog-card,.package,.why-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 10px #0001;border-bottom:3px solid transparent;transition:.2s;color:#222}
.service-card:hover,.blog-card:hover,.package:hover,.why-card:hover{border-bottom-color:var(--gold);transform:translateY(-4px)}
.section.dark .why-card,.section.dark .package{background:#1c1c1c;color:#fff}
.service-card img,.blog-card img{aspect-ratio:16/10;width:100%;object-fit:cover}
.filter-btn{border-radius:20px;text-transform:uppercase;font-size:.75rem;font-weight:700}
.filter-btn.active{background:var(--gold);border-color:var(--gold);color:#fff}
.package.popular{outline:2px solid var(--gold)}
.faq{background:#fff;border-left:4px solid var(--gold)}
.footer{background:#000;color:#bbb;border-top:3px solid var(--gold)}
.cm-arrows{display:flex;gap:8px;justify-content:flex-end;margin:-40px 0 10px}
.cm-arrows button{width:34px;height:34px;border:0;background:#111;color:#fff;border-radius:50%;font-size:1.1rem}
.cm-arrows button:hover{background:var(--gold)}
@media(max-width:700px){.cm-arrows{display:none}.hero{min-height:56vh}}
/* Latest Videos: big player + thumbnail list */
.vid-sec{padding-top:36px}
.vid-box{display:grid;grid-template-columns:1fr 190px;gap:14px;background:#fff;border:1px solid #ddd;padding:14px;box-shadow:0 2px 8px #0002}
.vid-main{position:relative;aspect-ratio:16/9;background:#000}
.vid-main iframe,.vid-main>div{position:absolute;inset:0;width:100%;height:100%}
.vid-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:100%;padding-right:4px;scrollbar-width:thin;scrollbar-color:#999 #eee}
.vid-box{align-items:stretch}.vid-list{position:relative;min-height:0}
.vid-th{display:block;padding:0;border:3px solid transparent;background:#000;flex:0 0 auto;position:relative}
.vid-th img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vid-th span{display:block;color:#fff;font-size:.68rem;line-height:1.25;padding:4px 5px;text-align:left;background:#111;max-height:2.9em;overflow:hidden}
.vid-th.on{border-color:var(--gold)}
@media(max-width:800px){.vid-box{grid-template-columns:1fr}.vid-list{flex-direction:row;overflow-x:auto;overflow-y:hidden}.vid-th{flex:0 0 150px}}
.brand-mark{background:none!important;border:0!important;padding:0;width:44px;height:44px;overflow:hidden}
.brand-mark img{width:100%;height:100%;display:block}
.brand-text strong{letter-spacing:.04em}
/* hero reel (vertical video) */
.hero-content.has-reel{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:56px;align-items:center}
.hero-content.has-reel>*{grid-column:1}
.hero-content.has-reel>.hero-reel{grid-column:2;grid-row:1/8}
.hero-reel{display:none}.has-reel .hero-reel{display:block}
.reel-frame{position:relative;width:100%;aspect-ratio:9/16;max-height:70vh;margin:auto;border-radius:22px;overflow:hidden;background:#000;border:3px solid var(--gold);box-shadow:0 0 0 6px #e39ab033,0 24px 60px #000a}
.reel-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:820px){.hero-content.has-reel{grid-template-columns:1fr}.hero-content.has-reel>.hero-reel{grid-column:1;grid-row:auto;margin-top:26px;max-width:260px}.hero{height:auto;max-height:none}}
/* header fixes */
.brand{min-width:0;flex-shrink:0}.brand-text strong{white-space:nowrap;font-size:.95rem}.brand-text small{white-space:nowrap}
.nav-links .mobile-quote{display:none}
@media(max-width:1050px){.nav-links .mobile-quote{display:block}.nav>.quote{display:none}}
/* hero background video playlist */
.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:#000}
.hero-bg iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78svh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0}
.hero.has-video::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#000d 0%,#0007 55%,#0003 100%),linear-gradient(0deg,#000a 0%,transparent 35%)}
.hero-sound{position:absolute;right:22px;bottom:26px;z-index:3;width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:#0009;color:#fff;font-size:1.2rem}
.hero-sound:hover{background:var(--gold);border-color:var(--gold)}
.brand-mark{width:52px;height:52px;overflow:visible}
.brand-mark img{border-radius:50%;filter:drop-shadow(0 3px 8px #e39ab088)}
/* uploaded (file) videos */
.hero-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.hero-bg #heroYTW{position:absolute;inset:0}
.vid-main video{position:absolute;inset:0;width:100%;height:100%;background:#000;display:none}
.vid-fake{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#222,#000);color:#fff;font-size:1.6rem}
/* ===== Premium polish ===== */
:root{--g:#ecaebd}
::selection{background:var(--gold);color:#fff}
.brand-mark{width:56px;height:56px}
.dark .eyebrow,.hero .eyebrow{color:var(--g)}
.hero h1 em{background:linear-gradient(90deg,#f6cdd6,#ecaebd 55%,#ff6a80);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-content>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero-content>*:nth-child(2){animation-delay:.12s}.hero-content>*:nth-child(3){animation-delay:.24s}.hero-content>*:nth-child(4){animation-delay:.36s}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-content>*{animation:none}}
.trust-strip{background:#111;color:#fff;border-bottom:3px solid var(--gold)}
.trust-item strong{color:var(--g);font-size:2.1rem;font-weight:900}
.trust-item span{color:#d8d8d8;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.section-head h2::after{content:"";display:block;width:64px;height:3px;margin-top:10px;background:linear-gradient(90deg,var(--gold),var(--g))}
.btn{box-shadow:0 8px 20px #e39ab055}
.btn:hover{box-shadow:0 12px 28px #e39ab088}
.service-card,.blog-card,.package,.why-card,.faq{box-shadow:0 6px 22px #0000001a}
.service-card img,.blog-card img,#galleryGrid img{transition:transform .6s}
.service-card:hover img,.blog-card:hover img,#galleryGrid>*:hover img{transform:scale(1.08)}
.package .price{color:var(--gold);font-weight:900}
.popular-label{background:var(--gold);color:#fff;font-weight:700}
.why-card .symbol{color:var(--g)}
.quote-mark{color:var(--g)}
.cta-band{background:linear-gradient(135deg,#e39ab0,#8a2a45)!important}
.cta-band .btn{background:#fff;color:#111;border-color:#fff;box-shadow:none}
.footer h4{color:var(--g)}
.footer a:hover{color:var(--g)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.hero-sound{box-shadow:0 0 0 5px #ffffff22}
/* ===== Shorts / vertical videos ===== */
.hero-bg.short::before{content:"";position:absolute;inset:-40px;background:var(--bgimg) center/cover no-repeat;filter:blur(30px) brightness(.5);transform:scale(1.1)}
.hero-bg.short #heroYTW,.hero-bg.short video{inset:auto;top:50%;right:9%;left:auto;width:auto;height:min(84%,680px);aspect-ratio:9/16;transform:translateY(-50%);border-radius:22px;overflow:hidden;border:3px solid var(--gold);box-shadow:0 0 0 6px #e39ab033,0 24px 60px #000b;background:#000}
.hero-bg.short iframe{inset:0;top:0;left:0;width:100%;height:100%;transform:none}
.hero-bg.short video{object-fit:cover}
.vid-main.short{aspect-ratio:9/16;width:min(100%,360px);max-height:680px;margin:0 auto}
.vid-box:has(.vid-main.short){grid-template-columns:minmax(0,1fr) 190px}
.vid-box:has(.vid-main.short) .vid-main{justify-self:center}
@media(max-width:820px){
 .hero.has-video.short-on{min-height:96svh}
 .hero.short-on .hero-content{padding-bottom:46svh}
 .hero-bg.short #heroYTW,.hero-bg.short video{right:50%;top:auto;bottom:16px;height:42svh;transform:translateX(50%)}
}
/* ===== Blue top (topbar + header) ===== */
.topbar{background:#4a1424;color:#f8dbe2}
.topbar a{color:var(--g)}
header,header.scrolled{background:linear-gradient(90deg,#7a1f38,#a03352);border-bottom:3px solid var(--g);box-shadow:0 4px 18px #7a1f3855}
.nav-links a:hover{color:var(--g)}
.nav-links a.active{color:var(--g)}
@media(max-width:1050px){.nav-links{background:#7a1f38}.menu-toggle{color:#fff}}
/* ===== Blue bottom: contact box, CTA band, footer ===== */
.contact-details{background:linear-gradient(160deg,#7a1f38,#4a1424)!important;color:#fff;border-radius:6px}
.contact-details h3,.contact-details strong{color:#fff}
.contact-details small,.contact-details p{color:#f8dbe2}
.contact-details .eyebrow{color:var(--g)}
.cta-band{background:linear-gradient(135deg,#a03352,#4a1424)!important}
.cta-band .eyebrow{color:var(--g)}
.footer{background:#4a1424;color:#f8dbe2;border-top:3px solid var(--g)}
.footer h4{color:var(--g)}
.footer a:hover{color:var(--g)}
.footer-bottom{border-color:#ffffff26;color:#a9c3f5}
/* ===== Reviews (Kind words) blue ===== */
#testimonials.section.dark{background:linear-gradient(160deg,#7a1f38,#4a1424)!important;color:#fff}
#testimonials .eyebrow,#testimonials .quote-mark{color:var(--g)}
#testimonials .section-head p,#testimonials small{color:#f8dbe2}
#testimonials h2{color:#fff}
html body #testimonials,html body #testimonials.section.dark{background:linear-gradient(160deg,#7a1f38,#4a1424)!important;color:#fff!important}
html body #testimonials .review-meta{color:#f8dbe2}
html body #testimonials .stars{color:var(--g)}
/* ===================== YELLOW THEME ===================== */
:root{--gold:#e39ab0;--gold2:#f0b6c3;--g:#f0b6c3}
body{background:#fff3f5}
.section{background:#fff3f5}.section[style]{background:#fff!important}
.eyebrow{color:#8a2a45}
.dark .eyebrow,.hero .eyebrow{color:#f0b6c3}
.btn{background:var(--gold);border-color:var(--gold);color:#111!important;box-shadow:0 8px 20px #e39ab066}
.btn:hover{background:#f0b6c3;color:#111!important;box-shadow:0 12px 28px #e39ab099}
.btn.outline{background:transparent;color:#fff!important;border-color:#fff}
.btn.outline:hover{background:#fff;color:#111!important}
.topbar{background:#e0a400;color:#3a1220}
.topbar a{color:#111;font-weight:700}
header,header.scrolled{background:linear-gradient(90deg,#e8a3b5,#e39ab0);border-bottom:3px solid #111;box-shadow:0 4px 18px #e39ab066}
.nav-links a,.brand-text strong,.nav-phone,.menu-toggle{color:#111}
.brand-text small{color:#4a1424}
.nav-links a:hover,.nav-links a.active{color:#8a2a45;border-bottom:3px solid #111}
@media(max-width:1050px){.nav-links{background:#e8a3b5}}
.hero h1 em{background:linear-gradient(90deg,#fbdde4,#f0b6c3 55%,#d9788f);-webkit-background-clip:text;background-clip:text;color:transparent}
.trust-item strong{color:#f0b6c3}
.filter-btn.active{color:#111}
.popular-label{color:#111}
.package .price{color:#8a2a45}
.service-card:hover,.blog-card:hover,.package:hover,.why-card:hover{border-bottom-color:var(--gold)}
.contact-details{background:linear-gradient(160deg,#f0b6c3,#e39ab0)!important;color:#2a0b14}
.contact-details h3,.contact-details strong{color:#111}
.contact-details small,.contact-details p{color:#3a2e00}
.contact-details .eyebrow{color:#5a1a2b}
.cta-band{background:linear-gradient(135deg,#f0b6c3,#e39ab0)!important;color:#2a0b14}
.cta-band h2,.cta-band p{color:#111}.cta-band .eyebrow{color:#5a1a2b}
.cta-band .btn{background:#111;color:#f0b6c3!important;border-color:#111}
html body #testimonials,html body #testimonials.section.dark{background:linear-gradient(160deg,#f0b6c3,#e39ab0)!important;color:#2a0b14!important}
html body #testimonials h2,html body #testimonials .testimonial-text,html body #testimonials .review-name{color:#111}
html body #testimonials .eyebrow,html body #testimonials .quote-mark,html body #testimonials .stars{color:#7a5200}
html body #testimonials .review-meta,html body #testimonials .section-head p{color:#4a1424}
.footer{background:#e8a3b5;color:#3a1220;border-top:3px solid #111}
.footer h4{color:#111}
.footer a,.footer p,.footer li,.footer small,.footer strong{color:#3a1220}
.footer a:hover{color:#8a2a45}
.footer-bottom{border-color:#00000033;color:#4a1424}
input:focus,select:focus,textarea:focus{outline-color:#e39ab0}
.hero-yt{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:3;background:var(--gold);color:#111;font-weight:700;padding:12px 22px;border-radius:30px;text-decoration:none}
/* ===== inner pages ===== */
.page-hero{background:linear-gradient(135deg,#111,#2b2100);color:#fff;padding:52px 0 44px;border-bottom:4px solid var(--gold)}
.page-hero h1{font-size:clamp(1.9rem,4.2vw,3rem);text-transform:uppercase;margin:8px 0 10px}
.page-hero p{color:#e6d9a8;max-width:760px;margin:0}
.crumbs{font-size:.85rem;color:#cfcfcf}.crumbs a{color:var(--g)}
.nav-links a.active{color:#8a2a45}
/* single page: header ke neeche section chhupe nahi */
html{scroll-padding-top:0!important}
section[id]{scroll-margin-top:76px}

/* ---- chhota size: hero video + latest videos ---- */
.hero.has-video{min-height:50vh;padding:56px 0 48px}
.hero.has-video.short-on{min-height:78svh}
.hero-bg.short #heroYTW,.hero-bg.short video{height:min(72%,520px)}
.vid-box{max-width:820px;margin-left:auto;margin-right:auto;grid-template-columns:1fr 150px}
.vid-box:has(.vid-main.short){grid-template-columns:minmax(0,1fr) 150px}
.vid-main.short{width:min(100%,260px);max-height:460px}
@media(max-width:800px){.hero.has-video{min-height:42vh}.vid-box{grid-template-columns:1fr}.vid-box:has(.vid-main.short){grid-template-columns:1fr}.vid-th{flex:0 0 120px}}
@media(max-width:820px){.hero.has-video.short-on{min-height:80svh}.hero-bg.short #heroYTW,.hero-bg.short video{height:34svh}}

/* ---- aur chhota + hero text left ---- */
.hero.has-video{height:auto;min-height:36vh;max-height:none;padding:40px 0 36px}
.hero.has-video .hero-content{margin-left:clamp(16px,4vw,56px);margin-right:auto;padding-top:20px;text-align:left}
.hero.has-video h1{font-size:clamp(1.7rem,3.6vw,2.8rem)}
.hero.has-video p{font-size:.95rem}
.hero.has-video .hero-actions{justify-content:flex-start;margin-top:18px}
.hero.has-video.short-on{min-height:62svh}
.hero-bg.short #heroYTW,.hero-bg.short video{height:min(64%,400px)}
.vid-box{max-width:600px;grid-template-columns:1fr 120px;padding:10px;gap:10px}
.vid-box:has(.vid-main.short){grid-template-columns:minmax(0,1fr) 120px}
.vid-main.short{width:min(100%,200px);max-height:360px}
@media(max-width:800px){.hero.has-video{min-height:32vh}.vid-box{grid-template-columns:1fr}.vid-box:has(.vid-main.short){grid-template-columns:1fr}.vid-th{flex:0 0 100px}.hero.has-video .hero-content{margin-left:auto}}
@media(max-width:820px){.hero.has-video.short-on{min-height:70svh}.hero-bg.short #heroYTW,.hero-bg.short video{height:28svh}}

/* ---- WhatsApp button left + contact map ---- */
.float-wa{right:auto;left:22px}
@media(max-width:820px){.float-wa{right:auto;left:15px}}
.contact-map{margin-top:18px;border-radius:12px;overflow:hidden;border:1px solid #ffffff22;aspect-ratio:16/10;background:#222}
.contact-map iframe{width:100%;height:100%;border:0;display:block}

/* ---- hero text hamesha left + WhatsApp button ---- */
.hero .hero-content{margin-left:clamp(16px,4vw,56px);margin-right:auto;text-align:left;width:auto;max-width:640px}
.hero .hero-actions{justify-content:flex-start}
.btn-wa{background:#1fbf69;border-color:#1fbf69;color:#fff}
.btn-wa:hover{background:#17a85a;border-color:#17a85a}
@media(max-width:800px){.hero .hero-content{margin-left:auto;margin-right:auto;width:min(100% - 30px,640px)}.hero .hero-actions .btn{width:auto;flex:1 1 140px}}

/* ---- Call icon (header right) + WhatsApp logo buttons ---- */
.nav-phone{display:inline-flex!important;align-items:center;gap:8px;height:44px;padding:0 16px;border:0!important;border-radius:999px;background:linear-gradient(135deg,#f0b6c3,#f2a900);color:#111!important;font-weight:800;font-size:.9rem;box-shadow:0 4px 14px #f2a90066;margin-left:auto}
.nav-phone svg{width:20px;height:20px;fill:#111}
.nav-phone span{display:inline!important}
.nav-phone:hover{filter:brightness(1.07)}
@media(max-width:820px){.nav-phone{width:46px;height:46px;padding:0;justify-content:center;margin-left:auto;margin-right:8px}.nav-phone span{display:none!important}.nav-phone svg{width:23px;height:23px}}
.float-wa,.btn-wa{border:0;cursor:pointer;padding:0}
.float-wa svg{width:32px;height:32px}
.btn-wa{width:52px;height:52px;border-radius:50%;display:inline-grid;place-items:center;flex:0 0 auto!important}
.btn-wa svg{width:28px;height:28px}
@media(max-width:800px){.hero .hero-actions .btn.btn-wa{width:52px;flex:0 0 52px}}
.wa-pick{position:fixed;left:22px;bottom:96px;z-index:60;background:#fff;color:#111;border-radius:14px;box-shadow:0 14px 40px #0004;padding:12px;display:grid;gap:8px;min-width:240px}
.wa-pick[hidden]{display:none}
.wa-pick strong{font-size:.82rem;color:#555;padding:0 4px}
.wa-pick a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#e8f8ef;color:#0b6b36;font-weight:700}
.wa-pick a:hover{background:#d3f3e0}
.wa-pick svg{width:24px;height:24px;color:#1fbf69;flex:0 0 auto}
@media(max-width:820px){.wa-pick{left:15px;bottom:146px}}

/* ---- WhatsApp float button right me ---- */
.float-wa{left:auto!important;right:22px!important}
@media(max-width:820px){.float-wa{left:auto!important;right:15px!important}}

.vid-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;font-size:1.4rem;background:linear-gradient(135deg,#222,#000);padding:12px;line-height:1.5}
.vid-empty small{display:block;font-size:.72rem;color:#bbb;margin-top:6px}

/* ---- Latest Videos: thoda bada + yellow background ---- */
.vid-sec{background:linear-gradient(160deg,#f6cdd6,#e8a3b5);padding:48px 0}
.vid-sec .section-head h2{color:#111}
.vid-box{max-width:900px;grid-template-columns:1fr 170px;padding:14px;gap:14px;border-color:#00000022;box-shadow:0 10px 30px #7a5a0040}
.vid-box:has(.vid-main.short){grid-template-columns:minmax(0,1fr) 170px}
.vid-main.short{width:min(100%,300px);max-height:520px}
@media(max-width:800px){.vid-sec{padding:36px 0}.vid-box,.vid-box:has(.vid-main.short){grid-template-columns:1fr}.vid-th{flex:0 0 130px}}

/* line jaisi thi waisi; click (active) par sirf drone upar se aata hai */
.nav-links a.active:before{content:"";position:absolute;left:50%;bottom:-24px;width:34px;height:24px;margin-left:-17px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20112'%3E%3Cdefs%3E%3ClinearGradient%20id='b'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23f3c4cf'/%3E%3Cstop%20offset='.55'%20stop-color='%23c97b8d'/%3E%3Cstop%20offset='1'%20stop-color='%238a2f45'/%3E%3C/linearGradient%3E%3CradialGradient%20id='l'%20cx='.35'%20cy='.3'%20r='.8'%3E%3Cstop%20offset='0'%20stop-color='%239fe3ff'/%3E%3Cstop%20offset='.5'%20stop-color='%231f7bff'/%3E%3Cstop%20offset='1'%20stop-color='%2306143a'/%3E%3C/radialGradient%3E%3ClinearGradient%20id='m'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23ff4d6d'/%3E%3Cstop%20offset='1'%20stop-color='%23b3123a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20stroke='%232a2a35'%20stroke-width='6'%20stroke-linecap='round'%3E%3Cline%20x1='58'%20y1='44'%20x2='26'%20y2='32'/%3E%3Cline%20x1='102'%20y1='44'%20x2='134'%20y2='32'/%3E%3C/g%3E%3Crect%20x='19'%20y='26'%20width='14'%20height='12'%20rx='4'%20fill='url(%23m)'/%3E%3Crect%20x='127'%20y='26'%20width='14'%20height='12'%20rx='4'%20fill='url(%23m)'/%3E%3Crect%20x='24'%20y='19'%20width='4'%20height='8'%20fill='%23222'/%3E%3Crect%20x='132'%20y='19'%20width='4'%20height='8'%20fill='%23222'/%3E%3Cellipse%20cx='26'%20cy='18'%20rx='24'%20ry='4'%20fill='%231b1b24'%20fill-opacity='.7'/%3E%3Cellipse%20cx='134'%20cy='18'%20rx='24'%20ry='4'%20fill='%231b1b24'%20fill-opacity='.7'/%3E%3Cg%20stroke='%232a2a35'%20stroke-width='3.5'%20stroke-linecap='round'%20fill='none'%3E%3Cpath%20d='M64%2062%20L52%2080%20H42'/%3E%3Cpath%20d='M96%2062%20L108%2080%20H118'/%3E%3C/g%3E%3Crect%20x='46'%20y='38'%20width='68'%20height='30'%20rx='15'%20fill='url(%23b)'%20stroke='%237a1f00'%20stroke-width='2.5'/%3E%3Cpath%20d='M56%2044%20Q80%2036%20104%2044'%20fill='none'%20stroke='%23fff'%20stroke-opacity='.7'%20stroke-width='3'%20stroke-linecap='round'/%3E%3Ccircle%20cx='55'%20cy='60'%20r='3.5'%20fill='%23ff2a2a'/%3E%3Ccircle%20cx='105'%20cy='60'%20r='3.5'%20fill='%232cff7a'/%3E%3Crect%20x='76'%20y='67'%20width='8'%20height='7'%20fill='%232a2a35'/%3E%3Crect%20x='64'%20y='72'%20width='32'%20height='24'%20rx='7'%20fill='%2317171f'%20stroke='%23444'%20stroke-width='1.5'/%3E%3Ccircle%20cx='80'%20cy='84'%20r='9'%20fill='%23050912'%20stroke='%237fd0ff'%20stroke-width='2'/%3E%3Ccircle%20cx='80'%20cy='84'%20r='6.2'%20fill='url(%23l)'/%3E%3Ccircle%20cx='77.5'%20cy='81.5'%20r='1.8'%20fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));animation:droneHover 1.8s ease-in-out infinite}
@keyframes droneHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:820px){.nav-links a.active:before{left:auto;right:4px;bottom:auto;top:50%;margin:-12px 0 0;width:34px;height:24px}}
@media(prefers-reduced-motion:reduce){.nav-links a.active:before{animation:none}}

/* ===== Gallery click: drone 4 disha me photo leta hai, phir chala jata hai ===== */
.dfly{--hw:80px;position:fixed;left:0;top:0;width:160px;z-index:9999;pointer-events:none;will-change:transform;animation:dflyPath 6.6s ease-in-out forwards;filter:drop-shadow(0 14px 14px rgba(0,0,0,.28))}
.dfly svg{display:block;width:100%;height:auto;overflow:visible}
.dfly .bob{animation:dflyBob .5s ease-in-out infinite alternate}
@keyframes dflyBob{from{transform:translateY(0) rotate(-1.2deg)}to{transform:translateY(-5px) rotate(1.2deg)}}
@keyframes dflyPath{0%{transform:translate(calc(50vw - var(--hw)),112vh) rotate(0deg) scale(0.75);opacity:0}4%{opacity:1}10%{transform:translate(calc(16vw - var(--hw)),50vh) rotate(-9deg) scale(1)}14%,20%{transform:translate(calc(16vw - var(--hw)),50vh) rotate(0deg) scale(1.04)}30%{transform:translate(calc(50vw - var(--hw)),20vh) rotate(-4deg) scale(1)}33%,38%{transform:translate(calc(50vw - var(--hw)),20vh) rotate(0deg) scale(1.04)}50%{transform:translate(calc(84vw - var(--hw)),50vh) rotate(8deg) scale(1)}53%,58%{transform:translate(calc(84vw - var(--hw)),50vh) rotate(0deg) scale(1.04)}70%{transform:translate(calc(50vw - var(--hw)),76vh) rotate(-4deg) scale(1)}73%,78%{transform:translate(calc(50vw - var(--hw)),76vh) rotate(0deg) scale(1.06)}100%{transform:translate(calc(50vw - var(--hw)),-48vh) rotate(5deg) scale(0.8);opacity:1}}
.dfly .rotor{transform-box:fill-box;transform-origin:center;animation:dflyRotor .07s linear infinite alternate}
@keyframes dflyRotor{from{transform:scaleX(1);opacity:.55}to{transform:scaleX(.72);opacity:.8}}
.dfly .led-r{animation:dflyLed .5s steps(1) infinite}
.dfly .led-g{animation:dflyLed .5s steps(1) infinite reverse}
@keyframes dflyLed{0%{opacity:1}50%{opacity:.15}}
.dfly .flash{position:absolute;left:50%;top:78%;width:210px;height:210px;margin:-105px 0 0 -105px;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,.95) 14%,rgba(240,196,207,.55) 38%,rgba(240,196,207,0) 70%);opacity:0;transform:scale(.2);animation:dflyFlash 6.6s linear forwards}
@keyframes dflyFlash{0%{opacity:0;transform:scale(.2)}14.4%{opacity:0;transform:scale(.2)}15%{opacity:1;transform:scale(1)}18%{opacity:0;transform:scale(1.25)}18.1%{opacity:0;transform:scale(.2)}34.4%{opacity:0;transform:scale(.2)}35%{opacity:1;transform:scale(1)}38%{opacity:0;transform:scale(1.25)}38.1%{opacity:0;transform:scale(.2)}54.4%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1)}58%{opacity:0;transform:scale(1.25)}58.1%{opacity:0;transform:scale(.2)}74.4%{opacity:0;transform:scale(.2)}75%{opacity:1;transform:scale(1)}78%{opacity:0;transform:scale(1.25)}78.1%{opacity:0;transform:scale(.2)}100%{opacity:0;transform:scale(.2)}}
.dfly .frame{position:absolute;left:50%;top:104%;width:150px;height:100px;margin-left:-75px;opacity:0;animation:dflyFrame 6.6s linear forwards}
.dfly .frame i{position:absolute;width:22px;height:22px;border:3px solid #f6cdd6}
.dfly .frame i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}
.dfly .frame i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}
.dfly .frame i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}
.dfly .frame i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
@keyframes dflyFrame{0%{opacity:0;transform:scale(1.4)}10%{opacity:0;transform:scale(1.4)}12%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(1)}22%{opacity:0;transform:scale(.9)}29%{opacity:0;transform:scale(1.4)}31%{opacity:1;transform:scale(1)}38%{opacity:1;transform:scale(1)}40%{opacity:0;transform:scale(.9)}49%{opacity:0;transform:scale(1.4)}51%{opacity:1;transform:scale(1)}58%{opacity:1;transform:scale(1)}60%{opacity:0;transform:scale(.9)}69%{opacity:0;transform:scale(1.4)}71%{opacity:1;transform:scale(1)}78%{opacity:1;transform:scale(1)}80%{opacity:0;transform:scale(.9)}100%{opacity:0}}
@media(max-width:820px){.dfly{width:120px;--hw:60px}.dfly .flash{width:160px;height:160px;margin:-80px 0 0 -80px}.dfly .frame{width:110px;height:74px;margin-left:-55px}}
@media(prefers-reduced-motion:reduce){.dfly{display:none}}

/* ===== Photo par click: kiran (light rays) nikalti hain ===== */
.kiran{position:fixed;width:0;height:0;z-index:10001;pointer-events:none}
.kiran:before{content:"";position:absolute;left:-90px;top:-90px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(246,205,214,.6) 35%,rgba(227,154,176,0) 70%);opacity:0;animation:kGlow .9s ease-out forwards}
.kiran b{position:absolute;left:-1.5px;top:0;width:3px;height:var(--l,260px);border-radius:3px;transform-origin:50% 0;background:linear-gradient(#fde8ed,rgba(227,154,176,.85) 40%,rgba(227,154,176,0));opacity:0;animation:kRay .95s ease-out forwards}
@keyframes kRay{0%{opacity:1;transform:rotate(var(--a)) scaleY(.05)}60%{opacity:.9}100%{opacity:0;transform:rotate(var(--a)) scaleY(1)}}
@keyframes kGlow{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(2.2)}}
@media(prefers-reduced-motion:reduce){.kiran{display:none}}

/* ===== Selected stories: auto scroll (right -> left) + beech wali photo bada zoom ===== */
#galleryGrid{position:relative;gap:22px!important;scroll-snap-type:none!important;overflow-x:auto;overflow-y:hidden!important;padding:64px 0!important;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
#galleryGrid::-webkit-scrollbar{display:none}
#galleryGrid>*{scroll-snap-align:none!important;flex:0 0 230px!important;height:290px!important;will-change:transform,opacity;transform-origin:center center;box-shadow:0 10px 28px rgba(0,0,0,.18)}
@media(max-width:560px){
  #galleryGrid{gap:16px!important;padding:46px 0!important}
  #galleryGrid>*{flex:0 0 150px!important;height:210px!important}
}

/* ===== Gallery: neeche se drone sab photos par light dalta hai, charo disha me photo/video leta hai ===== */
.gwrap{position:relative}
.gdr{position:absolute;left:0;right:0;bottom:0;height:0;z-index:40;pointer-events:none}
.gdr-d{--dw:112px;position:absolute;bottom:-14px;left:0;width:var(--dw);animation:gdrMove 18s ease-in-out infinite}
.gdr-d svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 8px 8px rgba(0,0,0,.3))}
.gdr-bob{animation:gdrBob .55s ease-in-out infinite alternate}
@keyframes gdrBob{from{transform:translateY(0)}to{transform:translateY(-6px)}}
@keyframes gdrMove{
 0%{left:calc(8% - var(--dw)/2);transform:rotate(-5deg)}
 12%{left:calc(30% - var(--dw)/2);transform:rotate(4deg)}
 25%{left:calc(50% - var(--dw)/2);transform:rotate(0)}
 37%{left:calc(70% - var(--dw)/2);transform:rotate(5deg)}
 50%{left:calc(92% - var(--dw)/2);transform:rotate(-4deg)}
 62%{left:calc(70% - var(--dw)/2);transform:rotate(-5deg)}
 75%{left:calc(50% - var(--dw)/2);transform:rotate(0)}
 88%{left:calc(30% - var(--dw)/2);transform:rotate(-4deg)}
 100%{left:calc(8% - var(--dw)/2);transform:rotate(-5deg)}
}
.gdr .beam{position:absolute;left:50%;bottom:62%;width:460px;height:340px;margin-left:-230px;transform-origin:50% 100%;clip-path:polygon(50% 100%,2% 0,98% 0);background:linear-gradient(to top,rgba(255,243,176,.95) 0,rgba(246,205,214,.62) 28%,rgba(227,154,176,.24) 68%,rgba(227,154,176,0) 100%);animation:gdrBeam 6.4s ease-in-out infinite}
@keyframes gdrBeam{0%,100%{transform:rotate(-30deg)}20%{transform:rotate(-10deg)}40%{transform:rotate(14deg)}60%{transform:rotate(32deg)}80%{transform:rotate(6deg)}}
.gdr .shot{position:absolute;left:50%;bottom:62%;width:70px;height:70px;margin:0 0 -35px -35px;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,.9) 25%,rgba(255,240,150,0) 70%);opacity:0;animation:gdrShot 3.2s linear infinite}
@keyframes gdrShot{0%,70%{opacity:0;transform:scale(.3)}73%{opacity:1;transform:scale(1.6)}80%,100%{opacity:0;transform:scale(2.2)}}
.gdr .rec{position:absolute;left:50%;top:-18px;margin-left:-26px;display:flex;align-items:center;gap:5px;padding:2px 7px;border-radius:10px;background:rgba(17,17,17,.82);color:#fff;font:700 10px/1.4 sans-serif;letter-spacing:.08em}
.gdr .rec i{width:7px;height:7px;border-radius:50%;background:#ff2a2a;animation:gdrRec 1s steps(1) infinite}
@keyframes gdrRec{0%{opacity:1}50%{opacity:.15}}
.gdr .rotor{transform-box:fill-box;transform-origin:center;animation:gdrRotor .07s linear infinite alternate}
@keyframes gdrRotor{from{transform:scaleX(1);opacity:.55}to{transform:scaleX(.72);opacity:.85}}
.gdr .led-r{animation:gdrRec .5s steps(1) infinite}.gdr .led-g{animation:gdrRec .5s steps(1) infinite reverse}
.gwrap.gdr-off .gdr *{animation-play-state:paused!important}
@media(max-width:560px){.gdr-d{--dw:84px;bottom:-8px}.gdr .beam{width:320px;height:240px;margin-left:-160px}.gdr .rec{font-size:8px;top:-14px;margin-left:-22px}}
@media(prefers-reduced-motion:reduce){.gdr-d,.gdr .beam,.gdr .shot{animation:none}.gdr-d{left:calc(50% - var(--dw)/2)}.gdr .beam{transform:rotate(0)}}


/* ===================== YELLOW THEME =====================
   base  : #2a0b14 / #2a0b14 / #220810   (deep black-brown, yellow ke saath khilta hai)
   mid   : #e39ab0 / #e8a3b5             (main yellow)
   light : #f6cdd6 / #fde8ed / #fff3f5   (soft yellow highlight)
   NOTE  : yellow par text hamesha dark (#2a0b14) rakha hai taki saaf padhe */
:root{--gold:#e39ab0;--gold2:#e8a3b5;--g:#f6cdd6}
::selection{background:#e39ab0;color:#2a0b14}
body{background:#fff3f5}
.section{background:#fff3f5}.section[style]{background:#fff!important}
.eyebrow{color:#8a2a45}
.dark .eyebrow,.hero .eyebrow{color:#f6cdd6}
.btn{background:#e39ab0;border-color:#e39ab0;color:#2a0b14!important;box-shadow:0 8px 20px rgba(227,154,176,.4)}
.btn:hover{background:#e8a3b5;border-color:#e8a3b5;color:#2a0b14!important;box-shadow:0 12px 28px rgba(227,154,176,.55)}
.btn.outline{background:transparent;color:#fff!important;border-color:#fff;box-shadow:none}
.btn.outline:hover{background:#fff;color:#2a0b14!important}
.btn-wa{background:#1fbf69;border-color:#1fbf69;color:#fff!important}
.topbar{background:#220810;color:#f1e6bd}
.topbar a{color:#f6cdd6;font-weight:700}
header,header.scrolled{background:linear-gradient(90deg,#2a0b14,#2a0b14 55%,#3a1220);border-bottom:3px solid #e39ab0;box-shadow:0 4px 18px rgba(0,0,0,.45)}
.nav-links a,.brand-text strong,.menu-toggle{color:#fff}
.brand-text small{color:#f6cdd6}
.nav-links a:hover,.nav-links a.active{color:#e8a3b5;border-bottom:0}
.nav-links a:after{background:#e8a3b5}
.brand-mark img{filter:drop-shadow(0 3px 8px rgba(227,154,176,.6))}
@media(max-width:1050px){.nav-links{background:#2a0b14}}
.nav-phone{background:linear-gradient(135deg,#f6cdd6,#e39ab0)!important;color:#2a0b14!important;box-shadow:0 4px 14px rgba(227,154,176,.5)}
.nav-phone svg{fill:#2a0b14}
.hero h1 em{background:linear-gradient(90deg,#fde8ed,#f6cdd6 55%,#e39ab0);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sound:hover{background:#e39ab0;border-color:#e39ab0;color:#2a0b14}
.reel-frame,.hero-bg.short #heroYTW,.hero-bg.short video{border-color:#e39ab0;box-shadow:0 0 0 6px rgba(227,154,176,.28),0 24px 60px #000b}
.trust-strip{background:#2a0b14;border-bottom:3px solid #e39ab0}
.trust-item strong{color:#f0b6c3}
.section-head h2{border-left-color:#e39ab0}
.section-head h2::after{background:linear-gradient(90deg,#e39ab0,#fde8ed)}
.filter-btn.active{background:#e39ab0;border-color:#e39ab0;color:#2a0b14}
.popular-label{background:#e39ab0;color:#2a0b14}
.package .price{color:#8a2a45}
.package.popular{outline-color:#e39ab0}
.why-card .symbol,.quote-mark{color:#f0b6c3}
.service-card:hover,.blog-card:hover,.package:hover,.why-card:hover{border-bottom-color:#e39ab0}
.faq{border-left-color:#e39ab0}
.contact-details{background:linear-gradient(160deg,#3a1220,#220810)!important;color:#fff}
.contact-details h3,.contact-details strong{color:#fff}
.contact-details small,.contact-details p{color:#f5dde3}
.contact-details .eyebrow{color:#f6cdd6}
.cta-band{background:linear-gradient(135deg,#e39ab0,#c98f00)!important;color:#2a0b14}
.cta-band h2,.cta-band p{color:#2a0b14}
.cta-band .eyebrow{color:#4a1424}
.cta-band .btn{background:#2a0b14;color:#f0b6c3!important;border-color:#2a0b14;box-shadow:0 8px 20px rgba(0,0,0,.3)}
html body #testimonials,html body #testimonials.section.dark{background:linear-gradient(160deg,#3a1220,#220810)!important;color:#fff!important}
html body #testimonials h2,html body #testimonials .testimonial-text,html body #testimonials .review-name{color:#fff}
html body #testimonials .eyebrow,html body #testimonials .quote-mark,html body #testimonials .stars{color:#f0b6c3}
html body #testimonials .review-meta,html body #testimonials .section-head p{color:#f5dde3}
.footer{background:#220810;color:#f0d3db;border-top:3px solid #e39ab0}
.footer h4{color:#f0b6c3}
.footer a,.footer p,.footer li,.footer small,.footer strong{color:#f0d3db}
.footer a:hover{color:#f0b6c3}