:root {
    --dark-blue-100: #222A56;
    --dark-blue-200: #18233B;
    --grey-50: #FAFAFA;
    --grey-100: #F5F5F5;
    --grey-200: #EEEEEE;
    --grey-300: #D9D9D9;
    --grey-400: #BDBDBD;
    --grey-500: #9E9E9E;
    --grey-600: #757575;
    --grey-700: #616161;
    --grey-800: #424242;
    --grey-900: #212121;
    --blue-100: #BBDEFB;
    --light-blue-100: #B3E5FC;
    --purple-100: #E1BEE7;
    --pink-100: #F8BBD0;
    --green-100: #C8E6C9;
    --light-green-100: #DCEDC8;
    --yellow-50: #FAE9CF;
    --yellow-100: #FBAF39;
    --yellow-200: #E8910F;
    --yellow-300: #E7900E;
    --orange-100: #FFE0B2;
    --ahe-red: #A91539;
    --red: #ED4F30;
    --red-100: #FFCDD2;
}

.text_dark-blue-100 {
    color: var(--dark-blue-100)!important;
}

.bg_dark-blue-100 {
    background-color: var(--dark-blue-100)!important;
}

.text_dark-blue-200 {
    color: var(--dark-blue-200)!important;
}

.bg_dark-blue-200 {
    background-color: var(--dark-blue-200)!important;
}

.text_yellow-50 {
    color: var(--yellow-50)!important;
}

.bg_yellow-50 {
    background-color: var(--yellow-50)!important;
}

.text_yellow-100 {
    color: var(--yellow-100)!important;
}

.bg_yellow-100 {
    background-color: var(--yellow-100)!important;
}

.text_yellow-200 {
    color: var(--yellow-200)!important;
}

.bg_yellow-200 {
    background-color: var(--yellow-200)!important;
}

.text_yellow-300 {
    color: var(--yellow-300)!important;
}

.bg_yellow-300 {
    background-color: var(--yellow-300)!important;
}

.text_ahe-red {
    color: var(--ahe-red)!important;
}

.bg_ahe-red {
    background-color: var(--ahe-red)!important;
}

.text_red {
    color: var(--red)!important;
}

.bg_red {
    background-color: var(--red)!important;
}

.text_grey-50 {
    color: var(--grey-50)!important;
}

.bg_grey-50 {
    background-color: var(--grey-50)!important;
}

.text_grey-100 {
    color: var(--grey-100)!important;
}

.bg_grey-100 {
    background-color: var(--grey-100)!important;
}

.text_grey-200 {
    color: var(--grey-200)!important;
}

.bg_grey-200 {
    background-color: var(--grey-200)!important;
}

.text_grey-300 {
    color: var(--grey-300)!important;
}

.bg_grey-300 {
    background-color: var(--grey-300)!important;
}

.text_grey-400 {
    color: var(--grey-400)!important;
}

.bg_grey-400 {
    background-color: var(--grey-400)!important;
}

.text_grey-500 {
    color: var(--grey-500)!important;
}

.bg_grey-500 {
    background-color: var(--grey-500)!important;
}

.text_grey-600 {
    color: var(--grey-600)!important;
}

.bg_grey-600 {
    background-color: var(--grey-600)!important;
}

.text_grey-700 {
    color: var(--grey-700)!important;
}

.bg_grey-700 {
    background-color: var(--grey-700)!important;
}

.text_grey-800 {
    color: var(--grey-800)!important;
}

.bg_grey-800 {
    background-color: var(--grey-800)!important;
}

.text_grey-900 {
    color: var(--grey-900)!important;
}

.bg_grey-900 {
    background-color: var(--grey-900)!important;
}

.text_blue-100 {
    color: var(--blue-100)!important;
}

.bg_blue-100 {
    background-color: var(--blue-100)!important;
}

.text_purple-100 {
    color: var(--purple-100)!important;
}

.bg_purple-100 {
    background-color: var(--purple-100)!important;
}

.h1 {
    font-size: 56px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -1.12px;
}

.h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.96px;
}

.h3 {
    font-size: 40px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.8px;
}

h4 {
    font-size: 32px!important;
    font-weight: 600!important;
    line-height: 110%!important;
    letter-spacing: -0.64px!important;
}

h5 {
    font-size: 24px!important;
    font-weight: 600!important;
    line-height: 110%!important;
    letter-spacing: -0.48px!important;
}

h6 {
    font-size: 20px!important;
    font-weight: 600!important;
    line-height: 120%!important;
    letter-spacing: -0.4px!important;
}

.h1_blog {
    font-size: 32px!important;
    font-weight: 600!important;
    line-height: 130%!important;
}

.h2_blog {
    font-size: 24px!important;
    font-weight: 600!important;
    line-height: 130%!important;
}

.h3_blog {
    font-size: 20px!important;
    font-weight: 600!important;
    line-height: 130%!important;
}

.h4_blog {
    font-size: 18px!important;
    font-weight: 600!important;
    line-height: 130%!important;
}

.h5_blog {
    font-size: 16px!important;
    font-weight: 600!important;
    line-height: 140%!important;
}

.h6_blog {
    font-size: 14px!important;
    font-weight: 600!important;
    line-height: 140%!important;
}

.fw_300 {
    font-weight: 300;
}

.fw_400 {
    font-weight: 400;
}

.fw_500 {
    font-weight: 500;
}

.fw_600 {
    font-weight: 600;
}

.fw_700 {
    font-weight: 700;
}

.text_12 {
    font-size: 12px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.12px;
}

.text_14 {
    font-size: 14px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.14px;
}

.text_16 {
    font-size: 16px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.16px;
}

.text_18 {
    font-size: 18px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: -0.18px;
}

.text_20 {
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.2px;
}

.blog_16 {
    font-size: 16px;
    font-style: normal;
    line-height: 170%;
}

.blog_18 {
    font-size: 18px;
    font-style: normal;
    line-height: 170%;
}

.text_link {
    text-decoration: underline!important;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.gap_16{
  gap: 16px;
}

.gap_24{
    gap: 24px;
}

.gap_32{
  gap: 32px;
}

@media (max-width: 768px) {

    .h1 {
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.72px;
    }

    .h2 {
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.6px;
    }

    .h3 {
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.56px;
    }

    h4 {
        font-size: 24px!important;
        font-weight: 600!important;
        line-height: 120%!important;
        letter-spacing: -0.48px!important;
    }

    h5 {
        font-size: 20px!important;
        font-weight: 600!important;
        line-height: 120%!important;
        letter-spacing: -0.4px!important;
    }

    h6 {
        font-size: 18px!important;
        font-weight: 600!important;
        line-height: 120%!important;
        letter-spacing: -0.36px!important;
    }

    .h1_blog {
        font-size: 24px!important;
        font-weight: 600!important;
        line-height: 130%!important;
    }

    .h2_blog {
        font-size: 20px!important;
        font-weight: 600!important;
        line-height: 130%!important;
    }

    .h3_blog {
        font-size: 18px!important;
        font-weight: 600!important;
        line-height: 130%!important;
    }

    .h4_blog {
        font-size: 16px!important;
        font-weight: 600!important;
        line-height: 140%!important;
    }

    .h5_blog {
        font-size: 16px!important;
        font-weight: 600!important;
        line-height: 140%!important;
    }

    .h6_blog {
        font-size: 14px!important;
        font-weight: 600!important;
        line-height: 140%!important;
    }

}