:root{
  --bg:#070A12;
  --card: rgba(255,255,255,.06);
  --border: rgba(255,255,255,.10);
  --muted: rgba(255,255,255,.70);
  --muted2: rgba(255,255,255,.55);
  --white:#fff;
  --radius:22px;
  --shadow: 0 24px 70px rgba(0,0,0,.55);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Helvetica Neue";
  background: var(--bg);
  line-height:1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.container{
width:min(calc(100% - 240px), 1200px);
margin:0 auto;
}

@media(max-width:1200px){
.container{
width:min(calc(100% - 80px), 1200px);
}
}

@media(max-width:768px){
.container{
width:calc(100% - 32px);
}
}


.section{padding:70px 0;
background: #f3f4f6
    
}
.section.first{padding-top:55px;
    background: #f3f4f6
}
.section.gray{padding-top:55px;
    background: #F8FAFC
}

.h1{font-size: clamp(34px, 4vw, 56px); font-weight:900; line-height:1.08}
.h2{font-size: clamp(26px, 3vw, 40px); font-weight:900; line-height:1.15}
.h3{font-size: 18px; font-weight:800}
.p{font-size: 16px; color: var(--muted); line-height:1.7}
.small{font-size: 13px; color: var(--muted2); line-height:1.6}

.card{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
}

.grid{display:grid; gap:16px}
.grid.two{grid-template-columns: repeat(2, minmax(0,1fr))}
.grid.three{grid-template-columns: repeat(3, minmax(0,1fr))}
.grid.four{grid-template-columns: repeat(4, minmax(0,1fr))}

@media(max-width:980px){
  .grid.three{grid-template-columns: repeat(2, minmax(0,1fr))}
  .grid.four{grid-template-columns: repeat(2, minmax(0,1fr))}
}
@media(max-width:640px){
  .grid.two,.grid.three,.grid.four{grid-template-columns: 1fr}
  .section{padding:54px 0}
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 18px;
  border-radius: 16px;
  font-weight: 800;
  border:1px solid transparent;
  transition:.2s ease;
}
.btn.primary{background:#fff;color:#0b1020}
.btn.primary:hover{color:#2563EB}
.btn.ghost{background:rgba(255,255,255,.06)}
.btn.ghost:hover{color:#2563EB}

.smallBtn{padding:10px 14px;border-radius:14px;font-weight:800}

/* HERO */
.hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--border);
}
.hero:before{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(1200px 700px at 10% 10%, rgba(99,102,241,.25), transparent 55%),
              radial-gradient(900px 600px at 85% 30%, rgba(217,70,239,.20), transparent 55%),
              radial-gradient(1000px 700px at 60% 90%, rgba(34,211,238,.18), transparent 55%);
}
.heroWrap{padding:74px 0; position:relative}
.heroGrid{
  display:grid;
  grid-template-columns: 1.25fr .85fr;
  gap: 22px;
  align-items:start;
}
@media(max-width:980px){
  .heroWrap{padding:58px 0}
  .heroGrid{grid-template-columns: 1fr; gap:18px}
}

.badge{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--border);
  color: rgba(255,255,255,.82);
  font-weight:800;
  font-size:13px;
}

.badgegray{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(0, 0, 0, 0.06);
  border:1px solid var(--border);
  color: rgba(0, 0, 0, 0.82);
  font-size:13px;
}

/* KPIs */
.kpis{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.kpi{
  background: rgba(255,255,255,.05);
  border:1px solid var(--border);
  border-radius: 18px;
  padding: 14px;
}
.kpi .num{font-size: 22px; font-weight: 900}
.kpi .lbl{font-size: 12px; color: var(--muted2); margin-top:2px}
@media(max-width:640px){
  .kpis{grid-template-columns: repeat(2, minmax(0,1fr))}
}

/* Partner pills */
.partnerRow{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:14px;
  margin-top:14px;
}

.partner{
  width:100%;
  height:86px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:24px;
  overflow:hidden;

  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 6px 18px rgba(15,23,42,.05);

  padding:0;
}

/* image powerclip effect */
.partner img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

@media(max-width:900px){

  .partnerRow{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }

  .partner{
    height:74px;
    border-radius:18px;
    min-width:0;
  }

  .partner img{
    padding:0px;
  }
}

@media(max-width:480px){

  .partnerRow{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .partner{
    height:58px;
    border-radius:14px;
  }

  .partner img{
    padding:0px;
  }
}

/* Slider */
.slider{
  overflow:hidden;
  border-radius: var(--radius);
  border:1px solid var(--border);
  background: rgba(255,255,255,.05);
}
.slides{
  display:flex;
  width:300%;
  animation: slide 12s infinite;
}
.slide{
  width:100%;
  padding: 22px;
}
.slide .t{font-weight:900;font-size:18px}
.slide .d{margin-top:8px;color:var(--muted);line-height:1.7}
.slide .by{margin-top:12px;color:var(--muted2);font-size:13px;font-weight:800}
@keyframes slide{
  0%, 25% {transform:translateX(0%)}
  33%, 58% {transform:translateX(-33.333%)}
  66%, 92% {transform:translateX(-66.666%)}
  100% {transform:translateX(0%)}
}

/* HEADER */


.brand{display:flex;align-items:center}
.brandLogo{height:36px;width:auto}

.navDesktop{
display:flex;
align-items:center;
gap:34px;
margin-left:auto;
margin-right:auto;
}

.navDesktop a:hover{color:#fff}

.headerCtas{
margin-left:auto !important;
gap:8px !important;
display:flex !important;
align-items:center !important;
}


/* FOOTER */
.siteFooter{
  border-top:1px solid var(--border);
  padding: 55px 0 25px;
}
.footerGrid{
  display:grid;
  grid-template-columns: 2fr 1fr 1.2fr;
  gap:22px;
}
.footerBrandRow{display:flex;gap:12px;align-items:center}
.footerLogo{height:42px;width:auto;border-radius:12px}
.footerTitle{font-weight:900;font-size:18px}
.footerTag{font-size:13px;color:var(--muted2);font-weight:800}
.footerDesc{margin-top:14px;color:var(--muted);line-height:1.7}

.footerHead{font-weight:900}
.footerLinks{margin-top:10px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}
.footerLinks a:hover{color:#fff}

.footerContact{margin-top:10px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}
.footerContact a:hover{color:#fff}
.muted{color:var(--muted2);font-size:13px;font-weight:800}

.footerBottom{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--border);
  display:flex;
  gap:10px;
  justify-content:space-between;
  flex-wrap:wrap;
  color:var(--muted2);
  font-size:13px;
  font-weight:800;
}
@media(max-width:980px){
  .footerGrid{grid-template-columns:1fr}
}

/* WhatsApp Float */
.waFloat{
  position:fixed;
  bottom:22px;
  right:22px;
  width:58px;
  height:58px;
  border-radius:999px;
  background:#22c55e;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
  z-index:9999;
  transition:.2s ease;
}

.waFloat:hover{
  transform: translateY(-3px) scale(1.03);
}

.waFloat svg{
  width:28px;
  height:28px;
  display:block;
}

.input {
    width: 100%;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid #dcdfe7;
    background: #f2f0f0;
    color: #494949;
    outline: none;
    font-weight: 700;
}

.input::placeholder{color: #494949}
.input:focus{border-color: #494949}
select.input{appearance:none}


.awardCard{
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 26px;
  padding: 22px;
  transition: .2s ease;
  box-shadow: 0 30px 90px rgba(0,0,0,.35);
}

.awardCard:hover{
  background: rgba(255,255,255,.08);
  transform: translateY(-3px);
}

.awardTitle{
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  letter-spacing: .2px;
}

.awardImgWrap{
  margin-top: 14px;
  margin-bottom: 14px;
  width: 100%;
  height: 120px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 18px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
}

.awardImgWrap img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 14px 35px rgba(0,0,0,.45));
}

.awardDesc{
  font-size: 14px;
  color: rgba(255,255,255,.65);
  line-height: 1.6;
}

/* Awards section card alignment */
.section .grid.four .card{
  text-align: center;
}
.section .grid.four .card .h3{
  text-align: center;
}
.section .grid.four .card .small{
  text-align: center;
}

/* ============ Awards Premium ============ */

.awardsGrid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

/* Same height cards */
.awardCard{
  height: 100%;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  text-align: center;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 26px;
  padding: 22px;
  transition: .2s ease;
  box-shadow: 0 30px 90px rgba(0,0,0,.35);
}

.awardCard:hover{
  background: rgba(255,255,255,.08);
  transform: translateY(-3px);
}

.awardTitle{
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  letter-spacing: .2px;
}

/* Bigger image */
.awardImgWrap{
  margin-top: 14px;
  margin-bottom: 14px;
  width: 100%;
  height: 150px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius: 18px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;

  cursor: pointer;
  transition: .2s ease;
}

.awardImgWrap:hover{
  background: rgba(0,0,0,.35);
  transform: scale(1.01);
}

.awardImgWrap img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 14px 35px rgba(0,0,0,.45));
}

.awardDesc{
  font-size: 14px;
  color: rgba(255,255,255,.65);
  line-height: 1.6;
}

/* Hide desktop grid on mobile */
@media (max-width: 900px){
  .awardsGrid{ display:none; }
}

/* Mobile slider */
.awardsSliderWrap{
  display:none;
}

@media (max-width: 900px){
  .awardsSliderWrap{ display:block; }

  .awardsSlider{
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .awardsSlider::-webkit-scrollbar{
    height: 8px;
  }

  .awardsSlider .awardCard{
    min-width: 85%;
    scroll-snap-align: start;
  }
}

/* ============ Lightbox ============ */

.lightbox{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.lightbox.show{
  display: block;
}

.lightboxBackdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.75);
  backdrop-filter: blur(10px);
}

.lightboxCard{
  position: relative;
  max-width: 980px;
  width: calc(100% - 22px);
  margin: 60px auto;

  border-radius: 26px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 50px 140px rgba(0,0,0,.65);

  padding: 18px;
}

.lightboxClose{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;

  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.35);
  color: #fff;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor: pointer;
  transition: .2s ease;
}

.lightboxClose:hover{
  background: rgba(0,0,0,.55);
  transform: scale(1.03);
}

.lightboxImgWrap{
  width: 100%;
  height: 520px;
  border-radius: 22px;
  overflow: hidden;

  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.08);

  display:flex;
  align-items:center;
  justify-content:center;
}

.lightboxImgWrap img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.lightboxMeta{
  padding: 14px 6px 4px;
  text-align: center;
}

.lightboxTitle{
  font-size: 20px;
  font-weight: 900;
  color: #fff;
}

.lightboxDesc{
  margin-top: 6px;
  font-size: 14px;
  color: rgba(255,255,255,.70);
}

@media (max-width: 600px){
  .lightboxCard{ margin: 18px auto; }
  .lightboxImgWrap{ height: 360px; }
}

.brandWrap{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  white-space:nowrap;
}

.brandLogo{
  height:38px;
  width:auto;
  display:block;
}

.brandName{
  font-weight:900;
  font-size:18px;
  color:#fff;
  line-height:1;
}

/* Mobile: keep same */
@media (max-width: 640px){
  .brandLogo{ height:34px; }
  .brandName{ font-size:16px; }
}

.icon{
  width:18px;
  height:18px;
  display:block;        /* IMPORTANT */
  flex-shrink:0;
  color: rgba(255,255,255,.85);
}

.iconWrap{
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.footer a{
  display:flex;
  align-items:center;
  gap:10px;
}

.footerContact{
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:14px;
}


.footerItem{
display:flex;
align-items:center;
gap:14px;
line-height:1.6;
color:#64748b;
font-size:17px;
text-decoration:none;
}

.footerItem span:last-child{
display:flex;
align-items:center;
min-height:40px;
}

.footerItem:hover{
  color:#fff;
}

.iconWrap{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-top:2px;
  opacity:.9;
}

.icon{
  width:20px;
  height:20px;
  display:block;
  color: rgba(255,255,255,.75);
}

.footerItem:hover .icon{
  color:#fff;
}

.footerTag .sep{
  opacity:.55;
  margin: 0 6px;
}

.footerGrid{
  display:grid;
  grid-template-columns: 2fr 1fr 1.3fr;
  gap: 48px;
}

@media(max-width:900px){
  .footerGrid{
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

/* ===== Testimonials Premium Slider ===== */

.testimonialSlider{
  margin-top: 24px;
  overflow: hidden;
  position: relative;
  cursor: grab;
}

.testimonialSlider:active{
  cursor: grabbing;
}

.testimonialTrack{
  display: flex;
  gap: 18px;
  will-change: transform;
  transition: transform 0.1s linear;
}

.testimonialCard{
  min-width: 25%;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 22px;
  backdrop-filter: blur(16px);
  box-shadow: var(--shadow);
  transition:.3s ease;
}

.testimonialCard:hover{
  transform: translateY(-5px);
  background: rgba(255,255,255,.08);
}

.tTitle{
  font-weight: 900;
  font-size: 18px;
}

.tDesc{
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.7;
}

.tBy{
  margin-top: 14px;
  font-weight: 800;
  font-size: 13px;
  color: var(--muted2);
}

/* Responsive */
@media(max-width:980px){
  .testimonialCard{ min-width: 5%; }
}

@media(max-width:640px){
  .testimonialCard{ min-width: 5%; }
}



/* =========================
   FINAL SAFE OVERRIDE
   KEEP ALL OLD CSS ABOVE
========================= */

/* HEADER LIGHT FIX */

.brandName{
color:#111827 !important;
}

.navDesktop a{
color:#374151 !important;
}

.navDesktop a:hover{
color:#2563eb !important;
}


/* FOOTER LIGHT FIX */
.siteFooter{
background:#f9fafb !important;
border-top:1px solid #e5e7eb !important;
padding:70px 0 28px !important;
}

.footerTitle,
.footerHead{
color:#111827 !important;
}

.footerTag,
.footerDesc,
.footerLinks a,
.footerItem,
.footerBottom,
.muted{
color:#64748b !important;
}

.footerLinks a:hover,
.footerItem:hover{
color:#2563eb !important;
}

.iconWrap{
width:40px !important;
height:40px !important;
min-width:40px !important;
border-radius:12px !important;
background:#ffffff !important;
border:1px solid #e5e7eb !important;
color:#2563eb !important;
}

.icon{
width:18px !important;
height:18px !important;
display:block !important;
}

.footerBottom{
border-top:1px solid #e5e7eb !important;
}

.footerLogo{
filter:none !important;
}

.waFloat{
box-shadow:0 10px 25px rgba(0,0,0,.12) !important;
}


/* MOBILE SAFE */
@media(max-width:900px){

.footerGrid{
grid-template-columns:1fr !important;
gap:35px !important;
}

.footerBottom{
flex-direction:column !important;
}

}



.hidden{
display:none;
}

@media(max-width:980px){

.desktopOnly{
display:none;
}


.brandName{
font-size:16px;
}

.brandLogo{
height:34px;
}

}


.dropdown{
background:none;
border:none;
cursor:pointer;
display:flex;
align-items:center;
gap:5px;
font-family:inherit;
}

.navDropdown{
position:relative;
}

.exactDropdown{
position:absolute;
top:44px;
left:0;
width:398px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
padding:8px;
opacity:0;
visibility:hidden;
transform:translateY(6px);
transition:.18s ease;
z-index:100;
}

.navDropdown:hover .exactDropdown{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.exactItem{
display:flex;
gap:14px;
padding:12px;
border-radius:10px;
text-decoration:none;
color:#111827;
align-items:flex-start;
}

.exactItem:hover{
background:#f8fafc;
}

.exactIconBox{
width:42px;
height:42px;
border-radius:10px;
background:#f3f4f6;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.exactTitle{
font-size:15px;
font-weight:600;
display:flex;
align-items:center;
gap:8px;
}

.exactDesc{
font-size:14px;
color:#6b7280;
margin-top:4px;
line-height:1.45;
max-width:250px;
}

.exactBadge{
font-size:10px;
font-weight:600;
padding:2px 7px;
border-radius:999px;
background:#e8f0ff;
color:#2563eb;
}

.exactDivider{
height:1px;
background:#e5e7eb;
margin:6px 0;
}

.exactFooter{
display:flex;
justify-content:space-between;
align-items:center;
padding:12px;
border-radius:10px;
text-decoration:none;
font-size:15px;
font-weight:500;
color:#4b5563;
}

.exactFooter:hover{
background:#f8fafc;
color:#111827;
}


/* =========================================================
   FINAL MASTER OVERRIDE — HEADER / FOOTER / MOBILE CLEAN
   KEEP THIS LAST IN STYLE.CSS
========================================================= */

/* ---------- HEADER ---------- */

.siteHeader{
position:sticky;
top:0;
z-index:1000;
background:#ffffff !important;
border-bottom:1px solid #e5e7eb !important;
backdrop-filter:none !important;
}

.headerWrap{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:24px !important;
padding:14px 0 !important;
min-height:84px !important;
}

.brandWrap{
display:flex;
align-items:center;
gap:12px;
white-space:nowrap;
flex-shrink:0;
}

.brandLogo{
height:38px !important;
width:auto;
display:block;
}

.brandName{
font-size:18px !important;
font-weight:800 !important;
color:#111827 !important;
line-height:1;
}

.navDesktop{
display:flex !important;
align-items:center !important;
gap:34px !important;
margin-left:auto !important;
margin-right:auto !important;
}

.navDesktop a{
color:#374151 !important;
font-weight:600 !important;
text-decoration:none;
}

.navDesktop a:hover{
color:#2563eb !important;
}

.headerCtas{
display:flex;
align-items:center;
gap:12px;
flex-shrink:0;
margin-left:auto;
}

.socialIcon{
width:40px !important;
height:40px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid #e5e7eb !important;
border-radius:12px !important;
background:#fff !important;
color:#374151 !important;
transition:.25s ease;
}

.socialIcon svg{
width:18px !important;
height:18px !important;
}

.socialIcon:hover{
background:#f8fafc !important;
border-color:#93c5fd !important;
color:#2563eb !important;
}

.hamburger{
display:none;
width:42px !important;
height:42px !important;
border:1px solid #e5e7eb !important;
border-radius:12px !important;
background:#fff !important;
align-items:center;
justify-content:center;
flex-direction:column;
gap:4px;
cursor:pointer;
}

.hamburger svg{
width:20px;
height:20px;
display:block;
}

.hamburger span{
width:18px;
height:2px;
background:#111827 !important;
border-radius:2px;
}

/* ---------- DROPDOWN ---------- */

.navDropdown{
position:relative;
}

.dropdownBtn{
background:none;
border:none;
cursor:pointer;
display:flex;
align-items:center;
gap:5px;
font-family:inherit;
}

.exactDropdown{
position:absolute;
top:44px;
left:0;
width:398px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
padding:8px;
opacity:0;
visibility:hidden;
transform:translateY(6px);
transition:.18s ease;
z-index:100;
}

.navDropdown:hover .exactDropdown{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.exactItem{
display:flex;
gap:14px;
padding:12px;
border-radius:10px;
text-decoration:none;
color:#111827;
align-items:flex-start;
}

.exactItem:hover{
background:#f8fafc;
}

.exactIconBox{
width:42px;
height:42px;
border-radius:10px;
background:#f3f4f6;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.exactTitle{
font-size:15px;
font-weight:600;
display:flex;
align-items:center;
gap:8px;
}

.exactDesc{
font-size:14px;
color:#6b7280;
margin-top:4px;
line-height:1.45;
max-width:250px;
}

.exactBadge{
font-size:10px;
font-weight:600;
padding:2px 7px;
border-radius:999px;
background:#e8f0ff;
color:#2563eb;
}

/* ---------- FOOTER ---------- */

.siteFooter{
background:#f9fafb !important;
border-top:1px solid #e5e7eb !important;
padding:70px 0 28px !important;
}

.footerTitle,
.footerHead{
color:#111827 !important;
}

.footerTag,
.footerDesc,
.footerLinks a,
.footerItem,
.footerBottom,
.muted{
color:#64748b !important;
}

.footerLinks a:hover,
.footerItem:hover{
color:#2563eb !important;
}

.iconWrap{
width:40px !important;
height:40px !important;
min-width:40px !important;
border-radius:12px !important;
background:#fff !important;
border:1px solid #e5e7eb !important;
color:#2563eb !important;
}

.icon{
width:18px !important;
height:18px !important;
display:block !important;
}

.footerBottom{
border-top:1px solid #e5e7eb !important;
}

/* ---------- MOBILE ---------- */

@media(max-width:980px){

.navDesktop{
display:none !important;
}

.desktopOnly{
display:none !important;
}

.hamburger{
display:flex !important;
}

.headerWrap{
min-height:74px !important;
gap:12px !important;
}

.brandLogo{
height:34px !important;
}

.brandName{
font-size:16px !important;
}

.headerCtas{
margin-left:auto !important;
gap:8px !important;
}

.socialIcon{
width:36px !important;
height:36px !important;
}

.footerGrid{
grid-template-columns:1fr !important;
gap:35px !important;
}

.footerBottom{
flex-direction:column !important;
}

}


/* ===== Testimonials Premium Slider ===== */

.testimonialSlider{
  margin-top: 24px;
  overflow: hidden;
  position: relative;
  cursor: grab;
}

.testimonialSlider:active{
  cursor: grabbing;
}

.testimonialTrack{
  display: flex;
  gap: 18px;
  will-change: transform;
  transition: transform 0.1s linear;
}

.testimonialCard{
  min-width: 5%;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 22px;
  backdrop-filter: blur(16px);
  box-shadow: var(--shadow);
  transition:.3s ease;
}

.testimonialCard:hover{
  transform: translateY(-5px);
  background: rgba(255,255,255,.08);
}

.tTitle{
  font-weight: 900;
  font-size: 18px;
}

.tDesc{
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.7;
}

.tBy{
  margin-top: 14px;
  font-weight: 800;
  font-size: 13px;
  color: var(--muted2);
}

/* Responsive */
@media(max-width:980px){
  .testimonialCard{ min-width: 5%; }
}

@media(max-width:640px){
  .testimonialCard{ min-width: 5%; }
}

/* =============================== */
/* OFFICIAL PARTNER - ENTERPRISE  */
/* =============================== */

.partnerSection{
  padding:60px 0 60px;
  position:relative;
  padding-left:120px;
padding-right:120px;
}

.partnerHeader{
  text-align:center;
  margin-bottom:70px;
}

.partnerHeader h2{
  font-size:36px;
  font-weight:900;
  margin-bottom:12px;
}

.partnerHeader p{
  max-width:680px;
  margin:auto;
  color:rgba(255,255,255,.65);
}

/* GRID */

.partnerGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}

/* CARD */

.partnerCard{
  position:relative;
  padding:50px 30px 35px;
  border-radius:28px;
  text-align:center;

  background:rgba(255,255,255,.05);
  border:1px solid transparent;

  min-height:240px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  transition:all .4s ease;
  transform-style:preserve-3d;

  overflow:hidden;
}

/* Animated gradient border */
.partnerCard{
  position:relative;
  padding:50px 30px 35px;
  border-radius:28px;
  text-align:center;
  background:rgba(255,255,255,.05);

  border:1px solid transparent;

  background-clip:padding-box;
}

.partnerCard::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  padding:1px;
  background:linear-gradient(120deg,#6366f1,#22d3ee,#a855f7);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  z-index:-1;
}
@keyframes borderMove{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* Floating glow */
.partnerCard::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  background:radial-gradient(circle,#6366f180,transparent 70%);
  filter:blur(25px);
  opacity:.5;
  bottom:-40px;
  right:-40px;
  z-index:-1;
}

/* Bigger logos */
.partnerCard img{
  height:75px;
  margin-bottom:20px;
  transition:.4s ease;
}

/* Text */
.partnerCard h3{
  font-size:18px;
  font-weight:800;
  margin-bottom:6px;
}

.partnerCard span{
  font-size:13px;
  color:rgba(255,255,255,.55);
}

/* Badge */
.partnerBadge{
  position:absolute;
  top:18px;
  right:18px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  font-size:11px;
  font-weight:700;
  border-radius:999px;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.4);
  color:#22c55e;
  overflow:hidden;
}

.badgeIcon{
  width:14px;
  height:14px;
}

/* Shimmer */
.partnerBadge::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:100%;
  height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);
  transform:skewX(-25deg);
  animation:none;
}

.partnerCard:hover .partnerBadge::before{
  animation:shimmer 1.2s ease;
}

@keyframes shimmer{
  0%{left:-120%}
  50%{left:120%}
  100%{left:120%}
}

/* Hover spotlight */
.partnerCard:hover{
  transform:translateY(-12px) scale(1.02);
  background:rgba(255,255,255,.08);
}

.partnerCard:hover img{
  transform:scale(1.08);
}

/* Responsive */
@media(max-width:1100px){
  .partnerGrid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .partnerGrid{grid-template-columns:1fr;}
}




/* =========================
   FINAL SAFE OVERRIDE
   KEEP ALL OLD CSS ABOVE
========================= */

/* HEADER LIGHT FIX */

.brandName{
color:#111827 !important;
}

.navDesktop a{
color:#374151 !important;
}

.navDesktop a:hover{
color:#2563eb !important;
}


/* FOOTER LIGHT FIX */
.siteFooter{
background:#f9fafb !important;
border-top:1px solid #e5e7eb !important;
padding:70px 0 28px !important;
}

.footerTitle,
.footerHead{
color:#111827 !important;
}

.footerTag,
.footerDesc,
.footerLinks a,
.footerItem,
.footerBottom,
.muted{
color:#64748b !important;
}

.footerLinks a:hover,
.footerItem:hover{
color:#2563eb !important;
}

.iconWrap{
width:40px !important;
height:40px !important;
min-width:40px !important;
border-radius:12px !important;
background:#ffffff !important;
border:1px solid #e5e7eb !important;
color:#2563eb !important;
}

.icon{
width:18px !important;
height:18px !important;
display:block !important;
}

.footerBottom{
border-top:1px solid #e5e7eb !important;
}

.footerLogo{
filter:none !important;
}

.waFloat{
box-shadow:0 10px 25px rgba(0,0,0,.12) !important;
}


/* MOBILE SAFE */
@media(max-width:900px){

.footerGrid{
grid-template-columns:1fr !important;
gap:35px !important;
}

.footerBottom{
flex-direction:column !important;
}

}



.hidden{
display:none;
}

@media(max-width:980px){

.desktopOnly{
display:none;
}


.brandName{
font-size:16px;
}

.brandLogo{
height:34px;
}

}


.dropdownBtn{
background:none;
border:none;
cursor:pointer;
display:flex;
align-items:center;
gap:5px;
font-family:inherit;
}

.navDropdown{
position:relative;
}

.exactDropdown{
position:absolute;
top:44px;
left:0;
width:398px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
padding:8px;
opacity:0;
visibility:hidden;
transform:translateY(6px);
transition:.18s ease;
z-index:100;
}

.navDropdown:hover .exactDropdown{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.exactItem{
display:flex;
gap:14px;
padding:12px;
border-radius:10px;
text-decoration:none;
color:#111827;
align-items:flex-start;
}

.exactItem:hover{
background:#f8fafc;
}

.exactIconBox{
width:42px;
height:42px;
border-radius:10px;
background:#f3f4f6;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.exactTitle{
font-size:15px;
font-weight:600;
display:flex;
align-items:center;
gap:8px;
}

.exactDesc{
font-size:14px;
color:#6b7280;
margin-top:4px;
line-height:1.45;
max-width:250px;
}

.exactBadge{
font-size:10px;
font-weight:600;
padding:2px 7px;
border-radius:999px;
background:#e8f0ff;
color:#2563eb;
}

.exactDivider{
height:1px;
background:#e5e7eb;
margin:6px 0;
}

.exactFooter{
display:flex;
justify-content:space-between;
align-items:center;
padding:12px;
border-radius:10px;
text-decoration:none;
font-size:15px;
font-weight:500;
color:#4b5563;
}

.exactFooter:hover{
background:#f8fafc;
color:#111827;
}



/* =========================================================
   FINAL MASTER OVERRIDE — HEADER / FOOTER / MOBILE CLEAN
   KEEP THIS LAST IN STYLE.CSS
========================================================= */

/* ---------- HEADER ---------- */

.siteHeader{
position:sticky;
top:0;
z-index:1000;
background:#ffffff !important;
border-bottom:1px solid #e5e7eb !important;
backdrop-filter:none !important;
}

.headerWrap{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:24px !important;
padding:14px 0 !important;
min-height:84px !important;
}

.brandWrap{
display:flex;
align-items:center;
gap:12px;
white-space:nowrap;
flex-shrink:0;
}

.brandLogo{
height:38px !important;
width:auto;
display:block;
}

.brandName{
font-size:18px !important;
font-weight:800 !important;
color:#111827 !important;
line-height:1;
}

.navDesktop{
display:flex !important;
align-items:center !important;
gap:34px !important;
margin-left:auto !important;
margin-right:auto !important;
}

.navDesktop a{
color:#374151 !important;
font-weight:600 !important;
text-decoration:none;
}

.navDesktop a:hover{
color:#2563eb !important;
}

.headerCtas{
display:flex !important;
align-items:center !important;
gap:10px !important;
flex-shrink:0;
}

.socialIcon{
width:40px !important;
height:40px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid #e5e7eb !important;
border-radius:12px !important;
background:#fff !important;
color:#374151 !important;
transition:.25s ease;
}

.socialIcon svg{
width:18px !important;
height:18px !important;
}

.socialIcon:hover{
background:#f8fafc !important;
border-color:#93c5fd !important;
color:#2563eb !important;
}

.hamburger{
display:none;
width:42px !important;
height:42px !important;
border:1px solid #e5e7eb !important;
border-radius:12px !important;
background:#fff !important;
align-items:center;
justify-content:center;
flex-direction:column;
gap:4px;
cursor:pointer;
}

.hamburger span{
width:18px;
height:2px;
background:#111827 !important;
border-radius:2px;
}

/* ---------- DROPDOWN ---------- */

.navDropdown{
position:relative;
}

.dropdownBtn{
background:none;
border:none;
cursor:pointer;
display:flex;
align-items:center;
gap:5px;
font-family:inherit;
}

.exactDropdown{
position:absolute;
top:44px;
left:0;
width:398px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
padding:8px;
opacity:0;
visibility:hidden;
transform:translateY(6px);
transition:.18s ease;
z-index:100;
}

.navDropdown:hover .exactDropdown{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.exactItem{
display:flex;
gap:14px;
padding:12px;
border-radius:10px;
text-decoration:none;
color:#111827;
align-items:flex-start;
}

.exactItem:hover{
background:#f8fafc;
}

.exactIconBox{
width:42px;
height:42px;
border-radius:10px;
background:#f3f4f6;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.exactTitle{
font-size:15px;
font-weight:600;
display:flex;
align-items:center;
gap:8px;
}

.exactDesc{
font-size:14px;
color:#6b7280;
margin-top:4px;
line-height:1.45;
max-width:250px;
}

.exactBadge{
font-size:10px;
font-weight:600;
padding:2px 7px;
border-radius:999px;
background:#e8f0ff;
color:#2563eb;
}


/* ---------- FOOTER ---------- */

.siteFooter{
background:#f9fafb !important;
border-top:1px solid #e5e7eb !important;
padding:70px 0 28px !important;
}

.footerTitle,
.footerHead{
color:#111827 !important;
}

.footerTag,
.footerDesc,
.footerLinks a,
.footerItem,
.footerBottom,
.muted{
color:#64748b !important;
}

.footerLinks a:hover,
.footerItem:hover{
color:#2563eb !important;
}

.iconWrap{
width:40px !important;
height:40px !important;
min-width:40px !important;
border-radius:12px !important;
background:#fff !important;
border:1px solid #e5e7eb !important;
color:#2563eb !important;
}

.icon{
width:18px !important;
height:18px !important;
display:block !important;
}

.footerBottom{
border-top:1px solid #e5e7eb !important;
}

/* ---------- MOBILE ---------- */

@media(max-width:980px){

.navDesktop{
display:none !important;
}

.desktopOnly{
display:none !important;
}

.hamburger{
display:flex !important;
}

.headerWrap{
min-height:74px !important;
gap:12px !important;
}

.brandLogo{
height:34px !important;
}

.brandName{
font-size:16px !important;
}

.headerCtas{
margin-left:auto !important;
gap:8px !important;
}

.socialIcon{
width:36px !important;
height:36px !important;
}

.footerGrid{
grid-template-columns:1fr !important;
gap:35px !important;
}

.footerBottom{
flex-direction:column !important;
}

}

/* ===== FINAL MOBILE DRAWER ===== */

.mobileMenuInner{
display:flex;
flex-direction:column;
gap:18px;
padding-top:70px;
}

.mobileMenuInner a{
display:block;
padding:12px 0;
font-size:16px;
font-weight:600;
color:#111827;
border-bottom:1px solid #f1f5f9;
}

.mobileMenuInner a:hover{
color:#2563eb;
}

.mobileMenuCtas{
display:flex;
flex-direction:column;
gap:12px;
margin-top:18px;
}

/* =========================================
FINAL LOCKED PATCH — KEEP THIS ABSOLUTE LAST
========================================= */

/* mobile drawer visible state */

/* prevent body side scroll on drawer open */
body.menu-open{
overflow:hidden;
}

/* fix hamburger icon color */
.hamburger svg path{
fill:#111827 !important;
}

/* mobile header spacing */
@media(max-width:980px){

.siteHeader{
position:sticky;
top:0;
z-index:9999;
}

.headerWrap{
padding:12px 0 !important;
min-height:72px !important;
}

.brandWrap{
min-width:0;
}

.brandName{
font-size:15px !important;
max-width:140px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.headerCtas{
gap:8px !important;
}

.socialIcon{
width:36px !important;
height:36px !important;
}

.hamburger{
width:40px !important;
height:40px !important;
flex-shrink:0;
}


/* CTA buttons inside drawer */
.mobileMenuCtas .btn{
width:100%;
justify-content:center;
}

/* prevent dropdown desktop issue */
.exactDropdown{
display:none !important;
}

}

/* desktop restore dropdown */
@media(min-width:981px){

.navDropdown:hover .exactDropdown{
display:block !important;
opacity:1;
visibility:visible;
transform:translateY(0);
}

}

/* whatsapp safe mobile */
@media(max-width:640px){

.waFloat{
width:54px;
height:54px;
right:16px;
bottom:16px;
}

.waFloat svg{
width:26px;
height:26px;
}

}

.mobileSlideMenu{
display:none;
}

.mobileSlideMenu.open{
display:block;
right:0;
}

/* =========================================
FINAL HOMEPAGE LIGHT MODE OVERRIDE
KEEP THIS ABSOLUTE LAST
========================================= */

:root{
  --bg:#ffffff;
  --card:#ffffff;
  --border:#e5e7eb;
  --muted:#64748b;
  --muted2:#94a3b8;
  --white:#111827;
  --shadow:0 12px 35px rgba(15,23,42,.06);
}

/* BODY */
body{
  background:#ffffff !important;
  color:#111827 !important;
}

/* TEXT */
.h1,.h2,.h3{
  color:#111827 !important;
}

.p,
.small{
  color:#64748b !important;
}

/* HERO */
.hero{
  border-bottom:1px solid #e5e7eb !important;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.08), transparent 35%),
    radial-gradient(circle at bottom left, rgba(14,165,233,.06), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}

.hero:before{
  background:none !important;
}

.badge{
  background:#eef6ff !important;
  border:1px solid #dbeafe !important;
  color:#2563eb !important;
}

/* BUTTONS */
.btn.primary{
  background:#2563eb !important;
  color:#fff !important;
}

.btn.primary:hover{
  background:#1d4ed8 !important;
  color:#fff !important;
}

.btn.ghost{
  background:#fff !important;
  border:1px solid #d1d5db !important;
  color:#111827 !important;
}

.btn.ghost:hover{
  color:#2563eb !important;
}

/* CARDS */
.card,
.kpi,
.awardCard,
.testimonialCard{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  box-shadow:0 10px 30px rgba(15,23,42,.05) !important;
  backdrop-filter:none !important;
}

/* KPI */
.kpi .num{
  color:#111827 !important;
}

.kpi .lbl{
  color:#64748b !important;
}

/* PARTNER PILLS */
.partner{
  background:#f8fafc !important;
  border:1px solid #e5e7eb !important;
  color:#334155 !important;
}

/* PARTNER SECTION */
.partnerHeader p{
  color:#64748b !important;
}

.partnerCard{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  box-shadow:0 10px 35px rgba(15,23,42,.05) !important;
}

.partnerCard:hover{
  background:#ffffff !important;
}

.partnerCard h3{
  color:#111827 !important;
}

.partnerCard span{
  color:#64748b !important;
}

.partnerBadge{
  background:#f0fdf4 !important;
  border:1px solid #bbf7d0 !important;
  color:#16a34a !important;
}

/* AWARDS */
.awardTitle{
  color:#111827 !important;
}

.awardDesc{
  color:#64748b !important;
}

.awardImgWrap{
  background:#f8fafc !important;
  border:1px solid #e5e7eb !important;
}

/* LIGHTBOX */
.lightboxCard{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
}

.lightboxTitle{
  color:#111827 !important;
}

.lightboxDesc{
  color:#64748b !important;
}

.lightboxClose{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid #e5e7eb !important;
}

.lightboxImgWrap{
  background:#f8fafc !important;
  border:1px solid #e5e7eb !important;
}

/* ===== FINAL TESTIMONIAL SLIDER ===== */

.testimonialSlider{
  margin-top:24px;
  overflow:hidden;
  position:relative;
  cursor:grab;
}

.testimonialTrack{
  display:flex;
  gap:18px;
  width:max-content;
  will-change:transform;
}

.testimonialCard{
  flex:0 0 300px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:22px;
  box-shadow:0 10px 30px rgba(15,23,42,.05);
}

/* tablet */
@media(max-width:980px){
  .testimonialCard{
    flex:0 0 52vw;
    padding:16px;
  }
}

/* mobile */
@media(max-width:640px){

  .testimonialSlider{
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    cursor:auto;
  }

  .testimonialSlider::-webkit-scrollbar{
    display:none;
  }

  .testimonialTrack{
    transform:none !important;
  }

  .testimonialCard{
    flex:0 0 72vw;
    padding:14px;
    border-radius:16px;
    scroll-snap-align:start;
  }

  .tTitle{
    font-size:15px;
  }

  .tDesc{
    font-size:13px;
    line-height:1.55;
  }

  .tBy{
    font-size:11px;
  }
}

.featuresRight{
display:flex;
flex-direction:column;
gap:16px;
padding-top:44px;
}

.featureCard{
display:flex;
align-items:flex-start;
gap:18px;
background:#fff;
border:1px solid #d8dde6;
border-radius:24px;
padding:28px 26px;
}

.featureCardIcon{
width:48px;
height:48px;
border-radius:14px;
background:#eaf2ff;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.featureText{
display:flex;
flex-direction:column;
justify-content:center;
}

.featureCard h3,
.featureCard h4{
margin:0 0 6px;
font-size:20px;
font-weight:700;
line-height:1.3;
}

.featureCard p{
margin:0;
font-size:16px;
color:#6b7280;
line-height:1.55;
max-width:260px;
}

@media(max-width:900px){

.featuresRight{
padding-top:0;
}

.featureCard{
padding:22px 20px;
}

}

@media(max-width:640px){

.featureCard{
gap:14px;
padding:20px 18px;
}

.featureCard h3,
.featureCard h4{
font-size:18px;
}

.featureCard p{
font-size:14px;
max-width:100%;
}

}

.benefitCard{
display:flex;
align-items:center;
gap:24px;
background:#fff;
border:1px solid #d8dde6;
border-radius:18px;
padding:28px 26px;
min-height:118px;
width:100%;
box-sizing:border-box;
}

.benefitIcon{
width:60px;
height:60px;
border-radius:14px;
background:#eaf2ff;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.benefitText{
display:flex;
flex-direction:column;
justify-content:center;
}

.benefitText h3,
.benefitText h4{
margin:0 0 8px;
font-size:20px;
font-weight:700;
line-height:1.25;
color:#111827;
text-align:left;
}

.benefitText p{
margin:0;
font-size:16px;
line-height:1.5;
color:#4b5563;
text-align:left;
max-width:none;
}

.featuresRight{
display:flex;
flex-direction:column;
gap:26px;
width:100%;
}

@media(max-width:768px){

.benefitCard{
padding:22px 18px;
gap:16px;
min-height:auto;
}

.benefitIcon{
width:52px;
height:52px;
}

.benefitText h3,
.benefitText h4{
font-size:18px;
}

.benefitText p{
font-size:14px;
}

}

.featureGrid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:28px;
margin-top:55px;
align-items:stretch;
}

.labelFeatureCard{
background:#fff;
border:1px solid #d8dde6;
border-radius:16px;
padding:28px;
min-height:220px;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
width:100%;
}

.labelFeatureIcon{
width:54px;
height:54px;
border-radius:12px;
background:#eaf2ff;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:22px;
flex-shrink:0;
color:#2563eb;
}

.labelFeatureText{
width:100%;
}

.labelFeatureText h3{
margin:0 0 14px;
font-size:20px;
font-weight:700;
line-height:1.35;
color:#111827;
}

.labelFeatureText p{
margin:0;
font-size:16px;
line-height:1.65;
color:#6b7280;
}

@media(max-width:1024px){

.featureGrid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:22px;
}

.labelFeatureCard{
padding:24px;
min-height:200px;
}

.labelFeatureText h3{
font-size:18px;
}

.labelFeatureText p{
font-size:15px;
}

}

@media(max-width:640px){

.featureGrid{
grid-template-columns:1fr;
gap:18px;
margin-top:35px;
}

.labelFeatureCard{
padding:20px;
min-height:auto;
border-radius:14px;
}

.labelFeatureIcon{
width:48px;
height:48px;
margin-bottom:16px;
}

.labelFeatureText h3{
font-size:17px;
margin-bottom:10px;
}

.labelFeatureText p{
font-size:14px;
line-height:1.55;
}

}


.sellerSection{
padding-left:120px;
padding-right:120px;
}

@media(max-width:1200px){
.sellerSection{
padding-left:40px;
padding-right:40px;
}
}

@media(max-width:640px){
.sellerSection{
padding-left:16px;
padding-right:16px;
}
}

@media(max-width:640px){

.featureGrid{
grid-template-columns:1fr !important;
gap:16px !important;
}

.labelFeatureCard{
width:100% !important;
min-width:0 !important;
padding:20px !important;
}

.labelFeatureText h3,
.labelFeatureText p{
word-break:normal !important;
overflow-wrap:break-word !important;
}

}

/* FEATURE SECTION FINAL FIX */

.partnerSection{
padding-left:120px;
padding-right:120px;
}

.featureContainer{
max-width:1280px;
margin:auto;
width:100%;
}

.featureGrid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
width:100%;
}

.labelFeatureCard{
min-width:0;
width:100%;
padding:28px 24px;
border:1px solid #e5e7eb;
border-radius:20px;
background:#fff;
display:flex;
flex-direction:column;
justify-content:flex-start;
}

.labelFeatureText h3{
font-size:28px;
line-height:1.25;
word-break:normal;
overflow-wrap:break-word;
}

.labelFeatureText p{
font-size:16px;
line-height:1.7;
word-break:normal;
overflow-wrap:break-word;
}

/* tablet */
@media(max-width:1100px){

.partnerSection{
padding-left:40px;
padding-right:40px;
}

.featureGrid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
}

.labelFeatureText h3{
font-size:24px;
}

}

/* mobile */
@media(max-width:640px){

.partnerSection{
padding-left:16px;
padding-right:16px;
}

.featureGrid{
grid-template-columns:1fr;
gap:16px;
}

.labelFeatureCard{
padding:20px 18px;
border-radius:16px;
}

.labelFeatureText h3{
font-size:22px;
line-height:1.35;
}

.labelFeatureText p{
font-size:15px;
line-height:1.6;
}

}