html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}
:root {
--default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--heading-font: "Roboto",  sans-serif;
--nav-font: "Poppins",  sans-serif;
}
:root {
  --header-bg: rgba(255, 255, 255, 0.92);
  --header-bg-scrolled: rgba(255, 255, 255, 0.98);
  --header-border: rgba(15, 23, 42, 0.06);
  --header-border-strong: rgba(15, 23, 42, 0.12);
  --header-text: #0f172a;

  --border-radius-sm: 10px;
  --border-radius-md: 20px;

  --shadow-lg: 0 18px 45px rgba(15, 23, 42, 0.18);
  --transition-smooth: cubic-bezier(0.22, 0.61, 0.36, 1);
}

:root { 
--background-color: #ffffff;
--default-color: #666666;
--heading-color: #333333;
--accent-color: #337ee6; 
--surface-color: #ffffff;
--contrast-color: #ffffff;
--primary-blue: #337ee6;
--hover-blue: #337ee6;
--light-blue: #CAF0F8;
--dark-text: #2C3E50;
--gray-text: #6C757D;
--border-color: #E0E0E0;
--secondary-blue: #0d6eaf;
--lighter-blue: #8cc8e8;
--lightest-blue: #cce7f0;
--gradient-primary: linear-gradient(135deg, #1181c8 0%, #0d6eaf 100%);
--gradient-light: linear-gradient(135deg, #4da6db 0%, #1181c8 100%);
--gradient-accent: linear-gradient(135deg, #8cc8e8 0%, #4da6db 100%);
--shadow-soft: 0 10px 40px rgba(17, 129, 200, 0.15);
--shadow-medium: 0 20px 60px rgba(17, 129, 200, 0.2);
--shadow-strong: 0 30px 80px rgba(17, 129, 200, 0.25);
--border-radius-lg: 20px;
--border-radius-xl: 30px;
}

:root {
--nav-color: #ffffff;  /* The default color of the main navmenu links */
--nav-hover-color: #ffffff; /* Applied to main navmenu links when they are hovered over or active */
--nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
--nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
--nav-dropdown-color: #666666; /* Used for navigation links of the dropdown items in the navigation menu. */
--nav-dropdown-hover-color: #337ee6; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

.light-background {
--background-color: #f9f9f9;
--surface-color: #ffffff;
}

.dark-background {
--background-color: #2f3942;
--default-color: #ffffff;
--heading-color: #ffffff;
--surface-color: #445360;
--contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
scroll-behavior: smooth;
}

.gis-blue {
color: #1181c8!important;
}

/* ═══ HERO ═══ */
.xq7r2{border-radius:24px;background:var(--gradient-primary);position:relative;overflow:hidden;padding:80px 24px;text-align:center;margin:152px 24px 24px;}
.xq7r2::before,.xq7r2::after,.xq7r2 .bv9k1,.xq7r2 .bv9k2,.xq7r2 .bv9k3{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.10);}
.xq7r2::before{width:340px;height:340px;top:-120px;left:-80px;}
.xq7r2::after{width:280px;height:280px;bottom:-80px;right:60px;background:rgba(140,200,232,.18);}
.xq7r2 .bv9k1{width:200px;height:200px;top:-60px;left:50%;transform:translateX(-50%);background:rgba(140,200,232,.22);}
.xq7r2 .bv9k2{width:160px;height:160px;bottom:-30px;right:-20px;background:rgba(140,200,232,.15);}
.xq7r2 .bv9k3{width:120px;height:120px;bottom:60px;right:220px;background:rgba(140,200,232,.12);}
.xq7r2 .zp4m9{position:relative;z-index:2;}
.xq7r2 .lf3t6{font-size:13px;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.85);margin-bottom:16px;}
.xq7r2 .lf3t6 span{color:var(--light-blue);}
.xq7r2 .hy8w1{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:20px;}
.xq7r2 .hy8w1 .hero-title-main{display:block;font-size:1em;}
.xq7r2 .hy8w1 .hero-title-sub{display:block;font-size:clamp(1.75rem,3.5vw,2.25rem);line-height:1.18;margin-top:8px;}
.xq7r2 .mk5j2{font-size:15px;color:rgba(255,255,255,.80);max-width:420px;margin:0 auto 32px;line-height:1.65;}
.xq7r2 .rn6s8{display:inline-block;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.5);color:#fff;font-weight:700;font-size:15px;padding:14px 36px;border-radius:999px;text-decoration:none;transition:all .2s;backdrop-filter:blur(4px);}
.xq7r2 .rn6s8:hover{background:rgba(255,255,255,.28);}

/* ═══ TRUST (Support that Works) — animated pure SVG ═══ */
.wc2p4{padding:80px 0 60px;}
.wc2p4 .qt9z1{font-size:13px;font-weight:700;color:var(--primary-blue);text-align:center;margin-bottom:16px;letter-spacing:.04em;}
.wc2p4 .sq6d5{font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;color:var(--heading-color);text-align:center;line-height:1.25;max-width:640px;margin:0 auto 16px;}
.wc2p4 .bu7f3{font-size:15px;color:var(--gray-text);text-align:center;max-width:480px;margin:0 auto 48px;line-height:1.65;}
.dg9w{max-width:700px;margin:0 auto;}
.dg9w svg{display:block;width:100%;height:auto;}
@media(min-width:992px){.dg9w{max-width:860px;}}

.mys-capability-section .bu7f3{max-width:640px;}
.mys-feature-map{
  position:relative;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  align-items:center;
  gap:32px;
  max-width:980px;
  margin:0 auto;
  padding:28px;
  border:1px solid rgba(51,126,230,.12);
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  box-shadow:var(--shadow-soft);
}
.mys-feature-map::before{
  content:'';
  position:absolute;
  inset:28px auto 28px 138px;
  width:1px;
  background:linear-gradient(180deg,rgba(51,126,230,0),rgba(51,126,230,.26),rgba(51,126,230,0));
}
.mys-feature-center{
  position:relative;
  z-index:1;
  width:180px;
  min-height:180px;
  border-radius:50%;
  background:var(--gradient-primary);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:0 22px 60px rgba(17,129,200,.28);
  justify-self:center;
}
.mys-feature-center::after{
  content:'';
  position:absolute;
  inset:-14px;
  border-radius:50%;
  border:1px dashed rgba(51,126,230,.26);
}
.mys-feature-center span{
  font-size:26px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
}
.mys-feature-center small{
  display:block;
  max-width:130px;
  margin-top:8px;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
  color:rgba(255,255,255,.82);
}
.mys-feature-list{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.mys-feature-chip{
  min-height:70px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(51,126,230,.12);
  box-shadow:0 10px 30px rgba(17,129,200,.10);
  color:var(--dark-text);
  font-size:13px;
  line-height:1.32;
  font-weight:800;
}
.mys-feature-chip .chip-index{
  width:28px;
  height:28px;
  border-radius:50%;
  flex:0 0 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef6ff;
  color:var(--primary-blue);
  font-size:11px;
  font-weight:800;
}
.mys-feature-chip:nth-child(2n){background:#f8fbff;}
.mys-feature-chip:nth-child(3n) .chip-index{background:#eefcf7;color:#059669;}
.mys-feature-chip:nth-child(4n) .chip-index{background:#fff7ed;color:#f97316;}

@media(min-width:992px){
  .mys-feature-chip--wide{grid-column:auto;}
}

@media(max-width:991px){
  .mys-feature-map{grid-template-columns:1fr;gap:24px;padding:24px;}
  .mys-feature-map::before{display:none;}
  .mys-feature-center{width:160px;min-height:160px;}
  .mys-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mys-feature-chip--wide{grid-column:1 / -1;}
}

@media(max-width:575px){
  .wc2p4{padding:56px 0 44px;}
  .wc2p4 .bu7f3{margin-bottom:28px;}
  .mys-feature-map{padding:18px;border-radius:18px;}
  .mys-feature-center{width:132px;min-height:132px;}
  .mys-feature-center span{font-size:20px;}
  .mys-feature-center small{font-size:10px;max-width:105px;}
  .mys-feature-list{grid-template-columns:1fr;gap:10px;}
  .mys-feature-chip{
    min-height:58px;
    padding:12px 14px;
    border-radius:14px;
    font-size:12px;
  }
}

/* Hub pulse rings */
@keyframes pulseRing{0%{r:62;opacity:.55;}100%{r:104;opacity:0;}}
.hub-pulse1{animation:pulseRing 2.6s ease-out infinite;}
.hub-pulse2{animation:pulseRing 2.6s ease-out infinite .9s;}
.hub-pulse3{animation:pulseRing 2.6s ease-out infinite 1.7s;}

/* Animated dash lines from pills to hub */
@keyframes dashFlow{from{stroke-dashoffset:120;}to{stroke-dashoffset:0;}}
.conn-flow{stroke-dasharray:7 5;animation:dashFlow 1.8s linear infinite;}
.conn-flow.d2{animation-duration:2.2s;animation-delay:.4s;}
.conn-flow.d3{animation-duration:2s;animation-delay:.8s;}
.conn-flow.d4{animation-duration:1.9s;animation-delay:.2s;}
.conn-flow.d5{animation-duration:2.3s;animation-delay:.6s;}
.conn-flow.d6{animation-duration:2.1s;animation-delay:1s;}

/* Dot travel along a line */
@keyframes dotTravel{0%{opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{opacity:0;}}
.travel-dot{animation:dotTravel 2s ease-in-out infinite;}
.travel-dot.d2{animation-delay:.5s;}
.travel-dot.d3{animation-delay:1s;}

/* Pill node float */
@keyframes pillFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.pill-float{animation:pillFloat 3.5s ease-in-out infinite;}
.pill-float.f2{animation-delay:.6s;}
.pill-float.f3{animation-delay:1.2s;}
.pill-float.f4{animation-delay:1.8s;}
.pill-float.f5{animation-delay:.3s;}
.pill-float.f6{animation-delay:.9s;}

/* ═══ STATS (Insights that Matter) ═══ */
.tn5y6{padding:80px 0;background:#f4f9fe;}
.tn5y6 .qt9z1{font-size:13px;font-weight:700;color:var(--primary-blue);text-align:center;margin-bottom:16px;letter-spacing:.04em;}
.tn5y6 .sq6d5{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;color:var(--heading-color);text-align:center;line-height:1.25;max-width:600px;margin:0 auto 12px;}
.tn5y6 .bu7f3{font-size:14px;color:var(--gray-text);text-align:center;max-width:440px;margin:0 auto 48px;line-height:1.65;}
.gf2h9{background:#fff;border-radius:var(--border-radius-lg);padding:32px 28px;box-shadow:var(--shadow-soft);height:100%;border:1px solid var(--border-color);}
.gf2h9 .zk8m3{color:var(--primary-blue);font-size:18px;margin-bottom:12px;}
.gf2h9 .xn4b7{font-size:12px;font-weight:700;color:var(--gray-text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;}
.gf2h9 .fy1p0{font-size:clamp(3rem,8vw,4.5rem);font-weight:800;color:var(--secondary-blue);line-height:1;margin-bottom:12px;}
.gf2h9 .vq3s2{font-weight:700;color:var(--dark-text);font-size:16px;line-height:1.3;margin-bottom:10px;}
.gf2h9 .dp9c6{font-size:13px;color:var(--gray-text);line-height:1.6;}
.kl7w5{background:#fff;border-radius:var(--border-radius-lg);padding:32px 28px;box-shadow:var(--shadow-soft);height:100%;border:1px solid var(--border-color);}
.kl7w5 .zk8m3{color:var(--primary-blue);font-size:18px;margin-bottom:12px;}
.kl7w5 .xn4b7{font-size:12px;font-weight:700;color:var(--gray-text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;}
.ht6r1{display:flex;gap:20px;border-bottom:1px solid var(--border-color);margin-bottom:20px;flex-wrap:wrap;}
.ht6r1 button{background:none;border:none;font-family:'Manrope',sans-serif;font-size:13px;font-weight:600;color:var(--gray-text);padding:0 0 12px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;}
.ht6r1 button.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue);}
/* Fixed-height tab wrapper */
.tb9p-wrap{position:relative;height:155px;}
.tb9p{position:absolute;inset:0;display:flex;align-items:flex-start;gap:16px;flex-wrap:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease;}
.tb9p.active{opacity:1;pointer-events:auto;}
.tb9p .tx{flex:1;min-width:0;overflow:hidden;}
.tb9p .fy1p0{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;color:var(--secondary-blue);margin-bottom:6px;line-height:1;}
.tb9p .vq3s2{font-weight:700;color:var(--dark-text);font-size:13px;line-height:1.35;margin-bottom:6px;}
.tb9p .dp9c6{font-size:12px;color:var(--gray-text);line-height:1.6;}
.mn3k8{display:flex;align-items:flex-end;gap:8px;height:100px;flex-shrink:0;}
.bc5j2{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;}
.bc5j2 .br{width:100%;border-radius:5px 5px 0 0;}
.bc5j2 .yr{font-size:10px;color:var(--gray-text);font-weight:600;}
.bc5j2 .pct{font-size:10px;color:var(--dark-text);font-weight:700;}

/* ═══ RESOLUTION SECTION ═══ */
.rs4q{padding:80px 0;background:#fff;}
.rs4q .qt9z1{font-size:13px;font-weight:700;color:var(--primary-blue);text-align:center;margin-bottom:14px;letter-spacing:.06em;}
.rs4q .sq6d5{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--heading-color);text-align:center;line-height:1.2;max-width:580px;margin:0 auto 60px;}
/* Step list */
.rs-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--border-color);}
.rs-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--border-color);cursor:pointer;position:relative;transition:padding .2s;}
.rs-item .num{font-size:12px;font-weight:700;color:var(--gray-text);min-width:30px;padding-top:3px;transition:color .2s;}
.rs-item .lbl{font-size:16px;font-weight:700;color:var(--gray-text);transition:color .2s;}
.rs-item .desc{font-size:13px;color:var(--gray-text);line-height:1.65;margin-top:7px;max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .3s;opacity:0;}
.rs-item.active{padding-left:14px;}
.rs-item.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-primary);border-radius:2px;}
.rs-item.active .num{color:var(--primary-blue);}
.rs-item.active .lbl{color:var(--heading-color);font-size:17px;}
.rs-item.active .desc{max-height:100px;opacity:1;}
/* SVG panel */
.rs-anim{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;}
.rs-svg{position:absolute;top:0;left:0;width:100%;height:auto;max-height:380px;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;transform:scale(0.96);}
.rs-svg.active{opacity:1;pointer-events:auto;transform:scale(1);position:relative;}

/* ═══ SERVICES ═══ */
.rw8q4{padding:80px 0;background:#f4f9fe;}
.rw8q4 .qt9z1{font-size:13px;font-weight:700;color:var(--primary-blue);margin-bottom:14px;letter-spacing:.06em;}
.rw8q4 .sq6d5{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--heading-color);line-height:1.2;margin-bottom:14px;}
.rw8q4 .bu7f3{font-size:15px;color:var(--gray-text);line-height:1.65;margin-bottom:32px;}
.btn-primary-pill{display:inline-block;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:15px;padding:14px 36px;border-radius:999px;text-decoration:none;box-shadow:var(--shadow-soft);transition:box-shadow .2s,transform .2s;}
.btn-primary-pill:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px);color:#fff;}
.sl4f8{display:flex;align-items:center;gap:12px;margin-top:28px;}
.sl4f8 .arr{background:none;border:1.5px solid var(--border-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--primary-blue);transition:all .2s;flex-shrink:0;}
.sl4f8 .arr:hover:not(:disabled){background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);}
.sl4f8 .arr:disabled{opacity:.28;cursor:default;}
.pg7t{flex:1;height:3px;background:var(--lightest-blue);border-radius:999px;overflow:hidden;}
.pg7t .fg{height:100%;background:var(--gradient-primary);border-radius:999px;transition:width .4s ease;}
.cx1a7-wrap{overflow:hidden;}
.cx1a7{display:flex;gap:24px;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform;}
.sv9p3{flex:0 0 calc(50% - 12px);background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid var(--border-color);}
.sv9p3 .cd4v1{height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.sv9p3 .cd4v1.c-primary{background:var(--gradient-primary);}
.sv9p3 .cd4v1.c-light{background:var(--gradient-light);}
.sv9p3 .cd4v1.c-accent{background:var(--gradient-accent);}
.sv9p3 .cd4v1.c-soft{background:var(--gradient-light);}
.sv9p3 .bdy{padding:24px;}
.sv9p3 .bdy h3{font-size:18px;font-weight:800;color:var(--heading-color);margin-bottom:10px;}
.sv9p3 .bdy p{font-size:14px;color:var(--gray-text);line-height:1.6;}
.wv2m9{display:flex;align-items:center;gap:3px;}
.wv2m9 span{width:4px;background:rgba(255,255,255,.88);border-radius:2px;}
.ob5n2{background:#fff;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;color:#0d1b3e;}
.ob5n2::before{content:'';width:8px;height:8px;border-radius:50%;background:#22c55e;}
.mg6b1{position:relative;width:180px;height:130px;}
.mg6b1 .grid-lines{position:absolute;inset:0;opacity:.32;}
.mg6b1 .pin{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:28px;}
@media(max-width:768px){
  .xq7r2{margin:112px 12px 12px;padding:60px 20px;}
  .sv9p3{flex:0 0 78vw;}
  .rs4q .row>div:last-child{margin-top:40px;}
}

/* ═══ PRODUCTS SECTION ═══ */
.prd9s{counter-reset:prd-card;position:relative;padding:88px 0;background:#f6f9fd;overflow:hidden;}
.prd9s::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(17,129,200,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(17,129,200,.05) 1px,transparent 1px);background-size:64px 64px;opacity:.38;pointer-events:none;}
.prd9s::after{content:"";position:absolute;left:0;right:0;top:0;height:260px;z-index:0;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 100%);pointer-events:none;}
.prd9s .container{position:relative;z-index:2;}
.prd9s .qt9z1{width:max-content;max-width:100%;font-size:12px;font-weight:850;color:var(--primary-blue);text-align:center;margin:0 auto 14px;letter-spacing:.08em;text-transform:uppercase;background:#fff;border:1px solid rgba(17,129,200,.14);border-radius:999px;padding:7px 14px;box-shadow:0 10px 24px rgba(17,129,200,.08);}
.prd9s .sq6d5{font-size:clamp(1.85rem,3.6vw,3rem);font-weight:850;color:var(--heading-color);text-align:center;line-height:1.12;max-width:820px;margin:0 auto 14px;}
.prd9s .bu7f3{font-size:15px;color:var(--gray-text);text-align:center;max-width:650px;margin:0 auto 46px;line-height:1.7;}
.prd9s .container>.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin:0;align-items:stretch;}
.prd9s .container>.row+[class],.prd9s .container>.row+ .row{margin-top:18px;}
.prd9s .container>.row>[class*="col-"]{min-width:0;width:auto;max-width:none;padding:0;display:flex;}
.prd9s .container>.row:first-of-type>[class*="col-md-7"]{grid-column:span 7;}
.prd9s .container>.row:first-of-type>[class*="col-md-5"]{grid-column:span 5;display:grid!important;grid-template-rows:1fr 1fr;gap:18px!important;}
.prd9s .container>.row:not(:first-of-type)>[class*="col-"]{grid-column:span 4;}

.prd-card{min-width:0;counter-increment:prd-card;position:relative;width:100%;height:100%;min-height:220px;background:#fff;border:1px solid rgba(17,129,200,.14);border-radius:12px;box-shadow:0 18px 45px rgba(35,73,105,.08);display:flex;flex-direction:column;padding:24px;overflow:hidden;transition:transform .24s,box-shadow .24s,border-color .24s;}
.prd-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(35,73,105,.13);border-color:rgba(17,129,200,.32);}
.prd-card::before{content:attr(data-card-index);position:absolute;right:20px;top:18px;font-size:42px;font-weight:850;line-height:1;color:#eaf3fb;}
.prd-card::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),#77c7dc,#f28a48);}
.prd-hero{min-height:458px;padding:30px;background:linear-gradient(135deg,#0f73b3 0%,#1181c8 55%,#4aa8d7 100%);border-color:transparent;color:#fff;justify-content:flex-end;}
.prd-hero::before{font-size:94px;color:rgba(255,255,255,.16);right:26px;top:26px;}
.prd-hero::after{background:rgba(255,255,255,.78);}
.prd-visual,.prd-sm .prd-sm-vis,.prd-hero .prd-visual{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-bottom:18px;background:var(--gradient-primary)!important;box-shadow:0 10px 24px rgba(17,129,200,.15);}
.prd-hero .prd-visual{width:64px;height:64px;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28);box-shadow:none;}
.prd-visual svg,.prd-sm-vis svg{width:28px;height:28px;}
.prd-hero .prd-visual svg{width:36px;height:36px;}
.prd-body{position:relative;z-index:1;padding:0;min-width:0;display:flex;flex-direction:column;flex:1;}
.prd-tag{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;max-width:min(100%,calc(100% - 64px));font-size:10px;font-weight:850;color:var(--primary-blue);background:#eef7ff;border:1px solid rgba(17,129,200,.13);padding:5px 10px;border-radius:999px;margin-bottom:12px;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;white-space:normal;overflow-wrap:anywhere;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.prd-hero .prd-tag{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;max-width:min(100%,calc(100% - 64px));font-size:10px;font-weight:850;color:var(--primary-blue);background:#eef7ff;border:1px solid rgba(17,129,200,.13);padding:5px 10px;border-radius:999px;margin-bottom:12px;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;white-space:normal;overflow-wrap:anywhere;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.prd-tag.prd-tag-purple{color:#6366f1;background:#f2f0ff;}
.prd-tag.prd-tag-teal{color:#087f95;background:#e6fbff;}
.prd-tag.prd-tag-green{color:#047857;background:#ecfdf5;}
.prd-body h3{font-size:clamp(16px,1.45vw,19px);font-weight:850;color:var(--heading-color);margin:0 0 10px;line-height:1.24;overflow-wrap:anywhere;}
.prd-body p{font-size:13px;color:var(--gray-text);line-height:1.65;margin:0;flex:1;}
.prd-hero .prd-body h3{font-size:clamp(24px,2.7vw,34px);color:#fff;max-width:620px;}
.prd-hero .prd-body p{color:rgba(255,255,255,.86);font-size:14px;max-width:620px;}
.prd-link{display:inline-flex;align-items:center;align-self:flex-start;margin-top:18px;font-size:13px;font-weight:850;color:var(--primary-blue);text-decoration:none;border-bottom:1px solid currentColor;line-height:1.35;}
.prd-link:hover{color:var(--secondary-blue);}
.prd-hero .prd-link{color:#fff;}

@media(max-width:1199px){
  .prd9s .container>.row:first-of-type>[class*="col-md-7"]{grid-column:span 6;}
  .prd9s .container>.row:first-of-type>[class*="col-md-5"]{grid-column:span 6;}
  .prd-hero{min-height:430px;}
}
@media(max-width:991px){
  .prd9s{padding:76px 0;}
  .prd9s .bu7f3{margin-bottom:34px;}
  .prd9s .container>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
  .prd9s .container>.row:first-of-type>[class*="col-md-7"],.prd9s .container>.row:first-of-type>[class*="col-md-5"],.prd9s .container>.row:not(:first-of-type)>[class*="col-"]{grid-column:span 1;}
  .prd9s .container>.row:first-of-type>[class*="col-md-5"]{display:grid!important;grid-template-rows:none;gap:16px!important;}
  .prd-hero{min-height:100%;}
  .prd-card{min-width:0;min-height:236px;}
}
@media(max-width:767px){
  .prd9s .container>.row{grid-template-columns:1fr;}
  .prd9s .container>.row:first-of-type>[class*="col-md-7"],.prd9s .container>.row:first-of-type>[class*="col-md-5"],.prd9s .container>.row:not(:first-of-type)>[class*="col-"]{grid-column:1;}
  .prd-card,.prd-hero{min-height:0;padding:20px;}
  .prd-hero{justify-content:flex-start;}
}
@media(max-width:575px){
  .prd9s{padding:62px 0;}
  .prd9s .sq6d5{font-size:clamp(1.55rem,7.5vw,2.1rem);}
  .prd-card::before{font-size:32px;right:14px;top:16px;}
  .prd-visual,.prd-sm .prd-sm-vis,.prd-hero .prd-visual{width:44px;height:44px;margin-bottom:14px;}
  .prd-body h3{font-size:16px;}
  .prd-hero .prd-body h3{font-size:21px;}
}

/* ═══ PRODUCT GALLERY ═══ */
.gal3k { padding: 80px 0; background: #f4f9fe; }
.gal3k .qt9z1 { font-size:13px; font-weight:700; color:var(--primary-blue); text-align:center; margin-bottom:14px; letter-spacing:.06em; }
.gal3k .sq6d5 { font-size:clamp(1.6rem,4vw,2.5rem); font-weight:800; color:var(--heading-color); text-align:center; line-height:1.2; max-width:560px; margin:0 auto 12px; }
.gal3k .bu7f3 { font-size:15px; color:var(--gray-text); text-align:center; max-width:440px; margin:0 auto 48px; line-height:1.65; }
.gal-card{
  background:#fff;
  border:1px solid var(--border-color);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  transition:box-shadow .25s,transform .25s;
}
.gal-card:hover{
  box-shadow:var(--shadow-medium);
  transform:translateY(-4px);
}
.gal-card-image{
  width:100%;
  aspect-ratio:16 / 10;
  object-fit:cover;
  background:#eef4fb;
}
.gal-card-body{
  padding:24px 26px 28px;
}
.gal-card-body h3{
  font-size:17px;
  font-weight:800;
  color:var(--heading-color);
  line-height:1.3;
  margin:0 0 14px;
}
.gal-card-body p{
  font-size:14px;
  color:var(--gray-text);
  line-height:1.75;
  margin:0;
}
.gal-card-image--full{
  aspect-ratio:16 / 10;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ═══ FAQ SECTION ═══ */
.fq7p{padding:80px 0;background:#fff;}
.fq7p .qt9z1{font-size:13px;font-weight:700;color:var(--primary-blue);margin-bottom:14px;letter-spacing:.06em;}
.fq-list{display:flex;flex-direction:column;gap:0;}
.fq-item{border-bottom:1px solid var(--border-color);}
.fq-item:first-child{border-top:1px solid var(--border-color);}
.fq-q{width:100%;background:none;border:none;text-align:left;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-family:'Manrope',sans-serif;font-size:15px;font-weight:700;color:var(--heading-color);transition:color .2s;}
.fq-q:hover{color:var(--primary-blue);}
.fq-icon{flex-shrink:0;color:var(--gray-text);transition:transform .3s,color .2s;}
.fq-item.active .fq-q{color:var(--primary-blue);}
.fq-item.active .fq-icon{transform:rotate(180deg);color:var(--primary-blue);}
.fq-a{font-size:14px;color:var(--gray-text);line-height:1.7;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;padding:0;}
.fq-item.active .fq-a{max-height:200px;padding-bottom:18px;}

/* ═══ CTA SECTION ═══ */
.cta8z {
  padding: 80px 24px;
  margin: 0 24px 40px;
  border-radius: 28px;
  background: var(--gradient-primary);
  position: relative;
  overflow: hidden;
  text-align: center;
}
/* decorative blobs */
.cta8z::before {
  content: '';
  position: absolute;
  width: 420px; height: 420px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  top: -160px; left: -120px;
}
.cta8z::after {
  content: '';
  position: absolute;
  width: 300px; height: 300px;
  border-radius: 50%;
  background: rgba(140,200,232,0.15);
  bottom: -100px; right: -60px;
}
.cta8z .cta-blob2 {
  position: absolute;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
  top: -40px; right: 15%;
}
.cta8z .cta-blob3 {
  position: absolute;
  width: 140px; height: 140px;
  border-radius: 50%;
  background: rgba(140,200,232,0.12);
  bottom: 20px; left: 20%;
}
.cta8z .cta-inner {
  position: relative;
  z-index: 2;
  max-width: 640px;
  margin: 0 auto;
}
.cta8z .cta-eyebrow {
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,0.75);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.cta8z h2 {
  font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.15;
  margin-bottom: 18px;
}
.cta8z h2 span {
  color: var(--light-blue);
}
.cta8z p {
  font-size: 16px;
  color: rgba(255,255,255,0.78);
  line-height: 1.7;
  margin-bottom: 40px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.cta8z .cta-btns {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.cta-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  color: var(--secondary-blue);
  font-family: 'Manrope', sans-serif;
  font-weight: 800;
  font-size: 15px;
  padding: 15px 34px;
  border-radius: 999px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: box-shadow 0.25s, transform 0.2s;
  box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}
.cta-btn-primary:hover {
  box-shadow: 0 14px 40px rgba(0,0,0,0.22);
  transform: translateY(-2px);
  color: var(--secondary-blue);
}
.cta-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.12);
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 15px 34px;
  border-radius: 999px;
  text-decoration: none;
  border: 1.5px solid rgba(255,255,255,0.45);
  cursor: pointer;
  backdrop-filter: blur(4px);
  transition: background 0.2s, transform 0.2s;
}
.cta-btn-outline:hover {
  background: rgba(255,255,255,0.22);
  transform: translateY(-2px);
  color: #fff;
}
/* trust row below buttons */
.cta8z .cta-trust {
  margin-top: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
}
.cta8z .cta-trust-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 700!important;
  color: rgba(255,255,255,0.75);
}
.cta8z .cta-trust-item svg {
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .cta8z { margin: 0 12px 32px; padding: 60px 20px; }
  .cta-btns { flex-direction: column; align-items: center; }
  .cta-btn-primary, .cta-btn-outline { width: 100%; justify-content: center; }
}
/* ═══ ESTIMO RESOURCES ═══ */
.estimo-section {
  padding: 80px 0;
  background: #fff;
}
.estimo-eyebrow {
  font-size: 13px; font-weight: 700;
  color: var(--primary-blue);
  text-align: center;
  letter-spacing: .06em;
  margin-bottom: 14px;
}
.estimo-heading {
  font-size: clamp(1.6rem, 4vw, 2.5rem);
  font-weight: 800; color: var(--heading-color);
  text-align: center; line-height: 1.2;
  max-width: 560px; margin: 0 auto 12px;
}
.estimo-sub {
  font-size: 15px; color: var(--gray-text);
  text-align: center; max-width: 440px;
  margin: 0 auto 56px; line-height: 1.65;
}
 
/* Cards wrapper */
.estimo-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 860px;
  margin: 0 auto;
}
@media (max-width: 640px) {
  .estimo-cards { grid-template-columns: 1fr; }
}
 
/* Base card */
.estimo-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: transform .28s cubic-bezier(.4,0,.2,1), box-shadow .28s;
  box-shadow: var(--shadow-soft);
  border: 1px solid var(--border-color);
}
.estimo-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-medium); }
.estimo-card:focus-visible { outline: 3px solid var(--primary-blue); outline-offset: 3px; }
 
/* Illustration area */
.estimo-visual {
  height: 200px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.estimo-visual-pdf  { background: var(--gradient-primary); }
.estimo-visual-video { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); }
 
/* Decorative blobs inside visual */
.estimo-blob {
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,.07);
}
 
/* Card body */
.estimo-body {
  padding: 24px 26px 28px;
  background: #fff;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.estimo-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 999px;
  margin-bottom: 12px;
  width: fit-content;
}
.estimo-badge-pdf   { color: var(--secondary-blue); background: var(--lightest-blue); }
.estimo-badge-video { color: #dc2626; background: #fef2f2; }
 
.estimo-card-title {
  font-size: 19px;
  font-weight: 800;
  color: var(--heading-color);
  margin-bottom: 8px;
  line-height: 1.25;
}
.estimo-card-desc {
  font-size: 13px;
  color: var(--gray-text);
  line-height: 1.65;
  flex: 1;
  margin-bottom: 22px;
}
 
/* CTA row inside card */
.estimo-cta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.estimo-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 11px 22px;
  border-radius: 999px;
  text-decoration: none;
  transition: background .2s, box-shadow .2s;
}
.estimo-btn-pdf {
  background: var(--gradient-primary);
  color: #fff;
  box-shadow: 0 4px 16px rgba(17,129,200,.25);
}
.estimo-btn-pdf:hover { box-shadow: 0 8px 28px rgba(17,129,200,.38); color: #fff; }
.estimo-btn-video {
  background: #dc2626;
  color: #fff;
  box-shadow: 0 4px 16px rgba(220,38,38,.25);
}
.estimo-btn-video:hover { background: #b91c1c; box-shadow: 0 8px 28px rgba(220,38,38,.38); color: #fff; }
 
.estimo-meta {
  font-size: 12px;
  color: var(--gray-text);
  font-weight: 700!important;
}
 
/* PDF illustration */
.estimo-pdf-icon {
  position: relative; z-index: 2;
}
 
/* Video play button */
.estimo-play {
  position: relative; z-index: 2;
  width: 72px; height: 72px;
  border-radius: 50%;
  background: rgba(255,255,255,.15);
  border: 2px solid rgba(255,255,255,.4);
  display: flex; align-items: center; justify-content: center;
  backdrop-filter: blur(6px);
  transition: background .2s, transform .2s;
}
.estimo-card:hover .estimo-play {
  background: rgba(220,38,38,.85);
  border-color: transparent;
  transform: scale(1.08);
}
.estimo-play svg { margin-left: 4px; }
 
/* Pulse ring behind play btn */
@keyframes estimoPulse {
  0%   { transform: scale(1);   opacity: .55; }
  100% { transform: scale(1.7); opacity: 0;   }
}
.estimo-play-ring {
  position: absolute; z-index: 1;
  width: 72px; height: 72px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.25);
  animation: estimoPulse 2s ease-out infinite;
}
.estimo-play-ring.r2 { animation-delay: .7s; }
 
/* Floating page mockup inside PDF card */
.estimo-pages {
  position: relative; z-index: 2;
  display: flex; align-items: flex-end; gap: 10px;
}
.estimo-page {
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 8px;
  backdrop-filter: blur(4px);
}
.estimo-page.p1 { width: 80px; height: 106px; }
.estimo-page.p2 { width: 72px; height: 94px;  }
.estimo-page.p3 { width: 64px; height: 82px;  }
 
/* Lines inside pages */
.estimo-page-lines { padding: 10px 8px; display: flex; flex-direction: column; gap: 6px; }
.estimo-page-lines span {
  display: block;
  height: 5px;
  border-radius: 3px;
  background: rgba(255,255,255,.55);
}
 
/* ═══ PRODUCT GALLERY ═══ */
.gal3k { padding: 80px 0; background: #f4f9fe; }
.gal3k .qt9z1 { font-size:13px; font-weight:700; color:var(--primary-blue); text-align:center; margin-bottom:14px; letter-spacing:.06em; }
.gal3k .sq6d5 { font-size:clamp(1.6rem,4vw,2.5rem); font-weight:800; color:var(--heading-color); text-align:center; line-height:1.2; max-width:560px; margin:0 auto 12px; }
.gal3k .bu7f3 { font-size:15px; color:var(--gray-text); text-align:center; max-width:440px; margin:0 auto 48px; line-height:1.65; }
 
/* Image wrapper — sized for real images, placeholder when empty */
.gal-img-wrap {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  border: 1.5px solid var(--border-color);
  box-shadow: var(--shadow-soft);
  transition: box-shadow .25s, transform .25s;
}
.gal-img-wrap:hover { box-shadow: var(--shadow-medium); transform: translateY(-3px); }
 
/* Featured: 16/9 ratio */
.gal-featured { aspect-ratio: 16/9; }
 
/* Thumbnails: 4/3 ratio */
.gal-thumb { aspect-ratio: 4/3; cursor: pointer; }
 
/* Real image inside wrapper */
.gal-img-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
 
/* Placeholder shown when no image is present */
.gal-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f0f6ff 0%, #e8f2fc 100%);
  border: 2px dashed var(--lighter-blue);
  border-radius: 15px;
}
/* Hide placeholder once a real img sibling exists */
.gal-img-wrap img ~ .gal-placeholder { display: none; }
 
.gal-upload-hint {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.gal-hint-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--primary-blue);
  margin: 0;
}
.gal-hint-sub {
  font-size: 12px;
  color: var(--gray-text);
  margin: 0;
}
 
/* Smaller hint for thumbnails */
.gal-upload-hint--sm { gap: 6px; }
.gal-hint-label {
  font-size: 12px;
  font-weight: 700;
  color: var(--secondary-blue);
  margin: 0;
}
.gal-hint-size {
  font-size: 10px;
  color: var(--gray-text);
  margin: 0;
}
 
/* Thumbnail label badge */
.gal-thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(13,110,175,0.85);
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 999px;
  white-space: nowrap;
  backdrop-filter: blur(4px);
  pointer-events: none;
}
 
/* Caption text under thumbnails */
.gal-cap {
  font-size: 12px;
  color: var(--gray-text);
  line-height: 1.55;
  margin: 4px 0 0;
  padding: 0 4px;
}
 
@media (max-width: 768px) {
  .gal-featured { aspect-ratio: 4/3; }
}
 

/* Resource section repair: supports both legacy and compact HTML class names */
.estimo-section {
  padding: clamp(72px, 8vw, 112px) 0;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  overflow: hidden;
}
.estimo-section .container {
  position: relative;
}
.estimo-eyebrow {
  margin: 0 0 14px;
  text-align: center;
  color: var(--primary-blue);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .02em;
}
.estimo-heading {
  max-width: 680px;
  margin: 0 auto 14px;
  text-align: center;
  color: var(--heading-color);
  font-size: clamp(2rem, 4.6vw, 3.8rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0;
}
.estimo-sub {
  max-width: 600px;
  margin: 0 auto clamp(34px, 5vw, 64px);
  text-align: center;
  color: var(--gray-text);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.7;
}
.estimo-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 32px);
  max-width: 980px;
  margin: 0 auto;
  align-items: stretch;
}
.estimo-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(17, 129, 200, .16);
  border-radius: 22px;
  background: #fff;
  color: var(--heading-color);
  text-decoration: none;
  box-shadow: 0 18px 48px rgba(13, 110, 175, .12);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.estimo-card:hover {
  transform: translateY(-5px);
  border-color: rgba(17, 129, 200, .28);
  box-shadow: 0 24px 60px rgba(13, 110, 175, .18);
  color: var(--heading-color);
}
.estimo-card:focus-visible {
  outline: 3px solid rgba(51, 126, 230, .55);
  outline-offset: 4px;
}
.estimo-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(180px, 23vw, 230px);
  overflow: hidden;
}
.estimo-visual-pdf {
  background: var(--gradient-primary);
}
.estimo-visual-video {
  background: linear-gradient(135deg, #17182d 0%, #16213e 48%, #0d2d55 100%);
}
.estimo-pages {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 12px;
}
.estimo-page {
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 9px;
  background: rgba(255, 255, 255, .18);
  backdrop-filter: blur(4px);
}
.estimo-page.p1 { width: 80px; height: 106px; }
.estimo-page.p2 { width: 72px; height: 94px; }
.estimo-page.p3 { width: 64px; height: 82px; }
.estimo-card-body,
.estimo-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 220px;
  padding: clamp(22px, 3vw, 30px);
  background: #fff;
}
.estimo-badge,
.estimo-type-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 12px;
  padding: 5px 13px;
  border-radius: 999px;
  background: var(--lightest-blue);
  color: var(--secondary-blue);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.estimo-card-title {
  margin: 0 0 12px;
  color: var(--heading-color);
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
}
.estimo-card-desc {
  flex: 1;
  margin: 0 0 24px;
  color: var(--gray-text);
  font-size: 15px;
  line-height: 1.7;
}
.estimo-action,
.estimo-action-btn {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: auto;
  color: var(--primary-blue);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  border-bottom: 2px solid rgba(17, 129, 200, .35);
  padding-bottom: 3px;
}
.estimo-card:hover .estimo-action,
.estimo-card:hover .estimo-action-btn {
  color: var(--secondary-blue);
  border-color: currentColor;
}
.estimo-play {
  position: relative;
  z-index: 2;
  display: flex;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255,255,255,.42);
  border-radius: 50%;
  background: rgba(255,255,255,.14);
  backdrop-filter: blur(6px);
  transition: transform .25s ease, background .25s ease;
}
.estimo-card:hover .estimo-play {
  transform: scale(1.06);
  background: rgba(255,255,255,.2);
}
.estimo-play svg { margin-left: 3px; }
@media (max-width: 767.98px) {
  .estimo-section { padding: 64px 0; }
  .estimo-cards { grid-template-columns: 1fr; max-width: 560px; }
  .estimo-card-body,
  .estimo-body { min-height: 0; }
  .estimo-visual { min-height: 180px; }
}
@media (max-width: 420px) {
  .estimo-card { border-radius: 18px; }
  .estimo-card-body,
  .estimo-body { padding: 20px; }
  .estimo-page.p1 { width: 68px; height: 92px; }
  .estimo-page.p2 { width: 60px; height: 80px; }
  .estimo-page.p3 { width: 54px; height: 72px; }
}
.ogn-icon-fallback::before {
  content: attr(data-icon);
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 0.95em;
  line-height: 1;
}


/* ODAKGIS NAVBAR PORT START */
.ogn-wrap, .ogn-wrap *, .ogn-wrap *::before, .ogn-wrap *::after,
.ogn-drawer, .ogn-drawer *, .ogn-drawer *::before, .ogn-drawer *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.ogn-wrap {
  --mega-width: 1040px;
  --mega-body-height: 320px;

  position: absolute;
  top: 24px;
  left: 0;
  width: 100%;
  z-index: 500;
  padding: 0 40px;
  pointer-events: none;
}

.ogn-nav {
  pointer-events: auto;
  position: relative;
  max-width: 1820px;
  margin: 0 auto;
  min-height: 80px;
  display: grid;
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) minmax(96px, 120px);
  align-items: center;
  padding: 0 42px 0 46px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 999px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
  z-index: 200;
}

.ogn-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 210px;
  white-space: nowrap;
}

.ogn-center {
  display: flex;
  justify-content: center;
  min-width: 0;
  padding: 0 18px;
}

.ogn-logo {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex: 0 0 auto;
  width: clamp(108px, 11vw, 190px);
  margin-right: 0;
}

.ogn-logo img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}

.ogn-logo-text {
  font-weight: 900;
  font-size: 22px;
  letter-spacing: -0.8px;
  text-transform: uppercase;
  line-height: 1;
}

.ogn-logo-text b {
  color: #111;
  font-weight: 900;
}

.ogn-logo-text em {
  color: #009ee3!important;
  font-style: normal;
  font-weight: 900;
}

.ogn-home {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #009ee3!important;
  text-decoration: none;
  width: clamp(36px, 2.4vw, 44px);
  height: clamp(36px, 2.4vw, 44px);
  padding: 0;
  flex: 0 0 auto;
  border-radius: 12px;
  transition: opacity 0.18s, background-color 0.18s, transform 0.18s;
}

.ogn-home-icon {
  width: 24px;
  height: 24px;
  display: block;
}

.ogn-home:hover {
  opacity: 1;
  background: rgba(0, 158, 227, 0.08);
  transform: translateY(-1px);
}

.ogn-home-item {
  display: flex;
  align-items: center;
}

.ogn-sep {
  width: 1px;
  height: 30px;
  background: rgba(0, 0, 0, 0.12);
  flex: 0 0 auto;
  margin: 0 4px 0 2px;
}

.ogn-list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.ogn-list > li {
  position: static;
}

@media (min-width: 1281px) {
  .ogn-list > li {
    display: flex;
    align-items: center;
  }

  .ogn-list > li.ogn-has-mega {
    padding-bottom: 22px;
    margin-bottom: -22px;
  }

  .ogn-list > li:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 18px;
    margin: 0 6px;
    background: rgba(15, 23, 42, 0.14);
    flex: 0 0 auto;
  }
}

.ogn-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 6px;
  height: 80px;
  background: none;
  border: none;
  font-family: inherit;
  font-size: clamp(12px, 0.72vw, 14px);
  font-weight: 700!important;
  color: #222;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.18s;
}

.ogn-btn:hover,
.ogn-list > li.is-open > .ogn-btn {
  color: #009ee3!important;
}

.ogn-chev {
  flex-shrink: 0;
  transition: transform 0.22s cubic-bezier(.4, 0, .2, 1);
  pointer-events: none;
}

.ogn-list > li.is-open .ogn-chev {
  transform: rotate(180deg);
}

.ogn-flags {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
  min-width: 96px;
  white-space: nowrap;
}

.ogn-flag {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid transparent;
  background: none;
  padding: 0;
  cursor: pointer;
  display: block;
  transition: border-color 0.18s, transform 0.18s;
}

.ogn-flag:hover {
  border-color: #009ee3!important;
  transform: scale(1.04);
}

.ogn-flag.active {
  border-color: rgba(0, 158, 227, 0.18);
}

.ogn-flag.inactive img {
  filter: grayscale(1);
  opacity: 0.9;
}

.ogn-flag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ogn-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 38px;
  height: 38px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 10px;
  transition: background 0.18s;
  margin-left: 10px;
  flex-shrink: 0;
}

.ogn-hamburger:hover {
  background: #f0f7fd;
}

.ogn-hamburger span {
  display: block;
  width: 20px;
  height: 2px;
  background: #333;
  border-radius: 2px;
  transition: transform 0.25s, opacity 0.25s;
}

.ogn-hamburger.active span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

.ogn-hamburger.active span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}

.ogn-hamburger.active span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

/* ── MEGA MENU ─────────────────────────────────────── */

.ogn-mega {
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  width: min(var(--mega-width), calc(100vw - 48px));
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.14), 0 4px 12px rgba(0, 0, 0, 0.06);
  /* overflow: hidden; */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.22s cubic-bezier(.4, 0, .2, 1);
  z-index: 9999;
}

.ogn-mega::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  height: 22px;
}

.ogn-list > li.is-open .ogn-mega {
  opacity: 1;
  pointer-events: all;
  transform: translateX(-50%) translateY(0);
}

.ogn-mega-body {
  display: grid;
  grid-template-columns: 220px 1fr 260px;
  min-height: var(--mega-body-height);
  overflow: hidden;          /* ← bunu buraya taşıyın */
  border-radius: 22px 22px 0 0;  /* ← üst köşeleri yuvarla */
}

.ogn-group-urun .ogn-mega {
  width: min(1240px, calc(100vw - 48px));
}

.ogn-mega-body-products {
  grid-template-columns: 200px 1fr 240px;
  min-height: 390px;
}

.ogn-mega-left,
.ogn-mega-center,
.ogn-mega-right {
  height: 100%;
  min-height: 0;
}

/* ── LEFT ── */
.ogn-mega-left {
  background: #eef6fc;
  padding: 20px 20px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.ogn-mega-left-icon {
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  box-shadow: 0 2px 10px rgba(0, 158, 227, 0.14);
  font-size: 20px;
}

.ogn-mega-left-icon i,
.ogn-mega-item-ico i,
.ogn-drawer-sub-ico i {
  line-height: 1;
  color: #2f7df6!important;
}

.ogn-mega-left-title {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin-bottom: 8px;
}

.ogn-mega-left-desc {
  font-size: 12.5px;
  color: #555;
  line-height: 1.55;
  margin-bottom: 16px;
}

.ogn-mega-left-cta {
  font-size: 13px;
  font-weight: 700!important;
  color: #009ee3!important;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: gap 0.18s;
}

.ogn-mega-left-cta:hover {
  gap: 8px;
}

/* ── CENTER ── */
.ogn-mega-center {
  padding: 18px 20px 14px;
  display: flex;
  flex-direction: column;
}

.ogn-mega-center-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #009ee3!important;
  margin-bottom: 10px;
  border-left: 2px solid #009ee3;
  padding-left: 8px;
}

.ogn-mega-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(0, auto);
  gap: 6px 8px;
  flex: 1;
  align-content: start;
}

.ogn-mega-grid-products {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px 6px;
}

.ogn-mega-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 8px;
  min-height: unset;
  border-radius: 12px;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s;
  text-decoration: none;
}

.ogn-mega-grid-products .ogn-mega-item {
  gap: 8px;
  padding: 7px 6px;
  border-radius: 10px;
}

.ogn-mega-item:hover,
.ogn-mega-item.active {
  background: #f0f7fd;
}

.ogn-mega-item-ico {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background: #edf5fc;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
  font-size: 16px;
  margin-top: 1px;
}

.ogn-mega-grid-products .ogn-mega-item-ico {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  font-size: 14px;
}

.ogn-mega-item:hover .ogn-mega-item-ico,
.ogn-mega-item.active .ogn-mega-item-ico {
  background: #d8ecf8;
}

.ogn-mega-item-info {
  min-width: 0;
}

.ogn-mega-item-info strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
  font-weight: 700!important;
  color: #222;
  line-height: 1.3;
  min-height: unset;
  margin-bottom: 3px;
}

.ogn-mega-grid-products .ogn-mega-item-info strong {
  font-size: 12px;
  line-height: 1.25;
  -webkit-line-clamp: 2;
  margin-bottom: 2px;
}

.ogn-mega-item-info span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 11.5px;
  color: #888;
  line-height: 1.4;
  min-height: unset;
}

.ogn-mega-grid-products .ogn-mega-item-info span {
  font-size: 10.5px;
  line-height: 1.25;
  -webkit-line-clamp: 1;
}

/* ── RIGHT ── */
.ogn-mega-right {
  background: #f7f9fb;
  padding: 18px 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}

.ogn-mega-right-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 10px;
}

.ogn-mega-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  justify-content: flex-start;
  transition: opacity 0.15s;
}

.ogn-mega-card.fading {
  opacity: 0;
}

.ogn-mega-card-img {
  width: 100%;
  height: 100px;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
  flex-shrink: 0;
}

.ogn-mega-card-img-inner {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.ogn-mega-card-badge {
  position: absolute;
  bottom: 6px;
  left: 6px;
  background: #009ee3;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  padding: 3px 7px;
  border-radius: 5px;
}

.ogn-mega-card-title {
  font-size: 14px;
  font-weight: 700;
  color: #222;
  line-height: 1.3;
  margin-bottom: 6px;
  min-height: unset;
}
.ogn-mega-card-desc {
  font-size: 12px;
  color: #555;
  line-height: 1.55;
  min-height: unset;
  margin-bottom: 10px;
  /* flex: 1; ← bunu silin */
}
.ogn-mega-card-link {
  font-size: 13px;
  font-weight: 700!important;
  color: #009ee3!important;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: gap 0.18s;
  margin-top: 12px;
}
.ogn-mega-card-link:hover {
  gap: 7px;
}

/* ── FOOTER ── */
.ogn-mega-footer {
  border-top: 1px solid #e8e8e8;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 0 0 22px 22px;  /* ← alt köşeleri yuvarla */
}
.ogn-mega-footer-text {
  font-size: 12px;
  color: #888;
}

.ogn-mega-footer-link {
  font-size: 13px;
  font-weight: 700!important;
  color: #009ee3!important;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ogn-mega-footer-link:hover {
  text-decoration: underline;
}

/* ── DRAWER (MOBILE) ───────────────────────────────── */

.ogn-drawer {
  position: fixed;
  pointer-events: auto;
  inset: 0;
  background: #fff;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translateY(100%);
  transition: transform 0.38s cubic-bezier(.32, 0, .18, 1);
}

.ogn-drawer.open {
  transform: translateY(0);
}

.ogn-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  flex-shrink: 0;
}

.ogn-drawer-logo {
  text-decoration: none;
  display: flex;
  align-items: center;
  width: clamp(110px, 32vw, 170px);
}

.ogn-drawer-logo img {
  width: 100%;
  height: auto;
  display: block;
}

.ogn-drawer-close {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: none;
  background: #f0f0f0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #444;
  transition: background 0.15s;
}

.ogn-drawer-close:hover {
  background: #e0e0e0;
}

.ogn-drawer-body {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0 40px;
}

.ogn-drawer-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  font-family: inherit;
  font-size: 17px;
  font-weight: 700!important;
  color: #222;
  text-decoration: none;
  border: none;
  background: none;
  width: 100%;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s, color 0.15s;
}

.ogn-drawer-item:hover {
  background: #f5f9fe;
  color: #009ee3!important;
}

.ogn-drawer-top-link {
  display: none;
  padding: 0 24px 12px 34px;
  margin-top: -6px;
  color: #009ee3!important;
  font-size: 13px;
  font-weight: 700!important;
  text-decoration: none;
}

.ogn-drawer-top-link:hover {
  text-decoration: underline;
}

.ogn-drawer-chev {
  flex-shrink: 0;
  color: #bbb;
  transition: transform 0.22s;
}

.ogn-drawer-item.d-open {
  color: #009ee3!important;
}

.ogn-drawer-item.d-open .ogn-drawer-chev {
  transform: rotate(180deg);
  color: #009ee3!important;
}

.ogn-drawer-sub {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.32s cubic-bezier(.4, 0, .2, 1);
  background: #f8fbff;
}

.ogn-drawer-sub.open {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.ogn-drawer-sub-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 24px 13px 34px;
  text-decoration: none;
  transition: background 0.15s;
}

.ogn-drawer-sub-item:hover {
  background: #edf5fc;
}

.ogn-drawer-sub-ico {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background: #edf5fc;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.ogn-drawer-sub-info strong {
  display: block;
  font-size: 14px;
  font-weight: 700!important;
  color: #222;
}

.ogn-drawer-sub-info span {
  font-size: 12px;
  color: #888;
}

.ogn-drawer-divider {
  display: none;
}

.ogn-drawer-flags {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 24px 8px;
}

.ogn-drawer-flag {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  background: none;
  padding: 0;
  transition: border-color 0.18s;
}

.ogn-drawer-flag:hover {
  border-color: #009ee3!important;
}

.ogn-drawer-flag.active {
  border-color: rgba(0, 158, 227, 0.18);
}

.ogn-drawer-flag.inactive img {
  filter: grayscale(1);
  opacity: 0.9;
}

.ogn-drawer-flag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── RESPONSIVE ────────────────────────────────────── */

@media (max-width: 1280px) {
  .ogn-list,
  .ogn-flags,
  .ogn-home,
  .ogn-sep {
    display: none !important;
  }

  .ogn-hamburger {
    display: flex;
  }

  .ogn-nav {
    height: 62px;
    min-height: 62px;
    display: flex;
    border-radius: 20px;
    padding: 0 14px 0 18px;
  }

  .ogn-logo {
    margin-right: auto;
    width: clamp(110px, 18vw, 180px);
  }

  .ogn-left,
  .ogn-center {
    display: contents;
  }

  .ogn-wrap {
    top: 14px;
    padding: 0 14px;
  }
}

@media (max-width: 768px) {
  .ogn-wrap {
    top: 12px;
    padding: 0 10px;
  }

  .ogn-nav {
    height: 58px;
    min-height: 58px;
    padding: 0 12px 0 16px;
  }

  .ogn-logo {
    width: clamp(96px, 28vw, 150px);
  }
}
.ogn-wrap a,
.ogn-drawer a {
  color: inherit;
  text-decoration: none;
}
.ogn-wrap button,
.ogn-drawer button {
  font: inherit;
}
.ogn-mega-card[hidden],
.ogn-drawer-sub[hidden] {
  display: none !important;
}
html.ogn-no-scroll,
body.ogn-lock {
  overflow: hidden;
}
/* ODAKGIS NAVBAR PORT END */

/* English responsive content repair */
@media (max-width: 991.98px) {
  .tn5y6,
  .rw8q4,
  .rs4q,
  .fq7p {
    overflow: hidden;
  }

  .tn5y6 .container > .row > [class*="col-md-"],
  .rw8q4 .container > .row > [class*="col-md-"],
  .rs4q .container > .row > [class*="col-md-"],
  .fq7p .container > .row > [class*="col-md-"] {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }

  .gf2h9,
  .kl7w5 {
    height: auto;
    min-height: 0;
    padding: clamp(22px, 5vw, 32px);
  }

  .gf2h9 .xn4b7,
  .gf2h9 .vq3s2,
  .gf2h9 .dp9c6,
  .kl7w5,
  .rw8q4 .sq6d5,
  .sv9p3 .bdy h3 {
    overflow-wrap: anywhere;
  }

  .gf2h9 .fy1p0 {
    font-size: clamp(3rem, 14vw, 4.5rem);
  }

  .ht6r1 {
    gap: 12px 18px;
  }

  .ht6r1 button {
    white-space: normal;
    text-align: left;
  }

  .tb9p-wrap {
    height: auto;
    min-height: 0;
  }

  .tb9p {
    position: absolute;
    inset: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }

  .tb9p.active {
    position: relative;
    inset: auto;
  }

  .tb9p .tx {
    overflow: visible;
  }

  .tb9p .fy1p0 {
    font-size: clamp(1.75rem, 7vw, 2.6rem);
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .tb9p .dp9c6 {
    display: none;
  }

  .mn3k8 {
    width: min(100%, 280px);
    min-width: 0 !important;
    height: 120px;
    align-self: flex-start;
  }

  .cx1a7-wrap {
    width: 100%;
  }

  .sv9p3 {
    flex: 0 0 100%;
  }

  .rs-anim {
    margin-top: 18px;
  }
}

@media (max-width: 575.98px) {
  .tn5y6,
  .rw8q4,
  .rs4q,
  .fq7p {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .mn3k8 {
    width: 100%;
  }
}