:root {
    --vg-navy: #0A3D62;
    --vg-blue: #1FA2FF;
    --vg-green: #6BCB77;
    --vg-space-xs: 8px;
    --vg-space-sm: 16px;
    --vg-space-md: 24px;
    --vg-space-lg: 40px;
    --vg-space-xl: 56px;
    --vg-radius-lg: 20px;
    --vg-radius-xl: 28px;
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    font-family: 'Inter',system-ui,sans-serif;
    color: #1a2e3d;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

h1, h2, h3, h4 {
    font-family: 'Space Grotesk','Inter',sans-serif;
    margin: 0;
    letter-spacing: -0.02em
}

p {
    margin: 0
}

a {
    text-decoration: none;
    color: inherit
}

::selection {
    background: #1FA2FF;
    color: #fff
}

@keyframes vg-float {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-14px)
    }
}

@keyframes vg-drift {
    0%,100% {
        transform: translate(0,0)
    }

    50% {
        transform: translate(20px,-20px)
    }
}

@keyframes vg-pulse {
    0% {
        transform: scale(.6);
        opacity: .9
    }

    70% {
        transform: scale(1.8);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes vg-dash {
    to {
        stroke-dashoffset: -220
    }
}

@keyframes vg-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes vg-rise {
    from {
        transform: translateY(22px)
    }

    to {
        transform: none
    }
}

[data-reveal] {
    animation: vg-rise .7s cubic-bezier(.2,.7,.2,1) both
}

.vg-nav-link:hover {
    color: #0A3D62 !important
}

.vg-nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    height: 2px;
    width: 0;
    background: #1FA2FF;
    transition: width .18s ease
}

.vg-nav-link:hover::after {
    width: 100%
}

.vg-card-hover {
    transition: transform .2s ease,box-shadow .2s ease
}

    .vg-card-hover:hover {
        transform: translateY(-6px);
        box-shadow: 0 26px 60px -20px rgba(10,61,98,.34) !important
    }

.vg-btn {
    transition: transform .15s ease,box-shadow .2s ease,background .15s ease
}

    .vg-btn:hover {
        transform: translateY(-2px)
    }

.vg-btn-primary:hover {
    box-shadow: 0 16px 34px -10px rgba(31,162,255,.6)
}

.vg-cap:hover .vg-cap-ico {
    background: linear-gradient(135deg,#1FA2FF,#6BCB77) !important;
    color: #fff !important
}

.vg-tab {
    cursor: pointer;
    transition: color .18s ease,border-color .18s ease
}

    .vg-tab.active {
        color: #0A3D62 !important;
        border-color: #1FA2FF !important
    }

.vg-crumb a:hover {
    color: #0A3D62 !important
}

/* ---- Dropdown menu (this fixes your screenshot bug) ---- */
.vg-nav-item {
    position: relative
}

.vg-dropdown {
    position: absolute;
    top: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    width: 900px;
    max-width: 90vw;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 30px 70px -20px rgba(10,61,98,.3);
    border: 1px solid #eef2f6;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease,transform .18s ease;
    z-index: 200
}

.vg-nav-item:hover .vg-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0)
}

.vg-dcat {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 10px 10px 0;
    border-radius: 12px;
    transition: background .15s ease
}

    .vg-dcat:hover {
        background: #f4f9fd
    }

.vg-dcat-ico {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #e6f1f8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1FA2FF;
    flex: none
}

.vg-mob-sub {
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease
}

    .vg-mob-sub.open {
        max-height: 900px
    }

/* ---- Footer ---- */
.vg-footer {
    background: #041a2b;
    padding: 64px 0 40px
}

.vg-foot {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: var(--vg-space-lg);
    padding-bottom: 44px;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.vg-foot-logo {
    height: 52px;
    width: auto;
    display: block;
    margin-bottom: var(--vg-space-sm);
    filter: drop-shadow(0 0 0 #fff)
}

.vg-foot-brand-name {
    font: 700 20px 'Space Grotesk';
    color: #fff;
    margin-bottom: 8px
}

.vg-foot-tagline {
    font: 500 14px Inter;
    color: var(--vg-green);
    margin-bottom: 18px
}

.vg-foot-desc {
    font: 400 14px/1.7 Inter;
    color: rgba(255,255,255,.6);
    max-width: 300px
}

.vg-foot-head {
    font: 600 13px Inter;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #7fd0ff;
    margin-bottom: 20px
}

.vg-foot-links {
    display: flex;
    flex-direction: column;
    gap: 7px
}

.vg-foot-link {
    font: 400 14.5px Inter;
    color: rgba(255,255,255,.72);
    display: block;
    padding: 4px 0;
    transition: color .15s ease
}

    .vg-foot-link:hover {
        color: #fff
    }

.vg-foot-address {
    font: 400 13.5px/1.65 Inter;
    color: rgba(255,255,255,.55);
    margin-top: 6px
}

.vg-foot-cta {
    margin-top: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    background: linear-gradient(135deg,#1FA2FF,#6BCB77);
    color: #fff;
    font: 600 14px Inter;
    padding: 11px 18px;
    border-radius: 100px
}

.vg-foot-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 24px
}

.vg-foot-legal {
    display: flex;
    gap: 24px
}

    .vg-foot-legal a {
        font: 400 13px Inter;
        color: rgba(255,255,255,.45);
        transition: color .15s ease
    }

        .vg-foot-legal a:hover {
            color: rgba(255,255,255,.8)
        }

@media(max-width:1000px) {
    .vg-desk {
        display: none !important
    }

    [data-mobile-btn] {
        display: inline-flex !important
    }

    .vg-hero-grid {
        grid-template-columns: 1fr !important
    }

    .vg-two {
        grid-template-columns: 1fr !important
    }

    .vg-steps {
        grid-template-columns: 1fr 1fr !important
    }

    .vg-caps {
        grid-template-columns: 1fr 1fr !important
    }

    .vg-foot {
        grid-template-columns: 1fr 1fr !important
    }

    .vg-leader {
        grid-template-columns: 1fr !important
    }

    .vg-certs {
        grid-template-columns: 1fr 1fr 1fr !important
    }

    .vg-mvc {
        grid-template-columns: 1fr !important
    }

    .vg-dropdown {
        display: none !important
    }
}

@media(max-width:600px) {
    .vg-caps {
        grid-template-columns: 1fr !important
    }

    .vg-steps {
        grid-template-columns: 1fr !important
    }

    .vg-foot {
        grid-template-columns: 1fr !important
    }

    .vg-export-card {
        padding: 22px !important
    }

    #fac-production, #fac-machinery, #fac-qc {
        height: 260px !important
    }

    .vg-certs {
        grid-template-columns: 1fr 1fr !important
    }
}

.auto-style-1 {
    position: relative;
    \n padding: 125px 0 60px;
    \n overflow: hidden;
    \n background: #06253c;
}

.auto-style-2 {
    position: absolute;
    \n inset: 0;
    \n background: radial-gradient(1000px 620px at 78% 8%,rgba(31,162,255,.55),transparent 60%),radial-gradient(760px 620px at 8% 92%,rgba(107,203,119,.42),transparent 62%),radial-gradient(1100px 700px at 50% 120%,rgba(10,61,98,.9),transparent 70%),linear-gradient(160deg,#06253c 0%,#0A3D62 46%,#0d4f72 100%);
    \n left: 0px;
    \n top: 14px;
}

.auto-style-3 {
    position: absolute;
    \n width:420px;
    \n height:420px;
    \n right:-80px;
    \n top:40px;
    \n border-radius:50%;
    \n background:radial-gradient(circle,rgba(31,162,255,.4),transparent 70%);
    \n filter:blur(20px);
    \n animation:vg-drift 14s ease-in-out infinite;
}

.auto-style-4 {
    position: absolute;
    \n width:340px;
    \n height:340px;
    \n left:-60px;
    \n bottom:-40px;
    \n border-radius:50%;
    \n background:radial-gradient(circle,rgba(107,203,119,.34),transparent 70%);
    \n filter:blur(20px);
    \n animation:vg-drift 18s ease-in-out infinite reverse;
}

.auto-style-5 {
    position: relative;
    \n max-width:1240px;
    \n margin:0 auto;
    \n padding:0 24px;
}

.auto-style-6 {
    display: grid;
    \n grid-template-columns:1.05fr .95fr;
    \n gap:56px;
    \n align-items:center;
}

.auto-style-7 {
    display: inline-flex;
    \n align-items:center;
    \n gap:9px;
    \n padding:8px 16px;
    \n border-radius:100px;
    \n background:rgba(255,255,255,.1);
    \n border:1px solid rgba(255,255,255,.18);
    \n backdrop-filter:blur(10px);
    \n margin-bottom:26px;
}

.auto-style-8 {
    width: 8px;
    \n height:8px;
    \n border-radius:50%;
    \n background:#6BCB77;
    \n box-shadow:0 0 12px #6BCB77;
}

.auto-style-9 {
    font: 600 12.5px Inter;
    \n letter-spacing:1.5px;
    \n color:#cfeaff;
    \n text-transform:uppercase;
}

.auto-style-10 {
    font-size: clamp(38px,4.7vw,60px);
    \n line-height:1.05;
    \n font-weight:700;
    \n color:#fff;
    \n margin-bottom:22px;
}

.auto-style-11 {
    background: linear-gradient(105deg,#7fd0ff,#6BCB77);
    \n -webkit-background-clip:text;
    \n background-clip:text;
    \n -webkit-text-fill-color:transparent;
}

.auto-style-12 {
    font-size: 20px;
    \n line-height:1.55;
    \n color:rgba(255,255,255,.82);
    \n max-width:520px;
    \n margin-bottom:36px;
}

.auto-style-13 {
    display: flex;
    \n flex-wrap:wrap;
    \n gap:14px;
    \n margin-bottom:44px;
}

.auto-style-14 {
    display: inline-flex;
    \n align-items:center;
    \n gap:9px;
    \n background:linear-gradient(135deg,#1FA2FF,#6BCB77);
    \n color:#fff;
    \n font:600 16px Inter;
    \n padding:15px 28px;
    \n border-radius:100px;
    \n box-shadow:0 18px 40px -14px rgba(31,162,255,.7);
}

.auto-style-15 {
    display: inline-flex;
    \n align-items:center;
    \n gap:9px;
    \n background:rgba(255,255,255,.1);
    \n border:1px solid rgba(255,255,255,.28);
    \n backdrop-filter:blur(10px);
    \n color:#fff;
    \n font:600 16px Inter;
    \n padding:15px 26px;
    \n border-radius:100px;
}

.auto-style-16 {
    display: flex;
    \n gap:34px;
    \n flex-wrap:wrap;
}

.auto-style-17 {
    font: 700 34px 'Space Grotesk';
    \n color:#fff;
}

.auto-style-18 {
    font: 500 13px Inter;
    \n color:rgba(255,255,255,.6);
    \n margin-top:2px;
}

.auto-style-19 {
    width: 1px;
    \n background:rgba(255,255,255,.16);
}

.auto-style-20 {
    font: 700 34px 'Space Grotesk';
    \n color:#fff;
}

.auto-style-21 {
    font: 500 13px Inter;
    \n color:rgba(255,255,255,.6);
    \n margin-top:2px;
}

.auto-style-22 {
    width: 1px;
    \n background:rgba(255,255,255,.16);
}

.auto-style-23 {
    font: 700 34px 'Space Grotesk';
    \n color:#fff;
}

.auto-style-24 {
    font: 500 13px Inter;
    \n color:rgba(255,255,255,.6);
    \n margin-top:2px;
}

.auto-style-25 {
    position: relative;
}

.auto-style-26 {
    position: relative;
    \n padding: 0 0 0;
    \n overflow: hidden;
    \n border-radius: 26px;
}

.auto-style-27 {
    position: relative;
    \n height: 475px;
    \n border-radius: 26px;
    \n overflow: hidden;
    \n background: #06253c;
    \n border: 1px solid rgba(255,255,255,.22);
    \n box-shadow: 0 40px 90px -30px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.35);
    \n transform-origin: 50% 45%;
    \n will-change: transform;
    \n transition: transform .05s linear;
}

.auto-style-28 {
    position: absolute;
    \n inset: 0;
    \n width: 100%;
    \n height: 100%;
    \n object-fit: cover;
    \n display: block;
}

.auto-style-29 {
    position: absolute;
    \n inset: 0;
    \n background: linear-gradient(180deg,rgba(6,37,60,.42) 0%,rgba(6,37,60,.08) 30%,rgba(6,37,60,.1) 68%,rgba(6,37,60,.6) 100%);
    \n left: -2px;
    \n top: -38px;
}

.auto-style-30 {
    position: absolute;
    \n left: 55%;
    \n transform: translateX(-50%);
    \n display: none;
    \n align-items: center;
    \n gap: 10px;
    \n padding: 9px 16px 9px 11px;
    \n border-radius: 100px;
    \n background: rgba(255,255,255,.9);
    \n box-shadow: 0 0 34px rgba(107,203,119,.55),0 10px 26px -12px rgba(0,0,0,.5);
    \n z-index: 8;
    \n bottom: 10px;
}

.auto-style-31 {
    width: 30px;
    \n height:30px;
    \n display:block;
}

.auto-style-32 {
    line-height: 1;
}

.auto-style-33 {
    font: 700 13px 'Space Grotesk';
    \n letter-spacing:.5px;
}

.auto-style-34 {
    color: #1FA2FF;
}

.auto-style-35 {
    color: #6BCB77;
}

.auto-style-36 {
    font: 600 8px Inter;
    \n letter-spacing:1.5px;
    \n color:#8aa0ad;
    \n text-transform:uppercase;
    \n margin-top:2px;
}

.auto-style-37 {
    position: absolute;
    \n left: 20px;
    \n display: flex;
    \n align-items: center;
    \n gap: 11px;
    \n padding: 12px 16px;
    \n border-radius: 16px;
    \n background: rgba(255,255,255,.94);
    \n backdrop-filter: blur(16px);
    \n box-shadow: 0 20px 44px -18px rgba(0,0,0,.45);
    \n animation: vg-float 6s ease-in-out infinite;
    \n z-index: 9;
    \n top: 125px;
}

.auto-style-38 {
    width: 38px;
    \n height:38px;
    \n border-radius:11px;
    \n background:linear-gradient(135deg,#6BCB77,#3fae5a);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
}

.auto-style-39 {
    font: 700 13.5px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-40 {
    font: 500 11.5px Inter;
    \n color:#6A6A6A;
}

.auto-style-41 {
    position: absolute;
    \n right: 20px;
    \n top: 45px;
    \n display: flex;
    \n align-items: center;
    \n gap: 11px;
    \n padding: 12px 16px;
    \n border-radius: 16px;
    \n background: rgba(255,255,255,.94);
    \n backdrop-filter: blur(16px);
    \n box-shadow: 0 20px 44px -18px rgba(0,0,0,.45);
    \n animation: vg-float 7s ease-in-out infinite .8s;
    \n z-index: 9;
}

.auto-style-42 {
    width: 38px;
    \n height:38px;
    \n border-radius:11px;
    \n background:linear-gradient(135deg,#1FA2FF,#0A3D62);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
}

.auto-style-43 {
    font: 700 13.5px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-44 {
    font: 500 11.5px Inter;
    \n color:#6A6A6A;
}

.auto-style-45 {
    background: #fff;
    \n border-bottom: 1px solid #eef2f6;
    \n padding: 40px 0;
}

.auto-style-46 {
    max-width: 1240px;
    \n margin:0 auto;
    \n padding:0 24px;
}

.auto-style-47 {
    text-align: center;
    \n font:600 13px Inter;
    \n letter-spacing:1.5px;
    \n text-transform:uppercase;
    \n color:#8aa0ad;
    \n margin-bottom:40px;
}

.auto-style-48 {
    display: flex;
    \n align-items:flex-start;
    \n justify-content:center;
    \n gap:28px;
    \n flex-wrap:wrap;
}

.auto-style-49 {
    display: flex;
    \n flex-direction:column;
    \n align-items:center;
    \n gap:12px;
    \n padding:18px 14px;
    \n border-radius:20px;
    \n cursor:default;
    \n transition:transform 140ms ease,box-shadow 140ms ease;
}

.auto-style-50 {
    width: 104px;
    \n height:104px;
    \n object-fit:contain;
    \n filter:drop-shadow(0 6px 14px rgba(11,125,194,.12));
    \n transition:filter 140ms ease;
}

.auto-style-51 {
    font: 600 12.5px Inter;
    \n color:#33505f;
    \n letter-spacing:.3px;
}

.auto-style-52 {
    display: flex;
    \n flex-direction:column;
    \n align-items:center;
    \n gap:12px;
    \n padding:18px 14px;
    \n border-radius:20px;
    \n cursor:default;
    \n transition:transform 140ms ease,box-shadow 140ms ease;
}

.auto-style-53 {
    width: 104px;
    \n height:104px;
    \n object-fit:contain;
    \n filter:drop-shadow(0 6px 14px rgba(11,125,194,.12));
    \n transition:filter 140ms ease;
}

.auto-style-54 {
    font: 600 12.5px Inter;
    \n color:#33505f;
    \n letter-spacing:.3px;
}

.auto-style-55 {
    display: flex;
    \n flex-direction:column;
    \n align-items:center;
    \n gap:12px;
    \n padding:18px 14px;
    \n border-radius:20px;
    \n cursor:default;
    \n transition:transform 140ms ease,box-shadow 140ms ease;
}

.auto-style-56 {
    width: 104px;
    \n height:104px;
    \n object-fit:contain;
    \n filter:drop-shadow(0 6px 14px rgba(11,125,194,.12));
    \n transition:filter 140ms ease;
}

.auto-style-57 {
    font: 600 12.5px Inter;
    \n color:#33505f;
    \n letter-spacing:.3px;
}

.auto-style-58 {
    display: flex;
    \n flex-direction:column;
    \n align-items:center;
    \n gap:12px;
    \n padding:18px 14px;
    \n border-radius:20px;
    \n cursor:default;
    \n transition:transform 140ms ease,box-shadow 140ms ease;
}

.auto-style-59 {
    width: 104px;
    \n height:104px;
    \n object-fit:contain;
    \n filter:drop-shadow(0 6px 14px rgba(11,125,194,.12));
    \n transition:filter 140ms ease;
}

.auto-style-60 {
    font: 600 12.5px Inter;
    \n color:#33505f;
    \n letter-spacing:.3px;
}

.auto-style-61 {
    display: flex;
    \n flex-direction:column;
    \n align-items:center;
    \n gap:12px;
    \n padding:18px 14px;
    \n border-radius:20px;
    \n cursor:default;
    \n transition:transform 140ms ease,box-shadow 140ms ease;
}

.auto-style-62 {
    width: 104px;
    \n height:104px;
    \n object-fit:contain;
    \n filter:drop-shadow(0 6px 14px rgba(11,125,194,.12));
    \n transition:filter 140ms ease;
}

.auto-style-63 {
    font: 600 12.5px Inter;
    \n color:#33505f;
    \n letter-spacing:.3px;
}

.auto-style-64 {
    position: relative;
    \n padding: 40px 0;
    \n background: linear-gradient(180deg,#f4f9fd,#eef5fb);
    \n overflow: hidden;
}

.auto-style-65 {
    max-width: 1240px;
    \n margin:0 auto;
    \n padding:0 24px;
}

.auto-style-66 {
    text-align: center;
    \n max-width:680px;
    \n margin:0 auto 56px;
}

.auto-style-67 {
    font: 600 12.5px Inter;
    \n letter-spacing:2px;
    \n text-transform:uppercase;
    \n color:#1FA2FF;
    \n margin-bottom:14px;
}

.auto-style-68 {
    font-size: 42px;
    \n font-weight:700;
    \n color:#0A3D62;
    \n margin-bottom:16px;
}

.auto-style-69 {
    font-size: 18px;
    \n line-height:1.6;
    \n color:#47606f;
}

.auto-style-70 {
    position: relative;
    \n border-radius: 28px;
    \n padding: 46px;
    \n background: rgba(255,255,255,.7);
    \n backdrop-filter: blur(18px);
    \n border: 1px solid rgba(255,255,255,.9);
    \n box-shadow: 0 30px 70px -30px rgba(10,61,98,.28);
    \n width: 100%;
    \n max-width: 1195px;
    \n height: auto;
    \n margin: 0 auto;
    \n box-sizing: border-box;
}

.auto-style-71 {
    display: grid;
    \n grid-template-columns:1.4fr 1fr;
    \n gap:40px;
    \n align-items:center;
}

.auto-style-72 {
    position: relative;
    \n min-height:340px;
    \n display:flex;
    \n align-items:center;
}

.auto-style-73 {
    width: 100%;
    \n height:auto;
    \n display:block;
}

.auto-style-74 {
    display: grid;
    \n grid-template-columns:1fr 1fr;
    \n gap:12px;
    \n margin-bottom:22px;
}

.auto-style-75 {
    padding: 14px 16px;
    \n border-radius:14px;
    \n background:#fff;
    \n border:1px solid #e7eef4;
}

.auto-style-76 {
    font: 700 24px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-77 {
    font: 500 12.5px Inter;
    \n color:#6A6A6A;
}

.auto-style-78 {
    padding: 14px 16px;
    \n border-radius:14px;
    \n background:#fff;
    \n border:1px solid #e7eef4;
}

.auto-style-79 {
    font: 700 24px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-80 {
    font: 500 12.5px Inter;
    \n color:#6A6A6A;
}

.auto-style-81 {
    padding: 14px 16px;
    \n border-radius:14px;
    \n background:#fff;
    \n border:1px solid #e7eef4;
}

.auto-style-82 {
    font: 700 24px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-83 {
    font: 500 12.5px Inter;
    \n color:#6A6A6A;
}

.auto-style-84 {
    padding: 14px 16px;
    \n border-radius:14px;
    \n background:#fff;
    \n border:1px solid #e7eef4;
}

.auto-style-85 {
    font: 700 24px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-86 {
    font: 500 12.5px Inter;
    \n color:#6A6A6A;
}

.auto-style-87 {
    display: flex;
    \n flex-wrap:wrap;
    \n gap:8px;
}

.auto-style-88 {
    font: 500 13px Inter;
    \n color:#0A3D62;
    \n padding:7px 13px;
    \n border-radius:100px;
    \n background:#e6f1f8;
}

.auto-style-89 {
    font: 500 13px Inter;
    \n color:#0A3D62;
    \n padding:7px 13px;
    \n border-radius:100px;
    \n background:#e6f1f8;
}

.auto-style-90 {
    font: 500 13px Inter;
    \n color:#0A3D62;
    \n padding:7px 13px;
    \n border-radius:100px;
    \n background:#e6f1f8;
}

.auto-style-91 {
    font: 500 13px Inter;
    \n color:#0A3D62;
    \n padding:7px 13px;
    \n border-radius:100px;
    \n background:#eef6e2;
}

.auto-style-92 {
    font: 500 13px Inter;
    \n color:#0A3D62;
    \n padding:7px 13px;
    \n border-radius:100px;
    \n background:#eef6e2;
}

.auto-style-93 {
    font: 500 13px Inter;
    \n color:#0A3D62;
    \n padding:7px 13px;
    \n border-radius:100px;
    \n background:#e6f1f8;
}

.auto-style-94 {
    font: 500 13px Inter;
    \n color:#0A3D62;
    \n padding:7px 13px;
    \n border-radius:100px;
    \n background:#eef6e2;
}

.auto-style-95 {
    padding: 40px 0;
    \n background: #fff;
}

.auto-style-96 {
    max-width: 1240px;
    \n margin:0 auto;
    \n padding:0 24px;
}

.auto-style-97 {
    display: flex;
    \n justify-content:space-between;
    \n align-items:flex-end;
    \n gap:24px;
    \n flex-wrap:wrap;
    \n margin-bottom:48px;
}

.auto-style-98 {
    max-width: 640px;
}

.auto-style-99 {
    font: 600 12.5px Inter;
    \n letter-spacing:2px;
    \n text-transform:uppercase;
    \n color:#1FA2FF;
    \n margin-bottom:14px;
}

.auto-style-100 {
    font-size: 42px;
    \n font-weight:700;
    \n color:#0A3D62;
    \n margin-bottom:16px;
}

.auto-style-101 {
    font-size: 18px;
    \n line-height:1.6;
    \n color:#47606f;
}

.auto-style-102 {
    display: inline-flex;
    \n align-items:center;
    \n gap:8px;
    \n font:600 15px Inter;
    \n color:#1FA2FF;
    \n padding:12px 20px;
    \n border-radius:100px;
    \n border:1.5px solid #1FA2FF;
}

.auto-style-103 {
    display: grid;
    \n grid-template-columns:repeat(3,1fr);
    \n gap:20px;
}

.auto-style-104 {
    padding: 30px;
    \n border-radius:20px;
    \n background:#fff;
    \n border:1px solid #e7eef4;
    \n box-shadow:0 10px 30px -18px rgba(10,61,98,.16);
}

.auto-style-105 {
    width: 56px;
    \n height:56px;
    \n border-radius:15px;
    \n background:#e6f1f8;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n color:#1FA2FF;
    \n margin-bottom:20px;
    \n transition:.2s;
}

.auto-style-106 {
    font-size: 20px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:8px;
}

.auto-style-107 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-108 {
    padding: 30px;
    \n border-radius:20px;
    \n background:#fff;
    \n border:1px solid #e7eef4;
    \n box-shadow:0 10px 30px -18px rgba(10,61,98,.16);
}

.auto-style-109 {
    width: 56px;
    \n height:56px;
    \n border-radius:15px;
    \n background:#eef6e2;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n color:#6BCB77;
    \n margin-bottom:20px;
    \n transition:.2s;
}

.auto-style-110 {
    font-size: 20px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:8px;
}

.auto-style-111 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-112 {
    padding: 30px;
    \n border-radius:20px;
    \n background:#fff;
    \n border:1px solid #e7eef4;
    \n box-shadow:0 10px 30px -18px rgba(10,61,98,.16);
}

.auto-style-113 {
    width: 56px;
    \n height:56px;
    \n border-radius:15px;
    \n background:#e6f1f8;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n color:#1FA2FF;
    \n margin-bottom:20px;
    \n transition:.2s;
}

.auto-style-114 {
    font-size: 20px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:8px;
}

.auto-style-115 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-116 {
    padding: 30px;
    \n border-radius:20px;
    \n background:#fff;
    \n border:1px solid #e7eef4;
    \n box-shadow:0 10px 30px -18px rgba(10,61,98,.16);
}

.auto-style-117 {
    width: 56px;
    \n height:56px;
    \n border-radius:15px;
    \n background:#eef6e2;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n color:#6BCB77;
    \n margin-bottom:20px;
    \n transition:.2s;
}

.auto-style-118 {
    font-size: 20px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:8px;
}

.auto-style-119 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-120 {
    padding: 30px;
    \n border-radius:20px;
    \n background:#fff;
    \n border:1px solid #e7eef4;
    \n box-shadow:0 10px 30px -18px rgba(10,61,98,.16);
}

.auto-style-121 {
    width: 56px;
    \n height:56px;
    \n border-radius:15px;
    \n background:#e6f1f8;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n color:#1FA2FF;
    \n margin-bottom:20px;
    \n transition:.2s;
}

.auto-style-122 {
    font-size: 20px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:8px;
}

.auto-style-123 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-124 {
    padding: 30px;
    \n border-radius:20px;
    \n background:#fff;
    \n border:1px solid #e7eef4;
    \n box-shadow:0 10px 30px -18px rgba(10,61,98,.16);
}

.auto-style-125 {
    width: 56px;
    \n height:56px;
    \n border-radius:15px;
    \n background:#eef6e2;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n color:#6BCB77;
    \n margin-bottom:20px;
    \n transition:.2s;
}

.auto-style-126 {
    font-size: 20px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:8px;
}

.auto-style-127 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-128 {
    position: relative;
    \n padding: 40px 0;
    \n overflow: hidden;
    \n background: #06253c;
}

.auto-style-129 {
    position: absolute;
    \n inset:0;
    \n background:radial-gradient(800px 500px at 85% 0%,rgba(31,162,255,.4),transparent 60%),radial-gradient(700px 500px at 5% 100%,rgba(107,203,119,.34),transparent 62%),linear-gradient(160deg,#06253c,#0A3D62);
}

.auto-style-130 {
    position: relative;
    \n max-width: 1240px;
    \n margin: 0 auto;
    \n padding: 0 24px;
}

.auto-style-131 {
    text-align: center;
    \n max-width:660px;
    \n margin:0 auto 54px;
}

.auto-style-132 {
    font: 600 12.5px Inter;
    \n letter-spacing:2px;
    \n text-transform:uppercase;
    \n color:#7fd0ff;
    \n margin-bottom:14px;
}

.auto-style-133 {
    font-size: 42px;
    \n font-weight:700;
    \n color:#fff;
    \n margin-bottom:16px;
}

.auto-style-134 {
    font-size: 18px;
    \n line-height:1.6;
    \n color:rgba(255,255,255,.78);
}

.auto-style-135 {
    display: grid;
    \n grid-template-columns:repeat(5,1fr);
    \n gap:16px;
}

.auto-style-136 {
    padding: 26px 22px;
    \n border-radius:20px;
    \n background:rgba(255,255,255,.08);
    \n border:1px solid rgba(255,255,255,.16);
    \n backdrop-filter:blur(14px);
}

.auto-style-137 {
    font: 700 15px 'Space Grotesk';
    \n color:#6BCB77;
    \n margin-bottom:14px;
}

.auto-style-138 {
    width: 46px;
    \n height:46px;
    \n border-radius:13px;
    \n background:rgba(31,162,255,.2);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n color:#7fd0ff;
    \n margin-bottom:16px;
}

.auto-style-139 {
    font-size: 16.5px;
    \n font-weight:600;
    \n color:#fff;
    \n margin-bottom:6px;
}

.auto-style-140 {
    font-size: 13.5px;
    \n line-height:1.55;
    \n color:rgba(255,255,255,.66);
}

.auto-style-141 {
    padding: 26px 22px;
    \n border-radius:20px;
    \n background:rgba(255,255,255,.08);
    \n border:1px solid rgba(255,255,255,.16);
    \n backdrop-filter:blur(14px);
}

.auto-style-142 {
    font: 700 15px 'Space Grotesk';
    \n color:#6BCB77;
    \n margin-bottom:14px;
}

.auto-style-143 {
    width: 46px;
    \n height:46px;
    \n border-radius:13px;
    \n background:rgba(31,162,255,.2);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n color:#7fd0ff;
    \n margin-bottom:16px;
}

.auto-style-144 {
    font-size: 16.5px;
    \n font-weight:600;
    \n color:#fff;
    \n margin-bottom:6px;
}

.auto-style-145 {
    font-size: 13.5px;
    \n line-height:1.55;
    \n color:rgba(255,255,255,.66);
}

.auto-style-146 {
    padding: 26px 22px;
    \n border-radius:20px;
    \n background:rgba(255,255,255,.08);
    \n border:1px solid rgba(255,255,255,.16);
    \n backdrop-filter:blur(14px);
}

.auto-style-147 {
    font: 700 15px 'Space Grotesk';
    \n color:#6BCB77;
    \n margin-bottom:14px;
}

.auto-style-148 {
    width: 46px;
    \n height:46px;
    \n border-radius:13px;
    \n background:rgba(31,162,255,.2);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n color:#7fd0ff;
    \n margin-bottom:16px;
}

.auto-style-149 {
    font-size: 16.5px;
    \n font-weight:600;
    \n color:#fff;
    \n margin-bottom:6px;
}

.auto-style-150 {
    font-size: 13.5px;
    \n line-height:1.55;
    \n color:rgba(255,255,255,.66);
}

.auto-style-151 {
    padding: 26px 22px;
    \n border-radius:20px;
    \n background:rgba(255,255,255,.08);
    \n border:1px solid rgba(255,255,255,.16);
    \n backdrop-filter:blur(14px);
}

.auto-style-152 {
    font: 700 15px 'Space Grotesk';
    \n color:#6BCB77;
    \n margin-bottom:14px;
}

.auto-style-153 {
    width: 46px;
    \n height:46px;
    \n border-radius:13px;
    \n background:rgba(31,162,255,.2);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n color:#7fd0ff;
    \n margin-bottom:16px;
}

.auto-style-154 {
    font-size: 16.5px;
    \n font-weight:600;
    \n color:#fff;
    \n margin-bottom:6px;
}

.auto-style-155 {
    font-size: 13.5px;
    \n line-height:1.55;
    \n color:rgba(255,255,255,.66);
}

.auto-style-156 {
    padding: 26px 22px;
    \n border-radius:20px;
    \n background:rgba(255,255,255,.08);
    \n border:1px solid rgba(255,255,255,.16);
    \n backdrop-filter:blur(14px);
}

.auto-style-157 {
    font: 700 15px 'Space Grotesk';
    \n color:#6BCB77;
    \n margin-bottom:14px;
}

.auto-style-158 {
    width: 46px;
    \n height:46px;
    \n border-radius:13px;
    \n background:rgba(31,162,255,.2);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n color:#7fd0ff;
    \n margin-bottom:16px;
}

.auto-style-159 {
    font-size: 16.5px;
    \n font-weight:600;
    \n color:#fff;
    \n margin-bottom:6px;
}

.auto-style-160 {
    font-size: 13.5px;
    \n line-height:1.55;
    \n color:rgba(255,255,255,.66);
}

.auto-style-161 {
    text-align: center;
    \n margin-top:40px;
}

.auto-style-162 {
    display: inline-flex;
    \n align-items:center;
    \n gap:9px;
    \n background:linear-gradient(135deg,#1FA2FF,#6BCB77);
    \n color:#fff;
    \n font:600 16px Inter;
    \n padding:15px 30px;
    \n border-radius:100px;
    \n box-shadow:0 18px 40px -14px rgba(31,162,255,.6);
}

.auto-style-163 {
    padding: 88px 0;
    \n background:#fff;
}

.auto-style-164 {
    max-width: 1240px;
    \n margin:0 auto;
    \n padding:0 24px;
}

.auto-style-165 {
    text-align: center;
    \n max-width:660px;
    \n margin:0 auto 72px;
}

.auto-style-166 {
    font: 600 12.5px Inter;
    \n letter-spacing:2px;
    \n text-transform:uppercase;
    \n color:#1FA2FF;
    \n margin-bottom:14px;
}

.auto-style-167 {
    font-size: 42px;
    \n font-weight:700;
    \n color:#0A3D62;
    \n margin-bottom:16px;
}

.auto-style-168 {
    font-size: 18px;
    \n line-height:1.6;
    \n color:#47606f;
}

.auto-style-169 {
    display: grid;
    \n grid-template-columns:1fr 1fr;
    \n gap:56px;
    \n align-items:center;
    \n margin-bottom:76px;
}

.auto-style-170 {
    border-radius: 24px;
    \n overflow:hidden;
    \n transition:transform 140ms ease,box-shadow 140ms ease;
}

.auto-style-171 {
    display: block;
    \n width:100%;
    \n height:420px;
}

.auto-style-172 {
    font: 700 13px 'Space Grotesk';
    \n letter-spacing:1px;
    \n color:#6BCB77;
    \n margin-bottom:12px;
}

.auto-style-173 {
    font-size: 28px;
    \n font-weight:700;
    \n color:#0A3D62;
    \n margin-bottom:14px;
}

.auto-style-174 {
    font-size: 16.5px;
    \n line-height:1.65;
    \n color:#47606f;
    \n margin-bottom:24px;
}

.auto-style-175 {
    display: grid;
    \n grid-template-columns:1fr 1fr;
    \n gap:14px;
}

.auto-style-176 {
    padding: 18px 20px;
    \n border-radius:16px;
    \n background:#f4f9fd;
    \n border:1px solid #e7eef4;
}

.auto-style-177 {
    font: 700 28px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-178 {
    font: 500 13px Inter;
    \n color:#5c7482;
    \n margin-top:2px;
}

.auto-style-179 {
    padding: 18px 20px;
    \n border-radius:16px;
    \n background:#f4f9fd;
    \n border:1px solid #e7eef4;
}

.auto-style-180 {
    font: 700 28px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-181 {
    font: 500 13px Inter;
    \n color:#5c7482;
    \n margin-top:2px;
}

.auto-style-182 {
    display: grid;
    \n grid-template-columns:1fr 1fr;
    \n gap:56px;
    \n align-items:center;
    \n margin-bottom:76px;
}

.auto-style-183 {
    font: 700 13px 'Space Grotesk';
    \n letter-spacing:1px;
    \n color:#1FA2FF;
    \n margin-bottom:12px;
}

.auto-style-184 {
    font-size: 28px;
    \n font-weight:700;
    \n color:#0A3D62;
    \n margin-bottom:14px;
}

.auto-style-185 {
    font-size: 16.5px;
    \n line-height:1.65;
    \n color:#47606f;
    \n margin-bottom:24px;
}

.auto-style-186 {
    display: grid;
    \n grid-template-columns:1fr 1fr;
    \n gap:14px;
}

.auto-style-187 {
    padding: 18px 20px;
    \n border-radius:16px;
    \n background:#f4f9fd;
    \n border:1px solid #e7eef4;
}

.auto-style-188 {
    font: 700 28px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-189 {
    font: 500 13px Inter;
    \n color:#5c7482;
    \n margin-top:2px;
}

.auto-style-190 {
    padding: 18px 20px;
    \n border-radius:16px;
    \n background:#f4f9fd;
    \n border:1px solid #e7eef4;
}

.auto-style-191 {
    font: 700 28px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-192 {
    font: 500 13px Inter;
    \n color:#5c7482;
    \n margin-top:2px;
}

.auto-style-193 {
    border-radius: 24px;
    \n overflow:hidden;
    \n transition:transform 140ms ease,box-shadow 140ms ease;
}

.auto-style-194 {
    display: block;
    \n width:100%;
    \n height:360px;
}

.auto-style-195 {
    display: grid;
    \n grid-template-columns:1fr 1fr;
    \n gap:56px;
    \n align-items:center;
}

.auto-style-196 {
    border-radius: 24px;
    \n overflow:hidden;
    \n transition:transform 140ms ease,box-shadow 140ms ease;
}

.auto-style-197 {
    display: block;
    \n width:100%;
    \n height:360px;
}

.auto-style-198 {
    font: 700 13px 'Space Grotesk';
    \n letter-spacing:1px;
    \n color:#6BCB77;
    \n margin-bottom:12px;
}

.auto-style-199 {
    font-size: 28px;
    \n font-weight:700;
    \n color:#0A3D62;
    \n margin-bottom:14px;
}

.auto-style-200 {
    font-size: 16.5px;
    \n line-height:1.65;
    \n color:#47606f;
    \n margin-bottom:24px;
}

.auto-style-201 {
    display: grid;
    \n grid-template-columns:1fr 1fr;
    \n gap:14px;
}

.auto-style-202 {
    padding: 18px 20px;
    \n border-radius:16px;
    \n background:#f4f9fd;
    \n border:1px solid #e7eef4;
}

.auto-style-203 {
    font: 700 28px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-204 {
    font: 500 13px Inter;
    \n color:#5c7482;
    \n margin-top:2px;
}

.auto-style-205 {
    padding: 18px 20px;
    \n border-radius:16px;
    \n background:#f4f9fd;
    \n border:1px solid #e7eef4;
}

.auto-style-206 {
    font: 700 28px 'Space Grotesk';
    \n color:#0A3D62;
}

.auto-style-207 {
    font: 500 13px Inter;
    \n color:#5c7482;
    \n margin-top:2px;
}

.auto-style-208 {
    padding: 40px 0;
    \n background: linear-gradient(180deg,#f4f9fd,#eef5fb);
}

.auto-style-209 {
    max-width: 1240px;
    \n margin:0 auto;
    \n padding:0 24px;
}

.auto-style-210 {
    text-align: center;
    \n max-width:640px;
    \n margin:0 auto 52px;
}

.auto-style-211 {
    font: 600 12.5px Inter;
    \n letter-spacing:2px;
    \n text-transform:uppercase;
    \n color:#1FA2FF;
    \n margin-bottom:14px;
}

.auto-style-212 {
    font-size: 42px;
    \n font-weight:700;
    \n color:#0A3D62;
    \n margin-bottom:16px;
}

.auto-style-213 {
    display: grid;
    \n grid-template-columns:repeat(3,1fr);
    \n gap:20px;
}

.auto-style-214 {
    padding: 30px;
    \n border-radius:20px;
    \n background:rgba(255,255,255,.7);
    \n backdrop-filter:blur(14px);
    \n border:1px solid rgba(255,255,255,.9);
}

.auto-style-215 {
    width: 52px;
    \n height:52px;
    \n border-radius:14px;
    \n background:linear-gradient(135deg,#1FA2FF,#0A3D62);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n margin-bottom:18px;
}

.auto-style-216 {
    font-size: 19px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:8px;
}

.auto-style-217 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-218 {
    padding: 30px;
    \n border-radius:20px;
    \n background:rgba(255,255,255,.7);
    \n backdrop-filter:blur(14px);
    \n border:1px solid rgba(255,255,255,.9);
}

.auto-style-219 {
    width: 52px;
    \n height:52px;
    \n border-radius:14px;
    \n background:linear-gradient(135deg,#6BCB77,#3fae5a);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n margin-bottom:18px;
}

.auto-style-220 {
    font-size: 19px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:8px;
}

.auto-style-221 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-222 {
    padding: 30px;
    \n border-radius:20px;
    \n background:rgba(255,255,255,.7);
    \n backdrop-filter:blur(14px);
    \n border:1px solid rgba(255,255,255,.9);
}

.auto-style-223 {
    width: 52px;
    \n height:52px;
    \n border-radius:14px;
    \n background:linear-gradient(135deg,#1FA2FF,#0A3D62);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n margin-bottom:18px;
}

.auto-style-224 {
    font-size: 19px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:8px;
}

.auto-style-225 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-226 {
    padding: 30px;
    \n border-radius:20px;
    \n background:rgba(255,255,255,.7);
    \n backdrop-filter:blur(14px);
    \n border:1px solid rgba(255,255,255,.9);
}

.auto-style-227 {
    width: 52px;
    \n height:52px;
    \n border-radius:14px;
    \n background:linear-gradient(135deg,#6BCB77,#3fae5a);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n margin-bottom:18px;
}

.auto-style-228 {
    font-size: 19px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:8px;
}

.auto-style-229 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-230 {
    padding: 30px;
    \n border-radius:20px;
    \n background:rgba(255,255,255,.7);
    \n backdrop-filter:blur(14px);
    \n border:1px solid rgba(255,255,255,.9);
}

.auto-style-231 {
    width: 52px;
    \n height:52px;
    \n border-radius:14px;
    \n background:linear-gradient(135deg,#1FA2FF,#0A3D62);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n margin-bottom:18px;
}

.auto-style-232 {
    font-size: 19px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:8px;
}

.auto-style-233 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-234 {
    padding: 30px;
    \n border-radius:20px;
    \n background:linear-gradient(135deg,#0A3D62,#1FA2FF);
    \n display:flex;
    \n flex-direction:column;
    \n justify-content:center;
}

.auto-style-235 {
    font-size: 20px;
    \n font-weight:700;
    \n color:#fff;
    \n margin-bottom:10px;
}

.auto-style-236 {
    font-size: 14.5px;
    \n line-height:1.6;
    \n color:rgba(255,255,255,.85);
    \n margin-bottom:18px;
}

.auto-style-237 {
    display: inline-flex;
    \n align-self:flex-start;
    \n align-items:center;
    \n gap:8px;
    \n background:#fff;
    \n color:#0A3D62;
    \n font:600 15px Inter;
    \n padding:12px 20px;
    \n border-radius:100px;
}

.auto-style-238 {
    padding: 40px 0;
    \n background: #fff;
}

.auto-style-239 {
    max-width: 1240px;
    \n margin:0 auto;
    \n padding:0 24px;
}

.auto-style-240 {
    text-align: center;
    \n max-width:640px;
    \n margin:0 auto 48px;
}

.auto-style-241 {
    font: 600 12.5px Inter;
    \n letter-spacing:2px;
    \n text-transform:uppercase;
    \n color:#1FA2FF;
    \n margin-bottom:14px;
}

.auto-style-242 {
    font-size: 42px;
    \n font-weight:700;
    \n color:#0A3D62;
    \n margin-bottom:16px;
}

.auto-style-243 {
    display: grid;
    \n grid-template-columns:repeat(4,1fr);
    \n gap:18px;
}

.auto-style-244 {
    position: relative;
    \n border-radius:20px;
    \n overflow:hidden;
    \n min-height:260px;
    \n padding:26px;
    \n display:flex;
    \n flex-direction:column;
    \n justify-content:flex-end;
    \n background:linear-gradient(180deg,rgba(6,37,60,.1),rgba(6,37,60,.72)),linear-gradient(135deg,#1FA2FF,#0A3D62);
}

.auto-style-245 {
    position: absolute;
    \n top:22px;
    \n left:22px;
    \n width:46px;
    \n height:46px;
    \n border-radius:13px;
    \n background:rgba(255,255,255,.2);
    \n backdrop-filter:blur(8px);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
}

.auto-style-246 {
    font-size: 21px;
    \n font-weight:700;
    \n color:#fff;
    \n margin-bottom:6px;
}

.auto-style-247 {
    font-size: 13.5px;
    \n line-height:1.55;
    \n color:rgba(255,255,255,.82);
}

.auto-style-248 {
    position: relative;
    \n border-radius:20px;
    \n overflow:hidden;
    \n min-height:260px;
    \n padding:26px;
    \n display:flex;
    \n flex-direction:column;
    \n justify-content:flex-end;
    \n background:linear-gradient(180deg,rgba(6,37,60,.1),rgba(6,37,60,.72)),linear-gradient(135deg,#6BCB77,#2f8f56);
}

.auto-style-249 {
    position: absolute;
    \n top:22px;
    \n left:22px;
    \n width:46px;
    \n height:46px;
    \n border-radius:13px;
    \n background:rgba(255,255,255,.2);
    \n backdrop-filter:blur(8px);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
}

.auto-style-250 {
    font-size: 21px;
    \n font-weight:700;
    \n color:#fff;
    \n margin-bottom:6px;
}

.auto-style-251 {
    font-size: 13.5px;
    \n line-height:1.55;
    \n color:rgba(255,255,255,.82);
}

.auto-style-252 {
    position: relative;
    \n border-radius:20px;
    \n overflow:hidden;
    \n min-height:260px;
    \n padding:26px;
    \n display:flex;
    \n flex-direction:column;
    \n justify-content:flex-end;
    \n background:linear-gradient(180deg,rgba(6,37,60,.1),rgba(6,37,60,.72)),linear-gradient(135deg,#1FA2FF,#0d6b8f);
}

.auto-style-253 {
    position: absolute;
    \n top:22px;
    \n left:22px;
    \n width:46px;
    \n height:46px;
    \n border-radius:13px;
    \n background:rgba(255,255,255,.2);
    \n backdrop-filter:blur(8px);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
}

.auto-style-254 {
    font-size: 21px;
    \n font-weight:700;
    \n color:#fff;
    \n margin-bottom:6px;
}

.auto-style-255 {
    font-size: 13.5px;
    \n line-height:1.55;
    \n color:rgba(255,255,255,.82);
}

.auto-style-256 {
    position: relative;
    \n border-radius:20px;
    \n overflow:hidden;
    \n min-height:260px;
    \n padding:26px;
    \n display:flex;
    \n flex-direction:column;
    \n justify-content:flex-end;
    \n background:linear-gradient(180deg,rgba(6,37,60,.1),rgba(6,37,60,.72)),linear-gradient(135deg,#0A3D62,#123f57);
}

.auto-style-257 {
    position: absolute;
    \n top:22px;
    \n left:22px;
    \n width:46px;
    \n height:46px;
    \n border-radius:13px;
    \n background:rgba(255,255,255,.2);
    \n backdrop-filter:blur(8px);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
}

.auto-style-258 {
    font-size: 21px;
    \n font-weight:700;
    \n color:#fff;
    \n margin-bottom:6px;
}

.auto-style-259 {
    font-size: 13.5px;
    \n line-height:1.55;
    \n color:rgba(255,255,255,.82);
}

.auto-style-260 {
    padding: 40px 0;
    \n background: linear-gradient(180deg,#eef5fb,#f4f9fd);
}

.auto-style-261 {
    max-width: 1240px;
    \n margin:0 auto;
    \n padding:0 24px;
}

.auto-style-262 {
    text-align: center;
    \n max-width:640px;
    \n margin:0 auto 60px;
}

.auto-style-263 {
    font: 600 12.5px Inter;
    \n letter-spacing:2px;
    \n text-transform:uppercase;
    \n color:#1FA2FF;
    \n margin-bottom:14px;
}

.auto-style-264 {
    font-size: 42px;
    \n font-weight:700;
    \n color:#0A3D62;
    \n margin-bottom:16px;
}

.auto-style-265 {
    position: relative;
}

.auto-style-266 {
    position: absolute;
    \n top:26px;
    \n left:8%;
    \n right:8%;
    \n height:2px;
    \n background:linear-gradient(90deg,#1FA2FF,#6BCB77);
}

.auto-style-267 {
    display: grid;
    \n grid-template-columns:repeat(6,1fr);
    \n gap:14px;
}

.auto-style-268 {
    text-align: center;
    \n position:relative;
}

.auto-style-269 {
    width: 54px;
    \n height:54px;
    \n margin:0 auto 16px;
    \n border-radius:50%;
    \n background:#fff;
    \n border:2px solid #1FA2FF;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n font:700 17px 'Space Grotesk';
    \n color:#1FA2FF;
    \n position:relative;
    \n z-index:1;
}

.auto-style-270 {
    font-size: 15px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:4px;
}

.auto-style-271 {
    font-size: 12.5px;
    \n line-height:1.5;
    \n color:#5c7482;
}

.auto-style-272 {
    text-align: center;
}

.auto-style-273 {
    width: 54px;
    \n height:54px;
    \n margin:0 auto 16px;
    \n border-radius:50%;
    \n background:#fff;
    \n border:2px solid #1FA2FF;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n font:700 17px 'Space Grotesk';
    \n color:#1FA2FF;
    \n position:relative;
    \n z-index:1;
}

.auto-style-274 {
    font-size: 15px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:4px;
}

.auto-style-275 {
    font-size: 12.5px;
    \n line-height:1.5;
    \n color:#5c7482;
}

.auto-style-276 {
    text-align: center;
}

.auto-style-277 {
    width: 54px;
    \n height:54px;
    \n margin:0 auto 16px;
    \n border-radius:50%;
    \n background:#fff;
    \n border:2px solid #35b0d6;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n font:700 17px 'Space Grotesk';
    \n color:#35b0d6;
    \n position:relative;
    \n z-index:1;
}

.auto-style-278 {
    font-size: 15px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:4px;
}

.auto-style-279 {
    font-size: 12.5px;
    \n line-height:1.5;
    \n color:#5c7482;
}

.auto-style-280 {
    text-align: center;
}

.auto-style-281 {
    width: 54px;
    \n height:54px;
    \n margin:0 auto 16px;
    \n border-radius:50%;
    \n background:#fff;
    \n border:2px solid #4dbf94;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n font:700 17px 'Space Grotesk';
    \n color:#4dbf94;
    \n position:relative;
    \n z-index:1;
}

.auto-style-282 {
    font-size: 15px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:4px;
}

.auto-style-283 {
    font-size: 12.5px;
    \n line-height:1.5;
    \n color:#5c7482;
}

.auto-style-284 {
    text-align: center;
}

.auto-style-285 {
    width: 54px;
    \n height:54px;
    \n margin:0 auto 16px;
    \n border-radius:50%;
    \n background:#fff;
    \n border:2px solid #5ec66f;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n font:700 17px 'Space Grotesk';
    \n color:#5ec66f;
    \n position:relative;
    \n z-index:1;
}

.auto-style-286 {
    font-size: 15px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:4px;
}

.auto-style-287 {
    font-size: 12.5px;
    \n line-height:1.5;
    \n color:#5c7482;
}

.auto-style-288 {
    text-align: center;
}

.auto-style-289 {
    width: 54px;
    \n height:54px;
    \n margin:0 auto 16px;
    \n border-radius:50%;
    \n background:#6BCB77;
    \n border:2px solid #6BCB77;
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n font:700 17px 'Space Grotesk';
    \n color:#fff;
    \n position:relative;
    \n z-index:1;
}

.auto-style-290 {
    font-size: 15px;
    \n font-weight:600;
    \n color:#0A3D62;
    \n margin-bottom:4px;
}

.auto-style-291 {
    font-size: 12.5px;
    \n line-height:1.5;
    \n color:#5c7482;
}

.auto-style-292 {
    padding: 40px 0;
    \n background: #fff;
}

.auto-style-293 {
    max-width: 1240px;
    \n margin:0 auto;
    \n padding:0 24px;
}

.auto-style-294 {
    text-align: center;
    \n max-width:640px;
    \n margin:0 auto 52px;
}

.auto-style-295 {
    font: 600 12.5px Inter;
    \n letter-spacing:2px;
    \n text-transform:uppercase;
    \n color:#1FA2FF;
    \n margin-bottom:14px;
}

.auto-style-296 {
    font-size: 42px;
    \n font-weight:700;
    \n color:#0A3D62;
}

.auto-style-297 {
    display: grid;
    \n grid-template-columns:repeat(3,1fr);
    \n gap:20px;
}

.auto-style-298 {
    padding: 32px;
    \n border-radius:20px;
    \n background:#f4f9fd;
    \n border:1px solid #e7eef4;
}

.auto-style-299 {
    color: #6BCB77;
    \n font-size:17px;
    \n letter-spacing:2px;
    \n margin-bottom:16px;
}

.auto-style-300 {
    font-size: 15.5px;
    \n line-height:1.65;
    \n color:#334c5b;
    \n margin-bottom:22px;
}

.auto-style-301 {
    display: flex;
    \n align-items:center;
    \n gap:12px;
}

.auto-style-302 {
    width: 44px;
    \n height:44px;
    \n border-radius:50%;
    \n background:linear-gradient(135deg,#1FA2FF,#0A3D62);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n font:700 16px 'Space Grotesk';
    \n color:#fff;
}

.auto-style-303 {
    font: 600 14.5px Inter;
    \n color:#0A3D62;
}

.auto-style-304 {
    font: 500 12.5px Inter;
    \n color:#8aa0ad;
}

.auto-style-305 {
    padding: 32px;
    \n border-radius:20px;
    \n background:#f4f9fd;
    \n border:1px solid #e7eef4;
}

.auto-style-306 {
    color: #6BCB77;
    \n font-size:17px;
    \n letter-spacing:2px;
    \n margin-bottom:16px;
}

.auto-style-307 {
    font-size: 15.5px;
    \n line-height:1.65;
    \n color:#334c5b;
    \n margin-bottom:22px;
}

.auto-style-308 {
    display: flex;
    \n align-items:center;
    \n gap:12px;
}

.auto-style-309 {
    width: 44px;
    \n height:44px;
    \n border-radius:50%;
    \n background:linear-gradient(135deg,#6BCB77,#2f8f56);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n font:700 16px 'Space Grotesk';
    \n color:#fff;
}

.auto-style-310 {
    font: 600 14.5px Inter;
    \n color:#0A3D62;
}

.auto-style-311 {
    font: 500 12.5px Inter;
    \n color:#8aa0ad;
}

.auto-style-312 {
    padding: 32px;
    \n border-radius:20px;
    \n background:#f4f9fd;
    \n border:1px solid #e7eef4;
}

.auto-style-313 {
    color: #6BCB77;
    \n font-size:17px;
    \n letter-spacing:2px;
    \n margin-bottom:16px;
}

.auto-style-314 {
    font-size: 15.5px;
    \n line-height:1.65;
    \n color:#334c5b;
    \n margin-bottom:22px;
}

.auto-style-315 {
    display: flex;
    \n align-items:center;
    \n gap:12px;
}

.auto-style-316 {
    width: 44px;
    \n height:44px;
    \n border-radius:50%;
    \n background:linear-gradient(135deg,#1FA2FF,#0d6b8f);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n font:700 16px 'Space Grotesk';
    \n color:#fff;
}

.auto-style-317 {
    font: 600 14.5px Inter;
    \n color:#0A3D62;
}

.auto-style-318 {
    font: 500 12.5px Inter;
    \n color:#8aa0ad;
}

.auto-style-319 {
    position: relative;
    \n padding: 40px 0;
    \n overflow: hidden;
    \n background: #06253c;
}

.auto-style-320 {
    position: absolute;
    \n inset:0;
    \n background:radial-gradient(900px 560px at 82% 10%,rgba(31,162,255,.45),transparent 60%),radial-gradient(760px 520px at 6% 96%,rgba(107,203,119,.36),transparent 62%),linear-gradient(160deg,#06253c,#0A3D62);
}

.auto-style-321 {
    position: relative;
    \n max-width:1240px;
    \n margin:0 auto;
    \n padding:0 24px;
}

.auto-style-322 {
    display: grid;
    \n grid-template-columns:1fr 1fr;
    \n gap:52px;
    \n align-items:stretch;
}

.auto-style-323 {
    align-self: center;
}

.auto-style-324 {
    font: 600 12.5px Inter;
    \n letter-spacing:2px;
    \n text-transform:uppercase;
    \n color:#7fd0ff;
    \n margin-bottom:14px;
}

.auto-style-325 {
    font-size: 44px;
    \n line-height:1.08;
    \n font-weight:700;
    \n color:#fff;
    \n margin-bottom:18px;
}

.auto-style-326 {
    font-size: 18px;
    \n line-height:1.6;
    \n color:rgba(255,255,255,.8);
    \n margin-bottom:34px;
    \n max-width:460px;
}

.auto-style-327 {
    display: flex;
    \n flex-direction:column;
    \n gap:18px;
}

.auto-style-328 {
    display: flex;
    \n align-items:center;
    \n gap:14px;
}

.auto-style-329 {
    width: 46px;
    \n height:46px;
    \n border-radius:12px;
    \n background:rgba(255,255,255,.1);
    \n border:1px solid rgba(255,255,255,.16);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n flex:none;
}

.auto-style-330 {
    font: 500 12.5px Inter;
    \n color:rgba(255,255,255,.55);
}

.auto-style-331 {
    font: 600 16px Inter;
    \n color:#fff;
}

.auto-style-332 {
    display: flex;
    \n align-items:center;
    \n gap:14px;
}

.auto-style-333 {
    width: 46px;
    \n height:46px;
    \n border-radius:12px;
    \n background:rgba(255,255,255,.1);
    \n border:1px solid rgba(255,255,255,.16);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n flex:none;
}

.auto-style-334 {
    font: 500 12.5px Inter;
    \n color:rgba(255,255,255,.55);
}

.auto-style-335 {
    font: 600 16px Inter;
    \n color:#fff;
}

.auto-style-336 {
    display: flex;
    \n align-items:flex-start;
    \n gap:14px;
}

.auto-style-337 {
    width: 46px;
    \n height:46px;
    \n border-radius:12px;
    \n background:rgba(255,255,255,.1);
    \n border:1px solid rgba(255,255,255,.16);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
    \n flex:none;
}

.auto-style-338 {
    font: 500 12.5px Inter;
    \n color:rgba(255,255,255,.55);
}

.auto-style-339 {
    font: 600 15px Inter;
    \n color:#fff;
    \n line-height:1.5;
}

.auto-style-340 {
    border-radius: 24px;
    \n padding:34px;
    \n background:rgba(255,255,255,.94);
    \n backdrop-filter:blur(18px);
    \n box-shadow:0 40px 90px -30px rgba(0,0,0,.5);
}

.auto-style-341 {
    text-align: center;
    \n padding:40px 10px;
}

.auto-style-342 {
    width: 70px;
    \n height:70px;
    \n margin:0 auto 22px;
    \n border-radius:50%;
    \n background:linear-gradient(135deg,#6BCB77,#3fae5a);
    \n display:flex;
    \n align-items:center;
    \n justify-content:center;
}

.auto-style-343 {
    font-size: 24px;
    \n font-weight:700;
    \n color:#0A3D62;
    \n margin-bottom:10px;
}

.auto-style-344 {
    font-size: 15.5px;
    \n line-height:1.6;
    \n color:#5c7482;
}

.auto-style-345 {
    font-size: 22px;
    \n font-weight:700;
    \n color:#0A3D62;
    \n margin-bottom:6px;
}

.auto-style-346 {
    font-size: 14px;
    \n color:#6A6A6A;
    \n margin-bottom:22px;
}

.auto-style-347 {
    display: flex;
    \n flex-direction:column;
    \n gap:14px;
}

.auto-style-348 {
    display: grid;
    \n grid-template-columns:1fr 1fr;
    \n gap:12px;
}

.auto-style-349 {
    width: 100%;
    \n height:50px;
    \n padding:0 16px;
    \n border:1.5px solid #e0e7ee;
    \n border-radius:12px;
    \n font:400 15px Inter;
    \n color:#1a2e3d;
    \n outline:none;
}

.auto-style-350 {
    width: 100%;
    \n height:50px;
    \n padding:0 16px;
    \n border:1.5px solid #e0e7ee;
    \n border-radius:12px;
    \n font:400 15px Inter;
    \n color:#1a2e3d;
    \n outline:none;
}

.auto-style-351 {
    display: grid;
    \n grid-template-columns:1fr 1fr;
    \n gap:12px;
}

.auto-style-352 {
    width: 100%;
    \n height:50px;
    \n padding:0 16px;
    \n border:1.5px solid #e0e7ee;
    \n border-radius:12px;
    \n font:400 15px Inter;
    \n color:#1a2e3d;
    \n outline:none;
}

.auto-style-353 {
    width: 100%;
    \n height:50px;
    \n padding:0 16px;
    \n border:1.5px solid #e0e7ee;
    \n border-radius:12px;
    \n font:400 15px Inter;
    \n color:#1a2e3d;
    \n outline:none;
}

.auto-style-354 {
    width: 100%;
    \n height:50px;
    \n padding:0 12px;
    \n border:1.5px solid #e0e7ee;
    \n border-radius:12px;
    \n font:400 15px Inter;
    \n color:#47606f;
    \n outline:none;
    \n background:#fff;
}

.auto-style-355 {
    width: 100%;
    \n min-height:96px;
    \n padding:14px 16px;
    \n border:1.5px solid #e0e7ee;
    \n border-radius:12px;
    \n font:400 15px Inter;
    \n color:#1a2e3d;
    \n outline:none;
    \n resize:vertical;
    \n font-family:Inter;
}

.auto-style-356 {
    font: 500 13px Inter;
    \n color:#C13515;
    \n margin-top:-4px;
}

.auto-style-357 {
    width: 100%;
    \n height:54px;
    \n border:none;
    \n cursor:pointer;
    \n background:linear-gradient(135deg,#1FA2FF,#0A3D62);
    \n color:#fff;
    \n font:600 16px Inter;
    \n border-radius:12px;
    \n box-shadow:0 14px 30px -12px rgba(31,162,255,.6);
    \n margin-top:2px;
}

.auto-style-358 {
    font: 400 12px Inter;
    \n color:#8aa0ad;
    \n text-align:center;
}

/* ---- About page: mobile Products arrow rotation (used site-wide by _Header) ---- */
.vg-mob-arrow {
    transition: transform .2s ease
}

    .vg-mob-arrow.open {
        transform: rotate(180deg)
    }

/* ---- Contact Us page: form inputs & social icons ---- */
.vg-input {
    width: 100%;
    padding: 14px 16px;
    border: 1.5px solid #e0e7ee;
    border-radius: 12px;
    font: 400 15px Inter;
    color: #1a2e3d;
    outline: none;
    transition: border-color .15s ease;
}

    .vg-input:focus {
        border-color: #1FA2FF
    }

.vg-social {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: background .15s ease,transform .15s ease;
}

    .vg-social:hover {
        background: rgba(255,255,255,.24);
        transform: translateY(-2px)
    }

@media(max-width:1000px) {
    .vg-contact-grid {
        grid-template-columns: 1fr !important
    }
}

@media(max-width:600px) {
    .vg-qr-grid {
        grid-template-columns: 1fr !important
    }
}
/* ---- inquiry forms (Contact Us + homepage Quote form): field labels,
       required-field marker, per-field error state, and a disabled
       submit button until the captcha is solved ---- */
.vg-field-label {
    display: block;
    font: 600 12.5px Inter;
    color: #0A3D62;
    margin-bottom: 6px;
}

    .vg-field-label .req {
        color: #1FA2FF;
        margin-left: 2px;
    }

.vg-field-error input,
.vg-field-error select,
.vg-field-error textarea,
.vg-field-error .vg-phone-box {
    border-color: #e05252 !important;
    background: #fff6f6 !important;
}

.vg-submit-btn:disabled {
    opacity: .55;
    cursor: not-allowed;
    box-shadow: none !important;
}

/* ---- per-field inline error message shown below an invalid field ---- */
.vg-field-error-msg {
    display: none;
    font: 500 12.5px Inter;
    color: #C13515;
    margin: 6px 0 0;
    line-height: 1.4;
}

.vg-field-error .vg-field-error-msg {
    display: block;
}

/* ---- Mobile Number field: static country flag + dial code prefix
       joined visually to the number input as a single control ---- */
.vg-phone-box {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 50px;
    border: 1.5px solid #e0e7ee;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    transition: border-color .15s ease;
}

.vg-phone-code {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    font: 600 14.5px Inter;
    color: #47606f;
    background: #f4f9fd;
    border-right: 1.5px solid #e0e7ee;
    white-space: nowrap;
    flex: none;
    user-select: none;
}

    .vg-phone-code .vg-phone-flag {
        font-size: 17px;
        line-height: 1;
    }

.vg-phone-input {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0 16px;
    border: none;
    outline: none;
    background: transparent;
    font: 400 15px Inter;
    color: #1a2e3d;
}

.vg-field-error .vg-phone-box {
    background: #fff;
}

    .vg-field-error .vg-phone-box .vg-phone-input {
        background: #fff6f6;
    }