/* ============================================================
   Madaan Pharmaceuticals — Main Stylesheet
============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;0,800;0,900;1,700&display=swap');

:root {
  --s: #E8890C; --sl: #FFF4E0;
  --f: #146B38; --fd: #0A3D20;
  --cream: #FDF8F0; --smoke: #F4F2EE;
  --ink: #0F0F0F;
}
/* fonts scoped — do not use body-level overrides */ 
#main-content, #main-content p,#main-content span,#main-content a,#main-content li,#main-content input,#main-content textarea,#main-content button,#main-content label,#main-content small {
  font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;
}
#main-content h1,#main-content h2,#main-content h3,#main-content h4 {
  font-family: 'Playfair Display', Georgia, serif !important;
}

/* ─── HEADER & NAVBAR ─────────── */
.navbar { font-family:'Plus Jakarta Sans',system-ui,sans-serif !important; box-shadow:0 4px 24px rgba(0,0,0,0.04) !important; border-bottom:1px solid rgba(0,0,0,0.03) !important; padding-top:.8rem !important; padding-bottom:.8rem !important; transition:all .3s ease; }
.navbar-nav .nav-link { font-weight:600 !important; color:#4b5563 !important; font-size:.96rem !important; padding:.5rem 1.1rem !important; transition:all .3s ease !important; position:relative; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus { color:var(--f) !important; transform:translateY(-1px); }
.navbar-nav .nav-link::after { content:''; position:absolute; bottom:2px; left:50%; transform:translateX(-50%); width:0; height:2px; background:var(--f); transition:all .3s ease; border-radius:2px; opacity:0; }
.navbar-nav .nav-link:hover::after { width:22px; opacity:1; }
.navbar .dropdown-menu { border:none !important; box-shadow:0 12px 40px rgba(0,0,0,0.08) !important; border-radius:16px !important; padding:.8rem !important; margin-top:12px !important; animation:fu .3s ease forwards; }
.navbar .dropdown-item { border-radius:8px !important; padding:.5rem 1rem !important; font-weight:600 !important; font-size:.92rem !important; color:#4b5563 !important; transition:all .25s ease !important; display:flex; align-items:center; gap:.5rem; }
.navbar .dropdown-item:hover { background:#f0fdf4 !important; color:var(--f) !important; transform:translateX(4px); }
.navbar .btn { font-family:'Plus Jakarta Sans',system-ui,sans-serif !important; font-weight:700 !important; font-size:.92rem !important; border-radius:50rem !important; padding:.6rem 1.6rem !important; transition:all .35s cubic-bezier(.34,1.56,.64,1) !important; }
.navbar .btn-outline-secondary { color:#4b5563 !important; border:1.5px solid #9ca3af !important; background:transparent !important; }
.navbar .btn-outline-secondary:hover { background:#f9fafb !important; color:#111827 !important; border-color:#4b5563 !important; transform:translateY(-2px); box-shadow:0 6px 16px rgba(0,0,0,0.05) !important; }
.navbar .btn-primary { background:linear-gradient(135deg,var(--f),#1a8f4a) !important; border:none !important; box-shadow:0 6px 20px rgba(20,107,56,0.25) !important; color:#fff !important; }
.navbar .btn-primary:hover { transform:translateY(-2px) scale(1.03); box-shadow:0 10px 25px rgba(20,107,56,0.35) !important; color:#fff !important; }
.navbar-brand img { transition:transform .4s cubic-bezier(.34,1.56,.64,1); }
.navbar-brand:hover img { transform:scale(1.04); }
#header-cart-count { transition:all .3s ease; }

/* ─── TICKER ──────────────────── */
.tk { background:var(--ink);padding:10px 0;overflow:hidden;position:relative; }
.tk::before,.tk::after { content:'';position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none; }
.tk::before { left:0;background:linear-gradient(to right,var(--ink),transparent); }
.tk::after  { right:0;background:linear-gradient(to left,var(--ink),transparent); }
.tk-t { display:flex;animation:tkr 38s linear infinite;width:max-content;white-space:nowrap;will-change:transform; }
@keyframes tkr{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
.tk-i { display:inline-flex;align-items:center;gap:.5rem;padding:0 2.2rem;font-size:.72rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.9); }
.tk-d { width:4px;height:4px;border-radius:50%;background:var(--s);flex-shrink:0; }

/* ─── HERO ────────────────────── */
.h2s { min-height:92vh;background:var(--ink);display:grid;grid-template-columns:52% 48%;position:relative;overflow:hidden; }
@media(max-width:991px){.h2s{grid-template-columns:1fr;min-height:auto;}}
.h2s .gb1,.h2s .gb2{position:absolute;border-radius:50%;pointer-events:none;z-index:0;}
.h2s .gb1{width:700px;height:700px;background:radial-gradient(circle,rgba(232,137,12,.12)0%,transparent 65%);top:-220px;left:-150px;animation:blob 10s ease-in-out infinite;}
.h2s .gb2{width:500px;height:500px;background:radial-gradient(circle,rgba(20,107,56,.14)0%,transparent 65%);bottom:-150px;left:20%;animation:blob 13s ease-in-out infinite reverse;}
@keyframes blob{0%,100%{transform:translate(0,0)scale(1)}40%{transform:translate(50px,-40px)scale(1.07)}70%{transform:translate(-25px,30px)scale(.96)}}

.hl { position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:5rem 3rem 5rem 5vw; }
@media(max-width:1200px){.hl{padding:4rem 2.5rem 4rem 3.5rem;}}
@media(max-width:991px){.hl{padding:5rem 1.5rem 2rem;text-align:center;}}

.hey { display:inline-flex;align-items:center;gap:.6rem;color:var(--s);font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:1.4rem;opacity:0;transform:translateY(14px);animation:fu .6s .15s ease forwards; }
.hey span{display:inline-block;width:26px;height:1.5px;background:var(--s);}
@keyframes fu{to{opacity:1;transform:translateY(0)}}

.htit { font-family:'Playfair Display',serif !important;font-size:clamp(3.2rem,5.5vw,7rem);font-weight:900;line-height:.93;color:#fff;letter-spacing:-2px;margin-bottom:1.6rem; }
.htit em{font-style:normal;color:var(--s);}
.htit .lw{display:block;overflow:hidden;}
.htit .lw span{display:block;opacity:0;transform:translateY(100%);animation:lu .8s cubic-bezier(.16,1,.3,1) forwards;}
.htit .lw:nth-child(1) span{animation-delay:.35s}
.htit .lw:nth-child(2) span{animation-delay:.5s}
.htit .lw:nth-child(3) span{animation-delay:.65s}
@keyframes lu{to{opacity:1;transform:translateY(0)}}

.hsub{font-size:1rem;color:rgba(255,255,255,.57);line-height:1.8;max-width:430px;margin:0 0 2.5rem;opacity:0;transform:translateY(14px);animation:fu .6s .85s ease forwards;}
@media(max-width:991px){.hsub{margin:0 auto 2.5rem;}}

.hcta{display:flex;gap:.9rem;flex-wrap:wrap;opacity:0;transform:translateY(14px);animation:fu .6s 1.05s ease forwards;}
@media(max-width:991px){.hcta{justify-content:center;}}

.bs{background:linear-gradient(135deg,var(--s),#F0A530);color:#fff !important;border:none;border-radius:50rem;padding:.85rem 2.2rem;font-weight:700;font-size:.92rem;box-shadow:0 8px 28px rgba(232,137,12,.38);transition:all .35s cubic-bezier(.34,1.56,.64,1);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;}
.bs:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 15px 40px rgba(232,137,12,.52);}
.bg{background:transparent;color:rgba(255,255,255,.78) !important;border:1.5px solid rgba(255,255,255,.25);border-radius:50rem;padding:.85rem 2.2rem;font-weight:600;font-size:.92rem;transition:all .3s ease;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;}
.bg:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.07);}

.hst{display:flex;gap:2.2rem;flex-wrap:wrap;margin-top:3rem;padding-top:2.2rem;border-top:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(14px);animation:fu .6s 1.25s ease forwards;}
@media(max-width:991px){.hst{justify-content:center;gap:1.5rem;}}
.hst .v{font-family:'Playfair Display',serif !important;font-size:2.1rem;font-weight:900;color:var(--s);line-height:1;display:block;}
.hst .l{font-size:.63rem;color:rgba(255,255,255,.42);letter-spacing:1.8px;text-transform:uppercase;display:block;margin-top:5px;}

/* Hero Right */
.hr2{position:relative;z-index:2;height:92vh;min-height:500px;overflow:hidden;}
@media(max-width:991px){.hr2{height:65vw;min-height:280px;max-height:440px;}}
.hbg{position:absolute;inset:0;overflow:hidden;}
.hbg img{width:100%;height:100%;object-fit:cover;object-position:center;animation:sz 14s ease-in-out infinite alternate;}
@keyframes sz{from{transform:scale(1)}to{transform:scale(1.07)}}
.hbg::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(15,15,15,.65)0%,transparent 40%),linear-gradient(to top,rgba(15,15,15,.5)0%,transparent 50%);}

.hpill{position:absolute;z-index:5;background:rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);border-radius:50rem;padding:.58rem 1.1rem;display:flex;align-items:center;gap:.55rem;opacity:0;animation:fu .7s ease forwards;}
.hpill i{color:var(--s);font-size:.95rem;}
.hpill .pt{font-size:.76rem;font-weight:700;color:#fff;line-height:1.2;}
.hpill .ps2{font-size:.63rem;color:rgba(255,255,255,.5);}
.hp1{top:7%;right:5%;animation-delay:1.1s}
.hp2{top:28%;left:4%;animation-delay:1.3s}
.hp3{bottom:22%;right:7%;animation-delay:1.5s}

.hfc{position:absolute;bottom:10%;left:5%;z-index:5;width:min(190px,34%);background:rgba(15,15,15,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden;opacity:0;animation:fu .8s 1.7s ease forwards;}
.hfc img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
.hfc .fb{padding:.65rem .9rem;}
.hfc .fn{font-size:.72rem;font-weight:700;color:#fff;display:block;}
.hfc .fp{font-size:.65rem;color:var(--s);display:block;}

.shi{position:absolute;bottom:1.8rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;z-index:10;opacity:0;animation:fu .6s 1.9s ease forwards;}
.shi span{font-size:.62rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.3);}
.shb{width:1.5px;height:38px;background:linear-gradient(to bottom,rgba(255,255,255,.45),transparent);animation:scrl 1.6s ease-in-out infinite;}
@keyframes scrl{0%,100%{opacity:1;transform:scaleY(1)}50%{opacity:.35;transform:scaleY(.5)}}

/* ─── TRUST BAR ───────────────── */
.tbar{background:#fff;border-bottom:1px solid rgba(0,0,0,.07);padding:1.3rem 0;}
.tbi{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;border-right:1px solid rgba(0,0,0,.07);}
.tbi:last-child{border-right:none;}
.tbi-ic{width:40px;height:40px;flex-shrink:0;border-radius:11px;background:rgba(20,107,56,.1);border:1px solid rgba(20,107,56,.18);display:flex;align-items:center;justify-content:center;color:var(--f);font-size:1rem;}
.tbi .lb{font-size:.78rem;font-weight:700;color:#111;display:block;line-height:1.25;}
.tbi .sb{font-size:.64rem;color:#9ca3af;display:block;}

/* ─── SECTION ATOMS ───────────── */
.spy{padding:6rem 0;}
.ey{display:inline-block;font-size:.67rem;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;border-radius:50rem;padding:.3rem 1rem;margin-bottom:.9rem;}
.ey-g{color:var(--f);background:rgba(20,107,56,.09);border:1px solid rgba(20,107,56,.2);}
.ey-o{color:var(--s);background:rgba(232,137,12,.09);border:1px solid rgba(232,137,12,.2);}
.ey-w{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);}
.ey-p{color:#6d28d9;background:rgba(109,40,217,.09);border:1px solid rgba(109,40,217,.2);}
.sh{font-family:'Playfair Display',serif !important;font-weight:900;line-height:1.08;letter-spacing:-.5px;}

[data-a]{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease;}
[data-a].in{opacity:1;transform:none;}
[data-a][data-d="1"]{transition-delay:.1s}[data-a][data-d="2"]{transition-delay:.2s}[data-a][data-d="3"]{transition-delay:.3s}[data-a][data-d="4"]{transition-delay:.4s}

/* ══════════════════════════════════════════════════════════
   CAROUSELS — THE CRITICAL LAYOUT FIX
══════════════════════════════════════════════════════════ */
#main-content .category-carousel-container {
  position: relative !important;
  padding: 0 50px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
#main-content .category-carousel-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scroll-behavior: smooth !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  gap: 18px !important;
  padding: 10px 4px 22px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#main-content .category-carousel-wrapper::-webkit-scrollbar { display: none !important; }
#main-content .category-carousel-item {
  flex: 0 0 225px !important;
  width: 225px !important; min-width: 225px !important; max-width: 225px !important;
  box-sizing: border-box !important;
}
@media (max-width:576px) {
  #main-content .category-carousel-item { flex:0 0 190px !important; width:190px !important; min-width:190px !important; max-width:190px !important; }
}
/* Wider items for product carousels */
#main-content #favorites-carousel-container > .category-carousel-item,
#main-content #new-arrivals-carousel-container > .category-carousel-item {
  flex: 0 0 275px !important; width: 275px !important; min-width: 275px !important; max-width: 275px !important;
}

/* Category portrait card */
#main-content .category-card {
  height: 310px !important; width: 100% !important;
  border-radius: 1rem !important; overflow: hidden !important;
  position: relative !important; background: #f8f9fa !important;
  transition: all .4s !important; display: block !important; border: none !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.08) !important;
}
#main-content .category-card:hover { transform: translateY(-8px) !important; box-shadow: 0 16px 32px rgba(0,0,0,.15) !important; }
#main-content .category-card-img {
  position: absolute !important; top:0 !important; left:0 !important;
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  max-width: none !important; display: block !important;
  transition: transform .6s ease !important;
}
#main-content .category-card:hover .category-card-img { transform: scale(1.08) !important; }
#main-content .category-overlay {
  position: absolute !important; bottom:0 !important; left:0 !important;
  width: 100% !important; padding: 2rem 1.25rem 1.25rem !important;
  background: linear-gradient(to top,rgba(0,0,0,.85)0%,rgba(0,0,0,.5)50%,rgba(0,0,0,0)100%) !important;
  z-index: 2 !important;
}
#main-content .category-fallback {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  height: 100% !important; background: #fff !important;
  padding: 2rem !important; text-align: center !important;
}

/* Carousel nav buttons */
#main-content .category-nav-btn {
  position: absolute !important; top: 50% !important;
  transform: translateY(-50%) !important; z-index: 10 !important;
  width: 42px !important; height: 42px !important;
  border-radius: 50% !important; background: #fff !important;
  border: 1px solid rgba(0,0,0,.1) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.1) !important;
  color: #333 !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  cursor: pointer !important; transition: all .3s !important; padding: 0 !important;
}
#main-content .category-nav-btn:hover { background:#146B38 !important; color:#fff !important; border-color:#146B38 !important; transform:translateY(-50%) scale(1.1) !important; }
#main-content .category-nav-prev { left: 0 !important; }
#main-content .category-nav-next { right: 0 !important; }

/* Modern product card (Favorites / New Arrivals) */
#main-content .modern-home-card {
  border: none !important; border-radius: 18px !important; background: #fff !important;
  height: 450px !important; min-height: 450px !important;
  transition: all .4s !important; box-shadow: 0 8px 24px rgba(0,0,0,.05) !important;
  overflow: hidden !important; position: relative !important;
  display: flex !important; flex-direction: column !important; width: 100% !important;
}
#main-content .modern-home-card:hover { transform:translateY(-8px) !important; box-shadow:0 22px 48px rgba(0,0,0,.12) !important; }
#main-content .modern-home-card .img-area {
  height: 235px !important; min-height: 235px !important; flex-shrink: 0 !important;
  background: radial-gradient(circle at center,#fff 0%,#f3f4f6 100%) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  padding: 20px !important; position: relative !important; overflow: hidden !important;
}
#main-content .modern-home-card .img-area img {
  max-height: 100% !important; max-width: 100% !important;
  object-fit: contain !important; width: auto !important; height: auto !important;
  transition: transform .5s !important;
}
#main-content .modern-home-card:hover .img-area img { transform: scale(1.1) translateY(-5px) !important; }
#main-content .modern-home-card .content-area {
  padding: 1.2rem !important; display: flex !important; flex-direction: column !important;
  flex-grow: 1 !important; justify-content: space-between !important;
}
#main-content .modern-home-card .action-btn {
  width: 36px !important; height: 36px !important; border-radius: 50% !important;
  background: #f8f9fa !important; color: #1a202c !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important; transition: all .3s !important; font-size: 1rem !important;
}
#main-content .modern-home-card:hover .action-btn { background:#146B38 !important; color:#fff !important; }

/* ─── STATS ───────────────────── */
.ss2{background:linear-gradient(135deg,var(--fd)0%,var(--f)55%,#1a8f4a 100%);padding:5rem 0;position:relative;overflow:hidden;}
.ss2::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");}
.sb2{text-align:center;position:relative;z-index:2;padding:1rem 1.5rem;}
.sb2 .v{font-family:'Playfair Display',serif !important;font-size:clamp(2.8rem,4.5vw,4.5rem);font-weight:900;color:var(--s);line-height:1;display:block;}
.sb2 .l{font-size:.75rem;color:rgba(255,255,255,.7);letter-spacing:2px;text-transform:uppercase;display:block;margin-top:.6rem;}
.sb2 .d{font-size:.72rem;color:rgba(255,255,255,.38);margin-top:.25rem;display:block;}
@media(min-width:992px){.sb2:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:1px;background:rgba(255,255,255,.15);}}

/* ─── CONSULTATION ────────────── */
.cs{background:var(--cream);overflow:hidden;}
.ci2{display:grid;grid-template-columns:1fr 1fr;}
@media(max-width:991px){.ci2{grid-template-columns:1fr;}}
.cis{position:relative;overflow:hidden;min-height:520px;}
.cis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.cis::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent 55%,var(--cream)100%),linear-gradient(to top,rgba(0,0,0,.2)0%,transparent 50%);}
.cts{background:var(--cream);display:flex;flex-direction:column;justify-content:center;padding:5rem 4.5rem 5rem 3.5rem;}
@media(max-width:1200px){.cts{padding:4rem 3rem;}}
@media(max-width:991px){.cts{padding:3.5rem 1.5rem;}}
.cfr{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 2rem;}
.cc{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid rgba(20,107,56,.2);border-radius:50rem;padding:.36rem .9rem;font-size:.75rem;font-weight:600;color:var(--f);box-shadow:0 2px 8px rgba(0,0,0,.05);}
.cc i{font-size:.72rem;color:var(--s);}
.bfo{display:inline-flex;align-items:center;gap:.65rem;background:linear-gradient(135deg,var(--fd),var(--f));color:#fff !important;border:none;border-radius:50rem;padding:.92rem 2.2rem;font-weight:700;font-size:.94rem;box-shadow:0 8px 24px rgba(10,61,32,.28);transition:all .35s cubic-bezier(.34,1.56,.64,1);cursor:pointer;text-decoration:none;}
.bfo:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 15px 36px rgba(10,61,32,.42);color:#fff !important;}

/* ─── CONSULTATION WIZARD ────────────── */
.wizard-step { display: none; }
.wizard-step.active { display: block; animation: fu .4s ease forwards; }
.wizard-option {
  border: 2px solid rgba(0,0,0,.08); border-radius: 12px; padding: 1.2rem;
  cursor: pointer; transition: all 0.3s ease; text-align: center;
  font-weight: 600; color: #4b5563; background: #fff;
}
.wizard-option:hover { border-color: var(--f); background: rgba(20,107,56,.04); color: var(--f); }
.wizard-option.selected { border-color: var(--f); background: var(--f); color: #fff; box-shadow: 0 4px 15px rgba(20,107,56,.3); }
.wizard-option.selected i { color: #fff !important; }
.wizard-icon-circle { width: 80px; height: 80px; border-radius: 50%; background: rgba(20,107,56,.1); color: var(--f); display: flex; align-items: center; justify-content: center; font-size: 2.5rem; }
.max-w-500 { max-width: 500px; }

/* ─── ABOUT ───────────────────── */
.a3{background:var(--smoke);padding:7rem 0;overflow:hidden;}
.apm{position:relative;height:540px;}
.apm .am{position:absolute;right:0;top:0;width:78%;height:430px;border-radius:1.8rem;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.13);}
.apm .am img,.apm .ac img{width:100%;height:100%;object-fit:cover;}
.apm .ac{position:absolute;left:0;bottom:0;width:52%;height:260px;border-radius:1.6rem;overflow:hidden;border:5px solid var(--smoke);box-shadow:0 20px 50px rgba(0,0,0,.1);}
.ab{position:absolute;right:2%;top:8%;z-index:5;background:var(--fd);color:#fff;border-radius:14px;padding:1rem 1.4rem;text-align:center;box-shadow:0 12px 30px rgba(10,61,32,.35);}
.ab .y{font-family:'Playfair Display',serif !important;font-size:2.2rem;font-weight:900;color:var(--s);display:block;line-height:1;}
.ab .si{font-size:.6rem;letter-spacing:2px;text-transform:uppercase;opacity:.65;display:block;margin-top:3px;}
.ack{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.92rem;color:#374151;}
.ack .ci{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:rgba(20,107,56,.12);color:var(--f);display:flex;align-items:center;justify-content:center;font-size:.62rem;}

/* ══════════════════════════════════════════════════════════
   9. PROUDLY INDIAN
══════════════════════════════════════════════════════════ */
#main-content .ps { display:block !important; background:#0f0f0f !important; padding:6rem 0 !important; overflow:hidden !important; position:relative !important; width:100% !important; }
#main-content .ps::before { content:'' !important; position:absolute !important; inset:0 !important; background:radial-gradient(ellipse at 70% 50%,rgba(20,107,56,.12)0%,transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(232,137,12,.07)0%,transparent 50%) !important; pointer-events:none !important; }
#main-content .tbc { width:56px !important; height:4px !important; border-radius:2px !important; margin-bottom:1.6rem !important; display:block !important; background:linear-gradient(to right,#FF9933 0%,#FF9933 33.3%,#fff 33.3%,#fff 66.6%,#138808 66.6%,#138808 100%) !important; }
#main-content .cg { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:1.2rem !important; width:100% !important; }
@media (max-width:767px) { #main-content .cg { grid-template-columns:repeat(2,1fr) !important; } }
#main-content .cc2 { background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:16px !important; padding:1.5rem 1rem !important; text-align:center !important; transition:all .35s !important; display:block !important; }
#main-content .cc2:hover { background:rgba(255,255,255,.08) !important; border-color:rgba(232,137,12,.3) !important; transform:translateY(-5px) !important; }
#main-content .cc2 i { font-size:1.9rem !important; color:#e8890c !important; display:block !important; margin-bottom:.6rem !important; }
#main-content .cc2 strong { display:block !important; font-size:.83rem !important; color:rgba(255,255,255,.85) !important; margin-bottom:.3rem !important; font-weight:700 !important; }
#main-content .cc2 p { font-size:.72rem !important; color:rgba(255,255,255,.45) !important; line-height:1.55 !important; margin:0 !important; }

/* ─── CERT MARQUEE ────────────── */
.cr { background:#0C0C0C; padding:1.5rem 0; overflow:hidden; border-top:1px solid rgba(255,255,255,.05); position:relative; }
.cr::before, .cr::after { content:''; position:absolute; top:0; bottom:0; width:90px; z-index:2; pointer-events:none; }
.cr::before { left:0; background:linear-gradient(to right,#0C0C0C,transparent); }
.cr::after { right:0; background:linear-gradient(to left,#0C0C0C,transparent); }
.crt { display:flex; white-space:nowrap; animation:tkr 22s linear infinite; width:max-content; will-change:transform; }
.cri { display:inline-flex; align-items:center; gap:.7rem; padding:0 2.5rem; border-right:1px solid rgba(255,255,255,.07); font-size:.78rem; font-weight:600; color:rgba(255,255,255,.9); text-transform:uppercase; letter-spacing:.8px; }
.cri i { color:var(--s); }

/* ══════════════════════════════════════════════════════════
   11. TESTIMONIALS
══════════════════════════════════════════════════════════ */
#main-content .tc-s { display:block !important; background:#fff !important; padding:6rem 0 !important; }
#main-content .th { font-family:'Playfair Display',Georgia,serif !important; font-size:clamp(2.2rem,4.5vw,4.5rem) !important; font-weight:900 !important; line-height:1.1 !important; letter-spacing:-1px !important; color:#0f0f0f !important; }
#main-content .th em { color:#e8890c !important; font-style:normal !important; }
#main-content .tc { background:#F4F2EE !important; border-radius:18px !important; padding:1.75rem !important; border:1px solid rgba(0,0,0,.05) !important; transition:all .4s !important; height:100% !important; display:flex !important; flex-direction:column !important; position:relative !important; overflow:hidden !important; }
#main-content .tc:hover { transform:translateY(-8px) !important; box-shadow:0 22px 50px rgba(0,0,0,.1) !important; }
#main-content .tbq { font-size:4.5rem !important; line-height:1 !important; color:rgba(232,137,12,.15) !important; font-family:Georgia,serif !important; position:absolute !important; top:.4rem !important; right:1rem !important; }
#main-content .tst { color:#F59E0B !important; font-size:.78rem !important; letter-spacing:2px !important; margin-bottom:1rem !important; display:block !important; }
#main-content .ttx { font-size:.92rem !important; color:#4b5563 !important; line-height:1.8 !important; font-style:italic !important; flex-grow:1 !important; margin-bottom:1.5rem !important; }
#main-content .tav { width:42px !important; height:42px !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; font-weight:700 !important; font-size:.88rem !important; color:#fff !important; flex-shrink:0 !important; }
#main-content .tnm { font-weight:700 !important; font-size:.9rem !important; color:#1f2937 !important; display:block !important; }
#main-content .trl { font-size:.72rem !important; color:#9ca3af !important; display:block !important; }

/* ══════════════════════════════════════════════════════════
   12. FAQ
══════════════════════════════════════════════════════════ */
#main-content .fqs { display:block !important; background:#F4F2EE !important; padding:6rem 0 !important; }
#main-content .fqs .accordion-item { background:#fff !important; border:1px solid rgba(0,0,0,.06) !important; border-radius:14px !important; margin-bottom:.75rem !important; overflow:hidden !important; }
#main-content .fqs .accordion-item:hover { border-color:rgba(20,107,56,.25) !important; }
#main-content .fqs .accordion-button { background:#fff !important; font-weight:600 !important; font-size:.97rem !important; color:#0f0f0f !important; box-shadow:none !important; padding:1.3rem 1.5rem !important; border-radius:14px !important; }
#main-content .fqs .accordion-button:not(.collapsed) { background:#fff !important; color:#146B38 !important; }
#main-content .fqs .accordion-body { font-size:.93rem !important; color:#6b7280 !important; line-height:1.8 !important; padding:0 1.5rem 1.35rem !important; border-top:1px solid rgba(20,107,56,.1) !important; }

/* ══════════════════════════════════════════════════════════
   13. CONTACT
══════════════════════════════════════════════════════════ */
#main-content .con-s { display:block !important; background:linear-gradient(135deg,#f0fdf4 0%,#e8f5e9 100%) !important; padding:6rem 0 !important; }
#main-content .cfc { border-radius:20px !important; border:1px solid rgba(0,0,0,.06) !important; box-shadow:0 18px 55px rgba(0,0,0,.08) !important; background:#fff !important; }
#main-content .cfc .form-control { border-radius:12px !important; background:#f9fafb !important; border:1.5px solid #eaecf0 !important; }
#main-content .cfc .form-control:focus { background:#fff !important; border-color:#146B38 !important; box-shadow:0 0 0 4px rgba(20,107,56,.08) !important; }

/* ══════════════════════════════════════════════════════════
   14. WHY CHOOSE US + FEATURE CARDS
══════════════════════════════════════════════════════════ */
#main-content .why-choose-us-section { display:block !important; padding:6rem 0 !important; }
#main-content .feature-card { background:#fff !important; border-radius:18px !important; box-shadow:0 4px 16px rgba(109,40,217,.07) !important; border:1px solid rgba(109,40,217,.1) !important; transition:all .4s !important; }
#main-content .feature-card:hover { transform:translateY(-10px) !important; box-shadow:0 28px 55px rgba(109,40,217,.15) !important; }
#main-content .feature-card .icon-box { width:60px !important; height:60px !important; background:linear-gradient(135deg,rgba(109,40,217,.1),rgba(160,120,255,.1)) !important; border-radius:14px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#6d28d9 !important; font-size:1.5rem !important; margin-bottom:1.1rem !important; transition:all .4s !important; border:1px solid rgba(109,40,217,.15) !important; }
#main-content .feature-card:hover .icon-box { background:linear-gradient(135deg,#6d28d9,#a78bfa) !important; color:#fff !important; }

/* ══════════════════════════════════════════════════════════
   15. FLOATING WHATSAPP
══════════════════════════════════════════════════════════ */
.waf { position:fixed !important; bottom:26px !important; right:26px !important; z-index:9999 !important; width:56px !important; height:56px !important; border-radius:50% !important; background:#25D366 !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:1.6rem !important; box-shadow:0 8px 24px rgba(37,211,102,.42) !important; text-decoration:none !important; transition:all .35s !important; }
.waf:hover { transform:scale(1.15) translateY(-3px) !important; color:#fff !important; }
.waf::before { content:'' !important; position:absolute !important; inset:-5px !important; border-radius:50% !important; border:2px solid rgba(37,211,102,.4) !important; animation:bmgWaPulse 2.2s ease-out infinite !important; }






/* ============================================================
   PASTE THIS AT THE VERY BOTTOM OF assets/css/style.css
   This restores footer styles broken by home.php inline CSS.
   No new file needed — just append to existing style.css
============================================================ */

/* Force footer font back — overrides any !important from home.php */
.footer-section,
.footer-section *,
.footer-section p,
.footer-section span,
.footer-section a,
.footer-section li,
.footer-section small,
.footer-section h1,
.footer-section h2,
.footer-section h3,
.footer-section h4,
.footer-section h5,
.footer-section h6,
.footer-section button,
.footer-section input,
.footer-section label {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}
.footer-section .footer-heading {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  color: #e5e7eb !important;
  font-weight: 700 !important;
  font-size: .78rem !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 2rem !important;
  padding-bottom: 1rem !important;
  position: relative !important;
}

/* Footer background & base color */
.footer-section {
  background-color: #111827 !important;
  color: #d1d5db !important;
}

/* Footer top animated bar */
.footer-top-bar {
  display: block !important;
  height: 4px !important;
  background: linear-gradient(90deg, #198754 0%, #20c997 40%, #0d6efd 70%, #198754 100%) !important;
  background-size: 250% auto !important;
  animation: ftBarFlow 5s linear infinite !important;
}
@keyframes ftBarFlow {
  0%   { background-position: 0% center; }
  100% { background-position: 250% center; }
}

/* Footer content padding */
.footer-content {
  padding-top: 5.5rem !important;
  padding-bottom: 4rem !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Logo wrap */
.footer-logo-wrap {
  display: inline-block !important;
  background: #fff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 14px !important;
  padding: .6rem 1.1rem !important;
  margin-bottom: 1.4rem !important;
}

/* About text */
.footer-about {
  color: #d1d5db !important;
  font-size: .875rem !important;
  line-height: 1.85 !important;
}

/* Divider */
.footer-divider {
  border: none !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

/* Heading underline */
.footer-heading::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: linear-gradient(to right, #198754, #20c997) !important;
  transition: width .4s ease !important;
}
.footer-heading:hover::after { width: 48px !important; }

/* Footer links */
.footer-links { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.footer-links li { margin-bottom: .8rem !important; }
.footer-links a {
  color: #d1d5db !important;
  text-decoration: none !important;
  font-size: .875rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  transition: all .25s ease !important;
}
.footer-links a:hover { color: #ffffff !important; transform: translateX(5px) !important; }
.footer-links a i { font-size: .6rem !important; color: #198754 !important; opacity: .7 !important; }
.footer-links a:hover i { opacity: 1 !important; }

/* Footer contact list */
.footer-contact { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.footer-contact li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  margin-bottom: 1.3rem !important;
  font-size: .875rem !important;
  line-height: 1.6 !important;
  color: #d1d5db !important;
}
.footer-contact li:hover { color: #fff !important; }
.footer-contact-icon {
  width: 36px !important; height: 36px !important; min-width: 36px !important;
  background: rgba(25,135,84,.15) !important;
  border: 1px solid rgba(25,135,84,.2) !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .82rem !important;
  margin-top: 1px !important;
  transition: all .3s ease !important;
}
.footer-contact li:hover .footer-contact-icon {
  background: rgba(25,135,84,.25) !important;
  border-color: rgba(25,135,84,.4) !important;
}
.footer-contact li:nth-child(1) .footer-contact-icon { color: #ef4444 !important; }
.footer-contact li:nth-child(2) .footer-contact-icon { color: #3b82f6 !important; }
.footer-contact li:nth-child(3) .footer-contact-icon { color: #14b8a6 !important; }

/* Social icons */
.social-icon {
  width: 40px !important; height: 40px !important;
  background: rgba(255,255,255,.08) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 11px !important;
  color: #d1d5db !important;
  text-decoration: none !important;
  font-size: 1rem !important;
  transition: all .3s !important;
}
.social-icon:hover { color: #fff !important; transform: translateY(-4px) !important; }
.social-icon[aria-label="Facebook"]:hover  { background: #1877F2 !important; }
.social-icon[aria-label="Twitter"]:hover   { background: #000 !important; }
.social-icon[aria-label="Instagram"]:hover { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888) !important; }
.social-icon[aria-label="LinkedIn"]:hover  { background: #0A66C2 !important; }

/* Footer bottom bar */
.footer-bottom {
  background: rgba(0,0,0,.2) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  padding: 1.5rem 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
.footer-bottom small,
.footer-bottom-links a {
  color: #9ca3af !important;
  font-size: .8rem !important;
  text-decoration: none !important;
}
.footer-bottom-links a:hover { color: #20c997 !important; }
.footer-dot { color: #6b7280 !important; margin: 0 .45rem !important; }

/* Credit badge */
.footer-credit {
  background-color: #fff !important;
  padding: .2rem .6rem !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  margin-left: 4px !important;
  display: inline-block !important;
}
.footer-credit-text {
  font-weight: 700 !important;
  background: linear-gradient(90deg, #198754, #0d6efd, #ef4444, #f59e0b, #198754) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: ftCreditFlow 4s linear infinite !important;
}
@keyframes ftCreditFlow { to { background-position: -200% center; } }