/* ====== Base ====== */
:root{
  --btn-blue:#61a9f5;
  --btn-gold:#e0b01f;
  --btn-green:#2eb544;
  --text:#000;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Roboto',Arial,sans-serif;color:var(--text);background:#fff;line-height:1.75}
img{max-width:100%;display:block}
a{text-decoration:none}

/* ====== Section 1: top buttons + intro + banner ====== */
.top-actions{
  width:min(1520px,100%);margin:0 auto;
  display:flex;justify-content:flex-end;gap:5px;
  padding:10px 16px 0;
}
.top-actions a{
  color:#fff;font-weight:500;font-size:18px;
  padding:12px 30px;border-radius:3px;line-height:1.3;
  transition:filter .2s;
}
.top-actions a:hover{filter:brightness(.92)}
.btn-blue{background:var(--btn-blue)}
.btn-gold{background:var(--btn-gold)}
.btn-green{background:var(--btn-green)}

.intro{
  width:min(1400px,94%);margin:0 auto;text-align:center;
  padding:28px 0 0;
}
.intro h1{font-size:32px;font-weight:700;margin-bottom:34px;line-height:1.3}
.intro p{font-size:20px;line-height:35px;margin-bottom:18px;font-weight:400}


/* ====== Mobile ====== */
@media(max-width:991px){
  .intro h1{font-size:26px}
  .intro p{font-size:17px;line-height:30px}
}
@media(max-width:560px){
  .top-actions{flex-wrap:wrap;justify-content:center}
  .top-actions a{font-size:15px;padding:10px 18px}
  .intro h1{font-size:22px}
  .intro p{font-size:15.5px;line-height:27px}
}

/* ====== Section 2: hero banner (image) ====== */
.banner{margin:100px auto 0;width:calc(100% - 14px)}
.banner img{display:block;width:100%;height:auto}
@media(max-width:991px){.banner{margin-top:50px}}

/* ====== Section 3: stats card ====== */
.stats-wrap{display:flow-root;position:relative;z-index:5;background:#fff}
.stats-card{position:relative;z-index:6;margin:-7px 12.1% 0 38.6%;width:49.3%;min-height:336px;
  border-radius:16px;background:#0d4a78;color:#fff;
  display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:135px;padding:50px 21px 0;text-align:center}
.st b{display:block;font-size:52px;font-weight:700;line-height:1.1}
.st span{display:block;font-size:24px;font-weight:400;margin-top:10px}
.st-logo{font-family:'Poppins',sans-serif;font-weight:700;font-size:104px;line-height:1;letter-spacing:-2px;padding-top:6px}
.st-logo span{display:inline;font-size:inherit;margin:0}

/* ====== Section 4: dark block ====== */
.dark{position:relative;background:#262626;overflow:hidden;padding:110px 0 100px}
.dark::before{content:"";position:absolute;left:-4%;top:-30px;width:40%;height:150px;opacity:.7;
  background:linear-gradient(90deg,transparent,#8d1530 55%,#e0284a);transform:rotate(-16deg);filter:blur(6px)}
.dk-dot{position:absolute;left:8.3%;top:434px;width:22px;height:22px;border-radius:50%;background:#f0374f}
.dk-cross{position:absolute;left:23%;top:104px;width:57px;height:57px}
.dk-cross::before,.dk-cross::after{content:"";position:absolute;background:#e8283f}
.dk-cross::before{left:19px;top:0;width:19px;height:57px}
.dk-cross::after{left:0;top:19px;width:57px;height:19px}
.dk-title{position:relative;text-align:center;color:#fff;font-size:76px;font-weight:400;line-height:1.2;margin-bottom:56px}
.svc-grid{position:relative;width:min(1400px,92%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:25px}
.svc{background:#191919;border-radius:28px;padding:37px 37px 48px;color:#f2f2f2;display:flex;flex-direction:column}
.svc header{display:flex;align-items:center;gap:36px;height:68px}
.svc header svg{height:68px;width:auto;flex:none}
.svc h3{color:#fff;font-size:28px;font-weight:500;line-height:1.2}
.svc p{margin-top:38px;font-size:20px;line-height:35px;font-weight:400}
.svc p a{color:#e0305a}
.enq{align-self:center;margin-top:32px;display:inline-block;min-width:170px;text-align:center;
  padding:10px 20px;border-radius:40px;border:1px solid #e0455e;
  background:linear-gradient(180deg,#b3162f,#82102a);color:#fff;
  font-size:17px;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.3px;
  box-shadow:0 3px 10px rgba(180,20,50,.35);transition:filter .2s}
.enq:hover{filter:brightness(1.15)}
@media(max-width:991px){
  .dark{padding:70px 0 60px}
  .dk-title{font-size:42px;margin-bottom:32px}
  .svc-grid{grid-template-columns:1fr}
  .svc{padding:26px 22px 34px}
  .svc header{gap:18px;height:auto}.svc header svg{height:52px}
  .svc h3{font-size:22px}
  .svc p{font-size:16.5px;line-height:29px;margin-top:24px}
  .dk-cross,.dk-dot{display:none}
}

@media(max-width:991px){
  .stats-card{margin:0 auto;width:92%;padding-top:30px}
  .st b{font-size:38px}.st span{font-size:16px}
  .st-logo{font-size:64px}
}

/* ====== Services row 2: list + decor ====== */
.svc.has-list{padding-bottom:28px}
.svc ul{margin:18px 0 0;padding-left:51px;list-style:disc}
.svc li{font-size:20px;line-height:35px;margin-bottom:18px}
.svc li:last-child{margin-bottom:0}
.dk-ring,.dk-dot2,.dk-cross2,.dk-dot3{position:absolute;pointer-events:none;z-index:5}
.dk-ring{left:-783px;bottom:-847px;width:1276px;height:1276px;border-radius:50%;border:3px solid #ff2e57;box-shadow:0 0 8px rgba(255,46,87,.5)}
.dk-dot2{left:17.1%;bottom:99px;width:22px;height:22px;border-radius:50%;background:#f0374f}
.dk-cross2{left:29.4%;bottom:186px;width:40px;height:40px;opacity:.7}
.dk-cross2::before,.dk-cross2::after{content:"";position:absolute;background:#c0213d}
.dk-cross2::before{left:13px;top:0;width:14px;height:40px}
.dk-cross2::after{left:0;top:13px;width:40px;height:14px}
.dk-dot3{left:65.5%;bottom:467px;width:20px;height:20px;border-radius:50%;background:#c2185b;filter:blur(2px);opacity:.8}

/* ====== Section 5: B2B process ====== */
.sec-title{text-align:center;font-size:38px;font-weight:700;line-height:1.2;color:#000}
.proc{background:#f3f6f9;padding:66px 0 112px;color:#000}
.proc .sec-title{margin-bottom:27px}
.proc-intro{max-width:1350px;margin:0 auto 35px;padding:0 3%;text-align:center;font-size:20px;line-height:48px}
.proc-intro b{font-weight:700}
.proc-grid{width:min(1400px,92%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.pc{display:grid;grid-template-columns:var(--img,290px) 1fr;background:#fff}
.pc-img{min-height:100%;background:var(--bg);background-size:cover;background-position:center}
.pc-body{padding:24px 0}
.pc-body h3{text-align:center;font-size:32px;font-weight:700;line-height:31px;color:#000;margin-bottom:24px}
.pc-body ul{padding:0 20px 0 75px}
.pc-body li{font-size:20px;line-height:35px;color:#000}
.pc-body li b{font-weight:700}

/* ====== Carousels ====== */
.meet{background:#fff;padding:70px 0 80px}
.lead{background:#fff;padding:40px 0 90px}
.testi{background:#fff;padding:0 0 212px}
.meet .sec-title,.testi .sec-title{margin-bottom:97px}
.lead .sec-title{margin-bottom:40px}
.car{position:relative;width:min(1400px,92%);margin:0 auto}
.car-track{display:flex;gap:25px}
.vid{flex:1;min-width:0;aspect-ratio:450/252;background:#f0f0f0;border-radius:16px;display:grid;place-items:center}
.play{width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer}
.play svg{width:32px;height:32px}
.arr{position:absolute;top:50%;margin-top:-17px;transform:translateY(-50%);width:36px;height:50px;background:none;border:0;cursor:pointer;z-index:2;display:grid;place-items:center}
.arr svg{width:20px;height:34px;fill:none;stroke:#000;stroke-width:2}
.arr.prev{left:12px}.arr.next{right:22px}
.car-dots{display:flex;justify-content:center;gap:15px;margin-top:64px;flex-wrap:wrap}
.car-dots span{width:7px;height:7px;border-radius:50%;background:#cfcfcf;cursor:pointer}
.car-dots span.on{background:#000}
.lead-car{position:relative;width:100%;padding-bottom:70px}
.lead-view{overflow:hidden}
.lead-track{display:flex;will-change:transform}
.lg{flex:0 0 var(--cell,25%);height:180px;display:grid;place-items:center;padding:0 20px}
.lg img{max-width:300px;max-height:150px;width:auto;height:auto}
.lg-ph{color:#666;font-size:22px;font-weight:500;text-align:center}
.sq{position:absolute;top:50%;margin-top:-35px;transform:translateY(-50%);width:25px;height:25px;background:#0e4a82;border:0;cursor:pointer;display:grid;place-items:center;z-index:2}
.sq svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.600}
.sq.prev{left:20px}.sq.next{right:28px}

/* ====== Footer ====== */
.ft{background:#111;color:#fff;padding:100px 0 12px;font-size:19px;line-height:29px}
.ft .wrap{width:min(1400px,92%);margin:0 auto}
.ft-cols{display:grid;grid-template-columns:533fr 321fr 214fr 332fr}
.ft h4{font-size:28px;font-weight:500;line-height:32px;color:#fff}
.ft-b{font-weight:700;margin-top:25px}
.ft-cu{margin-top:40px}
.ft-c1{margin-top:23px}
.ft-c2{margin-top:16px}
.ft-list{list-style:none;margin-top:23px}
.ft-list li{line-height:28.7px}
.ft-list a::before{content:"»";display:inline-block;width:28px;font-weight:700}
.ft-nl{margin-top:25px;line-height:30px}
.ft-fo{margin-top:26px;padding-left:9px}
.soc{display:flex;gap:10px;margin-top:27px}
.soc a{width:42px;height:42px;display:grid;place-items:center}
.ft-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:34px}
.ft-bot ul{display:flex;gap:20px;list-style:none}

/* ====== Enquire popup ====== */
.modal{position:fixed;inset:0;background:rgba(10,15,30,.6);display:none;place-items:center;z-index:100;padding:20px}
.modal.open{display:grid}
.modal-box{background:#fff;border-radius:10px;padding:32px;width:min(440px,100%);position:relative;color:#000}
.modal-box h3{margin-bottom:16px}
.modal-box select,.modal-box input{width:100%;padding:12px;margin-bottom:14px;border:1px solid #ddd;border-radius:8px;font:inherit}
.modal-box .enq{border:0;cursor:pointer;display:block;margin:6px auto 0}
.close{position:absolute;top:10px;right:16px;font-size:28px;background:none;border:0;cursor:pointer}

@media(max-width:991px){
  .dk-ring,.dk-dot2,.dk-cross2,.dk-dot3{display:none}
  .sec-title{font-size:28px}
  .proc{padding:50px 0 60px}
  .proc-intro{font-size:16px;line-height:32px}
  .proc-grid{grid-template-columns:1fr;gap:24px}
  .pc{grid-template-columns:1fr}.pc-img{min-height:220px}
  .pc-body h3{font-size:26px}
  .pc-body ul{padding-left:40px}.pc-body li{font-size:17px;line-height:30px}
  .meet .sec-title,.testi .sec-title{margin-bottom:40px}
  .testi{padding-bottom:100px}
  .lg-ph{font-size:16px}
  .ft{padding-top:60px;font-size:16px}
  .ft h4{font-size:22px}
  .ft-cols{grid-template-columns:1fr 1fr;gap:30px}
  .ft-bot{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){.ft-cols{grid-template-columns:1fr}.ft-bot ul{flex-wrap:wrap}}

/* ====== (aur sections hon to yahan neeche) ====== */


/* ====== Inner page: Domestic Buyer Generation ====== */
.top-actions a.top-logo{margin-right:auto;padding:0 0 0 8px;background:none;color:inherit;
  font-family:'Poppins',sans-serif;font-weight:700;font-size:64px;line-height:1;letter-spacing:-2px;align-self:center}
.top-actions a.top-logo:hover{filter:none}
.pg-sub{font-size:26px;font-weight:700;line-height:1.3;margin-bottom:28px}
.pg-dark{padding-top:90px}
.pg-card p{margin-top:24px}
.pg-card p+p{margin-top:18px}
.pg-card header h3{line-height:1.25}
.pg-card.wide{grid-column:1/-1}
@media(max-width:991px){
  .pg-sub{font-size:21px}
  .pg-dark{padding-top:60px}
}
@media(max-width:560px){
  .top-actions a.top-logo{flex-basis:100%;text-align:center;padding:0;font-size:52px}
  .pg-sub{font-size:18px}
}

/* ====== Enquire buttons: sab cards mein ek hi line (bottom) par ====== */
.svc .enq{margin-top:auto}
.svc > :nth-last-child(2){margin-bottom:32px}

/* ====== Export page extras ====== */
.pg-dark .dk-title{font-size:48px;padding:0 4%;margin-bottom:56px;line-height:1.25}
.pg-card ul+p{margin-top:24px}
.pg-closing{padding:70px 0 80px}
@media(max-width:991px){.pg-dark .dk-title{font-size:30px;margin-bottom:32px}.pg-closing{padding:40px 0 50px}}

/* ====== Footer links: white text ====== */
.ft a,.ft a:visited,.ft a:hover{color:#fff}