:root {
    /* fonts */
    --font-jost: Jost;
    --font-inter: Inter;
    --font-plus-jakarta-sans: "Plus Jakarta Sans";
    --font-manrope: Manrope;
    --paragraph-body-3: Poppins;
    --font-roboto: Roboto;
    --font-mulish: Mulish;
    --font-sf-pro-display: "SF Pro Display";
    /* font sizes */
    --paragraph-body-3-size: 18px;
    --font-size-global: 15px;
    --font-size-sm: 14px;
    --font-size-lg: 18px;
    --font-size-25xl: 44px;
    --font-size-7xl: 26px;
    --font-size-16xl: 35px;
    --font-size-35xl: 54px;
    --font-size-13xl: 32px;
    --font-size-24xl: 43px;
    --font-size-3xl: 22px;
    --font-size-xl: 20px;
    /* Colors */
    --color-whitesmoke-100: #f6f8f9;
    --color-whitesmoke-200: #f3f5f7;
    --color-gray-100: #1b2124;
    --color-gray-200: #051535;
    --color-gray-300: rgba(0, 0, 0, 0.05);
    --color-white: #fff;
    --color-slategray-100: #666d80;
    --color-slategray-200: #5d6a85;
    --color-darkslateblue-100: #0f315b;
    --color-darkslateblue-200: #10275a;
    --color-coral: #d96335;
    --color-darkslategray-100: #353651;
    --color-darkslategray-200: #242e49;
    --color-darkslategray-300: #2e2e2e;
    --color-darkslategray-400: #2d2d2d;
    --color-darkslategray-500: rgba(51, 51, 51, 0.05);
    --color-ghostwhite: rgba(241, 244, 255, 0.65);
    --color-mediumturquoise: #7ec6be;
    --color-dimgray: #55576a;
    --color-gainsboro: rgba(217, 219, 230, 0.65);
    --color-mediumslateblue: rgba(55, 93, 251, 0.15);
    --color-darksalmon-100: #f4b69e;
    --color-darksalmon-200: #c2826b;
    --color-darksalmon-300: #f4b69e;
    --color-yellow-1: #fecb00;
    --color-yellow-2: #f2ce63;
    --color-darksalmon-300: rgba(194, 130, 107, 0.09);
    --color-lightsteelblue: rgba(149, 172, 206, 0.25);
    --color-thememain-1: #8cccc5;
    --color-thememain-2: #60b9b0;
    --white: #fff;
    --white-hover: #fff;
    --wheat: #ffe4c2;
    --battleshipgray: #979487;
    --eerie-black: #222020;
    --tiffanyblue: #8cccc5;
    --hero-bg: rgb(46, 204, 113, 0.6);
    --primary: rgb(46, 139, 87);
    --primary-hover: rgb(30, 86, 54);
    --secondary: rgb(241, 102, 105);
    --secondary-hover: rgb(238, 68, 72);
    /* insur */
    --e-global-color-primary: #141430;
    --e-global-color-secondary: #2a2a2a;
    --e-global-color-accent: #3dceb2;
    --e-global-color-text: #6a6a6a;
    --e-global-color-white: #ffffff;
    --e-global-color-black: #000000;
    --e-global-color-dark-moderate-blue: #2d5a7a;
    --e-global-color-very-dark-mostly-black-blue: #10202c;
    --e-global-color-grayish-blue: #a7b8c5;
    --e-global-color-light-grayish-cyan: #f5fefc;
    --e-global-color-very-light-gray: #e2e2e2;
    --e-global-color-light-moderate-blue: #4b7797;
    --e-global-color-light-yellow: #ffbf44;
    --e-global-color-nav-text: #0f0200;
    --e-global-color-very-dark-gray-mostly-black: #282828;
    --e-global-color-star-yellow: #fbc729;
    --e-global-color-pure-red: #ff0000;
    /* Gaps */
    --gap-12xl: 31px;
    --gap-base: 16px;
    --gap-xl: 20px;
    --gap-6xl: 25px;
    --gap-41xl: 60px;
    --gap-4xs: 9px;
    --gap-mid: 17px;
    --gap-xs-2: 11.2px;
    --gap-xs: 12px;
    --gap-3xs: 10px;
    --gap-9xs: 4px;
    --gap-3xl: 22px;
    --gap-11xl: 30px;
    --gap-13xl: 32px;
    --gap-21xl: 40px;
    --gap-5xl: 24px;
    /* Paddings */
    --padding-xl: 20px;
    --padding-2xs: 11px;
    --padding-4xl: 23px;
    --padding-mid: 17px;
    --padding-6xl: 25px;
    --padding-10xs: 3px;
    --padding-11xs: 2px;
    --padding-xs-5: 11.5px;
    --padding-3xl-3: 22.3px;
    --padding-3xl: 22px;
    --padding-7xs: 6px;
    --padding-5xl: 24px;
    --padding-11xs-5: 1.5px;
    --padding-5xs-1: 7.1px;
    --padding-lg: 18px;
    --padding-13xl: 32px;
    --padding-5xs: 8px;
    --padding-33xl: 52px;
    --padding-7xl: 26px;
    --padding-12xl: 31px;
    --padding-21xl: 40px;
    --padding-8xs: 5px;
    --padding-46xl: 65px;
    --padding-mini: 15px;
    --padding-xs: 12px;
    --padding-2xl: 21px;
    --padding-59xl: 78px;
    --padding-3xs: 10px;
    --padding-4xs: 9px;
    --padding-13xl-3: 32.3px;
    --padding-base: 16px;
    --padding-9xs-4: 3.4px;
    --padding-9xs-5: 3.5px;
    /* Border radiuses */
    --br-xs: 12px;
    --br-54xl-7: 73.7px;
    --br-6xl: 25px;
    --br-61xl: 80px;
    --br-51xl: 70px;
    --br-981xl: 1000px;
    --br-16xl: 35px;
    --br-21xl: 40px;
    --br-5xl: 24px;
    --br-5xs-7: 7.7px;
    --br-11xs-3: 1.3px;
    --br-31xl: 50px;
    --spw-lg: 82%;
    --spw-sm: 100%;
}

@font-face {
    font-family: 'Satoshi-Variable';
    src: url('fonts/Satoshi-Variable.woff2') format('woff2'), url('fonts/Satoshi-Variable.woff') format('woff'), url('fonts/Satoshi-Variable.ttf') format('truetype');
    font-weight: 300 900;
    font-display: swap !important;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-VariableItalic';
    src: url('fonts/Satoshi-VariableItalic.woff2') format('woff2'), url('fonts/Satoshi-VariableItalic.woff') format('woff'), url('fonts/Satoshi-VariableItalic.ttf') format('truetype');
    font-weight: 300 900;
    font-display: swap !important;
    font-style: italic;
}

@font-face {
    font-family: 'Satoshi-Light';
    src: url('fonts/Satoshi-Light.woff2') format('woff2'), url('fonts/Satoshi-Light.woff') format('woff'), url('fonts/Satoshi-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap !important;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-LightItalic';
    src: url('fonts/Satoshi-LightItalic.woff2') format('woff2'), url('fonts/Satoshi-LightItalic.woff') format('woff'), url('fonts/Satoshi-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-display: swap !important;
    font-style: italic;
}

@font-face {
    font-family: 'Satoshi-Regular';
    src: url('fonts/Satoshi-Regular.woff2') format('woff2'), url('fonts/Satoshi-Regular.woff') format('woff'), url('fonts/Satoshi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap !important;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-Italic';
    src: url('fonts/Satoshi-Italic.woff2') format('woff2'), url('fonts/Satoshi-Italic.woff') format('woff'), url('fonts/Satoshi-Italic.ttf') format('truetype');
    font-weight: 400;
    font-display: swap !important;
    font-style: italic;
}

@font-face {
    font-family: 'Satoshi-Medium';
    src: url('fonts/Satoshi-Medium.woff2') format('woff2'), url('fonts/Satoshi-Medium.woff') format('woff'), url('fonts/Satoshi-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap !important;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-MediumItalic';
    src: url('fonts/Satoshi-MediumItalic.woff2') format('woff2'), url('fonts/Satoshi-MediumItalic.woff') format('woff'), url('fonts/Satoshi-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-display: swap !important;
    font-style: italic;
}

@font-face {
    font-family: 'Satoshi-Bold';
    src: url('fonts/Satoshi-Bold.woff2') format('woff2'), url('fonts/Satoshi-Bold.woff') format('woff'), url('fonts/Satoshi-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap !important;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-BoldItalic';
    src: url('fonts/Satoshi-BoldItalic.woff2') format('woff2'), url('fonts/Satoshi-BoldItalic.woff') format('woff'), url('fonts/Satoshi-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-display: swap !important;
    font-style: italic;
}

@font-face {
    font-family: 'Satoshi-Black';
    src: url('fonts/Satoshi-Black.woff2') format('woff2'), url('fonts/Satoshi-Black.woff') format('woff'), url('fonts/Satoshi-Black.ttf') format('truetype');
    font-weight: 900;
    font-display: swap !important;
    font-style: normal;
}

@font-face {
    font-family: 'Satoshi-BlackItalic';
    src: url('fonts/Satoshi-BlackItalic.woff2') format('woff2'), url('fonts/Satoshi-BlackItalic.woff') format('woff'), url('fonts/Satoshi-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-display: swap !important;
    font-style: italic;
}

html,
body {
    height: 100% !important;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* Full viewport height */
    margin: 0;
    line-height: normal;
    /* background: #eef1f7;
    font-family: 'Satoshi-Regular', sans-serif; */
    /* font-family: 'Satoshi-Regular', sans-serif; */
    font-family: 'Satoshi-Regular', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    background: url("/assets/img/advm_bg_pattern.PNG");
    background-size: cover;
    font-size: 16px;
    color: #183B56;
}

main {
    flex-grow: 1;
    margin-top: 97px;
}

footer {
    min-height: 373px;
    position: relative;
    bottom: 0;
}

@media (min-height: 1601px) {
    footer {
        position: relative !important;
        top: 33%;
    }
}

@media (max-width: 767.9px) {
    footer {
        min-height: 855px;
    }
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.4em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.9em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Satoshi-Medium', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}


/* @media (min-height: 1600px) {
    body {

    }
    footer {
        margin-top: auto;
    }
    main {
        min-height: 80vh;
    }
    main.index {
        height: unset;
    }
} */

a {
    color: var(--primary);
}

.primary-color {
    color: var(--primary);
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px!important;
}

.mb-30 {
    margin-bottom: 30px!important;
}

.mb-40 {
    margin-bottom: 40px!important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-150 {
    margin-bottom: 150px !important;
}

.mb-200 {
    margin-bottom: 200px !important;
}

.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.ft-rem-1 {
    font-size: 1rem !important;
}

.ft-rem-2 {
    font-size: 2rem !important;
}

.ft-rem-3 {
    font-size: 3rem !important;
}

.ft-rem-4 {
    font-size: 4rem !important;
}

.ft-rem-5 {
    font-size: 5rem !important;
}

.ft-rem-6 {
    font-size: 6rem !important;
}

.ft-rem-7 {
    font-size: 7rem !important;
}

.ft-rem-8 {
    font-size: 8rem !important;
}

.ft-rem-9 {
    font-size: 9rem !important;
}

.ft-rem-10 {
    font-size: 10rem !important;
}

.w-100 {
    width: 100% !important;
}

img {
    height: auto;
    /* max-width: 100%; */
    vertical-align: top;
}

.btn {
    border-radius: 8px !important;
    text-transform: capitalize;
}

.btn-primary,
.btn-outline-primary {
    color: #fff;
    background-color: var(--primary) !important;
    border-color: var(--primary);
    padding-left: 10px;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: #fff !important;
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

.btn-outline-primary {
    background-color: transparent !important;
    color: var(--primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus {
    color: var(--primary-hover);
    background-color: transparent;
    border-color: var(--primary-hover) !important;
}

.bg-primary {
    color: #fff !important;
    background: var(--primary) !important;
}

.bg-primary-hover {
    color: #fff;
    background: var(--primary-hover);
}

.btn-secondary {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    color: #fff !important;
    background-color: var(--secondary-hover) !important;
    border-color: var(--secondary-hover) !important;
}

.btn-outline-secondary {
    background-color: transparent;
    color: var(--secondary);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:focus {
    color: #fff;
    background-color: transparent;
    border-color: var(--secondary-hover) !important;
}

.bg-secondary-hover {
    color: #fff;
    background: var(--secondary-hover);
}

.btn-primary,
.btn-outline-primary,
.btn-secondary,
.btn-outline-secondary {
    /* padding-left: 30px; */
    padding: 12px 30px;
    position: relative;
    /* padding: 16px 22px; */
    /* text-align: center; */
    display: inline-flex;
    /* justify-content: center; */
    align-items: center;
}

.btn-white,
.btn-outline-white {
    color: var(--primary);
    background-color: var(--white) !important;
    border-color: var(--white);
    padding-left: 10px;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
    color: var(--primary);
    background-color: var(--white-hover) !important;
    border-color: var(--white-hover) !important;
}

.btn-outline-white {
    background-color: transparent !important;
    color: var(--white);
}

.btn-outline-white:hover,
.btn-outline-white:active,
.btn-outline-white:focus {
    color: var(--white-hover);
    background-color: transparent;
    border-color: var(--white-hover) !important;
}

.btn-lg {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
}

.bg-f6f6f6 {
    background-color: #f6f6f6;
}

.btn-primary::after,
.btn-secondary::after {
    content: "→";
    /* content: "";
    background-image: url(/assets/img/icon/arrow-icon.svg); */
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
    /* margin-left: 8px; */
    font-size: 16px;
    position: relative;
    right: -15px;
    bottom: 1px;
    font-weight: 900;
}

.btn-prev::after {
    content: "←";
    /* 
    /* content: "";
    background-image: url(/assets/img/icon/arrow-icon.svg); */
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
    /* margin-left: 8px; */
    font-size: 16px;
    position: relative;
    right: 90px;
    bottom: 1px;
    font-weight: 900;
}

.btn-outline-primary::after,
.btn-outline-secondary::after {
    content: "→";
    /* content: ""; */
    /* background-image: url(/assets/img/icon/arrow-icon.svg); */
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
    /* margin-left: 8px; */
    font-size: 16px;
    position: relative;
    right: -15px;
    bottom: 3px;
    font-weight: 800;
}

.btn-outline-primary::after {
    color: var(--primary);
}

.btn-outline-secondary::after {
    color: var(--secondary);
}

.bg-transparent {
    background: transparent !important;
}

._container_1 {
    max-width: 1100px;
}

.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}