/* =====================================================================
   Evlo pages — shared stylesheet
   Generated from the original Elementor sources; hand-tuned structure.
   Layers: tokens -> reset -> layout -> components -> typography styles ->
           card/chip/glow skins -> motion (FX + reveal)
   ===================================================================== */

:root{
  --ink:      #0B1B2A;   /* headings */
  --body:     #3D5468;   /* body copy */
  --muted:    #64798C;   /* captions / small labels */
  --accent:   #267CBA;   /* Evlo primary blue */
  --accent-2: #0D89E0;   /* bright blue */
  --accent-3: #7CC4F8;   /* light blue (on dark) */
  --navy:     #00304F;   /* dark band background */
  --mist:     #E9F2F8;   /* light blue band background */
  --line:     #E3EDF5;   /* card hairline border */
  --font:    'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---- reset ---- */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--body);
     font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
     overflow-x:hidden}
h1,h2,h3,h4,h5,h6,p,ul,figure{margin:0;padding:0}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--font);color:var(--ink)}

/* ---- layout primitives ---- */
.sec{position:relative;width:100%}
.sec > *{position:relative;z-index:1}
.stack{display:flex;flex-direction:column}
.grid{display:grid;min-width:0}
.grid > *{min-width:0}

/* responsive grid helpers (desktop cols set per grid class below) */
.cols-2{grid-template-columns:repeat(2,1fr)}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-4{grid-template-columns:repeat(4,1fr)}
.cols-5{grid-template-columns:repeat(5,1fr)}
.split{grid-template-columns:1fr 1fr;align-items:center}
.span-2{grid-column:1/-1}
@media (max-width:1024px){
  .cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}
  .cols-5{grid-template-columns:repeat(3,1fr)}
  .split{grid-template-columns:1fr}
}
@media (max-width:767px){
  .cols-2,.cols-3,.cols-4,.cols-5,.split{grid-template-columns:1fr}
  .m-first{order:-1}
}

/* ---- buttons & chips ---- */
.btn-wrap{display:flex}
.btn-wrap.align-center{justify-content:center}
.btn-wrap.align-left{justify-content:flex-start}
.btn-wrap.align-justify .btn{width:100%;justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;
     text-decoration:none;cursor:pointer;text-align:center;
     padding:14px 30px;border-radius:9px;font-weight:600;line-height:1}
.btn span{position:relative;z-index:1}
.chip{display:inline-flex;align-items:center;gap:.45em;align-self:center;
      padding:8px 16px;border-radius:999px;font-weight:600;letter-spacing:.04em;
      line-height:1}

/* ---- icon box ---- */
.ibox{position:relative}
.ibox-media{flex-shrink:0}
.icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.icon-svg{width:1em;height:1em;display:block;fill:currentColor}
.ibox-title{font-weight:600}
.ibox-desc{margin-top:6px}
.ibox.card-pad{padding:22px}

/* ---- icon list ---- */
.icon-list{list-style:none;display:flex;flex-direction:column}
.icon-list li{display:flex;align-items:flex-start;gap:10px}
.icon-list .li-icon{display:inline-flex;flex-shrink:0;margin-top:.28em}

/* ---- FAQ accordion ---- */
.faq{display:flex;flex-direction:column;width:100%}
.faq-item{overflow:hidden}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;
       cursor:pointer;list-style:none;user-select:none}
.faq-q::-webkit-details-marker{display:none}
.faq-icon{display:inline-flex;flex-shrink:0}
.faq-icon .i-minus{display:none}
details[open] .faq-icon .i-plus{display:none}
details[open] .faq-icon .i-minus{display:inline-flex}
.faq-a p{margin:0 0 .8em}
.faq-a p:last-child{margin-bottom:0}

/* ---- embeds (inline SVG art blocks) ---- */
.embed{min-width:0}
.img-wrap img{margin-inline:auto}

/* ---- reveal-on-scroll (replaces Elementor entrance animations) ----
   JS adds .revealed when the element scrolls into view, then removes
   the data-reveal attribute after the animation ends so hover
   transforms behave naturally afterwards. Without JS everything is
   simply visible. */
html.js [data-reveal]{opacity:0}
html.js.reveal-fallback:not(.js-ready) [data-reveal]{opacity:1 !important}
html.js .revealed[data-reveal]{
  animation:reveal-up .85s cubic-bezier(.22,.61,.36,1) both;
  animation-delay:var(--rd,0ms)}
html.js .revealed[data-reveal="left"]{animation-name:reveal-left}
html.js .revealed[data-reveal="right"]{animation-name:reveal-right}
html.js .revealed[data-reveal="zoom"]{animation-name:reveal-zoom}
@keyframes reveal-up{from{opacity:0;transform:translate3d(0,36px,0)}to{opacity:1;transform:none}}
@keyframes reveal-left{from{opacity:0;transform:translate3d(-36px,0,0)}to{opacity:1;transform:none}}
@keyframes reveal-right{from{opacity:0;transform:translate3d(36px,0,0)}to{opacity:1;transform:none}}
@keyframes reveal-zoom{from{opacity:0;transform:scale3d(.88,.88,1)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
  html.js [data-reveal]{opacity:1}
}


/* ==================== FX layer (ambient motion, card glow, shimmer) ==================== */
/* from devops foundation block */
#text-blue {
    background: linear-gradient(
      90deg,
      #267cba 0%,
      #0d89e0 35%,
      #5ab1f0 55%,
      #267cba 100%
    );
    background-size: 200% auto;
    animation: shimmer 5s ease-in-out infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
@keyframes shimmer {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
@keyframes evlFloat {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }
@keyframes evlfc {
    0%,
    100% {
      transform: translateY(4px);
    }
    50% {
      transform: translateY(-4px);
    }
  }
@keyframes evlShine {
    0%,
    58% {
      left: -70%;
    }
    82%,
    100% {
      left: 160%;
    }
  }
@keyframes evlAurA {
    0% {
      transform: translate(0, 0) scale(1);
    }
    50% {
      transform: translate(24%, 16%) scale(1.26);
    }
    100% {
      transform: translate(0, 0) scale(1);
    }
  }
@keyframes evlAurB {
    0% {
      transform: translate(0, 0) scale(1.2);
    }
    50% {
      transform: translate(-22%, -15%) scale(0.9);
    }
    100% {
      transform: translate(0, 0) scale(1.2);
    }
  }
@keyframes evlGlowShift {
    0%,
    100% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
  }
@keyframes evlHair {
    0% {
      background-position: 0% 0;
    }
    100% {
      background-position: 200% 0;
    }
  }
.evl-hair {
    height: 1px;
    width: min(78%, 860px);
    margin: 0 auto;
    border: 0;
    opacity: 0.85;
    background: linear-gradient(
      90deg,
      transparent,
      #267cba,
      #0d89e0,
      #7cc4f8,
      transparent
    );
    background-size: 200% 100%;
    animation: evlHair 7s linear infinite;
  }
.evl-card {
    position: relative;
    overflow: hidden;
    transition:
      transform 0.18s ease,
      box-shadow 0.45s ease;
    transform-style: preserve-3d;
    will-change: transform;
  }
.evl-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
      420px circle at var(--mx, 50%) var(--my, 0%),
      rgba(38, 124, 186, 0.1),
      transparent 60%
    );
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: 1;
  }
.evl-card:hover::after {
    opacity: 1;
  }
.evl-card:hover {
    transform: perspective(900px) rotateX(2deg) translateY(-6px);
    box-shadow: 0 24px 54px rgba(7, 42, 71, 0.16) !important;
  }
.evl-card:hover .icon {
    transform: scale(1.06) rotate(-2deg);
  }
.evl-lift {
    position: relative;
    overflow: hidden;
    transition:
      transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1),
      box-shadow 0.45s ease;
  }
.evl-lift::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
      420px circle at var(--mx, 50%) var(--my, 0%),
      rgba(38, 124, 186, 0.08),
      transparent 60%
    );
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: 1;
  }
.evl-lift:hover::after {
    opacity: 1;
  }
.evl-lift:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 54px rgba(7, 42, 71, 0.15) !important;
  }
.evl-glow {
    position: relative;
  }
.evl-glow::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1.6px;
    background: linear-gradient(135deg, #267cba, #0d89e0, #7cc4f8, #267cba);
    background-size: 300% 300%;
    animation: evlGlowShift 7s ease infinite;
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
  }
.evl-badge .ibox-media {
    animation: evlfc 6s ease-in-out infinite;
  }
.evl-badge .icon {
    position: relative;
    overflow: hidden;
    transition:
      transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1),
      box-shadow 0.4s ease;
  }
.evl-badge .icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: -70%;
    width: 55%;
    height: 100%;
    background: linear-gradient(
      120deg,
      transparent,
      rgba(255, 255, 255, 0.75),
      transparent
    );
    transform: skewX(-20deg);
    animation: evlShine 5.5s ease-in-out infinite;
    pointer-events: none;
  }
.evl-cta .btn {
    position: relative;
    overflow: hidden;
    transition:
      transform 0.2s cubic-bezier(0.2, 0.7, 0.2, 1),
      background 0.4s ease,
      box-shadow 0.3s ease !important;
  }
.evl-cta .btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
      120deg,
      transparent,
      rgba(255, 255, 255, 0.5),
      transparent
    );
    transform: skewX(-20deg);
    transition: left 0.6s ease;
  }
.evl-cta .btn:hover::after {
    left: 160%;
  }
.evl-ctad .btn::after {
    background: linear-gradient(
      120deg,
      transparent,
      rgba(0, 40, 69, 0.18),
      transparent
    );
  }
a.evl-tlink {
    color: #267cba;
    text-decoration: none;
    border-bottom: 1px solid rgba(38, 124, 186, 0.35);
    transition:
      color 0.25s ease,
      border-color 0.25s ease;
  }
a.evl-tlink:hover {
    color: #0d89e0;
    border-color: #0d89e0;
  }
.evl-mark {
    background-image: linear-gradient(
      120deg,
      rgba(13, 137, 224, 0.16),
      rgba(13, 137, 224, 0.16)
    );
    background-repeat: no-repeat;
    background-size: 0% 86%;
    background-position: 0 62%;
    border-radius: 3px;
    animation: evlMark 7s ease-in-out infinite;
  }
@keyframes evlMark {
    0% {
      background-size: 0% 86%;
    }
    20% {
      background-size: 100% 86%;
    }
    72% {
      background-size: 100% 86%;
    }
    92%,
    100% {
      background-size: 0% 86%;
    }
  }

/* from devops foundation block */
.evl-hair{width:100%;}
p b{font-weight:600;color:#16344E;}
.evl-mark-d{background-image:linear-gradient(120deg,rgba(124,196,248,.30),rgba(124,196,248,.30));background-repeat:no-repeat;background-size:0% 78%;background-position:0 64%;border-radius:3px;animation:evlMark 7s ease-in-out infinite;}
@keyframes evlDots{0%,100%{opacity:.5}50%{opacity:1}}

/* ==================== typography styles ==================== */
/* p 13.5px/1.4em w500 #64798C left — used 3x */
.text{color:#64798C;font-size:13.5px;font-weight:500;line-height:1.4em;text-align:left}
@media (max-width:767px){.text{font-size:12.5px}}

/* h1 46px/1.18em w700 #0B1B2A left — used 3x */
.display{color:#0B1B2A;font-size:46px;font-weight:700;line-height:1.18em;letter-spacing:-0.8px;text-align:left}
@media (max-width:1366px){.display{font-size:42px}}
@media (max-width:1024px){.display{font-size:36px}}
@media (max-width:767px){.display{font-size:29px}}

/* p 17px/1.7em w400 #3D5468 left — used 3x */
.text-2{color:#3D5468;font-size:17px;font-weight:400;line-height:1.7em;text-align:left}
@media (max-width:767px){.text-2{font-size:15.5px}}

/* h2 35px/1.22em w700 #0B1B2A left — used 2x */
.heading{color:#0B1B2A;font-size:35px;font-weight:700;line-height:1.22em;letter-spacing:-0.5px;text-align:left}
@media (max-width:1024px){.heading{font-size:29px}}
@media (max-width:767px){.heading{font-size:25px}}

/* p 16.5px/1.7em w400 #3D5468 left — used 8x */
.text-3{color:#3D5468;font-size:16.5px;font-weight:400;line-height:1.7em;text-align:left}
@media (max-width:767px){.text-3{font-size:15.5px}}

/* h2 37px/1.2em w700 #0B1B2A center — used 4x */
.heading-2{color:#0B1B2A;font-size:37px;font-weight:700;line-height:1.2em;letter-spacing:-0.5px;text-align:center}
@media (max-width:1024px){.heading-2{font-size:30px}}
@media (max-width:767px){.heading-2{font-size:26px}}

/* p 17.5px/1.7em w400 #3D5468 center — used 17x */
.text-4{color:#3D5468;font-size:17.5px;font-weight:400;line-height:1.7em;text-align:center}
@media (max-width:767px){.text-4{font-size:16px}}

/* h2 38px/1.18em w700 #0B1B2A center — used 13x */
.heading-3{color:#0B1B2A;font-size:38px;font-weight:700;line-height:1.18em;letter-spacing:-0.5px;text-align:center}
@media (max-width:1024px){.heading-3{font-size:31px}}
@media (max-width:767px){.heading-3{font-size:27px}}

/* h2 37px/1.2em w700 #FFFFFF center — used 2x */
.heading-4{color:#FFFFFF;font-size:37px;font-weight:700;line-height:1.2em;letter-spacing:-0.5px;text-align:center}
@media (max-width:1024px){.heading-4{font-size:30px}}
@media (max-width:767px){.heading-4{font-size:26px}}

/* p 16.5px/1.7em w400 #BCD4E6 center — used 2x */
.text-5{color:#BCD4E6;font-size:16.5px;font-weight:400;line-height:1.7em;text-align:center}
@media (max-width:767px){.text-5{font-size:16px}}

/* h2 35px/1.2em w700 #0B1B2A left — used 2x */
.heading-5{color:#0B1B2A;font-size:35px;font-weight:700;line-height:1.2em;letter-spacing:-0.5px;text-align:left}
@media (max-width:1024px){.heading-5{font-size:29px}}
@media (max-width:767px){.heading-5{font-size:25px}}

/* h3 13px/1.3em w600 #9FC6E4 center — used 3x */
.title{color:#9FC6E4;font-size:13px;font-weight:600;line-height:1.3em;letter-spacing:1.6px;text-align:center}

/* p 12.5px/1.4em w500 #7FA8C6 center — used 3x */
.text-6{color:#7FA8C6;font-size:12.5px;font-weight:500;line-height:1.4em;text-align:center}

/* p 30px/1.05em w700 #0B1B2A center — used 4x */
.text-7{color:#0B1B2A;font-size:30px;font-weight:700;line-height:1.05em;letter-spacing:-0.5px;text-align:center}
@media (max-width:767px){.text-7{font-size:26px}}

/* h3 13px/1.4em w500 #3D5468 center — used 4x */
.title-2{color:#3D5468;font-size:13px;font-weight:500;line-height:1.4em;text-align:center}
@media (max-width:767px){.title-2{font-size:12.5px}}

/* h3 30px/1.45em w600 #FFFFFF center — used 1x */
.title-3{color:#FFFFFF;font-size:30px;font-weight:600;line-height:1.45em;text-align:center}
@media (max-width:1024px){.title-3{font-size:25px}}
@media (max-width:767px){.title-3{font-size:21px}}

/* h4 11.5px/1.3em w600 #267CBA left — used 8x */
.label{color:#267CBA;font-size:11.5px;font-weight:600;line-height:1.3em;letter-spacing:1px;text-align:left}

/* h3 25px/1.25em w600 #0B1B2A left — used 1x */
.title-4{color:#0B1B2A;font-size:25px;font-weight:600;line-height:1.25em;text-align:left}
@media (max-width:1024px){.title-4{font-size:22px}}
@media (max-width:767px){.title-4{font-size:20px}}

/* p 16px/1.7em w400 #3D5468 left — used 1x */
.text-8{color:#3D5468;font-size:16px;font-weight:400;line-height:1.7em;text-align:left}
@media (max-width:767px){.text-8{font-size:15px}}

/* h3 19px/1.32em w600 #0B1B2A left — used 7x */
.title-5{color:#0B1B2A;font-size:19px;font-weight:600;line-height:1.32em;text-align:left}
@media (max-width:767px){.title-5{font-size:17.5px}}

/* p 14.5px/1.62em w400 #3D5468 left — used 7x */
.text-9{color:#3D5468;font-size:14.5px;font-weight:400;line-height:1.62em;text-align:left}
@media (max-width:767px){.text-9{font-size:14px}}

/* h2 38px/1.18em w700 #0B1B2A center — used 5x */
.heading-6{color:#0B1B2A;font-size:38px;font-weight:700;line-height:1.18em;letter-spacing:-0.5px;text-align:center}
@media (max-width:1024px){.heading-6{font-size:31px}}
@media (max-width:767px){.heading-6{font-size:26px}}

/* h2 36px/1.18em w700 #0B1B2A center — used 3x */
.heading-7{color:#0B1B2A;font-size:36px;font-weight:700;line-height:1.18em;letter-spacing:-0.5px;text-align:center}
@media (max-width:1024px){.heading-7{font-size:30px}}
@media (max-width:767px){.heading-7{font-size:26px}}

/* h3 18.5px/1.4em w600 #0B1B2A center — used 10x */
.title-6{color:#0B1B2A;font-size:18.5px;font-weight:600;line-height:1.4em;text-align:center}
@media (max-width:767px){.title-6{font-size:17px}}

/* p 14.5px/1.6em w400 #3D5468 center — used 10x */
.text-10{color:#3D5468;font-size:14.5px;font-weight:400;line-height:1.6em;text-align:center}
@media (max-width:767px){.text-10{font-size:14px}}

/* h2 39px/1.2em w700 #FFFFFF center — used 1x */
.heading-8{color:#FFFFFF;font-size:39px;font-weight:700;line-height:1.2em;letter-spacing:-0.5px;text-align:center}
@media (max-width:1024px){.heading-8{font-size:32px}}
@media (max-width:767px){.heading-8{font-size:26px}}

/* p 17.5px/1.7em w400 #EAF6FF center — used 3x */
.text-11{color:#EAF6FF;font-size:17.5px;font-weight:400;line-height:1.7em;text-align:center}
@media (max-width:767px){.text-11{font-size:16px}}

/* p 12.5px/1.4em w500 #64798C left — used 1x */
.text-12{color:#64798C;font-size:12.5px;font-weight:500;line-height:1.4em;text-align:left}
@media (max-width:767px){.text-12{font-size:12px;text-align:center}}

/* p 17.5px/1.75em w500 #0B1B2A left — used 1x */
.text-13{color:#0B1B2A;font-size:17.5px;font-weight:500;line-height:1.75em;text-align:left}
@media (max-width:767px){.text-13{font-size:16px}}

/* h2 40px/1.2em w700 #FFFFFF center — used 2x */
.heading-9{color:#FFFFFF;font-size:40px;font-weight:700;line-height:1.2em;letter-spacing:-0.5px;text-align:center}
@media (max-width:1024px){.heading-9{font-size:32px}}
@media (max-width:767px){.heading-9{font-size:27px}}

/* h2 36px/1.22em w700 #0B1B2A left — used 1x */
.heading-10{color:#0B1B2A;font-size:36px;font-weight:700;line-height:1.22em;letter-spacing:-0.5px;text-align:left}
@media (max-width:1024px){.heading-10{font-size:30px}}
@media (max-width:767px){.heading-10{font-size:26px}}

/* p 17px/1.75em w400 #3D5468 left — used 1x */
.text-14{color:#3D5468;font-size:17px;font-weight:400;line-height:1.75em;text-align:left}
@media (max-width:767px){.text-14{font-size:15.5px}}

/* h3 12.5px/1.3em w600 #64798C center — used 4x */
.title-7{color:#64798C;font-size:12.5px;font-weight:600;line-height:1.3em;letter-spacing:1.1px;text-align:center}

/* p 16px/1.45em w600 #0B1B2A center — used 4x */
.text-15{color:#0B1B2A;font-size:16px;font-weight:600;line-height:1.45em;text-align:center}
@media (max-width:767px){.text-15{font-size:15px}}

/* h3 21px/1.4em w600 #2E5170 center — used 2x */
.title-8{color:#2E5170;font-size:21px;font-weight:600;line-height:1.4em;text-align:center}
@media (max-width:1024px){.title-8{font-size:19px}}
@media (max-width:767px){.title-8{font-size:18px}}

/* h4 12.5px/1.3em w600 #A05A2C left — used 2x */
.label-2{color:#A05A2C;font-size:12.5px;font-weight:600;line-height:1.3em;letter-spacing:1.2px;text-align:left}

/* p 15.5px/1.7em w400 #3D5468 left — used 2x */
.text-16{color:#3D5468;font-size:15.5px;font-weight:400;line-height:1.7em;text-align:left}
@media (max-width:767px){.text-16{font-size:15px}}

/* p 58px/1em w700 #BFD9EC left — used 3x */
.text-17{color:#BFD9EC;font-size:58px;font-weight:700;line-height:1em;letter-spacing:-1px;text-align:left}
@media (max-width:767px){.text-17{font-size:44px}}

/* h3 26px/1.25em w600 #0B1B2A left — used 3x */
.title-9{color:#0B1B2A;font-size:26px;font-weight:600;line-height:1.25em;text-align:left}
@media (max-width:1024px){.title-9{font-size:23px}}
@media (max-width:767px){.title-9{font-size:21px}}

/* h2 38px/1.18em w700 #FFFFFF center — used 1x */
.heading-11{color:#FFFFFF;font-size:38px;font-weight:700;line-height:1.18em;letter-spacing:-0.5px;text-align:center}
@media (max-width:1024px){.heading-11{font-size:31px}}
@media (max-width:767px){.heading-11{font-size:27px}}

/* h2 36px/1.2em w700 #0B1B2A left — used 1x */
.heading-12{color:#0B1B2A;font-size:36px;font-weight:700;line-height:1.2em;letter-spacing:-0.5px;text-align:left}
@media (max-width:1024px){.heading-12{font-size:30px}}
@media (max-width:767px){.heading-12{font-size:26px}}

/* h3 28px/1.5em w600 #FFFFFF center — used 1x */
.title-10{color:#FFFFFF;font-size:28px;font-weight:600;line-height:1.5em;text-align:center}
@media (max-width:1024px){.title-10{font-size:24px}}
@media (max-width:767px){.title-10{font-size:20px}}


/* ==================== button / chip variants ==================== */
/* button bg:rgba(0,0,0,0) color:#FFFFFF — used 6x */
.btn-v{color:#FFFFFF;background:rgba(0,0,0,0);font-size:16.5px;font-weight:600;padding:15px 36px 15px 36px}
.btn-v:hover{color:#FFFFFF}
@media (max-width:767px){.btn-v{font-size:15px;padding:13px 24px 13px 24px}}

/* button bg:rgba(0,0,0,0) color:#267CBA — used 4x */
.btn-v-2{color:#267CBA;background:rgba(0,0,0,0);font-size:16.5px;font-weight:600;padding:15px 36px 15px 36px}
.btn-v-2:hover{color:#267CBA}
@media (max-width:767px){.btn-v-2{font-size:15px;padding:13px 24px 13px 24px}}

/* chip bg:#E9F2F8 color:#267CBA — used 31x */
.chip-v{color:#267CBA;background:#E9F2F8;border:1px solid #D5E6F1;border-radius:30px 30px 30px 30px;font-size:13px;font-weight:600;line-height:1.2em;letter-spacing:1.2px;padding:8px 18px 8px 18px}

/* chip bg:rgba(255,255,255,0.08) color:#CFE8FA — used 3x */
.chip-v-2{color:#CFE8FA;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.22);border-radius:30px 30px 30px 30px;font-size:13px;font-weight:600;line-height:1.2em;letter-spacing:1.2px;padding:8px 18px 8px 18px}

/* button bg:rgba(0,0,0,0) color:#267CBA — used 10x */
.btn-v-3{color:#267CBA;background:rgba(0,0,0,0);font-size:14px;font-weight:600;padding:15px 36px 15px 36px}
.btn-v-3:hover{color:#267CBA}
@media (max-width:767px){.btn-v-3{font-size:15px;padding:13px 24px 13px 24px}}

/* button bg:rgba(0,0,0,0) color:#08436B — used 3x */
.btn-v-4{color:#08436B;background:rgba(0,0,0,0);font-size:16.5px;font-weight:600;padding:15px 36px 15px 36px}
.btn-v-4:hover{color:#08436B}
@media (max-width:767px){.btn-v-4{font-size:15px;padding:13px 24px 13px 24px}}


/* ==================== icon-box variants ==================== */
/* icon-box top icon:#267CBA 17px — used 22x */
.ib-top{text-align:center}
.ib-top .ibox-media{margin-bottom:11px}
.ib-top .icon{color:#267CBA;font-size:17px}
.ib-top .ibox-title{color:#0B1B2A;font-size:16px;font-weight:600;line-height:1.35em}
.ib-top .ibox-desc{}
@media (max-width:767px){.ib-top .ibox-title{font-size:15px}}

/* icon-box inline-start icon:#267CBA 19px — used 15x */
.ib-side{display:flex;flex-direction:row;align-items:flex-start}
.ib-side .ibox-media{margin-right:13px}
.ib-side .icon{color:#267CBA;font-size:19px}
.ib-side .ibox-title{color:#0B1B2A;font-size:16.5px;font-weight:600;line-height:1.3em;margin-bottom:4px}
.ib-side .ibox-desc{color:#3D5468;font-size:13.5px;line-height:1.5em}
@media (max-width:767px){.ib-side .ibox-title{font-size:15.5px}}
@media (max-width:767px){.ib-side .ibox-desc{font-size:13px}}

/* icon-box inline-start icon:#267CBA 19px — used 18x */
.ib-side-2{display:flex;flex-direction:row;align-items:center}
.ib-side-2 .ibox-media{margin-right:13px}
.ib-side-2 .icon{color:#267CBA;font-size:19px}
.ib-side-2 .ibox-title{color:#0B1B2A;font-size:16px;font-weight:500;line-height:1.5em}
.ib-side-2 .ibox-desc{}
@media (max-width:767px){.ib-side-2 .ibox-title{font-size:15px}}

/* icon-box top icon:#267CBA 22px — used 17x */
.ib-top-2{text-align:center}
.ib-top-2 .ibox-media{margin-bottom:16px}
.ib-top-2 .icon{color:#267CBA;font-size:22px}
.ib-top-2 .ibox-title{color:#0B1B2A;font-size:19.5px;font-weight:600;line-height:1.3em;margin-bottom:8px}
.ib-top-2 .ibox-desc{color:#3D5468;font-size:15px;line-height:1.62em}
@media (max-width:767px){.ib-top-2 .ibox-title{font-size:18px}}
@media (max-width:767px){.ib-top-2 .ibox-desc{font-size:14.5px}}

/* icon-box inline-start icon:#7CC4F8 18px — used 14x */
.ib-side-3{display:flex;flex-direction:row;align-items:center}
.ib-side-3 .ibox-media{margin-right:15px}
.ib-side-3 .icon{color:#7CC4F8;font-size:18px}
.ib-side-3 .ibox-title{color:#EAF4FF;font-size:16.5px;font-weight:500;line-height:1.45em}
.ib-side-3 .ibox-desc{}
@media (max-width:767px){.ib-side-3 .ibox-title{font-size:15px}}

/* icon-box top icon:#267CBA 18px — used 4x */
.ib-top-3{text-align:center}
.ib-top-3 .ibox-media{margin-bottom:0px}
.ib-top-3 .icon{color:#267CBA;font-size:18px}
.ib-top-3 .ibox-title{}
.ib-top-3 .ibox-desc{}

/* icon-box inline-start icon:#2F9E5B 17px — used 6x */
.ib-side-4{display:flex;flex-direction:row;align-items:center}
.ib-side-4 .ibox-media{margin-right:13px}
.ib-side-4 .icon{color:#2F9E5B;font-size:17px}
.ib-side-4 .ibox-title{color:#0B1B2A;font-size:15.5px;font-weight:600;line-height:1.4em}
.ib-side-4 .ibox-desc{}
@media (max-width:767px){.ib-side-4 .ibox-title{font-size:14.5px}}

/* icon-box top icon:#FFFFFF 22px — used 10x */
.ib-top-4{text-align:center}
.ib-top-4 .ibox-media{margin-bottom:0px}
.ib-top-4 .icon{color:#FFFFFF;font-size:22px}
.ib-top-4 .ibox-title{}
.ib-top-4 .ibox-desc{}

/* icon-box top icon:#267CBA 17px — used 4x */
.ib-top-5{text-align:center}
.ib-top-5 .ibox-media{margin-bottom:0px}
.ib-top-5 .icon{color:#267CBA;font-size:17px}
.ib-top-5 .ibox-title{}
.ib-top-5 .ibox-desc{}

/* icon-box inline-start icon:#B7791F 18px — used 5x */
.ib-side-5{display:flex;flex-direction:row;align-items:center}
.ib-side-5 .ibox-media{margin-right:15px}
.ib-side-5 .icon{color:#B7791F;font-size:18px}
.ib-side-5 .ibox-title{color:#0B1B2A;font-size:16.5px;font-weight:600;line-height:1.45em}
.ib-side-5 .ibox-desc{}
@media (max-width:767px){.ib-side-5 .ibox-title{font-size:15px}}


/* ==================== layout boxes (deduped container styles) ==================== */
/* display:flex flex-direction:column gap:26px align-items:center z-index:2 — used 9x */
.wrap{display:flex;flex-direction:column;gap:26px;align-items:center;z-index:2;position:relative;max-width:1360px;width:100%;margin-left:auto;margin-right:auto}

/* gap:48px 48px justify-items:stretch align-items:center align-self:stretch — used 3x */
.grid-box{gap:48px 48px;justify-items:stretch;align-items:center;align-self:stretch}

/* display:flex flex-direction:column gap:20px align-items:flex-start justify-content:center — used 3x */
.stack{display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:center}

/* display:flex flex-direction:row gap:14px align-items:center justify-content:flex-start — used 3x */
.row{display:flex;flex-direction:row;gap:14px;align-items:center;justify-content:flex-start;flex-wrap:wrap}
@media (max-width:767px){.row{flex-direction:column;align-items:stretch}}

/* display:flex flex-direction:column gap:0px align-items:center justify-content:center — used 3x */
.stack-2{display:flex;flex-direction:column;gap:0px;align-items:center;justify-content:center}

/* embed sizing — used 20x */
.embed-fit{width:100%;align-self:center;z-index:2;position:relative}

/* display:flex flex-direction:column gap:44px align-items:center z-index:2 — used 3x */
.wrap-2{display:flex;flex-direction:column;gap:44px;align-items:center;z-index:2;position:relative;max-width:1360px;width:100%;margin-left:auto;margin-right:auto}

/* gap:16px 16px justify-items:stretch align-items:stretch align-self:stretch — used 7x */
.grid-box-2{gap:16px 16px;justify-items:stretch;align-items:stretch;align-self:stretch}

/* display:flex flex-direction:column gap:12px align-items:center justify-content:center — used 12x */
.stack-3{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:20px 24px 26px 24px}

/* gap:52px 52px justify-items:stretch align-items:center align-self:stretch — used 9x */
.grid-box-3{gap:52px 52px;justify-items:stretch;align-items:center;align-self:stretch}

/* display:flex flex-direction:column gap:18px align-items:flex-start justify-content:center — used 6x */
.stack-4{display:flex;flex-direction:column;gap:18px;align-items:flex-start;justify-content:center}

/* display:flex flex-direction:column gap:0px align-items:flex-start justify-content:flex-start — used 15x */
.stack-5{display:flex;flex-direction:column;gap:0px;align-items:flex-start;justify-content:flex-start;padding:20px 24px 26px 24px}

/* display:flex flex-direction:column gap:26px align-items:center z-index:2 — used 2x */
.wrap-3{display:flex;flex-direction:column;gap:26px;align-items:center;z-index:2;position:relative;max-width:1100px;width:100%;margin-left:auto;margin-right:auto}

/* display:flex flex-direction:column gap:0px align-items:center padding:26px 26px 26px 26px — used 3x */
.stack-6{display:flex;flex-direction:column;gap:0px;align-items:center;padding:26px 26px 26px 26px}

/* gap:14px 14px justify-items:stretch align-items:stretch align-self:stretch — used 3x */
.grid-box-4{gap:14px 14px;justify-items:stretch;align-items:stretch;align-self:stretch}

/* display:flex flex-direction:column gap:0px align-items:flex-start padding:14px 18px 14px 18px — used 18x */
.stack-7{display:flex;flex-direction:column;gap:0px;align-items:flex-start;padding:14px 18px 14px 18px}

/* gap:20px 20px justify-items:stretch align-items:stretch align-self:stretch — used 4x */
.grid-box-5{gap:20px 20px;justify-items:stretch;align-items:stretch;align-self:stretch}

/* display:flex flex-direction:column gap:12px align-items:center justify-content:center — used 17x */
.stack-8{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:28px 24px 26px 24px}

/* display:flex flex-direction:column gap:14px align-items:center z-index:2 — used 2x */
.wrap-4{display:flex;flex-direction:column;gap:14px;align-items:center;z-index:2;position:relative;max-width:1040px;width:100%;margin-left:auto;margin-right:auto}

/* display:flex flex-direction:column gap:0px align-items:flex-start padding:16px 20px 16px 20px — used 19x */
.stack-9{display:flex;flex-direction:column;gap:0px;align-items:flex-start;padding:16px 20px 16px 20px}

/* display:flex flex-direction:column gap:26px align-items:center z-index:2 — used 5x */
.wrap-5{display:flex;flex-direction:column;gap:26px;align-items:center;z-index:2;position:relative;max-width:1320px;width:100%;margin-left:auto;margin-right:auto}

/* icon-list style — used 3x */
.list{row-gap:14px}
.list li{color:#3D5468;font-size:16px;font-weight:500;line-height:1.55em}
.list .li-icon{color:#267CBA;font-size:17px}
@media (max-width:767px){.list li{font-size:15px}}

/* display:flex flex-direction:column gap:20px align-items:center justify-content:center — used 3x */
.stack-10{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:44px 30px 44px 30px}

/* display:flex flex-direction:column gap:18px align-items:center justify-content:center — used 3x */
.stack-11{display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;z-index:2;position:relative}

/* image sizing — used 3x */
.img-fit{width:168px;align-self:center;text-align:center}
@media (max-width:767px){.img-fit{width:100%}}

/* embed sizing — used 2x */
.embed-fit-2{z-index:2;position:relative}

/* display:flex flex-direction:column gap:26px align-items:center z-index:2 — used 12x */
.wrap-6{display:flex;flex-direction:column;gap:26px;align-items:center;z-index:2;position:relative;max-width:1200px;width:100%;margin-left:auto;margin-right:auto}

/* gap:18px 18px justify-items:stretch align-items:stretch align-self:stretch — used 4x */
.grid-box-6{gap:18px 18px;justify-items:stretch;align-items:stretch;align-self:stretch}

/* display:flex flex-direction:column gap:8px align-items:center justify-content:flex-start — used 4x */
.stack-12{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;padding:24px 24px 26px 24px}

/* display:flex flex-direction:column gap:26px align-items:center z-index:2 — used 4x */
.wrap-7{display:flex;flex-direction:column;gap:26px;align-items:center;z-index:2;position:relative;max-width:980px;width:100%;margin-left:auto;margin-right:auto}

/* display:flex flex-direction:column gap:26px align-items:center z-index:2 — used 5x */
.wrap-8{display:flex;flex-direction:column;gap:26px;align-items:center;z-index:2;position:relative;max-width:1160px;width:100%;margin-left:auto;margin-right:auto}

/* display:flex flex-direction:column gap:0px padding:28px 28px 28px 28px — used 1x */
.stack-13{display:flex;flex-direction:column;gap:0px;padding:28px 28px 28px 28px}

/* gap:44px 44px justify-items:stretch align-items:center align-self:stretch — used 1x */
.grid-box-7{gap:44px 44px;justify-items:stretch;align-items:center;align-self:stretch}

/* display:flex flex-direction:column gap:15px align-items:flex-start justify-content:center — used 1x */
.stack-14{display:flex;flex-direction:column;gap:15px;align-items:flex-start;justify-content:center}

/* display:flex flex-direction:column gap:20px align-items:center justify-content:center — used 1x */
.stack-15{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:26px 24px 26px 24px;min-height:200px}

/* display:flex flex-direction:column gap:11px align-items:flex-start justify-content:flex-start — used 7x */
.stack-16{display:flex;flex-direction:column;gap:11px;align-items:flex-start;justify-content:flex-start;padding:16px 24px 26px 24px}

/* display:flex flex-direction:column gap:20px align-items:center justify-content:center — used 7x */
.stack-17{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:20px 18px 20px 18px;min-height:176px}

/* image sizing — used 3x */
.img-fit-2{text-align:center}

/* display:flex flex-direction:column gap:0px align-items:flex-start padding:18px 18px 18px 18px — used 6x */
.stack-18{display:flex;flex-direction:column;gap:0px;align-items:flex-start;padding:18px 18px 18px 18px}

/* display:flex flex-direction:column gap:12px align-items:center justify-content:center — used 10x */
.stack-19{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:24px 24px 26px 24px}

/* faq style — used 3x */
.faq-skin .faq-q{color:#0B1B2A;font-size:17.5px;font-weight:600;line-height:1.45em}
.faq-skin .faq-a{color:#3D5468;font-size:15.5px;line-height:1.7em}
.faq-skin .faq-icon{color:#267CBA}
.faq-skin details[open] .faq-icon{color:#0D89E0}
.faq-skin details[open] .faq-q{color:#267CBA}
.faq-skin .faq-item{border-color:#D5E6F1}
@media (max-width:767px){.faq-skin .faq-q{font-size:16px}}
@media (max-width:767px){.faq-skin .faq-a{font-size:15px}}

/* gap:22px 22px justify-items:stretch align-items:stretch align-self:stretch — used 4x */
.grid-box-8{gap:22px 22px;justify-items:stretch;align-items:stretch;align-self:stretch}

/* display:flex flex-direction:column gap:14px align-items:center justify-content:flex-start — used 10x */
.stack-20{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:flex-start;padding:16px 24px 26px 24px}

/* display:flex flex-direction:column gap:20px align-items:center justify-content:center — used 10x */
.stack-21{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:26px 16px 26px 16px}

/* display:flex flex-direction:row gap:16px align-items:center justify-content:center — used 3x */
.row-2{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}
@media (max-width:767px){.row-2{flex-direction:column}}

/* display:flex flex-direction:column gap:11px align-items:flex-start justify-content:center — used 1x */
.stack-22{display:flex;flex-direction:column;gap:11px;align-items:flex-start;justify-content:center}

/* embed sizing — used 1x */
.embed-fit-3{width:100%;align-self:stretch;z-index:2;position:relative}

/* display:flex flex-direction:column gap:0px align-items:flex-start padding:38px 40px 34px 40px — used 1x */
.stack-23{display:flex;flex-direction:column;gap:0px;align-items:flex-start;padding:38px 40px 34px 40px}

/* display:flex flex-direction:column gap:8px align-items:center justify-content:flex-start — used 4x */
.stack-24{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;padding:22px 24px 26px 24px}

/* display:flex flex-direction:column gap:14px align-items:center z-index:2 — used 1x */
.wrap-9{display:flex;flex-direction:column;gap:14px;align-items:center;z-index:2;position:relative;max-width:1000px;width:100%;margin-left:auto;margin-right:auto}

/* embed sizing — used 1x */
.embed-fit-4{width:96%;align-self:center;z-index:2;position:relative}
@media (max-width:767px){.embed-fit-4{width:100%}}

/* gap:24px 24px justify-items:stretch align-items:stretch align-self:stretch — used 1x */
.grid-box-9{gap:24px 24px;justify-items:stretch;align-items:stretch;align-self:stretch}

/* display:flex flex-direction:column gap:10px align-items:flex-start padding:24px 26px 24px 26px — used 2x */
.stack-25{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:24px 26px 24px 26px}

/* embed sizing — used 2x */
.embed-fit-5{width:98%;align-self:center;z-index:2;position:relative}
@media (max-width:767px){.embed-fit-5{width:100%}}

/* display:flex flex-direction:column gap:40px align-items:center z-index:2 — used 1x */
.wrap-10{display:flex;flex-direction:column;gap:40px;align-items:center;z-index:2;position:relative;max-width:1280px;width:100%;margin-left:auto;margin-right:auto}

/* display:flex flex-direction:column gap:12px align-items:flex-start justify-content:center — used 3x */
.stack-26{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:center}

/* display:flex flex-direction:column gap:16px align-items:flex-start justify-content:center — used 3x */
.stack-27{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:center}

/* embed sizing — used 1x */
.embed-fit-6{width:82%;align-self:center;z-index:2;position:relative}
@media (max-width:767px){.embed-fit-6{width:92%}}

/* embed sizing — used 1x */
.embed-fit-7{width:88%;align-self:center;z-index:2;position:relative}
@media (max-width:767px){.embed-fit-7{width:100%}}

/* embed sizing — used 1x */
.embed-fit-8{width:78%;align-self:center;z-index:2;position:relative}
@media (max-width:767px){.embed-fit-8{width:92%}}

/* display:flex flex-direction:row gap:18px align-items:center justify-content:center — used 1x */
.row-3{display:flex;flex-direction:row;gap:18px;align-items:center;justify-content:center}

/* image sizing — used 2x */
.img-fit-3{width:86px;align-self:center;text-align:center}
@media (max-width:767px){.img-fit-3{width:86px}}

/* display:flex flex-direction:column gap:26px align-items:center z-index:2 — used 1x */
.wrap-11{display:flex;flex-direction:column;gap:26px;align-items:center;z-index:2;position:relative;max-width:1000px;width:100%;margin-left:auto;margin-right:auto}


/* ==================== skins (cards, icon chips, glows) — deduped from per-element CSS ==================== */
/* from section custom_css — used 3x */
.glow{position:relative;}.glow::before{content:'';position:absolute;inset:-45%;pointer-events:none;z-index:0;filter:blur(70px);background:radial-gradient(40% 50% at 12% 18%,rgba(38,124,186,.18),transparent 64%),radial-gradient(38% 48% at 88% 70%,rgba(13,137,224,.14),transparent 64%);opacity:.8;animation:evlAurA 15s ease-in-out infinite;}.glow::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(45deg,rgba(38,124,186,.055) 0 1px,transparent 1px 13px);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 72%);mask-image:linear-gradient(180deg,#000 0%,transparent 72%);}@media(max-width:767px){.glow::before,.glow::after{display:none;}}

/* from button custom_css — used 3x */
.btn-fx .btn{background:linear-gradient(180deg,#2F89CB 0%,#267CBA 100%);border-radius:9px;box-shadow:0 10px 26px rgba(38,124,186,0.30);transition:transform .25s ease,box-shadow .3s ease,filter .3s ease;}.btn-fx .btn:hover{transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 16px 38px rgba(38,124,186,0.42);}

/* from button custom_css — used 4x */
.btn-fx-2 .btn{background:#FFFFFF;border:1.5px solid rgba(38,124,186,0.5);border-radius:9px;transition:transform .25s ease,background .3s ease,box-shadow .3s ease;}.btn-fx-2 .btn:hover{background:#F2F8FC;transform:translateY(-3px);box-shadow:0 12px 28px rgba(7,42,71,0.12);}

/* from container custom_css — used 78x */
.card{background:#FFFFFF;border:1px solid #E3EDF5;border-radius:16px;box-shadow:0 12px 32px rgba(7,42,71,0.06);}

/* from icon-box custom_css — used 26x */
.icon-chip .icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(180deg,#EAF4FB,#DCECF7);border:1px solid #CBE2F2;box-shadow:0 10px 24px rgba(38,124,186,.16);position:relative;overflow:hidden;}.icon-chip .icon .icon-svg{line-height:1;}

/* from section custom_css — used 3x */
.glow-2{position:relative;}.glow-2::before{content:'';position:absolute;width:52vw;height:52vw;top:calc(50% - 26vw);left:66%;background:radial-gradient(circle,rgba(38,124,186,0.08),transparent 60%);filter:blur(70px);pointer-events:none;z-index:0;animation:evlAurB 17s ease-in-out infinite;}@media(max-width:767px){.glow-2::before{display:none;}}

/* from icon-box custom_css — used 19x */
.icon-chip-2 .icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,#EAF4FB,#DCECF7);border:1px solid #CBE2F2;box-shadow:0 10px 24px rgba(38,124,186,.16);position:relative;overflow:hidden;}.icon-chip-2 .icon .icon-svg{line-height:1;}

/* from section custom_css — used 3x */
.fx{position:relative;}.fx::after{content:'';position:absolute;top:8%;bottom:8%;width:340px;right:2.5%;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(38,124,186,.42) 2px,transparent 2.1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at center,#000 42%,transparent 82%);mask-image:radial-gradient(ellipse at center,#000 42%,transparent 82%);animation:evlDots 8s ease-in-out infinite;}@media(max-width:1279px){.fx::after{display:none;}}

/* from container custom_css — used 3x */
.card-2{background:linear-gradient(180deg,#EAF4FB,#E9F2F8);border:1px solid #D5E6F1;border-radius:20px;}

/* from container custom_css — used 18x */
.card-3{background:rgba(255,255,255,.85);border:1px solid #DCEAF4;border-radius:12px;box-shadow:0 8px 20px rgba(7,42,71,.04);}

/* from html custom_css — used 4x */
.overlay{position:absolute!important;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden;}@media(max-width:1024px){.overlay{display:none;}}

/* from icon-box custom_css — used 17x */
.icon-chip-3 .icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(180deg,#EAF4FB,#DCECF7);border:1px solid #CBE2F2;box-shadow:0 10px 24px rgba(38,124,186,.16);position:relative;overflow:hidden;}.icon-chip-3 .icon .icon-svg{line-height:1;}

/* from section custom_css — used 5x */
.glow-3{position:relative;}.glow-3::before{content:'';position:absolute;left:20%;right:20%;top:calc(50% - 30vw);height:60vw;pointer-events:none;z-index:0;filter:blur(70px);background:radial-gradient(circle,rgba(13,137,224,.28),transparent 62%);animation:evlAurB 17s ease-in-out infinite;}@media(max-width:767px){.glow-3::before{display:none;}}

/* from container custom_css — used 14x */
.card-4{background:rgba(255,255,255,.05);border:1px solid rgba(124,196,248,.18);border-left:4px solid #4FA3E0;border-radius:12px;box-shadow:0 10px 26px rgba(0,0,0,.18);}@media(max-width:767px){.card-4{border-left-width:3px;}}

/* from icon-box custom_css — used 14x */
.icon-chip-4 .icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:rgba(124,196,248,.12);border:1px solid rgba(124,196,248,.28);box-shadow:0 8px 20px rgba(0,0,0,.22);}

/* from section custom_css — used 3x */
.glow-4{position:relative;}.glow-4::before{content:'';position:absolute;width:52vw;height:52vw;top:calc(50% - 26vw);left:-16%;background:radial-gradient(circle,rgba(38,124,186,0.08),transparent 60%);filter:blur(70px);pointer-events:none;z-index:0;animation:evlAurA 16s ease-in-out infinite;}@media(max-width:767px){.glow-4::before{display:none;}}

/* from icon-list custom_css — used 3x */
.fx-2 .icon-list li{align-items:flex-start;}.fx-2 .li-icon{align-self:flex-start;padding-top:4px;}

/* from container custom_css — used 3x */
.glow-5{background:linear-gradient(180deg,#00304F,#002845);border-radius:18px;box-shadow:0 24px 56px rgba(0,40,69,.35);position:relative;overflow:hidden;}.glow-5::before{content:'';position:absolute;left:18%;right:18%;top:calc(50% - 24vw);height:48vw;pointer-events:none;filter:blur(70px);background:radial-gradient(circle,rgba(13,137,224,.30),transparent 62%);animation:evlAurB 16s ease-in-out infinite;}@media(max-width:767px){.glow-5::before{display:none;}}

/* from heading custom_css — used 17x */
.fx-3 {text-transform:uppercase;}

/* from section custom_css — used 4x */
.glow-6{position:relative;}.glow-6::before{content:'';position:absolute;width:52vw;height:52vw;top:calc(50% - 26vw);left:66%;background:radial-gradient(circle,rgba(38,124,186,0.07),transparent 60%);filter:blur(70px);pointer-events:none;z-index:0;animation:evlAurB 18s ease-in-out infinite;}@media(max-width:767px){.glow-6::before{display:none;}}

/* from section custom_css — used 1x */
.glow-7{position:relative;}.glow-7::before{content:'';position:absolute;width:52vw;height:52vw;top:calc(50% - 26vw);left:-16%;background:radial-gradient(circle,rgba(38,124,186,0.07),transparent 60%);filter:blur(70px);pointer-events:none;z-index:0;animation:evlAurA 18s ease-in-out infinite;}@media(max-width:767px){.glow-7::before{display:none;}}

/* from container custom_css — used 1x */
.card-5{background:#FFFFFF;border:1px solid #E3EDF5;border-radius:18px;box-shadow:0 18px 44px rgba(7,42,71,.08);}

/* from container custom_css — used 1x */
.card-6{background:linear-gradient(180deg,#F4F9FD,#EAF2F9);border:1px solid #E3EDF5;border-radius:14px;}

/* from container custom_css — used 7x */
.card-7{background:linear-gradient(180deg,#F4F9FD,#EAF2F9);border:1px solid #E3EDF5;border-radius:13px;overflow:hidden;}

/* from image custom_css — used 3x */
.card-8 img{max-height:150px;width:auto;max-width:100%;object-fit:contain;border-radius:9px;filter:drop-shadow(0 16px 30px rgba(7,42,71,.22));}.card-8{background:transparent;}

/* from section custom_css — used 1x */
.glow-8{position:relative;}.glow-8::before{content:'';position:absolute;width:52vw;height:52vw;top:calc(50% - 26vw);left:66%;background:radial-gradient(circle,rgba(38,124,186,0.06),transparent 60%);filter:blur(70px);pointer-events:none;z-index:0;animation:evlAurB 17s ease-in-out infinite;}@media(max-width:767px){.glow-8::before{display:none;}}

/* from container custom_css — used 6x */
.card-9{background:#FFFFFF;border:1px solid #E3EDF5;border-radius:13px;box-shadow:0 10px 26px rgba(7,42,71,.05);}

/* from icon-box custom_css — used 6x */
.icon-chip-5 .icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,#E7F6EC,#D6EFDF);border:1px solid #BFE5CC;box-shadow:0 8px 20px rgba(47,158,91,.15);}

/* from section custom_css — used 3x */
.glow-9{position:relative;}.glow-9::before{content:'';position:absolute;width:52vw;height:52vw;top:calc(50% - 26vw);left:-16%;background:radial-gradient(circle,rgba(38,124,186,0.07),transparent 60%);filter:blur(70px);pointer-events:none;z-index:0;animation:evlAurA 17s ease-in-out infinite;}@media(max-width:767px){.glow-9::before{display:none;}}

/* from section custom_css — used 2x */
.glow-10{position:relative;}.glow-10::before{content:'';position:absolute;width:52vw;height:52vw;top:calc(50% - 26vw);left:66%;background:radial-gradient(circle,rgba(38,124,186,0.06),transparent 60%);filter:blur(70px);pointer-events:none;z-index:0;animation:evlAurB 16s ease-in-out infinite;}@media(max-width:767px){.glow-10::before{display:none;}}

/* from accordion custom_css — used 3x */
.faq-style .faq-item{background:#FFFFFF;border:1px solid #D5E6F1!important;border-radius:12px;margin-bottom:14px;box-shadow:0 8px 22px rgba(7,42,71,0.05);overflow:hidden;}.faq-style .faq-q{padding:18px 22px!important;}.faq-style .faq-a{border-top:1px solid #E3EDF5!important;}

/* from container custom_css — used 3x */
.card-10{background:linear-gradient(135deg,#6767FB26,#6767FB55);border-radius:12px;min-height:118px;position:relative;overflow:hidden;}.card-10::after{content:'';position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:evlShine 6.5s ease-in-out infinite;}

/* from icon-box custom_css — used 10x */
.icon-chip-6 .icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 24px rgba(7,42,71,.18);}

/* from button custom_css — used 10x */
.btn-fx-3 .btn{background:#FFFFFF;border:1.5px solid rgba(38,124,186,0.5);border-radius:9px;transition:transform .25s ease,background .3s ease,box-shadow .3s ease;}.btn-fx-3 .btn:hover{background:#F2F8FC;transform:translateY(-3px);box-shadow:0 12px 28px rgba(7,42,71,0.12);}.btn-fx-3 .btn{width:100%;justify-content:center;}

/* from container custom_css — used 2x */
.card-11{background:linear-gradient(135deg,#2EA3F226,#2EA3F255);border-radius:12px;min-height:118px;position:relative;overflow:hidden;}.card-11::after{content:'';position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:evlShine 6.5s ease-in-out infinite;}

/* from container custom_css — used 3x */
.card-12{background:linear-gradient(135deg,#3BD67026,#3BD67055);border-radius:12px;min-height:118px;position:relative;overflow:hidden;}.card-12::after{content:'';position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:evlShine 6.5s ease-in-out infinite;}

/* from container custom_css — used 2x */
.card-13{background:linear-gradient(135deg,#83B6FF26,#83B6FF55);border-radius:12px;min-height:118px;position:relative;overflow:hidden;}.card-13::after{content:'';position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:evlShine 6.5s ease-in-out infinite;}

/* from section custom_css — used 3x */
.glow-11{position:relative;}.glow-11::before,.glow-11::after{content:'';position:absolute;inset:-45%;pointer-events:none;z-index:0;filter:blur(70px);}.glow-11::before{background:radial-gradient(42% 52% at 14% 24%,rgba(255,255,255,.22),transparent 64%);opacity:.8;animation:evlAurA 14s ease-in-out infinite;}.glow-11::after{background:radial-gradient(40% 52% at 86% 76%,rgba(124,196,248,.30),transparent 64%);opacity:.7;animation:evlAurB 18s ease-in-out infinite;}@media(max-width:767px){.glow-11::before,.glow-11::after{display:none;}}

/* from button custom_css — used 3x */
.btn-fx-4 .btn{background:#FFFFFF;border-radius:9px;box-shadow:0 12px 30px rgba(0,30,55,0.28);transition:transform .25s ease,box-shadow .3s ease;}.btn-fx-4 .btn:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,30,55,0.38);}

/* from button custom_css — used 3x */
.btn-fx-5 .btn{background:rgba(255,255,255,0.10);border:1.5px solid rgba(255,255,255,0.65);border-radius:9px;transition:transform .25s ease,background .3s ease;}.btn-fx-5 .btn:hover{background:rgba(255,255,255,0.20);transform:translateY(-3px);}

/* from container custom_css — used 1x */
.card-14{background:#FFFFFF;border:1px solid #E3EDF5;border-radius:16px;box-shadow:0 14px 36px rgba(7,42,71,.07);position:relative;}.card-14::before{content:'\201C';position:absolute;top:-6px;left:18px;font-family:Georgia,serif;font-size:110px;line-height:1;color:rgba(38,124,186,.14);pointer-events:none;}

/* from section custom_css — used 1x */
.glow-12{position:relative;}.glow-12::before{content:'';position:absolute;width:46vw;height:46vw;bottom:-23vw;top:auto;left:66%;background:radial-gradient(circle,rgba(38,124,186,0.09),transparent 60%);filter:blur(70px);pointer-events:none;z-index:0;animation:evlAurB 17s ease-in-out infinite;}@media(max-width:767px){.glow-12::before{display:none;}}

/* from section custom_css — used 1x */
.fx-4{position:relative;}

/* from html custom_css — used 1x */
.overlay-2{position:absolute!important;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden;}@media(max-width:1279px){.overlay-2{display:none;}}

/* from container custom_css — used 5x */
.card-15{background:#FFFFFF;border:1px solid #E3EDF5;border-left:4px solid #D9A441;border-radius:12px;box-shadow:0 10px 26px rgba(7,42,71,.05);}@media(max-width:767px){.card-15{border-left-width:3px;}}

/* from icon-box custom_css — used 5x */
.icon-chip-7 .icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(180deg,#FBF3E6,#F6E8D2);border:1px solid #EAD9BC;box-shadow:0 10px 24px rgba(183,121,31,.14);position:relative;overflow:hidden;}.icon-chip-7 .icon .icon-svg{line-height:1;}

/* from section custom_css — used 1x */
.glow-13{position:relative;}.glow-13::before{content:'';position:absolute;width:52vw;height:52vw;top:calc(50% - 26vw);left:-16%;background:radial-gradient(circle,rgba(38,124,186,0.09),transparent 60%);filter:blur(70px);pointer-events:none;z-index:0;animation:evlAurA 16s ease-in-out infinite;}@media(max-width:767px){.glow-13::before{display:none;}}

/* from container custom_css — used 2x */
.card-16{background:#FFFFFF;border:1px solid #E3EDF5;border-top:4px solid #D9A441;border-radius:14px;box-shadow:0 12px 30px rgba(7,42,71,.06);}

/* from heading custom_css — used 3x */
.fx-5 {font-variant-numeric:tabular-nums;}

/* from container custom_css — used 1x */
.card-17{background:#FFFFFF;border:1px solid #E3EDF5;border-radius:16px;box-shadow:0 12px 32px rgba(7,42,71,0.06);}.card-17{background:linear-gradient(180deg,#FFFFFF,#F2F8FC)!important;border-color:#CBE2F2!important;}