@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Regular.woff2) format("woff2"), url(../fonts/Poppins-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Medium.woff2) format("woff2"), url(../fonts/Poppins-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Bold.woff2) format("woff2"), url(../fonts/Poppins-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

button,
input,
select,
textarea {
    font-family: Poppins, sans-serif
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important
}

body {
    font-family: Poppins, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #f0f0ff;
    color: #00235F
}

@media (max-width:1023.98px) {
    body {
        font-size: 1rem
    }
}

h1,
h2,
h3 {
    font-family: Poppins, sans-serif;
    font-weight: 700;
    margin: 0 0 1rem;
    line-height: normal
}

h1 span,
h2 span {
    display: inline-block;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right, #00235F, #ADD2FA)
}

h1 {
    font-size: clamp(2.2rem, 2.66667vw, 3.2rem)
}

h2 {
    font-size: clamp(1.8rem, 2.08333vw, 2.5rem)
}

h3 {
    font-size: clamp(1.25rem, 1.33333vw, 1.6rem);
    font-weight: 500
}

p {
    margin: 0 0 1rem
}

.text-center {
    text-align: center
}

.animate__animated {
    visibility: hidden
}

.animate__animated.in-view {
    visibility: visible
}

.btn.animate__animated {
    visibility: visible
}

*,
:after,
:before {
    box-sizing: border-box
}

img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body,
html {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    scroll-behavior: smooth
}

.page-wrapper {
    width: 100%;
    min-height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 100%;
    overflow: hidden
}

.container {
    width: 100%;
    max-width: calc(1200px + 2rem);
    padding-left: calc(2rem / 2);
    padding-right: calc(2rem / 2);
    margin-left: auto;
    margin-right: auto
}

.content {
    min-height: 200px
}

.content>* {
    margin: 0 0 50px
}

@media (min-width:768px) {
    .content>* {
        margin: 0 0 70px
    }
}

@media (min-width:1024px) {
    .content>* {
        margin: 0 0 100px
    }
}

figure {
    margin: 0;
    overflow: hidden
}

a {
    color: inherit;
    transition: all .2s
}

a:hover {
    color: inherit
}

button,
label {
    cursor: pointer
}

.wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -30px calc(1.2rem * -.5) 0
}

.wrapper .col {
    width: 100%;
    padding: 0 calc(1.2rem * .5);
    margin: 30px 0 0
}

@media (min-width:768px) {
    .wrapper--col2 .col {
        width: 50%
    }
}

@media (min-width:768px) {
    .wrapper--col3 .col {
        width: 33.3333%
    }
}

@media (min-width:768px) {
    .wrapper--col4 .col {
        width: 25%
    }
}

.bg-primary {
    background-color: #3586F6;
    color: #00235F
}

.bg-primary h1,
.bg-primary h2,
.bg-primary h3 {
    color: #00235F
}

.bg-secondary {
    background-color: #ADD2FA;
    color: #00235F
}

.bg-secondary h1,
.bg-secondary h2,
.bg-secondary h3 {
    color: #00235F
}

.bg-light {
    background-color: #f0f0ff;
    color: #f0f0ff
}

.bg-light h1,
.bg-light h2,
.bg-light h3 {
    color: #f0f0ff
}

.bg-dark {
    background-color: #00235F;
    color: #f0f0ff
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3 {
    color: #f0f0ff
}

.bg-dark,
.bg-light,
.bg-primary,
.bg-secondary,
.has-bg,
.s-cta .inner,
.s-cta-full .cta-overlay {
    padding: 50px 0
}

@media (min-width:768px) {

    .bg-dark,
    .bg-light,
    .bg-primary,
    .bg-secondary,
    .has-bg,
    .s-cta .inner,
    .s-cta-full .cta-overlay {
        padding: 70px 0
    }
}

@media (min-width:1024px) {

    .bg-dark,
    .bg-light,
    .bg-primary,
    .bg-secondary,
    .has-bg,
    .s-cta .inner,
    .s-cta-full .cta-overlay {
        padding: 100px 0
    }
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    animation-iteration-count: 1;
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    animation-iteration-count: 2;
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
    animation-iteration-count: 3;
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__delay-1s {
    animation-delay: 1s;
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    animation-delay: 2s;
    animation-delay: calc(var(--animate-delay) * 2)
}

.animate__animated.animate__delay-3s {
    animation-delay: 3s;
    animation-delay: calc(var(--animate-delay) * 3)
}

.animate__animated.animate__delay-4s {
    animation-delay: 4s;
    animation-delay: calc(var(--animate-delay) * 4)
}

.animate__animated.animate__delay-5s {
    animation-delay: 5s;
    animation-delay: calc(var(--animate-delay) * 5)
}

.animate__animated.animate__faster {
    animation-duration: .5s;
    animation-duration: calc(var(--animate-duration)/ 2)
}

.animate__animated.animate__fast {
    animation-duration: .8s;
    animation-duration: calc(var(--animate-duration) * .8)
}

.animate__animated.animate__slow {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
    animation-duration: 3s;
    animation-duration: calc(var(--animate-duration) * 3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__pulse {
    animation-name: pulse;
    animation-timing-function: ease-in-out
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    animation-name: rubberBand
}

@keyframes shakeX {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    animation-name: shakeX
}

@keyframes shakeY {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    animation-name: shakeY
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.animate__headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0)
    }
}

.animate__swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__wobble {
    animation-name: wobble
}

@keyframes jello {

    0%,
    11.1%,
    to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.39063deg) skewY(.39063deg)
    }

    88.8% {
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.animate__jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.animate__heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s;
    animation-duration: calc(var(--animate-duration) * 1.3);
    animation-timing-function: ease-in-out
}

@keyframes backInDown {
    0% {
        transform: translateY(-100px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    animation-name: backInDown;
    animation-duration: .4s
}

@keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    animation-name: backInLeft
}

@keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    animation-name: backInRight
}

@keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    animation-name: backInUp
}

@keyframes backOutDown {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    animation-name: backOutDown
}

@keyframes backOutLeft {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    animation-name: backOutLeft
}

@keyframes backOutRight {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    animation-name: backOutRight
}

@keyframes backOutUp {
    0% {
        transform: scale(1);
        opacity: 1
    }

    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    animation-name: backOutUp
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration) * .75);
    animation-name: bounceIn
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.animate__bounceOut {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration) * .75);
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    animation-name: fadeInTopLeft
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    animation-name: fadeInTopRight
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    animation-name: fadeInBottomLeft
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    animation-name: fadeInBottomRight
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    animation-name: fadeOutTopLeft
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    animation-name: fadeOutTopRight
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    animation-name: fadeOutBottomRight
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    animation-name: fadeOutBottomLeft
}

@keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.animate__flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration) * .75);
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration) * .75);
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedInRight {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    animation-name: lightSpeedInRight;
    animation-timing-function: ease-out
}

@keyframes lightSpeedInLeft {
    0% {
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    animation-name: lightSpeedInLeft;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    animation-name: lightSpeedOutRight;
    animation-timing-function: ease-in
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    animation-name: lightSpeedOutLeft;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    animation-name: rotateIn;
    transform-origin: center
}

@keyframes rotateInDownLeft {
    0% {
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    animation-name: rotateInDownLeft;
    transform-origin: left bottom
}

@keyframes rotateInDownRight {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    animation-name: rotateInDownRight;
    transform-origin: right bottom
}

@keyframes rotateInUpLeft {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    animation-name: rotateInUpLeft;
    transform-origin: left bottom
}

@keyframes rotateInUpRight {
    0% {
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    animation-name: rotateInUpRight;
    transform-origin: right bottom
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    animation-name: rotateOut;
    transform-origin: center
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
    transform-origin: left bottom
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    animation-name: rotateOutDownRight;
    transform-origin: right bottom
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
    transform-origin: left bottom
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    animation-name: rotateOutUpRight;
    transform-origin: right bottom
}

@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate(80deg);
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        transform: rotate(60deg);
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.animate__hinge {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration) * 2);
    animation-name: hinge;
    transform-origin: top left
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutDown {
    animation-name: zoomOutDown;
    transform-origin: center bottom
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    animation-name: zoomOutLeft;
    transform-origin: left center
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    animation-name: zoomOutRight;
    transform-origin: right center
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutUp {
    animation-name: zoomOutUp;
    transform-origin: center bottom
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    animation-name: slideOutUp
}

.form-input {
    display: block;
    width: 100%;
    padding: .75rem 1rem;
    font-family: Poppins, sans-serif;
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 400;
    color: #00235F;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #00235F;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-shadow: none
}

.form-input::-webkit-input-placeholder {
    color: #ADD2FA;
    opacity: .7
}

.form-input:-moz-placeholder {
    color: #ADD2FA;
    opacity: .7
}

.form-input::-moz-placeholder {
    color: #ADD2FA;
    opacity: .7
}

.form-input:-ms-input-placeholder {
    color: #ADD2FA;
    opacity: .7
}

.form-input:focus {
    background-color: #fff;
    border-color: #ADD2FA;
    color: #00235F;
    box-shadow: none;
    outline: 0
}

.form-select {
    display: block;
    width: 100%;
    padding: .75rem 2.5rem .75rem 1rem;
    font-family: Poppins, sans-serif;
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 400;
    color: #00235F;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #00235F;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-shadow: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ADD2FA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-position: right 1rem top 50%;
    background-size: 16px auto;
    background-repeat: no-repeat
}

.form-select:focus {
    background-color: #fff;
    border-color: #ADD2FA;
    color: #00235F;
    box-shadow: none;
    outline: 0
}

textarea {
    height: 150px
}

.form-field {
    margin: 0 0 1rem
}

.form-check {
    display: flex;
    margin: 0 0 1rem
}

.form-check .form-check-input {
    flex-shrink: 0;
    width: 1.2rem;
    height: 1.2rem;
    margin: .3em .5rem 0 0;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #00235F;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

.form-check .form-check-input[type=checkbox] {
    border-radius: .25rem
}

.form-check .form-check-input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2300235F' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check .form-check-input[type=radio] {
    border-radius: 50%
}

.form-check .form-check-input[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%2300235F'/%3e%3c/svg%3e")
}

.form-check .form-check-input:focus {
    border-color: 1px solid #00235F;
    outline: 0;
    box-shadow: none
}

.form-check .form-check-input:checked {
    background-color: #fff;
    border-color: #00235F
}

.form-check .form-check-label {
    font-weight: 400;
    margin: 0
}

form label {
    display: block;
    font-weight: 400;
    margin: 0 0 5px
}

.submit-wrapper {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .submit-wrapper {
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }

    .submit-wrapper .form-check {
        margin: 0
    }
}

@media (min-width:768px) {
    .form-wrapper {
        display: flex;
        margin: 0 -10px
    }

    .form-wrapper>* {
        padding: 0 10px;
        width: 50%
    }
}

.btn {
    --btn-bg: #00235F;
    --btn-border: #00235F;
    --btn-color: #fff;
    --btn-hover-bg: #ADD2FA;
    --btn-hover-border: #00235F;
    --btn-hover-color: #00235F;
    border: none;
    padding: 0;
    border-radius: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 42px;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.5rem;
    box-shadow: none;
    transition: all .5s;
    width: 100%;
    background: 0 0;
    border: 2px solid;
    border-radius: 10px;
    background-color: var(--btn-bg);
    border-color: var(--btn-border);
    color: var(--btn-color);
    -webkit-mask-image: -webkit-radial-gradient(white, #000);
    overflow: hidden;
    position: relative;
    text-transform: uppercase
}

.btn.active,
.btn:hover {
    box-shadow: none
}

.btn:hover {
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.btn.btn-secondary {
    --btn-bg: #00235F;
    --btn-border: #ADD2FA;
    --btn-color: #fff;
    --btn-hover-bg: #f0f0ff;
    --btn-hover-border: #ADD2FA;
    --btn-hover-color: #00235F
}

.btn.btn-secondary:before {
    background-color: #f0f0ff
}

.btn.btn-secondary .btn-label-wrap .btn-label:after {
    color: #00235F
}

@media (min-width:768px) {
    .btn {
        width: auto
    }
}

@media (min-width:1024px) {
    .btn {
        height: 50px;
        font-size: 1.25rem
    }
}

.contact-link {
    display: flex;
    color: #00235F;
    text-decoration: none
}

.contact-link .icon {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 10px 0 0;
    width: 16px;
    height: 1.5
}

.contact-link .icon svg {
    width: 100%;
    height: auto
}

.contact-link .icon svg path {
    fill: #00235F;
    transition: all .2s
}

.contact-link:hover {
    color: #ADD2FA
}

.contact-link:hover svg path {
    fill: #ADD2FA
}

.advantages-item {
    background-color: #ADD2FA;
    border: none;
    box-shadow: none;
    color: #f0f0ff;
    border-radius: 0;
    padding: 1rem;
    text-align: center;
    height: 100%
}

.advantages-item .item-num {
    font-family: Poppins, sans-serif;
    font-size: 2em
}

.advantages-item h3 {
    color: #f0f0ff
}

.advantages-item p {
    margin: 0
}

@media (min-width:1024px) {
    .advantages-item {
        padding: 2rem
    }
}

.testimonials-item {
    background: #ADD2FA;
    border: 1px solid #3586F6;
    box-shadow: none;
    color: #00235F;
    border-radius: 0;
    padding: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.testimonials-item blockquote {
    margin: 0 0 1.5rem;
    font-family: Poppins, sans-serif;
    font-weight: 500
}

.testimonials-item p {
    margin: auto 0 0;
    font-size: .8em
}

@media (min-width:1400px) {
    .testimonials-item {
        padding: 2rem
    }
}

.accordion {
    max-width: none;
    margin: auto
}

.accordion .accordion-item {
    border: solid #ADD2FA;
    border-width: 1px;
    background-color: #f0f0ff;
    border-radius: 0;
    padding: 15px 0;
    margin: 0 0 20px
}

.accordion .accordion-item .accordion-button {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    font-family: Poppins, sans-serif;
    font-size: 1rem;
    font-weight: 700
}

.accordion .accordion-item .accordion-button:after {
    content: "";
    background: url("data:image/svg+xml,%3csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.23438 0.187614L9.23438 13.9009L16.3594 5.69308C16.4742 5.56183 16.6875 5.64152 16.6875 5.81496L16.6875 7.88918C16.6875 7.98058 16.6547 8.0673 16.5961 8.13527L8.91094 16.9923C8.84062 17.0734 8.75369 17.1385 8.65603 17.1831C8.55838 17.2277 8.45228 17.2507 8.34492 17.2507C8.23757 17.2507 8.13147 17.2277 8.03381 17.1831C7.93615 17.1385 7.84922 17.0734 7.77891 16.9923L0.0468751 8.08371C0.0164071 8.04855 1.10238e-07 8.00637 1.10769e-07 7.96183L1.36342e-07 5.8173C1.38411e-07 5.64387 0.215626 5.56418 0.328125 5.69543L7.45313 13.9009L7.45313 0.187614C7.45313 0.0844897 7.5375 0.000114332 7.64063 0.000114333L9.04688 0.00011435C9.15 0.000114351 9.23438 0.0844897 9.23438 0.187614Z' fill='%23501196'/%3e%3c/svg%3e") 50%/30% no-repeat;
    width: 40px;
    height: 40px;
    border: 1px solid #3586F6;
    border-radius: 0;
    transition: all .2s;
    margin-left: 20px;
    flex: 0 0 auto
}

.accordion .accordion-item .accordion-body {
    height: 0;
    overflow: hidden;
    transition: height .2s
}

.accordion .accordion-item .accordion-body .inner {
    padding: 10px 16px 0;
    max-width: 750px
}

.accordion .accordion-item.active .accordion-button:after {
    transform: scaleY(-1)
}

.slider-simple {
    position: relative;
    max-width: 800px;
    margin: auto;
    overflow: hidden
}

.slider-simple .slides {
    height: 100%;
    display: flex;
    transition: transform .5s ease-in-out
}

.slider-simple .slide {
    min-width: 100%;
    transition: opacity .5s ease-in-out
}

.slider-simple.slides-fade .slides {
    transition: none
}

.slider-simple.slides-fade .slide {
    opacity: 0;
    transition: opacity 1s
}

.slider-simple.slides-fade .slide.active {
    opacity: 1
}

.slider-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 0
}

.slider-controls .next,
.slider-controls .prev {
    border: none;
    padding: 0;
    border-radius: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 42px;
    height: 42px;
    background-color: #00235F;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px
}

.slider-controls .next svg,
.slider-controls .prev svg {
    width: 18px;
    height: auto;
    display: block
}

.slider-controls .next svg path,
.slider-controls .prev svg path {
    fill: #f0f0ff
}

.sf-slider-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: hidden
}

.sf-slider-container .sf-slider {
    display: flex;
    transition: transform 1s ease-in-out;
    height: 100%
}

.sf-slider-container .sf-slide {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    position: absolute;
    inset: 0 0;
    width: 100%;
    height: 100%
}

.sf-slider-container .sf-active {
    opacity: 1
}

.sf-slider-container .sf-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    display: flex;
    justify-content: center;
    z-index: 9
}

.sf-slider-container .sf-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 5px;
    cursor: pointer
}

.sf-slider-container .sf-dot.sf-active {
    background-color: #3586F6
}

.popular-contests .item,
.product-card {
    background-color: #f0f0ff;
    border: 1px solid #3586F6;
    border-radius: 0;
    box-shadow: none;
    color: #00235F;
    padding: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all .5s
}

.popular-contests .item figure,
.product-card figure {
    display: block;
    position: relative;
    padding-top: 0;
    aspect-ratio: 1;
    border-radius: 0
}

.popular-contests .item figure>img,
.popular-contests .item figure>video,
.product-card figure>img,
.product-card figure>video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.popular-contests .item h3,
.product-card h3 {
    margin: 1.5rem 0 1rem;
    color: #ADD2FA
}

.popular-contests .item .btn-wrap,
.product-card .btn-wrap {
    margin: auto -5px 0;
    display: flex;
    flex-direction: column
}

.popular-contests .item .btn-wrap .btn,
.product-card .btn-wrap .btn {
    width: 100%;
    margin: 0 5px
}

.popular-contests .item .btn-wrap .btn+btn,
.product-card .btn-wrap .btn+btn {
    margin-top: 15px
}

.popular-contests .item:hover,
.product-card:hover {
    background-color: #f0f0ff;
    box-shadow: 0 0 15px rgba(92, 219, 149, .3)
}

@media (min-width:1024px) {

    .popular-contests .item,
    .product-card {
        padding: 1rem
    }

    .popular-contests .item .btn-wrap,
    .product-card .btn-wrap {
        flex-direction: row
    }

    .popular-contests .item .btn-wrap .btn+btn,
    .product-card .btn-wrap .btn+btn {
        margin-top: 0
    }
}

.product-item {
    background-color: #f0f0ff;
    border: 1px solid #3586F6;
    border-radius: 0;
    box-shadow: none;
    color: #00235F;
    border-radius: 0;
    padding: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column
}

.product-item figure {
    display: block;
    position: relative;
    padding-top: 100%;
    border-radius: 0;
    margin: 0 0 1rem
}

.product-item figure>img,
.product-item figure>video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.product-item .details h3 {
    color: #ADD2FA
}

.product-item .details p {
    margin: 0 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-item .details .title {
    font-family: Poppins, sans-serif;
    margin: 0 0 5px
}

.product-item .details ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none
}

.product-item .details ul li {
    position: relative;
    padding: 0 0 0 16px
}

.product-item .details ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: .65em;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #ADD2FA
}

.product-item .details .item-footer {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-family: Poppins, sans-serif
}

.product-item:hover {
    background-color: #f0f0ff;
    box-shadow: 0 0 15px rgba(92, 219, 149, .3)
}

@media (min-width:768px) {
    .product-item {
        flex-direction: row;
        padding: 2rem
    }

    .product-item figure {
        padding: 0;
        width: 300px;
        aspect-ratio: 1/1;
        margin: 0;
        flex: 0 0 auto
    }

    .product-item .details {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 0 0 30px
    }

    .product-item .details .item-footer {
        margin-top: auto
    }
}

@media (min-width:1024px) {
    .product-item figure {
        width: 400px
    }

    .product-item .details {
        padding: 0 0 0 50px
    }

    .product-item .details .item-footer {
        flex-direction: row;
        align-items: center
    }

    .product-item .details .item-footer p {
        margin: 0
    }
}

.team-card {
    background-color: #ADD2FA;
    border: 1px solid #3586F6;
    border-radius: 0;
    box-shadow: none;
    color: #00235F;
    padding: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all .5s
}

.team-card figure {
    display: block;
    position: relative;
    padding-top: 0;
    aspect-ratio: 1;
    border-radius: 0
}

.team-card figure>img,
.team-card figure>video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.team-card h3 {
    margin: 1.5rem 0 1rem;
    color: #00235F
}

.list-checked,
.modal-content .modal-body ul,
.page-text ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.list-checked li,
.modal-content .modal-body ul li,
.page-text ul li {
    position: relative;
    padding: 0 0 0 26px;
    margin: 0 0 8px
}

.list-checked li:before,
.modal-content .modal-body ul li:before,
.page-text ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../images/icons/check-circle.svg) no-repeat;
    width: 16px;
    height: 16px
}

.list-counter,
.modal-content .modal-body ol,
.page-text ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: list
}

.list-counter li,
.modal-content .modal-body ol li,
.page-text ol li {
    position: relative;
    padding: 0 0 0 26px;
    margin: 0 0 8px
}

.list-counter li:before,
.modal-content .modal-body ol li:before,
.page-text ol li:before {
    counter-increment: list;
    content: counter(list) ". ";
    color: #3586F6;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 600
}

.btn-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ADD2FA;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0;
    transition: all .3s
}

.btn-to-top img {
    display: block;
    width: 16px;
    height: auto
}

.countdown {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 30px
}

.countdown>div {
    width: 100%;
    max-width: 3em;
    margin: 0 5px;
    padding: 10px;
    border-radius: 3px;
    background: #ADD2FA;
    display: inline-block
}

.countdown>div>span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3em;
    border-radius: 3px;
    background: rgba(255, 255, 255, .8);
    color: #3586F6;
    font-family: Poppins, sans-serif;
    font-weight: 900
}

.countdown .smalltext {
    padding-top: 5px;
    font-size: 16px
}

@media (min-width:768px) {
    .countdown {
        font-size: 40px
    }
}

.block-parallax {
    position: relative;
    overflow: hidden
}

.block-parallax .container {
    position: relative;
    z-index: 2
}

.block-parallax .col-image {
    position: absolute;
    inset: 0 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.block-parallax .col-image img {
    opacity: 0
}

.block-parallax .inner {
    background-color: #f0f0ff;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 0;
    padding: 2rem 1rem;
    overflow: hidden
}

@media (min-width:768px) {
    .block-parallax .inner {
        padding: 3rem 2rem
    }
}

@media (min-width:1024px) {
    .block-parallax .inner {
        padding: 3rem
    }
}

.modal {
    display: none
}

.modal.active .modal-bg,
.modal.active .modal-fade {
    opacity: 1
}

.modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(92, 219, 149, .9);
    z-index: 8888;
    opacity: 0;
    transition: all .3s linear .2s
}

.modal-fade {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    opacity: 0;
    transition: all .3s linear .2s
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 20px;
    pointer-events: none;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    height: calc(100% - 20px * 2)
}

.modal-content {
    max-height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #00235F;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0;
    outline: 0
}

.modal-content .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 5px 20px;
    border-bottom: 1px solid #3586F6;
    color: #3586F6;
    position: relative
}

.modal-content .modal-header h2 {
    margin: 0;
    color: #3586F6
}

.modal-content .modal-header .modal-close {
    border: none;
    padding: 0;
    border-radius: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f0f0ff url("data:image/svg+xml,%3csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.23438 0.187614L9.23438 13.9009L16.3594 5.69308C16.4742 5.56183 16.6875 5.64152 16.6875 5.81496L16.6875 7.88918C16.6875 7.98058 16.6547 8.0673 16.5961 8.13527L8.91094 16.9923C8.84062 17.0734 8.75369 17.1385 8.65603 17.1831C8.55838 17.2277 8.45228 17.2507 8.34492 17.2507C8.23757 17.2507 8.13147 17.2277 8.03381 17.1831C7.93615 17.1385 7.84922 17.0734 7.77891 16.9923L0.0468751 8.08371C0.0164071 8.04855 1.10238e-07 8.00637 1.10769e-07 7.96183L1.36342e-07 5.8173C1.38411e-07 5.64387 0.215626 5.56418 0.328125 5.69543L7.45313 13.9009L7.45313 0.187614C7.45313 0.0844897 7.5375 0.000114332 7.64063 0.000114333L9.04688 0.00011435C9.15 0.000114351 9.23438 0.0844897 9.23438 0.187614Z' fill='%23501196'/%3e%3c/svg%3e") 50%/30% no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    border-radius: 100%
}

.modal-content .modal-body {
    padding: 20px;
    overflow-y: auto;
    flex: 1 1 auto
}

.modal-content .modal-body h3 {
    color: #3586F6
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 10px 0;
    transition: all .4s;
    background-color: #f0f0ff
}

.header.not-on-top {
    background-color: rgba(237, 245, 225, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.header.not-on-top .header-logo {
    width: 80px
}

.header .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header .header-logo {
    width: 80px;
    position: relative;
    z-index: 2;
    transition: all .4s
}

.header .header-logo img {
    display: block;
    max-width: 100%;
    height: auto
}

.header .navbar-toggler {
    border: none;
    padding: 0;
    border-radius: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    background-color: #f0f0ff;
    border: 1px solid #00235F;
    border-radius: 5px
}

.header .navbar-toggler .navbar-toggler-icon {
    display: block;
    padding: 0;
    width: 20px;
    height: 2px;
    background-color: #f0f0ff;
    position: relative;
    border-radius: 2px
}

.header .navbar-toggler .navbar-toggler-icon:after,
.header .navbar-toggler .navbar-toggler-icon:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #00235F;
    transition: transform .3s
}

.header .navbar-toggler .navbar-toggler-icon:before {
    top: calc(3px * -1)
}

.header .navbar-toggler .navbar-toggler-icon:after {
    bottom: calc(3px * -1)
}

.header .navbar-toggler.active .navbar-toggler-icon {
    background-color: transparent
}

.header .navbar-toggler.active .navbar-toggler-icon:before {
    background-color: #00235F;
    transform: translateY(3px) rotate(45deg)
}

.header .navbar-toggler.active .navbar-toggler-icon:after {
    background-color: #00235F;
    transform: translateY(calc(3px * -1)) rotate(-45deg)
}

.header .header-navigation {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #f0f0ff;
    transform: translate3d(0, -100%, 0);
    transition: all .3s ease-in-out;
    padding: 150px calc(1.2rem * .5) 80px;
    overflow: auto;
    color: #00235F;
    text-align: left
}

.header .header-navigation ul {
    margin: 0 0 40px;
    padding: 0;
    list-style: none;
    font-family: Poppins, sans-serif;
    font-size: 1.5rem;
    font-weight: 700
}

.header .header-navigation ul li {
    margin: 0 0 20px
}

.header .header-navigation ul a {
    text-decoration: none
}

.header .header-navigation.active {
    transform: translate3d(0, 0, 0)
}

@media (min-width:1024px) {
    .header {
        transition: all .3s
    }

    .header .header-top {
        display: block;
        border-bottom: 1px solid #000;
        padding: 0 0 10px;
        margin: 0 0 10px
    }

    .header .header-top .container {
        justify-content: center
    }

    .header .header-top a {
        display: flex;
        align-items: center;
        color: #3586F6;
        text-decoration: none;
        font-size: 1rem;
        margin: 0 20px
    }

    .header .header-top a svg {
        width: 16px;
        height: auto;
        margin: 0 10px 0 0
    }

    .header .header-top a svg path {
        fill: #3586F6;
        transition: all .2s
    }

    .header .header-top a:hover {
        color: #f0f0ff
    }

    .header .header-top a:hover svg path {
        fill: #f0f0ff
    }

    .header .header-logo {
        flex: 0 0 auto;
        width: 130px
    }

    .header .navbar-toggler {
        display: none
    }

    .header .header-navigation {
        position: static;
        width: auto;
        max-width: none;
        height: auto;
        background-color: transparent;
        transform: none;
        transition: none;
        padding: 0;
        overflow: visible;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #00235F
    }

    .header .header-navigation ul {
        opacity: 1;
        transition: none;
        font-size: 1.125rem;
        display: flex;
        margin: 0
    }

    .header .header-navigation ul li {
        margin: 0 40px 0 0
    }

    .header .header-navigation ul a:hover {
        color: #ADD2FA
    }
}

.footer {
    background-color: #3586F6;
    color: #fff;
    padding: 40px 0 0
}

.footer address {
    margin: 0 0 10px;
    font-style: normal
}

.footer .footer-logo {
    width: 200px;
    margin: 0 0 1rem
}

.footer .footer-logo img {
    display: block;
    max-width: 100%;
    height: auto
}

.footer .footer-menu {
    margin: 0 0 10px;
    font-weight: 500
}

.footer .footer-menu strong {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    display: block;
    margin: 0 0 1rem
}

.footer .footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer .footer-menu ul li {
    margin: 0 0 12px
}

.footer .footer-menu ul a {
    text-decoration: none
}

.footer .footer-menu ul a:hover {
    color: #ADD2FA
}

.footer .footer-bottom {
    background-color: #00235F;
    color: #fff;
    padding: 20px 0;
    margin: 30px 0 0;
    font-size: .875em
}

.footer .footer-bottom .container {
    display: flex;
    flex-direction: column-reverse;
    align-items: center
}

.footer .footer-bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.footer .footer-bottom ul li {
    margin: 10px 5px
}

.footer .footer-bottom ul a {
    text-decoration: none
}

.footer .footer-bottom ul a:hover {
    color: #ADD2FA
}

.footer .age-warn {
    display: flex;
    align-items: center
}

.footer .age-warn strong {
    width: 44px;
    height: 44px;
    border: 4px solid #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    background-color: #ADD2FA
}

.footer .age-warn figure {
    width: auto;
    height: 44px;
    margin: 0 0 0 10px
}

.footer .age-warn figure img {
    display: block;
    width: auto;
    height: 100%
}

@media (min-width:768px) {
    .footer .wrapper .col:first-child {
        width: 33%
    }

    .footer .wrapper .col:last-child {
        width: 67%
    }

    .footer .footer-menu {
        text-align: left;
        margin: 0
    }

    .footer .footer-menu ul {
        display: flex;
        flex-wrap: wrap
    }

    .footer .footer-menu ul li {
        margin: 0 25px 25px 0
    }

    .footer .footer-menu ul li:last-child {
        margin-right: 0
    }

    .footer .footer-bottom .container {
        flex-direction: row;
        justify-content: space-between
    }

    .footer .footer-bottom ul li {
        margin: 0 0 0 16px
    }
}

.hero-overlay {
    position: relative;
    height: 100vh;
    color: #f0f0ff;
    padding: 100px 0 100px
}

.hero-overlay .col-image {
    position: absolute;
    inset: 0 0;
    width: 100%;
    height: 100%
}

.hero-overlay .col-image figure {
    width: 100%;
    height: 100%
}

.hero-overlay .col-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero-overlay .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.hero-overlay .col-text {
    position: relative;
    z-index: 2;
    background-color: #f0f0ff;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 0;
    padding: 2rem 1rem;
    overflow: hidden;
    color: #00235F
}

.hero-overlay .col-text h1 {
    color: #3586F6
}

.hero-overlay .col-text .btn-wrap {
    margin: 3rem 0 0
}

@media (min-width:768px) {
    .hero-overlay .col-text {
        width: 60%;
        margin: auto;
        text-align: center
    }
}

@media (min-width:1024px) {
    .hero-overlay {
        height: auto;
        padding: 200px 0 50px
    }

    .hero-overlay .container {
        flex-direction: row;
        justify-content: flex-start
    }

    .hero-overlay .col-image:after {
        background: linear-gradient(to right, #ADD2FA 0, rgba(142, 228, 175, .8) 30%, rgba(142, 228, 175, 0) 100%)
    }

    .hero-overlay .col-text {
        width: 50%;
        padding: 3rem 2rem
    }

    .hero-overlay.text-center .col-text {
        margin: auto
    }
}

.hero-simple {
    padding: 120px 0 40px;
    background-color: #3586F6;
    color: #fff
}

.hero-simple h1 {
    color: #fff
}

.hero-simple p {
    max-width: 25em;
    font-weight: 700
}

.s-intro-text-image figure {
    display: block;
    position: relative;
    padding-top: 65%;
    border-radius: 0
}

.s-intro-text-image figure>img,
.s-intro-text-image figure>video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.s-intro-text-image figure img {
    border-radius: 0
}

@media (min-width:768px) {
    .s-intro-text-image .col-text {
        align-self: center
    }

    .s-intro-text-image figure {
        padding: 0;
        height: 100%
    }

    .s-intro-text-image.reversed {
        flex-direction: row-reverse
    }
}

.s-intro-text {
    text-align: center
}

.s-intro-text .container {
    max-width: 900px
}

.s-testimonials-cols2 .col-image {
    display: block
}

.s-testimonials-cols2 .col-image figure {
    display: block;
    position: relative;
    padding-top: 0;
    border-radius: 0;
    height: 100%
}

.s-testimonials-cols2 .col-image figure>img,
.s-testimonials-cols2 .col-image figure>video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.s-testimonials-cols2 .col-image figure img {
    border-radius: 0
}

.s-testimonials-cols2 .slider {
    background-color: #ADD2FA;
    border: 1px solid #3586F6;
    box-shadow: none;
    color: #00235F;
    border-radius: 0
}

.s-testimonials-cols2 .slider .slider-controls {
    padding: 1.5rem 0
}

.s-testimonials-cols2 .testimonials-item {
    background: 0 0;
    border: none;
    box-shadow: none
}

.s-testimonials .slider-wrapper {
    position: relative
}

@media (min-width:1024px) {
    .s-testimonials .slider-wrapper {
        max-width: 900px;
        margin: auto
    }

    .s-testimonials .slider-wrapper .slider-controls {
        display: block
    }

    .s-testimonials .slider-wrapper .slider-controls .next,
    .s-testimonials .slider-wrapper .slider-controls .prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .s-testimonials .slider-wrapper .slider-controls .prev {
        left: -80px
    }

    .s-testimonials .slider-wrapper .slider-controls .next {
        right: -80px
    }
}

.s-contact-short .form {
    max-width: 700px;
    margin: auto
}

.s-contact-short h2 {
    text-align: center
}

@media (min-width:768px) {

    .s-blog-row .col:nth-child(2n) .product-item,
    .s-products-row .col:nth-child(2n) .product-item {
        flex-direction: row-reverse
    }

    .s-blog-row .col:nth-child(2n) .product-item .details,
    .s-products-row .col:nth-child(2n) .product-item .details {
        padding: 0 30px 0 0
    }
}

@media (min-width:1024px) {

    .s-blog-row .col:nth-child(2n) .product-item .details,
    .s-products-row .col:nth-child(2n) .product-item .details {
        padding: 0 50px 0 0
    }
}

.s-cta {
    text-align: center;
    color: #f0f0ff
}

.s-cta .inner {
    position: relative
}

.s-cta figure {
    position: absolute;
    inset: 0 0;
    width: 100%;
    height: 100%;
    border-radius: 0
}

.s-cta figure:after {
    content: "";
    position: absolute;
    inset: 0 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 56, 107, .5)
}

.s-cta figure img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.s-cta .cta-overlay {
    position: relative;
    z-index: 1
}

.s-cta h2 {
    margin: 0 auto 30px;
    max-width: 500px;
    color: #f0f0ff
}

.s-cta p {
    margin: 0 auto;
    max-width: 400px
}

.s-cta .btn-wrap {
    margin-top: 30px
}

.s-cta-full {
    position: relative
}

.s-cta-full figure {
    position: absolute;
    inset: 0 0;
    width: 100%;
    height: 100%
}

.s-cta-full figure img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.s-cta-full .block-inner {
    background-color: #ADD2FA;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 0;
    padding: 2rem 1rem;
    overflow: hidden
}

.s-cta-full .cta-overlay {
    text-align: center
}

.s-cta-full .cta-overlay form {
    max-width: 600px;
    margin: 40px auto 0
}

.s-cta-full .cta-overlay h2 {
    margin: 0 auto 30px;
    max-width: 500px
}

.s-cta-full .cta-overlay p {
    margin: 0 auto;
    max-width: 400px
}

.s-cta-full .cta-overlay .btn-wrap {
    margin-top: 30px
}

@media (min-width:768px) {
    .s-cta-full .block-inner {
        padding: 3rem 2rem
    }
}

@media (min-width:1024px) {
    .s-cta-full .block-inner {
        padding: 3rem
    }
}

.text-image .wrapper {
    align-items: center;
    justify-content: space-between
}

.text-image .image {
    position: relative
}

.text-image figure {
    aspect-ratio: 3/2;
    border-radius: 0
}

.text-image figure img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0
}

@media (min-width:768px) {
    .text-image--left .wrapper {
        flex-direction: row-reverse
    }
}

@media (min-width:1024px) {
    .text-image .col-text {
        width: 40%
    }
}

.s-thank {
    display: flex;
    flex-direction: column;
    height: 100vh;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #ADD2FA;
    margin: 0 !important
}

.s-thank h1 {
    color: #3586F6
}

.s-thank h1,
.s-thank p {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.s-thank .btn-wrap {
    padding: 20px 0 0
}

.map {
    height: 300px
}

@media (min-width:768px) {
    .map {
        height: 400px
    }
}

.map iframe {
    border-radius: 0
}

.page-text h3:not(:first-child) {
    margin-top: 30px
}

.how-it-works h2 {
    text-align: center
}

.how-it-works .item {
    background: #ADD2FA;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 1rem;
    text-align: center;
    border-radius: 0;
    height: 100%;
    overflow: hidden
}

.how-it-works .col {
    position: relative
}

.how-it-works .icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px
}

.how-it-works .icon img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:768px) and (max-width:1023.98px) {
    .how-it-works .col {
        width: 50%
    }
}

.popular-contests .item {
    overflow: hidden;
    background-color: #fff
}

.popular-contests .item ul {
    margin: 0 0 1.5rem;
    padding: 0;
    list-style: none
}

.popular-contests .item ul li {
    display: flex;
    justify-content: space-between;
    margin: 0 0 5px
}

.subscription {
    text-align: center
}

.subscription form {
    max-width: 600px;
    margin: 2rem auto 0
}

.about-section {
    background: url(../img/10.png) 0 0/cover
}

.our-community {
    background: url(../img/11.png) 0 0/cover
}

.faqs {
    background: url(../img/5.png) 0 0/cover
}

.faqs h2 {
    text-align: center
}

.top-gamers .table {
    overflow-x: auto
}

.top-gamers table {
    width: 100%
}

.top-gamers table td,
.top-gamers table th {
    text-align: left;
    padding: 16px
}

.top-gamers table th {
    background-color: #3586F6;
    color: #fff
}

.top-gamers table th:first-child {
    border-top-left-radius: 10px
}

.top-gamers table th:last-child {
    border-top-right-radius: 10px
}

.top-gamers table img {
    display: inline-block;
    width: 30px;
    height: auto
}

.top-gamers table tr td {
    background-color: #ADD2FA
}

.top-gamers table tr td:first-child {
    text-align: center
}

.top-gamers table tr:nth-child(2n+1) td {
    background-color: #7A9FA8
}

.top-gamers table tr:last-child td:first-child {
    border-bottom-left-radius: 10px
}

.top-gamers table tr:last-child td:last-child {
    border-bottom-right-radius: 10px
}

.top-gamers table tr:first-child img {
    width: 50px
}

.top-gamers table tr:nth-child(2) img {
    width: 45px
}

.top-gamers table tr:nth-child(3) img {
    width: 40px
}

.top-gamers table tr:nth-child(4) img {
    width: 35px
}

.testimonials h2 {
    text-align: center
}

.cta {
    text-align: center
}

.advantages h2,
.advantages-about h2 {
    text-align: center
}

.advantages .wrapper,
.advantages-about .wrapper {
    justify-content: center
}

.advantages .item,
.advantages-about .item {
    background: #ADD2FA;
    padding: 1rem;
    text-align: center;
    border-radius: 0;
    height: 100%;
    overflow: hidden
}

.advantages .icon,
.advantages-about .icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px
}

.advantages .icon img,
.advantages-about .icon img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:768px) and (max-width:1023.98px) {

    .advantages .col,
    .advantages-about .col {
        width: 50%
    }
}

.has-bg .block-inner {
    background-color: #ADD2FA;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 0;
    padding: 2rem 1rem;
    overflow: hidden
}

@media (min-width:768px) {
    .has-bg .block-inner {
        padding: 3rem 2rem
    }
}

@media (min-width:1024px) {
    .has-bg .block-inner {
        padding: 3rem
    }
}