:root {
    --color0: transparent;
    --color1: #2160AD;
    --color2: #6996CE;
    --color3: #FFF;
    --color4: #404045;
    --color5: #AD2129;
    --color6: #505050;
    --color7: #88b3e8;
    --color8: #6f87a4;
    --color9: #000;
    --color1-80: rgba(33, 96, 173, 0.8);
    --color1-28: rgba(33, 96, 173, 0.28);
    --color3-30: rgba(255, 255, 255, 0.3);
    --color3-80: rgba(255, 255, 255, 0.8);
    --color9-20: rgba(0, 0, 0, 0.2);
    --gradient1: linear-gradient(180deg, rgba(217, 217, 217, 0.2) 0%, rgba(33, 96, 173, 0.2) 100%);
    --gradient2: linear-gradient(180deg, #88B3E8 0%, #505050 100%);
    --gradient3: linear-gradient(180deg, rgba(217, 217, 217, 0.1) 0%, rgba(33, 96, 173, 0.1) 100%);
    --gradient4: linear-gradient(290.52deg, #8700FF -7.92%, rgba(205, 0, 238, 0.0001) 40.28%), linear-gradient(45deg, #EE0047 0%, rgba(238, 0, 214, 0.0001) 50%), linear-gradient(131.48deg, #008AEE 2.33%, rgba(0, 177, 238, 0.0001) 40.49%), linear-gradient(169.36deg, #FFA456 -6.09%, rgba(255, 187, 86, 0.0001) 134.19%);
    --gradient5: linear-gradient(#fff 0 0);
}

body {
    position: relative;
    color: var(--color1);
}

body {
    font-family: "Gotham Pro Light", sans-serif;
    font-size: 16px;
    line-height: 1.3;
}

body.scroll-hidden {
    overflow: hidden;
}

.heading1,
.heading2,
.heading3,
.heading4 {
    font-family: "Gotham Pro Bold", sans-serif;
}

.heading1 {
    font-size: 52px;
    line-height: 60px;
}

.heading2 {
    font-size: 40px;
    line-height: 60px;
}

.heading3 {
    font-size: 28px;
    line-height: normal;
}

.heading4 {
    font-size: 18px;
    line-height: normal;
}

.link {
    font-family: "Gotham Pro", sans-serif;
    font-size: 20px;
    line-height: normal;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.text-link {
    font-family: "Gotham Pro Light", sans-serif;
    font-size: inherit;
    line-height: 1.4;
}

.text2 {
    font-family: "Gotham Pro", sans-serif;
    font-size: 16px;
    line-height: normal;
}

.text3 {
    font-family: "Gotham Pro Medium", sans-serif;
    font-size: 16px;
    line-height: 1.3;
}

.menu1,
.menu2,
.menu-item {
    text-transform: uppercase;
}

.menu1 {
    font-family: "Gotham Pro Bold", sans-serif;
    font-size: 20px;
    line-height: normal;
}

.menu2 {
    font-family: "Gotham Pro Bold", sans-serif;
    font-size: 16px;
    line-height: normal;
}

.menu-item {
    font-family: "Gotham Pro Medium", sans-serif;
    font-size: 16px;
    line-height: 18px;
}

.menu-item:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.btn1,
.btn-arrow,
.btn3 {
    font-family: "Gotham Pro Bold", sans-serif;
    font-size: 16px;
    line-height: normal;
}

.btn1 {
    min-width: 250px;
    height: 45px;
    border-radius: 33px;
    background-color: var(--color3);
    color: var(--color1);
}

.btn1:hover {
    background-color: var(--color1);
    color: var(--color3);
    border: 2px solid var(--color3);
}

.btn-arrow {
    border-radius: 33px;
    padding: 13.5px 20px;
    color: var(--color1);
    background-color: var(--color3);
    display: flex;
}

.btn-arrow:hover svg {
    animation: fade 0.8s forwards;
}

@keyframes fade {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.btn-arrow>svg {
    margin-left: 10px;
}

.btn3 {
    min-width: 156px;
    height: 45px;
    background-color: var(--color3);
    color: var(--color1);
    border-radius: 33px;
}

.btn3:hover {
    background-color: var(--color1);
    color: var(--color3);
    border: 2px solid var(--color3);
}

[class*="btn"].light {
    background-color: var(--color1);
    color: var(--color3);
}

[class*="btn"].light:hover {
    background-color: var(--color3);
    color: var(--color1);
    border: 2px solid var(--color1);
}

.content p {
    margin-top: 4px;
}

.content b {
    font-family: "Gotham Pro Bold", sans-serif;
}

.content u {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.content i {
    font-style: italic;
}

.content ol,
.content ul {
    margin-top: 5px;
}

.content ol {
    padding-inline-start: 24px;
}

.content ul {
    padding-inline-start: 11px;
}

.content ul li {
    position: relative;
}

.content ul li::before {
    content: "";
    position: absolute;
    left: -11px;
    top: 10px;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 5" fill="none"%3e%3cpath d="M1.83469 1.83469L2.5 1.17481L3.1653 1.83469L3.82519 2.5L3.16531 3.16531L2.5 3.82519L1.83469 3.1653L1.17481 2.5L1.83469 1.83469Z" fill="%232160AD" stroke="%232160AD" stroke-width="1.66821"/%3e%3c/svg%3e');
}

.content a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.content a:hover {
    color: var(--color4);
}

.text-nowrap {
    white-space: nowrap;
}

.text-center {
    text-align: center;
}

@media (max-width: 1399px) {

    body,
    .text2,
    .text3,
    .text-link,
    .btn1,
    .btn-arrow,
    .btn3,
    .menu2,
    .menu-item {
        font-size: 14px;
    }

    .heading1 {
        font-size: 42px;
        line-height: 50px;
    }

    .heading2 {
        font-size: 36px;
        line-height: 42px;
    }

    .heading3 {
        font-size: 24px;
    }

    .heading4,
    .menu1 {
        font-size: 16px;
    }

    .link {
        font-size: 18px;
    }

    .menu-item {
        line-height: 16px;
    }

    .menu-item:hover {
        text-underline-offset: 2px;
    }

    .btn1 {
        min-width: 232px;
    }

    .btn1,
    .btn-arrow,
    .btn3 {
        height: 43px;
    }
}

@media (max-width: 1023px) {

    .heading1 {
        font-size: 32px;
        line-height: 40px;
    }

    .heading2 {
        font-size: 28px;
        line-height: 36px;
    }

    .heading3 {
        font-size: 18px;
    }

    .link {
        font-size: 16px;
    }
}

@media (max-width: 767px) {

    .heading1 {
        font-size: 28px;
        line-height: 36px;
    }

    .heading2 {
        font-size: 24px;
        line-height: 32px;
    }

    .heading4,
    .menu1 {
        font-size: 14px;
    }

    .menu-item {
        line-height: normal;
    }
}