.elementor-5910 .elementor-element.elementor-element-c05ff90{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5910 .elementor-element.elementor-element-c05ff90:not(.elementor-motion-effects-element-type-background), .elementor-5910 .elementor-element.elementor-element-c05ff90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5910 .elementor-element.elementor-element-68130b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5910 .elementor-element.elementor-element-cf91505{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;}.elementor-5910 .elementor-element.elementor-element-1d56da6{text-align:center;}.elementor-5910 .elementor-element.elementor-element-1d56da6 .elementor-heading-title{font-size:50px;font-weight:900;}.elementor-5910 .elementor-element.elementor-element-dac85f0{text-align:center;}.elementor-5910 .elementor-element.elementor-element-dac85f0 .elementor-heading-title{font-size:35px;font-weight:300;}.elementor-5910 .elementor-element.elementor-element-e19bf0f .elementor-button{font-size:16px;box-shadow:0px 4px 12px 0px rgba(0,0,0,0.5);}.elementor-5910 .elementor-element.elementor-element-de4ed3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5910 .elementor-element.elementor-element-e2821aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5910 .elementor-element.elementor-element-e2821aa:not(.elementor-motion-effects-element-type-background), .elementor-5910 .elementor-element.elementor-element-e2821aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5910 .elementor-element.elementor-element-4f9b656{text-align:center;}.elementor-5910 .elementor-element.elementor-element-4f9b656 .elementor-heading-title{font-weight:900;color:var( --e-global-color-9493398 );}.elementor-5910 .elementor-element.elementor-element-596e128{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-5910 .elementor-element.elementor-element-6d08bac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5910 .elementor-element.elementor-element-6d08bac:not(.elementor-motion-effects-element-type-background), .elementor-5910 .elementor-element.elementor-element-6d08bac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5910 .elementor-element.elementor-element-e12d6e0 .elementor-heading-title{font-weight:900;}.elementor-5910 .elementor-element.elementor-element-6861574{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5910 .elementor-element.elementor-element-6861574:not(.elementor-motion-effects-element-type-background), .elementor-5910 .elementor-element.elementor-element-6861574 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5910 .elementor-element.elementor-element-f548884{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5910 .elementor-element.elementor-element-866f1bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5910 .elementor-element.elementor-element-fccd33f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5910 .elementor-element.elementor-element-77ba8e4{text-align:center;}.elementor-5910 .elementor-element.elementor-element-77ba8e4 .elementor-heading-title{font-weight:900;color:var( --e-global-color-primary );}.elementor-5910 .elementor-element.elementor-element-975a1c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5910 .elementor-element.elementor-element-975a1c5:not(.elementor-motion-effects-element-type-background), .elementor-5910 .elementor-element.elementor-element-975a1c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5910 .elementor-element.elementor-element-975a1c5.e-con{--align-self:center;}.elementor-5910 .elementor-element.elementor-element-bb89405.elementor-element{--align-self:stretch;}.elementor-5910 .elementor-element.elementor-element-6c6302d{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5910 .elementor-element.elementor-element-6c6302d:not(.elementor-motion-effects-element-type-background), .elementor-5910 .elementor-element.elementor-element-6c6302d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5910 .elementor-element.elementor-element-25e7e2a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5910 .elementor-element.elementor-element-1d7c4a7{text-align:center;color:var( --e-global-color-9493398 );}.elementor-5910 .elementor-element.elementor-element-1d7c4a7 a{color:var( --e-global-color-9493398 );}.elementor-5910 .elementor-element.elementor-element-1d7c4a7 a:hover, .elementor-5910 .elementor-element.elementor-element-1d7c4a7 a:focus{color:var( --e-global-color-9493398 );}.elementor-5910 .elementor-element.elementor-element-4ddf832{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;}.elementor-5910 .elementor-element.elementor-element-2ebddcd{text-align:center;}.elementor-5910 .elementor-element.elementor-element-2ebddcd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:900;}.elementor-5910 .elementor-element.elementor-element-e35ca06{text-align:center;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:300;color:#FFFFFF;}.elementor-5910 .elementor-element.elementor-element-71bda26{padding:0px 0px 0px 0px;}.elementor-5910 .elementor-element.elementor-element-71bda26.elementor-element{--align-self:center;}.elementor-5910 .elementor-element.elementor-element-71bda26 .elementor-button{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:normal;box-shadow:0px 4px 12px 0px rgba(0,0,0,0.5);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-5910 .elementor-element.elementor-element-c05ff90{--min-height:350px;}.elementor-5910 .elementor-element.elementor-element-68130b4{--justify-content:center;}.elementor-5910 .elementor-element.elementor-element-cf91505{--justify-content:center;}.elementor-5910 .elementor-element.elementor-element-1d56da6{text-align:center;}.elementor-5910 .elementor-element.elementor-element-1d56da6 .elementor-heading-title{font-size:35px;}.elementor-5910 .elementor-element.elementor-element-dac85f0 .elementor-heading-title{font-size:20px;}.elementor-5910 .elementor-element.elementor-element-4f9b656 .elementor-heading-title{font-size:35px;}.elementor-5910 .elementor-element.elementor-element-e12d6e0{text-align:center;}.elementor-5910 .elementor-element.elementor-element-e12d6e0 .elementor-heading-title{font-size:35px;}.elementor-5910 .elementor-element.elementor-element-77ba8e4 .elementor-heading-title{font-size:35px;}.elementor-5910 .elementor-element.elementor-element-6c6302d{--min-height:350px;}.elementor-5910 .elementor-element.elementor-element-2ebddcd .elementor-heading-title{font-size:35px;}.elementor-5910 .elementor-element.elementor-element-e35ca06{font-size:20px;}}@media(max-width:767px){.elementor-5910 .elementor-element.elementor-element-1d56da6 .elementor-heading-title{font-size:35px;}.elementor-5910 .elementor-element.elementor-element-e19bf0f .elementor-button{font-size:16px;}.elementor-5910 .elementor-element.elementor-element-6d9217a{text-align:center;font-size:15px;}.elementor-5910 .elementor-element.elementor-element-4f9b656{text-align:center;}.elementor-5910 .elementor-element.elementor-element-596e128{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5910 .elementor-element.elementor-element-e12d6e0{text-align:center;}.elementor-5910 .elementor-element.elementor-element-6861574{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-5910 .elementor-element.elementor-element-77ba8e4{text-align:center;}.elementor-5910 .elementor-element.elementor-element-bb89405{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5910 .elementor-element.elementor-element-2ebddcd .elementor-heading-title{font-size:35px;}.elementor-5910 .elementor-element.elementor-element-e35ca06{font-size:20px;}.elementor-5910 .elementor-element.elementor-element-71bda26 .elementor-button{font-size:16px;}}@media(min-width:768px){.elementor-5910 .elementor-element.elementor-element-68130b4{--width:50%;}.elementor-5910 .elementor-element.elementor-element-cf91505{--width:50%;}.elementor-5910 .elementor-element.elementor-element-f548884{--width:50%;}.elementor-5910 .elementor-element.elementor-element-866f1bf{--width:50%;}.elementor-5910 .elementor-element.elementor-element-25e7e2a{--width:50%;}.elementor-5910 .elementor-element.elementor-element-4ddf832{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-e9b02de *//* ================================
   Seitfin Flip Cards – Refined v3 (Brand update)
   Brand:
     Blue : #084177
     Green: #6CC69A
   Neutrals:
     Body text: #0E1F1C
     Soft surface bg: #F8FAF9
     Light border: rgba(8,65,119,0.18)
   Notes:
     - Use BLUE for headings on light backgrounds (contrast-safe).
     - Use GREEN for accents/icons/gradients (avoid as paragraph text on white).
   ================================ */

/* ------- GRID LAYOUT ------- */
.flip-card-grid {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  justify-content: center;
  align-items: start;
  max-width: 1100px;     /* keeps the grid from going too wide */
  margin: 0 auto;        /* center the whole grid */
  padding: 8px 4px;      /* subtle inner breathing room */
}

@media (max-width: 900px) {
  .flip-card-grid {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    gap: 28px;
  }
}

@media (max-width: 600px) {
  .flip-card-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

/* Remove any old special-5th-card rules just in case */
.flip-card:nth-child(5) {
  grid-column: auto;
  justify-self: auto;
}

/* ------- CARD BASE ------- */
.flip-card {
  width: 100%;
  perspective: 1500px;
  outline: none; /* keyboard focus */
}

.flip-card:focus-within .flip-front,
.flip-card:focus-within .flip-back {
  box-shadow: 0 0 0 3px rgba(8,65,119,0.18);
  border-color: rgba(8,65,119,0.35);
}

.flip-inner {
  position: relative;
  width: 100%;
  height: 300px;         /* lighter/shorter cards */
  transform-style: preserve-3d;
  transition: transform 0.7s ease;
}

/* Hover & focus state flip */
.flip-card:hover .flip-inner,
.flip-card:focus-within .flip-inner {
  transform: rotateY(180deg);
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .flip-inner { transition: none; }
  .flip-card:hover .flip-inner,
  .flip-card:focus-within .flip-inner { transform: none; }
}

/* ------- CARD FACES ------- */
.flip-front,
.flip-back {
  position: absolute;
  inset: 0;
  padding: 26px;
  border-radius: 16px;
  background: #F8FAF9;                           /* neutral soft surface */
  border: 1px solid rgba(8,65,119,0.18);         /* light border using brand blue */
  box-shadow: 0 6px 14px rgba(0,0,0,0.06);
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Subtle brand glow on hover */
.flip-card:hover .flip-front,
.flip-card:hover .flip-back {
  box-shadow:
    0 10px 26px rgba(8,65,119,0.18),
    0 6px 14px rgba(0,0,0,0.06);
}

.flip-front {
  align-items: center;
  text-align: center;
}

.flip-back {
  transform: rotateY(180deg);
  text-align: left;
  overflow: hidden;
}

/* ------- ICON ------- */
.icon-circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-bottom: 16px;
  background: linear-gradient(135deg, #6CC69A, #084177); /* green → blue */
  color: #FFFFFF;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
}

/* ------- TEXT ------- */
.flip-front h3,
.flip-back h3 {
  color: #084177;           /* heading in brand BLUE for contrast */
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: 0.1px;
}

/* If you ever switch to green headings on a DARK bg, uncomment:
.flip-front h3, .flip-back h3 { color: #6CC69A; }
*/

.flip-back p,
.flip-back ul li {
  color: #0E1F1C;           /* strong neutral for readability */
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 6px;
}

.flip-back ul {
  padding-left: 18px;
  margin: 8px 0 0 0;
}

/* Optional: micro‑dividers inside the back for clarity */
.flip-back ul li + li {
  margin-top: 4px;
  border-top: 1px dashed rgba(8,65,119,0.10);
  padding-top: 6px;
}
/* ===========================================
   FLIP CARDS – Requested Overrides
   - 5 cards in one row (desktop)
   - Remove gradient bg from icons/SVGs
   - Headings: Montserrat 40/25
   - Body: Roboto 18/15
   =========================================== */

/* ---- Grid: force 5 across on desktop ---- */
.flip-card-grid {
  max-width: 1280px; /* allow room for 5 cards */
  grid-template-columns: repeat(5, minmax(200px, 1fr)) !important;
  gap: 28px;
}

/* graceful wrap for smaller screens */
@media (max-width: 1199px) {
  .flip-card-grid { grid-template-columns: repeat(3, minmax(220px, 1fr)) !important; }
}
@media (max-width: 900px) {
  .flip-card-grid { grid-template-columns: repeat(2, minmax(240px, 1fr)) !important; }
}
@media (max-width: 600px) {
  .flip-card-grid { grid-template-columns: 1fr !important; }
}

/* ---- Remove gradient bg from the icon circle / SVGs ---- */
.icon-circle {
  background: transparent !important;           /* remove gradient */
  border: 2px solid #084177;                    /* brand-blue outline */
  color: #084177;                               /* icon color */
  box-shadow: none !important;                  /* no glow */
}

/* If your icon is an inline SVG, neutralize gradients/fills */
.icon-circle svg,
.icon-circle svg * {
  fill: currentColor !important;                /* use current text color */
  stroke: currentColor !important;
  filter: none !important;
}

/* ---- Headings: Montserrat 40px desktop / 25px mobile ---- */
.flip-front h3,
.flip-back h3 {
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;                  /* strong heading */
  letter-spacing: 0.1px;
  color: #084177 !important;
  text-align: center;                           /* keeps front card centered */
}

/* back-face headings can stay left if you prefer */
.flip-back h3 { text-align: left; }

@media (max-width: 600px) {
  .flip-front h3,
  .flip-back h3 {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }
}

/* ---- Body text: Roboto 18px desktop / 15px mobile ---- */
.flip-back p,
.flip-back ul li {
  font-family: "Roboto", system-ui, -apple-system, Segoe UI, sans-serif !important;
  font-size:14px !important;
  line-height: 1.55 !important;
  color: #0E1F1C !important;
}

@media (max-width: 600px) {
  .flip-back p,
  .flip-back ul li {
    font-size: 15px !important;
  }
}

/* Keep lists tidy on the back face */
.flip-back ul {
  padding-left: 18px;
  margin: 10px 0 0 0;
}
.flip-back ul li + li {
  margin-top: 6px;
  border-top: 1px dashed rgba(8,65,119,0.10);
  padding-top: 6px;
}

/* ---- Optional: scale the flip inner if 5-across feels tight ---- */
/* Slightly shorter cards to reduce wrapping at 5-across on narrower desktops */
@media (min-width: 1200px) and (max-width: 1360px) {
  .flip-inner { height: 280px; }
}

/* Accessibility: if reduced motion, keep cards static */
@media (prefers-reduced-motion: reduce) {
  .flip-card:hover .flip-inner,
  .flip-card:focus-within .flip-inner {
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f05f22 *//* =========================================================
   Seitfin – Scanning + Moving Files (emoji, brand blue)
   ========================================================= */

/* Panel wrapper */
.sf-scan-strip{
  position: relative;
  width: min(1200px, 95vw);
  height: 180px;
  margin: 40px auto;
  overflow: hidden;
  border-radius: 22px;
  background: rgba(255,255,255,0.065);
  border: 1px solid rgba(108,198,154,0.28);
  box-shadow: 0 18px 48px rgba(0,0,0,0.28);
}

/* ----- BRIGHT, VISIBLE SCANNING BAR (for white bg) ----- */
.sf-scanline{
  position: absolute;
  top: -120%;
  left: 0;
  width: 100%;
  height: 46%; /* slightly taller for presence */
  background: linear-gradient(
    to bottom,
    rgba(114,200,158,0) 0%,
    rgba(114,200,158,0.78) 50%,  /* stronger center */
    rgba(114,200,158,0) 100%
  );
  /* subtle diffusion so edges don't band on white */
  filter: blur(0.4px);
  animation: sf-scan 2.8s linear infinite;
  pointer-events: none;
  /* remove blend mode so it stays visible on white */
  mix-blend-mode: normal;
}

/* ----- MOVING ROWS ----- */
.sf-row{
  position: absolute;
  left: -15%;
  width: 130%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #084177;  /* brand blue for text/emoji where applicable */
  text-shadow: 0 2px 3px rgba(0,0,0,0.25);
}

.sf-row-1{
  top: 50px;
  animation: sf-scroll 10s linear infinite;
}

.sf-row-2{
  bottom: 45px;
  opacity: 0.85;
  animation: sf-scroll 10s linear infinite reverse;
}

/* Each moving item (emoji) */
.sf-item{
  --size: 46px;
  width: var(--size);
  height: var(--size);
  margin: 0 14px;

  /* Center the emoji */
  display: inline-grid;
  place-items: center;

  /* Make emoji render crisply */
  font-size: var(--size);
  line-height: 1;
  /* Ensure we use color emoji fonts across platforms */
  font-family:
    "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",
    "Segoe UI Symbol","Android Emoji",system-ui,sans-serif;
  /* Default color for 'good' emoji (brand blue); most color emoji ignore this */
  color: #084177;
}

/* Show the emoji via ::before using data-emoji */
.sf-item::before{
  content: attr(data-emoji);
  display: block;
}

/* ----- INFECTED FILE REMOVAL ----- */
.infected{
  position: relative;
  --period: 2.8s;
  animation: sf-infected var(--period) linear infinite;
  animation-delay: var(--delay, 0s);
}

/* Red X flag (kept) */
.infected::after{
  content: "✖";
  position: absolute;
  top: -8px;
  right: -8px;
  font-size: 18px;
  color: #E64B4B;
  text-shadow: 0 0 6px rgba(230,75,75,.6);
  opacity: 0;
  animation: sf-flag var(--period) linear infinite;
  animation-delay: var(--delay, 0s);
}

/* Optional: tint infected emoji a touch darker before removal */
.infected{ filter: hue-rotate(-8deg) brightness(0.95); }

/* ----- ANIMATIONS ----- */
@keyframes sf-scan{
  0%   { top: -120%; }
  100% { top: 160%; }
}
@keyframes sf-scroll{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-20%); }
}
@keyframes sf-flag{
  0%, 55% { opacity: 0; }
  56%, 78%{ opacity: 0.95; }
  79%,100%{ opacity: 0; }
}
@keyframes sf-infected{
  0%, 55%  { opacity: 1; transform: none; }
  56%, 78% { transform: scale(0.95); }
  79%,100% { opacity: 0; transform: translateY(-10px) scale(0.6) rotate(-4deg); }
}

/* ----- MOBILE FRIENDLY ADJUSTMENTS ----- */
@media (max-width: 768px){
  .sf-scan-strip{ height: 150px; width: 95vw; }
  .sf-item{ --size: 38px; font-size: 38px; }
  .sf-row-1{ top: 38px; }
  .sf-row-2{ bottom: 32px; }
}
@media (max-width: 480px){
  .sf-scan-strip{ height: 130px; width: 96vw; }
  .sf-item{ --size: 32px; font-size: 32px; }
  .sf-row-1{ top: 34px; }
  .sf-row-2{ bottom: 28px; }
}

/* ----- Reduced motion accessibility ----- */
@media (prefers-reduced-motion: reduce){
  .sf-scanline,
  .sf-row-1,
  .sf-row-2,
  .infected,
  .infected::after{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71064c8 *//* --------------------------------------------
   STEP LIST (BLUE BACKGROUND VARIANT)
   -------------------------------------------- */

.stepper {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 22px;
}

/* Step Row */
.stepper li {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 14px;
  align-items: start;
}

/* --- NUMBER DOT --- */
/* Flat color, no gradients, only allowed colors */
.stepper .dot {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #72C89E;        /* GREEN */
  color: #FFFFFF;             /* WHITE number */
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
}

/* --- HEADING (H5) --- */
/* Montserrat 40 desktop / 25 mobile */
.stepper h5 {
  margin: 0 0 6px 0;
  font-family: "Montserrat", sans-serif !important;
  color: #FFFFFF !important;          /* WHITE heading */
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2;
}

@media (max-width: 600px) {
  .stepper h5 {
    font-size: 15px !important;
  }
}

/* --- BODY TEXT --- */
/* Roboto 18 desktop / 15 mobile */
.stepper p {
  margin: 0;
  font-family: "Roboto", sans-serif !important;
  color: #FFFFFF !important;
  font-size: 15px !important;
  line-height: 1.55;
}

@media (max-width: 600px) {
  .stepper p {
    font-size: 15px !important;
  }
}

/* --------------------------------------------
   SECTION BACKGROUND (as requested)
   -------------------------------------------- */
.stepper-section {
  background: #084177;   /* Blue background */
  padding: 40px 0;
}
/* ============================
   BENEFIT LIST — centering fix
   ============================ */

/* Give the list a predictable width and center it */
.benefit-list {
  width: 100%;
  max-width: 1100px;
  margin: 30px auto 0;            /* centers the list block */
  padding-inline: 0;              /* we'll set mobile padding below */
  box-sizing: border-box;
  justify-items: stretch;         /* grid items fill the column */
}

/* Make sure each card consumes the full column width and is centered */
.benefit-strip {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;            /* center the card in its column */
  box-sizing: border-box;
}

/* Guard against any ancestor pushing content right */
.benefit-list,
.benefit-strip {
  float: none;                    /* in case theme adds floats */
  transform: translateX(0);       /* cancel any accidental horizontal transform */
}

/* MOBILE: single column, centered, with safe side padding */
@media (max-width: 600px) {
  .benefit-list {
    display: grid;
    grid-template-columns: 1fr;   /* force 1 column on phones */
    gap: 16px;
    padding-inline: 16px;         /* equal left/right padding */
    margin-left: auto;
    margin-right: auto;
  }

  .benefit-strip {
    margin-inline: auto;          /* center each card */
    width: 100%;
    max-width: 640px;             /* optional: keeps a nice readable width */
  }
}

/* OPTIONAL: prevent any horizontal scroll from box-shadow or borders */
@media (max-width: 600px) {
  .benefit-list {
    overflow-x: clip;             /* hide any tiny pixel overflow on some themes */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e52322 *//* ===========================================================
   BENEFIT LIST – Seitfin White Theme
   Brand colors ONLY:
   #084177 (blue) | #72C89E (green) | #FFFFFF (white)
   =========================================================== */

.benefit-list {
  display: grid;
  gap: 20px;
  margin-top: 30px;
}

/* ===========================================================
   BENEFIT STRIP CARD
   =========================================================== */
.benefit-strip {
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 14px 14px;
  border-radius: 16px;

  background: #FFFFFF;                /* white background */
  border: 1px solid #084177;          /* blue border */

  box-shadow: 0 6px 14px rgba(0,0,0,0.08); /* neutral shadow is allowed */

  transition: transform .25s ease, box-shadow .25s ease;
}

.benefit-strip:hover {
  transform: translateY(-4px);
  box-shadow:
    0 12px 22px rgba(0,0,0,0.12),
    0 0 12px #72C89E;                  /* green glow */
}

/* ===========================================================
   ICON
   =========================================================== */
.benefit-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;

  background: #FFFFFF;                /* green circle */
  color: #FFFFFF;                     /* white emoji */
  font-size: 28px;

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

/* ===========================================================
   HEADINGS – Montserrat 40px desktop / 25px mobile
   =========================================================== */
.benefit-strip h4 {
  margin: 0 0 6px 0;
  font-family: "Montserrat", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700;
  color: #084177 !important;         /* blue headings */
  line-height: 1.2;
}

@media (max-width: 600px) {
  .benefit-strip h4 {
    font-size: 15px !important;
  }
}

/* ===========================================================
   BODY TEXT – Roboto 18px / 15px
   =========================================================== */
.benefit-strip p {
  margin: 0;
  font-family: "Roboto", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55;
  color: #084177;                    /* blue text (brand-safe) */
}

@media (max-width: 600px) {
  .benefit-strip p {
    font-size: 15px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb89405 *//* =======================================================
   SECTION 4 – FAQ (Brand-Safe Dark Variant)
   Allowed colors only:
   #084177 (blue) | #72C89E (green) | #FFFFFF (white)
   Background here = #084177
   ======================================================= */

.sf-sec4.sf-dark {
  --blue: #084177;
  --green: #72C89E;
  --white: #FFFFFF;

  max-width: 900px;
  margin: 60px auto;
  padding: 0 16px;
  background: var(--blue);     /* ensure the section wrapper is blue if used full-width */
  color: var(--white);
}

/* Title (H2) — Montserrat 40/25 */
.sf-sec4.sf-dark .sf-faq-title {
  margin: 0 0 24px 0;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.2;
  color: var(--green);
  text-align: center;            /* adjust to your preference */
}


/* TABLET: under 900px */
@media (max-width: 900px) {
  .sf-sec4.sf-dark .sf-faq-title {
    font-size: 35px;
  }
}


@media (max-width: 600px) {
  .sf-sec4.sf-dark .sf-faq-title {
    font-size: 35px;
  }
}

/* FAQ container */
.sf-sec4.sf-dark .sf-faq {
  display: grid;
  gap: 14px;
}

/* Accordion card — flat colors only, no gradients */
.sf-sec4.sf-dark .sf-faq-item {
  background: var(--blue);
  border-radius: 14px;
  border: 1px solid var(--green);   /* green outline for separation */
  transition: background .25s ease, border-color .25s ease;
}

/* Subtle state change using allowed palette */
.sf-sec4.sf-dark .sf-faq-item:hover {
  background: #083766;              /* slightly deeper blue using same base family */
  border-color: var(--green);
}

/* Summary (Question row) — Montserrat 20/15 */
.sf-sec4.sf-dark summary {
  position: relative;
  list-style: none;
  cursor: pointer;
  padding: 16px 44px 16px 58px;     /* room for icon and arrow */
  display: flex;
  align-items: center;
  gap: 12px;

  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.35;
  color: var(--white);
}

@media (max-width: 600px) {
  .sf-sec4.sf-dark summary {
    font-size: 15px;
    padding: 14px 40px 14px 14px;
  }
}

/* Remove default marker */
.sf-sec4.sf-dark summary::-webkit-details-marker { display: none; }

/* Icon bubble — flat, no gradient */
.sf-sec4.sf-dark .sf-faq-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: transparent;
  border: 2px solid var(--green);
  color: var(--green);
  font-size: 16px;
  flex-shrink: 0;
}

@media (max-width: 600px) {
  .sf-sec4.sf-dark .sf-faq-icon { width: 28px; height: 28px; font-size: 15px; }
}

/* Arrow (right) — flat white */
.sf-sec4.sf-dark summary::after {
  content: "▾";
  position: absolute;
  right: 18px;
  color: var(--white);
  font-size: 16px;
  transition: transform .25s ease;
}

.sf-sec4.sf-dark [open] summary::after {
  transform: rotate(180deg);
}

/* Content — Roboto 18/15 */
.sf-sec4.sf-dark .sf-faq-content {
  padding: 0 16px 16px 58px;
}

.sf-sec4.sf-dark .sf-faq-content p {
  margin: 0;
  font-family: "Roboto", sans-serif !important;
  font-size: 16px;
  line-height: 1.55;
  color: var(--white);
}

@media (max-width: 600px) {
  .sf-sec4.sf-dark .sf-faq-content { padding: 0 15px 14px 54px; }
  .sf-sec4.sf-dark .sf-faq-content p { font-size: 15px; }
}/* End custom CSS */