@charset "UTF-8";
    @import"https: //fonts.googleapis.com/css2?family=Montserrat:wght@400;
    700;
    800&display=swap";
    /*!
 * Zooy Customer Website Theme
 *
 * Componentes y secciones para la interfaz del sitio web de clientes.
 * @version 0.3.1
 * @author Gizzy Zexx <hola@gizzy.mx>
 * @project Zooy
 */*: -moz-placeholder-shown {
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    position: static;
    float: none;
    clear: none;
    background: none;
    outline: none;
    border: 0 solid;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 0;
    box-sizing: border-box;
    background-clip: padding-box;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    resize: none;
    opacity: 1;
    list-style: none;
    color: inherit;
    font: inherit;
    font-smooth: always;
    font-kerning: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    text-align: inherit;
    text-shadow: inherit;
    vertical-align: inherit;
    cursor: inherit;
    text-indent: inherit;
    letter-spacing: inherit;
    white-space: inherit;
    word-break: inherit;
    word-spacing: inherit;
    word-wrap: inherit;
    writing-mode: inherit;
    direction: inherit;
    unicode-bidi: inherit;
    quotes: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*, *:placeholder-shown, *:before, *:after {
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0;
    position: static;
    float: none;
    clear: none;
    background: none;
    outline: none;
    border: 0 solid;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 0;
    box-sizing: border-box;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    resize: none;
    opacity: 1;
    list-style: none;
    color: inherit;
    font: inherit;
    font-smooth: always;
    font-kerning: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    text-align: inherit;
    text-shadow: inherit;
    vertical-align: inherit;
    cursor: inherit;
    text-indent: inherit;
    letter-spacing: inherit;
    white-space: inherit;
    word-break: inherit;
    word-spacing: inherit;
    word-wrap: inherit;
    writing-mode: inherit;
    direction: inherit;
    unicode-bidi: inherit;
    quotes: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
:root {
    --theme-section--background:  transparent;
    --theme-section--font-color:  inherit;
    --theme-anchor--font-color:  #cb00dd;
    --theme-container--xxs:  320px;
    --theme-container--xs:  480px;
    --theme-container--sm:  540px;
    --theme-container--md:  720px;
    --theme-container--lg:  960px;
    --theme-container--xl:  1140px;
    --theme-container--xxl:  1320px;
    --theme-spacing--y-xxs:  40px;
    --theme-spacing--y-xs:  60px;
    --theme-spacing--y-sm:  80px;
    --theme-spacing--y-md:  120px;
    --theme-spacing--y-lg:  160px;
    --theme-spacing--y-xl:  200px;
    --theme-spacing--y-xxl:  240px;
    --theme-spacing--x-xxs:  10px;
    --theme-spacing--x-xs:  15px;
    --theme-spacing--x-sm:  20px;
    --theme-spacing--x-md:  25px;
    --theme-spacing--x-lg:  30px;
    --theme-spacing--x-xl:  35px;
    --theme-spacing--x-xxl:  40px;
    --theme-gap--xxs:  5px;
    --theme-gap--xs:  10px;
    --theme-gap--sm:  15px;
    --theme-gap--md:  20px;
    --theme-gap--lg:  25px;
    --theme-gap--xl:  30px;
    --theme-gap--xxl:  35px;
    --theme-col--xs:  280px;
    --theme-col--sm:  540px;
    --theme-col--md:  720px;
    --theme-col--lg:  960px;
    --theme-col--xl:  1140px;
    --theme-col--xxl:  1320px;
    --theme-text--weight:  400;
    --theme-text--style:  normal;
    --theme-text--size-xxs:  12px;
    --theme-text--size-xs:  14px;
    --theme-text--size-sm:  16px;
    --theme-text--size-md:  18px;
    --theme-text--size-lg:  20px;
    --theme-text--size-xl:  22px;
    --theme-text--size-xxl:  24px;
    --theme-cover--background:  #000;
    --theme-cover--font-color:  #fff;
    --theme-color--primary-gradient:  linear-gradient(-90deg,  #0ff 0%,  #cb00dd 100%);
    --theme-accordion--background-color:  #fff;
    --theme-accordion--secondary-color:  #000;
    --theme-accordion--toogle-color:  #eee;
}
* {
    box-sizing: border-box;
}
body {
    font-family: Montserrat, sans-serif;
    overflow: hidden;
    overflow-y: scroll;
}
.text-gradient {
    background: var(--theme-color--primary-gradient,  linear-gradient(-90deg,  #0ff 0%,  #cb00dd 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
a {
    color: var(--theme-anchor--font-color,  #cb00dd);
    cursor: pointer ;
    text-decoration: none !important;
}
a:hover {
    text-decoration: underline;
}
.content-spacing {
    padding-top: var(--theme-header--xxs,  64px);
}
@media (min-width: 412px) {
    .content-spacing {
    padding-top: var(--theme-header--xs,  64px);
}
}@media (min-width: 576px) {
    .content-spacing {
    padding-top: var(--theme-header--sm,  64px);
}
}@media (min-width: 768px) {
    .content-spacing {
    padding-top: var(--theme-header--md,  84px);
}
}@media (min-width: 992px) {
    .content-spacing {
    padding-top: var(--theme-header--lg,  96px);
}
}@media (min-width: 1200px) {
    .content-spacing {
    padding-top: var(--theme-header--xl,  96px);
}
}@media (min-width: 1400px) {
    .content-spacing {
    padding-top: var(--theme-header--xxl,  120px);
}
}#fab {
    position: fixed;
    z-index: 2000;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 768px) {
    #fab {
    left: auto;
}
}#scripts {
    width: 0;
    height: 0;
    position: fixed;
    top: -100%;
    left: 0;
}
.loading {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    z-index: 0;
    margin: 0 auto;
}
.loading:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #000;
    border-color: #000 transparent #000 #000;
    animation: loadingAnimation 8s cubic-bezier(.17, .67, .83, .67) infinite;
}
@keyframes loadingAnimation {
    0% {
    transform: rotate(0);
}
30% {
    transform: rotate(1440deg);
}
to {
    transform: rotate(3600deg);
}
}.svg_background_animate {
    transform: scale(2);
}
.svg_background_animate>svg {
    display: block;
    opacity: .1;
    animation: rotate 240s linear infinite;
}
@keyframes rotate {
    0% {
    transform: rotate(0);
}
to {
    transform: rotate(-360deg);
}
}.table {
    width: 100%;
    font-size: 14px;
    border: 1px solid #eee;
}
.table td {
    padding: 10px;
}
.table .table__label {
    background-color: #eee;
    font-weight: 600;
}
.table .table__value {
    padding-bottom: 30px;
}
.flex-top {
    display: flex;
    align-items: flex-start;
    justify-content: normal;
}
.flex-top-left {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.flex-top-center {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.flex-top-right {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.flex-top-between {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: normal;
}
@media (min-width: 768px) {
    .md\: flex-center {
    display: flex;
    align-items: center;
    justify-content: normal;
}
}.flex-center-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-center-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
@media (min-width: 576px) {
    .sm\: flex-center-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
}.flex-center-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: normal;
}
.flex-bottom-left {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.flex-bottom-center {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.flex-bottom-right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.flex-bottom-between {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.absolute {
    position: absolute;
}
.absolute-top-left {
    position: absolute;
    top: 0;
    left: 0;
}
.fixed {
    position: fixed;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.static {
    position: static;
}
.ratio-1x1 {
    padding-top: 100%}
.ratio-1x2 {
    padding-top: 200%}
.ratio-1x3 {
    padding-top: 300%}
.ratio-2x1 {
    padding-top: 50%}
.ratio-2x3 {
    padding-top: 150%}
.ratio-3x1 {
    padding-top: 33.333%}
.ratio-3x2 {
    padding-top: 66.666%}
.ratio-3x4 {
    padding-top: 133.333%}
.ratio-3x5 {
    padding-top: 166.666%}
.ratio-4x3 {
    padding-top: 75%}
.ratio-4x5 {
    padding-top: 125%}
.ratio-5x3 {
    padding-top: 60%}
.ratio-5x4 {
    padding-top: 80%}
.ratio-9x16 {
    padding-top: 177.777%}
.ratio-16x9 {
    padding-top: 56.25%}
@media (min-width: 412px) {
    .xs\: ratio-1x1 {
    padding-top: 100%}
.xs\:ratio-1x2 {
    padding-top: 200%}
.xs\:ratio-1x3 {
    padding-top: 300%}
.xs\:ratio-2x1 {
    padding-top: 50%}
.xs\:ratio-2x3 {
    padding-top: 150%}
.xs\:ratio-3x1 {
    padding-top: 33.333%}
.xs\:ratio-3x2 {
    padding-top: 66.666%}
.xs\:ratio-3x4 {
    padding-top: 133.333%}
.xs\:ratio-3x5 {
    padding-top: 166.666%}
.xs\:ratio-4x3 {
    padding-top: 75%}
.xs\:ratio-4x5 {
    padding-top: 125%}
.xs\:ratio-5x3 {
    padding-top: 60%}
.xs\:ratio-5x4 {
    padding-top: 80%}
.xs\:ratio-9x16 {
    padding-top: 177.777%}
.xs\:ratio-16x9 {
    padding-top: 56.25%}
}@media (min-width: 576px) {
    .sm\: ratio-1x1 {
    padding-top: 100%}
.sm\:ratio-1x2 {
    padding-top: 200%}
.sm\:ratio-1x3 {
    padding-top: 300%}
.sm\:ratio-2x1 {
    padding-top: 50%}
.sm\:ratio-2x3 {
    padding-top: 150%}
.sm\:ratio-3x1 {
    padding-top: 33.333%}
.sm\:ratio-3x2 {
    padding-top: 66.666%}
.sm\:ratio-3x4 {
    padding-top: 133.333%}
.sm\:ratio-3x5 {
    padding-top: 166.666%}
.sm\:ratio-4x3 {
    padding-top: 75%}
.sm\:ratio-4x5 {
    padding-top: 125%}
.sm\:ratio-5x3 {
    padding-top: 60%}
.sm\:ratio-5x4 {
    padding-top: 80%}
.sm\:ratio-9x16 {
    padding-top: 177.777%}
.sm\:ratio-16x9 {
    padding-top: 56.25%}
}@media (min-width: 768px) {
    .md\: ratio-1x1 {
    padding-top: 100%}
.md\:ratio-1x2 {
    padding-top: 200%}
.md\:ratio-1x3 {
    padding-top: 300%}
.md\:ratio-2x1 {
    padding-top: 50%}
.md\:ratio-2x3 {
    padding-top: 150%}
.md\:ratio-3x1 {
    padding-top: 33.333%}
.md\:ratio-3x2 {
    padding-top: 66.666%}
.md\:ratio-3x4 {
    padding-top: 133.333%}
.md\:ratio-3x5 {
    padding-top: 166.666%}
.md\:ratio-4x3 {
    padding-top: 75%}
.md\:ratio-4x5 {
    padding-top: 125%}
.md\:ratio-5x3 {
    padding-top: 60%}
.md\:ratio-5x4 {
    padding-top: 80%}
.md\:ratio-9x16 {
    padding-top: 177.777%}
.md\:ratio-16x9 {
    padding-top: 56.25%}
}@media (min-width: 992px) {
    .lg\: ratio-1x1 {
    padding-top: 100%}
.lg\:ratio-1x2 {
    padding-top: 200%}
.lg\:ratio-1x3 {
    padding-top: 300%}
.lg\:ratio-2x1 {
    padding-top: 50%}
.lg\:ratio-2x3 {
    padding-top: 150%}
.lg\:ratio-3x1 {
    padding-top: 33.333%}
.lg\:ratio-3x2 {
    padding-top: 66.666%}
.lg\:ratio-3x4 {
    padding-top: 133.333%}
.lg\:ratio-3x5 {
    padding-top: 166.666%}
.lg\:ratio-4x3 {
    padding-top: 75%}
.lg\:ratio-4x5 {
    padding-top: 125%}
.lg\:ratio-5x3 {
    padding-top: 60%}
.lg\:ratio-5x4 {
    padding-top: 80%}
.lg\:ratio-9x16 {
    padding-top: 177.777%}
.lg\:ratio-16x9 {
    padding-top: 56.25%}
}@media (min-width: 1200px) {
    .xl\: ratio-1x1 {
    padding-top: 100%}
.xl\:ratio-1x2 {
    padding-top: 200%}
.xl\:ratio-1x3 {
    padding-top: 300%}
.xl\:ratio-2x1 {
    padding-top: 50%}
.xl\:ratio-2x3 {
    padding-top: 150%}
.xl\:ratio-3x1 {
    padding-top: 33.333%}
.xl\:ratio-3x2 {
    padding-top: 66.666%}
.xl\:ratio-3x4 {
    padding-top: 133.333%}
.xl\:ratio-3x5 {
    padding-top: 166.666%}
.xl\:ratio-4x3 {
    padding-top: 75%}
.xl\:ratio-4x5 {
    padding-top: 125%}
.xl\:ratio-5x3 {
    padding-top: 60%}
.xl\:ratio-5x4 {
    padding-top: 80%}
.xl\:ratio-9x16 {
    padding-top: 177.777%}
.xl\:ratio-16x9 {
    padding-top: 56.25%}
}@media (min-width: 1400px) {
    .xxl\: ratio-1x1 {
    padding-top: 100%}
.xxl\:ratio-1x2 {
    padding-top: 200%}
.xxl\:ratio-1x3 {
    padding-top: 300%}
.xxl\:ratio-2x1 {
    padding-top: 50%}
.xxl\:ratio-2x3 {
    padding-top: 150%}
.xxl\:ratio-3x1 {
    padding-top: 33.333%}
.xxl\:ratio-3x2 {
    padding-top: 66.666%}
.xxl\:ratio-3x4 {
    padding-top: 133.333%}
.xxl\:ratio-3x5 {
    padding-top: 166.666%}
.xxl\:ratio-4x3 {
    padding-top: 75%}
.xxl\:ratio-4x5 {
    padding-top: 125%}
.xxl\:ratio-5x3 {
    padding-top: 60%}
.xxl\:ratio-5x4 {
    padding-top: 80%}
.xxl\:ratio-9x16 {
    padding-top: 177.777%}
.xxl\:ratio-16x9 {
    padding-top: 56.25%}
}.w100p {
    width: 100%}
.h50p {
    height: 50%}
.h100p {
    height: 100%}
.h50v {
    height: 50vh;
}
.h100v {
    height: 100vh;
}
@media (min-width: 768px) {
    .md\: h100v {
    height: 100vh;
}
}.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
@media (min-width: 768px) {
    .md\: text-left {
    text-align: left;
}
}.overflow-hidden {
    overflow: hidden;
}
.zone {
    width: 100%;
    position: relative;
}
.zone--auto {
    height: 100%;
    min-height: 200px;
}
.zone--violet {
    background-color: #8a2be2;
}
.zone--brown {
    background-color: brown;
}
.zone--green {
    background-color: green;
}
.zone>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.accordion {
    position: relative;
    padding: 2px;
    background: var(--theme-color--primary-gradient,  linear-gradient(-90deg,  #0ff 0%,  #cb00dd 100%));
    border-radius: 20px;
    overflow: hidden;
}
.accordion+.accordion {
    margin-top: 20px;
}
.accordion>input[type=radio], .accordion>input[type=checkbox] {
    position: absolute;
    left: -100%;
    top: -100%;
    visibility: hidden;
}
.accordion__effect {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: var(--theme-accordion--secondary-color,  #000);
    transition: opacity .3s ease-in-out;
}
.accordion__inner {
    position: relative;
    background: var(--theme-accordion--background-color,  #fff);
    border-radius: 18px;
    overflow: hidden;
}
.accordion__toggle {
    display: flex;
    align-items: center;
    padding: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: background .3s ease-in-out;
}
.accordion__icon {
    position: relative;
    width: 18px;
    height: 18px;
    transition: transform .3s ease-in-out;
    flex-shrink: 0;
}
.accordion__icon:before, .accordion__icon:after {
    content: "";
    background: var(--theme-accordion--secondary-color,  #000);
    position: absolute;
}
.accordion__icon:before {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
}
.accordion__icon:after {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    transform: translate(-50%);
}
.accordion__title {
    position: relative;
    padding-left: 10px;
}
.accordion__content {
    padding: 15px;
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: top .3s ease-in-out, opacity .3s ease-in-out, max-height .3s ease-in-out;
}
.accordion:hover {
    box-shadow: 0 0 5px #0ff, 0 5px 10px #cb00dd;
}
.accordion.active .accordion__inner>.accordion__toggle>.accordion__icon, .accordion>input[type=radio]:checked~.accordion__inner>.accordion__toggle>.accordion__icon, .accordion>input[type=checkbox]:checked~.accordion__inner>.accordion__toggle>.accordion__icon {
    transform: rotate(-45deg);
}
.accordion.active .accordion__inner>.accordion__toggle, .accordion>input[type=radio]:checked~.accordion__inner>.accordion__toggle, .accordion>input[type=checkbox]:checked~.accordion__inner>.accordion__toggle {
    background: var(--theme-accordion--toogle-color,  #eee);
}
.accordion.active .accordion__inner>.accordion__content, .accordion>input[type=radio]:checked~.accordion__inner>.accordion__content, .accordion>input[type=checkbox]:checked~.accordion__inner>.accordion__content {
    position: relative;
    top: 0;
    visibility: visible;
    opacity: 1;
}
.accordion.active .accordion__effect, .accordion>input[type=radio]:checked~.accordion__effect, .accordion>input[type=checkbox]:checked~.accordion__effect {
    opacity: 0;
}
.alert .text {
    font-size: 16px;
}
.alert .button {
    min-height: 32px;
    font-size: 14px;
    padding: 0 20px;
    margin-left: 10px;
}
.button {
    background: var(--theme-button--primary-color,  #000);
    background: var(--theme-button--gradient-color,  var(--theme-button--primary-color,  #000));
    color: var(--theme-button--secondary-color,  #fff);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 0 60px;
    border-radius: 56px;
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 30px 50px #ffffff4d inset, 0 10px 20px #0003;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none!important;
}
.button--block {
    display: flex;
    width: 100%}
.button[disabled] {
    opacity: .2;
    cursor: progress;
}
@media (min-width: 768px) {
    .md\: button--auto {
    display: inline-flex;
    width: auto;
}
}.button-check {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: block;
    width: 100%}
a.button-check {
    cursor: pointer;
    text-decoration: none!important;
}
.button-check>input {
    visibility: hidden;
    position: absolute;
    top: -100%;
    left: -100%}
.button-check__inner {
    position: relative;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
}
.button-check__inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 5px solid var(--theme-button-check--secondary-color,  #fff);
    border-radius: 15px;
    transition: border-color .3s ease-in-out;
    z-index: 1;
}
.button-check__inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-button-check--primary-color,  #000);
    background: var(--theme-button-check--gradient-color,  var(--theme-button-check--primary-color,  #000));
    border-radius: 15px;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    z-index: 2;
}
.button-check__inner:hover:before {
    border-color: var(--theme-button-check--primary-color,  #000);
}
.button-check__inner>img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100px;
    max-height: 56px;
    margin: 0 auto;
    z-index: 3;
}
.button-check__inner>img.checked {
    display: none;
}
.button-check__inner>span {
    color: var(--theme-button-check--secondary-color,  #fff);
    display: block;
    z-index: 3;
    --theme-font--size:  20px;
    font-weight: 700;
    padding-bottom: 10px;
    text-align: center;
}
.button-check.active>.button-check__inner:before, .button-check>input:checked+.button-check__inner:before {
    border-color: var(--theme-button-check--primary-color,  #000);
}
.button-check.active>.button-check__inner:after, .button-check>input:checked+.button-check__inner:after {
    opacity: 1;
}
.button-check.active>.button-check__inner .unchecked, .button-check>input:checked+.button-check__inner .unchecked {
    display: none;
}
.button-check.active>.button-check__inner .checked, .button-check>input:checked+.button-check__inner .checked {
    display: block;
}
.carousel-banner {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.carousel-banner .carousel-banner__inner {
    display: block;
    width: 100%;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.carousel-banner.carousel-banner--to-right .carousel-banner__inner {
    animation-name: slideRightMobile;
}
.carousel-banner.carousel-banner--to-left .carousel-banner__inner {
    animation-name: slideLeftMobile;
}
@media (min-width: 576px) {
    .carousel-banner.carousel-banner--to-right .carousel-banner__inner {
    animation-name: slideRightTablet;
}
.carousel-banner.carousel-banner--to-left .carousel-banner__inner {
    animation-name: slideLeftTablet;
}
}@media (min-width: 992px) {
    .carousel-banner.carousel-banner--to-right .carousel-banner__inner {
    animation-name: slideRight;
}
.carousel-banner.carousel-banner--to-left .carousel-banner__inner {
    animation-name: slideLeft;
}
}.carousel-banner .carousel-banner__item {
    position: relative;
    padding-top: 100%;
    overflow: hidden;
}
.carousel-banner .carousel-banner__item-inner {
    position: absolute;
    top: 0;
    height: 100%}
.carousel-banner.carousel-banner--rhomboid-right .carousel-banner__item {
    animation-name: slideRight;
    transform: skew(-25deg);
    transition: transform 1s linear;
    transition-delay: 1s;
}
.carousel-banner.carousel-banner--rhomboid-right .carousel-banner__item-inner {
    left: -47%;
    width: 147%;
    transform: skew(25deg);
    transform-origin: top left;
    transition: transform 1s linear;
    transition-delay: 1s;
}
.carousel-banner.carousel-banner--rhomboid-left .carousel-banner__item {
    animation-name: slideLeft;
    transform: skew(25deg);
    transition: transform 1s linear;
    transition-delay: 1s;
}
.carousel-banner.carousel-banner--rhomboid-left .carousel-banner__item-inner {
    width: 147%;
    transform: skew(-25deg);
    transform-origin: top left;
    transition: transform 1s linear;
    transition-delay: 1s;
}
@keyframes slideRight {
    0% {
    transform: translate(-116.666%);
}
to {
    transform: translate(-16.666%);
}
}@keyframes slideLeft {
    0% {
    transform: translate(-16.666%);
}
to {
    transform: translate(-116.666%);
}
}@keyframes slideRightTablet {
    0% {
    transform: translate(-300%);
}
to {
    transform: translate(-150%);
}
}@keyframes slideLeftTablet {
    0% {
    transform: translate(-150%);
}
to {
    transform: translate(-300%);
}
}@keyframes slideRightMobile {
    0% {
    transform: translate(-600%);
}
to {
    transform: translate(-300%);
}
}@keyframes slideLeftMobile {
    0% {
    transform: translate(-300%);
}
to {
    transform: translate(-600%);
}
}.choice-card {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px var(--theme-choice-card--primary-color,  #000), -50px 0 100px #ffffff80 inset;
    background-color: var(--theme-choice-card--primary-color,  #000);
    color: var(--theme-choice-card--font-color,  #fff);
    position: relative;
    width: 100%;
    padding-top: 33.333%;
    border-radius: 30px;
    overflow: hidden;
    text-decoration: none!important;
}
.choice-card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid white;
    border-radius: 30px;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.choice-card:hover:after {
    opacity: 1;
}
.choice-card__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.choice-card__content {
    padding: 20px;
}
.choice-card__title {
    font-size: 26px;
    font-weight: 700;
}
.choice-card__text {
    font-size: 18px;
}
@media (min-width: 768px) {
    .choice-card {
    padding-top: 100%}
.choice-card__content {
    padding: 40px;
}
.choice-card__title {
    font-size: 32px;
}
.choice-card__text {
    font-size: 22px;
}
}@media (min-width: 1200px) {
    .choice-card__title {
    font-size: 46px;
}
.choice-card__text {
    font-size: 28px;
}
}.col {
    width: var(--theme-col--size,  auto);
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: var(--theme-col--size,  auto);
    flex-grow: 1;
}
.col-auto {
    width: auto;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: auto;
}
.col-10p {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.col-20p {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.col-30p {
    width: 30%;
    max-width: var(--theme-col--max-size,  30%);
    flex-basis: 30%}
.col-40p {
    width: 40%;
    max-width: var(--theme-col--max-size,  40%);
    flex-basis: 40%}
.col-50p {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.col-60p {
    width: 60%;
    max-width: var(--theme-col--max-size,  60%);
    flex-basis: 60%}
.col-70p {
    width: 70%;
    max-width: var(--theme-col--max-size,  70%);
    flex-basis: 70%}
.col-80p {
    width: 80%;
    max-width: var(--theme-col--max-size,  80%);
    flex-basis: 80%}
.col-90p {
    width: 90%;
    max-width: var(--theme-col--max-size,  90%);
    flex-basis: 90%}
.col-100p {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.col-1 {
    width: 8.33333333%;
    max-width: var(--theme-col--max-size,  8.33333333%);
    flex-basis: 8.33333333%}
.col-2 {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.col-3 {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.col-4 {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.col-5 {
    width: 41.66666667%;
    max-width: var(--theme-col--max-size,  41.66666667%);
    flex-basis: 41.66666667%}
.col-6 {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.col-7 {
    width: 58.33333333%;
    max-width: var(--theme-col--max-size,  58.33333333%);
    flex-basis: 58.33333333%}
.col-8 {
    width: 66.66666667%;
    max-width: var(--theme-col--max-size,  66.66666667%);
    flex-basis: 66.66666667%}
.col-9 {
    width: 75%;
    max-width: var(--theme-col--max-size,  75%);
    flex-basis: 75%}
.col-10 {
    width: 83.33333333%;
    max-width: var(--theme-col--max-size,  83.33333333%);
    flex-basis: 83.33333333%}
.col-11 {
    width: 91.66666667%;
    max-width: var(--theme-col--max-size,  91.66666667%);
    flex-basis: 91.66666667%}
.col-12, .col-1u {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.col-2u {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.col-3u {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.col-4u {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.col-5u {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.col-6u {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.col-7u {
    width: 14.2857142857%;
    max-width: var(--theme-col--max-size,  14.2857142857%);
    flex-basis: 14.2857142857%}
.col-8u {
    width: 12.5%;
    max-width: var(--theme-col--max-size,  12.5%);
    flex-basis: 12.5%}
.col-9u {
    width: 11.1111111111%;
    max-width: var(--theme-col--max-size,  11.1111111111%);
    flex-basis: 11.1111111111%}
.col-10u {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.cols-auto>.col {
    --theme-col--size:  auto;
    --theme-col--max-size:  100%;
    flex-grow: 0;
    flex-shrink: 1;
}
.cols-10p>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
.cols-20p>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.cols-30p>.col {
    --theme-col--size:  30%;
    --theme-col--max-size:  30%;
    flex-shrink: 0;
}
.cols-40p>.col {
    --theme-col--size:  40%;
    --theme-col--max-size:  40%;
    flex-shrink: 0;
}
.cols-50p>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.cols-60p>.col {
    --theme-col--size:  60%;
    --theme-col--max-size:  60%;
    flex-shrink: 0;
}
.cols-70p>.col {
    --theme-col--size:  70%;
    --theme-col--max-size:  70%;
    flex-shrink: 0;
}
.cols-80p>.col {
    --theme-col--size:  80%;
    --theme-col--max-size:  80%;
    flex-shrink: 0;
}
.cols-90p>.col {
    --theme-col--size:  90%;
    --theme-col--max-size:  90%;
    flex-shrink: 0;
}
.cols-100p>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.cols-1>.col {
    --theme-col--size:  8.33333333%;
    --theme-col--max-size:  8.33333333%;
    flex-shrink: 0;
}
.cols-2>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.cols-3>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.cols-4>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.cols-5>.col {
    --theme-col--size:  41.66666667%;
    --theme-col--max-size:  41.66666667%;
    flex-shrink: 0;
}
.cols-6>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.cols-7>.col {
    --theme-col--size:  58.33333333%;
    --theme-col--max-size:  58.33333333%;
    flex-shrink: 0;
}
.cols-8>.col {
    --theme-col--size:  66.66666667%;
    --theme-col--max-size:  66.66666667%;
    flex-shrink: 0;
}
.cols-9>.col {
    --theme-col--size:  75%;
    --theme-col--max-size:  75%;
    flex-shrink: 0;
}
.cols-10>.col {
    --theme-col--size:  83.33333333%;
    --theme-col--max-size:  83.33333333%;
    flex-shrink: 0;
}
.cols-11>.col {
    --theme-col--size:  91.66666667%;
    --theme-col--max-size:  91.66666667%;
    flex-shrink: 0;
}
.cols-12>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.cols-1u>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.cols-2u>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.cols-3u>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.cols-4u>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.cols-5u>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.cols-6u>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.cols-7u>.col {
    --theme-col--size:  14.2857142857%;
    --theme-col--max-size:  14.2857142857%;
    flex-shrink: 0;
}
.cols-8u>.col {
    --theme-col--size:  12.5%;
    --theme-col--max-size:  12.5%;
    flex-shrink: 0;
}
.cols-9u>.col {
    --theme-col--size:  11.1111111111%;
    --theme-col--max-size:  11.1111111111%;
    flex-shrink: 0;
}
.cols-10u>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
@media (min-width: 412px) {
    .xs\: col-auto {
    width: auto;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: auto;
}
.xs\:col-10p {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.xs\:col-20p {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.xs\:col-30p {
    width: 30%;
    max-width: var(--theme-col--max-size,  30%);
    flex-basis: 30%}
.xs\:col-40p {
    width: 40%;
    max-width: var(--theme-col--max-size,  40%);
    flex-basis: 40%}
.xs\:col-50p {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.xs\:col-60p {
    width: 60%;
    max-width: var(--theme-col--max-size,  60%);
    flex-basis: 60%}
.xs\:col-70p {
    width: 70%;
    max-width: var(--theme-col--max-size,  70%);
    flex-basis: 70%}
.xs\:col-80p {
    width: 80%;
    max-width: var(--theme-col--max-size,  80%);
    flex-basis: 80%}
.xs\:col-90p {
    width: 90%;
    max-width: var(--theme-col--max-size,  90%);
    flex-basis: 90%}
.xs\:col-100p {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.xs\:col-1 {
    width: 8.33333333%;
    max-width: var(--theme-col--max-size,  8.33333333%);
    flex-basis: 8.33333333%}
.xs\:col-2 {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.xs\:col-3 {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.xs\:col-4 {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.xs\:col-5 {
    width: 41.66666667%;
    max-width: var(--theme-col--max-size,  41.66666667%);
    flex-basis: 41.66666667%}
.xs\:col-6 {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.xs\:col-7 {
    width: 58.33333333%;
    max-width: var(--theme-col--max-size,  58.33333333%);
    flex-basis: 58.33333333%}
.xs\:col-8 {
    width: 66.66666667%;
    max-width: var(--theme-col--max-size,  66.66666667%);
    flex-basis: 66.66666667%}
.xs\:col-9 {
    width: 75%;
    max-width: var(--theme-col--max-size,  75%);
    flex-basis: 75%}
.xs\:col-10 {
    width: 83.33333333%;
    max-width: var(--theme-col--max-size,  83.33333333%);
    flex-basis: 83.33333333%}
.xs\:col-11 {
    width: 91.66666667%;
    max-width: var(--theme-col--max-size,  91.66666667%);
    flex-basis: 91.66666667%}
.xs\:col-12, .xs\:col-1u {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.xs\:col-2u {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.xs\:col-3u {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.xs\:col-4u {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.xs\:col-5u {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.xs\:col-6u {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.xs\:col-7u {
    width: 14.2857142857%;
    max-width: var(--theme-col--max-size,  14.2857142857%);
    flex-basis: 14.2857142857%}
.xs\:col-8u {
    width: 12.5%;
    max-width: var(--theme-col--max-size,  12.5%);
    flex-basis: 12.5%}
.xs\:col-9u {
    width: 11.1111111111%;
    max-width: var(--theme-col--max-size,  11.1111111111%);
    flex-basis: 11.1111111111%}
.xs\:col-10u {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.xs\:cols-auto>.col {
    --theme-col--size:  auto;
    --theme-col--max-size:  100%;
    flex-grow: 0;
    flex-shrink: 1;
}
.xs\:cols-10p>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
.xs\:cols-20p>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.xs\:cols-30p>.col {
    --theme-col--size:  30%;
    --theme-col--max-size:  30%;
    flex-shrink: 0;
}
.xs\:cols-40p>.col {
    --theme-col--size:  40%;
    --theme-col--max-size:  40%;
    flex-shrink: 0;
}
.xs\:cols-50p>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.xs\:cols-60p>.col {
    --theme-col--size:  60%;
    --theme-col--max-size:  60%;
    flex-shrink: 0;
}
.xs\:cols-70p>.col {
    --theme-col--size:  70%;
    --theme-col--max-size:  70%;
    flex-shrink: 0;
}
.xs\:cols-80p>.col {
    --theme-col--size:  80%;
    --theme-col--max-size:  80%;
    flex-shrink: 0;
}
.xs\:cols-90p>.col {
    --theme-col--size:  90%;
    --theme-col--max-size:  90%;
    flex-shrink: 0;
}
.xs\:cols-100p>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.xs\:cols-1>.col {
    --theme-col--size:  8.33333333%;
    --theme-col--max-size:  8.33333333%;
    flex-shrink: 0;
}
.xs\:cols-2>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.xs\:cols-3>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.xs\:cols-4>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.xs\:cols-5>.col {
    --theme-col--size:  41.66666667%;
    --theme-col--max-size:  41.66666667%;
    flex-shrink: 0;
}
.xs\:cols-6>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.xs\:cols-7>.col {
    --theme-col--size:  58.33333333%;
    --theme-col--max-size:  58.33333333%;
    flex-shrink: 0;
}
.xs\:cols-8>.col {
    --theme-col--size:  66.66666667%;
    --theme-col--max-size:  66.66666667%;
    flex-shrink: 0;
}
.xs\:cols-9>.col {
    --theme-col--size:  75%;
    --theme-col--max-size:  75%;
    flex-shrink: 0;
}
.xs\:cols-10>.col {
    --theme-col--size:  83.33333333%;
    --theme-col--max-size:  83.33333333%;
    flex-shrink: 0;
}
.xs\:cols-11>.col {
    --theme-col--size:  91.66666667%;
    --theme-col--max-size:  91.66666667%;
    flex-shrink: 0;
}
.xs\:cols-12>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.xs\:cols-1u>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.xs\:cols-2u>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.xs\:cols-3u>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.xs\:cols-4u>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.xs\:cols-5u>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.xs\:cols-6u>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.xs\:cols-7u>.col {
    --theme-col--size:  14.2857142857%;
    --theme-col--max-size:  14.2857142857%;
    flex-shrink: 0;
}
.xs\:cols-8u>.col {
    --theme-col--size:  12.5%;
    --theme-col--max-size:  12.5%;
    flex-shrink: 0;
}
.xs\:cols-9u>.col {
    --theme-col--size:  11.1111111111%;
    --theme-col--max-size:  11.1111111111%;
    flex-shrink: 0;
}
.xs\:cols-10u>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
}@media (min-width: 576px) {
    .sm\: col-auto {
    width: auto;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: auto;
}
.sm\:col-10p {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.sm\:col-20p {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.sm\:col-30p {
    width: 30%;
    max-width: var(--theme-col--max-size,  30%);
    flex-basis: 30%}
.sm\:col-40p {
    width: 40%;
    max-width: var(--theme-col--max-size,  40%);
    flex-basis: 40%}
.sm\:col-50p {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.sm\:col-60p {
    width: 60%;
    max-width: var(--theme-col--max-size,  60%);
    flex-basis: 60%}
.sm\:col-70p {
    width: 70%;
    max-width: var(--theme-col--max-size,  70%);
    flex-basis: 70%}
.sm\:col-80p {
    width: 80%;
    max-width: var(--theme-col--max-size,  80%);
    flex-basis: 80%}
.sm\:col-90p {
    width: 90%;
    max-width: var(--theme-col--max-size,  90%);
    flex-basis: 90%}
.sm\:col-100p {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.sm\:col-1 {
    width: 8.33333333%;
    max-width: var(--theme-col--max-size,  8.33333333%);
    flex-basis: 8.33333333%}
.sm\:col-2 {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.sm\:col-3 {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.sm\:col-4 {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.sm\:col-5 {
    width: 41.66666667%;
    max-width: var(--theme-col--max-size,  41.66666667%);
    flex-basis: 41.66666667%}
.sm\:col-6 {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.sm\:col-7 {
    width: 58.33333333%;
    max-width: var(--theme-col--max-size,  58.33333333%);
    flex-basis: 58.33333333%}
.sm\:col-8 {
    width: 66.66666667%;
    max-width: var(--theme-col--max-size,  66.66666667%);
    flex-basis: 66.66666667%}
.sm\:col-9 {
    width: 75%;
    max-width: var(--theme-col--max-size,  75%);
    flex-basis: 75%}
.sm\:col-10 {
    width: 83.33333333%;
    max-width: var(--theme-col--max-size,  83.33333333%);
    flex-basis: 83.33333333%}
.sm\:col-11 {
    width: 91.66666667%;
    max-width: var(--theme-col--max-size,  91.66666667%);
    flex-basis: 91.66666667%}
.sm\:col-12, .sm\:col-1u {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.sm\:col-2u {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.sm\:col-3u {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.sm\:col-4u {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.sm\:col-5u {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.sm\:col-6u {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.sm\:col-7u {
    width: 14.2857142857%;
    max-width: var(--theme-col--max-size,  14.2857142857%);
    flex-basis: 14.2857142857%}
.sm\:col-8u {
    width: 12.5%;
    max-width: var(--theme-col--max-size,  12.5%);
    flex-basis: 12.5%}
.sm\:col-9u {
    width: 11.1111111111%;
    max-width: var(--theme-col--max-size,  11.1111111111%);
    flex-basis: 11.1111111111%}
.sm\:col-10u {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.sm\:cols-auto>.col {
    --theme-col--size:  auto;
    --theme-col--max-size:  100%;
    flex-grow: 0;
    flex-shrink: 1;
}
.sm\:cols-10p>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
.sm\:cols-20p>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.sm\:cols-30p>.col {
    --theme-col--size:  30%;
    --theme-col--max-size:  30%;
    flex-shrink: 0;
}
.sm\:cols-40p>.col {
    --theme-col--size:  40%;
    --theme-col--max-size:  40%;
    flex-shrink: 0;
}
.sm\:cols-50p>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.sm\:cols-60p>.col {
    --theme-col--size:  60%;
    --theme-col--max-size:  60%;
    flex-shrink: 0;
}
.sm\:cols-70p>.col {
    --theme-col--size:  70%;
    --theme-col--max-size:  70%;
    flex-shrink: 0;
}
.sm\:cols-80p>.col {
    --theme-col--size:  80%;
    --theme-col--max-size:  80%;
    flex-shrink: 0;
}
.sm\:cols-90p>.col {
    --theme-col--size:  90%;
    --theme-col--max-size:  90%;
    flex-shrink: 0;
}
.sm\:cols-100p>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.sm\:cols-1>.col {
    --theme-col--size:  8.33333333%;
    --theme-col--max-size:  8.33333333%;
    flex-shrink: 0;
}
.sm\:cols-2>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.sm\:cols-3>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.sm\:cols-4>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.sm\:cols-5>.col {
    --theme-col--size:  41.66666667%;
    --theme-col--max-size:  41.66666667%;
    flex-shrink: 0;
}
.sm\:cols-6>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.sm\:cols-7>.col {
    --theme-col--size:  58.33333333%;
    --theme-col--max-size:  58.33333333%;
    flex-shrink: 0;
}
.sm\:cols-8>.col {
    --theme-col--size:  66.66666667%;
    --theme-col--max-size:  66.66666667%;
    flex-shrink: 0;
}
.sm\:cols-9>.col {
    --theme-col--size:  75%;
    --theme-col--max-size:  75%;
    flex-shrink: 0;
}
.sm\:cols-10>.col {
    --theme-col--size:  83.33333333%;
    --theme-col--max-size:  83.33333333%;
    flex-shrink: 0;
}
.sm\:cols-11>.col {
    --theme-col--size:  91.66666667%;
    --theme-col--max-size:  91.66666667%;
    flex-shrink: 0;
}
.sm\:cols-12>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.sm\:cols-1u>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.sm\:cols-2u>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.sm\:cols-3u>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.sm\:cols-4u>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.sm\:cols-5u>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.sm\:cols-6u>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.sm\:cols-7u>.col {
    --theme-col--size:  14.2857142857%;
    --theme-col--max-size:  14.2857142857%;
    flex-shrink: 0;
}
.sm\:cols-8u>.col {
    --theme-col--size:  12.5%;
    --theme-col--max-size:  12.5%;
    flex-shrink: 0;
}
.sm\:cols-9u>.col {
    --theme-col--size:  11.1111111111%;
    --theme-col--max-size:  11.1111111111%;
    flex-shrink: 0;
}
.sm\:cols-10u>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
}@media (min-width: 768px) {
    .md\: col-auto {
    width: auto;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: auto;
}
.md\:col-10p {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.md\:col-20p {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.md\:col-30p {
    width: 30%;
    max-width: var(--theme-col--max-size,  30%);
    flex-basis: 30%}
.md\:col-40p {
    width: 40%;
    max-width: var(--theme-col--max-size,  40%);
    flex-basis: 40%}
.md\:col-50p {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.md\:col-60p {
    width: 60%;
    max-width: var(--theme-col--max-size,  60%);
    flex-basis: 60%}
.md\:col-70p {
    width: 70%;
    max-width: var(--theme-col--max-size,  70%);
    flex-basis: 70%}
.md\:col-80p {
    width: 80%;
    max-width: var(--theme-col--max-size,  80%);
    flex-basis: 80%}
.md\:col-90p {
    width: 90%;
    max-width: var(--theme-col--max-size,  90%);
    flex-basis: 90%}
.md\:col-100p {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.md\:col-1 {
    width: 8.33333333%;
    max-width: var(--theme-col--max-size,  8.33333333%);
    flex-basis: 8.33333333%}
.md\:col-2 {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.md\:col-3 {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.md\:col-4 {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.md\:col-5 {
    width: 41.66666667%;
    max-width: var(--theme-col--max-size,  41.66666667%);
    flex-basis: 41.66666667%}
.md\:col-6 {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.md\:col-7 {
    width: 58.33333333%;
    max-width: var(--theme-col--max-size,  58.33333333%);
    flex-basis: 58.33333333%}
.md\:col-8 {
    width: 66.66666667%;
    max-width: var(--theme-col--max-size,  66.66666667%);
    flex-basis: 66.66666667%}
.md\:col-9 {
    width: 75%;
    max-width: var(--theme-col--max-size,  75%);
    flex-basis: 75%}
.md\:col-10 {
    width: 83.33333333%;
    max-width: var(--theme-col--max-size,  83.33333333%);
    flex-basis: 83.33333333%}
.md\:col-11 {
    width: 91.66666667%;
    max-width: var(--theme-col--max-size,  91.66666667%);
    flex-basis: 91.66666667%}
.md\:col-12, .md\:col-1u {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.md\:col-2u {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.md\:col-3u {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.md\:col-4u {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.md\:col-5u {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.md\:col-6u {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.md\:col-7u {
    width: 14.2857142857%;
    max-width: var(--theme-col--max-size,  14.2857142857%);
    flex-basis: 14.2857142857%}
.md\:col-8u {
    width: 12.5%;
    max-width: var(--theme-col--max-size,  12.5%);
    flex-basis: 12.5%}
.md\:col-9u {
    width: 11.1111111111%;
    max-width: var(--theme-col--max-size,  11.1111111111%);
    flex-basis: 11.1111111111%}
.md\:col-10u {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.md\:cols-auto>.col {
    --theme-col--size:  auto;
    --theme-col--max-size:  100%;
    flex-grow: 0;
    flex-shrink: 1;
}
.md\:cols-10p>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
.md\:cols-20p>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.md\:cols-30p>.col {
    --theme-col--size:  30%;
    --theme-col--max-size:  30%;
    flex-shrink: 0;
}
.md\:cols-40p>.col {
    --theme-col--size:  40%;
    --theme-col--max-size:  40%;
    flex-shrink: 0;
}
.md\:cols-50p>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.md\:cols-60p>.col {
    --theme-col--size:  60%;
    --theme-col--max-size:  60%;
    flex-shrink: 0;
}
.md\:cols-70p>.col {
    --theme-col--size:  70%;
    --theme-col--max-size:  70%;
    flex-shrink: 0;
}
.md\:cols-80p>.col {
    --theme-col--size:  80%;
    --theme-col--max-size:  80%;
    flex-shrink: 0;
}
.md\:cols-90p>.col {
    --theme-col--size:  90%;
    --theme-col--max-size:  90%;
    flex-shrink: 0;
}
.md\:cols-100p>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.md\:cols-1>.col {
    --theme-col--size:  8.33333333%;
    --theme-col--max-size:  8.33333333%;
    flex-shrink: 0;
}
.md\:cols-2>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.md\:cols-3>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.md\:cols-4>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.md\:cols-5>.col {
    --theme-col--size:  41.66666667%;
    --theme-col--max-size:  41.66666667%;
    flex-shrink: 0;
}
.md\:cols-6>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.md\:cols-7>.col {
    --theme-col--size:  58.33333333%;
    --theme-col--max-size:  58.33333333%;
    flex-shrink: 0;
}
.md\:cols-8>.col {
    --theme-col--size:  66.66666667%;
    --theme-col--max-size:  66.66666667%;
    flex-shrink: 0;
}
.md\:cols-9>.col {
    --theme-col--size:  75%;
    --theme-col--max-size:  75%;
    flex-shrink: 0;
}
.md\:cols-10>.col {
    --theme-col--size:  83.33333333%;
    --theme-col--max-size:  83.33333333%;
    flex-shrink: 0;
}
.md\:cols-11>.col {
    --theme-col--size:  91.66666667%;
    --theme-col--max-size:  91.66666667%;
    flex-shrink: 0;
}
.md\:cols-12>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.md\:cols-1u>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.md\:cols-2u>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.md\:cols-3u>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.md\:cols-4u>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.md\:cols-5u>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.md\:cols-6u>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.md\:cols-7u>.col {
    --theme-col--size:  14.2857142857%;
    --theme-col--max-size:  14.2857142857%;
    flex-shrink: 0;
}
.md\:cols-8u>.col {
    --theme-col--size:  12.5%;
    --theme-col--max-size:  12.5%;
    flex-shrink: 0;
}
.md\:cols-9u>.col {
    --theme-col--size:  11.1111111111%;
    --theme-col--max-size:  11.1111111111%;
    flex-shrink: 0;
}
.md\:cols-10u>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
}@media (min-width: 992px) {
    .lg\: col-auto {
    width: auto;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: auto;
}
.lg\:col-10p {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.lg\:col-20p {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.lg\:col-30p {
    width: 30%;
    max-width: var(--theme-col--max-size,  30%);
    flex-basis: 30%}
.lg\:col-40p {
    width: 40%;
    max-width: var(--theme-col--max-size,  40%);
    flex-basis: 40%}
.lg\:col-50p {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.lg\:col-60p {
    width: 60%;
    max-width: var(--theme-col--max-size,  60%);
    flex-basis: 60%}
.lg\:col-70p {
    width: 70%;
    max-width: var(--theme-col--max-size,  70%);
    flex-basis: 70%}
.lg\:col-80p {
    width: 80%;
    max-width: var(--theme-col--max-size,  80%);
    flex-basis: 80%}
.lg\:col-90p {
    width: 90%;
    max-width: var(--theme-col--max-size,  90%);
    flex-basis: 90%}
.lg\:col-100p {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.lg\:col-1 {
    width: 8.33333333%;
    max-width: var(--theme-col--max-size,  8.33333333%);
    flex-basis: 8.33333333%}
.lg\:col-2 {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.lg\:col-3 {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.lg\:col-4 {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.lg\:col-5 {
    width: 41.66666667%;
    max-width: var(--theme-col--max-size,  41.66666667%);
    flex-basis: 41.66666667%}
.lg\:col-6 {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.lg\:col-7 {
    width: 58.33333333%;
    max-width: var(--theme-col--max-size,  58.33333333%);
    flex-basis: 58.33333333%}
.lg\:col-8 {
    width: 66.66666667%;
    max-width: var(--theme-col--max-size,  66.66666667%);
    flex-basis: 66.66666667%}
.lg\:col-9 {
    width: 75%;
    max-width: var(--theme-col--max-size,  75%);
    flex-basis: 75%}
.lg\:col-10 {
    width: 83.33333333%;
    max-width: var(--theme-col--max-size,  83.33333333%);
    flex-basis: 83.33333333%}
.lg\:col-11 {
    width: 91.66666667%;
    max-width: var(--theme-col--max-size,  91.66666667%);
    flex-basis: 91.66666667%}
.lg\:col-12, .lg\:col-1u {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.lg\:col-2u {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.lg\:col-3u {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.lg\:col-4u {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.lg\:col-5u {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.lg\:col-6u {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.lg\:col-7u {
    width: 14.2857142857%;
    max-width: var(--theme-col--max-size,  14.2857142857%);
    flex-basis: 14.2857142857%}
.lg\:col-8u {
    width: 12.5%;
    max-width: var(--theme-col--max-size,  12.5%);
    flex-basis: 12.5%}
.lg\:col-9u {
    width: 11.1111111111%;
    max-width: var(--theme-col--max-size,  11.1111111111%);
    flex-basis: 11.1111111111%}
.lg\:col-10u {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.lg\:cols-auto>.col {
    --theme-col--size:  auto;
    --theme-col--max-size:  100%;
    flex-grow: 0;
    flex-shrink: 1;
}
.lg\:cols-10p>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
.lg\:cols-20p>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.lg\:cols-30p>.col {
    --theme-col--size:  30%;
    --theme-col--max-size:  30%;
    flex-shrink: 0;
}
.lg\:cols-40p>.col {
    --theme-col--size:  40%;
    --theme-col--max-size:  40%;
    flex-shrink: 0;
}
.lg\:cols-50p>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.lg\:cols-60p>.col {
    --theme-col--size:  60%;
    --theme-col--max-size:  60%;
    flex-shrink: 0;
}
.lg\:cols-70p>.col {
    --theme-col--size:  70%;
    --theme-col--max-size:  70%;
    flex-shrink: 0;
}
.lg\:cols-80p>.col {
    --theme-col--size:  80%;
    --theme-col--max-size:  80%;
    flex-shrink: 0;
}
.lg\:cols-90p>.col {
    --theme-col--size:  90%;
    --theme-col--max-size:  90%;
    flex-shrink: 0;
}
.lg\:cols-100p>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.lg\:cols-1>.col {
    --theme-col--size:  8.33333333%;
    --theme-col--max-size:  8.33333333%;
    flex-shrink: 0;
}
.lg\:cols-2>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.lg\:cols-3>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.lg\:cols-4>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.lg\:cols-5>.col {
    --theme-col--size:  41.66666667%;
    --theme-col--max-size:  41.66666667%;
    flex-shrink: 0;
}
.lg\:cols-6>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.lg\:cols-7>.col {
    --theme-col--size:  58.33333333%;
    --theme-col--max-size:  58.33333333%;
    flex-shrink: 0;
}
.lg\:cols-8>.col {
    --theme-col--size:  66.66666667%;
    --theme-col--max-size:  66.66666667%;
    flex-shrink: 0;
}
.lg\:cols-9>.col {
    --theme-col--size:  75%;
    --theme-col--max-size:  75%;
    flex-shrink: 0;
}
.lg\:cols-10>.col {
    --theme-col--size:  83.33333333%;
    --theme-col--max-size:  83.33333333%;
    flex-shrink: 0;
}
.lg\:cols-11>.col {
    --theme-col--size:  91.66666667%;
    --theme-col--max-size:  91.66666667%;
    flex-shrink: 0;
}
.lg\:cols-12>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.lg\:cols-1u>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.lg\:cols-2u>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.lg\:cols-3u>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.lg\:cols-4u>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.lg\:cols-5u>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.lg\:cols-6u>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.lg\:cols-7u>.col {
    --theme-col--size:  14.2857142857%;
    --theme-col--max-size:  14.2857142857%;
    flex-shrink: 0;
}
.lg\:cols-8u>.col {
    --theme-col--size:  12.5%;
    --theme-col--max-size:  12.5%;
    flex-shrink: 0;
}
.lg\:cols-9u>.col {
    --theme-col--size:  11.1111111111%;
    --theme-col--max-size:  11.1111111111%;
    flex-shrink: 0;
}
.lg\:cols-10u>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
}@media (min-width: 1200px) {
    .xl\: col-auto {
    width: auto;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: auto;
}
.xl\:col-10p {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.xl\:col-20p {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.xl\:col-30p {
    width: 30%;
    max-width: var(--theme-col--max-size,  30%);
    flex-basis: 30%}
.xl\:col-40p {
    width: 40%;
    max-width: var(--theme-col--max-size,  40%);
    flex-basis: 40%}
.xl\:col-50p {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.xl\:col-60p {
    width: 60%;
    max-width: var(--theme-col--max-size,  60%);
    flex-basis: 60%}
.xl\:col-70p {
    width: 70%;
    max-width: var(--theme-col--max-size,  70%);
    flex-basis: 70%}
.xl\:col-80p {
    width: 80%;
    max-width: var(--theme-col--max-size,  80%);
    flex-basis: 80%}
.xl\:col-90p {
    width: 90%;
    max-width: var(--theme-col--max-size,  90%);
    flex-basis: 90%}
.xl\:col-100p {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.xl\:col-1 {
    width: 8.33333333%;
    max-width: var(--theme-col--max-size,  8.33333333%);
    flex-basis: 8.33333333%}
.xl\:col-2 {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.xl\:col-3 {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.xl\:col-4 {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.xl\:col-5 {
    width: 41.66666667%;
    max-width: var(--theme-col--max-size,  41.66666667%);
    flex-basis: 41.66666667%}
.xl\:col-6 {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.xl\:col-7 {
    width: 58.33333333%;
    max-width: var(--theme-col--max-size,  58.33333333%);
    flex-basis: 58.33333333%}
.xl\:col-8 {
    width: 66.66666667%;
    max-width: var(--theme-col--max-size,  66.66666667%);
    flex-basis: 66.66666667%}
.xl\:col-9 {
    width: 75%;
    max-width: var(--theme-col--max-size,  75%);
    flex-basis: 75%}
.xl\:col-10 {
    width: 83.33333333%;
    max-width: var(--theme-col--max-size,  83.33333333%);
    flex-basis: 83.33333333%}
.xl\:col-11 {
    width: 91.66666667%;
    max-width: var(--theme-col--max-size,  91.66666667%);
    flex-basis: 91.66666667%}
.xl\:col-12, .xl\:col-1u {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.xl\:col-2u {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.xl\:col-3u {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.xl\:col-4u {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.xl\:col-5u {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.xl\:col-6u {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.xl\:col-7u {
    width: 14.2857142857%;
    max-width: var(--theme-col--max-size,  14.2857142857%);
    flex-basis: 14.2857142857%}
.xl\:col-8u {
    width: 12.5%;
    max-width: var(--theme-col--max-size,  12.5%);
    flex-basis: 12.5%}
.xl\:col-9u {
    width: 11.1111111111%;
    max-width: var(--theme-col--max-size,  11.1111111111%);
    flex-basis: 11.1111111111%}
.xl\:col-10u {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.xl\:cols-auto>.col {
    --theme-col--size:  auto;
    --theme-col--max-size:  100%;
    flex-grow: 0;
    flex-shrink: 1;
}
.xl\:cols-10p>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
.xl\:cols-20p>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.xl\:cols-30p>.col {
    --theme-col--size:  30%;
    --theme-col--max-size:  30%;
    flex-shrink: 0;
}
.xl\:cols-40p>.col {
    --theme-col--size:  40%;
    --theme-col--max-size:  40%;
    flex-shrink: 0;
}
.xl\:cols-50p>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.xl\:cols-60p>.col {
    --theme-col--size:  60%;
    --theme-col--max-size:  60%;
    flex-shrink: 0;
}
.xl\:cols-70p>.col {
    --theme-col--size:  70%;
    --theme-col--max-size:  70%;
    flex-shrink: 0;
}
.xl\:cols-80p>.col {
    --theme-col--size:  80%;
    --theme-col--max-size:  80%;
    flex-shrink: 0;
}
.xl\:cols-90p>.col {
    --theme-col--size:  90%;
    --theme-col--max-size:  90%;
    flex-shrink: 0;
}
.xl\:cols-100p>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.xl\:cols-1>.col {
    --theme-col--size:  8.33333333%;
    --theme-col--max-size:  8.33333333%;
    flex-shrink: 0;
}
.xl\:cols-2>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.xl\:cols-3>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.xl\:cols-4>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.xl\:cols-5>.col {
    --theme-col--size:  41.66666667%;
    --theme-col--max-size:  41.66666667%;
    flex-shrink: 0;
}
.xl\:cols-6>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.xl\:cols-7>.col {
    --theme-col--size:  58.33333333%;
    --theme-col--max-size:  58.33333333%;
    flex-shrink: 0;
}
.xl\:cols-8>.col {
    --theme-col--size:  66.66666667%;
    --theme-col--max-size:  66.66666667%;
    flex-shrink: 0;
}
.xl\:cols-9>.col {
    --theme-col--size:  75%;
    --theme-col--max-size:  75%;
    flex-shrink: 0;
}
.xl\:cols-10>.col {
    --theme-col--size:  83.33333333%;
    --theme-col--max-size:  83.33333333%;
    flex-shrink: 0;
}
.xl\:cols-11>.col {
    --theme-col--size:  91.66666667%;
    --theme-col--max-size:  91.66666667%;
    flex-shrink: 0;
}
.xl\:cols-12>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.xl\:cols-1u>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.xl\:cols-2u>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.xl\:cols-3u>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.xl\:cols-4u>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.xl\:cols-5u>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.xl\:cols-6u>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.xl\:cols-7u>.col {
    --theme-col--size:  14.2857142857%;
    --theme-col--max-size:  14.2857142857%;
    flex-shrink: 0;
}
.xl\:cols-8u>.col {
    --theme-col--size:  12.5%;
    --theme-col--max-size:  12.5%;
    flex-shrink: 0;
}
.xl\:cols-9u>.col {
    --theme-col--size:  11.1111111111%;
    --theme-col--max-size:  11.1111111111%;
    flex-shrink: 0;
}
.xl\:cols-10u>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
}@media (min-width: 1400px) {
    .xxl\: col-auto {
    width: auto;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: auto;
}
.xxl\:col-10p {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.xxl\:col-20p {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.xxl\:col-30p {
    width: 30%;
    max-width: var(--theme-col--max-size,  30%);
    flex-basis: 30%}
.xxl\:col-40p {
    width: 40%;
    max-width: var(--theme-col--max-size,  40%);
    flex-basis: 40%}
.xxl\:col-50p {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.xxl\:col-60p {
    width: 60%;
    max-width: var(--theme-col--max-size,  60%);
    flex-basis: 60%}
.xxl\:col-70p {
    width: 70%;
    max-width: var(--theme-col--max-size,  70%);
    flex-basis: 70%}
.xxl\:col-80p {
    width: 80%;
    max-width: var(--theme-col--max-size,  80%);
    flex-basis: 80%}
.xxl\:col-90p {
    width: 90%;
    max-width: var(--theme-col--max-size,  90%);
    flex-basis: 90%}
.xxl\:col-100p {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.xxl\:col-1 {
    width: 8.33333333%;
    max-width: var(--theme-col--max-size,  8.33333333%);
    flex-basis: 8.33333333%}
.xxl\:col-2 {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.xxl\:col-3 {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.xxl\:col-4 {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.xxl\:col-5 {
    width: 41.66666667%;
    max-width: var(--theme-col--max-size,  41.66666667%);
    flex-basis: 41.66666667%}
.xxl\:col-6 {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.xxl\:col-7 {
    width: 58.33333333%;
    max-width: var(--theme-col--max-size,  58.33333333%);
    flex-basis: 58.33333333%}
.xxl\:col-8 {
    width: 66.66666667%;
    max-width: var(--theme-col--max-size,  66.66666667%);
    flex-basis: 66.66666667%}
.xxl\:col-9 {
    width: 75%;
    max-width: var(--theme-col--max-size,  75%);
    flex-basis: 75%}
.xxl\:col-10 {
    width: 83.33333333%;
    max-width: var(--theme-col--max-size,  83.33333333%);
    flex-basis: 83.33333333%}
.xxl\:col-11 {
    width: 91.66666667%;
    max-width: var(--theme-col--max-size,  91.66666667%);
    flex-basis: 91.66666667%}
.xxl\:col-12, .xxl\:col-1u {
    width: 100%;
    max-width: var(--theme-col--max-size,  100%);
    flex-basis: 100%}
.xxl\:col-2u {
    width: 50%;
    max-width: var(--theme-col--max-size,  50%);
    flex-basis: 50%}
.xxl\:col-3u {
    width: 33.33333333%;
    max-width: var(--theme-col--max-size,  33.33333333%);
    flex-basis: 33.33333333%}
.xxl\:col-4u {
    width: 25%;
    max-width: var(--theme-col--max-size,  25%);
    flex-basis: 25%}
.xxl\:col-5u {
    width: 20%;
    max-width: var(--theme-col--max-size,  20%);
    flex-basis: 20%}
.xxl\:col-6u {
    width: 16.66666667%;
    max-width: var(--theme-col--max-size,  16.66666667%);
    flex-basis: 16.66666667%}
.xxl\:col-7u {
    width: 14.2857142857%;
    max-width: var(--theme-col--max-size,  14.2857142857%);
    flex-basis: 14.2857142857%}
.xxl\:col-8u {
    width: 12.5%;
    max-width: var(--theme-col--max-size,  12.5%);
    flex-basis: 12.5%}
.xxl\:col-9u {
    width: 11.1111111111%;
    max-width: var(--theme-col--max-size,  11.1111111111%);
    flex-basis: 11.1111111111%}
.xxl\:col-10u {
    width: 10%;
    max-width: var(--theme-col--max-size,  10%);
    flex-basis: 10%}
.xxl\:cols-auto>.col {
    --theme-col--size:  auto;
    --theme-col--max-size:  100%;
    flex-grow: 0;
    flex-shrink: 1;
}
.xxl\:cols-10p>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
.xxl\:cols-20p>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.xxl\:cols-30p>.col {
    --theme-col--size:  30%;
    --theme-col--max-size:  30%;
    flex-shrink: 0;
}
.xxl\:cols-40p>.col {
    --theme-col--size:  40%;
    --theme-col--max-size:  40%;
    flex-shrink: 0;
}
.xxl\:cols-50p>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.xxl\:cols-60p>.col {
    --theme-col--size:  60%;
    --theme-col--max-size:  60%;
    flex-shrink: 0;
}
.xxl\:cols-70p>.col {
    --theme-col--size:  70%;
    --theme-col--max-size:  70%;
    flex-shrink: 0;
}
.xxl\:cols-80p>.col {
    --theme-col--size:  80%;
    --theme-col--max-size:  80%;
    flex-shrink: 0;
}
.xxl\:cols-90p>.col {
    --theme-col--size:  90%;
    --theme-col--max-size:  90%;
    flex-shrink: 0;
}
.xxl\:cols-100p>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.xxl\:cols-1>.col {
    --theme-col--size:  8.33333333%;
    --theme-col--max-size:  8.33333333%;
    flex-shrink: 0;
}
.xxl\:cols-2>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.xxl\:cols-3>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.xxl\:cols-4>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.xxl\:cols-5>.col {
    --theme-col--size:  41.66666667%;
    --theme-col--max-size:  41.66666667%;
    flex-shrink: 0;
}
.xxl\:cols-6>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.xxl\:cols-7>.col {
    --theme-col--size:  58.33333333%;
    --theme-col--max-size:  58.33333333%;
    flex-shrink: 0;
}
.xxl\:cols-8>.col {
    --theme-col--size:  66.66666667%;
    --theme-col--max-size:  66.66666667%;
    flex-shrink: 0;
}
.xxl\:cols-9>.col {
    --theme-col--size:  75%;
    --theme-col--max-size:  75%;
    flex-shrink: 0;
}
.xxl\:cols-10>.col {
    --theme-col--size:  83.33333333%;
    --theme-col--max-size:  83.33333333%;
    flex-shrink: 0;
}
.xxl\:cols-11>.col {
    --theme-col--size:  91.66666667%;
    --theme-col--max-size:  91.66666667%;
    flex-shrink: 0;
}
.xxl\:cols-12>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.xxl\:cols-1u>.col {
    --theme-col--size:  100%;
    --theme-col--max-size:  100%;
    flex-shrink: 0;
}
.xxl\:cols-2u>.col {
    --theme-col--size:  50%;
    --theme-col--max-size:  50%;
    flex-shrink: 0;
}
.xxl\:cols-3u>.col {
    --theme-col--size:  33.33333333%;
    --theme-col--max-size:  33.33333333%;
    flex-shrink: 0;
}
.xxl\:cols-4u>.col {
    --theme-col--size:  25%;
    --theme-col--max-size:  25%;
    flex-shrink: 0;
}
.xxl\:cols-5u>.col {
    --theme-col--size:  20%;
    --theme-col--max-size:  20%;
    flex-shrink: 0;
}
.xxl\:cols-6u>.col {
    --theme-col--size:  16.66666667%;
    --theme-col--max-size:  16.66666667%;
    flex-shrink: 0;
}
.xxl\:cols-7u>.col {
    --theme-col--size:  14.2857142857%;
    --theme-col--max-size:  14.2857142857%;
    flex-shrink: 0;
}
.xxl\:cols-8u>.col {
    --theme-col--size:  12.5%;
    --theme-col--max-size:  12.5%;
    flex-shrink: 0;
}
.xxl\:cols-9u>.col {
    --theme-col--size:  11.1111111111%;
    --theme-col--max-size:  11.1111111111%;
    flex-shrink: 0;
}
.xxl\:cols-10u>.col {
    --theme-col--size:  10%;
    --theme-col--max-size:  10%;
    flex-shrink: 0;
}
}.contact-means {
    padding-top: 20px;
}
.contact-means>li {
    padding: 10px 0;
}
.contact-means__item {
    display: flex;
    align-items: center;
    color: inherit;
}
.contact-means__icon {
    width: 32px;
    display: block;
    flex-shrink: 0;
}
.contact-means__icon>img {
    display: block;
}
.contact-means__info {
    padding-left: 10px;
    font-size: 20px;
}
.container {
    --theme-container--max:  var(--theme-container--xxs,  320px);
    width: 100%;
    position: relative;
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
.container-full {
    width: 100%;
    position: relative;
}
.container--right {
    margin: 0 0 0 auto!important;
}
.container--left {
    margin: 0 auto 0 0!important;
}
@media (min-width: 412px) {
    .container {
    --theme-container--max:  var(--theme-container--xs,  480px) }
}@media (min-width: 576px) {
    .container {
    --theme-container--max:  var(--theme-container--sm,  540px) }
}@media (min-width: 768px) {
    .container {
    --theme-container--max:  var(--theme-container--md,  720px) }
}@media (min-width: 992px) {
    .container {
    --theme-container--max:  var(--theme-container--lg,  960px) }
}@media (min-width: 1200px) {
    .container {
    --theme-container--max:  var(--theme-container--xl,  1140px) }
}@media (min-width: 1400px) {
    .container {
    --theme-container--max:  var(--theme-container--xxl,  1320px) }
}.container-xxs {
    --theme-container--max:  var(--theme-container--xxs,  320px);
    width: 100%;
    position: relative;
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
.container-xs {
    --theme-container--max:  var(--theme-container--xs,  480px);
    width: 100%;
    position: relative;
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
.container-sm {
    --theme-container--max:  var(--theme-container--sm,  540px);
    width: 100%;
    position: relative;
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
.container-md {
    --theme-container--max:  var(--theme-container--md,  720px);
    width: 100%;
    position: relative;
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
.container-lg {
    --theme-container--max:  var(--theme-container--lg,  960px);
    width: 100%;
    position: relative;
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
.container-xl {
    --theme-container--max:  var(--theme-container--xl,  1140px);
    width: 100%;
    position: relative;
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
.xs\:container {
    width: 100%;
    position: relative;
}
@media (min-width: 412px) {
    .xs\: container {
    --theme-container--max:  var(--theme-container--xs,  480px);
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
}@media (min-width: 576px) {
    .xs\: container {
    --theme-container--max:  var(--theme-container--sm,  540px) }
}@media (min-width: 768px) {
    .xs\: container {
    --theme-container--max:  var(--theme-container--md,  720px) }
}@media (min-width: 992px) {
    .xs\: container {
    --theme-container--max:  var(--theme-container--lg,  960px) }
}@media (min-width: 1200px) {
    .xs\: container {
    --theme-container--max:  var(--theme-container--xl,  1140px) }
}@media (min-width: 1400px) {
    .xs\: container {
    --theme-container--max:  var(--theme-container--xxl,  1320px) }
}.sm\:container {
    width: 100%;
    position: relative;
}
@media (min-width: 576px) {
    .sm\: container {
    --theme-container--max:  var(--theme-container--sm,  540px);
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
}@media (min-width: 768px) {
    .sm\: container {
    --theme-container--max:  var(--theme-container--md,  720px) }
}@media (min-width: 992px) {
    .sm\: container {
    --theme-container--max:  var(--theme-container--lg,  960px) }
}@media (min-width: 1200px) {
    .sm\: container {
    --theme-container--max:  var(--theme-container--xl,  1140px) }
}@media (min-width: 1400px) {
    .sm\: container {
    --theme-container--max:  var(--theme-container--xxl,  1320px) }
}.md\:container {
    width: 100%;
    position: relative;
}
@media (min-width: 768px) {
    .md\: container {
    --theme-container--max:  var(--theme-container--md,  720px);
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
}@media (min-width: 992px) {
    .md\: container {
    --theme-container--max:  var(--theme-container--lg,  960px) }
}@media (min-width: 1200px) {
    .md\: container {
    --theme-container--max:  var(--theme-container--xl,  1140px) }
}@media (min-width: 1400px) {
    .md\: container {
    --theme-container--max:  var(--theme-container--xxl,  1320px) }
}.lg\:container {
    width: 100%;
    position: relative;
}
@media (min-width: 992px) {
    .lg\: container {
    --theme-container--max:  var(--theme-container--lg,  960px);
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
}@media (min-width: 1200px) {
    .lg\: container {
    --theme-container--max:  var(--theme-container--xl,  1140px) }
}@media (min-width: 1400px) {
    .lg\: container {
    --theme-container--max:  var(--theme-container--xxl,  1320px) }
}.xl\:container {
    width: 100%;
    position: relative;
}
@media (min-width: 1200px) {
    .xl\: container {
    --theme-container--max:  var(--theme-container--xl,  1140px);
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
}@media (min-width: 1400px) {
    .xl\: container {
    --theme-container--max:  var(--theme-container--xxl,  1320px) }
}.xxl\:container {
    width: 100%;
    position: relative;
}
@media (min-width: 1400px) {
    .xxl\: container {
    --theme-container--max:  var(--theme-container--xxl,  1320px);
    max-width: var(--theme-container--max,  100%);
    margin: 0 auto;
}
}.cover {
    background: var(--theme-cover--background,  #000);
    color: var(--theme-cover--font-color,  #fff);
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.cover__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.cover__media>img, .cover__media>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.cover__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: var(--theme-color--primary-gradient,  linear-gradient(-90deg,  #0ff 0%,  #cb00dd 100%));
}
.cover__content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.gap, .gap-xxs, .gap-xs, .gap-sm, .gap-md, .gap-lg, .gap-xl, .gap-xxl, .gutter, .gutter-xxs, .gutter-xs, .gutter-sm, .gutter-md, .gutter-lg, .gutter-xl, .gutter-xxl {
    --theme-gap--gutter:  calc(var(--theme-gap--size,  0) / 2);
}
.gap>*, .gap-xxs>*, .gap-xs>*, .gap-sm>*, .gap-md>*, .gap-lg>*, .gap-xl>*, .gap-xxl>*, .gutter>*, .gutter-xxs>*, .gutter-xs>*, .gutter-sm>*, .gutter-md>*, .gutter-lg>*, .gutter-xl>*, .gutter-xxl>* {
    padding: var(--theme-gap--gutter,  0);
}
.gap, .gutter {
    --theme-gap--size:  var(--theme-gap--xxs,  5px);
}
@media (min-width: 412px) {
    .gap, .gutter {
    --theme-gap--size:  var(--theme-gap--xs,  10px) }
}@media (min-width: 576px) {
    .gap, .gutter {
    --theme-gap--size:  var(--theme-gap--sm,  15px) }
}@media (min-width: 768px) {
    .gap, .gutter {
    --theme-gap--size:  var(--theme-gap--md,  20px) }
}@media (min-width: 992px) {
    .gap, .gutter {
    --theme-gap--size:  var(--theme-gap--lg,  25px) }
}@media (min-width: 1200px) {
    .gap, .gutter {
    --theme-gap--size:  var(--theme-gap--xl,  30px) }
}@media (min-width: 1400px) {
    .gap, .gutter {
    --theme-gap--size:  var(--theme-gap--xxl,  35px) }
}.gap-xxs, .gutter-xxs {
    --theme-gap--size:  var(--theme-gap--xxs,  5px);
}
.gap-xs, .gutter-xs {
    --theme-gap--size:  var(--theme-gap--xs,  10px);
}
.gap-sm, .gutter-sm {
    --theme-gap--size:  var(--theme-gap--sm,  15px);
}
.gap-md, .gutter-md {
    --theme-gap--size:  var(--theme-gap--md,  20px);
}
.gap-lg, .gutter-lg {
    --theme-gap--size:  var(--theme-gap--lg,  25px);
}
.gap-xl, .gutter-xl {
    --theme-gap--size:  var(--theme-gap--xl,  30px);
}
.gap-xxl, .gutter-xxl {
    --theme-gap--size:  var(--theme-gap--xxl,  35px);
}
.gap, .gap-xxs, .gap-xs, .gap-sm, .gap-md, .gap-lg, .gap-xl, .gap-xxl {
    --theme-gap--gutter:  calc(var(--theme-gap--size,  0) / 2);
    --theme-gap--margin:  calc(var(--theme-gap--gutter) * -1);
    margin: var(--theme-gap--margin,  0);
}
.grid>.grid__wrapper, .grid>.grid__nowrapper {
    display: flex;
    --theme-col--size:  auto;
    --theme-col--max-size:  100%}
.grid>.grid__wrapper {
    flex-wrap: wrap;
}
.grid>.grid__nowrapper {
    flex-wrap: nowrap;
}
.icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--theme-icon--size,  16px);
    height: var(--theme-icon--size,  16px);
    font-size: var(--theme-icon--size,  16px);
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    color: var(--theme-icon--color,  #000);
}
.icon>img {
    display: block;
}
.icon>svg {
    display: block;
    height: 100%;
    fill: var(--theme-icon--color,  #000);
    stroke: var(--theme-icon--color,  #000);
    stroke-width: var(--theme-icon--stroke,  2px);
}
.icon.icon--plus, .icon.icon--cross {
    min-width: var(--theme-icon--size,  15px);
    height: var(--theme-icon--size,  15px);
    font-size: var(--theme-icon--size,  15px);
}
.icon.icon--plus:before, .icon.icon--plus:after, .icon.icon--cross:before, .icon.icon--cross:after {
    content: "";
    position: absolute;
}
.icon.icon--plus:before, .icon.icon--cross:before {
    top: var(--theme-icon--position,  7px);
    width: 100%;
    border-top: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
}
.icon.icon--plus:after, .icon.icon--cross:after {
    left: var(--theme-icon--position,  7px);
    height: 100%;
    border-left: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
}
.icon.icon--minus:before {
    content: "";
    border-top: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%}
.icon.icon--cross {
    transform: rotate(45deg);
}
.icon.icon--circle:before {
    content: "";
    border: 2px solid var(--theme-icon--color,  #000);
    border-radius: 50%;
    width: 100%;
    height: 100%}
.icon.icon--chevron-up, .icon.icon--chevron-down, .icon.icon--chevron-left, .icon.icon--chevron-right, .icon.icon--arrow-up, .icon.icon--arrow-down, .icon.icon--arrow-left, .icon.icon--arrow-right, .icon.icon--arrow-up-long, .icon.icon--arrow-down-long, .icon.icon--arrow-left-long, .icon.icon--arrow-right-long {
    min-width: 0;
}
.icon.icon--chevron-up:before, .icon.icon--chevron-down:before, .icon.icon--chevron-left:before, .icon.icon--chevron-right:before, .icon.icon--arrow-up:before, .icon.icon--arrow-down:before, .icon.icon--arrow-left:before, .icon.icon--arrow-right:before, .icon.icon--arrow-up-long:before, .icon.icon--arrow-down-long:before, .icon.icon--arrow-left-long:before, .icon.icon--arrow-right-long:before {
    content: "";
    width: 14px;
    height: 14px;
    border: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
    border-bottom: 0;
    border-right: 0;
}
.icon.icon--chevron-up:before, .icon.icon--chevron-down:before, .icon.icon--arrow-up:before, .icon.icon--arrow-down:before, .icon.icon--arrow-up-long:before, .icon.icon--arrow-down-long:before {
    transform: rotate(45deg);
}
.icon.icon--chevron-left:before, .icon.icon--chevron-right:before, .icon.icon--arrow-left:before, .icon.icon--arrow-right:before, .icon.icon--arrow-left-long:before, .icon.icon--arrow-right-long:before {
    transform: rotate(-45deg);
}
.icon.icon--chevron-up:before, .icon.icon--chevron-down:before, .icon.icon--chevron-left:before, .icon.icon--chevron-right:before {
    position: relative;
}
.icon.icon--chevron-up:before, .icon.icon--chevron-down:before {
    top: 4px;
}
.icon.icon--chevron-left:before, .icon.icon--chevron-right:before {
    left: 4px;
}
.icon.icon--arrow-up:before, .icon.icon--arrow-down:before, .icon.icon--arrow-left:before, .icon.icon--arrow-right:before, .icon.icon--arrow-up-long:before, .icon.icon--arrow-down-long:before, .icon.icon--arrow-left-long:before, .icon.icon--arrow-right-long:before {
    position: absolute;
}
.icon.icon--arrow-up:before, .icon.icon--arrow-down:before, .icon.icon--arrow-up-long:before, .icon.icon--arrow-down-long:before {
    top: 3px;
    left: 4px;
}
.icon.icon--arrow-left:before, .icon.icon--arrow-right:before, .icon.icon--arrow-left-long:before, .icon.icon--arrow-right-long:before {
    top: 4px;
    left: 3px;
}
.icon.icon--chevron-up, .icon.icon--chevron-down, .icon.icon--chevron-left, .icon.icon--chevron-right, .icon.icon--arrow-up, .icon.icon--arrow-down, .icon.icon--arrow-left, .icon.icon--arrow-right {
    width: 22px;
    height: 22px;
}
.icon.icon--arrow-up:after, .icon.icon--arrow-down:after, .icon.icon--arrow-left:after, .icon.icon--arrow-right:after, .icon.icon--arrow-up-long:after, .icon.icon--arrow-down-long:after, .icon.icon--arrow-left-long:after, .icon.icon--arrow-right-long:after {
    content: "";
    position: absolute;
    background: var(--theme-icon--color,  #000);
}
.icon.icon--arrow-up:after, .icon.icon--arrow-down:after, .icon.icon--arrow-up-long:after, .icon.icon--arrow-down-long:after {
    top: 2px;
    left: 50%;
    transform: translate(-50%);
}
.icon.icon--arrow-left:after, .icon.icon--arrow-right:after, .icon.icon--arrow-left-long:after, .icon.icon--arrow-right-long:after {
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
}
.icon.icon--arrow-up:after, .icon.icon--arrow-down:after {
    width: var(--theme-icon--stroke,  2px);
    height: 20px;
}
.icon.icon--arrow-left:after, .icon.icon--arrow-right:after {
    width: 20px;
    height: var(--theme-icon--stroke,  2px);
}
.icon.icon--arrow-up-long, .icon.icon--arrow-down-long {
    width: 22px;
    height: 64px;
}
.icon.icon--arrow-up-long:after, .icon.icon--arrow-down-long:after {
    width: var(--theme-icon--stroke,  2px);
    height: 62px;
}
.icon.icon--arrow-left-long, .icon.icon--arrow-right-long {
    width: 64px;
    height: 22px;
}
.icon.icon--arrow-left-long:after, .icon.icon--arrow-right-long:after {
    width: 62px;
    height: var(--theme-icon--stroke,  2px);
}
.icon.icon--chevron-down, .icon.icon--arrow-down, .icon.icon--arrow-down-long, .icon.icon--chevron-right, .icon.icon--arrow-right, .icon.icon--arrow-right-long {
    transform: rotate(180deg);
}
.icon.icon--bars, .icon.icon--bars-big {
    padding-bottom: 1px;
}
.icon.icon--bars:before, .icon.icon--bars-big:before {
    content: "";
    width: 100%;
    height: 100%;
    border: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
    border-left: 0;
    border-right: 0;
}
.icon.icon--bars:after, .icon.icon--bars-big:after {
    content: "";
    width: 100%;
    border-top: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
    position: absolute;
    bottom: 50%}
.icon.icon--bars-big {
    width: 32px;
    height: 24px;
}
.icon.icon--filter {
    border-top: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
    height: 15px;
}
.icon.icon--filter:before {
    content: "";
    width: 60%;
    border-top: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
}
.icon.icon--filter:after {
    content: "";
    width: 30%;
    border-top: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
    position: absolute;
    bottom: 0;
}
.icon.icon--list {
    height: 15px;
}
.icon.icon--list:before {
    content: "";
    width: 100%;
    height: 100%;
    border: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
    border-left: 0;
    border-right: 0;
}
.icon.icon--list:after {
    content: "";
    width: 60%;
    border-top: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-100%);
}
.icon.icon--search:before, .icon.icon--search-big:before {
    content: "";
    border: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.icon.icon--search:after, .icon.icon--search-big:after {
    content: "";
    border-right: var(--theme-icon--stroke,  2px) solid var(--theme-icon--color,  #000);
    position: absolute;
    bottom: 1px;
    right: 0;
    transform-origin: bottom right;
    transform: rotate(-45deg);
}
.icon.icon--search:before {
    width: 13px;
    height: 13px;
}
.icon.icon--search:after {
    height: 7px;
}
.icon.icon--search-big {
    width: 24px;
    height: 24px;
}
.icon.icon--search-big:before {
    width: 18px;
    height: 18px;
}
.icon.icon--search-big:after {
    height: 12px;
}
.image {
    background-color: #eee;
    position: relative;
    overflow: hidden;
    z-index: 0;
    width: 100%}
.image.image--outlined:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
}
.image--cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.image .image__media {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}
.image--cover .image__media, .image--ratio .image__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
}
.image.image--alpha .image__media {
    mix-blend-mode: multiply;
}
.image.image--zoom .image__media {
    transition: all .8s cubic-bezier(.2, .4, .4, 1);
}
.image.image--zoom:hover .image__media {
    transform: scale(1.2);
}
.image>.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.mediabox .mediabox__caption {
    background: #eee;
    padding: 5px;
}
.offer-card {
    color: #000;
    border-radius: var(--theme-price-card--rounded,  30px);
    overflow: hidden;
    box-shadow: 0 10px 20px var(--theme-price-card--primary-color,  #000);
    background-color: #fff;
    position: relative;
    display: block;
    transition: transform .3s ease-in-out;
}
.offer-card:hover {
    transform: translateY(-20px);
    text-decoration: none!important;
}
.offer-card--border {
    border: 5px solid var(--theme-price-card--primary-color,  #000);
}
.offer-card__header {
    background-color: var(--theme-price-card--primary-color,  #000);
    color: var(--theme-price-card--secondary-color,  #fff);
    padding: 20px;
    text-align: center;
    box-shadow: -50px 0 100px #ffffff80 inset;
}
.offer-card__name {
    font-size: 46px;
    font-weight: 700;
    text-transform: uppercase;
}
.offer-card__service {
    padding: 40px 10px;
    text-align: center;
    text-transform: uppercase;
    color: var(--theme-price-card--primary-color,  #000);
}
.offer-card__base {
    height: 46px;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offer-card__base>b {
    font-size: 46px;
    color: #000;
}
.offer-card__speed {
    font-size: 64px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.offer-card__speed>b {
    font-size: 32px;
}
.offer-card__streaming {
    background-color: var(--theme-price-card--primary-color,  #000);
    color: #fff;
    padding: 5px;
    text-align: center;
    position: relative;
    display: none;
}
.offer-card__streaming:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
}
.offer-card__streaming>span {
    font-size: 14px;
    position: relative;
    font-weight: 700;
    display: block;
    padding-top: 5px;
}
.offer-card__streaming>ul {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 10px;
}
.offer-card__streaming>ul>li {
    padding: 5px;
    display: none;
}
.offer-card__streaming-platform {
    max-width: 80px;
}
.offer-card__streaming-platform>img, .offer-card__streaming-platform>span {
    display: block;
    width: 100%}
.offer-card__streaming-platform>span {
    font-size: 12px;
}
.offer-card__content {
    padding: 20px;
    text-align: center;
}
.offer-card--bottom-border .offer-card__service {
    border: 5px solid var(--theme-price-card--primary-color,  #000);
    border-width: 0 5px;
}
.offer-card--bottom-border .offer-card__content {
    border: 5px solid var(--theme-price-card--primary-color,  #000);
    border-top: 0;
    border-bottom-left-radius: var(--theme-price-card--rounded,  30px);
    border-bottom-right-radius: var(--theme-price-card--rounded,  30px);
}
.offer-card__regular-price {
    font-size: 32px;
    font-weight: 700;
    display: inline-block;
}
.offer-card__regular-price>span {
    position: relative;
}
.offer-card__regular-price>span:before, .offer-card__regular-price>span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -2px;
    height: 4px;
    background-color: var(--theme-price-card--primary-color,  #000);
    transform-origin: center center;
    opacity: .5;
}
.offer-card__regular-price>span:before {
    transform: rotate(-20deg);
}
.offer-card__regular-price>span:after {
    transform: rotate(20deg);
}
.offer-card__current-price {
    margin-top: 10px;
    background-color: var(--theme-price-card--primary-color,  #000);
    color: var(--theme-price-card--secondary-color,  #fff);
    box-shadow: -50px 0 100px #ffffff80 inset;
    overflow: hidden;
    border-radius: 10px;
}
.offer-card__label {
    font-size: 18px;
    font-weight: 700px;
    text-transform: uppercase;
    padding: 5px;
    background-color: #0003;
}
.offer-card__price {
    font-size: 48px;
    font-weight: 800;
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding: 10px;
}
.offer-card__price>b {
    font-size: 18px;
}
.offer-card__action {
    padding-top: 60px;
    --theme-button--primary-color:  var(--theme-price-card--primary-color,  #000);
    --theme-button--secondary-color:  var(--theme-price-card--secondary-color,  #fff);
}
.option {
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    max-width: 100%;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.option.option--block {
    display: flex;
    width: 100%}
.option__input {
    position: absolute;
    top: -100%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
}
.option__classic-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all .2s ease-in;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    flex: 1 0 auto;
}
.option__classic-button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-option--classic-button-ripple-color, #000);
    border: 0;
    opacity: 0;
    transition: all .2s ease-in;
}
.option__classic-button-box {
    background: var(--theme-option--classic-button-box-color,  #fff);
    color: var(--theme-option--classic-button-icon-color,  #000);
    border-radius: var(--theme-option--classic-button-radius,  0);
    display: inline-block;
    text-align: center;
    overflow: hidden;
    width: 18px;
    height: 18px;
    line-height: 18px;
    position: relative;
}
.option__classic-button-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--theme-option--classic-button-border-color,  #000);
    border-radius: var(--theme-option--classic-button-radius,  0);
}
.option:hover>.option__classic-button:after {
    opacity: var(--theme-option--classic-button-hover-ripple-color,  .1);
}
.option:active>.option__classic-button:after {
    opacity: var(--theme-option--classic-button-active-ripple-color,  .5);
}
.option__text {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: var(--theme-option--font-weight,  500);
    color: var(--theme-option--text-color,  #000);
}
.option__input[type=radio]~.option__classic-button .option__classic-button-box {
    --theme-option--classic-button-radius:  50%}
.option__input[type=radio]~.option__classic-button .option__classic-button-icon:before, .option__input[type=checkbox]~.option__classic-button .option__classic-button-icon:before, .option__input[type=checkbox]~.option__classic-button .option__classic-button-icon:after {
    content: "";
    position: absolute;
    background: var(--theme-option--classic-button-box-color,  #fff);
}
.option__input[type=radio]~.option__classic-button .option__classic-button-icon:before {
    left: 5px;
    top: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%}
.option__input[type=checkbox]~.option__classic-button .option__classic-button-icon:before, .option__input[type=checkbox]~.option__classic-button .option__classic-button-icon:after {
    transform: rotate(45deg);
}
.option__input[type=checkbox]~.option__classic-button .option__classic-button-icon:before {
    left: 10px;
    top: 4px;
    width: 2px;
    height: 10px;
}
.option__input[type=checkbox]~.option__classic-button .option__classic-button-icon:after {
    left: 3px;
    top: 10px;
    width: 6px;
    height: 2px;
}
.option__input:checked~.option__classic-button:after {
    background: var(--theme-option--classic-button-box-color-active,  #000);
}
.option__input:checked~.option__classic-button .option__classic-button-box {
    background: var(--theme-option--classic-button-box-color-active,  #fff);
    color: var(--theme-option--classic-button-icon-color-active,  #000);
}
.option__input:checked~.option__classic-button .option__classic-button-box:before {
    border: 1px solid var(--theme-option--classic-button-border-color-active,  #000);
}
.option__input[type=radio]:checked~.option__classic-button .option__classic-button-icon:before, .option__input[type=checkbox]:checked~.option__classic-button .option__classic-button-icon:before, .option__input[type=checkbox]:checked~.option__classic-button .option__classic-button-icon:after {
    background: var(--theme-option--classic-button-icon-color-active, #000);
}
.option__input:checked~.option__text {
    color: var(--theme-option--classic-button-text-color-active, #000);
}
.option__item-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    overflow: hidden;
    transition: all .2s ease-in;
    padding: 0 15px;
    width: 100%;
    height: 46px;
    border-radius: 46px;
}
.option__item-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    transition: all .2s ease-in;
    border-radius: 46px;
}
.option__item-button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-option--classic-button-ripple-color, #000);
    border: 0;
    opacity: 0;
    transition: all .2s ease-in;
}
.option__item-button-color {
    background-color: var(--theme-option--item-button-option-color,  #000);
    width: 80px;
    height: 20px;
    margin-bottom: 10px;
}
.option.option--button:hover {
    box-shadow: 0 10px 10px #0000001a;
}
.option:hover>.option__item-button:after {
    opacity: var(--theme-option--item-button-hover-ripple-color,  .1);
}
.option:active>.option__item-button:after {
    opacity: var(--theme-option--item-button-active-ripple-color,  .5);
}
.option__input:checked~.option__item-button:before {
    border-color: #000;
}
.option__input:checked~.option__item-button .option__text {
    color: var(--theme-option--classic-button-text-color-active, #000);
}
.price-card {
    color: #000;
    border-radius: var(--theme-price-card--rounded,  30px);
    overflow: hidden;
    box-shadow: 0 10px 20px var(--theme-price-card--primary-color,  #000);
    background-color: #fff;
    position: relative;
}
.price-card--border {
    border: 5px solid var(--theme-price-card--primary-color,  #000);
}
.price-card__header {
    background-color: var(--theme-price-card--primary-color,  #000);
    color: var(--theme-price-card--secondary-color,  #fff);
    padding: 20px;
    text-align: center;
    box-shadow: -50px 0 100px #ffffff80 inset;
}
.price-card__label {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}
.price-card__speed {
    font-size: 64px;
    font-weight: 800;
    line-height: 1;
}
.price-card__speed>b {
    font-size: 32px;
}
.price-card__streaming {
    background-color: var(--theme-price-card--primary-color,  #000);
    color: #fff;
    padding: 5px;
    text-align: center;
    position: relative;
    display: none;
}
.price-card__streaming:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
}
.price-card__streaming>span {
    font-size: 14px;
    position: relative;
    font-weight: 700;
    display: block;
    padding-top: 5px;
}
.price-card__streaming>ul {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 10px;
}
.price-card__streaming>ul>li {
    padding: 5px;
    display: none;
}
.price-card__streaming-platform {
    max-width: 80px;
}
.price-card__streaming-platform>img, .price-card__streaming-platform>span {
    display: block;
    width: 100%}
.price-card__streaming-platform>span {
    font-size: 12px;
}
.price-card__tv {
    background-color: #eee;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}
.price-card__content {
    padding: 40px 20px;
    text-align: center;
}
.price-card--bottom-border .price-card__tv {
    border: 5px solid var(--theme-price-card--primary-color,  #000);
    border-width: 0 5px;
}
.price-card--bottom-border .price-card__content {
    border: 5px solid var(--theme-price-card--primary-color,  #000);
    border-top: 0;
    border-bottom-left-radius: var(--theme-price-card--rounded,  30px);
    border-bottom-right-radius: var(--theme-price-card--rounded,  30px);
}
.price-card__name {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}
.price-card__price {
    padding-top: 20px;
}
.price-card__regular-price {
    font-size: 18px;
    font-weight: 700;
}
.price-card__regular-price>span {
    text-decoration: line-through;
}
.price-card__current-price {
    font-size: 48px;
    font-weight: 800;
    color: var(--theme-price-card--primary-color,  #000);
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.price-card__current-price>b {
    font-size: 18px;
}
.price-card__action {
    padding-top: 60px;
    --theme-button--primary-color:  var(--theme-price-card--primary-color,  #000);
    --theme-button--secondary-color:  var(--theme-price-card--secondary-color,  #fff);
}
:root {
    --color-1:  rgba(255, 255, 255, 1);
    --color-04:  rgba(0, 255, 255, .5);
    --color-00:  rgba(203, 0, 221, .5);
}
.radar:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: var(--color-1);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: cdot linear 3s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    box-shadow: 0 5px 10px #00000080;
}
.radar__wave {
    position: absolute;
    left: 7%;
    top: 7%;
    width: 86%;
    height: 86%;
    background: var(--color-04);
    border-radius: 50%;
    opacity: 0;
    animation: radarWave cubic-bezier(0, .54, .53, 1) 3s 0s;
    animation-iteration-count: infinite;
    box-shadow: 0 5px 10px #00000080;
}
.radar__wave:after {
    content: "";
    position: absolute;
    left: 7%;
    top: 7%;
    width: 86%;
    height: 86%;
    background: var(--color-04);
    border-radius: 50%;
    opacity: 0;
    animation: radarWave cubic-bezier(0, .54, .53, 1) 3s .1s;
    animation-iteration-count: infinite;
    box-shadow: 0 5px 10px #00000080;
}
@keyframes cdot {
    0% {
    opacity: 0;
    background: var(--color-1);
}
50% {
    opacity: .5;
}
to {
    opacity: 1;
    background: var(--color-00);
}
}@keyframes radarWave {
    0% {
    opacity: 0;
    transform: scale(0);
}
5% {
    background: var(--color-04);
    opacity: 1;
}
to {
    transform: scale(1);
    background: var(--color-00);
}
}.section {
    background: var(--theme-section--background,  transparent);
    color: var(--theme-section--font-color,  inherit);
    position: relative;
}
.section.section--black {
    --theme-anchor--font-color:  white;
    --theme-section--background:  black;
    --theme-section--font-color:  #fff;
    --theme-accordion--background-color:  black;
    --theme-accordion--secondary-color:  white;
    --theme-accordion--toogle-color:  #1e1e1e;
    --theme-option--text-color:  #fff;
    --theme-option--classic-button-box-color:  transparent;
    --theme-option--classic-button-icon-color:  #fff;
    --theme-option--classic-button-border-color:  #fff;
    --theme-option--classic-button-box-color-active:  #cb00dd;
    --theme-option--classic-button-text-color-active:  #cb00dd;
    --theme-option--classic-button-border-color-active:  #cb00dd;
}
.section.section--gradient {
    --theme-section--background:  var(--theme-color--primary-gradient,  linear-gradient(-90deg,  #0ff 0%,  #cb00dd 100%));
    --theme-section--font-color:  #fff;
}
.spacing {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xxs,  40px));
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xxs,  10px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xxs,  40px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xxs,  10px));
}
.spacing-y {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xxs,  40px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xxs,  40px));
}
.spacing-x {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xxs,  10px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xxs,  10px));
}
.spacing-top {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xxs,  40px));
}
.spacing-right {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xxs,  10px));
}
.spacing-bottom {
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xxs,  40px));
}
.spacing-left {
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xxs,  10px));
}
.spacing-double {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxs,  40px)) * 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxs,  10px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxs,  40px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxs,  10px)) * 2);
}
.spacing-double-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxs,  40px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxs,  40px)) * 2);
}
.spacing-double-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxs,  10px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxs,  10px)) * 2);
}
.spacing-double-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxs,  40px)) * 2);
}
.spacing-double-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxs,  10px)) * 2);
}
.spacing-double-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxs,  40px)) * 2);
}
.spacing-double-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxs,  10px)) * 2);
}
.spacing-half {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxs,  40px)) / 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxs,  10px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxs,  40px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxs,  10px)) / 2);
}
.spacing-half-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxs,  40px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxs,  40px)) / 2);
}
.spacing-half-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxs,  10px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxs,  10px)) / 2);
}
.spacing-half-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxs,  40px)) / 2);
}
.spacing-half-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxs,  10px)) / 2);
}
.spacing-half-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxs,  40px)) / 2);
}
.spacing-half-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxs,  10px)) / 2);
}
@media (min-width: 412px) {
    .spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xs,  60px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xs,  60px);
    --theme-spacing--right:  var(--theme-spacing--x-xs,  15px);
    --theme-spacing--left:  var(--theme-spacing--x-xs,  15px);
}
.spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xs,  60px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xs,  60px);
}
.spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xs,  15px);
    --theme-spacing--left:  var(--theme-spacing--x-xs,  15px);
}
.spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xs,  60px);
}
.spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xs,  60px);
}
.spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xs,  15px);
}
.spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xs,  15px);
}
.spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xs,  60px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xs,  60px);
    --theme-spacing--right:  var(--theme-spacing--x-xs,  15px);
    --theme-spacing--left:  var(--theme-spacing--x-xs,  15px);
}
.spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xs,  60px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xs,  60px);
}
.spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xs,  15px);
    --theme-spacing--left:  var(--theme-spacing--x-xs,  15px);
}
.spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xs,  60px);
}
.spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xs,  60px);
}
.spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xs,  15px);
}
.spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xs,  15px);
}
.spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xs,  60px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xs,  60px);
    --theme-spacing--right:  var(--theme-spacing--x-xs,  15px);
    --theme-spacing--left:  var(--theme-spacing--x-xs,  15px);
}
.spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xs,  60px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xs,  60px);
}
.spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xs,  15px);
    --theme-spacing--left:  var(--theme-spacing--x-xs,  15px);
}
.spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xs,  60px);
}
.spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xs,  60px);
}
.spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xs,  15px);
}
.spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xs,  15px);
}
}@media (min-width: 576px) {
    .spacing {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
}
.spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
}
.spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
}
.spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
}
.spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
}
.spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
}
.spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
}@media (min-width: 768px) {
    .spacing {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
}
.spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
}
.spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
}
.spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
}
.spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
}
.spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
}
.spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
}@media (min-width: 992px) {
    .spacing {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
}@media (min-width: 1200px) {
    .spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
}@media (min-width: 1400px) {
    .spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
}@media (min-width: 412px) {
    .xs\: spacing {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xs,  60px));
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xs,  15px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xs,  60px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xs,  15px));
}
.xs\:spacing-y {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xs,  60px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xs,  60px));
}
.xs\:spacing-x {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xs,  15px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xs,  15px));
}
.xs\:spacing-top {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xs,  60px));
}
.xs\:spacing-right {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xs,  15px));
}
.xs\:spacing-bottom {
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xs,  60px));
}
.xs\:spacing-left {
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xs,  15px));
}
.xs\:spacing-double {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xs,  60px)) * 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xs,  15px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xs,  60px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xs,  15px)) * 2);
}
.xs\:spacing-double-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xs,  60px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xs,  60px)) * 2);
}
.xs\:spacing-double-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xs,  15px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xs,  15px)) * 2);
}
.xs\:spacing-double-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xs,  60px)) * 2);
}
.xs\:spacing-double-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xs,  15px)) * 2);
}
.xs\:spacing-double-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xs,  60px)) * 2);
}
.xs\:spacing-double-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xs,  15px)) * 2);
}
.xs\:spacing-half {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xs,  60px)) / 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xs,  15px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xs,  60px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xs,  15px)) / 2);
}
.xs\:spacing-half-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xs,  60px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xs,  60px)) / 2);
}
.xs\:spacing-half-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xs,  15px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xs,  15px)) / 2);
}
.xs\:spacing-half-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xs,  60px)) / 2);
}
.xs\:spacing-half-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xs,  15px)) / 2);
}
.xs\:spacing-half-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xs,  60px)) / 2);
}
.xs\:spacing-half-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xs,  15px)) / 2);
}
}@media (min-width: 576px) {
    .xs\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.xs\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.xs\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.xs\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
}
.xs\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.xs\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
}
.xs\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.xs\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.xs\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.xs\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.xs\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
}
.xs\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.xs\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
}
.xs\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.xs\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.xs\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.xs\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
.xs\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-sm,  80px);
}
.xs\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-sm,  80px);
}
.xs\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-sm,  20px);
}
.xs\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-sm,  20px);
}
}@media (min-width: 768px) {
    .xs\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.xs\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.xs\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.xs\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
}
.xs\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.xs\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
}
.xs\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.xs\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.xs\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.xs\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.xs\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
}
.xs\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.xs\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
}
.xs\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.xs\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.xs\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.xs\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.xs\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
}
.xs\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.xs\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
}
.xs\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
}@media (min-width: 992px) {
    .xs\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.xs\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.xs\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.xs\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.xs\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.xs\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.xs\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.xs\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.xs\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.xs\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.xs\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.xs\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.xs\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.xs\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.xs\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.xs\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.xs\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.xs\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.xs\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.xs\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.xs\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
}@media (min-width: 1200px) {
    .xs\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.xs\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.xs\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.xs\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.xs\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.xs\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.xs\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.xs\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.xs\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.xs\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.xs\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.xs\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.xs\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.xs\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.xs\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.xs\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.xs\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.xs\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.xs\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.xs\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.xs\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
}@media (min-width: 1400px) {
    .xs\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xs\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xs\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xs\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.xs\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xs\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.xs\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xs\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xs\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xs\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xs\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.xs\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xs\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.xs\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xs\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xs\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xs\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xs\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.xs\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xs\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.xs\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
}@media (min-width: 576px) {
    .sm\: spacing {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-sm,  80px));
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-sm,  20px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-sm,  80px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-sm,  20px));
}
.sm\:spacing-y {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-sm,  80px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-sm,  80px));
}
.sm\:spacing-x {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-sm,  20px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-sm,  20px));
}
.sm\:spacing-top {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-sm,  80px));
}
.sm\:spacing-right {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-sm,  20px));
}
.sm\:spacing-bottom {
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-sm,  80px));
}
.sm\:spacing-left {
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-sm,  20px));
}
.sm\:spacing-double {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-sm,  80px)) * 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-sm,  20px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-sm,  80px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-sm,  20px)) * 2);
}
.sm\:spacing-double-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-sm,  80px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-sm,  80px)) * 2);
}
.sm\:spacing-double-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-sm,  20px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-sm,  20px)) * 2);
}
.sm\:spacing-double-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-sm,  80px)) * 2);
}
.sm\:spacing-double-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-sm,  20px)) * 2);
}
.sm\:spacing-double-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-sm,  80px)) * 2);
}
.sm\:spacing-double-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-sm,  20px)) * 2);
}
.sm\:spacing-half {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-sm,  80px)) / 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-sm,  20px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-sm,  80px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-sm,  20px)) / 2);
}
.sm\:spacing-half-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-sm,  80px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-sm,  80px)) / 2);
}
.sm\:spacing-half-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-sm,  20px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-sm,  20px)) / 2);
}
.sm\:spacing-half-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-sm,  80px)) / 2);
}
.sm\:spacing-half-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-sm,  20px)) / 2);
}
.sm\:spacing-half-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-sm,  80px)) / 2);
}
.sm\:spacing-half-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-sm,  20px)) / 2);
}
}@media (min-width: 768px) {
    .sm\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.sm\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.sm\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.sm\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
}
.sm\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.sm\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
}
.sm\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.sm\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.sm\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.sm\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.sm\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
}
.sm\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.sm\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
}
.sm\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.sm\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.sm\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.sm\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
.sm\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-md,  120px);
}
.sm\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-md,  120px);
}
.sm\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-md,  25px);
}
.sm\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-md,  25px);
}
}@media (min-width: 992px) {
    .sm\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.sm\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.sm\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.sm\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.sm\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.sm\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.sm\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.sm\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.sm\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.sm\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.sm\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.sm\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.sm\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.sm\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.sm\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.sm\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.sm\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.sm\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.sm\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.sm\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.sm\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
}@media (min-width: 1200px) {
    .sm\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.sm\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.sm\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.sm\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.sm\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.sm\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.sm\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.sm\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.sm\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.sm\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.sm\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.sm\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.sm\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.sm\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.sm\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.sm\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.sm\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.sm\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.sm\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.sm\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.sm\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
}@media (min-width: 1400px) {
    .sm\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.sm\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.sm\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.sm\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.sm\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.sm\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.sm\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.sm\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.sm\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.sm\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.sm\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.sm\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.sm\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.sm\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.sm\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.sm\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.sm\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.sm\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.sm\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.sm\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.sm\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
}@media (min-width: 768px) {
    .md\: spacing {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-md,  120px));
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-md,  25px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-md,  120px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-md,  25px));
}
.md\:spacing-y {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-md,  120px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-md,  120px));
}
.md\:spacing-x {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-md,  25px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-md,  25px));
}
.md\:spacing-top {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-md,  120px));
}
.md\:spacing-right {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-md,  25px));
}
.md\:spacing-bottom {
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-md,  120px));
}
.md\:spacing-left {
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-md,  25px));
}
.md\:spacing-double {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-md,  120px)) * 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-md,  25px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-md,  120px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-md,  25px)) * 2);
}
.md\:spacing-double-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-md,  120px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-md,  120px)) * 2);
}
.md\:spacing-double-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-md,  25px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-md,  25px)) * 2);
}
.md\:spacing-double-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-md,  120px)) * 2);
}
.md\:spacing-double-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-md,  25px)) * 2);
}
.md\:spacing-double-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-md,  120px)) * 2);
}
.md\:spacing-double-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-md,  25px)) * 2);
}
.md\:spacing-half {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-md,  120px)) / 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-md,  25px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-md,  120px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-md,  25px)) / 2);
}
.md\:spacing-half-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-md,  120px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-md,  120px)) / 2);
}
.md\:spacing-half-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-md,  25px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-md,  25px)) / 2);
}
.md\:spacing-half-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-md,  120px)) / 2);
}
.md\:spacing-half-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-md,  25px)) / 2);
}
.md\:spacing-half-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-md,  120px)) / 2);
}
.md\:spacing-half-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-md,  25px)) / 2);
}
}@media (min-width: 992px) {
    .md\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.md\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.md\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.md\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.md\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.md\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.md\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.md\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.md\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.md\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.md\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.md\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.md\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.md\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.md\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.md\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.md\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
.md\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-lg,  160px);
}
.md\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-lg,  160px);
}
.md\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-lg,  30px);
}
.md\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-lg,  30px);
}
}@media (min-width: 1200px) {
    .md\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.md\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.md\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.md\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.md\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.md\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.md\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.md\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.md\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.md\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.md\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.md\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.md\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.md\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.md\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.md\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.md\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.md\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.md\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.md\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.md\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
}@media (min-width: 1400px) {
    .md\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.md\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.md\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.md\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.md\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.md\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.md\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.md\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.md\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.md\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.md\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.md\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.md\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.md\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.md\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.md\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.md\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.md\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.md\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.md\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.md\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
}@media (min-width: 992px) {
    .lg\: spacing {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-lg,  160px));
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-lg,  30px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-lg,  160px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-lg,  30px));
}
.lg\:spacing-y {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-lg,  160px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-lg,  160px));
}
.lg\:spacing-x {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-lg,  30px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-lg,  30px));
}
.lg\:spacing-top {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-lg,  160px));
}
.lg\:spacing-right {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-lg,  30px));
}
.lg\:spacing-bottom {
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-lg,  160px));
}
.lg\:spacing-left {
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-lg,  30px));
}
.lg\:spacing-double {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-lg,  160px)) * 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-lg,  30px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-lg,  160px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-lg,  30px)) * 2);
}
.lg\:spacing-double-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-lg,  160px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-lg,  160px)) * 2);
}
.lg\:spacing-double-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-lg,  30px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-lg,  30px)) * 2);
}
.lg\:spacing-double-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-lg,  160px)) * 2);
}
.lg\:spacing-double-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-lg,  30px)) * 2);
}
.lg\:spacing-double-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-lg,  160px)) * 2);
}
.lg\:spacing-double-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-lg,  30px)) * 2);
}
.lg\:spacing-half {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-lg,  160px)) / 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-lg,  30px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-lg,  160px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-lg,  30px)) / 2);
}
.lg\:spacing-half-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-lg,  160px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-lg,  160px)) / 2);
}
.lg\:spacing-half-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-lg,  30px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-lg,  30px)) / 2);
}
.lg\:spacing-half-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-lg,  160px)) / 2);
}
.lg\:spacing-half-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-lg,  30px)) / 2);
}
.lg\:spacing-half-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-lg,  160px)) / 2);
}
.lg\:spacing-half-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-lg,  30px)) / 2);
}
}@media (min-width: 1200px) {
    .lg\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.lg\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.lg\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.lg\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.lg\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.lg\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.lg\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.lg\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.lg\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.lg\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.lg\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.lg\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.lg\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.lg\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.lg\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.lg\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.lg\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
.lg\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xl,  200px);
}
.lg\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xl,  200px);
}
.lg\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xl,  35px);
}
.lg\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xl,  35px);
}
}@media (min-width: 1400px) {
    .lg\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.lg\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.lg\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.lg\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.lg\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.lg\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.lg\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.lg\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.lg\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.lg\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.lg\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.lg\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.lg\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.lg\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.lg\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.lg\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.lg\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.lg\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.lg\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.lg\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.lg\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
}@media (min-width: 1200px) {
    .xl\: spacing {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xl,  200px));
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xl,  35px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xl,  200px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xl,  35px));
}
.xl\:spacing-y {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xl,  200px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xl,  200px));
}
.xl\:spacing-x {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xl,  35px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xl,  35px));
}
.xl\:spacing-top {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xl,  200px));
}
.xl\:spacing-right {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xl,  35px));
}
.xl\:spacing-bottom {
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xl,  200px));
}
.xl\:spacing-left {
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xl,  35px));
}
.xl\:spacing-double {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xl,  200px)) * 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xl,  35px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xl,  200px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xl,  35px)) * 2);
}
.xl\:spacing-double-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xl,  200px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xl,  200px)) * 2);
}
.xl\:spacing-double-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xl,  35px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xl,  35px)) * 2);
}
.xl\:spacing-double-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xl,  200px)) * 2);
}
.xl\:spacing-double-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xl,  35px)) * 2);
}
.xl\:spacing-double-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xl,  200px)) * 2);
}
.xl\:spacing-double-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xl,  35px)) * 2);
}
.xl\:spacing-half {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xl,  200px)) / 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xl,  35px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xl,  200px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xl,  35px)) / 2);
}
.xl\:spacing-half-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xl,  200px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xl,  200px)) / 2);
}
.xl\:spacing-half-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xl,  35px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xl,  35px)) / 2);
}
.xl\:spacing-half-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xl,  200px)) / 2);
}
.xl\:spacing-half-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xl,  35px)) / 2);
}
.xl\:spacing-half-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xl,  200px)) / 2);
}
.xl\:spacing-half-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xl,  35px)) / 2);
}
}@media (min-width: 1400px) {
    .xl\: spacing {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xl\:spacing-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xl\:spacing-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xl\:spacing-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.xl\:spacing-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xl\:spacing-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.xl\:spacing-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xl\:spacing-double {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xl\:spacing-double-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xl\:spacing-double-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xl\:spacing-double-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.xl\:spacing-double-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xl\:spacing-double-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.xl\:spacing-double-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xl\:spacing-half {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xl\:spacing-half-y {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xl\:spacing-half-x {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
.xl\:spacing-half-top {
    --theme-spacing--top:  var(--theme-spacing--y-xxl,  240px);
}
.xl\:spacing-half-bottom {
    --theme-spacing--bottom:  var(--theme-spacing--y-xxl,  240px);
}
.xl\:spacing-half-right {
    --theme-spacing--right:  var(--theme-spacing--x-xxl,  40px);
}
.xl\:spacing-half-left {
    --theme-spacing--left:  var(--theme-spacing--x-xxl,  40px);
}
}@media (min-width: 1400px) {
    .xxl\: spacing {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xxl,  240px));
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xxl,  40px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xxl,  240px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xxl,  40px));
}
.xxl\:spacing-y {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xxl,  240px));
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xxl,  240px));
}
.xxl\:spacing-x {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xxl,  40px));
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xxl,  40px));
}
.xxl\:spacing-top {
    padding-top: var(--theme-spacing--top,  var(--theme-spacing--y-xxl,  240px));
}
.xxl\:spacing-right {
    padding-right: var(--theme-spacing--right,  var(--theme-spacing--x-xxl,  40px));
}
.xxl\:spacing-bottom {
    padding-bottom: var(--theme-spacing--bottom,  var(--theme-spacing--y-xxl,  240px));
}
.xxl\:spacing-left {
    padding-left: var(--theme-spacing--left,  var(--theme-spacing--x-xxl,  40px));
}
.xxl\:spacing-double {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxl,  240px)) * 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxl,  40px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxl,  240px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxl,  40px)) * 2);
}
.xxl\:spacing-double-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxl,  240px)) * 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxl,  240px)) * 2);
}
.xxl\:spacing-double-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxl,  40px)) * 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxl,  40px)) * 2);
}
.xxl\:spacing-double-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxl,  240px)) * 2);
}
.xxl\:spacing-double-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxl,  40px)) * 2);
}
.xxl\:spacing-double-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxl,  240px)) * 2);
}
.xxl\:spacing-double-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxl,  40px)) * 2);
}
.xxl\:spacing-half {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxl,  240px)) / 2);
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxl,  40px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxl,  240px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxl,  40px)) / 2);
}
.xxl\:spacing-half-y {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxl,  240px)) / 2);
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxl,  240px)) / 2);
}
.xxl\:spacing-half-x {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxl,  40px)) / 2);
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxl,  40px)) / 2);
}
.xxl\:spacing-half-top {
    padding-top: calc(var(--theme-spacing--top,  var(--theme-spacing--y-xxl,  240px)) / 2);
}
.xxl\:spacing-half-right {
    padding-right: calc(var(--theme-spacing--right,  var(--theme-spacing--x-xxl,  40px)) / 2);
}
.xxl\:spacing-half-bottom {
    padding-bottom: calc(var(--theme-spacing--bottom,  var(--theme-spacing--y-xxl,  240px)) / 2);
}
.xxl\:spacing-half-left {
    padding-left: calc(var(--theme-spacing--left,  var(--theme-spacing--x-xxl,  40px)) / 2);
}
}.text-animate {
    font-size: inherit;
    font-weight: inherit;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.text-animate__word {
    position: relative;
    overflow: hidden;
}
.text-animate__base {
    display: block;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.text-animate__move {
    display: block;
    position: absolute;
    top: 100%}
.text-animate.text-animate--show .text-animate__move {
    top: 0;
    transition: top .5s ease;
}
body {
    font-size: var(--theme-text--size,  12px);
    font-weight: var(--theme-text--weight,  400);
    font-style: var(--theme-text--style,  normal);
}
body * {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
}
.text, span, p, h1, h2, h3, h4, h5, h6, label {
    font-weight: var(--theme-font--weight,  inherit);
    font-style: var(--theme-font--style,  inherit);
    font-size: var(--theme-font--size-xxs,  var(--theme-font--size,  inherit));
}
@media (min-width: 412px) {
    .text, span, p, h1, h2, h3, h4, h5, h6, label {
    font-size: var(--theme-font--size-xs,  var(--theme-font--size-xxs,  var(--theme-font--size,  inherit)));
}
}@media (min-width: 576px) {
    .text, span, p, h1, h2, h3, h4, h5, h6, label {
    font-size: var(--theme-font--size-sm,  var(--theme-font--size-xs,  var(--theme-font--size-xxs,  var(--theme-font--size,  inherit))));
}
}@media (min-width: 768px) {
    .text, span, p, h1, h2, h3, h4, h5, h6, label {
    font-size: var(--theme-font--size-md,  var(--theme-font--size-sm,  var(--theme-font--size-xs,  var(--theme-font--size-xxs,  var(--theme-font--size,  inherit)))));
}
}@media (min-width: 992px) {
    .text, span, p, h1, h2, h3, h4, h5, h6, label {
    font-size: var(--theme-font--size-lg,  var(--theme-font--size-md,  var(--theme-font--size-sm,  var(--theme-font--size-xs,  var(--theme-font--size-xxs,  var(--theme-font--size,  inherit))))));
}
}@media (min-width: 1200px) {
    .text, span, p, h1, h2, h3, h4, h5, h6, label {
    font-size: var(--theme-font--size-xl,  var(--theme-font--size-lg,  var(--theme-font--size-md,  var(--theme-font--size-sm,  var(--theme-font--size-xs,  var(--theme-font--size-xxs,  var(--theme-font--size,  inherit)))))));
}
}@media (min-width: 1400px) {
    .text, span, p, h1, h2, h3, h4, h5, h6, label {
    font-size: var(--theme-font--size-xxl,  var(--theme-font--size-xl,  var(--theme-font--size-lg,  var(--theme-font--size-md,  var(--theme-font--size-sm,  var(--theme-font--size-xs,  var(--theme-font--size-xxs,  var(--theme-font--size,  inherit))))))));
}
}.text {
    --theme-font--weight:  var(--theme-text--weight,  400);
    --theme-font--style:  var(--theme-text--style,  normal);
    --theme-font--size-xxs:  var(--theme-text--size-xxs,  12px);
    --theme-font--size-xs:  var(--theme-text--size-xs,  14px);
    --theme-font--size-sm:  var(--theme-text--size-sm,  16px);
    --theme-font--size-md:  var(--theme-text--size-md,  18px);
    --theme-font--size-lg:  var(--theme-text--size-lg,  20px);
    --theme-font--size-xl:  var(--theme-text--size-xl,  22px);
    --theme-font--size-xxl:  var(--theme-text--size-xxl,  24px);
}
.heading {
    text-transform: uppercase;
    --theme-font--weight:  var(--theme-text-heading--weight,  700);
    --theme-font--style:  var(--theme-text-heading--style,  normal);
    --theme-font--size-xxs:  var(--theme-text-heading--size-xxs,  20px);
    --theme-font--size-xs:  var(--theme-text-heading--size-xs,  24px);
    --theme-font--size-sm:  var(--theme-text-heading--size-sm,  28px);
    --theme-font--size-md:  var(--theme-text-heading--size-md,  32px);
    --theme-font--size-lg:  var(--theme-text-heading--size-lg,  36px);
    --theme-font--size-xl:  var(--theme-text-heading--size-xl,  40px);
    --theme-font--size-xxl:  var(--theme-text-heading--size-xxl,  44px);
}
.subheading {
    text-transform: uppercase;
    --theme-font--weight:  var(--theme-text-subheading--weight,  400);
    --theme-font--style:  var(--theme-text-subheading--style,  normal);
    --theme-font--size-xxs:  var(--theme-text-subheading--size-xxs,  14px);
    --theme-font--size-xs:  var(--theme-text-subheading--size-xs,  16px);
    --theme-font--size-sm:  var(--theme-text-subheading--size-sm,  18px);
    --theme-font--size-md:  var(--theme-text-subheading--size-md,  20px);
    --theme-font--size-lg:  var(--theme-text-subheading--size-lg,  22px);
    --theme-font--size-xl:  var(--theme-text-subheading--size-xl,  24px);
    --theme-font--size-xxl:  var(--theme-text-subheading--size-xxl,  26px);
}
.display {
    text-transform: uppercase;
    --theme-font--weight:  var(--theme-text-display--weight,  800);
    --theme-font--style:  var(--theme-text-display--style,  normal);
    --theme-font--size-xxs:  var(--theme-text-display--size-xxs,  24px);
    --theme-font--size-xs:  var(--theme-text-display--size-xs,  32px);
    --theme-font--size-sm:  var(--theme-text-display--size-sm,  40px);
    --theme-font--size-md:  var(--theme-text-display--size-md,  48px);
    --theme-font--size-lg:  var(--theme-text-display--size-lg,  56px);
    --theme-font--size-xl:  var(--theme-text-display--size-xl,  64px);
    --theme-font--size-xxl:  var(--theme-text-display--size-xxl,  72px);
}
.bold {
    --theme-font--weight:  600;
}
.textfield {
    position: relative;
    width: 100%;
    height: 56px;
    background: transparent;
    border: 1px solid var(--theme-textfield--primary-color,  #999);
    border-radius: 28px;
    overflow: hidden;
    cursor: text;
}
.textfield:hover .textfield__input, .textfield .textfield__input:focus {
    background: var(--theme-textfield--secondary-color,  #eee);
}
.textfield__input, .textfield__placeholder {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 14px;
    color: var(--theme-textfield--text-color,  #333);
}
.textfield__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    opacity: var(--theme-textfield--placeholder-opacity,  .6);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.textfield.textfield--textarea {
    height: auto;
}
.textfield.textfield--textarea .textfield__input {
    padding: 18px 20px;
    min-height: 200px;
}
.textfield.textfield--textarea .textfield__placeholder {
    height: auto;
    top: 18px;
}
.textfield__input:focus+.textfield__placeholder, .textfield__input:valid+.textfield__placeholder {
    display: none;
}
.fixed-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.fixed-menu__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: opacity .5s ease-in-out;
}
.fixed-menu__bar {
    position: relative;
    background: white;
    width: 100%;
    height: 100%;
    max-width: 400px;
    padding: 20px;
    left: -100%;
    transition: left .5s ease-in-out;
}
.isOpenFixedMenu .fixed-menu {
    left: 0;
}
.isOpenFixedMenu .fixed-menu__overlay {
    opacity: .7;
}
.isOpenFixedMenu .fixed-menu__bar {
    left: 0;
}
.fixed-menu__head {
    position: relative;
    padding-bottom: 20px;
}
.fixed-menu__head:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: 2px;
    background: #0ff;
    background: var(--theme-color--primary-gradient,  linear-gradient(-90deg,  #0ff 0%,  #cb00dd 100%));
}
.fixed-menu__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    transform: rotate(45deg);
}
.fixed-menu__close:before, .fixed-menu__close:after {
    content: "";
    position: absolute;
}
.fixed-menu__close:before {
    border-top: 2px solid black;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.fixed-menu__close:after {
    border-left: 2px solid black;
    height: 100%;
    left: 50%;
    transform: translate(-50%);
}
.fixed-menu__items {
    padding-top: 40px;
}
.fixed-menu__item+.fixed-menu__item {
    padding-top: 10px;
}
.fixed-menu__link {
    display: block;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 800;
    margin: 0 -20px;
    color: #000!important;
    text-decoration: none!important;
}
.fixed-menu__link:hover {
    background: #eee;
}
.fixed-menu__actions {
    padding-top: 40px;
}
.footer {
    text-align: center;
    padding-bottom: 100px;
}
@media (min-width: 768px) {
    .footer {
    text-align: left;
    padding-bottom: 0;
}
}.footer__group-col {
    border-right: 1px solid #333;
}
.footer__group-content {
    padding: 40px 10px;
}
.footer__group-heading {
    border-top: 1px solid #333;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 800;
}
.footer__group-list {
    padding-top: 15px;
}
.footer__group-item {
    padding: 5px 0;
}
.footer__group-item-link {
    font-size: 16px;
    font-weight: 400;
}
.footer__group-item-link:hover {
    text-decoration: underline;
}
.footer__end {
    border-top: 1px solid #333;
    padding: 40px 20px;
}
.footer__links+.footer__end {
    border-top: 1px solid #333;
}
.footer__wrapper {
    align-items: center;
    justify-content: space-between;
}
@media (min-width: 768px) {
    .footer__wrapper {
    flex-wrap: nowrap!important;
}
}.footer__col-logo, .footer__col-menu, .footer__col-copyright {
    display: flex;
    flex-grow: 0!important;
    flex-shrink: 0!important;
    justify-content: center;
}
.footer__col-menu {
    flex-shrink: 1!important;
}
.footer__logo {
    height: 44px;
}
.footer__logo>svg {
    display: block;
    width: auto;
    height: 100%}
.footer__logo-link {
    display: block;
}
.footer__menu {
    list-style: none;
}
@media (min-width: 768px) {
    .footer__menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
}.footer__menu-item {
    padding: 5px;
    font-size: 14px;
    color: #666;
}
.footer__menu-item-link:hover {
    text-decoration: underline;
}
.header {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    width: 100%;
    padding: 0 10px;
    box-shadow: 0 0 25px #0ff, 0 10px 50px #cb00dd;
}
@media (min-width: 768px) {
    .header {
    padding: 0 20px;
}
}.header__content {
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--theme-header--xxs,  64px);
}
@media (min-width: 412px) {
    .header__content {
    height: var(--theme-header--xs,  64px);
}
}@media (min-width: 576px) {
    .header__content {
    height: var(--theme-header--sm,  64px);
}
}@media (min-width: 768px) {
    .header__content {
    height: var(--theme-header--md,  84px);
}
}@media (min-width: 992px) {
    .header__content {
    height: var(--theme-header--lg,  96px);
}
}@media (min-width: 1200px) {
    .header__content {
    height: var(--theme-header--xl,  96px);
}
}@media (min-width: 1400px) {
    .header__content {
    height: var(--theme-header--xxl,  120px);
}
}.header__grid {
    width: 100%}
.header__wrapper {
    justify-content: space-between;
    align-items: center;
}
@media (min-width: 1200px) {
    .header__col-menu {
    position: absolute;
    left: 40%;
    transform: translate(-50%);
}
}.header .hidden-sm {
    display: none;
}
@media (min-width: 768px) {
    .header .hidden-sm {
    display: block;
}
}@media (min-width: 768px) {
    .header .hidden-md {
    display: none;
}
}.header__logo {
    height: 44px;
}
@media (min-width: 992px) {
    .header__logo {
    height: 56px;
}
}@media (min-width: 1400px) {
    .header__logo {
    height: 64px;
}
}.header__logo>svg {
    display: block;
    width: auto;
    height: 100%}
.header__logo-link {
    display: block;
}
.header__col-logo {
    padding-right: 10px;
}
@media (min-width: 992px) {
    .header__col-logo {
    padding-right: 50px;
}
}.header .button {
    padding: 0 20px;
}
@media (min-width: 992px) {
    .header .button {
    padding: 0 60px;
}
}.header__menu {
    list-style: none;
    display: -webkit-box;
    align-items: center;
    height: 44px;
}
@media (min-width: 992px) {
    .header__menu {
    height: 56px;
}
}@media (min-width: 1400px) {
    .header__menu {
    height: 64px;
}
}.header__menu-button {
    --theme-icon--color:  #fff;
    --theme-icon--size:  24px;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    padding: 0 10px;
    height: 44px;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none!important;
}
@media (min-width: 1200px) {
    .header__menu-button {
    font-size: 18px;
    padding: 0 20px;
}
}.header__menu-button-text {
    display: block;
    position: relative;
    overflow: visible !important;
    padding: 4px 0;
}
.header__menu-button-text:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 100%;
    width: 0;
    height: 2px;
    background: #0ff;
    background: var(--theme-color--primary-gradient,  linear-gradient(-90deg,  #0ff 0%,  #cb00dd 100%));
    box-shadow: 0 0 5px #0ff, 0 0 2px #cb00dd;
    transition: width .3s ease, left .3s ease;
}
.header__menu-button-icon>svg {
    transition: all .4s ease;
}
.header__menu-button:hover .header__menu-button-text {
    overflow: visible;
    text-shadow: 0px 0px 10px #0ff, 0px 0px 5px #cb00dd;
    transition: text-shadow .3s ease;
}
.header__menu-button:hover .header__menu-button-text:before {
    width: 100%;
    left: 0;
    transition: width .5s ease;
}
.header__menu-link {
    --theme-icon--color:  #fff;
    --theme-icon--size:  24px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 0 5px;
    height: 44px;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none!important;
}
.header__menu-link-text {
    display: block;
}
.header__menu-link-icon>svg {
    transition: all .4s ease;
}
.header__menu-link:hover .header__menu-link-text {
    background: var(--theme-color--primary-gradient,  linear-gradient(-90deg,  #0ff 0%,  #cb00dd 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.header__menu-link:hover .header__menu-link-icon>svg path {
    fill: url(#gradient);
}
.header__menu-burger {
    position: relative;
    width: 32px;
    height: 28px;
}
.header__menu-burger:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid white;
    border-left: 0;
    border-right: 0;
}
.header__menu-burger:after {
    content: "";
    border-top: 2px solid white;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.header__menu-action {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
@media (min-width: 768px) {
    .header__menu-action {
    position: static;
    transform: none;
}
}@keyframes icon_gradient {
    to {
    fill: url(#gradient);
}
}.section-channels .grid__wrapper {
    justify-content: center;
}
.section-channels__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    height: 100%;
    background-color: #eee;
    border-radius: 20px;
}
.section-channels__item>img, .section-channels__item>svg {
    display: block;
    width: 300px;
    height: 140px;

    object-fit: contain;
}
.section-error-page .section-error-page__content {
    text-align: center;
    min-height: 200px;
}
.section-error-page .section-error-page__error {
    --theme-font--size:  90px;
    --theme-font--size-xxs:  90px;
    --theme-font--size-xs:  90px;
    --theme-font--size-sm:  120px;
    --theme-font--size-md:  150px;
    --theme-font--size-lg:  250px;
    --theme-font--size-xl:  250px;
    --theme-font--size-xxl:  250px;
}
.section--legal .button {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100%;
    min-height: 100px;
    --theme-button--primary-color:  #fff;
    --theme-button--secondary-color:  #000;
}
.section-location__map {
    display: block;
    width: 100%;
    height: 600px;
}
:root {
    --swiper-theme-color:  #000;
    --swiper-navigation-color:  #fff;
}
.swiper-classic.swiper {
    width: 100%;
    overflow: hidden;
    padding-bottom: 60px;
}
.swiper-classic .swiper-pagination {
    bottom: 10px!important;
}
.swiper-classic .swiper-wrapper {
    overflow: visible;
}
.swiper-classic .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 200px;
    background-color: #fff;
    overflow: visible;
}
@media (min-width: 768px) {
    .swiper-classic .swiper-slide {
    width: 400px;
}
}.swiper-classic .swiper-slide a {
    display: block;
}
.swiper-classic .swiper-slide img {
    display: block;
    width: 100%;
    box-shadow: 0 5px 5px #0000001a;
}
.swiper-classic .swiper-pagination-bullet {
    transition: all .5s ease;
}
.swiper-classic .swiper-pagination-bullet-active {
    transform: scale(1.5);
}