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

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

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

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

* {
    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, ol, 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 {
    --primary: #538540;
    --secondary: #21b912;
    --black: #000;
    --decor: #c2c2c2;
    --grey: #8b8b8b;
    --white: #ffffff;
    --bg: #010e06;
    --border: #04150a;
    --gradient: linear-gradient(90deg, #073e1e 0%, #21b912 100%);
    --font-main: "Poppins", sans-serif;
    --container-width: 86rem;
    --padding-container: 1rem;
    --gap: 1rem
}

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-weight: 400;
    font-size: 1.25rem;
    line-height: 2.25rem;
    letter-spacing: 0%;
    color: var(--white)
}

@media (max-width: 991.98px) {
    .text-formatted {
        font-size: 1rem;
        line-height: 1.4
    }
}

.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(--gradient)
}

@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 {
        text-decoration: none;
        color: var(--main-700)
    }
}

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

@media (min-width: 992px) {
    html, html * {
        scrollbar-color: auto;
        scrollbar-width: auto
    }

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

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

    html::-webkit-scrollbar-track, html *::-webkit-scrollbar-track {
        background: #fffc;
        border-radius: .5rem
    }

    html::-webkit-scrollbar-track-piece, html *::-webkit-scrollbar-track-piece {
        background: #fffc;
        border-radius: .5rem
    }

    html::-webkit-scrollbar-thumb, html *::-webkit-scrollbar-thumb {
        background: var(--gradient);
        border-radius: .5rem
    }

    html::-webkit-scrollbar-corner, html *::-webkit-scrollbar-corner {
        background: #fffc;
        border-radius: .5rem
    }
}

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

body {
    min-width: 20rem;
    color: var(--white);
    font-family: var(--font-main);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    background: var(--bg);
    font-variant-numeric: lining-nums proportional-nums;
    overflow-y: auto;
    overflow-x: hidden
}

[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: 12.5rem
}

@media (max-width: 991.98px) {
    .wrapper > main {
        padding-bottom: 6.25rem
    }
}

.wrapper > * {
    min-width: 0
}

.wrapper:has(.pahe-main) .header .header__container:before {
    display: none
}

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

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

.lock {
    overflow: hidden
}

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

@media (max-width: 991.98px) {
    .section:not(:last-child) {
        margin-bottom: 3.75rem
    }
}

@media (max-width: 991.98px) {
    .desktop {
        display: none !important
    }
}

@media (min-width: 992px) {
    .mobile {
        display: none !important
    }
}

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

.title {
    font-weight: 600;
    font-size: 3.5rem;
    line-height: 100%;
    letter-spacing: 3%;
    text-align: center;
    text-transform: uppercase
}

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

@media (max-width: 991.98px) {
    .title:not(:last-child) {
        margin-bottom: 1.25rem
    }
}

@media (max-width: 1199.98px) {
    .title {
        font-size: 3rem;
        line-height: 1.3
    }
}

@media (max-width: 767.98px) {
    .title {
        font-size: 2rem
    }
}

.page-title {
    font-weight: 600;
    font-size: 3.5rem;
    line-height: 5.125rem;
    letter-spacing: .03em;
    text-transform: uppercase
}

@media (max-width: 1199.98px) {
    .page-title {
        font-size: 3rem;
        line-height: 1.3
    }
}

@media (max-width: 767.98px) {
    .page-title {
        font-size: 2rem
    }
}

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

@media (max-width: 991.98px) {
    .page-title:not(:last-child) {
        margin-bottom: 1.25rem
    }
}

.icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    fill: currentColor;
    stroke: none;
    transition: fill .3s ease
}

.js-faq-wrap.is-open .js-faq-body {
    opacity: 1
}

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

@media (max-width: 1199.98px) {
    .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;
    display: flex;
    align-items: center;
    gap: .75rem
}

@media (max-width: 1199.98px) {
    .js-accordion-trigger:after {
        content: "";
        flex-shrink: 0;
        margin-left: auto;
        width: 1rem;
        height: 1rem;
        background: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.854 5.85414C10.8076 5.90063 10.7524 5.93751 10.6917 5.96267C10.631 5.98784 10.566 6.00079 10.5003 6.00079C10.4346 6.00079 10.3695 5.98784 10.3088 5.96267C10.2481 5.93751 10.193 5.90063 10.1465 5.85414L5.50028 1.20727L0.854028 5.85414C0.760208 5.94796 0.63296 6.00067 0.500278 6.00067C0.367596 6.00067 0.240348 5.94796 0.146528 5.85414C0.0527077 5.76032 2.61548e-09 5.63308 0 5.50039C-2.61548e-09 5.36771 0.0527077 5.24046 0.146528 5.14664L5.14653 0.146643C5.19296 0.100155 5.24811 0.0632757 5.30881 0.0381136C5.36951 0.0129514 5.43457 0 5.50028 0C5.56599 0 5.63105 0.0129514 5.69175 0.0381136C5.75245 0.0632757 5.80759 0.100155 5.85403 0.146643L10.854 5.14664C10.9005 5.19308 10.9374 5.24822 10.9626 5.30892C10.9877 5.36962 11.0007 5.43469 11.0007 5.50039C11.0007 5.5661 10.9877 5.63116 10.9626 5.69186C10.9374 5.75256 10.9005 5.80771 10.854 5.85414Z" fill="url(%23paint0_linear_315_481)"/><defs><linearGradient id="paint0_linear_315_481" x1="0" y1="6.00079" x2="11.0007" y2="6.00079" gradientUnits="userSpaceOnUse"><stop stop-color="%23073E1E"/><stop offset="1" stop-color="%2321B912"/></linearGradient></defs></svg>') center no-repeat;
        transform: rotate(-180deg);
        transition: transform .3s ease
    }
}

.js-accordion-trigger.is-active:after {
    transform: rotate(0)
}

.btn {
    --height: 2.5rem;
    position: relative;
    width: fit-content;
    min-height: var(--height);
    padding: .5rem 1rem;
    gap: .5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
    font-size: .875rem;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: var(--white);
    overflow: hidden;
    background: var(--gradient);
    border-radius: .5rem;
    text-decoration: none;
    background-size: 200% auto;
    transition: all .5s ease;
    box-shadow: 0 .25rem .9375rem #073e1e4d
}

.btn__text {
    position: relative;
    z-index: 1
}

.btn .arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .5625rem;
    height: .5625rem;
    transition: transform .4s cubic-bezier(.175, .885, .32, 1.275)
}

.btn .arrow:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .5625rem;
    height: .5625rem;
    background: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.00028 2.00028V8.50028C9.00028 8.63289 8.9476 8.76006 8.85383 8.85383C8.76006 8.9476 8.63289 9.00028 8.50028 9.00028H2.00028C1.86767 9.00028 1.74049 8.9476 1.64672 8.85383C1.55296 8.76006 1.50028 8.63289 1.50028 8.50028C1.50028 8.36767 1.55296 8.24049 1.64672 8.14672C1.74049 8.05296 1.86767 8.00028 2.00028 8.00028H7.2934L0.146528 0.854028C0.0527077 0.760208 -9.88558e-10 0.63296 0 0.500278C9.88558e-10 0.367596 0.0527077 0.240348 0.146528 0.146528C0.240348 0.0527077 0.367596 9.88558e-10 0.500278 0C0.63296 -9.88558e-10 0.760208 0.0527077 0.854028 0.146528L8.00028 7.2934V2.00028C8.00028 1.86767 8.05296 1.74049 8.14672 1.64672C8.24049 1.55296 8.36767 1.50028 8.50028 1.50028C8.63289 1.50028 8.76006 1.55296 8.85383 1.64672C8.9476 1.74049 9.00028 1.86767 9.00028 2.00028Z" fill="white"/></svg>') center no-repeat
}

.btn .icon {
    width: 100%;
    height: 100%;
    color: var(--white);
    transition: transform .4s ease
}

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

.btn:hover {
    background-position: right center;
    box-shadow: 0 0 .75rem #21b91299
}

.btn:hover .arrow {
    transform: rotate(-45deg)
}

.btn[disabled] {
    pointer-events: none;
    background: #ffffff0a
}

.btn--border {
    background: transparent;
    box-shadow: 0 0 0 1px #ffffff1f;
    transition: all .3s ease
}

.btn--border:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--gradient);
    transition: all .3s ease;
    opacity: 0;
    pointer-events: none
}

.btn--border .arrow:after {
    background: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.00028 2.00028V8.50028C9.00028 8.63289 8.9476 8.76006 8.85383 8.85383C8.76006 8.9476 8.63289 9.00028 8.50028 9.00028H2.00028C1.86767 9.00028 1.74049 8.9476 1.64672 8.85383C1.55296 8.76006 1.50028 8.63289 1.50028 8.50028C1.50028 8.36767 1.55296 8.24049 1.64672 8.14672C1.74049 8.05296 1.86767 8.00028 2.00028 8.00028H7.2934L0.146528 0.854028C0.0527077 0.760208 -9.88558e-10 0.63296 0 0.500278C9.88558e-10 0.367596 0.0527077 0.240348 0.146528 0.146528C0.240348 0.0527077 0.367596 9.88558e-10 0.500278 0C0.63296 -9.88558e-10 0.760208 0.0527077 0.854028 0.146528L8.00028 7.2934V2.00028C8.00028 1.86767 8.05296 1.74049 8.14672 1.64672C8.24049 1.55296 8.36767 1.50028 8.50028 1.50028C8.63289 1.50028 8.76006 1.55296 8.85383 1.64672C8.9476 1.74049 9.00028 1.86767 9.00028 2.00028Z" fill="url(%23paint0_linear_315_699)"/><defs><linearGradient id="paint0_linear_315_699" x1="0" y1="9.00028" x2="9.00028" y2="9.00028" gradientUnits="userSpaceOnUse"><stop stop-color="%23073E1E"/><stop offset="1" stop-color="%2321B912"/></linearGradient></defs></svg>') center no-repeat
}

@media (any-hover: hover) {
    .btn--border:hover {
        box-shadow: 0 0 0 1px #ffffff1f
    }

    .btn--border:hover:before {
        opacity: 1
    }

    .btn--border:hover .arrow:after {
        background: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.00028 2.00028V8.50028C9.00028 8.63289 8.9476 8.76006 8.85383 8.85383C8.76006 8.9476 8.63289 9.00028 8.50028 9.00028H2.00028C1.86767 9.00028 1.74049 8.9476 1.64672 8.85383C1.55296 8.76006 1.50028 8.63289 1.50028 8.50028C1.50028 8.36767 1.55296 8.24049 1.64672 8.14672C1.74049 8.05296 1.86767 8.00028 2.00028 8.00028H7.2934L0.146528 0.854028C0.0527077 0.760208 -9.88558e-10 0.63296 0 0.500278C9.88558e-10 0.367596 0.0527077 0.240348 0.146528 0.146528C0.240348 0.0527077 0.367596 9.88558e-10 0.500278 0C0.63296 -9.88558e-10 0.760208 0.0527077 0.854028 0.146528L8.00028 7.2934V2.00028C8.00028 1.86767 8.05296 1.74049 8.14672 1.64672C8.24049 1.55296 8.36767 1.50028 8.50028 1.50028C8.63289 1.50028 8.76006 1.55296 8.85383 1.64672C8.9476 1.74049 9.00028 1.86767 9.00028 2.00028Z" fill="%23fff"/><defs><linearGradient id="paint0_linear_315_699" x1="0" y1="9.00028" x2="9.00028" y2="9.00028" gradientUnits="userSpaceOnUse"><stop stop-color="%23073E1E"/><stop offset="1" stop-color="%2321B912"/></linearGradient></defs></svg>') center no-repeat
    }
}

@keyframes fly-arrow {
    49% {
        transform: translate(100%, -100%)
    }
    50% {
        opacity: 0;
        transform: translate(-100%, 100%)
    }
    51% {
        opacity: 1
    }
    to {
        transform: translate(0)
    }
}

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
}

.success-body {
    position: relative;
    display: flex;
    padding: 1px;
    border-radius: 1.5rem
}

.success-body:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--gradient);
    border-radius: 1.5rem
}

.success-inner {
    position: relative;
    width: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    padding: 2rem;
    border-radius: 1.5rem;
    background: var(--bg)
}

@media (max-width: 991.98px) {
    .success-inner {
        padding: 1.25rem
    }
}

form {
    position: relative;
    display: flex;
    padding: 1px;
    border-radius: 1.5rem
}

form:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--gradient);
    border-radius: 1.5rem
}

form .btn {
    margin-left: auto;
    min-width: 16.875rem
}

@media (max-width: 767.98px) {
    form .btn {
        width: 100%
    }
}

.form-inner {
    position: relative;
    width: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    padding: 2rem;
    border-radius: 1.5rem;
    background: var(--bg)
}

@media (max-width: 991.98px) {
    .form-inner {
        padding: 1.25rem
    }
}

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

@media (min-width: 992px) {
    .form-grid {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        gap: 1.5rem
    }
}

.form-group {
    position: relative
}

.form-input {
    position: relative;
    z-index: 2;
    display: flex;
    height: 2.5rem;
    padding: .5rem 1rem;
    align-items: center;
    gap: .5rem;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    background: transparent;
    outline: none;
    color: var(--white);
    border-bottom: 1px solid var(--grey);
    transition: all .3s ease
}

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

.form-input:focus {
    border-color: var(--white)
}

@media (any-hover: hover) {
    .form-input:hover {
        border-color: var(--secondary)
    }
}

.form-input:not(:last-child) {
    margin-bottom: 2rem
}

@media (max-width: 991.98px) {
    .form-input:not(:last-child) {
        margin-bottom: 1rem
    }
}

textarea.form-input {
    height: 5rem;
    padding-top: .625rem;
    padding-left: 1rem
}

.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: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--grey);
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    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) {
    color: var(--white);
    text-shadow: 0 0 1px var(--white)
}

.custom-checkbox:has(input[type=checkbox]:checked) .checkmark {
    border-color: transparent
}

.custom-checkbox:has(input[type=checkbox]:checked) .checkmark:after, .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.5rem;
    height: 1.5rem;
    border-radius: .25rem;
    flex-shrink: 0;
    border: 1px solid var(--grey)
}

.custom-checkbox .checkmark:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .8125rem;
    height: .5625rem;
    background: url('data:image/svg+xml,<svg width="13" height="9" viewBox="0 0 13 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.354 0.854028L4.35403 8.85403C4.30759 8.90052 4.25245 8.9374 4.19175 8.96256C4.13105 8.98772 4.06599 9.00067 4.00028 9.00067C3.93457 9.00067 3.86951 8.98772 3.80881 8.96256C3.74811 8.9374 3.69296 8.90052 3.64653 8.85403L0.146528 5.35403C0.0527077 5.26021 0 5.13296 0 5.00028C0 4.8676 0.0527077 4.74035 0.146528 4.64653C0.240348 4.55271 0.367596 4.5 0.500278 4.5C0.63296 4.5 0.760208 4.55271 0.854028 4.64653L4.00028 7.7934L11.6465 0.146528C11.7403 0.0527074 11.8676 -9.88557e-10 12.0003 0C12.133 9.88558e-10 12.2602 0.0527074 12.354 0.146528C12.4478 0.240348 12.5006 0.367596 12.5006 0.500278C12.5006 0.63296 12.4478 0.760208 12.354 0.854028Z" fill="white"/></svg>') center no-repeat;
    opacity: 0;
    transition: opacity .3s
}

.custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: var(--gradient);
    border-radius: .25rem;
    opacity: 0;
    transition: opacity .3s
}

.custom-checkbox .price {
    margin-left: auto
}

@media (max-width: 991.98px) {
    .custom-checkbox {
        gap: .625rem;
        font-size: 1rem;
        line-height: 1.3
    }
}

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

.swiper-nav {
    position: relative;
    z-index: 5;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: flex-end;
    min-height: 3rem;
    margin-left: auto;
    margin-top: 2rem;
    gap: .5rem
}

.swiper-nav .swiper-button-next, .swiper-nav .swiper-button-prev {
    position: relative;
    flex-shrink: 0;
    margin-top: 0 !important
}

@media (max-width: 991.98px) {
    .swiper-nav {
        margin-top: 1.5rem;
        min-height: 2.5rem
    }
}

.swiper-button-next, .swiper-button-prev {
    position: relative;
    left: auto !important;
    right: auto !important;
    --swiper-navigation-size: 3rem;
    --swiper-navigation-sides-offset: 2.5rem;
    --swiper-navigation-color: var(--white);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    background: var(--bg);
    cursor: pointer;
    border-radius: 6.25rem;
    border: none;
    transition: all .3s ease
}

@media (max-width: 991.98px) {
    .swiper-button-next, .swiper-button-prev {
        --swiper-navigation-size: 2.5rem
    }
}

.swiper-button-next:before, .swiper-button-prev:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 6.25rem;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: var(--gradient);
    z-index: -1
}

.swiper-button-next .icon-wrap, .swiper-button-prev .icon-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6.25rem;
    background: var(--bg);
    transition: background .3s ease
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background: transparent;
    color: var(--white);
    outline: none
}

.swiper-button-next:hover .icon-wrap, .swiper-button-prev:hover .icon-wrap {
    background: transparent
}

.swiper-button-next:focus, .swiper-button-prev:focus {
    outline: none
}

.swiper-button-next .icon, .swiper-button-prev .icon {
    width: 1rem;
    height: 1rem
}

.swiper-button-next.swiper-button-lock, .swiper-button-prev.swiper-button-lock {
    display: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none
}

button[hidden] {
    display: none !important
}

button[disabled] {
    opacity: .3;
    pointer-events: none
}

.swiper-watch-progress {
    overflow: visible
}

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

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

.tabs__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    margin-bottom: 2rem;
    list-style: none;
    padding: 0
}

@media (max-width: 991.98px) {
    .tabs__nav {
        justify-content: flex-start;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .tabs__nav::-webkit-scrollbar {
        display: none
    }
}

.tabs__nav li {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.tabs__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-height: 40;
    border: 1px solid rgba(255, 255, 255, .1215686275);
    border-radius: .5rem;
    color: var(--white);
    background: transparent;
    padding: 1px;
    font-weight: 400;
    font-size: .875rem;
    line-height: 100%;
    letter-spacing: .03em;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s
}

.tabs__btn:before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: var(--gradient);
    border-radius: .4375rem;
    opacity: 0;
    transition: opacity .3s ease
}

.tabs__btn span {
    position: relative;
    padding: .5rem 1rem;
    border-radius: .4375rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--bg);
    transition: background .3s ease
}

.tabs__btn.is-active {
    border-color: transparent
}

.tabs__btn.is-active span {
    background: transparent
}

.tabs__btn.is-active:before {
    opacity: 1
}

@media (any-hover: hover) {
    .tabs__btn:hover {
        box-shadow: 0 0 1.25rem #21b91299
    }
}

.tabs__body {
    position: relative
}

.tabs__item {
    display: none;
    opacity: 0;
    transition: opacity .4s ease-in-out
}

.tabs__item.is-active {
    display: block;
    animation: fadeIn .5s forwards
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(.625rem)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

[data-marquee] {
    overflow: hidden;
    display: flex;
    width: 100%;
    opacity: 0;
    transition: opacity .3s
}

[data-marquee].is-initialized {
    opacity: 1
}

[data-marquee] .marquee-track {
    display: flex;
    flex-shrink: 0;
    gap: .75rem;
    width: max-content;
    animation: marquee-scroll var(--marquee-duration) linear infinite;
    will-change: transform
}

[data-marquee].marquee-pause:hover .marquee-track {
    animation-play-state: paused
}

[data-marquee].marquee-right .marquee-track {
    animation-direction: reverse
}

@keyframes marquee-scroll {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(calc(var(--marquee-width) * -1))
    }
}

.form-group .nice-select {
    position: relative;
    z-index: 100;
    display: flex;
    height: 2.5rem;
    padding: .5rem 1rem;
    align-items: center;
    gap: .5rem;
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    background: transparent;
    outline: none;
    color: var(--grey);
    border-radius: 0;
    border-bottom: 1px solid var(--grey);
    transition: all .3s ease
}

.form-group .nice-select:after {
    border-bottom: .125rem solid var(--grey);
    border-right: .125rem solid var(--grey);
    height: .75rem;
    width: .75rem;
    top: .875rem;
    right: .75rem
}

.form-group .nice-select .nice-select-dropdown {
    opacity: 0;
    visibility: hidden;
    transform: scale(1) translateY(-.625rem);
    pointer-events: none;
    transition: all .3s cubic-bezier(.5, 0, 0, 1.25);
    display: block !important;
    border-radius: .75rem;
    width: 100%;
    padding: .5rem;
    margin-top: .75rem;
    background: var(--bg);
    box-shadow: 0 .625rem 1.25rem #0000001a;
    border: 1px solid var(--secondary);
    -ms-overflow-style: none;
    scrollbar-width: none
}

.form-group .nice-select .nice-select-dropdown::-webkit-scrollbar {
    display: none
}

.form-group .nice-select.open .nice-select-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto
}

.form-group .nice-select .option {
    border-radius: .25rem;
    padding: .375rem 1rem;
    transition: all .3s ease
}

.form-group .nice-select .option:not(:last-child) {
    margin-bottom: .25rem
}

.form-group .nice-select .option.selected {
    background: var(--gradient);
    color: var(--white);
    pointer-events: none;
    cursor: default
}

.form-group .nice-select .option:hover {
    box-shadow: 0 0 0 1px var(--secondary);
    color: var(--white);
    background: transparent
}

.hidden-select {
    position: absolute
}

[data-anim] {
    opacity: 0;
    visibility: hidden
}

[data-anim-stagger] > * {
    opacity: 0;
    visibility: hidden
}

.breadcrumbs__list {
    padding-top: 1rem;
    padding-bottom: .75rem;
    border-top: 1px solid #04150a;
    display: flex;
    align-items: center;
    gap: .5rem;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.breadcrumbs__list::-webkit-scrollbar {
    display: none
}

.breadcrumbs__link {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    font-size: .875rem;
    line-height: 100%;
    color: var(--grey)
}

.breadcrumbs__link:not(:last-child):after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .5rem;
    flex-shrink: 0;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background: var(--primary)
}

.breadcrumbs a {
    transition: color .3s ease
}

@media (any-hover: hover) {
    .breadcrumbs a:hover {
        color: var(--secondary)
    }
}

.breadcrumbs__link--main {
    font-weight: 600;
    text-transform: uppercase;
    color: var(--primary);
    letter-spacing: -.02em
}

.breadcrumbs__link--last {
    color: var(--white)
}

.pagination-wrapper {
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 2rem
}

@media (max-width: 991.98px) {
    .pagination-wrapper {
        margin-top: 1.5rem;
        row-gap: 1.25rem
    }
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .125rem
}

.pagination .page-numbers {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 400;
    font-size: .875rem;
    line-height: 100%;
    letter-spacing: .03em;
    text-transform: uppercase;
    transition: all .3s ease;
    border: 1px solid transparent
}

.pagination .page-numbers.current {
    border: 1px solid var(--primary);
    background: var(--gradient)
}

.pagination .page-numbers.dots {
    pointer-events: none
}

@media (any-hover: hover) {
    .pagination .page-numbers:hover {
        border-color: var(--primary)
    }
}

.pagination-btn {
    min-width: 9.0625rem
}

.hero {
    position: relative;
    padding-top: 13.5625rem;
    padding-bottom: 7.375rem;
    text-align: center;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 991.98px) {
    .hero {
        min-height: auto;
        padding-top: 11rem;
        padding-bottom: 6.25rem
    }
}

.hero__container {
    position: relative;
    z-index: 2;
    max-width: 52.6875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.hero__title {
    font-weight: 600;
    font-size: 3.5rem;
    line-height: 5.125rem;
    letter-spacing: 3%;
    text-transform: uppercase
}

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

@media (max-width: 991.98px) {
    .hero__title {
        font-size: 2.5rem;
        line-height: 1.25
    }
}

@media (max-width: 767.98px) {
    .hero__title {
        font-size: 1.875rem
    }
}

.hero__text {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2.25rem;
    letter-spacing: 0%;
    text-align: center
}

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

@media (max-width: 991.98px) {
    .hero__text:not(:last-child) {
        margin-bottom: 1.25rem
    }
}

@media (max-width: 991.98px) {
    .hero__text {
        font-size: 1rem;
        line-height: 1.5
    }
}

.decor {
    position: absolute;
    transition: all .3s ease
}

.decor.decor--right {
    --width: 26.375rem;
    top: 0;
    right: 0;
    width: var(--width);
    aspect-ratio: 422/469;
    background: url('data:image/svg+xml,<svg viewBox="0 0 422 469" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_f_3_87)"><circle cx="270" cy="199" r="243" stroke="url(%23paint0_linear_3_87)" stroke-width="8"/></g><defs><filter id="filter0_f_3_87" x="0" y="-71" width="540" height="540" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="11.5" result="effect1_foregroundBlur_3_87"/></filter><linearGradient id="paint0_linear_3_87" x1="446.528" y1="20.3785" x2="82.3079" y2="365.062" gradientUnits="userSpaceOnUse"><stop offset="0.380959"/><stop offset="1" stop-color="%2325CD14"/></linearGradient></defs></svg>') center no-repeat;
    background-size: contain
}

@media (max-width: 991.98px) {
    .decor.decor--right {
        --width: 50%
    }
}

.decor.decor--left {
    --width: 22.4375rem;
    width: var(--width);
    aspect-ratio: 359/473;
    left: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg viewBox="0 0 359 473" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_f_3_88)"><circle cx="121.979" cy="236.411" r="209.388" transform="rotate(-123.751 121.979 236.411)" stroke="url(%23paint0_linear_3_88)" stroke-width="8"/></g><defs><filter id="filter0_f_3_88" x="-114.432" y="0" width="472.821" height="472.821" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="11.5" result="effect1_foregroundBlur_3_88"/></filter><linearGradient id="paint0_linear_3_88" x1="274.485" y1="82.096" x2="-40.172" y2="379.875" gradientUnits="userSpaceOnUse"><stop offset="0.380959"/><stop offset="1" stop-color="%2325CD14"/></linearGradient></defs></svg>') center no-repeat;
    background-size: contain
}

@media (max-width: 991.98px) {
    .decor.decor--left {
        --width: 40%
    }
}

.js-scroll-next {
    position: absolute;
    bottom: 4.5rem;
    left: 50%;
    transform: translate(-50%);
    width: 3.5rem;
    height: 3.5rem;
    background: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M50.6165 29.0806C50.4841 28.7608 50.2598 28.4875 49.9721 28.2951C49.6843 28.1028 49.346 28.0001 48.9999 28H40.2499V22.75C40.2499 22.2859 40.0655 21.8408 39.7374 21.5126C39.4092 21.1844 38.964 21 38.4999 21H17.4999C17.0358 21 16.5907 21.1844 16.2625 21.5126C15.9343 21.8408 15.7499 22.2859 15.7499 22.75V28H6.99991C6.6536 27.9997 6.31498 28.1022 6.02694 28.2945C5.73891 28.4868 5.51439 28.7602 5.38182 29.0801C5.24926 29.4001 5.2146 29.7521 5.28224 30.0918C5.34988 30.4314 5.51677 30.7434 5.76179 30.9881L26.7618 51.9881C26.9243 52.1508 27.1173 52.2799 27.3298 52.368C27.5422 52.456 27.7699 52.5014 27.9999 52.5014C28.2299 52.5014 28.4576 52.456 28.6701 52.368C28.8825 52.2799 29.0755 52.1508 29.238 51.9881L50.238 30.9881C50.4827 30.7432 50.6492 30.4313 50.7166 30.0918C50.784 29.7522 50.7491 29.4004 50.6165 29.0806ZM27.9999 48.2759L11.224 31.5H17.4999C17.964 31.5 18.4092 31.3156 18.7374 30.9874C19.0655 30.6592 19.2499 30.2141 19.2499 29.75V24.5H36.7499V29.75C36.7499 30.2141 36.9343 30.6592 37.2625 30.9874C37.5907 31.3156 38.0358 31.5 38.4999 31.5H44.7759L27.9999 48.2759ZM15.7499 8.75C15.7499 8.28587 15.9343 7.84075 16.2625 7.51256C16.5907 7.18437 17.0358 7 17.4999 7H38.4999C38.964 7 39.4092 7.18437 39.7374 7.51256C40.0655 7.84075 40.2499 8.28587 40.2499 8.75C40.2499 9.21413 40.0655 9.65925 39.7374 9.98744C39.4092 10.3156 38.964 10.5 38.4999 10.5H17.4999C17.0358 10.5 16.5907 10.3156 16.2625 9.98744C15.9343 9.65925 15.7499 9.21413 15.7499 8.75ZM15.7499 15.75C15.7499 15.2859 15.9343 14.8408 16.2625 14.5126C16.5907 14.1844 17.0358 14 17.4999 14H38.4999C38.964 14 39.4092 14.1844 39.7374 14.5126C40.0655 14.8408 40.2499 15.2859 40.2499 15.75C40.2499 16.2141 40.0655 16.6592 39.7374 16.9874C39.4092 17.3156 38.964 17.5 38.4999 17.5H17.4999C17.0358 17.5 16.5907 17.3156 16.2625 16.9874C15.9343 16.6592 15.7499 16.2141 15.7499 15.75Z" fill="url(%23paint0_linear_141_529)"/><defs><linearGradient id="paint0_linear_141_529" x1="5.24854" y1="52.5014" x2="50.7501" y2="52.5014" gradientUnits="userSpaceOnUse"><stop stop-color="%23073E1E"/><stop offset="1" stop-color="%2321B912"/></linearGradient></defs></svg>') center no-repeat;
    transition: all .3s ease;
    background-size: contain
}

@media (any-hover: hover) {
    .js-scroll-next:hover {
        animation: move-up-down .8s ease-in-out infinite
    }
}

@media (max-width: 991.98px) {
    .js-scroll-next {
        bottom: 1rem;
        width: 2.5rem;
        height: 2.5rem
    }
}

@keyframes move-up-down {
    0% {
        transform: translate(-50%) translateY(0)
    }
    50% {
        transform: translate(-50%) translateY(-.5rem)
    }
    to {
        transform: translate(-50%) translateY(0)
    }
}

.how-work.mod-version .how-work__item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    border-bottom: none;
    padding-left: 3.75rem
}

.how-work.mod-version .how-work__item:not(:last-child) {
    margin-bottom: 3.5rem
}

@media (max-width: 991.98px) {
    .how-work.mod-version .how-work__item:not(:last-child) {
        margin-bottom: 1.25rem
    }
}

.how-work.mod-version .how-work__item:first-child {
    border-top: none
}

.how-work.mod-version .how-work__item.active .how-work__top, .how-work.mod-version .how-work__item.active .how-work__text {
    opacity: 1
}

.how-work.mod-version .how-work__item.active .how-work__num:after {
    opacity: 1
}

@media (max-width: 1199.98px) {
    .how-work.mod-version .how-work__item {
        gap: 1.5rem
    }
}

@media (max-width: 767.98px) {
    .how-work.mod-version .how-work__item {
        padding: 0;
        gap: 1rem;
        padding-left: 2.5rem
    }
}

.how-work.mod-version .how-work__top {
    display: flex;
    align-items: center;
    gap: 0;
    opacity: 1;
    padding-bottom: 0;
    transition: opacity .3s ease
}

@media (max-width: 1199.98px) {
    .how-work.mod-version .how-work__top {
        gap: 0;
        padding-bottom: 0
    }
}

.how-work.mod-version .how-work__top:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: .6875rem;
    width: .125rem;
    height: calc(100% - 3.375rem);
    background: var(--gradient)
}

.how-work.mod-version .how-work__num {
    position: absolute;
    top: .75rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    min-width: auto;
    font-size: 0;
    -webkit-text-stroke: 1px transparent;
    transition: all .3s ease;
    border: 1px solid var(--primary);
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem
}

.how-work.mod-version .how-work__num:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 1rem;
    background: var(--gradient);
    font-size: 0;
    opacity: 0;
    border-radius: 50%;
    transition: opacity .3s ease
}

@media (max-width: 767.98px) {
    .how-work.mod-version .how-work__num {
        top: .125rem;
        justify-content: flex-start;
        font-size: 0;
        min-width: auto
    }

    .how-work.mod-version .how-work__num:after {
        font-size: 4rem;
        line-height: 1.3
    }
}

.how-work.mod-version .how-work__heading {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: 2%;
    text-transform: uppercase
}

@media (max-width: 767.98px) {
    .how-work.mod-version .how-work__heading {
        font-size: 1.5rem;
        line-height: 1.3
    }
}

.how-work.mod-version .how-work__text {
    padding-top: 2.875rem;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2.25rem;
    letter-spacing: 0%;
    opacity: .3;
    transition: opacity .3s ease
}

@media (max-width: 1199.98px) {
    .how-work.mod-version .how-work__text {
        padding-top: 0
    }
}

@media (max-width: 767.98px) {
    .how-work.mod-version .how-work__text {
        font-size: 1rem;
        line-height: 1.3
    }
}

.how-work__list {
    display: flex;
    flex-direction: column
}

.how-work__list:not(:last-child) {
    margin-bottom: 2.5rem
}

@media (max-width: 991.98px) {
    .how-work__list:not(:last-child) {
        margin-bottom: 1.5rem
    }
}

.how-work__item {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 3rem;
    padding: 2.5rem 0;
    border-bottom: 1px solid var(--border)
}

.how-work__item:first-child {
    border-top: 1px solid var(--border)
}

.how-work__item.active .how-work__top, .how-work__item.active .how-work__text {
    opacity: 1
}

.how-work__item.active .how-work__num {
    color: var(--white)
}

@media (max-width: 1199.98px) {
    .how-work__item {
        gap: 1.5rem;
        grid-template-columns:1fr
    }
}

@media (max-width: 767.98px) {
    .how-work__item {
        padding: 1.25rem 0;
        gap: 1rem
    }
}

.how-work__top {
    display: flex;
    align-items: center;
    gap: 3rem;
    opacity: .3;
    padding-bottom: 3rem;
    transition: opacity .3s ease
}

@media (max-width: 1199.98px) {
    .how-work__top {
        gap: 1.5rem;
        padding-bottom: 0
    }
}

.how-work__num {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-width: 15.6875rem;
    font-weight: 400;
    font-size: 8.5rem;
    line-height: 8.75rem;
    letter-spacing: 2%;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px var(--white);
    transition: all .3s ease
}

.how-work__num:after {
    content: "/";
    font-weight: 400;
    font-size: 8.5rem;
    line-height: 8.75rem;
    letter-spacing: 2%;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px #fff
}

@media (max-width: 767.98px) {
    .how-work__num {
        justify-content: flex-start;
        font-size: 5rem;
        line-height: 1.3;
        min-width: auto
    }

    .how-work__num:after {
        font-size: 4rem;
        line-height: 1.3
    }
}

.how-work__heading {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: 2%;
    text-transform: uppercase
}

@media (max-width: 767.98px) {
    .how-work__heading {
        font-size: 1.5rem;
        line-height: 1.3
    }
}

.how-work__text {
    padding-top: 2.875rem;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2.25rem;
    letter-spacing: 0%;
    opacity: .3;
    transition: opacity .3s ease
}

@media (max-width: 1199.98px) {
    .how-work__text {
        padding-top: 0
    }
}

@media (max-width: 767.98px) {
    .how-work__text {
        font-size: 1rem;
        line-height: 1.3
    }
}

.how-work__bottom {
    display: flex;
    align-items: center;
    justify-content: center
}

.how-work__bottom .btn {
    width: auto
}

@media (max-width: 767.98px) {
    .how-work__bottom .btn {
        width: 100%
    }
}

.philosophy__item {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    align-items: center;
    gap: 1.5rem
}

.philosophy__item:not(:last-child) {
    margin-bottom: 2.75rem;
    padding-bottom: 2.75rem;
    border-bottom: 1px solid var(--border)
}

@media (max-width: 991.98px) {
    .philosophy__item:not(:last-child) {
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem
    }
}

.philosophy__item:first-child {
    padding-top: 2.75rem;
    border-top: 1px solid var(--border)
}

@media (max-width: 991.98px) {
    .philosophy__item:first-child {
        padding-top: 1.5rem
    }
}

@media (min-width: 992px) {
    .philosophy__item:nth-child(2n) .philosophy__img {
        order: 1
    }

    .philosophy__item:nth-child(2n) .philosophy__content {
        order: 2
    }
}

@media (max-width: 991.98px) {
    .philosophy__item {
        display: flex;
        flex-direction: column
    }
}

.philosophy__img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.philosophy__img:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 1.5rem;
    pointer-events: none;
    background: #0003
}

@media (max-width: 991.98px) {
    .philosophy__img:before {
        border-radius: 1rem
    }
}

.philosophy__img img {
    width: 100%;
    aspect-ratio: 660/284;
    border-radius: 1.5rem;
    object-fit: cover
}

@media (max-width: 991.98px) {
    .philosophy__img img {
        border-radius: 1rem
    }
}

.philosophy__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.5rem
}

@media (max-width: 991.98px) {
    .philosophy__content {
        row-gap: 1rem
    }
}

.philosophy__heading {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: 2%;
    text-transform: uppercase
}

@media (max-width: 991.98px) {
    .philosophy__heading {
        font-size: 1.5rem;
        line-height: 1.3
    }
}

.philosophy__text {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2.25rem
}

@media (max-width: 991.98px) {
    .philosophy__text {
        font-size: 1rem;
        line-height: 1.3
    }
}

.seo__text {
    max-height: 13rem;
    overflow: auto;
    padding-right: .75rem
}

@media (min-width: 992px) {
    .seo__text, .seo__text * {
        scrollbar-color: auto;
        scrollbar-width: auto
    }

    .seo__text::-webkit-scrollbar, .seo__text *::-webkit-scrollbar {
        width: .25rem;
        height: .25rem;
        border-radius: .5rem
    }

    .seo__text::-webkit-scrollbar-button, .seo__text *::-webkit-scrollbar-button {
        display: none
    }

    .seo__text::-webkit-scrollbar-track, .seo__text *::-webkit-scrollbar-track {
        background: #fffc;
        border-radius: .5rem
    }

    .seo__text::-webkit-scrollbar-track-piece, .seo__text *::-webkit-scrollbar-track-piece {
        background: #fffc;
        border-radius: .5rem
    }

    .seo__text::-webkit-scrollbar-thumb, .seo__text *::-webkit-scrollbar-thumb {
        background: var(--gradient);
        border-radius: .5rem
    }

    .seo__text::-webkit-scrollbar-corner, .seo__text *::-webkit-scrollbar-corner {
        background: #fffc;
        border-radius: .5rem
    }
}

.item-faq {
    padding-bottom: 2.1875rem;
    border-bottom: .1875rem solid var(--border)
}

.item-faq:not(:last-child) {
    margin-bottom: 2.1875rem
}

@media (min-width: 992px) {
    .item-faq {
        padding-left: 14.88%;
        padding-right: 14.88%
    }
}

@media (max-width: 991.98px) {
    .item-faq {
        padding-bottom: 1rem
    }

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

.item-faq__title {
    position: relative;
    padding-right: 4rem;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: 2%;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: color .3s ease
}

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

@media (max-width: 991.98px) {
    .item-faq__title {
        padding-right: 2.5rem;
        font-size: 1.5rem;
        line-height: 1.3
    }
}

@media (max-width: 767.98px) {
    .item-faq__title {
        font-size: 1.25rem;
        padding-right: 2rem
    }
}

.item-faq__title:after, .item-faq__title:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2em;
    background: var(--white);
    transition: all .3s ease
}

.item-faq__title:before {
    right: 0;
    width: 1.5rem;
    height: .125rem
}

@media (max-width: 767.98px) {
    .item-faq__title:before {
        width: 1.25rem
    }
}

.item-faq__title:after {
    height: 1.5rem;
    width: .125rem;
    right: .6875rem
}

@media (max-width: 767.98px) {
    .item-faq__title:after {
        height: 1.25rem;
        right: .5625rem
    }
}

.item-faq__title.is-active:before {
    transform: translateY(-50%) rotate(90deg);
    opacity: 0
}

.item-faq__title.is-active:after {
    transform: translateY(-50%) rotate(270deg)
}

.item-faq__text {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2.25rem;
    padding-top: 1.5rem
}

@media (max-width: 991.98px) {
    .item-faq__text {
        padding-top: 1rem;
        font-size: 1rem;
        line-height: 1.3
    }
}

.services__slider {
    position: relative
}

.services__slider .swiper-wrapper {
    z-index: 10
}

.services__slider .swiper-slide {
    height: 100% !important
}

.service-item {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    padding: 1px;
    transition: all .3s ease;
    border: 1px solid transparent
}

.service-item:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 1rem;
    background: var(--gradient);
    transition: border-radius .3s ease
}

.service-item {
    cursor: pointer
}

@media (any-hover: hover) {
    .service-item:hover {
        z-index: 10;
        border: 1px solid var(--secondary);
        background: #021b0c;
        border-radius: 1rem 1rem 0 0
    }

    .service-item:hover .service-item__wrap {
        background: #021b0c
    }

    .service-item:hover:before {
        border-radius: 1rem 1rem 0 0;
        opacity: 0
    }

    .service-item:hover .service-item__dropdown {
        opacity: 1;
        pointer-events: initial;
        background: #021b0c
    }
}

.service-item__wrap {
    position: relative;
    z-index: 2;
    padding: 1.5rem;
    row-gap: 1.5rem;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    border-radius: 1rem;
    background: var(--bg);
    transition: background .3s ease
}

.service-item__title {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 100%;
    letter-spacing: .02em;
    text-transform: uppercase
}

.service-item__title a {
    transition: color .3s ease
}

@media (any-hover: hover) {
    .service-item__title a:hover {
        color: var(--secondary)
    }
}

.service-item__content {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1px;
    display: block;
    transition: all .3s ease
}

@media (min-width: 992px) {
    .service-item__content {
        overflow: hidden;
        max-height: 5.875rem;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        line-clamp: 4;
        text-overflow: ellipsis
    }
}

.service-item__content p:not(:last-child) {
    margin-bottom: .75rem
}

.service-item__content ul li {
    position: relative;
    padding-left: 1.375rem
}

.service-item__content ul li:not(:last-child) {
    margin-bottom: .75rem
}

.service-item__content ul li:before {
    content: "";
    position: absolute;
    top: .5625rem;
    left: .5625rem;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background: var(--white)
}

.service-item__dropdown {
    position: absolute;
    top: calc(100% - 5.875rem);
    left: 50%;
    width: calc(100% + .25rem);
    padding: 0 1.5rem 1.5rem;
    border-radius: 0 0 1rem 1rem;
    background: var(--bg);
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.375rem;
    transform: translate(-50%);
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease-in-out;
    border: 1px solid var(--secondary);
    border-top: none
}

.service-item__dropdown p:not(:last-child) {
    margin-bottom: .75rem
}

.service-item__dropdown ul li {
    position: relative;
    padding-left: 1.375rem
}

.service-item__dropdown ul li:not(:last-child) {
    margin-bottom: .75rem
}

.service-item__dropdown ul li:before {
    content: "";
    position: absolute;
    top: .5625rem;
    left: .5625rem;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background: var(--white)
}

.service-item__btn {
    margin-top: 1.5rem;
    width: 100%
}

@media (max-width: 991.98px) {
    .service-item__btn {
        margin-top: 1rem
    }
}

.our-cases__slider .swiper-slide {
    position: relative;
    padding: 1px;
    border-radius: 1.5rem
}

.our-cases__bottom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem
}

@media (max-width: 991.98px) {
    .our-cases__bottom {
        margin-top: 1.25rem;
        padding: 0 3.125rem
    }
}

.our-cases__bottom .swiper-nav {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0
}

@media (max-width: 991.98px) {
    .our-cases__bottom .swiper-nav {
        left: 0;
        justify-content: space-between
    }
}

.our-cases-item {
    position: relative;
    z-index: 2;
    background: var(--bg);
    gap: 1rem;
    border-radius: 1.4375rem;
    padding: 1.5rem 2rem;
    display: flex
}

.our-cases-item:after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: var(--bg);
    border-radius: 1.5rem
}

.our-cases-item:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    transform: translate(-50%, -50%);
    border-radius: 1.5rem;
    background: var(--gradient)
}

@media (max-width: 991.98px) {
    .our-cases-item {
        padding: 1rem 1.25rem
    }
}

@media (max-width: 767.98px) {
    .our-cases-item {
        flex-direction: column
    }
}

.our-cases-item__img {
    position: relative;
    z-index: 4;
    overflow: hidden;
    width: 14.75rem;
    flex-shrink: 0;
    border-radius: 1.5rem
}

@media (max-width: 1199.98px) {
    .our-cases-item__img {
        width: 11.25rem
    }
}

@media (max-width: 768.98px) {
    .our-cases-item__img {
        width: 100%
    }
}

@media (any-hover: hover) {
    .our-cases-item__img:hover img {
        transform: scale(1.03)
    }
}

.our-cases-item__img img {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 1.5rem;
    transition: transform .3s ease-in-out
}

.our-cases-item__content {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    flex: 1 1 auto
}

@media (max-width: 991.98px) {
    .our-cases-item__content {
        row-gap: 1rem
    }
}

.our-cases-item__title {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 100%;
    letter-spacing: .02em;
    text-transform: uppercase
}

@media (max-width: 991.98px) {
    .our-cases-item__title {
        font-size: 1.125rem
    }
}

.our-cases-item__text {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.375rem
}

.our-cases-item__btn {
    width: auto !important;
    margin-left: auto;
    margin-top: auto
}

.text-block__title {
    font-weight: 400;
    font-size: 6.5rem;
    line-height: 8.75rem;
    letter-spacing: .02em;
    text-align: center;
    text-transform: uppercase
}

.text-block__title:not(:last-child) {
    margin-bottom: 2.5rem
}

@media (max-width: 991.98px) {
    .text-block__title:not(:last-child) {
        margin-bottom: 1.5rem
    }
}

@media (max-width: 1199.98px) {
    .text-block__title {
        font-size: 4.5rem
    }
}

@media (max-width: 991.98px) {
    .text-block__title {
        font-size: 3.375rem;
        line-height: 1.3
    }
}

.text-block__content {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 3.75rem;
    letter-spacing: .02em;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff4d
}

@media (max-width: 991.98px) {
    .text-block__content {
        font-size: 1.5rem;
        line-height: 1.3
    }
}

.core {
    position: relative;
    overflow: visible
}

.core__row {
    display: flex
}

@media (max-width: 1199.98px) {
    .core__row {
        flex-direction: column
    }
}

.core__heading {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    align-items: center;
    width: 50%;
    flex-shrink: 0;
    font-size: 2.5rem;
    line-height: 4.0625rem;
    font-weight: 400;
    letter-spacing: .02em;
    text-transform: uppercase
}

@media (max-width: 1199.98px) {
    .core__heading {
        width: 100%;
        font-size: 2rem;
        line-height: 1.3;
        text-align: center
    }
}

@media (max-width: 991.98px) {
    .core__heading {
        font-size: 1.5rem
    }
}

.core__form {
    width: 50%
}

@media (max-width: 1199.98px) {
    .core__form {
        width: 100%
    }
}

.partners .decor {
    position: absolute
}

.partners .decor.decor--right {
    --width: 21.1875rem
}

@media (max-width: 991.98px) {
    .partners .decor.decor--right {
        --width: 50%
    }
}

.partners .decor.decor--left {
    --width: 26.625rem
}

@media (max-width: 991.98px) {
    .partners .decor.decor--left {
        --width: 40%
    }
}

.partners__title {
    padding: 0 1rem
}

.partners__items {
    display: flex;
    flex-direction: column;
    row-gap: .75rem
}

.partners__img {
    max-width: 17.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    padding: 1.5rem;
    background: #ffffff0a
}

@media (max-width: 991.98px) {
    .partners__img {
        padding: 1rem
    }
}

.partners__img img {
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: .75rem
}

.page--projects {
    padding-top: 5rem;
    padding-bottom: 12.5rem
}

@media (max-width: 991.98px) {
    .page--projects {
        padding-top: 4.75rem;
        padding-bottom: 5rem
    }
}

.projects .tabs__nav {
    justify-content: flex-start
}

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

@media (max-width: 991.98px) {
    .projects__items {
        grid-template-columns:1fr;
        row-gap: 1rem
    }
}

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

@media (max-width: 991.98px) {
    .results__list {
        grid-template-columns:repeat(2, 1fr);
        gap: 1rem
    }
}

@media (max-width: 768.98px) {
    .results__list {
        grid-template-columns:1fr
    }
}

.results__item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 17.75rem;
    padding: 1px;
    border-radius: 1rem
}

@media (max-width: 991.98px) {
    .results__item {
        min-height: 13.75rem
    }
}

.results__item:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--gradient);
    border-radius: 1rem
}

.results__item-box {
    position: relative;
    z-index: 4;
    width: 100%;
    height: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background: var(--bg);
    padding: 1.5rem;
    border-radius: 1rem;
    row-gap: .5rem
}

@media (max-width: 991.98px) {
    .results__item-box {
        padding: 1rem
    }
}

.results__icon {
    width: 4rem;
    height: 4rem;
    background: #ffffff0a;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.results__heading {
    margin-top: auto;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform: uppercase
}

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

.results__value {
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: 2%;
    text-transform: uppercase
}

@media (max-width: 991.98px) {
    .results__value {
        font-size: 1.5rem;
        line-height: 1.3
    }
}

.reviews__slider .swiper-slide {
    position: relative;
    padding: 1px;
    border-radius: 1.5rem
}

.review-cart {
    position: relative;
    border-radius: 1.5rem;
    padding: 1px;
    display: flex;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .review-cart {
        border-radius: 1rem
    }
}

.review-cart:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 1.5rem;
    background: var(--gradient)
}

@media (max-width: 991.98px) {
    .review-cart:before {
        border-radius: 1rem
    }
}

.review-cart__wrap {
    position: relative;
    z-index: 5;
    border-radius: 1.5rem;
    padding: 1.5rem;
    background: var(--bg);
    min-height: 100%;
    flex-grow: 1
}

@media (max-width: 991.98px) {
    .review-cart__wrap {
        border-radius: 1rem;
        padding: 1rem
    }
}

.review-cart__top {
    display: flex;
    gap: 1rem;
    padding-bottom: 1rem
}

@media (max-width: 991.98px) {
    .review-cart__top {
        gap: .75rem
    }
}

.review-cart__icon {
    flex-shrink: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 6.25rem;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .review-cart__icon {
        width: 3.375rem;
        height: 3.375rem
    }
}

.review-cart__icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.review-cart__name {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.375rem
}

.review-cart__position, .review-cart__date {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.375rem;
    color: var(--grey)
}

.review-cart__img {
    padding-left: 5rem
}

@media (max-width: 991.98px) {
    .review-cart__img {
        padding-left: 0
    }
}

.review-cart__img img {
    width: 100%;
    aspect-ratio: 516/220;
    border-radius: .75rem;
    object-fit: cover
}

@media (max-width: 767.98px) {
    .review-cart__img img {
        aspect-ratio: 3/2
    }
}

.stars {
    display: flex;
    gap: .375rem
}

.stars .star {
    width: .9375rem;
    height: .9375rem;
    background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.48351 0.690966C6.78287 -0.230345 8.08628 -0.230344 8.38563 0.690966L9.4552 3.98276C9.58907 4.39479 9.97303 4.67375 10.4063 4.67375H13.8675C14.8362 4.67375 15.239 5.91336 14.4552 6.48276L11.6551 8.51721C11.3046 8.77185 11.1579 9.22322 11.2918 9.63524L12.3614 12.927C12.6607 13.8483 11.6062 14.6145 10.8225 14.0451L8.02236 12.0106C7.67187 11.756 7.19727 11.756 6.84678 12.0106L4.04662 14.0451C3.2629 14.6145 2.20842 13.8483 2.50777 12.927L3.57734 9.63524C3.71122 9.22322 3.56456 8.77185 3.21407 8.51721L0.413903 6.48276C-0.369811 5.91336 0.0329652 4.67375 1.00169 4.67375H4.46289C4.89611 4.67375 5.28007 4.39479 5.41394 3.98276L6.48351 0.690966Z" fill="%23FF9447"/></svg>') center no-repeat;
    background-size: contain
}

.page--seo, .page--categories {
    padding-top: 5rem;
    padding-bottom: 12.5rem
}

@media (max-width: 991.98px) {
    .page--seo, .page--categories {
        padding-top: 4.75rem;
        padding-bottom: 5rem
    }
}

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

@media (max-width: 991.98px) {
    .categories__list {
        grid-template-columns:repeat(2, 1fr);
        gap: 1rem
    }
}

@media (max-width: 767.98px) {
    .categories__list {
        grid-template-columns:repeat(1, 1fr)
    }
}

.categories__item {
    position: relative
}

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

@media (max-width: 991.98px) {
    .categories__sorting {
        grid-template-columns:repeat(2, 1fr);
        gap: 1rem
    }
}

@media (max-width: 767.98px) {
    .categories__sorting {
        grid-template-columns:repeat(1, 1fr)
    }
}

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

.sorting {
    position: relative;
    z-index: 10
}

.sorting:hover .sorting__content {
    opacity: 1;
    pointer-events: initial;
    transform: translateY(0)
}

.sorting:hover .sorting__content:before {
    content: "";
    position: absolute;
    top: -.125rem;
    left: 0;
    width: 100%;
    height: .1875rem
}

.sorting:hover .sorting__heading:after {
    transform: rotate(0)
}

.sorting__heading {
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: space-between;
    font-weight: 400;
    font-size: .875rem;
    line-height: 100%;
    letter-spacing: .03em;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, .1215686275);
    width: 100%;
    height: 2.5rem;
    border-radius: .5rem;
    padding: .625rem .5rem .625rem 1rem;
    cursor: pointer
}

.sorting__heading:after {
    content: "";
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    background: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.854 5.85414C10.8076 5.90063 10.7524 5.93751 10.6917 5.96267C10.631 5.98784 10.566 6.00079 10.5003 6.00079C10.4346 6.00079 10.3695 5.98784 10.3088 5.96267C10.2481 5.93751 10.193 5.90063 10.1465 5.85414L5.50028 1.20727L0.854028 5.85414C0.760208 5.94796 0.63296 6.00067 0.500278 6.00067C0.367596 6.00067 0.240348 5.94796 0.146528 5.85414C0.0527077 5.76032 2.61548e-09 5.63308 0 5.50039C-2.61548e-09 5.36771 0.0527077 5.24046 0.146528 5.14664L5.14653 0.146643C5.19296 0.100155 5.24811 0.0632757 5.30881 0.0381136C5.36951 0.0129514 5.43457 0 5.50028 0C5.56599 0 5.63105 0.0129514 5.69175 0.0381136C5.75245 0.0632757 5.80759 0.100155 5.85403 0.146643L10.854 5.14664C10.9005 5.19308 10.9374 5.24822 10.9626 5.30892C10.9877 5.36962 11.0007 5.43469 11.0007 5.50039C11.0007 5.5661 10.9877 5.63116 10.9626 5.69186C10.9374 5.75256 10.9005 5.80771 10.854 5.85414Z" fill="url(%23paint0_linear_315_481)"/><defs><linearGradient id="paint0_linear_315_481" x1="0" y1="6.00079" x2="11.0007" y2="6.00079" gradientUnits="userSpaceOnUse"><stop stop-color="%23073E1E"/><stop offset="1" stop-color="%2321B912"/></linearGradient></defs></svg>') center no-repeat;
    transform: rotate(180deg);
    transition: transform .3s ease
}

.sorting__content {
    position: absolute;
    z-index: 10;
    top: calc(100% + .125rem);
    left: 0;
    width: 100%;
    height: auto;
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, .1215686275);
    background: #021108;
    opacity: 0;
    padding: .625rem 1rem;
    pointer-events: none;
    transform: translateY(-.625rem);
    transition: all .3s ease;
    max-height: 18.75rem;
    overflow: auto;
    font-weight: 400;
    font-size: .875rem;
    line-height: 100%;
    letter-spacing: .03em;
    text-transform: uppercase
}

.sorting__list {
    display: flex;
    flex-direction: column;
    row-gap: .25rem
}

.sorting__list .sorting__list {
    padding-left: 1rem
}

.sorting__item {
    padding: .125rem 0
}

.sorting__item.sub-in > .sorting__link:after {
    content: "";
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    background: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.854 5.85414C10.8076 5.90063 10.7524 5.93751 10.6917 5.96267C10.631 5.98784 10.566 6.00079 10.5003 6.00079C10.4346 6.00079 10.3695 5.98784 10.3088 5.96267C10.2481 5.93751 10.193 5.90063 10.1465 5.85414L5.50028 1.20727L0.854028 5.85414C0.760208 5.94796 0.63296 6.00067 0.500278 6.00067C0.367596 6.00067 0.240348 5.94796 0.146528 5.85414C0.0527077 5.76032 2.61548e-09 5.63308 0 5.50039C-2.61548e-09 5.36771 0.0527077 5.24046 0.146528 5.14664L5.14653 0.146643C5.19296 0.100155 5.24811 0.0632757 5.30881 0.0381136C5.36951 0.0129514 5.43457 0 5.50028 0C5.56599 0 5.63105 0.0129514 5.69175 0.0381136C5.75245 0.0632757 5.80759 0.100155 5.85403 0.146643L10.854 5.14664C10.9005 5.19308 10.9374 5.24822 10.9626 5.30892C10.9877 5.36962 11.0007 5.43469 11.0007 5.50039C11.0007 5.5661 10.9877 5.63116 10.9626 5.69186C10.9374 5.75256 10.9005 5.80771 10.854 5.85414Z" fill="url(%23paint0_linear_315_481)"/><defs><linearGradient id="paint0_linear_315_481" x1="0" y1="6.00079" x2="11.0007" y2="6.00079" gradientUnits="userSpaceOnUse"><stop stop-color="%23073E1E"/><stop offset="1" stop-color="%2321B912"/></linearGradient></defs></svg>') center no-repeat;
    transform: rotate(180deg);
    transition: transform .3s ease
}

.sorting__item.sub-in.is-open > .sorting__link:after {
    transform: rotate(0)
}

.sorting__item .sorting__link {
    padding-left: 1rem;
    font-weight: 400;
    font-size: .75rem;
    line-height: 100%;
    text-transform: uppercase
}

.sorting__item .sorting__item .sorting__item .sorting__link {
    font-weight: 400;
    font-size: .75rem;
    line-height: 100%;
    color: var(--grey);
    text-transform: none
}

.sorting__link {
    padding: .375rem 0;
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: space-between;
    transition: color .3s ease
}

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

.js-accordion-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-.625rem);
    transition: max-height .4s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out;
    will-change: max-height
}

.js-accordion-item.is-open > .js-accordion-content {
    max-height: 312.5rem;
    opacity: 1;
    transform: translateY(0)
}

.js-accordion-root .js-accordion-content {
    visibility: hidden
}

.js-accordion-root.is-initialized .js-accordion-content {
    visibility: visible
}

.page--contacts {
    padding-top: 5rem;
    padding-bottom: 12.5rem
}

@media (max-width: 991.98px) {
    .page--contacts {
        padding-top: 4.75rem;
        padding-bottom: 5rem
    }
}

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

@media (max-width: 991.98px) {
    .contacts__row {
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem
    }
}

@media (min-width: 992px) {
    .contacts .contact-item {
        padding: 1.5rem 0;
        gap: 1.5rem
    }
}

.contacts .contact-item:first-child {
    border-top: 1px solid var(--border)
}

@media (min-width: 992px) {
    .contacts .contact-item__icon {
        width: 3rem;
        height: 3rem
    }

    .contacts .contact-item__icon svg {
        width: 1.5rem;
        height: 1.5rem
    }
}

@media (min-width: 992px) {
    .contacts .contact-item__heading {
        font-weight: 400;
        font-size: .875rem;
        line-height: 100%;
        letter-spacing: .03em
    }
}

@media (min-width: 992px) {
    .contacts .contact-item__text {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 100%;
        letter-spacing: .03em;
        text-transform: uppercase
    }
}

.calculator__wrap {
    max-width: 65rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 1px;
    display: flex;
    border-radius: 2rem;
    overflow: hidden
}

.calculator__wrap:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--gradient);
    border-radius: 2rem
}

@media (max-width: 991.98px) {
    .calculator__wrap:before {
        border-radius: 1.25rem
    }
}

@media (max-width: 991.98px) {
    .calculator__wrap {
        border-radius: 1.25rem
    }
}

.calculator__form {
    position: relative;
    z-index: 2;
    width: 100%;
    background: var(--bg);
    min-height: 100%;
    border-radius: 2rem
}

@media (max-width: 991.98px) {
    .calculator__form {
        border-radius: 1.25rem
    }
}

.calculator__group {
    padding-top: 1.5rem;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem
}

@media (max-width: 991.98px) {
    .calculator__group {
        padding-top: 1rem;
        row-gap: 20
    }
}

.calculator__list {
    padding: 2.125rem 3rem;
    overflow: auto
}

@media (max-width: 991.98px) {
    .calculator__list {
        padding: 1.25rem 1rem
    }
}

.calculator__item.is-open .calculator__body {
    opacity: 1
}

.calculator__trigger {
    position: relative;
    padding-right: 4rem;
    padding: 1rem 0;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: 2%;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .3s ease;
    border-bottom: .1875rem solid #04150a
}

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

@media (max-width: 991.98px) {
    .calculator__trigger {
        padding-right: 2.5rem;
        font-size: 1.5rem;
        line-height: 1.3
    }
}

@media (max-width: 767.98px) {
    .calculator__trigger {
        font-size: 1.25rem;
        padding-right: 2rem
    }
}

.calculator__trigger:after, .calculator__trigger:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2em;
    background: var(--white);
    transition: all .3s ease
}

.calculator__trigger:before {
    right: 0;
    width: 1.5rem;
    height: .125rem
}

@media (max-width: 767.98px) {
    .calculator__trigger:before {
        width: 1.25rem
    }
}

.calculator__trigger:after {
    height: 1.5rem;
    width: .125rem;
    right: .6875rem
}

@media (max-width: 767.98px) {
    .calculator__trigger:after {
        height: 1.25rem;
        right: .5625rem
    }
}

.calculator__trigger.is-active:before {
    transform: translateY(-50%) rotate(90deg);
    opacity: 0
}

.calculator__trigger.is-active:after {
    transform: translateY(-50%) rotate(270deg)
}

.calculator__body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .3s ease, opacity .3s ease
}

.total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: 1.5rem 2.5rem 2rem;
    background: #ffffff0a
}

@media (max-width: 991.98px) {
    .total {
        padding: 1rem;
        flex-direction: column;
        justify-content: center;
        text-align: center
    }
}

.total__heading {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2.25rem;
    color: var(--grey)
}

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

.total__price {
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 3rem;
    text-transform: uppercase;
    color: var(--white)
}

@media (max-width: 991.98px) {
    .total__price {
        font-size: 2rem;
        line-height: 1.3
    }
}

@media (max-width: 767.98px) {
    .total__price {
        font-size: 1.5rem
    }
}

.total__btn {
    align-self: flex-end
}

@media (max-width: 991.98px) {
    .total__btn {
        width: 100%
    }
}

.footer {
    position: relative;
    z-index: 100
}

.footer__row {
    padding-top: 3.375rem;
    padding-bottom: 2.5rem;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 1.25rem;
    border-top: .1875rem solid var(--border)
}

@media (max-width: 991.98px) {
    .footer__row {
        padding-top: 2.5rem
    }
}

@media (max-width: 1199.98px) {
    .footer__row {
        display: flex;
        flex-direction: column;
        row-gap: 0;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
}

.footer__col {
    display: flex;
    flex-direction: column
}

@media (max-width: 1199.98px) {
    .footer__col:nth-child(2) {
        padding-top: 1.25rem
    }
}

.footer__logo {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    max-width: 17.5rem;
    display: flex
}

@media (max-width: 1199.98px) {
    .footer__logo {
        max-width: 12.5rem
    }
}

@media (max-width: 991.98px) {
    .footer__logo {
        margin-left: auto;
        margin-right: auto
    }
}

.footer__logo img {
    display: block;
    width: 100%;
    max-width: 100%
}

.footer__title {
    position: relative;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 2%;
    text-transform: uppercase
}

.footer__title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    background: var(--gradient)
}

.footer__title:not(:last-child) {
    margin-bottom: .75rem;
    padding-bottom: .75rem
}

@media (min-width: 1200px) {
    .footer__title {
        pointer-events: none
    }
}

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

@media (max-width: 1199.98px) {
    .footer__list {
        padding-bottom: 1rem
    }
}

.footer__link {
    position: relative;
    padding: .25rem 0;
    overflow: hidden;
    width: auto;
    display: inline-flex;
    font-weight: 400;
    font-size: .875rem;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase
}

.footer__link:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    background: var(--gradient);
    transform: scaleX(0);
    transform-origin: left;
    transition: all .3s ease
}

@media (any-hover: hover) {
    .footer__link:hover {
        color: var(--decor)
    }

    .footer__link:hover:before {
        transform: scaleX(1)
    }
}

.footer__copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2.25rem;
    border-top: .1875rem solid var(--border)
}

@media (max-width: 991.98px) {
    .footer__copyright {
        font-size: 1rem;
        line-height: 1.5
    }
}

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

.contact-item:not(:last-child) {
    margin-bottom: .75rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--border)
}

.contact-item__icon {
    position: relative;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bg)
}

.contact-item__icon svg {
    width: 1.0625rem;
    height: 1.0625rem
}

.contact-item__icon:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--gradient)
}

.contact-item__icon-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 5;
    background: var(--bg)
}

.contact-item__content {
    display: flex;
    flex-direction: column;
    row-gap: .25rem
}

.contact-item__heading {
    font-weight: 400;
    font-size: .875rem;
    line-height: 100%;
    letter-spacing: 3%;
    color: var(--grey)
}

.contact-item__text {
    font-weight: 400;
    font-size: .875rem;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase
}

.contact-item__text a {
    transition: color .3s ease
}

@media (any-hover: hover) {
    .contact-item__text a:hover {
        color: var(--secondary)
    }
}

body.menu-open {
    overflow: hidden
}

.header {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    transition: all .3s ease
}

@media (max-width: 1199.98px) {
    .header {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.header.scroll-header {
    background: #0000004d;
    border-radius: 0 0 1.5rem 1.5rem;
    -webkit-backdrop-filter: blur(.375rem);
    backdrop-filter: blur(.375rem)
}

.header__container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3.25rem;
    width: 100%
}

@media (max-width: 1199.98px) {
    .header__container {
        gap: .75rem;
        align-items: center
    }
}

.header__logo {
    position: relative;
    z-index: 100;
    flex-shrink: 0;
    max-width: 10.9375rem;
    display: flex
}

@media (max-width: 1199.98px) {
    .header__logo {
        max-width: 7.875rem
    }
}

.header__logo img {
    width: 100%;
    max-width: 100%
}

.header__menu {
    flex: 1 1 auto
}

.header__burger {
    position: relative;
    z-index: 1000;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid var(--primary)
}

@media (min-width: 992px) {
    .header__burger {
        display: none
    }
}

.header__burger:before, .header__burger:after, .header__burger span {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    width: 1rem;
    background: var(--white);
    transform: translate(-50%, -50%);
    transition: all .3s ease;
    transform-origin: center
}

.header__burger:before {
    content: "";
    top: calc(50% - .3125rem)
}

.header__burger:after {
    content: "";
    top: calc(50% + .3125rem);
    width: .5rem;
    left: calc(50% - .25rem)
}

.header__burger.is-active span {
    transform: translate(-50%, -50%) scaleX(0)
}

.header__burger.is-active:before {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.header__burger.is-active:after {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 1rem;
    left: 50%
}

@media (max-width: 1199.98px) {
    .menu {
        position: fixed;
        z-index: 15;
        width: 100%;
        height: 100dvh;
        max-width: 27.5rem;
        right: -100%;
        top: 0;
        overflow: auto;
        padding: 5.25rem 1.25rem 2.5rem;
        transition: right .3s ease-in-out;
        background: var(--border);
        color: var(--white);
        display: flex
    }

    .menu:before {
        content: "";
        position: fixed;
        z-index: 10;
        top: 0;
        width: 100%;
        height: 5.25rem;
        right: -100%;
        transition: right .3s ease-in-out;
        background: var(--border);
        pointer-events: none
    }

    .menu-open .menu {
        right: 0
    }

    .menu-open .menu:before {
        right: 0
    }
}

.menu__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

@media (max-width: 1199.98px) {
    .menu__wrap {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 0;
        flex-grow: 1
    }
}

.menu__nav {
    margin: 0 auto
}

@media (max-width: 1199.98px) {
    .menu__nav {
        margin: 0;
        width: 100%
    }
}

.menu__list {
    width: 100%;
    display: flex
}

@media (max-width: 1199.98px) {
    .menu__list {
        flex-direction: column;
        align-items: flex-start;
        row-gap: .5rem;
        padding-bottom: 1rem
    }
}

.menu__item {
    position: relative;
    flex-shrink: 0
}

@media (max-width: 1199.98px) {
    .menu__item {
        width: 100%
    }
}

.menu__link {
    overflow: hidden;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--decor);
    font-weight: 400;
    font-size: .875rem;
    line-height: 100%;
    letter-spacing: 3%;
    text-transform: uppercase
}

.menu__link:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .125rem;
    background: var(--gradient);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease
}

@media (any-hover: hover) {
    .menu__link:hover {
        color: var(--white)
    }
}

.menu__link.active {
    color: var(--white)
}

.menu__link.active:before {
    transform: scaleX(1)
}

@media (max-width: 1199.98px) {
    .menu__link {
        font-size: 1.25rem;
        width: 100%;
        justify-content: space-between
    }
}

@media (max-width: 1199.98px) {
    .menu__language {
        width: 100%;
        margin-top: auto
    }

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

    .menu__language .language__list {
        width: 100%
    }

    .menu__language .language__item {
        flex: 1 1 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

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

@media (max-width: 1199.98px) {
    .menu__actions {
        flex-direction: column;
        width: 100%
    }
}

.menu__btn {
    flex-shrink: 0
}

@media (max-width: 1199.98px) {
    .menu__btn {
        width: 100%
    }
}

.sub-in {
    transition: color .3s ease
}

.sub-in .menu__link {
    display: flex;
    align-items: center;
    gap: .5rem
}

.sub-in .menu__link:after {
    content: "";
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    background: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.854 5.85414C10.8076 5.90063 10.7524 5.93751 10.6917 5.96267C10.631 5.98784 10.566 6.00079 10.5003 6.00079C10.4346 6.00079 10.3695 5.98784 10.3088 5.96267C10.2481 5.93751 10.193 5.90063 10.1465 5.85414L5.50028 1.20727L0.854028 5.85414C0.760208 5.94796 0.63296 6.00067 0.500278 6.00067C0.367596 6.00067 0.240348 5.94796 0.146528 5.85414C0.0527077 5.76032 2.61548e-09 5.63308 0 5.50039C-2.61548e-09 5.36771 0.0527077 5.24046 0.146528 5.14664L5.14653 0.146643C5.19296 0.100155 5.24811 0.0632757 5.30881 0.0381136C5.36951 0.0129514 5.43457 0 5.50028 0C5.56599 0 5.63105 0.0129514 5.69175 0.0381136C5.75245 0.0632757 5.80759 0.100155 5.85403 0.146643L10.854 5.14664C10.9005 5.19308 10.9374 5.24822 10.9626 5.30892C10.9877 5.36962 11.0007 5.43469 11.0007 5.50039C11.0007 5.5661 10.9877 5.63116 10.9626 5.69186C10.9374 5.75256 10.9005 5.80771 10.854 5.85414Z" fill="url(%23paint0_linear_315_481)"/><defs><linearGradient id="paint0_linear_315_481" x1="0" y1="6.00079" x2="11.0007" y2="6.00079" gradientUnits="userSpaceOnUse"><stop stop-color="%23073E1E"/><stop offset="1" stop-color="%2321B912"/></linearGradient></defs></svg>') center no-repeat;
    transform: rotate(180deg);
    transition: transform .3s ease
}

@media (any-hover: hover) {
    .sub-in:hover {
        color: var(--white)
    }

    .sub-in:hover .sub-list {
        opacity: 1;
        transform: translateY(0);
        pointer-events: initial
    }

    .sub-in:hover .menu__link:after {
        transform: rotate(0)
    }
}

@media (max-width: 1199.98px) {
    .sub-in.is-open .menu__link:after {
        transform: rotate(0)
    }

    .sub-in.is-open .sub-list {
        opacity: 1
    }
}

.sub-in .sub-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: .125rem;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

@media (min-width: 1200px) {
    .sub-in .sub-list {
        opacity: 0;
        transform: translateY(-.625rem);
        pointer-events: none;
        position: absolute;
        z-index: 10;
        top: 100%;
        right: 0;
        min-width: 8.375rem;
        height: auto;
        padding: .25rem;
        border-radius: .5rem;
        background: #ffffff0a
    }
}

@media (max-width: 1199.98px) {
    .sub-in .sub-list {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height .3s ease, opacity .3s ease;
        justify-content: flex-start
    }
}

.sub-in .sub-list__item {
    width: 100%
}

.sub-in .sub-list__link {
    padding: .125rem .75rem;
    min-height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
    font-size: .875rem;
    line-height: 100%;
    letter-spacing: 3%;
    border-radius: .25rem;
    width: 100%;
    background: var(--bg);
    transition: all .3s ease
}

@media (any-hover: hover) {
    .sub-in .sub-list__link:hover {
        background: var(--primary)
    }
}

@media (max-width: 1199.98px) {
    .sub-in .sub-list__link {
        padding: .375rem .75rem;
        text-align: left;
        justify-content: flex-start
    }
}

.language {
    border-radius: .5rem;
    box-shadow: inset 0 0 0 1px #ffffff1f
}

@media (any-hover: hover) {
    .language:hover .language__item:before {
        transform: scaleY(0)
    }
}

.language__list {
    display: flex
}

.language__item {
    position: relative;
    flex-shrink: 0
}

.language__item:not(:last-child):before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.5rem;
    background: #ffffff1f;
    transform: translateY(-50%);
    transition: all .3s ease
}

.language__link {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    padding: .125rem;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.125rem;
    text-transform: uppercase;
    transition: all .3s ease;
    border-radius: .5rem
}

@media (any-hover: hover) {
    .language__link:hover {
        color: var(--white);
        box-shadow: 0 0 .875rem #21b91299
    }
}

.language__link.active {
    color: var(--secondary);
    pointer-events: none
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #010e06;
    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 {
    max-width: 41.25rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    transform: scale(.8);
    transition: all .3s ease 0s
}

.popup .popup__title {
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 3rem;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 991.98px) {
    .popup .popup__title {
        font-size: 1.5rem;
        line-height: 1.3
    }
}

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

@media (max-width: 991.98px) {
    .popup .popup__title:not(:last-child) {
        margin-bottom: 1rem
    }
}

.popup .popup__note {
    text-align: center
}

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

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

.popup .popup__close {
    position: fixed;
    z-index: 2;
    top: 3rem;
    right: 3rem;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    background: transparent;
    border-radius: 50%;
    border: 1px solid var(--white);
    transition: transform .3s
}

.popup .popup__close:before, .popup .popup__close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: .125rem;
    background-color: var(--white)
}

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

@media (max-width: 991.98px) {
    .popup .popup__close {
        top: 1.5rem;
        right: 1.5rem;
        width: 2.5rem;
        height: 2.5rem
    }
}

@media (max-width: 767.98px) {
    .popup .popup__close {
        top: 1rem;
        right: 1rem
    }
}

.summary-list {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem
}

.summary-list .summary-group {
    font-weight: 500;
    font-size: .875rem;
    line-height: 140%
}

.summary-list .summary-title {
    font-weight: 400;
    font-size: .875rem;
    line-height: 140%;
    color: var(--grey)
}

.summary-list .summary-title:not(:last-child) {
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-top: 1px solid var(--border)
}

.summary-list .summary-user-info {
    padding-left: 1rem
}

.summary-list .summary-user-info p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .25rem 0
}

.summary-list .summary-user-info p:not(:last-child) {
    margin-bottom: .625rem
}

.summary-list ul {
    padding-left: 1rem
}

.summary-list ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .25rem 0
}

.summary-list ul li:not(:last-child) {
    margin-bottom: .625rem
}

.summary-list .summary-total {
    padding-top: .875rem;
    padding-bottom: 1.75rem;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    font-weight: 600;
    padding-left: 1rem
}

: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-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-slides-offset-before);
    scroll-margin-inline-start: var(--swiper-slides-offset-before)
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
    margin-inline-end: var(--swiper-slides-offset-after)
}

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

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

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
    margin-block-end: var(--swiper-slides-offset-after)
}

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

.nice-select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    border-radius: .3125rem;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    width: fit-content;
    font-family: inherit;
    font-size: .875rem;
    font-weight: 400;
    height: 2.375rem;
    line-height: 2.25rem;
    outline: none;
    padding-left: 1.125rem;
    padding-right: 1.875rem;
    position: relative;
    text-align: left !important;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select:active, .nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: .125rem solid #999;
    border-right: .125rem solid #999;
    content: "";
    display: block;
    height: .3125rem;
    margin-top: -.25rem;
    pointer-events: none;
    position: absolute;
    right: .75rem;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: .3125rem
}

.nice-select.open {
    border-color: #999
}

.nice-select.open:after {
    transform: rotate(-135deg)
}

.nice-select.open .nice-select-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .nice-select-dropdown {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .nice-select-dropdown {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: .75rem;
    height: 2.25rem;
    line-height: 2.125rem
}

.nice-select.small:after {
    height: .25rem;
    width: .25rem
}

.nice-select.small .option {
    line-height: 2.125rem;
    min-height: 2.125rem
}

.nice-select .has-multiple {
    white-space: inherit;
    height: auto;
    padding: .4375rem .75rem;
    min-height: 2.25rem;
    line-height: 1.375rem
}

.nice-select .has-multiple span.current {
    border: 1px solid #ccc;
    background: #eee;
    padding: 0 .625rem;
    border-radius: .1875rem;
    display: inline-block;
    line-height: 1.5rem;
    font-size: .875rem;
    margin-bottom: .1875rem;
    margin-right: .1875rem
}

.nice-select .has-multiple .multiple-options {
    display: block;
    line-height: 1.5rem;
    padding: 0
}

.nice-select .nice-select-search-box {
    box-sizing: border-box;
    width: 100%;
    padding: .3125rem;
    pointer-events: none;
    border-radius: .3125rem .3125rem 0 0
}

.nice-select .nice-select-search {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: .1875rem;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    padding: .4375rem .75rem;
    margin: 0 .625rem 0 0;
    width: 100%;
    min-height: 2.25rem;
    line-height: 1.375rem;
    height: auto;
    outline: 0 !important;
    font-size: .875rem
}

.nice-select .nice-select-dropdown {
    margin-top: .25rem;
    background-color: #fff;
    border-radius: .3125rem;
    box-shadow: 0 0 0 1px #4444441c;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(.75) translateY(1.1875rem);
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9;
    opacity: 0;
    max-height: 14.375rem;
    overflow-y: scroll;
    overflow-x: hidden
}

.nice-select .list {
    border-radius: .3125rem;
    box-sizing: border-box;
    padding: 0
}

.nice-select .list:hover .option:not(:hover) {
    background-color: #0000 !important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 2.5rem;
    list-style: none;
    outline: none;
    padding-left: 1.125rem;
    padding-right: 1.8125rem;
    text-align: left;
    transition: all .2s
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: #0000;
    color: #999;
    cursor: default
}

.nice-select .extra {
    float: right
}

.nice-select .optgroup {
    font-weight: 700
}

.no-csspointerevents .nice-select .nice-select-dropdown {
    display: none
}

.no-csspointerevents .nice-select.open .nice-select-dropdown {
    display: block
}

.nice-select .list::-webkit-scrollbar {
    width: 0
}

.hidden-select {
    opacity: 0;
    width: 0;
    padding: 0;
    height: 0;
    font-size: 0;
    min-height: auto
}

.select-selection-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.select-selection-list .select-selection {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: .25rem;
    box-sizing: border-box;
    display: inline-block;
    margin-left: .3125rem;
    margin-top: .3125rem;
    padding: .125rem .3125rem;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select-selection-list button.remove-select-selection {
    height: .9375rem;
    width: .9375rem;
    line-height: .9375rem;
    padding: 0;
    background-color: #bd2919;
    border-radius: 20%
}