﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote::before, blockquote::after, q::before, q::after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*:focus {
    outline: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    transition: all .25s
}

a:hover {
    color: #00997a
}

body {
    color: #003267;
    display: flex;
    flex-direction: column;
    font: 1rem/1.35 "Plus Jakarta Sans", Arial;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

body.no-scroll {
    overflow: hidden
}

button {
    color: inherit;
    cursor: pointer;
    font-family: "Plus Jakarta Sans", Arial;
    transition: all .25s
}

h1, .h1 {
    font: 3.75rem/1.18 "DM Serif Display", Arial
}

h2, .h2 {
    font: 2.75rem/1.2 "DM Serif Display", Arial
}

h3, .h3 {
    font: 1.5rem/1.2 "DM Serif Display", Arial
}

h4, .h4 {
    font: 1.25rem/1.2 "DM Serif Display", Arial
}

h5, .h5 {
    font: 1.125rem/1.2 "DM Serif Display", Arial
}

h6, .h6 {
    font: 1.125rem/1.2 "DM Serif Display", Arial
}

hr {
    border: 0;
    border-top: 1px dotted #00997a;
    height: 1px;
    margin: 0 auto;
    width: 100%
}

html {
    scroll-behavior: smooth
}

img {
    max-width: 100%
}

iframe {
    max-width: 100%
}

input {
    color: #003267;
    font: 1rem/1.2 "Plus Jakarta Sans", Arial
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield
}

label {
    cursor: pointer
}

select {
    color: #003267;
    font: 1rem/1.2 "Plus Jakarta Sans", Arial
}

small {
    font-size: .85rem
}

textarea {
    color: #003267;
    cursor: pointer;
    font: 1rem/1.2 "Plus Jakarta Sans", Arial
}

@media (max-width: 1399px) {
    h1, .h1 {
        font-size: 3rem
    }

    h2, .h2 {
        font-size: 2rem
    }
}

@media (max-width: 1199px) {
    h1, .h1 {
        font-size: 2.5rem
    }

    h2, .h2 {
        font-size: 2rem
    }
}

@media (max-width: 991px) {
    html {
        font-size: 14px
    }
}

@media (max-width: 575px) {
    h1, .h1 {
        font-size: 2.25rem
    }

    h2, .h2 {
        font-size: 1.75rem
    }
}

@media (max-width: 399px) {
    h1, .h1 {
        font-size: 1.75rem
    }

    h2, .h2 {
        font-size: 1.5rem
    }

    h3, .h3 {
        font-size: 1.25rem
    }

    h4, .h4 {
        font-size: 1.125rem
    }
}

.benefits {
    background: #003267;
    color: hsla(0, 0%, 100%, .6);
    font-size: .9375rem;
    font-weight: 500;
    padding: 4.75rem 0 5.625rem
}

.benefits__container {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 80.625rem;
    width: 90vw
}

.benefits__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.benefits__strong {
    background-clip: text;
    background-image: linear-gradient(111deg, #00C49A, #F0A830);
    color: rgba(0, 0, 0, 0);
    font: 400 3.1875rem "DM Serif Display", Arial
}

@media (max-width: 767px) {
    .benefits__container {
        display: grid;
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 399px) {
    .benefits {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .benefits__container {
        gap: 1rem 2rem
    }

    .benefits__strong {
        font-size: 2.5rem
    }
}

.button {
    align-items: center;
    background: #00997a;
    border: .125rem solid rgba(0, 0, 0, 0);
    border-radius: 1.5625rem;
    color: #fff;
    display: flex;
    flex-shrink: 0;
    font-size: .875rem;
    font-weight: 700;
    gap: .5rem;
    justify-content: center;
    line-height: 1.4;
    min-height: 3.125rem;
    padding: .5rem 1.625rem
}

.button .icon {
    font-size: 1rem;
    line-height: 1
}

.button:hover {
    background-color: #00c49a;
    color: #fff
}

.buttondisabled, .button[disabled] {
    background: rgba(74, 85, 104, .5);
    border-color: rgba(0, 0, 0, 0);
    color: #fff;
    cursor: not-allowed
}

.button--outline {
    background: #fff;
    border-color: #00997a;
    color: #00997a
}

.button--outline:hover {
    background: #00997a
}

@media (max-width: 1399px) {
    .button {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (max-width: 399px) {
    .button {
        min-height: 2rem;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.caption {
    color: #00c49a;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .125em;
    line-height: 1.7;
    text-transform: uppercase
}

.caption::before {
    content: "";
    font: 1rem "icomoon";
    margin-right: .25rem
}

.description {
    display: grid;
    gap: 3.75rem;
    grid-template-columns:1fr 25.625rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 80.625rem;
    padding-bottom: 8rem;
    width: 90vw
}

.description p {
    color: #4a5568
}

.description__benefits {
    background: #f7fafc;
    border-radius: 0 0 1.25rem 1.25rem;
    box-shadow: 0 .125rem 0 0 #edf2f7 inset, 0 1.25rem 2.5rem 0 rgba(0, 29, 61, .2);
    display: flex;
    flex-direction: column;
    gap: .5rem;
    grid-column-start: 1;
    grid-row-start: 1;
    padding: 2.25rem 2.25rem 1rem;
    position: relative
}

.description__benefits-list {
    color: #718096;
    font-size: .9375rem;
    font-weight: 500
}

.description__benefits-list li {
    border-top: 2px solid #edf2f7;
    padding: .875rem 0 .875rem 1.625rem;
    position: relative
}

.description__benefits-list li:first-child {
    border-top: 0
}

.description__benefits-list li::before {
    color: #00997a;
    content: "";
    font: .75rem "icomoon";
    left: 0;
    position: absolute;
    top: 1rem
}

.description__box {
    background: #f7fafc;
    border: 1px solid #edf2f7;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    font-size: .9375rem;
    gap: .5rem;
    line-height: 1.73;
    padding: 1.5rem 1.5rem 1.5rem 5.75rem;
    position: relative
}

.description__box-icon {
    align-items: center;
    background: #e6f7f3;
    border-radius: .875rem;
    display: flex;
    font-size: 1.5rem;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem
}

.description__box-icon--blue {
    background: rgba(10, 74, 138, .2)
}

.description__box-icon--orange {
    background: rgba(232, 96, 76, .2)
}

.description__box-icon--purple {
    background: rgba(139, 92, 246, .2)
}

.description__box-icon--yellow {
    background: rgba(240, 168, 48, .2)
}

.description__box-icon img {
    width: 1em
}

@media (max-width: 399px) {
    .description__box-icon {
        border-radius: .5rem;
        font-size: 1.25rem;
        height: 2.5rem;
        width: 2.5rem
    }
}

.description__box-icon {
    left: 1.5rem;
    position: absolute;
    top: 1.5rem
}

.description__content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 6rem
}

@media (min-width: 1199px) {
    .description__content h2 {
        font-size: 2.3125rem
    }
}

.description__grid {
    border-bottom: 2px solid #f7fafc;
    display: grid;
    gap: .625rem;
    grid-template-columns:repeat(2, 1fr);
    margin-bottom: 1rem;
    padding-bottom: 1.625rem
}

.description__header {
    border-bottom: 2px solid #f7fafc;
    display: flex;
    flex-direction: column;
    font-size: 1.0625rem;
    gap: 1.5rem;
    line-height: 1.82;
    padding-bottom: 1.5rem
}

.description__heading {
    font: 700 .875rem "Plus Jakarta Sans", Arial;
    text-transform: uppercase
}

.description__highlight {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    margin-top: 2.5rem
}

.description__highlight-icon {
    align-items: center;
    background: #e6f7f3;
    border-radius: .875rem;
    display: flex;
    font-size: 1.5rem;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem
}

.description__highlight-icon--blue {
    background: rgba(10, 74, 138, .2)
}

.description__highlight-icon--orange {
    background: rgba(232, 96, 76, .2)
}

.description__highlight-icon--purple {
    background: rgba(139, 92, 246, .2)
}

.description__highlight-icon--yellow {
    background: rgba(240, 168, 48, .2)
}

.description__highlight-icon img {
    width: 1em
}

@media (max-width: 399px) {
    .description__highlight-icon {
        border-radius: .5rem;
        font-size: 1.25rem;
        height: 2.5rem;
        width: 2.5rem
    }
}

.description__highlight-icon {
    left: 1.5rem;
    position: absolute;
    top: 1.5rem
}

.description__highlight-item {
    background: rgba(0, 153, 122, .2);
    border-left: 4px solid #00997a;
    border-radius: 1.25rem;
    color: #4a5568;
    line-height: 1.62;
    padding: 1.5rem 1.5rem 1.5rem 6.75rem;
    position: relative
}

.description__highlight-item strong {
    color: #003267
}

.description__highlight-item--yellow {
    background: rgba(240, 168, 48, .2);
    border-left-color: #f0a830
}

.description__highlight-item--yellow .description__highlight-icon {
    background: rgba(240, 168, 48, .2)
}

.description__info {
    align-items: start;
    display: grid
}

.description__order {
    align-items: center;
    background: #003267;
    color: #fff;
    border-radius: 1.25rem;
    display: grid;
    gap: 1.25rem;
    grid-template-columns:1fr 14.25rem;
    margin-top: 1.5rem;
    padding: 3.5rem 3rem
}

.description__order p {
    color: hsla(0, 0%, 100%, .6)
}

.description__order .button {
    justify-content: space-between
}

.description__order-text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.description__order-title {
    font-size: 2.3125rem
}

.description__pricing {
    background: #f7fafc;
    border: 1px solid #edf2f7;
    border-radius: 1.25rem;
    color: #003267;
    grid-column-start: 1;
    grid-row-start: 1;
    overflow: hidden;
    position: sticky;
    top: 1rem
}

.description__pricing small {
    color: #718096
}

.description__pricing .button {
    justify-content: space-between
}

.description__pricing-image {
    background: linear-gradient(90deg, #E8604C, #F0A830);
    display: flex;
    height: 12.5rem;
    padding-top: .25rem;
    position: relative
}

.description__pricing-image img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.description__pricing-text {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 2rem 2.25rem
}

.description__pricing-text-info {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.description__pricing-value {
    font: 2.3125rem/1.2 "DM Serif Display", Arial
}

.description__table {
    font-size: 1rem;
    margin-top: 3.375rem
}

.description__table tbody td {
    border-bottom: 2px solid #f7fafc;
    color: #4a5568;
    padding: .5rem 1.5rem .5rem 0
}

.description__table tbody td:first-child {
    padding-left: 1.5rem
}

.description__table thead th {
    background: #003267;
    color: hsla(0, 0%, 100%, .6);
    padding: .5rem 1.5rem .5rem 0;
    text-align: left
}

.description__table thead th:first-child {
    border-top-left-radius: 1.25rem;
    padding-left: 1.5rem
}

.description__table thead th:last-child {
    border-top-right-radius: 1.25rem
}

.description__collapse-toggler .icon {
    transition: transform .25s
}

.description__collapse.active .description__collapse-toggler .icon {
    transform: rotate(180deg)
}

@media (max-width: 1199px) {
    .description {
        grid-template-columns:1fr 20rem;
        padding-bottom: 4rem
    }

    .description__benefits {
        padding: 1.5rem
    }

    .description__box {
        padding: 5rem 1rem 1rem 1rem
    }

    .description__box-icon {
        left: 1rem;
        top: 1rem
    }

    .description__content {
        padding-top: 4rem
    }

    .description__header {
        font-size: 1rem
    }

    .description__order {
        gap: 1rem;
        grid-template-columns:1fr auto;
        padding: 1.5rem
    }

    .description__order-title {
        font-size: 1.75rem
    }

    .description__pricing-text {
        padding: 1.5rem
    }

    .description__table tbody td {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .description__table thead th {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

@media (max-width: 767px) {
    .description {
        grid-template-columns:none
    }

    .description__info {
        display: none
    }
}

@media (max-width: 399px) {
    .description {
        padding-bottom: 3rem
    }

    .description__box {
        padding: 1rem 1rem 1rem 4.5rem
    }

    .description__content {
        padding-top: 3rem
    }

    .description__highlight-icon {
        left: .75rem;
        top: 1rem
    }

    .description__highlight-item {
        padding: 1rem 1rem 1rem 4.5rem
    }

    .description__grid {
        grid-template-columns:none
    }

    .description__order {
        grid-template-columns:none
    }

    .description__table {
        font-size: .875rem;
        margin-top: 2rem
    }

    .description__table tbody td, .description__table thead th {
        padding: 1rem 1rem 1rem 0
    }

    .description__table tbody td:first-child, .description__table thead th:first-child {
        padding-left: 1rem
    }

    .description__table tbody td:last-child, .description__table thead th:last-child {
        padding-right: 0
    }
}

.faq {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    padding-bottom: 7.5rem;
    padding-top: 6.5rem
}

.faq__collapse {
    display: none;
    padding: 0 4rem 1.75rem 2rem;
    position: relative;
    text-align: left
}

.faq__container {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    margin: 0 auto;
    max-width: 47rem;
    width: 90vw
}

.faq__header {
    align-items: center;
    color: #001d3d;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center
}

.faq__header p {
    color: #4a5568;
    line-height: 1.7
}

.faq__item {
    background: #fff;
    border: .125rem solid #edf2f7;
    border-radius: .6875rem;
    box-shadow: 0 1.25rem 2.5rem -0.5rem rgba(0, 29, 61, .2);
    display: flex;
    flex-direction: column;
    margin-bottom: .625rem;
    transition: background .25s
}

.faq__item:hover {
    background: #edf2f7
}

.faq__item.active .faq__toggler::after {
    transform: rotate(180deg)
}

.faq__toggler {
    background: rgba(0, 0, 0, 0);
    border: 0;
    display: flex;
    font: 600 1rem "Plus Jakarta Sans", Arial;
    gap: 1rem;
    padding: 1.5rem 4rem 1.5rem 2rem;
    position: relative;
    text-align: left
}

.faq__toggler::after {
    color: #718096;
    content: "";
    font: 1.375rem "icomoon";
    position: absolute;
    right: 2rem;
    transition: transform .25s
}

@media (max-width: 1199px) {
    .faq {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 399px) {
    .faq {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .faq__collapse {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .faq__container {
        gap: 2rem
    }

    .faq__toggler {
        padding-left: 1rem;
        padding-right: 2.5rem
    }

    .faq__toggler::after {
        right: 1rem
    }
}

.footer {
    background: #003267;
    color: #fff;
    padding-bottom: 2rem;
    padding-top: 6.25rem
}

.footer__bottom {
    align-items: center;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    padding-top: 3rem;
    position: relative
}

.footer__bottom::before {
    background: linear-gradient(90deg, transparent, #EDF2F7, transparent);
    content: "";
    height: 1px;
    left: 0;
    opacity: .15;
    position: absolute;
    top: 0;
    right: 0
}

.footer__box {
    align-items: flex-start;
    background: hsla(0, 0%, 100%, .06);
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: .75rem;
    display: flex;
    flex-direction: column;
    line-height: 1.6;
    padding: 1.875rem 1.875rem 1.875rem 6.375rem;
    position: relative
}

.footer__box p a {
    color: #00c49a;
    text-decoration: underline
}

.footer__box p a:hover {
    text-decoration: none
}

.footer__box-icon {
    align-items: center;
    background: rgba(0, 153, 122, .2);
    border-radius: .875rem;
    display: flex;
    font-size: 1.5rem;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem
}

.footer__box-icon--blue {
    background: rgba(10, 74, 138, .2)
}

.footer__box-icon--orange {
    background: rgba(232, 96, 76, .2)
}

.footer__box-icon--purple {
    background: rgba(139, 92, 246, .2)
}

.footer__box-icon--yellow {
    background: rgba(240, 168, 48, .2)
}

.footer__box-icon img {
    width: 1em
}

@media (max-width: 399px) {
    .footer__box-icon {
        border-radius: .5rem;
        font-size: 1.25rem;
        height: 2.5rem;
        width: 2.5rem
    }
}

.footer__box-icon {
    left: 1.875rem;
    position: absolute;
    top: 1.875rem
}

.footer__box-title {
    font: 700 .9375rem/1.6 "Plus Jakarta Sans", Arial;
    margin-bottom: .25rem
}

.footer__box .button {
    margin-top: .75rem
}

.footer__column {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.footer__contact {
    display: grid;
    gap: 3.25rem;
    grid-template-columns:repeat(2, 1fr)
}

.footer__container {
    display: flex;
    flex-direction: column;
    gap: 6.25rem;
    margin: 0 auto;
    max-width: 80.625rem;
    width: 90vw
}

.footer__header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.footer__header p {
    line-height: 1.7
}

.footer__info {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.footer__logos {
    align-items: flex-end;
    display: flex;
    gap: .75rem 1.25rem
}

.footer__logos-item {
    display: flex
}

.footer__logos-item:nth-child(1) {
    width: 7.5rem
}

.footer__logos-item:nth-child(2) {
    border-left: 1px solid hsla(0, 0%, 100%, .2);
    padding-left: 1.25rem;
    width: 14.375rem
}

.footer__map {
    border-radius: 1.125rem;
    display: flex;
    margin-top: auto;
    overflow: hidden;
    padding-bottom: 66%;
    position: relative
}

.footer__map iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.footer__nav {
    color: hsla(0, 0%, 100%, .5);
    display: flex;
    flex-wrap: wrap;
    font-size: .875rem;
    gap: .5rem 1.625rem
}

@media (max-width: 1199px) {
    .footer {
        padding-top: 5rem
    }

    .footer__box {
        padding: 1rem 1rem 1rem 6rem
    }

    .footer__box-icon {
        left: 1rem;
        top: 1rem
    }

    .footer__contact {
        grid-template-columns:1fr 22rem
    }

    .footer__container {
        gap: 4rem
    }
}

@media (max-width: 767px) {
    .footer__bottom {
        flex-direction: column
    }

    .footer__contact {
        grid-template-columns:none
    }

    .footer__logos-item:nth-child(1) {
        width: 6rem
    }

    .footer__logos-item:nth-child(2) {
        width: 12rem
    }
}

@media (max-width: 399px) {
    .footer {
        padding-top: 3rem
    }

    .footer__box {
        padding-left: 4.5rem
    }
}

.hero {
    background-color: #000;
    color: #fff;
    padding-top: 5.5rem;
    position: relative
}

.hero::before {
    background: linear-gradient(90deg, #f52948, #F0A830);
    bottom: 0;
    content: "";
    left: 0;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 0
}

.hero--lifestyle::before {
    background: linear-gradient(90deg, #00997A, #00C49A)
}

.hero--lifestyle .hero__pricing-image {
    background: linear-gradient(90deg, #00997A, #00C49A)
}

.hero--longevity::before {
    background: linear-gradient(90deg, #003267, #0A4A8A)
}

.hero--longevity .hero__pricing-image {
    background: linear-gradient(90deg, #003267, #0A4A8A)
}

.hero--onco::before {
    background: linear-gradient(90deg, #8B5CF6, #EC4899)
}

.hero--onco .hero__pricing-image {
    background: linear-gradient(90deg, #8B5CF6, #EC4899)
}

.hero__container {
    align-items: end;
    display: grid;
    gap: 0 3.75rem;
    grid-template-columns:1fr 25.625rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 80.625rem;
    position: relative;
    width: 90vw
}

.hero__content {
    display: flex;
    flex-direction: column;
    font-size: 1.3125rem;
    line-height: 1.62;
    gap: 1.75rem;
    padding-bottom: 5.5rem
}

.hero__info {
    display: grid;
    gap: .625rem;
    grid-template-columns:repeat(3, 1fr)
}

.hero__info-heading {
    color: #fff;
    font-size: 1.25rem
}

.hero__info-icon {
    align-items: center;
    background: rgba(232, 96, 76, .2);
    border-radius: .875rem;
    display: flex;
    font-size: 1.5rem;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem
}

.hero__info-icon--blue {
    background: rgba(10, 74, 138, .2)
}

.hero__info-icon--orange {
    background: rgba(232, 96, 76, .2)
}

.hero__info-icon--purple {
    background: rgba(139, 92, 246, .2)
}

.hero__info-icon--yellow {
    background: rgba(240, 168, 48, .2)
}

.hero__info-icon img {
    width: 1em
}

@media (max-width: 399px) {
    .hero__info-icon {
        border-radius: .5rem;
        font-size: 1.25rem;
        height: 2.5rem;
        width: 2.5rem
    }
}

.hero__info-icon {
    left: 1.5rem;
    position: absolute;
    top: 1.5rem
}

.hero__info-item {
    background: hsla(0, 0%, 100%, .06);
    backdrop-filter: blur(0.625rem);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 1.25rem;
    color: hsla(0, 0%, 100%, .55);
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 500;
    gap: .25rem;
    padding: 1.5rem 1.25rem 1.5rem 5.75rem;
    position: relative
}

.hero__nav {
    display: flex;
    flex-wrap: wrap;
    font-size: .875rem;
    font-weight: 600;
    gap: 1rem
}

.hero__nav .icon {
    font-size: 1rem
}

.hero__nav-item {
    align-items: center;
    display: flex;
    gap: .5rem
}

.hero__nav-item--label {
    background: hsla(0, 0%, 100%, .1);
    backdrop-filter: blur(0.25rem);
    border: 2px solid hsla(0, 0%, 100%, .15);
    border-radius: 1.375rem;
    padding: .5rem 1.375rem
}

.hero__pricing {
    background: #f7fafc;
    border-radius: 1.25rem 1.25rem 0 0;
    color: #003267;
    overflow: hidden
}

.hero__pricing small {
    color: #718096
}

.hero__pricing .button {
    justify-content: space-between
}

.hero__pricing-benefits {
    background: #fff;
    display: none;
    flex-direction: column;
    gap: .5rem;
    grid-column-start: 1;
    grid-row: span 2/1;
    padding: 2.25rem 2.25rem 1rem;
    position: relative
}

.hero__pricing-benefits-list {
    color: #718096;
    font-size: .9375rem;
    font-weight: 500;
    margin-top: auto
}

.hero__pricing-benefits-list li {
    border-top: 2px solid #edf2f7;
    padding: .875rem 0 .875rem 1.625rem;
    position: relative
}

.hero__pricing-benefits-list li:first-child {
    border-top: 0
}

.hero__pricing-benefits-list li::before {
    color: #00997a;
    content: "";
    font: .75rem "icomoon";
    left: 0;
    position: absolute;
    top: 1rem
}

.hero__pricing-image {
    background: linear-gradient(90deg, #f52948, #F0A830);
    display: flex;
    height: 12.5rem;
    padding-top: .25rem;
    position: relative
}

.hero__pricing-image img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.hero__pricing-text {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 2rem 2.25rem
}

.hero__pricing-text-info {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.hero__pricing-value {
    font: 2.3125rem/1.2 "DM Serif Display", Arial
}

@media (max-width: 1199px) {
    .hero {
        padding-top: 4rem
    }

    .hero__container {
        grid-template-columns:1fr 20rem
    }

    .hero__content {
        font-size: 1rem;
        padding-bottom: 4rem
    }

    .hero__info-icon {
        left: 1rem;
        top: 1rem
    }

    .hero__info-item {
        padding: 5rem 1rem 1rem 1rem
    }

    .hero__pricing-text {
        padding: 1.5rem
    }
}

@media (max-width: 767px) {
    .hero__container {
        grid-template-columns:none;
        padding-bottom: 4rem
    }

    .hero__pricing {
        border-radius: 1.25rem;
        display: grid;
        grid-template-columns:1fr 20rem
    }

    .hero__pricing-benefits {
        display: flex
    }

    .hero__pricing-image {
        height: 8rem
    }
}

@media (max-width: 575px) {
    .hero__info {
        grid-template-columns:none
    }

    .hero__info-item {
        padding-left: 5rem;
        padding-top: 1rem
    }

    .hero__pricing {
        grid-template-columns:1fr minmax(0, 16rem)
    }

    .hero__pricing-benefits {
        padding: 1.5rem
    }
}

@media (max-width: 399px) {
    .hero {
        padding-top: 3rem
    }

    .hero__container {
        padding-bottom: 3rem
    }

    .hero__content {
        padding-bottom: 3rem
    }

    .hero__info-item {
        padding-left: 4.5rem
    }

    .hero__pricing {
        grid-template-columns:minmax(0, 1fr)
    }

    .hero__pricing-benefits {
        grid-column: auto;
        grid-row: auto;
        order: 2
    }

    .hero__pricing-benefits-list li {
        padding-bottom: .5rem;
        top: .5rem
    }

    .hero__pricing-value {
        font-size: 1.75rem
    }
}

.intro {
    background: #003267;
    align-items: center;
    color: hsla(0, 0%, 100%, .75);
    display: flex;
    font-size: 1.3125rem;
    gap: 4.25rem;
    min-height: 100svh;
    justify-content: flex-end;
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
    position: relative
}

.intro h1 {
    color: #fff
}

.intro h2 {
    color: #fff;
    font-size: 2.3125rem
}

.intro p {
    line-height: 1.6
}

.intro .button--outline {
    background: hsla(0, 0%, 100%, .08);
    border-color: hsla(0, 0%, 100%, .2);
    color: #fff
}

.intro__benefits {
    color: hsla(0, 0%, 100%, .55);
    display: grid;
    font-size: .9375rem;
    font-weight: 600;
    gap: 1rem;
    grid-template-columns:repeat(2, 1fr)
}

.intro__benefits p {
    line-height: 1.46
}

.intro__benefits-icon {
    align-items: center;
    background: rgba(0, 153, 122, .2);
    border-radius: .875rem;
    display: flex;
    font-size: 1.5rem;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem
}

.intro__benefits-icon--blue {
    background: rgba(10, 74, 138, .2)
}

.intro__benefits-icon--orange {
    background: rgba(232, 96, 76, .2)
}

.intro__benefits-icon--purple {
    background: rgba(139, 92, 246, .2)
}

.intro__benefits-icon--yellow {
    background: rgba(240, 168, 48, .2)
}

.intro__benefits-icon img {
    width: 1em
}

@media (max-width: 399px) {
    .intro__benefits-icon {
        border-radius: .5rem;
        font-size: 1.25rem;
        height: 2.5rem;
        width: 2.5rem
    }
}

.intro__benefits-item {
    background: hsla(0, 0%, 100%, .06);
    backdrop-filter: blur(10px);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 2rem 1.625rem
}

.intro__benefits-item--highlight {
    grid-column: span 2
}

.intro__bg {
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.intro__bg img, .intro__bg video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.intro__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1.125rem;
    margin-top: .875rem
}

.intro__container {
    align-items: center;
    display: grid;
    gap: 3rem 1.875rem;
    grid-template-columns:repeat(2, 1fr);
    margin-left: auto;
    margin-right: auto;
    max-width: 80.625rem;
    position: relative;
    width: 90vw
}

.intro__text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1.875rem
}

@media (max-width: 1199px) {
    .intro {
        font-size: 1.125rem
    }

    .intro h2 {
        font-size: 1.5rem
    }

    .intro__benefits-item {
        padding: 1rem
    }
}

@media (max-width: 991px) {
    .intro {
        padding-top: 10rem
    }

    .intro__benefits {
        grid-template-columns:3fr 2fr 2fr
    }

    .intro__benefits-item--highlight {
        grid-column: auto
    }

    .intro__container {
        grid-template-columns:none
    }

    .intro__text {
        max-width: 40rem
    }
}

@media (max-width: 767px) {
    .intro h2 {
        font-size: 1.25rem
    }
}

@media (max-width: 575px) {
    .intro {
        padding-bottom: 3rem
    }

    .intro__benefits {
        grid-template-columns:1fr 1fr
    }

    .intro__benefits-item--highlight {
        grid-column: span 2
    }
}

@media (max-width: 399px) {
    .intro {
        font-size: 1rem
    }

    .intro h2 {
        font-size: 1.125rem
    }

    .intro__benefits {
        gap: .75rem;
        grid-template-columns:none
    }

    .intro__benefits-icon {
        left: .75rem;
        position: absolute;
        top: .75rem
    }

    .intro__benefits-item {
        padding: .75rem .75rem .75rem 4.5rem;
        position: relative
    }

    .intro__benefits-item--highlight {
        grid-column: auto
    }

    .intro__buttons {
        gap: .5rem
    }

    .intro__container {
        gap: 2rem
    }

    .intro__text {
        gap: 1rem
    }
}

.offer {
    padding: 6.25rem 0
}

.offer--bg {
    background: #f7fafc;
    position: relative
}

.offer--bg::before {
    background: linear-gradient(90deg, transparent, #EDF2F7, transparent);
    content: "";
    height: .125rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.offer__box {
    background: #f7fafc;
    border: .125rem solid #edf2f7;
    border-radius: 1.25rem;
    box-shadow: 0 1.25rem 2.5rem -0.5rem rgba(0, 29, 61, .2);
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 2.25rem
}

.offer__box:is(a):hover {
    box-shadow: 0 1.25rem 2.5rem -0.5rem rgba(0, 29, 61, .4)
}

.offer__box p {
    color: #4a5568;
    line-height: 1.6
}

.offer__box-icon {
    align-items: center;
    background: rgba(0, 153, 122, .2);
    border-radius: .875rem;
    display: flex;
    font-size: 1.5rem;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem
}

.offer__box-icon--blue {
    background: rgba(10, 74, 138, .2)
}

.offer__box-icon--orange {
    background: rgba(232, 96, 76, .2)
}

.offer__box-icon--purple {
    background: rgba(139, 92, 246, .2)
}

.offer__box-icon--yellow {
    background: rgba(240, 168, 48, .2)
}

.offer__box-icon img {
    width: 1em
}

@media (max-width: 399px) {
    .offer__box-icon {
        border-radius: .5rem;
        font-size: 1.25rem;
        height: 2.5rem;
        width: 2.5rem
    }
}

.offer__container {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    margin: 0 auto;
    max-width: 80.625rem;
    width: 90vw
}

.offer__grid {
    display: grid;
    gap: 1rem 2rem;
    grid-template-columns:repeat(3, 1fr)
}

.offer__header {
    align-items: center;
    color: #001d3d;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.offer__header-titles {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 1.5rem
}

.offer__header:has(.button) {
    align-items: flex-end;
    flex-direction: row
}

@media (max-width: 1199px) {
    .offer {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 767px) {
    .offer__box {
        padding: 2rem;
        position: relative
    }

    .offer__box-icon {
        left: 1.25rem;
        position: absolute;
        top: 1.25rem
    }

    .offer__box-title {
        padding-bottom: 1rem;
        padding-left: 4rem
    }

    .offer__grid {
        grid-template-columns:none
    }

    .offer__header {
        align-items: center;
        flex-direction: column;
        text-align: center
    }

    .offer__header-titles {
        gap: 1rem
    }
}

@media (max-width: 399px) {
    .offer {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .offer__box {
        padding: 1.5rem
    }

    .offer__box-title {
        padding-left: 3rem;
        padding-top: .25rem
    }

    .offer__container {
        gap: 2rem
    }
}

.programs {
    background: #f7fafc;
    border: .125rem solid #edf2f7;
    padding: 8.25rem 0
}

.programs__box {
    background: #fff;
    border: .125rem solid #edf2f7;
    border-radius: 1.25rem;
    box-shadow: 0 1.25rem 2.5rem -0.5rem rgba(0, 29, 61, .2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.programs__box:hover {
    box-shadow: 0 1.25rem 2.5rem -0.5rem rgba(0, 29, 61, .4)
}

.programs__box p {
    color: #4a5568;
    line-height: 1.6
}

.programs__box-icon {
    align-items: center;
    background: #fff;
    border-radius: .875rem;
    display: flex;
    font-size: 1.5rem;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem
}

.programs__box-icon--blue {
    background: rgba(10, 74, 138, .2)
}

.programs__box-icon--orange {
    background: rgba(232, 96, 76, .2)
}

.programs__box-icon--purple {
    background: rgba(139, 92, 246, .2)
}

.programs__box-icon--yellow {
    background: rgba(240, 168, 48, .2)
}

.programs__box-icon img {
    width: 1em
}

@media (max-width: 399px) {
    .programs__box-icon {
        border-radius: .5rem;
        font-size: 1.25rem;
        height: 2.5rem;
        width: 2.5rem
    }
}

.programs__box-icon {
    left: 2.25rem;
    position: absolute;
    top: 3rem
}

.programs__box-image {
    background: linear-gradient(90deg, #E8604C, #F0A830);
    display: flex;
    height: 12.75rem;
    overflow: hidden;
    padding-top: .25rem
}

.programs__box-image img {
    height: 100%;
    object-fit: cover;
    transition: transform .25s;
    transform-origin: 50% 0;
    width: 100%
}

.programs__box-image:hover img {
    transform: scale(1.1)
}

.programs__box-label {
    background: #fff;
    border-radius: 1rem;
    color: #e8604c;
    font-size: .75rem;
    font-weight: 700;
    left: 2.25rem;
    padding: .4375rem .875rem;
    position: absolute;
    top: 8rem;
    text-transform: uppercase
}

.programs__box-link {
    color: #00997a;
    font-size: .9375rem;
    font-weight: 700
}

.programs__box-link .icon {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1;
    margin-left: .25rem;
    transform: translateY(-0.125rem);
    vertical-align: middle
}

.programs__box-footer {
    align-items: center;
    border-top: 2px solid #edf2f7;
    display: flex;
    gap: .75rem;
    padding: 1.375rem 2.25rem
}

.programs__box-price {
    color: #718096;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    font-size: .8125rem;
    font-weight: 500
}

.programs__box-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: .75rem;
    padding: 2rem 2.25rem
}

.programs__box:nth-child(2) .programs__box-image {
    background: linear-gradient(90deg, #8B5CF6, #EC4899)
}

.programs__box:nth-child(2) .programs__box-label {
    color: #8b5cf6
}

.programs__box:nth-child(3) .programs__box-image {
    background: linear-gradient(90deg, #00997A, #00C49A)
}

.programs__box:nth-child(3) .programs__box-label {
    color: #00997a
}

.programs__box:nth-child(4) .programs__box-image {
    background: linear-gradient(90deg, #003267, #0A4A8A)
}

.programs__box:nth-child(4) .programs__box-label {
    color: #003267
}

.programs__container {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    margin: 0 auto;
    max-width: 80.625rem;
    width: 90vw
}

.programs__grid {
    display: grid;
    gap: 2rem;
    grid-template-columns:repeat(2, 1fr)
}

.programs__header {
    align-items: center;
    color: #001d3d;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center
}

.programs__header p {
    color: #4a5568;
    line-height: 1.7
}

.programs__list {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .625rem;
    margin-top: auto;
    padding-top: 1.25rem
}

.programs__list-item {
    background: #f7fafc;
    border-radius: 1.125rem;
    color: #4a5568;
    display: flex;
    font-size: .8125rem;
    font-weight: 600;
    gap: .5rem;
    padding: .5rem 1rem
}

.programs__list-item::before {
    color: #00997a;
    content: "";
    font: .9375rem "icomoon"
}

@media (max-width: 1199px) {
    .programs {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 767px) {
    .programs__box-footer {
        padding: 1rem 1.5rem
    }

    .programs__box-icon {
        left: 1rem;
        top: 1rem
    }

    .programs__box-label {
        left: 1rem;
        top: 5rem
    }

    .programs__box-text {
        padding: 1.5rem
    }

    .programs__grid {
        gap: 1rem
    }

    .programs__list {
        padding-top: 0
    }
}

@media (max-width: 575px) {
    .programs__grid {
        grid-template-columns:none
    }
}

@media (max-width: 399px) {
    .programs {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .programs__box-label {
        top: 4rem
    }

    .programs__container {
        gap: 2rem
    }
}

.steps {
    padding: 8.25rem 0
}

.steps__container {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    margin: 0 auto;
    max-width: 80.625rem;
    width: 90vw
}

.steps__content {
    counter-reset: step;
    display: grid;
    gap: 2rem;
    grid-template-columns:repeat(4, 1fr);
    position: relative
}

.steps__content::before {
    background: linear-gradient(111deg, #00C49A, #F0A830);
    content: "";
    height: .125rem;
    left: 12%;
    position: absolute;
    right: 12%;
    top: 2.625rem
}

.steps__header {
    align-items: center;
    color: #001d3d;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center
}

.steps__header p {
    color: #4a5568;
    line-height: 1.7
}

.steps__icon {
    align-items: center;
    background: #fff;
    border-radius: .875rem;
    display: flex;
    font-size: 1.5rem;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem
}

.steps__icon--blue {
    background: rgba(10, 74, 138, .2)
}

.steps__icon--orange {
    background: rgba(232, 96, 76, .2)
}

.steps__icon--purple {
    background: rgba(139, 92, 246, .2)
}

.steps__icon--yellow {
    background: rgba(240, 168, 48, .2)
}

.steps__icon img {
    width: 1em
}

@media (max-width: 399px) {
    .steps__icon {
        border-radius: .5rem;
        font-size: 1.25rem;
        height: 2.5rem;
        width: 2.5rem
    }
}

.steps__icon {
    border: 4px solid #edf2f7;
    border-radius: 50%;
    font-size: 2rem;
    height: 5.375rem;
    margin-bottom: 1rem;
    position: relative;
    width: 5.375rem
}

.steps__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    position: relative;
    text-align: center
}

.steps__item h3::before {
    content: counter(step) ". ";
    counter-increment: step
}

.steps__item p {
    color: #4a5568;
    font-size: .9375rem;
    line-height: 1.7
}

@media (max-width: 1199px) {
    .steps {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 767px) {
    .steps__content {
        grid-template-columns:none
    }

    .steps__content::before {
        bottom: 12%;
        height: auto;
        left: 2.625rem;
        right: auto;
        top: 12%;
        width: .125rem
    }

    .steps__icon {
        left: 0;
        position: absolute;
        top: 0
    }

    .steps__item {
        align-items: flex-start;
        justify-content: center;
        min-height: 5.375rem;
        padding-left: 7rem;
        text-align: left
    }
}

@media (max-width: 399px) {
    .steps {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .steps__container {
        gap: 2rem
    }

    .steps__content::before {
        left: 2rem
    }

    .steps__icon {
        border-width: .1875rem;
        font-size: 1.5rem;
        height: 4rem;
        width: 4rem
    }

    .steps__item {
        gap: .25rem;
        padding-left: 5rem
    }
}

.text {
    display: flex;
    flex-direction: column;
    font-size: .9375rem;
    gap: .75em
}

.text h1, .text h2, .text h3, .text h4, .text h5, .text h6, .text .h1, .text .h2, .text .h3, .text .h4, .text .h5, .text .h6 {
    margin-bottom: .25em;
    margin-top: 1em
}

.text h1:first-child, .text h2:first-child, .text h3:first-child, .text h4:first-child, .text h5:first-child, .text h6:first-child, .text .h1:first-child, .text .h2:first-child, .text .h3:first-child, .text .h4:first-child, .text .h5:first-child, .text .h6:first-child {
    margin-top: 0
}

.text li {
    padding-left: 2rem;
    position: relative
}

.text li::before {
    background: #00997a;
    border-radius: 50%;
    color: #00997a;
    content: "";
    font: 1rem "DM Serif Display", Arial;
    height: .5rem;
    left: 0;
    position: absolute;
    top: .5rem;
    width: .5rem
}

.text ol {
    color: #4a5568;
    counter-reset: list;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    line-height: 1.6
}

.text ol li::before {
    background: rgba(0, 0, 0, 0);
    content: counter(list) ".";
    counter-increment: list;
    top: .125rem
}

.text ol a, .text p a, .text ul a {
    color: #00997a;
    text-decoration: underline
}

.text ol a:hover, .text p a:hover, .text ul a:hover {
    text-decoration: none
}

.text p {
    color: #4a5568;
    line-height: 1.6
}

.text ul {
    color: #4a5568;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    line-height: 1.6
}

.header {
    color: #fff;
    display: flex;
    height: 6.25rem;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: transform .25s;
    z-index: 10
}

.header .button {
    flex-shrink: 0;
    font-size: .9375rem;
    min-height: 2.625rem;
    white-space: nowrap
}

.header--subpage {
    color: #003267;
    position: relative
}

.header--subpage .header__languages-button {
    background: rgba(0, 50, 103, .06);
    border-color: rgba(0, 50, 103, .1)
}

.header--subpage .header__logos::before {
    background-color: rgba(0, 50, 103, .2)
}

.header--subpage .header__toggler {
    color: #003267
}

.header__collapse {
    align-items: center;
    display: flex;
    flex-grow: 1
}

.header__container {
    align-items: center;
    display: flex;
    gap: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 80.625rem;
    width: 90vw
}

.header__languages {
    align-self: end;
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    font-size: .75rem;
    padding-left: 1rem;
    position: relative
}

.header__languages img {
    width: 1rem
}

.header__languages strong {
    font-weight: 600
}

.header__languages-button {
    align-items: center;
    background: hsla(0, 0%, 100%, .06);
    backdrop-filter: blur(0.625rem);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: .5rem;
    color: inherit;
    display: flex;
    font-size: inherit;
    gap: .5rem;
    height: 2.625rem;
    justify-content: center;
    padding: .75rem .875rem;
    position: relative;
    width: 100%
}

.header__languages-button::after {
    content: "";
    font: 1rem/1 "icomoon";
    height: .75rem;
    transition: transform .25s
}

.header__languages-button:hover {
    color: inherit
}

.header__languages-collapse {
    display: none;
    position: absolute;
    top: 100%;
    width: calc(100% - 1rem)
}

.header__languages-list {
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 0 0 .5rem .5rem;
    border-top: 0;
    display: flex;
    flex-direction: column;
    padding: .5rem 0
}

.header__languages-option {
    align-items: center;
    display: flex;
    gap: .5rem;
    line-height: 1;
    padding: .75rem .875rem
}

.header__languages-option:hover {
    color: #00997a
}

.header__languages-overlay {
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.header__languages.active .header__languages-button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: inherit
}

.header__languages.active .header__languages-button::after {
    transform: rotate(-180deg)
}

.header__languages.active .header__languages-overlay {
    bottom: 0
}

.header__logos {
    align-items: center;
    display: flex;
    gap: .75rem 1.25rem;
    transform: translateY(0.125rem)
}

.header__logos::before {
    background: hsla(0, 0%, 100%, .2);
    content: "";
    height: 2rem;
    width: 1px
}

.header__logos-item {
    display: flex
}

.header__logos-item:nth-child(1) {
    order: -1;
    transform: translateY(-0.5rem);
    width: 7.5rem
}

.header__logos-item:nth-child(2) {
    width: 14.875rem
}

.header__nav {
    align-items: center;
    display: flex;
    flex-grow: 1;
    font-size: 1rem;
    font-weight: 600;
    gap: .5rem;
    justify-content: center
}

.header__nav-item {
    align-items: center;
    display: flex;
    padding: .25rem .75rem;
    position: relative
}

.header__nav-item.active {
    background: rgba(0, 153, 122, .4);
    border: 1px solid rgba(0, 153, 122, .4);
    border-radius: 1rem
}

.header__toggler {
    align-self: center;
    background: rgba(0, 0, 0, 0);
    border: 0;
    color: #fff;
    cursor: pointer;
    display: none;
    height: 2.5rem;
    justify-content: center;
    padding: 0;
    position: relative;
    text-align: center;
    width: 2.5rem;
    z-index: 1
}

.header__toggler::after {
    border: 1px solid;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: .75rem;
    transition: all .45s;
    width: 1.5rem
}

.header__toggler::before {
    border: 1px solid;
    bottom: .75rem;
    content: "";
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transition: all .45s;
    width: 1.5rem
}

.header__toggler span {
    border: 1px solid;
    bottom: 0;
    display: block;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .45s;
    width: 1.5rem
}

.header__toggler.active::after {
    transform: rotate(-45deg) translate(-0.3rem, 0.3rem)
}

.header__toggler.active::before {
    transform: rotate(45deg) translate(-0.3rem, -0.3rem)
}

.header__toggler.active span {
    opacity: 0
}

@media (max-width: 1399px) {
    .header {
        height: 8rem
    }

    .header .button {
        font-size: .875rem
    }

    .header__languages {
        border-left: 0;
        padding-left: 0
    }

    .header__languages strong {
        display: none
    }

    .header__languages-collapse {
        width: 100%
    }

    .header__nav {
        font-size: .875rem
    }
}

@media (max-width: 1199px) {
    .header {
        height: 5rem
    }

    .header .button {
        min-height: 2.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .header__collapse {
        background: #003267;
        border-radius: 1rem;
        display: none;
        padding: 2rem;
        position: absolute;
        right: 0;
        text-align: center;
        top: 100%
    }

    .header__languages strong {
        display: inline
    }

    .header__logos {
        margin-right: auto
    }

    .header__nav {
        flex-direction: column;
        gap: 1.5rem;
        margin-bottom: 2rem;
        padding-right: 0
    }

    .header__nav-item {
        padding: 5px
    }

    .header__nav-item--highlight {
        border-color: inherit
    }

    .header__toggler {
        display: block
    }
}

@media (max-width: 575px) {
    .header {
        height: 8rem;
        padding-bottom: .5rem
    }

    .header .button {
        font-size: .75rem;
        min-height: 2rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .header__container {
        align-content: end;
        display: grid;
        gap: 1rem;
        grid-template-columns:auto 1fr;
        justify-items: end
    }

    .header__logos {
        align-items: flex-start;
        flex-direction: column;
        grid-row: span 2
    }

    .header__logos::before {
        content: none
    }

    .header__logos-item:nth-child(1) {
        width: 6rem
    }

    .header__logos-item:nth-child(2) {
        transform: none
    }
}

.color-gradient {
    background-clip: text;
    background-image: linear-gradient(111deg, #00C49A, #F0A830);
    color: rgba(0, 0, 0, 0)
}

.color-primary {
    color: #00997a
}

.color-secondary {
    color: #003267
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.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
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.nowrap {
    white-space: nowrap
}

.pad-0 {
    padding: 0rem
}

.pad-1 {
    padding: .5rem
}

.pad-2 {
    padding: 1rem
}

.pad-3 {
    padding: 1.5rem
}

.pad-4 {
    padding: 2rem
}

.pad-5 {
    padding: 2.5rem
}

.pad-6 {
    padding: 3rem
}

.pad-7 {
    padding: 3.5rem
}

.pad-8 {
    padding: 4rem
}

.pad-9 {
    padding: 4.5rem
}

.pad-10 {
    padding: 5rem
}

.padx-0 {
    padding-left: 0rem;
    padding-right: 0rem
}

.padx-1 {
    padding-left: .5rem;
    padding-right: .5rem
}

.padx-2 {
    padding-left: 1rem;
    padding-right: 1rem
}

.padx-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.padx-4 {
    padding-left: 2rem;
    padding-right: 2rem
}

.padx-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.padx-6 {
    padding-left: 3rem;
    padding-right: 3rem
}

.padx-7 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.padx-8 {
    padding-left: 4rem;
    padding-right: 4rem
}

.padx-9 {
    padding-left: 4.5rem;
    padding-right: 4.5rem
}

.padx-10 {
    padding-left: 5rem;
    padding-right: 5rem
}

.pady-0 {
    padding-top: 0rem;
    padding-bottom: 0rem
}

.pady-1 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.pady-2 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.pady-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.pady-4 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pady-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.pady-6 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.pady-7 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.pady-8 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.pady-9 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

.pady-10 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.padb-0 {
    padding-bottom: 0rem
}

.padb-1 {
    padding-bottom: .5rem
}

.padb-2 {
    padding-bottom: 1rem
}

.padb-3 {
    padding-bottom: 1.5rem
}

.padb-4 {
    padding-bottom: 2rem
}

.padb-5 {
    padding-bottom: 2.5rem
}

.padb-6 {
    padding-bottom: 3rem
}

.padb-7 {
    padding-bottom: 3.5rem
}

.padb-8 {
    padding-bottom: 4rem
}

.padb-9 {
    padding-bottom: 4.5rem
}

.padb-10 {
    padding-bottom: 5rem
}

.padt-0 {
    padding-top: 0rem
}

.padt-1 {
    padding-top: .5rem
}

.padt-2 {
    padding-top: 1rem
}

.padt-3 {
    padding-top: 1.5rem
}

.padt-4 {
    padding-top: 2rem
}

.padt-5 {
    padding-top: 2.5rem
}

.padt-6 {
    padding-top: 3rem
}

.padt-7 {
    padding-top: 3.5rem
}

.padt-8 {
    padding-top: 4rem
}

.padt-9 {
    padding-top: 4.5rem
}

.padt-10 {
    padding-top: 5rem
}

.padl-0 {
    padding-left: 0rem
}

.padl-1 {
    padding-left: .5rem
}

.padl-2 {
    padding-left: 1rem
}

.padl-3 {
    padding-left: 1.5rem
}

.padl-4 {
    padding-left: 2rem
}

.padl-5 {
    padding-left: 2.5rem
}

.padl-6 {
    padding-left: 3rem
}

.padl-7 {
    padding-left: 3.5rem
}

.padl-8 {
    padding-left: 4rem
}

.padl-9 {
    padding-left: 4.5rem
}

.padl-10 {
    padding-left: 5rem
}

.padr-0 {
    padding-right: 0rem
}

.padr-1 {
    padding-right: .5rem
}

.padr-2 {
    padding-right: 1rem
}

.padr-3 {
    padding-right: 1.5rem
}

.padr-4 {
    padding-right: 2rem
}

.padr-5 {
    padding-right: 2.5rem
}

.padr-6 {
    padding-right: 3rem
}

.padr-7 {
    padding-right: 3.5rem
}

.padr-8 {
    padding-right: 4rem
}

.padr-9 {
    padding-right: 4.5rem
}

.padr-10 {
    padding-right: 5rem
}

@media (max-width: 991px) {
    .pad-0-mob {
        padding: 0rem
    }
}

@media (max-width: 991px) {
    .pad-1-mob {
        padding: .5rem
    }
}

@media (max-width: 991px) {
    .pad-2-mob {
        padding: 1rem
    }
}

@media (max-width: 991px) {
    .pad-3-mob {
        padding: 1.5rem
    }
}

@media (max-width: 991px) {
    .pad-4-mob {
        padding: 2rem
    }
}

@media (max-width: 991px) {
    .pad-5-mob {
        padding: 2.5rem
    }
}

@media (max-width: 991px) {
    .pad-6-mob {
        padding: 3rem
    }
}

@media (max-width: 991px) {
    .pad-7-mob {
        padding: 3.5rem
    }
}

@media (max-width: 991px) {
    .pad-8-mob {
        padding: 4rem
    }
}

@media (max-width: 991px) {
    .pad-9-mob {
        padding: 4.5rem
    }
}

@media (max-width: 991px) {
    .pad-10-mob {
        padding: 5rem
    }
}

@media (max-width: 991px) {
    .padx-0-mob {
        padding-left: 0rem;
        padding-right: 0rem
    }
}

@media (max-width: 991px) {
    .padx-1-mob {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

@media (max-width: 991px) {
    .padx-2-mob {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width: 991px) {
    .padx-3-mob {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (max-width: 991px) {
    .padx-4-mob {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width: 991px) {
    .padx-5-mob {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (max-width: 991px) {
    .padx-6-mob {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media (max-width: 991px) {
    .padx-7-mob {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
}

@media (max-width: 991px) {
    .padx-8-mob {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (max-width: 991px) {
    .padx-9-mob {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }
}

@media (max-width: 991px) {
    .padx-10-mob {
        padding-left: 5rem;
        padding-right: 5rem
    }
}

@media (max-width: 991px) {
    .pady-0-mob {
        padding-top: 0rem;
        padding-bottom: 0rem
    }
}

@media (max-width: 991px) {
    .pady-1-mob {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
}

@media (max-width: 991px) {
    .pady-2-mob {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

@media (max-width: 991px) {
    .pady-3-mob {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

@media (max-width: 991px) {
    .pady-4-mob {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media (max-width: 991px) {
    .pady-5-mob {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}

@media (max-width: 991px) {
    .pady-6-mob {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

@media (max-width: 991px) {
    .pady-7-mob {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }
}

@media (max-width: 991px) {
    .pady-8-mob {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media (max-width: 991px) {
    .pady-9-mob {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }
}

@media (max-width: 991px) {
    .pady-10-mob {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 991px) {
    .padb-0-mob {
        padding-bottom: 0rem
    }
}

@media (max-width: 991px) {
    .padb-1-mob {
        padding-bottom: .5rem
    }
}

@media (max-width: 991px) {
    .padb-2-mob {
        padding-bottom: 1rem
    }
}

@media (max-width: 991px) {
    .padb-3-mob {
        padding-bottom: 1.5rem
    }
}

@media (max-width: 991px) {
    .padb-4-mob {
        padding-bottom: 2rem
    }
}

@media (max-width: 991px) {
    .padb-5-mob {
        padding-bottom: 2.5rem
    }
}

@media (max-width: 991px) {
    .padb-6-mob {
        padding-bottom: 3rem
    }
}

@media (max-width: 991px) {
    .padb-7-mob {
        padding-bottom: 3.5rem
    }
}

@media (max-width: 991px) {
    .padb-8-mob {
        padding-bottom: 4rem
    }
}

@media (max-width: 991px) {
    .padb-9-mob {
        padding-bottom: 4.5rem
    }
}

@media (max-width: 991px) {
    .padb-10-mob {
        padding-bottom: 5rem
    }
}

@media (max-width: 991px) {
    .padt-0-mob {
        padding-top: 0rem
    }
}

@media (max-width: 991px) {
    .padt-1-mob {
        padding-top: .5rem
    }
}

@media (max-width: 991px) {
    .padt-2-mob {
        padding-top: 1rem
    }
}

@media (max-width: 991px) {
    .padt-3-mob {
        padding-top: 1.5rem
    }
}

@media (max-width: 991px) {
    .padt-4-mob {
        padding-top: 2rem
    }
}

@media (max-width: 991px) {
    .padt-5-mob {
        padding-top: 2.5rem
    }
}

@media (max-width: 991px) {
    .padt-6-mob {
        padding-top: 3rem
    }
}

@media (max-width: 991px) {
    .padt-7-mob {
        padding-top: 3.5rem
    }
}

@media (max-width: 991px) {
    .padt-8-mob {
        padding-top: 4rem
    }
}

@media (max-width: 991px) {
    .padt-9-mob {
        padding-top: 4.5rem
    }
}

@media (max-width: 991px) {
    .padt-10-mob {
        padding-top: 5rem
    }
}

@media (max-width: 991px) {
    .padl-0-mob {
        padding-left: 0rem
    }
}

@media (max-width: 991px) {
    .padl-1-mob {
        padding-left: .5rem
    }
}

@media (max-width: 991px) {
    .padl-2-mob {
        padding-left: 1rem
    }
}

@media (max-width: 991px) {
    .padl-3-mob {
        padding-left: 1.5rem
    }
}

@media (max-width: 991px) {
    .padl-4-mob {
        padding-left: 2rem
    }
}

@media (max-width: 991px) {
    .padl-5-mob {
        padding-left: 2.5rem
    }
}

@media (max-width: 991px) {
    .padl-6-mob {
        padding-left: 3rem
    }
}

@media (max-width: 991px) {
    .padl-7-mob {
        padding-left: 3.5rem
    }
}

@media (max-width: 991px) {
    .padl-8-mob {
        padding-left: 4rem
    }
}

@media (max-width: 991px) {
    .padl-9-mob {
        padding-left: 4.5rem
    }
}

@media (max-width: 991px) {
    .padl-10-mob {
        padding-left: 5rem
    }
}

@media (max-width: 991px) {
    .padr-0-mob {
        padding-right: 0rem
    }
}

@media (max-width: 991px) {
    .padr-1-mob {
        padding-right: .5rem
    }
}

@media (max-width: 991px) {
    .padr-2-mob {
        padding-right: 1rem
    }
}

@media (max-width: 991px) {
    .padr-3-mob {
        padding-right: 1.5rem
    }
}

@media (max-width: 991px) {
    .padr-4-mob {
        padding-right: 2rem
    }
}

@media (max-width: 991px) {
    .padr-5-mob {
        padding-right: 2.5rem
    }
}

@media (max-width: 991px) {
    .padr-6-mob {
        padding-right: 3rem
    }
}

@media (max-width: 991px) {
    .padr-7-mob {
        padding-right: 3.5rem
    }
}

@media (max-width: 991px) {
    .padr-8-mob {
        padding-right: 4rem
    }
}

@media (max-width: 991px) {
    .padr-9-mob {
        padding-right: 4.5rem
    }
}

@media (max-width: 991px) {
    .padr-10-mob {
        padding-right: 5rem
    }
}

.mar-0 {
    margin: 0rem
}

.mar-1 {
    margin: .5rem
}

.mar-2 {
    margin: 1rem
}

.mar-3 {
    margin: 1.5rem
}

.mar-4 {
    margin: 2rem
}

.mar-5 {
    margin: 2.5rem
}

.mar-6 {
    margin: 3rem
}

.mar-7 {
    margin: 3.5rem
}

.mar-8 {
    margin: 4rem
}

.mar-9 {
    margin: 4.5rem
}

.mar-10 {
    margin: 5rem
}

.marx-0 {
    margin-left: 0rem;
    margin-right: 0rem
}

.marx-1 {
    margin-left: .5rem;
    margin-right: .5rem
}

.marx-2 {
    margin-left: 1rem;
    margin-right: 1rem
}

.marx-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.marx-4 {
    margin-left: 2rem;
    margin-right: 2rem
}

.marx-5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.marx-6 {
    margin-left: 3rem;
    margin-right: 3rem
}

.marx-7 {
    margin-left: 3.5rem;
    margin-right: 3.5rem
}

.marx-8 {
    margin-left: 4rem;
    margin-right: 4rem
}

.marx-9 {
    margin-left: 4.5rem;
    margin-right: 4.5rem
}

.marx-10 {
    margin-left: 5rem;
    margin-right: 5rem
}

.mary-0 {
    margin-top: 0rem;
    margin-bottom: 0rem
}

.mary-1 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mary-2 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mary-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mary-4 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mary-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.mary-6 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.mary-7 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}

.mary-8 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.mary-9 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem
}

.mary-10 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.marb-0 {
    margin-bottom: 0rem
}

.marb-1 {
    margin-bottom: .5rem
}

.marb-2 {
    margin-bottom: 1rem
}

.marb-3 {
    margin-bottom: 1.5rem
}

.marb-4 {
    margin-bottom: 2rem
}

.marb-5 {
    margin-bottom: 2.5rem
}

.marb-6 {
    margin-bottom: 3rem
}

.marb-7 {
    margin-bottom: 3.5rem
}

.marb-8 {
    margin-bottom: 4rem
}

.marb-9 {
    margin-bottom: 4.5rem
}

.marb-10 {
    margin-bottom: 5rem
}

.mart-0 {
    margin-top: 0rem
}

.mart-1 {
    margin-top: .5rem
}

.mart-2 {
    margin-top: 1rem
}

.mart-3 {
    margin-top: 1.5rem
}

.mart-4 {
    margin-top: 2rem
}

.mart-5 {
    margin-top: 2.5rem
}

.mart-6 {
    margin-top: 3rem
}

.mart-7 {
    margin-top: 3.5rem
}

.mart-8 {
    margin-top: 4rem
}

.mart-9 {
    margin-top: 4.5rem
}

.mart-10 {
    margin-top: 5rem
}

.marl-0 {
    margin-left: 0rem
}

.marl-1 {
    margin-left: .5rem
}

.marl-2 {
    margin-left: 1rem
}

.marl-3 {
    margin-left: 1.5rem
}

.marl-4 {
    margin-left: 2rem
}

.marl-5 {
    margin-left: 2.5rem
}

.marl-6 {
    margin-left: 3rem
}

.marl-7 {
    margin-left: 3.5rem
}

.marl-8 {
    margin-left: 4rem
}

.marl-9 {
    margin-left: 4.5rem
}

.marl-10 {
    margin-left: 5rem
}

.marr-0 {
    margin-right: 0rem
}

.marr-1 {
    margin-right: .5rem
}

.marr-2 {
    margin-right: 1rem
}

.marr-3 {
    margin-right: 1.5rem
}

.marr-4 {
    margin-right: 2rem
}

.marr-5 {
    margin-right: 2.5rem
}

.marr-6 {
    margin-right: 3rem
}

.marr-7 {
    margin-right: 3.5rem
}

.marr-8 {
    margin-right: 4rem
}

.marr-9 {
    margin-right: 4.5rem
}

.marr-10 {
    margin-right: 5rem
}

.mart-1-minus {
    margin-top: -0.5rem
}

.mart-2-minus {
    margin-top: -1rem
}

.mart-3-minus {
    margin-top: -1.5rem
}

.mart-4-minus {
    margin-top: -2rem
}

.mart-5-minus {
    margin-top: -2.5rem
}

.mart-6-minus {
    margin-top: -3rem
}

.mart-7-minus {
    margin-top: -3.5rem
}

.mart-8-minus {
    margin-top: -4rem
}

.mart-9-minus {
    margin-top: -4.5rem
}

.mart-10-minus {
    margin-top: -5rem
}

.marr-1-minus {
    margin-right: -0.5rem
}

.marr-2-minus {
    margin-right: -1rem
}

.marr-3-minus {
    margin-right: -1.5rem
}

.marr-4-minus {
    margin-right: -2rem
}

.marr-5-minus {
    margin-right: -2.5rem
}

.marr-6-minus {
    margin-right: -3rem
}

.marr-7-minus {
    margin-right: -3.5rem
}

.marr-8-minus {
    margin-right: -4rem
}

.marr-9-minus {
    margin-right: -4.5rem
}

.marr-10-minus {
    margin-right: -5rem
}

.marb-1-minus {
    margin-bottom: -0.5rem
}

.marb-2-minus {
    margin-bottom: -1rem
}

.marb-3-minus {
    margin-bottom: -1.5rem
}

.marb-4-minus {
    margin-bottom: -2rem
}

.marb-5-minus {
    margin-bottom: -2.5rem
}

.marb-6-minus {
    margin-bottom: -3rem
}

.marb-7-minus {
    margin-bottom: -3.5rem
}

.marb-8-minus {
    margin-bottom: -4rem
}

.marb-9-minus {
    margin-bottom: -4.5rem
}

.marb-10-minus {
    margin-bottom: -5rem
}

.marl-1-minus {
    margin-left: -0.5rem
}

.marl-2-minus {
    margin-left: -1rem
}

.marl-3-minus {
    margin-left: -1.5rem
}

.marl-4-minus {
    margin-left: -2rem
}

.marl-5-minus {
    margin-left: -2.5rem
}

.marl-6-minus {
    margin-left: -3rem
}

.marl-7-minus {
    margin-left: -3.5rem
}

.marl-8-minus {
    margin-left: -4rem
}

.marl-9-minus {
    margin-left: -4.5rem
}

.marl-10-minus {
    margin-left: -5rem
}

@media (max-width: 991px) {
    .mar-0-mob {
        margin: 0rem
    }
}

@media (max-width: 991px) {
    .mar-1-mob {
        margin: .5rem
    }
}

@media (max-width: 991px) {
    .mar-2-mob {
        margin: 1rem
    }
}

@media (max-width: 991px) {
    .mar-3-mob {
        margin: 1.5rem
    }
}

@media (max-width: 991px) {
    .mar-4-mob {
        margin: 2rem
    }
}

@media (max-width: 991px) {
    .mar-5-mob {
        margin: 2.5rem
    }
}

@media (max-width: 991px) {
    .mar-6-mob {
        margin: 3rem
    }
}

@media (max-width: 991px) {
    .mar-7-mob {
        margin: 3.5rem
    }
}

@media (max-width: 991px) {
    .mar-8-mob {
        margin: 4rem
    }
}

@media (max-width: 991px) {
    .mar-9-mob {
        margin: 4.5rem
    }
}

@media (max-width: 991px) {
    .mar-10-mob {
        margin: 5rem
    }
}

@media (max-width: 991px) {
    .marx-0-mob {
        margin-left: 0rem;
        margin-right: 0rem
    }
}

@media (max-width: 991px) {
    .marx-1-mob {
        margin-left: .5rem;
        margin-right: .5rem
    }
}

@media (max-width: 991px) {
    .marx-2-mob {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

@media (max-width: 991px) {
    .marx-3-mob {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

@media (max-width: 991px) {
    .marx-4-mob {
        margin-left: 2rem;
        margin-right: 2rem
    }
}

@media (max-width: 991px) {
    .marx-5-mob {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
}

@media (max-width: 991px) {
    .marx-6-mob {
        margin-left: 3rem;
        margin-right: 3rem
    }
}

@media (max-width: 991px) {
    .marx-7-mob {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }
}

@media (max-width: 991px) {
    .marx-8-mob {
        margin-left: 4rem;
        margin-right: 4rem
    }
}

@media (max-width: 991px) {
    .marx-9-mob {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }
}

@media (max-width: 991px) {
    .marx-10-mob {
        margin-left: 5rem;
        margin-right: 5rem
    }
}

@media (max-width: 991px) {
    .mary-0-mob {
        margin-top: 0rem;
        margin-bottom: 0rem
    }
}

@media (max-width: 991px) {
    .mary-1-mob {
        margin-top: .5rem;
        margin-bottom: .5rem
    }
}

@media (max-width: 991px) {
    .mary-2-mob {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

@media (max-width: 991px) {
    .mary-3-mob {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
}

@media (max-width: 991px) {
    .mary-4-mob {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media (max-width: 991px) {
    .mary-5-mob {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }
}

@media (max-width: 991px) {
    .mary-6-mob {
        margin-top: 3rem;
        margin-bottom: 3rem
    }
}

@media (max-width: 991px) {
    .mary-7-mob {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }
}

@media (max-width: 991px) {
    .mary-8-mob {
        margin-top: 4rem;
        margin-bottom: 4rem
    }
}

@media (max-width: 991px) {
    .mary-9-mob {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }
}

@media (max-width: 991px) {
    .mary-10-mob {
        margin-top: 5rem;
        margin-bottom: 5rem
    }
}

@media (max-width: 991px) {
    .marb-0-mob {
        margin-bottom: 0rem
    }
}

@media (max-width: 991px) {
    .marb-1-mob {
        margin-bottom: .5rem
    }
}

@media (max-width: 991px) {
    .marb-2-mob {
        margin-bottom: 1rem
    }
}

@media (max-width: 991px) {
    .marb-3-mob {
        margin-bottom: 1.5rem
    }
}

@media (max-width: 991px) {
    .marb-4-mob {
        margin-bottom: 2rem
    }
}

@media (max-width: 991px) {
    .marb-5-mob {
        margin-bottom: 2.5rem
    }
}

@media (max-width: 991px) {
    .marb-6-mob {
        margin-bottom: 3rem
    }
}

@media (max-width: 991px) {
    .marb-7-mob {
        margin-bottom: 3.5rem
    }
}

@media (max-width: 991px) {
    .marb-8-mob {
        margin-bottom: 4rem
    }
}

@media (max-width: 991px) {
    .marb-9-mob {
        margin-bottom: 4.5rem
    }
}

@media (max-width: 991px) {
    .marb-10-mob {
        margin-bottom: 5rem
    }
}

@media (max-width: 991px) {
    .mart-0-mob {
        margin-top: 0rem
    }
}

@media (max-width: 991px) {
    .mart-1-mob {
        margin-top: .5rem
    }
}

@media (max-width: 991px) {
    .mart-2-mob {
        margin-top: 1rem
    }
}

@media (max-width: 991px) {
    .mart-3-mob {
        margin-top: 1.5rem
    }
}

@media (max-width: 991px) {
    .mart-4-mob {
        margin-top: 2rem
    }
}

@media (max-width: 991px) {
    .mart-5-mob {
        margin-top: 2.5rem
    }
}

@media (max-width: 991px) {
    .mart-6-mob {
        margin-top: 3rem
    }
}

@media (max-width: 991px) {
    .mart-7-mob {
        margin-top: 3.5rem
    }
}

@media (max-width: 991px) {
    .mart-8-mob {
        margin-top: 4rem
    }
}

@media (max-width: 991px) {
    .mart-9-mob {
        margin-top: 4.5rem
    }
}

@media (max-width: 991px) {
    .mart-10-mob {
        margin-top: 5rem
    }
}

@media (max-width: 991px) {
    .marl-0-mob {
        margin-left: 0rem
    }
}

@media (max-width: 991px) {
    .marl-1-mob {
        margin-left: .5rem
    }
}

@media (max-width: 991px) {
    .marl-2-mob {
        margin-left: 1rem
    }
}

@media (max-width: 991px) {
    .marl-3-mob {
        margin-left: 1.5rem
    }
}

@media (max-width: 991px) {
    .marl-4-mob {
        margin-left: 2rem
    }
}

@media (max-width: 991px) {
    .marl-5-mob {
        margin-left: 2.5rem
    }
}

@media (max-width: 991px) {
    .marl-6-mob {
        margin-left: 3rem
    }
}

@media (max-width: 991px) {
    .marl-7-mob {
        margin-left: 3.5rem
    }
}

@media (max-width: 991px) {
    .marl-8-mob {
        margin-left: 4rem
    }
}

@media (max-width: 991px) {
    .marl-9-mob {
        margin-left: 4.5rem
    }
}

@media (max-width: 991px) {
    .marl-10-mob {
        margin-left: 5rem
    }
}

@media (max-width: 991px) {
    .marr-0-mob {
        margin-right: 0rem
    }
}

@media (max-width: 991px) {
    .marr-1-mob {
        margin-right: .5rem
    }
}

@media (max-width: 991px) {
    .marr-2-mob {
        margin-right: 1rem
    }
}

@media (max-width: 991px) {
    .marr-3-mob {
        margin-right: 1.5rem
    }
}

@media (max-width: 991px) {
    .marr-4-mob {
        margin-right: 2rem
    }
}

@media (max-width: 991px) {
    .marr-5-mob {
        margin-right: 2.5rem
    }
}

@media (max-width: 991px) {
    .marr-6-mob {
        margin-right: 3rem
    }
}

@media (max-width: 991px) {
    .marr-7-mob {
        margin-right: 3.5rem
    }
}

@media (max-width: 991px) {
    .marr-8-mob {
        margin-right: 4rem
    }
}

@media (max-width: 991px) {
    .marr-9-mob {
        margin-right: 4.5rem
    }
}

@media (max-width: 991px) {
    .marr-10-mob {
        margin-right: 5rem
    }
}

@media (max-width: 991px) {
    .mart-1-mob-minus {
        margin-top: -0.5rem
    }
}

@media (max-width: 991px) {
    .mart-2-mob-minus {
        margin-top: -1rem
    }
}

@media (max-width: 991px) {
    .mart-3-mob-minus {
        margin-top: -1.5rem
    }
}

@media (max-width: 991px) {
    .mart-4-mob-minus {
        margin-top: -2rem
    }
}

@media (max-width: 991px) {
    .mart-5-mob-minus {
        margin-top: -2.5rem
    }
}

@media (max-width: 991px) {
    .mart-6-mob-minus {
        margin-top: -3rem
    }
}

@media (max-width: 991px) {
    .mart-7-mob-minus {
        margin-top: -3.5rem
    }
}

@media (max-width: 991px) {
    .mart-8-mob-minus {
        margin-top: -4rem
    }
}

@media (max-width: 991px) {
    .mart-9-mob-minus {
        margin-top: -4.5rem
    }
}

@media (max-width: 991px) {
    .mart-10-mob-minus {
        margin-top: -5rem
    }
}

@media (max-width: 991px) {
    .marr-1-mob-minus {
        margin-right: -0.5rem
    }
}

@media (max-width: 991px) {
    .marr-2-mob-minus {
        margin-right: -1rem
    }
}

@media (max-width: 991px) {
    .marr-3-mob-minus {
        margin-right: -1.5rem
    }
}

@media (max-width: 991px) {
    .marr-4-mob-minus {
        margin-right: -2rem
    }
}

@media (max-width: 991px) {
    .marr-5-mob-minus {
        margin-right: -2.5rem
    }
}

@media (max-width: 991px) {
    .marr-6-mob-minus {
        margin-right: -3rem
    }
}

@media (max-width: 991px) {
    .marr-7-mob-minus {
        margin-right: -3.5rem
    }
}

@media (max-width: 991px) {
    .marr-8-mob-minus {
        margin-right: -4rem
    }
}

@media (max-width: 991px) {
    .marr-9-mob-minus {
        margin-right: -4.5rem
    }
}

@media (max-width: 991px) {
    .marr-10-mob-minus {
        margin-right: -5rem
    }
}

@media (max-width: 991px) {
    .marb-1-mob-minus {
        margin-bottom: -0.5rem
    }
}

@media (max-width: 991px) {
    .marb-2-mob-minus {
        margin-bottom: -1rem
    }
}

@media (max-width: 991px) {
    .marb-3-mob-minus {
        margin-bottom: -1.5rem
    }
}

@media (max-width: 991px) {
    .marb-4-mob-minus {
        margin-bottom: -2rem
    }
}

@media (max-width: 991px) {
    .marb-5-mob-minus {
        margin-bottom: -2.5rem
    }
}

@media (max-width: 991px) {
    .marb-6-mob-minus {
        margin-bottom: -3rem
    }
}

@media (max-width: 991px) {
    .marb-7-mob-minus {
        margin-bottom: -3.5rem
    }
}

@media (max-width: 991px) {
    .marb-8-mob-minus {
        margin-bottom: -4rem
    }
}

@media (max-width: 991px) {
    .marb-9-mob-minus {
        margin-bottom: -4.5rem
    }
}

@media (max-width: 991px) {
    .marb-10-mob-minus {
        margin-bottom: -5rem
    }
}

@media (max-width: 991px) {
    .marl-1-mob-minus {
        margin-left: -0.5rem
    }
}

@media (max-width: 991px) {
    .marl-2-mob-minus {
        margin-left: -1rem
    }
}

@media (max-width: 991px) {
    .marl-3-mob-minus {
        margin-left: -1.5rem
    }
}

@media (max-width: 991px) {
    .marl-4-mob-minus {
        margin-left: -2rem
    }
}

@media (max-width: 991px) {
    .marl-5-mob-minus {
        margin-left: -2.5rem
    }
}

@media (max-width: 991px) {
    .marl-6-mob-minus {
        margin-left: -3rem
    }
}

@media (max-width: 991px) {
    .marl-7-mob-minus {
        margin-left: -3.5rem
    }
}

@media (max-width: 991px) {
    .marl-8-mob-minus {
        margin-left: -4rem
    }
}

@media (max-width: 991px) {
    .marl-9-mob-minus {
        margin-left: -4.5rem
    }
}

@media (max-width: 991px) {
    .marl-10-mob-minus {
        margin-left: -5rem
    }
}

/*# sourceMappingURL=base.css.map */
