@charset "UTF-8";

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

@font-face {
    font-family: Socar Sans Pro;
    src: url(../fonts/Socar-Sans-Pro-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

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

@font-face {
    font-family: icons;
    src: url(/assets/fonts/icons.eot?4ojgx7);
    src: url(data:font/woff;base64,d09GRgABAAAAAAV4AAsAAAAABSwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGrGNtYXAAAAFoAAAAVAAAAFQXVtKJZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAXwAAAF8gSHov2hlYWQAAANAAAAANgAAADYwioYlaGhlYQAAA3gAAAAkAAAAJApKBnNobXR4AAADnAAAABwAAAAcFgAAAGxvY2EAAAO4AAAAEAAAABAAugEcbWF4cAAAA8gAAAAgAAAAIAAJAC5uYW1lAAAD6AAAAW4AAAFu0YJtmXBvc3QAAAVYAAAAIAAAACAAAwAAAAMEgAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QIDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkC//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AFNgPAABYAAAEmIgcJASYiBwYUFwEeATMyNjcBNjQnBTYgWiD9T/7OIFofICABfw8oFRUoEAL+Hx8DoCAg/U8BMiAgH1og/oEQDw8QAv4gWh8AAAEAAP/AA7QDwAArAAAlJyYGBw4BJyYnLgEnJicmNjc+AS8BJiIPAQYXHgEXFhcWFx4BMxY/ATY0JwO0iCVkDgs/ISQpKUgbGwkLJSEvFySJHUwaXCMBAUA8PVZWWFieP0AkXRkZ9IglFzAgIQcJGhtHKSgnIT8LDmQkiBoaXCRAP55YWFZWPT5BASVcHU0ZAAEAAP/ABogDwAAWAAAFIiYnASY0NzYyFwkBNjIXFhQHAQ4BIwNVFywR/SIjIyNjIwKJAoojYyMjI/0iEiwXDRIRAt4jYyMjI/13AokjIyNjI/0iERIAAAABAAAAAQAAqOacgV8PPPUACwQAAAAAAOVxoNQAAAAA5XGg1AAA/8AGiAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAarAAAAAAaIAAEAAAAAAAAAAAAAAAAAAAAHBAAAAAAAAAAAAAAAAgAAAAVVAAAEAAAABqsAAAAAAAAACgAUAB4ASgCSAL4AAQAAAAcALAABAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAUAAAABAAAAAAACAAcATgABAAAAAAADAAUAMAABAAAAAAAEAAUAYwABAAAAAAAFAAsADwABAAAAAAAGAAUAPwABAAAAAAAKABoAcgADAAEECQABAAoABQADAAEECQACAA4AVQADAAEECQADAAoANQADAAEECQAEAAoAaAADAAEECQAFABYAGgADAAEECQAGAAoARAADAAEECQAKADQAjGljb25zAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb25zAGkAYwBvAG4Ac2ljb25zAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb25zAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=_icon-]:before,
[class*=" _icon-"]:before {
    font-family: icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

._icon-done:before {
    content: ""
}

._icon-phone:before {
    content: ""
}

._icon-arrow:before {
    content: ""
}

* {
    padding: 0;
    margin: 0;
    border: 0px
}

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

*:before,
*:after {
    display: inline-block
}

html,
body {
    height: 100%
}

body {
    scrollbar-gutter: stable;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

input,
button,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: transparent
}

input,
textarea {
    width: 100%
}

label {
    display: inline-block
}

button,
select,
option {
    cursor: pointer
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit
}

:root {
    --dark-blue: #05003c;
    --black: #000;
    --white: #fff;
    --primary: #cc171e;
    --input-placeholder: #6b88a1;
    --surface-variant: #a0b5c6;
    --on-surface: #f5f5f5;
    --copy-text: #4a5b68;
    --center-gradient: radial-gradient(64.11% 54.55% at 50.45% 47.55%, #2376bc 0%, #000 96.3%), var(--Blue, #2376bc);
    --card-gradient: radial-gradient(93.44% 93.44% at 50% .36%, #0c2337 0%, #050c14 100%);
    --bg: linear-gradient(0deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .2) 100%), linear-gradient(0deg, var(--Black, #000) 0%, var(--Black, #000) 100%), #000;
    --font-main: "Socar Sans Pro", sans-serif;
    --container-width: 61.25rem;
    --gap: 1.25rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    line-height: 1
}

a {
    transition: color .3s ease
}

a:hover {
    color: var(--accent-color)
}

.text-formatted {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25;
    color: var(--black)
}

.text-formatted p:not(:last-child) {
    margin-bottom: 1rem
}

.text-formatted h1,
.text-formatted h2,
.text-formatted h3,
.text-formatted h4,
.text-formatted h5 {
    font-weight: 700;
    line-height: 1.5
}

.text-formatted h1:not(:first-child),
.text-formatted h2:not(:first-child),
.text-formatted h3:not(:first-child),
.text-formatted h4:not(:first-child),
.text-formatted h5:not(:first-child) {
    margin-top: 2rem
}

.text-formatted h1:not(:last-child),
.text-formatted h2:not(:last-child),
.text-formatted h3:not(:last-child),
.text-formatted h4:not(:last-child),
.text-formatted h5:not(:last-child) {
    margin-bottom: 1rem
}

.text-formatted h1 {
    font-size: 2rem
}

@media(max-width:767.98px) {
    .text-formatted h1 {
        font-size: 1.25rem
    }
}

.text-formatted h2 {
    font-size: 1.25rem
}

@media(max-width:767.98px) {
    .text-formatted h2 {
        font-size: 1rem
    }
}

.text-formatted h3 {
    font-size: 1.125rem
}

@media(max-width:767.98px) {
    .text-formatted h3 {
        font-size: 1rem
    }
}

.text-formatted h4,
.text-formatted h5 {
    font-size: 1rem
}

.text-formatted ul,
.text-formatted ol {
    list-style: none;
    padding: 0;
    margin: 0
}

.text-formatted ul:not(:last-child),
.text-formatted ol:not(:last-child) {
    margin-bottom: 1.25rem
}

@media(max-width:1023.98px) {

    .text-formatted ul:not(:last-child),
    .text-formatted ol:not(:last-child) {
        margin-bottom: 1rem
    }
}

.text-formatted li:not(:last-child) {
    margin-bottom: 0
}

.text-formatted ul>li {
    position: relative;
    padding-left: 1.875rem
}

@media(max-width:1023.98px) {
    .text-formatted ul>li {
        padding-left: 1.5rem
    }
}

.text-formatted ul>li:before {
    content: "";
    position: absolute;
    left: .75rem;
    top: .625rem;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background: var(--grey-scale-700)
}

@media(max-width:1023.98px) {
    .text-formatted ul>li:before {
        left: .625rem
    }
}

.text-formatted ol {
    counter-reset: number
}

.text-formatted ol>li {
    position: relative;
    counter-increment: number;
    padding-left: toRem(20)
}

.text-formatted ol>li:before {
    content: counter(number) ".";
    position: absolute;
    top: 0;
    left: 0
}

.text-formatted a {
    text-decoration: underline;
    transition: color .3s
}

@media(any-hover:hover) {
    .text-formatted a:hover {
        color: var(--main-700);
        text-decoration: none
    }
}

.text-formatted img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: .375rem
}

.text-formatted img:not(:first-child) {
    margin-top: 2rem
}

.text-formatted img:not(:last-child) {
    margin-bottom: 2rem
}

@media(max-width:1023.98px) {
    .text-formatted img:not(:last-child) {
        margin-bottom: 1.25rem
    }
}

.text-formatted .button {
    text-decoration: none;
    transition: box-shadow .3s
}

.text-formatted .button:after {
    content: "";
    flex-shrink: 0;
    width: 1.125rem;
    height: .75rem;
    margin-left: .75rem;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="12" viewBox="0 0 18 12" fill="none"><path d="M0 7L14.17 7L10.59 10.59L12 12L18 6L12 0L10.59 1.41L14.17 5L0 5V7Z" fill="white"/></svg>') center no-repeat
}

@media(max-width:1023.98px) {
    .text-formatted .button:after {
        display: none
    }
}

.text-formatted .button:hover {
    box-shadow: inset 0 3.125rem 0 var(--main-700);
    color: var(--white)
}

@media(min-width:992px) {

    html,
    html * {
        scrollbar-color: auto;
        scrollbar-width: auto
    }

    html::-webkit-scrollbar,
    html *::-webkit-scrollbar {
        width: .25rem;
        height: .25rem
    }

    html::-webkit-scrollbar-button,
    html *::-webkit-scrollbar-button {
        display: none
    }

    html::-webkit-scrollbar-track,
    html *::-webkit-scrollbar-track {
        background: #f9f9f9
    }

    html::-webkit-scrollbar-track-piece,
    html *::-webkit-scrollbar-track-piece {
        background: #f9f9f9
    }

    html::-webkit-scrollbar-thumb,
    html *::-webkit-scrollbar-thumb {
        background: #075ba2;
        border-radius: 2rem
    }

    html::-webkit-scrollbar-corner,
    html *::-webkit-scrollbar-corner {
        background: #f9f9f9
    }
}

html {
    scroll-behavior: smooth;
    background: var(--bg, #fff)
}

body {
    min-width: 20rem;
    color: var(--on-surface);
    font-family: var(--font-main);
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    background: var(--bg, #fff)
}

[data-scrolllock] body {
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: clip
}

.wrapper>main {
    flex: 1 1 auto;
    padding-bottom: 2.125rem
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    max-width: var(--container-width);
    margin: 0 auto;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

button[hidden],
.hidden {
    display: none !important
}

.lock {
    overflow: hidden
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal
}

.title {
    color: var(--on-surface);
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase
}

.title span {
    display: block;
    text-indent: 6.875rem
}

@media(max-width:390px) {
    .title span {
        text-indent: 3.125rem
    }
}

.title:not(:last-child) {
    margin-bottom: 1rem
}

@media(min-width:1024px) {
    .title {
        font-size: 3rem
    }
}

.heading {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-eight: 1.125rem;
    color: var(--on-surface);
    font-size: .75rem;
    font-weight: 300;
    line-height: normal;
    background: radial-gradient(50% 50% at 50% 50%, #2376bc, #000)
}

.heading:not(:last-child) {
    margin-bottom: .625rem
}

@media(min-width:1024px) {
    .heading:not(:last-child) {
        margin-bottom: 1.25rem
    }
}

.heading:after,
.heading:before {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #f5f5f529
}

@media(min-width:768px) {
    .heading {
        font-size: 1rem
    }
}

@media(min-width:1024px) {
    .heading {
        font-size: 2rem
    }
}

.section:not(:last-child) {
    margin-bottom: 3.5rem
}

@media(min-width:1024px) {
    .section:not(:last-child) {
        margin-bottom: 5rem
    }
}

.js-accordion-body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .4s ease, opacity .4s ease
}

.js-accordion-body.is-open {
    opacity: 1
}

.js-accordion-trigger {
    position: relative;
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    border-radius: .75rem;
    font-size: .75rem;
    font-weight: 300;
    line-height: 1.33;
    text-transform: uppercase
}

@media(min-width:1024px) {
    .js-accordion-trigger {
        font-size: 1rem;
        padding: 1.25rem
    }
}

.js-accordion-trigger span {
    display: flex;
    align-items: center;
    gap: .75rem;
    order: 1;
    text-align: left
}

.js-accordion-trigger span:before {
    content: "";
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none"><path d="M8.02503 3.24538e-05C3.58753 -0.0124675 -0.0124675 3.58753 3.24538e-05 8.02503C0.0125325 12.4125 3.67191 16 8.05941 16H16V8.05941C16 3.67191 12.4125 0.0125325 8.02503 3.24538e-05ZM8.71253 12.075C8.50316 12.2594 8.24378 12.3532 7.93128 12.3532C7.61878 12.3532 7.35941 12.2594 7.15003 12.075C6.94066 11.8907 6.83753 11.6532 6.83753 11.3657C6.83753 11.0782 6.94066 10.8407 7.15003 10.6563C7.35941 10.4719 7.61878 10.3782 7.93128 10.3782C8.24378 10.3782 8.50316 10.4719 8.71253 10.6563C8.92191 10.8407 9.02503 11.0782 9.02503 11.3657C9.02503 11.6532 8.91878 11.8875 8.71253 12.075ZM10.5625 6.84691C10.4344 7.11253 10.2282 7.38441 9.94378 7.65941L9.27191 8.28441C9.08128 8.46878 8.94691 8.65628 8.87503 8.85003C8.80003 9.04378 8.75941 9.28753 8.75316 9.58441H7.07816C7.07816 9.01566 7.14378 8.56566 7.27191 8.23753C7.40316 7.90316 7.61878 7.60941 7.89691 7.38128C8.18441 7.14066 8.40628 6.91878 8.55628 6.71878C8.70316 6.52816 8.78128 6.29378 8.78128 6.05628C8.78128 5.46878 8.52816 5.17191 8.02191 5.17191C7.80316 5.16566 7.59378 5.25941 7.45628 5.42816C7.31253 5.60003 7.23441 5.83128 7.22816 6.12503H5.25316C5.26253 5.34378 5.50628 4.73753 5.99066 4.30316C6.47503 3.86878 7.15316 3.65003 8.02503 3.65003C8.89378 3.65003 9.56878 3.85003 10.0469 4.25316C10.525 4.65628 10.7625 5.22503 10.7625 5.96566C10.7594 6.26878 10.6938 6.57191 10.5625 6.84691Z" fill="%23CC171E"/><path d="M8.71253 12.075C8.50316 12.2594 8.24378 12.3532 7.93128 12.3532C7.61878 12.3532 7.35941 12.2594 7.15003 12.075C6.94066 11.8907 6.83753 11.6532 6.83753 11.3657C6.83753 11.0782 6.94066 10.8407 7.15003 10.6563C7.35941 10.4719 7.61878 10.3782 7.93128 10.3782C8.24378 10.3782 8.50316 10.4719 8.71253 10.6563C8.92191 10.8407 9.02503 11.0782 9.02503 11.3657C9.02503 11.6532 8.91878 11.8875 8.71253 12.075Z" fill="white"/><path d="M10.5625 6.84691C10.4344 7.11253 10.2282 7.38441 9.94378 7.65941L9.27191 8.28441C9.08128 8.46878 8.94691 8.65628 8.87503 8.85003C8.80003 9.04378 8.75941 9.28753 8.75316 9.58441H7.07816C7.07816 9.01566 7.14378 8.56566 7.27191 8.23753C7.40316 7.90316 7.61878 7.60941 7.89691 7.38128C8.18441 7.14066 8.40628 6.91878 8.55628 6.71878C8.70316 6.52816 8.78128 6.29378 8.78128 6.05628C8.78128 5.46878 8.52816 5.17191 8.02191 5.17191C7.80316 5.16566 7.59378 5.25941 7.45628 5.42816C7.31253 5.60003 7.23441 5.83128 7.22816 6.12503H5.25316C5.26253 5.34378 5.50628 4.73753 5.99066 4.30316C6.47503 3.86878 7.15316 3.65003 8.02503 3.65003C8.89378 3.65003 9.56878 3.85003 10.0469 4.25316C10.525 4.65628 10.7625 5.22503 10.7625 5.96566C10.7594 6.26878 10.6938 6.57191 10.5625 6.84691Z" fill="white"/></svg>') center no-repeat
}

@media(min-width:1024px) {
    .js-accordion-trigger span:before {
        width: 1.5rem;
        height: 1.5rem
    }
}

.js-accordion-trigger:before {
    order: 2;
    font-size: .4375rem;
    transition: transform .3s;
    margin-left: auto
}

.js-accordion-trigger.is-active:before {
    transform: rotate(-180deg)
}

.button {
    position: relative;
    min-height: 3.5rem;
    width: 100%;
    padding: 1rem 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--white);
    overflow: hidden;
    background: var(--primary);
    border: none;
    border-radius: 6.25rem;
    transition: all .3s ease;
    text-decoration: none
}

.button:hover {
    box-shadow: 0 .125rem .375rem .5rem #cc171d33;
    transform: translateY(-.125rem)
}

.button:focus,
.button:hover {
    outline: none
}

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

.button[disabled] {
    pointer-events: none;
    background: #ffffff0a;
    -webkit-backdrop-filter: blur(4.375rem);
    backdrop-filter: blur(4.375rem)
}

.button.button-border {
    background: transparent;
    border: 1px solid var(--on-surface)
}

.button.button-border:hover {
    box-shadow: 0 .125rem .375rem .5rem #cc171d33;
    transform: translateY(-.125rem);
    background: var(--primary);
    border-color: var(--primary)
}

input[type=date],
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

form {
    display: flex;
    flex-direction: column;
    row-gap: 1rem
}

.form-group {
    position: relative;
    border-radius: 6.25rem;
    box-shadow: 0 0 .5rem .375rem #0095ff80
}

.form-group-inner {
    position: relative;
    z-index: 1;
    border-radius: 6.25rem;
    overflow: hidden;
    padding: .125rem
}

.form-group-inner:after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border-radius: 6.25rem;
    box-shadow: inset 0 0 0 .125rem #ffffff29;
    pointer-events: none
}

.form-group-inner:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200%;
    height: 500%;
    border-radius: 6.25rem;
    background: conic-gradient(from 90deg, transparent 0%, transparent 60%, rgb(255, 255, 255) 100%);
    pointer-events: none;
    animation: spin-border 4s linear infinite;
    z-index: -1
}

.form-input {
    position: relative;
    z-index: 2;
    display: flex;
    height: 3.5rem;
    padding: 1.125rem 1.5rem;
    align-items: center;
    gap: .5rem;
    width: 100%;
    font-size: 1.25rem;
    font-weight: 300;
    align-self: stretch;
    border-radius: 6.25rem;
    border: none;
    background: #122637;
    -webkit-backdrop-filter: blur(4.375rem);
    backdrop-filter: blur(4.375rem);
    outline: none
}

.form-input::placeholder {
    color: var(--input-placeholder)
}

.form-label {
    color: var(--on-surface);
    text-align: center;
    font-size: .875rem
}

@media(min-width:1024px) {
    .form-label {
        font-size: 1rem;
        text-align: left
    }
}

.custom-checkbox {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    color: var(--white);
    font-size: .875rem;
    font-weight: 400;
    transition: color .3s;
    cursor: pointer
}

@media(min-width:1024px) {
    .custom-checkbox {
        margin-left: 0
    }
}

@media(any-hover:hover) {
    .custom-checkbox:hover {
        color: var(--primary)
    }
}

.custom-checkbox:has(input[type=checkbox]:checked) .checkmark {
    background: var(--primary)
}

.custom-checkbox:has(input[type=checkbox]:checked) .checkmark:before {
    opacity: 1
}

.custom-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

.custom-checkbox a {
    color: var(--white);
    text-decoration: underline
}

.custom-checkbox a:hover {
    text-decoration: none;
    color: var(--white)
}

.custom-checkbox .checkmark {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .25rem;
    flex-shrink: 0;
    border: .125rem solid var(--primary)
}

.custom-checkbox .checkmark:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .75rem;
    height: .5625rem;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="9" viewBox="0 0 12 9" fill="none"><path d="M11.7212 0.278745C11.3499 -0.093032 10.747 -0.0927976 10.3752 0.278745L4.31744 6.33674L1.62503 3.64435C1.25325 3.27257 0.650609 3.27257 0.278832 3.64435C-0.0929441 4.01613 -0.0929441 4.61877 0.278832 4.99055L3.6442 8.35592C3.82998 8.54169 4.07357 8.63481 4.31719 8.63481C4.5608 8.63481 4.80463 8.54192 4.9904 8.35592L11.7212 1.62492C12.0929 1.2534 12.0929 0.650498 11.7212 0.278745Z" fill="%23F5F5F5"/></svg>') center no-repeat;
    opacity: 0;
    transition: opacity .3s
}

.phone-error-message {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: .75rem;
    color: red
}

.swiper-pagination {
    --swiper-pagination-bottom: 1.25rem;
    --swiper-pagination-bullet-horizontal-gap: .3125rem
}

.swiper-pagination .swiper-pagination-bullet {
    width: 1.25rem;
    height: .125rem;
    border-radius: 6.25rem;
    background: #ffffff1f;
    transition: background .3s
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--primary)
}

@keyframes spin-border {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.snow-container,
.hero {
    position: relative;
    overflow: hidden
}

.snowflake {
    position: absolute;
    top: -3.125rem;
    left: 0;
    pointer-events: none;
    z-index: 10;
    will-change: transform, opacity;
    animation: fall linear infinite
}

@keyframes fall {
    0% {
        transform: translateY(-3.125rem) rotate(0);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    90% {
        opacity: .8
    }

    to {
        transform: translateY(var(--fall-distance)) rotate(360deg);
        opacity: 0
    }
}

.hero {
    position: relative;
    overflow: hidden;
    padding-top: 15.75rem;
    padding-bottom: 4.75rem;
    background: radial-gradient(64.11% 54.55% at 50.45% 47.55%, #2376bc, #000 96.3%)
}

.hero:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: .5rem;
    left: 50%;
    width: 78.25rem;
    height: 38.875rem;
    transform: translate(-50%);
    border-radius: 0 0 62.5rem 62.5rem;
    border-bottom: .125rem solid var(--white);
    background: radial-gradient(105.91% 63.86% at 50% 50%, #2376bc, #000), #ffffff14;
    box-shadow: 0 0 .5rem .375rem #0095ff80
}

.hero__bg {
    position: absolute;
    top: -1.25rem;
    left: 50%;
    width: 36.0625rem;
    aspect-ratio: 1/1;
    transform: translate(-50%)
}

@media(min-width:1280px) {
    .hero__bg {
        left: 60%
    }
}

.hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.hero__container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column
}

.hero__container:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #000;
    filter: blur(7.3125rem)
}

.hero__title {
    position: relative;
    z-index: 2
}

.hero__title:not(:last-child) {
    margin-bottom: .5rem
}

.hero__subtitle {
    position: relative;
    z-index: 2;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase
}

@media(min-width:1024px) {
    .hero__subtitle {
        text-align: left;
        font-size: 1.5rem
    }
}

.hero__subtitle:not(:last-child) {
    margin-bottom: 1rem
}

.hero form {
    position: relative;
    z-index: 2
}

@media(min-width:1024px) {
    .hero form {
        max-width: 32.5rem
    }
}

.utp {
    padding-top: 0
}

.utp:not(:last-child) {
    margin-bottom: 3.5rem
}

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

@media(min-width:1024px) {
    .utp__list {
        gap: 1.5rem
    }
}

.utp__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: .625rem;
    font-size: .75rem;
    font-weight: 300;
    line-height: normal;
    text-align: center
}

@media(min-width:768px) {
    .utp__item {
        font-size: 1rem
    }
}

@media(min-width:1024px) {
    .utp__item {
        font-size: 1.25rem
    }
}

.utp__img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .5rem .75rem
}

.utp__img:before {
    content: "";
    position: absolute;
    top: .375rem;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    aspect-ratio: 1;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 80 80" fill="none"><foreignObject x="-13.2453" y="-13.2453" width="105.962" height="105.962"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(6.62px);clip-path:url(%23bgblur_0_138_618_clip_path);height:100%;width:100%"></div></foreignObject><circle data-figma-bg-blur-radius="13.2453" cx="39.7358" cy="39.7358" r="39.4858" fill="url(%23paint0_radial_138_618)" stroke="url(%23paint1_linear_138_618)" stroke-width="0.5"/><defs><clipPath id="bgblur_0_138_618_clip_path" transform="translate(13.2453 13.2453)"><circle cx="39.7358" cy="39.7358" r="39.4858"/></clipPath><radialGradient id="paint0_radial_138_618" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.7358 39.7358) rotate(89.6461) scale(42.765 46.1557)"><stop offset="0.312294" stop-color="%232376BC"/><stop offset="1"/></radialGradient><linearGradient id="paint1_linear_138_618" x1="39.7358" y1="0" x2="39.7358" y2="79.4717" gradientUnits="userSpaceOnUse"><stop stop-color="%230094FF" stop-opacity="0.02"/><stop offset="1" stop-color="white"/></linearGradient></defs></svg>') center no-repeat
}

.utp__img img {
    position: relative;
    z-index: 2;
    width: auto;
    height: 4.5rem;
    aspect-ratio: 31/36;
    object-fit: contain
}

@media(min-width:768px) {
    .utp__img img {
        height: 7.5rem
    }
}

.does-work__title {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.125rem;
    text-transform: uppercase
}

.does-work__title:not(:last-child) {
    margin-bottom: 1rem
}

.does-work__list {
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
    counter-reset: number
}

.does-work__list:not(:last-child) {
    margin-bottom: 1rem
}

.does-work__item {
    position: relative;
    display: flex;
    flex-direction: column;
    counter-increment: number;
    padding: .75rem 1rem;
    border-radius: .75rem;
    border: 1px solid rgba(145, 209, 255, .24);
    background: radial-gradient(93.44% 93.44% at 50% .36%, #0c2337, #050c14)
}

.does-work__item:first-child {
    box-shadow: 0 -.1875rem .375rem .1875rem #0095ff33
}

.does-work__item:before {
    content: counters(number, ".", decimal-leading-zero);
    background: linear-gradient(180deg, #d4edff66 11.55%, #0094ff00 90.12%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: -1.5rem
}

.does-work__heading {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase
}

.does-work__heading:not(:last-child) {
    margin-bottom: .25rem
}

.does-work__text {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.28
}

.promotion__title:not(:last-child) {
    margin-bottom: .75rem
}

.promotion__title span:last-child {
    text-indent: 1.375rem
}

.promotion__list {
    display: flex;
    flex-direction: column;
    row-gap: .5rem
}

.promotion__list:not(:last-child) {
    margin-bottom: 1rem
}

.promotion__item {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 1rem;
    min-height: 3rem;
    border-radius: .75rem;
    border: .5px solid rgba(145, 209, 255, .24);
    background: radial-gradient(93.44% 93.44% at 50% .36%, #0c2337, #050c14);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.28;
    text-transform: uppercase
}

@media(min-width:1024px) {
    .promotion__item {
        font-size: 1.25rem
    }
}

.promotion__icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0
}

@media(min-width:1024px) {
    .promotion__icon {
        width: 2rem;
        height: 2rem
    }
}

.promotion__icon img {
    width: 100%;
    height: 100%;
    object-fit: scale-down
}

.faq__head {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.28;
    text-transform: uppercase
}

.faq__head:not(:last-child) {
    margin-bottom: .5rem
}

.faq__list {
    display: flex;
    flex-direction: column;
    row-gap: .5rem
}

.faq__list:not(:last-child) {
    margin-bottom: 1rem
}

.faq__item {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(145, 209, 255, .24);
    background: radial-gradient(93.44% 93.44% at 50% .36%, #0c2337, #050c14);
    border-radius: .75rem
}

.faq__item.is-hidden {
    display: none
}

.faq__item {
    animation: fade-in .5s ease
}

.faq__text {
    padding: 0 1rem .75rem 2.75rem;
    font-size: .75rem;
    font-weight: 300;
    line-height: 1.33
}

@media(min-width:1024px) {
    .faq__text {
        padding: 0 1.25rem 1.25rem 3.5rem;
        font-size: 1rem
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(.625rem)
    }

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

.level__body {
    position: relative;
    max-width: 37.5rem;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 2rem 1.25rem 0;
    overflow: hidden;
    border-radius: 1rem;
    border: .5px solid #fff;
    background: radial-gradient(105.91% 63.86% at 50% 50%, #2376bc, #000), #ffffff14
}

.level__body:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, #ce1a1dcc, #ce1a1d33 70%, #ce1a1d1a, #ce1a1d00)
}

.level__decor {
    position: absolute;
    top: .5625rem;
    right: .6875rem;
    width: 9.625rem
}

.level__decor img {
    width: 100%;
    aspect-ratio: 77/85
}

.level__decor:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--black);
    filter: blur(6.375rem)
}

.level__content {
    position: relative;
    z-index: 2;
    padding-left: 2.6875rem;
    display: flex;
    flex-direction: column;
    row-gap: 1rem
}

.level__content:not(:last-child) {
    margin-bottom: 1rem
}

.level__heading {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25;
    text-transform: uppercase
}

.level__text {
    font-size: .875rem;
    font-weight: 300
}

.level .button:not(:last-child) {
    margin-bottom: 1.75rem
}

.level__img {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center
}

.level__img:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ce1a1d33;
    filter: blur(5rem)
}

.level .button {
    width: 100%
}

@media(min-width:1024px) {
    .level .button {
        width: fit-content
    }
}

.bonus__body {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 15.5rem 1.25rem 2rem;
    border-radius: 1rem;
    border: .5px solid var(--white);
    box-shadow: 0 -.375rem .625rem .375rem #0095ff66;
    background: radial-gradient(105.91% 63.86% at 50% 50%, #2376bc, #000), #ffffff14
}

.bonus__body:before {
    content: "";
    position: absolute;
    bottom: 6.25rem;
    z-index: 2;
    left: 50%;
    width: 100%;
    height: 50%;
    transform: translate(-50%);
    background: #000;
    filter: blur(7.3125rem)
}

.bonus__img {
    position: absolute;
    top: -2.8125rem;
    left: 50%;
    transform: translate(-50%);
    width: 31.1875rem
}

@media(min-width:1024px) {
    .bonus__img {
        left: 65%
    }
}

.bonus__title {
    position: relative;
    z-index: 3
}

.bonus__title span:last-child {
    text-indent: 2.625rem
}

.bonus form {
    position: relative;
    z-index: 3
}

.workshop {
    overflow: hidden;
    padding: 1.25rem 0
}

.workshop__slider {
    overflow: visible !important
}

.workshop__slider .swiper-slide {
    opacity: 1;
    height: auto !important
}

.workshop__slider .swiper-slide:not(.swiper-slide-visible) {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s
}

.workshop-cart {
    display: flex;
    padding: 2rem 1.25rem 2.25rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 1rem;
    box-shadow: 0 -.375rem .625rem .375rem #0095ff66;
    border: 1px solid var(--white);
    background: radial-gradient(105.91% 63.86% at 50% 50%, #2376bc, #000), #ffffff14
}

.workshop-cart__img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.workshop-cart__img img {
    width: 100%;
    aspect-ratio: 310/197
}

.workshop-cart__img:not(:last-child) {
    margin-bottom: 1rem
}

.workshop-cart__title {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase
}

.workshop-cart__title span {
    display: block
}

.workshop-cart__title span:last-child {
    text-indent: 5rem
}

.workshop-cart__title:not(:last-child) {
    margin-bottom: 1rem
}

.workshop-cart__text {
    padding-left: 5.25rem;
    font-size: .875rem;
    font-weight: 300;
    line-height: normal
}

.workshop-cart__text:not(:last-child) {
    margin-bottom: 1rem
}

.workshop-cart .button {
    width: 100%
}

.workshop-cart .button:not(:last-child) {
    margin-bottom: 1rem
}

.workshop-cart__heading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 300;
    line-height: normal;
    gap: .75rem
}

.workshop-cart__heading:after,
.workshop-cart__heading:before {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #ffffff29
}

.workshop-cart__heading:not(:last-child) {
    margin-bottom: .75rem
}

.workshop-cart__utp {
    padding: .125rem 1rem .125rem .125rem;
    display: flex;
    align-items: center;
    gap: .25rem;
    border-radius: .75rem;
    background: #ffffff0a
}

.workshop-cart__utp-img {
    width: 6.5rem;
    height: 6.5rem;
    flex-shrink: 0
}

.workshop-cart__utp-img img {
    width: 100%;
    aspect-ratio: 1
}

.workshop-cart__utp-content {
    display: flex;
    flex-direction: column
}

.workshop-cart__utp-title {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.4
}

.workshop-cart__utp-text {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.28;
    color: var(--surface-variant)
}

.footer {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-radius: 1.5rem 1.5rem 0 0;
    background: radial-gradient(93.44% 93.44% at 50% .36%, #0c2337, #050c14), var(--Overay-8, rgba(245, 245, 245, .08))
}

.footer__logo {
    position: relative;
    display: flex
}

.footer__logo img {
    height: 7.625rem;
    width: auto
}

.footer__logo:not(:last-child) {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem
}

.footer__logo:not(:last-child):before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 1px;
    height: 1px;
    display: block;
    background: var(--white);
    box-shadow: 0 0 .5rem .25rem #0095ffcc
}

.footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap
}

.footer__copyright {
    color: var(--copy-text);
    font-size: .75rem;
    font-weight: 300
}

.fenix {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .75rem;
    font-weight: 300;
    transition: color .3s;
    color: var(--copy-text)
}

@media(any-hover:hover) {
    .fenix:hover {
        color: var(--primary)
    }
}

.fenix img {
    flex-shrink: 0;
    width: 4rem;
    height: auto
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding-top: 1.25rem;
    padding-bottom: .75rem
}

@media(min-width:1024px) {
    .header {
        padding-bottom: 1.25rem
    }
}

.header__container {
    display: flex;
    align-items: center;
    gap: 1rem
}

.header__logo img {
    height: 2rem;
    width: auto
}

@media(min-width:1024px) {
    .header__logo img {
        height: 2.75rem
    }
}

.header__phone {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: .5rem
}

.header__icon {
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff0a;
    border: 1px solid rgba(255, 255, 255, .16);
    font-size: .875rem
}

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

.header__link {
    color: var(--on-surface);
    font-size: 1rem;
    transition: color .3s
}

@media(min-width:1024px) {
    .header__link {
        font-size: 1.25rem
    }
}

@media(any-hover:hover) {
    .header__link:hover {
        color: var(--primary)
    }
}

.header__text {
    color: var(--surface-variant);
    font-size: .8125rem
}

@media(min-width:1024px) {
    .header__text {
        font-size: 1rem
    }
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #0000007a 0% 100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease 0s;
    z-index: 9999;
    overflow-y: auto;
    overflow-x: hidden
}

.popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.popup.is-open .popup__content {
    transform: scale(1)
}

.popup .popup__wrapper {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.875rem 1rem
}

.popup .popup__content {
    padding: 2.5rem 1.25rem 5.875rem;
    max-width: 25rem;
    width: 100%;
    min-height: 30rem;
    position: relative;
    overflow: hidden;
    transform: scale(.8);
    transition: all .3s ease 0s;
    border-radius: 1rem;
    border: 1px solid var(--white);
    box-shadow: 0 -.375rem .625rem .375rem #0095ff66;
    background: radial-gradient(105.91% 63.86% at 50% 50%, #2376bc, #000), #ffffff14
}

.popup .popup__title {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase
}

.popup .popup__title span {
    display: block;
    text-indent: 2.0625rem
}

.popup .popup__title:not(:last-child) {
    margin-bottom: 1rem
}

.popup .popup__note {
    padding-left: 5.875rem;
    color: var(--white);
    font-size: .875rem;
    font-weight: 300;
    line-height: normal
}

.popup .popup__note:not(:last-child) {
    margin-bottom: 1rem
}

.popup .popup__note p:not(:last-child) {
    margin-bottom: .75rem
}

.popup .popup__img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    padding: 0 .25rem
}

.popup .popup__img img {
    width: 100%;
    height: auto
}

.popup .popup__close {
    position: absolute;
    z-index: 2;
    top: .25rem;
    right: .25rem;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 50%;
    transition: transform .3s
}

.popup .popup__close:before,
.popup .popup__close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: .125rem;
    background-color: #2b4051
}

.popup .popup__close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.popup .popup__close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

@media(any-hover:hover) {
    .popup .popup__close:hover {
        transform: rotate(180deg)
    }
}

.popup .popup__decor {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.popup .popup__decor img {
    width: 100%;
    height: auto
}

.popup .button {
    width: 100%
}

#prize-waiting .popup__content {
    padding-bottom: 0
}

.otp-wrapper {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-botom: 1rem
}

.otp-input {
    width: 3.5rem;
    height: 4rem;
    color: #0e2f4a;
    text-align: center;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    border-radius: .75rem;
    border: 1px solid var(--white);
    background: var(--white);
    outline: none;
    transition: all .3s ease
}

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

.otp-input::placeholder {
    color: #b6cbdc
}

.otp-input:focus {
    border-color: var(--primary)
}

.otp-input:not(:placeholder-shown) {
    border-color: var(--white)
}

.verification-error {
    width: 100%;
    display: flex;
    padding: .5rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    border-radius: 6.25rem;
    background: var(--primary);
    text-align: center;
    font-size: .875rem;
    font-weight: 400;
    line-height: normal
}

.verification-error:before {
    content: "";
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.6676 11.5372L10.0155 1.14735C9.10743 -0.381433 6.89378 -0.383465 5.98447 1.14735L0.332715 11.5372C-0.595597 13.0994 0.528309 15.0776 2.34778 15.0776H13.652C15.47 15.0776 16.5959 13.101 15.6676 11.5372ZM8 13.2026C7.48318 13.2026 7.0625 12.7819 7.0625 12.2651C7.0625 11.7483 7.48318 11.3276 8 11.3276C8.51681 11.3276 8.9375 11.7483 8.9375 12.2651C8.9375 12.7819 8.51681 13.2026 8 13.2026ZM8.9375 9.45257C8.9375 9.96938 8.51681 10.3901 8 10.3901C7.48318 10.3901 7.0625 9.96938 7.0625 9.45257V4.76507C7.0625 4.24825 7.48318 3.82757 8 3.82757C8.51681 3.82757 8.9375 4.24825 8.9375 4.76507V9.45257Z" fill="%23F5F5F5"/></svg>') center no-repeat
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 75rem
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 75rem
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 2.625rem;
    height: 2.625rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.3125rem;
    margin-top: -1.3125rem;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: .25rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --swiper-navigation-size: 2.75rem
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled :is(.swiper-button-prev, .swiper-button-next) {
    display: none !important
}

:is(.swiper-button-prev, .swiper-button-next) svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev,
.swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2))
}

.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto
}

.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(180deg)
}

.swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next,
.swiper-horizontal~.swiper-button-prev,
.swiper-horizontal~.swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal~.swiper-button-prev,
.swiper-horizontal.swiper-rtl .swiper-button-next,
.swiper-horizontal.swiper-rtl~.swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto
}

.swiper-horizontal .swiper-button-next,
.swiper-horizontal~.swiper-button-next,
.swiper-horizontal.swiper-rtl .swiper-button-prev,
.swiper-horizontal.swiper-rtl~.swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto
}

:is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal~.swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon {
    transform: rotate(180deg)
}

:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon {
    transform: rotate(0)
}

.swiper-vertical .swiper-button-prev,
.swiper-vertical .swiper-button-next,
.swiper-vertical~.swiper-button-prev,
.swiper-vertical~.swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0
}

.swiper-vertical .swiper-button-prev,
.swiper-vertical~.swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto
}

:is(.swiper-vertical .swiper-button-prev, .swiper-vertical~.swiper-button-prev) .swiper-navigation-icon {
    transform: rotate(-90deg)
}

.swiper-vertical .swiper-button-next,
.swiper-vertical~.swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto
}

:is(.swiper-vertical .swiper-button-next, .swiper-vertical~.swiper-button-next) .swiper-navigation-icon {
    transform: rotate(90deg)
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

:is(.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

:is(.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: .5rem
}

:is(.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

:is(.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

:is(.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

:is(.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}