/*!
 * Bootstrap Reboot v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

body {
    font-family: "Google Sans Flex", sans-serif;
}

:root {
    --nxl-primary: #3864D1;
    --nxl-primary-hover: #2660EF;
    --nxl-primary-active: #1255FD;
    --nxl-success: #65BF29;
    --nxl-success-hover: #64D11B;
    --nxl-success-active: #5DE006;
    --nxl-info: #0090FF;
    --nxl-danger: #EE1313;
    --nxl-disabled: #D8DADE;
    --nxl-dark: #23243F;
    --nxl-white: #ffffff;
    --nxl-light: #7E7F8F;
    --nxl-lightest: #F1F3F6;
    --nxl-background: #EFF0F8;
    --nxl-background-dark: #161730;
    --nxl-primary-rgb: 56, 100, 209;
    --nxl-primary-hover-rgb: 38, 96, 239;
    --nxl-primary-active-rgb: 18, 85, 253;
    --nxl-success-rgb: 101, 191, 41;
    --nxl-success-hover-rgb: 100, 209, 27;
    --nxl-success-active-rgb: 93, 224, 6;
    --nxl-info-rgb: 0, 144, 255;
    --nxl-danger-rgb: 238, 19, 19;
    --nxl-disabled-rgb: 216, 218, 222;
    --nxl-dark-rgb: 35, 36, 63;
    --nxl-white-rgb: 255, 255, 255;
    --nxl-light-rgb: 126, 127, 143;
    --nxl-lightest-rgb: 241, 243, 246;
    --nxl-background-rgb: 239, 240, 248;
    --nxl-background-dark-rgb: 22, 23, 48;
    --nxl-white-rgb: 255, 255, 255;
    --nxl-black-rgb: 0, 0, 0;
    --nxl-body-color-rgb: 35, 36, 63;
    --nxl-body-bg-rgb: 255, 255, 255;
    --nxl-font-sans-serif: "Google Sans Flex", sans-serif;
    --nxl-font-monospace: "Google Sans Flex", sans-serif;
    --nxl-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --nxl-body-font-family: "Google Sans Flex", sans-serif;
    --nxl-body-font-size: 1rem;
    --nxl-body-font-weight: 400;
    --nxl-body-line-height: 1.625;
    --nxl-body-color: #23243F;
    --nxl-body-bg: #ffffff;
    --nxl-border-width: 1px;
    --nxl-border-style: solid;
    --nxl-border-color: #dee2e6;
    --nxl-border-color-translucent: rgba(0, 0, 0, 0.175);
    --nxl-border-radius: 1.25rem;
    --nxl-border-radius-sm: 0.5rem;
    --nxl-border-radius-lg: 1.25rem;
    --nxl-border-radius-xl: 1rem;
    --nxl-border-radius-2xl: 2rem;
    --nxl-border-radius-pill: 50rem;
    --nxl-link-color: #3864D1;
    --nxl-link-hover-color: #2d50a7;
    --nxl-code-color: #d63384;
    --nxl-highlight-bg: #fff3cd;
}

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

body {
    margin: 0;
    font-family: var(--nxl-body-font-family);
    font-size: var(--nxl-body-font-size);
    font-weight: var(--nxl-body-font-weight);
    line-height: var(--nxl-body-line-height);
    color: var(--nxl-body-color);
    text-align: var(--nxl-body-text-align);
    background-color: var(--nxl-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
    margin: 0.5rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: 0.25;
}

h4, h3, h2, h1 {
    margin-top: 0;
    margin-bottom: 0.25rem;
    font-weight: 500;
    line-height: 1.2;
}

h1 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    h1 {
        font-size: 2.5rem;
    }
}

h2 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
    h2 {
        font-size: 2rem;
    }
}

h3 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
    h3 {
        font-size: 1.75rem;
    }
}

h4 {
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
    h4 {
        font-size: 1.5rem;
    }
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul {
    padding-left: 2rem;
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

blockquote {
    margin: 0 0 1rem;
}


strong {
    font-weight: bolder;
}

a {
    color: var(--nxl-link-color);
    text-decoration: none;
}

a:hover {
    color: var(--nxl-link-hover-color);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

pre,
code {
    font-family: var(--nxl-font-monospace);
    font-size: 1em;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

code {
    font-size: 0.875em;
    color: var(--nxl-code-color);
    word-wrap: break-word;
}

a > code {
    color: inherit;
}

img,
svg {
    vertical-align: middle;
}

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

input,
button,
select {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
select {
    text-transform: none;
}

select {
    word-wrap: normal;
}

select:disabled {
    opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important;
}

button,
[type=button],
[type=submit] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/

output {
    display: inline-block;
}

progress {
    vertical-align: baseline;
}

/*!
 * Bootstrap Grid v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --nxl-primary: #3864D1;
    --nxl-primary-hover: #2660EF;
    --nxl-primary-active: #1255FD;
    --nxl-success: #65BF29;
    --nxl-success-hover: #64D11B;
    --nxl-success-active: #5DE006;
    --nxl-info: #0090FF;
    --nxl-danger: #EE1313;
    --nxl-disabled: #D8DADE;
    --nxl-dark: #23243F;
    --nxl-white: #ffffff;
    --nxl-light: #7E7F8F;
    --nxl-lightest: #F1F3F6;
    --nxl-background: #EFF0F8;
    --nxl-background-dark: #161730;
    --nxl-primary-rgb: 56, 100, 209;
    --nxl-primary-hover-rgb: 38, 96, 239;
    --nxl-primary-active-rgb: 18, 85, 253;
    --nxl-success-rgb: 101, 191, 41;
    --nxl-success-hover-rgb: 100, 209, 27;
    --nxl-success-active-rgb: 93, 224, 6;
    --nxl-info-rgb: 0, 144, 255;
    --nxl-danger-rgb: 238, 19, 19;
    --nxl-disabled-rgb: 216, 218, 222;
    --nxl-dark-rgb: 35, 36, 63;
    --nxl-white-rgb: 255, 255, 255;
    --nxl-light-rgb: 126, 127, 143;
    --nxl-lightest-rgb: 241, 243, 246;
    --nxl-background-rgb: 239, 240, 248;
    --nxl-background-dark-rgb: 22, 23, 48;
    --nxl-white-rgb: 255, 255, 255;
    --nxl-black-rgb: 0, 0, 0;
    --nxl-body-color-rgb: 35, 36, 63;
    --nxl-body-bg-rgb: 255, 255, 255;
    --nxl-font-sans-serif: "Google Sans Flex", sans-serif;
    --nxl-font-monospace: "Google Sans Flex", sans-serif;
    --nxl-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --nxl-body-font-family: "Google Sans Flex", sans-serif;
    --nxl-body-font-size: 1rem;
    --nxl-body-font-weight: 400;
    --nxl-body-line-height: 1.625;
    --nxl-body-color: #23243F;
    --nxl-body-bg: #ffffff;
    --nxl-border-width: 1px;
    --nxl-border-style: solid;
    --nxl-border-color: #dee2e6;
    --nxl-border-color-translucent: rgba(0, 0, 0, 0.175);
    --nxl-border-radius: 1.25rem;
    --nxl-border-radius-sm: 0.5rem;
    --nxl-border-radius-lg: 1.25rem;
    --nxl-border-radius-xl: 1rem;
    --nxl-border-radius-2xl: 2rem;
    --nxl-border-radius-pill: 50rem;
    --nxl-link-color: #3864D1;
    --nxl-link-hover-color: #2d50a7;
    --nxl-code-color: #d63384;
    --nxl-highlight-bg: #fff3cd;
}

.container,
.container-fluid,
.container-lg,
.container-md {
    --nxl-gutter-x: 2rem;
    --nxl-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--nxl-gutter-x) * 0.5);
    padding-left: calc(var(--nxl-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md, .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-lg, .container-md, .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-lg, .container-md, .container {
        max-width: 1280px;
    }
}

.row {
    --nxl-gutter-x: 2rem;
    --nxl-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--nxl-gutter-y));
    margin-right: calc(-0.5 * var(--nxl-gutter-x));
    margin-left: calc(-0.5 * var(--nxl-gutter-x));
}

.row > * {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--nxl-gutter-x) * 0.5);
    padding-left: calc(var(--nxl-gutter-x) * 0.5);
    margin-top: var(--nxl-gutter-y);
}

.col {
    flex: 1 0 0%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .offset-xl-1 {
        margin-left: 8.33333333%;
    }
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.d-none {
    display: none !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.mx-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-24 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-32 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.my-48 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-64 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.mt-8 {
    margin-top: 0.5rem !important;
}

.mt-16 {
    margin-top: 1rem !important;
}

.mt-24 {
    margin-top: 1.5rem !important;
}

.mt-48 {
    margin-top: 3rem !important;
}

.mt-64 {
    margin-top: 4rem !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-16 {
    margin-right: 1rem !important;
}

.me-24 {
    margin-right: 1.5rem !important;
}

.me-32 {
    margin-right: 2rem !important;
}

.me-48 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-4 {
    margin-bottom: 0.25rem !important;
}

.mb-8 {
    margin-bottom: 0.5rem !important;
}

.mb-16 {
    margin-bottom: 1rem !important;
}

.mb-24 {
    margin-bottom: 1.5rem !important;
}

.mb-32 {
    margin-bottom: 2rem !important;
}

.mb-48 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-16 {
    margin-left: 1rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-16 {
    padding: 1rem !important;
}

.p-32 {
    padding: 2rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.py-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-24 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-32 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-64 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-24 {
    padding-top: 1.5rem !important;
}

.pe-16 {
    padding-right: 1rem !important;
}

.pe-32 {
    padding-right: 2rem !important;
}

.pe-48 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.ps-0 {
    padding-left: 0 !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .mx-sm-16 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mt-sm-48 {
        margin-top: 3rem !important;
    }

    .me-sm-16 {
        margin-right: 1rem !important;
    }

    .p-sm-24 {
        padding: 1.5rem !important;
    }

    .py-sm-32 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pe-sm-24 {
        padding-right: 1.5rem !important;
    }
}

@media (min-width: 768px) {
    .d-md-flex {
        display: flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .my-md-32 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-md-64 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-32 {
        margin-top: 2rem !important;
    }

    .mt-md-48 {
        margin-top: 3rem !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-24 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-32 {
        margin-bottom: 2rem !important;
    }

    .mb-md-48 {
        margin-bottom: 3rem !important;
    }

    .p-md-32 {
        padding: 2rem !important;
    }

    .pt-md-32 {
        padding-top: 2rem !important;
    }

    .pe-md-32 {
        padding-right: 2rem !important;
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-lg-48 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-120 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-32 {
        margin-top: 2rem !important;
    }

    .mt-lg-48 {
        margin-top: 3rem !important;
    }

    .mt-lg-96 {
        margin-top: 6rem !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-24 {
        margin-right: 1.5rem !important;
    }

    .me-lg-48 {
        margin-right: 3rem !important;
    }

    .me-lg-96 {
        margin-right: 6rem !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-24 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-32 {
        margin-bottom: 2rem !important;
    }

    .mb-lg-48 {
        margin-bottom: 3rem !important;
    }

    .mb-lg-64 {
        margin-bottom: 4rem !important;
    }

    .mb-lg-96 {
        margin-bottom: 6rem !important;
    }

    .ms-lg-32 {
        margin-left: 2rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-24 {
        padding: 1.5rem !important;
    }

    .p-lg-32 {
        padding: 2rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-16 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-32 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-lg-64 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-32 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-lg-48 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-lg-64 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .pt-lg-16 {
        padding-top: 1rem !important;
    }

    .pt-lg-32 {
        padding-top: 2rem !important;
    }

    .pt-lg-48 {
        padding-top: 3rem !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .mx-xl-32 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .my-xl-80 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mt-xl-64 {
        margin-top: 4rem !important;
    }

    .me-xl-16 {
        margin-right: 1rem !important;
    }

    .me-xl-32 {
        margin-right: 2rem !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xl-64 {
        margin-bottom: 4rem !important;
    }

    .mb-xl-80 {
        margin-bottom: 5rem !important;
    }

    .mb-xl-96 {
        margin-bottom: 6rem !important;
    }

    .ms-xl-32 {
        margin-left: 2rem !important;
    }

    .ms-xl-144 {
        margin-left: 9rem !important;
    }
}

@media (min-width: 1400px) {
    .d-xxl-none {
        display: none !important;
    }

    .ms-xxl-16 {
        margin-left: 1rem !important;
    }
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.d-none {
    display: none !important;
}

.position-relative {
    position: relative !important;
}

.border-success {
    --nxl-border-opacity: 1;
    border-color: rgba(var(--nxl-success-rgb), var(--nxl-border-opacity)) !important;
}

.border-success-hover {
    --nxl-border-opacity: 1;
    border-color: rgba(var(--nxl-success-hover-rgb), var(--nxl-border-opacity)) !important;
}

.border-success-active {
    --nxl-border-opacity: 1;
    border-color: rgba(var(--nxl-success-active-rgb), var(--nxl-border-opacity)) !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.mw-200px {
    max-width: 200px !important;
}

.mw-250px {
    max-width: 250px !important;
}

.mw-450px {
    max-width: 450px !important;
}

.vw-100 {
    width: 100vw !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.mx-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-24 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-32 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.my-48 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-64 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.mt-8 {
    margin-top: 0.5rem !important;
}

.mt-16 {
    margin-top: 1rem !important;
}

.mt-24 {
    margin-top: 1.5rem !important;
}

.mt-48 {
    margin-top: 3rem !important;
}

.mt-64 {
    margin-top: 4rem !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-16 {
    margin-right: 1rem !important;
}

.me-24 {
    margin-right: 1.5rem !important;
}

.me-32 {
    margin-right: 2rem !important;
}

.me-48 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-4 {
    margin-bottom: 0.25rem !important;
}

.mb-8 {
    margin-bottom: 0.5rem !important;
}

.mb-16 {
    margin-bottom: 1rem !important;
}

.mb-24 {
    margin-bottom: 1.5rem !important;
}

.mb-32 {
    margin-bottom: 2rem !important;
}

.mb-48 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-16 {
    margin-left: 1rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-16 {
    padding: 1rem !important;
}

.p-32 {
    padding: 2rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.py-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-24 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-32 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-64 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-24 {
    padding-top: 1.5rem !important;
}

.pe-16 {
    padding-right: 1rem !important;
}

.pe-32 {
    padding-right: 2rem !important;
}

.pe-48 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.gap-8 {
    gap: 0.5rem !important;
}

.gap-32 {
    gap: 2rem !important;
}

.fs-10 {
    font-size: 0.625rem !important;
}

.fs-12 {
    font-size: 0.75rem !important;
}

.fs-14 {
    font-size: 0.875rem !important;
}

.fs-16 {
    font-size: 1rem !important;
}

.fs-20 {
    font-size: 1.25rem !important;
}

.fs-22 {
    font-size: calc(1.2625rem + 0.15vw) !important;
}

.fs-26 {
    font-size: calc(1.2875rem + 0.45vw) !important;
}

.fs-32 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-60 {
    font-size: calc(1.5rem + 3vw) !important;
}

.fs-80 {
    font-size: calc(1.625rem + 4.5vw) !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.lh-1 {
    line-height: 1 !important;
}

.text-end {
    text-align: right !important;
}

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

.text-uppercase {
    text-transform: uppercase !important;
}

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

/* rtl:begin:remove */

/* rtl:end:remove */
.text-primary {
    --nxl-text-opacity: 1;
    color: rgba(var(--nxl-primary-rgb), var(--nxl-text-opacity)) !important;
}

.text-success {
    --nxl-text-opacity: 1;
    color: rgba(var(--nxl-success-rgb), var(--nxl-text-opacity)) !important;
}

.text-success-hover {
    --nxl-text-opacity: 1;
    color: rgba(var(--nxl-success-hover-rgb), var(--nxl-text-opacity)) !important;
}

.text-success-active {
    --nxl-text-opacity: 1;
    color: rgba(var(--nxl-success-active-rgb), var(--nxl-text-opacity)) !important;
}

.text-danger {
    --nxl-text-opacity: 1;
    color: rgba(var(--nxl-danger-rgb), var(--nxl-text-opacity)) !important;
}

.text-dark {
    --nxl-text-opacity: 1;
    color: rgba(var(--nxl-dark-rgb), var(--nxl-text-opacity)) !important;
}

.text-white {
    --nxl-text-opacity: 1;
    color: rgba(var(--nxl-white-rgb), var(--nxl-text-opacity)) !important;
}

.text-light {
    --nxl-text-opacity: 1;
    color: rgba(var(--nxl-light-rgb), var(--nxl-text-opacity)) !important;
}

.bg-primary {
    --nxl-bg-opacity: 1;
    background-color: rgba(var(--nxl-primary-rgb), var(--nxl-bg-opacity)) !important;
}

.bg-success {
    --nxl-bg-opacity: 1;
    background-color: rgba(var(--nxl-success-rgb), var(--nxl-bg-opacity)) !important;
}

.bg-success-hover {
    --nxl-bg-opacity: 1;
    background-color: rgba(var(--nxl-success-hover-rgb), var(--nxl-bg-opacity)) !important;
}

.bg-success-active {
    --nxl-bg-opacity: 1;
    background-color: rgba(var(--nxl-success-active-rgb), var(--nxl-bg-opacity)) !important;
}

.bg-white {
    --nxl-bg-opacity: 1;
    background-color: rgba(var(--nxl-white-rgb), var(--nxl-bg-opacity)) !important;
}

.bg-background {
    --nxl-bg-opacity: 1;
    background-color: rgba(var(--nxl-background-rgb), var(--nxl-bg-opacity)) !important;
}

.bg-background-dark {
    --nxl-bg-opacity: 1;
    background-color: rgba(var(--nxl-background-dark-rgb), var(--nxl-bg-opacity)) !important;
}

.rounded {
    border-radius: var(--nxl-border-radius) !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-3 {
    border-radius: var(--nxl-border-radius-lg) !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.column-gap-16 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
}

.column-gap-32 {
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
}

.row-gap-8 {
    row-gap: 0.5rem !important;
}

.row-gap-16 {
    row-gap: 1rem !important;
}

@media (min-width: 576px) {
    .w-sm-auto {
        width: auto !important;
    }

    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .mx-sm-16 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mt-sm-48 {
        margin-top: 3rem !important;
    }

    .me-sm-16 {
        margin-right: 1rem !important;
    }

    .p-sm-24 {
        padding: 1.5rem !important;
    }

    .py-sm-32 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pe-sm-24 {
        padding-right: 1.5rem !important;
    }
}

@media (min-width: 768px) {
    .d-md-flex {
        display: flex !important;
    }

    .d-md-none {
        display: none !important;
    }

    .w-md-auto {
        width: auto !important;
    }

    .flex-md-row {
        flex-direction: row !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .my-md-32 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-md-64 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-32 {
        margin-top: 2rem !important;
    }

    .mt-md-48 {
        margin-top: 3rem !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-24 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-32 {
        margin-bottom: 2rem !important;
    }

    .mb-md-48 {
        margin-bottom: 3rem !important;
    }

    .p-md-32 {
        padding: 2rem !important;
    }

    .pt-md-32 {
        padding-top: 2rem !important;
    }

    .pe-md-32 {
        padding-right: 2rem !important;
    }

    .gap-md-16 {
        gap: 1rem !important;
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-none {
        display: none !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .mw-lg-75 {
        max-width: 75% !important;
    }

    .mw-lg-400px {
        max-width: 400px !important;
    }

    .vw-lg-auto {
        width: auto !important;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .my-lg-48 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-120 {
        margin-top: 7.5rem !important;
        margin-bottom: 7.5rem !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-32 {
        margin-top: 2rem !important;
    }

    .mt-lg-48 {
        margin-top: 3rem !important;
    }

    .mt-lg-96 {
        margin-top: 6rem !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-24 {
        margin-right: 1.5rem !important;
    }

    .me-lg-48 {
        margin-right: 3rem !important;
    }

    .me-lg-96 {
        margin-right: 6rem !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-24 {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-32 {
        margin-bottom: 2rem !important;
    }

    .mb-lg-48 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-64 {
        margin-bottom: 4rem !important;
    }

    .mb-lg-96 {
        margin-bottom: 6rem !important;
    }

    .ms-lg-32 {
        margin-left: 2rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-24 {
        padding: 1.5rem !important;
    }

    .p-lg-32 {
        padding: 2rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-16 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-32 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-lg-64 {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-32 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-lg-48 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .py-lg-64 {
        padding-top: 4rem !important;
        padding-bottom: 1rem !important;
    }

    .pt-lg-16 {
        padding-top: 1rem !important;
    }

    .pt-lg-32 {
        padding-top: 2rem !important;
    }

    .pt-lg-48 {
        padding-top: 3rem !important;
    }

    .gap-lg-16 {
        gap: 1rem !important;
    }

    .gap-lg-24 {
        gap: 1.5rem !important;
    }

    .fs-lg-24 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    .fs-lg-28 {
        font-size: calc(1.3rem + 0.6vw) !important;
    }

    .fs-lg-40 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    .fs-lg-96 {
        font-size: calc(1.725rem + 5.7vw) !important;
    }

    .text-lg-start {
        text-align: left !important;
    }

    .column-gap-lg-32 {
        -moz-column-gap: 2rem !important;
        column-gap: 2rem !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-auto {
        width: auto !important;
    }

    .mw-xl-500px {
        max-width: 500px !important;
    }

    .flex-xl-row {
        flex-direction: row !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .mx-xl-32 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .my-xl-80 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

    .mt-xl-0 {
        margin-top: 0 !important;
    }

    .mt-xl-64 {
        margin-top: 4rem !important;
    }

    .me-xl-16 {
        margin-right: 1rem !important;
    }

    .me-xl-32 {
        margin-right: 2rem !important;
    }

    .mb-xl-0 {
        margin-bottom: 0 !important;
    }

    .mb-xl-64 {
        margin-bottom: 4rem !important;
    }

    .mb-xl-80 {
        margin-bottom: 5rem !important;
    }

    .mb-xl-96 {
        margin-bottom: 6rem !important;
    }

    .ms-xl-32 {
        margin-left: 2rem !important;
    }

    .ms-xl-144 {
        margin-left: 9rem !important;
    }
}

@media (min-width: 1400px) {
    .d-xxl-none {
        display: none !important;
    }

    .ms-xxl-16 {
        margin-left: 1rem !important;
    }
}

@media (min-width: 1200px) {
    .fs-22 {
        font-size: 1.375rem !important;
    }

    .fs-26 {
        font-size: 1.625rem !important;
    }

    .fs-32 {
        font-size: 2rem !important;
    }

    .fs-60 {
        font-size: 3.75rem !important;
    }

    .fs-80 {
        font-size: 5rem !important;
    }

    .fs-lg-24 {
        font-size: 1.5rem !important;
    }

    .fs-lg-28 {
        font-size: 1.75rem !important;
    }

    .fs-lg-40 {
        font-size: 2.5rem !important;
    }

    .fs-lg-96 {
        font-size: 6rem !important;
    }
}

/**
 * Swiper 8.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 21, 2022
 */
@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

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

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

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

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

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

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

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

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

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

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

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

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

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

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

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

:root {
    --ss-primary-color: #5897fb;
    --ss-bg-color: #ffffff;
    --ss-font-color: #4d4d4d;
    --ss-font-placeholder-color: #8d8d8d;
    --ss-disabled-color: #dcdee2;
    --ss-border-color: #dcdee2;
    --ss-highlight-color: #fffb8c;
    --ss-success-color: #00b755;
    --ss-error-color: #dc3545;
    --ss-main-height: 30px;
    --ss-content-height: 300px;
    --ss-spacing-l: 7px;
    --ss-spacing-m: 5px;
    --ss-spacing-s: 3px;
    --ss-animation-timing: 0.2s;
    --ss-border-radius: 4px;
}

@keyframes ss-valueIn {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ss-valueOut {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}

.ss-hide {
    display: none !important;
}

.ss-main {
    display: flex;
    flex-direction: row;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--ss-font-color);
    min-height: var(--ss-main-height);
    width: 100%;
    padding: var(--ss-spacing-s);
    cursor: pointer;
    border: 1px solid var(--ss-border-color);
    border-radius: var(--ss-border-radius);
    background-color: var(--ss-bg-color);
    outline: 0;
    box-sizing: border-box;
    transition: background-color var(--ss-animation-timing);
}

.ss-main:focus {
    box-shadow: 0 0 5px var(--ss-primary-color);
}

.ss-main.ss-disabled {
    background-color: var(--ss-disabled-color);
    cursor: not-allowed;
}

.ss-main.ss-disabled .ss-values .ss-disabled {
    color: var(--ss-font-color);
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
    cursor: not-allowed;
}

.ss-main.ss-open-above {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.ss-main.ss-open-below {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ss-main .ss-values {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--ss-spacing-m);
    flex: 1 1 100%;
}

.ss-main .ss-values .ss-placeholder {
    display: flex;
    padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
    margin: auto 0px auto 0px;
    line-height: 1em;
    align-items: center;
    width: 100%;
    color: var(--ss-font-placeholder-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ss-main .ss-values .ss-max {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    color: var(--ss-bg-color);
    line-height: 1;
    padding: var(--ss-spacing-s) var(--ss-spacing-m);
    background-color: var(--ss-primary-color);
    border-radius: var(--ss-border-radius);
}

.ss-main .ss-values .ss-single {
    display: flex;
    margin: auto 0px auto var(--ss-spacing-s);
}

.ss-main .ss-values .ss-value {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    background-color: var(--ss-primary-color);
    border-radius: var(--ss-border-radius);
    animation-name: ss-valueIn;
    animation-duration: var(--ss-animation-timing);
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

.ss-main .ss-values .ss-value.ss-value-out {
    animation-name: ss-valueOut;
    animation-duration: var(--ss-animation-timing);
    animation-timing-function: ease-out;
}

.ss-main .ss-values .ss-value .ss-value-text {
    font-size: 12px;
    color: var(--ss-bg-color);
    line-height: 1;
    padding: var(--ss-spacing-s) var(--ss-spacing-m);
}

.ss-main .ss-values .ss-value .ss-value-delete {
    display: flex;
    align-items: center;
    height: var(--ss-spacing-l);
    width: var(--ss-spacing-l);
    padding: var(--ss-spacing-s) var(--ss-spacing-m);
    cursor: pointer;
    border-left: solid 1px var(--ss-bg-color);
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
    height: var(--ss-spacing-l);
    width: var(--ss-spacing-l);
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
    fill: none;
    stroke: var(--ss-bg-color);
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ss-main .ss-deselect {
    display: flex;
    align-self: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    margin: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}

.ss-main .ss-deselect svg {
    width: 8px;
    height: 8px;
}

.ss-main .ss-deselect svg path {
    fill: none;
    stroke: var(--ss-font-color);
    stroke-width: 20;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ss-main .ss-arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-main .ss-arrow path {
    fill: none;
    stroke: var(--ss-font-color);
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition-timing-function: ease-out;
    transition: var(--ss-animation-timing);
}

.ss-content {
    position: absolute;
    display: flex;
    height: auto;
    flex-direction: column;
    width: auto;
    max-height: var(--ss-content-height);
    box-sizing: border-box;
    border: solid 1px var(--ss-border-color);
    background-color: var(--ss-bg-color);
    transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
    overflow: hidden;
    z-index: 10000;
}

.ss-content.ss-relative {
    position: relative;
    height: 100%;
}

.ss-content.ss-open-above {
    flex-direction: column-reverse;
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center bottom;
    border-top-left-radius: var(--ss-border-radius);
    border-top-right-radius: var(--ss-border-radius);
}

.ss-content.ss-open-below {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center top;
    border-bottom-left-radius: var(--ss-border-radius);
    border-bottom-right-radius: var(--ss-border-radius);
}

.ss-content .ss-search {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-search input {
    display: inline-flex;
    font-size: inherit;
    line-height: inherit;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0px;
    padding: var(--ss-spacing-m) var(--ss-spacing-l);
    margin: 0;
    border: 1px solid var(--ss-border-color);
    border-radius: var(--ss-border-radius);
    background-color: var(--ss-bg-color);
    outline: 0;
    text-align: left;
    box-sizing: border-box;
}

.ss-content .ss-search input::-moz-placeholder {
    color: var(--ss-font-placeholder-color);
    vertical-align: middle;
}

.ss-content .ss-search input::placeholder {
    color: var(--ss-font-placeholder-color);
    vertical-align: middle;
}

.ss-content .ss-search input:focus {
    box-shadow: 0 0 5px var(--ss-primary-color);
}

.ss-content .ss-search .ss-addable {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex: 0 0 auto;
    height: auto;
    margin: 0 0 0 var(--ss-spacing-m);
    border: 1px solid var(--ss-border-color);
    border-radius: var(--ss-border-radius);
}

.ss-content .ss-search .ss-addable svg {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-content .ss-search .ss-addable svg path {
    fill: none;
    stroke: var(--ss-font-color);
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ss-content .ss-list {
    flex: 1 1 auto;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.ss-content .ss-list .ss-error {
    color: var(--ss-error-color);
    padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-searching {
    color: var(--ss-font-color);
    padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
    display: none !important;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
    flex: 1 1 auto;
    font-weight: bold;
    color: var(--ss-font-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
    cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--ss-spacing-m);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
    opacity: 0.5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
    stroke: var(--ss-error-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60%;
    text-align: center;
    padding: 0 var(--ss-spacing-s) 0 0;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
    flex: 0 1 auto;
    width: 13px;
    height: 13px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
    fill: none;
    stroke: var(--ss-success-color);
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
    stroke-width: 5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
    stroke-width: 11;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
    flex: 1 1 auto;
    width: 10px;
    height: 10px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
    fill: none;
    stroke: var(--ss-font-color);
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition-timing-function: ease-out;
    transition: var(--ss-animation-timing);
}

.ss-content .ss-list .ss-optgroup .ss-option {
    padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
}

.ss-content .ss-list .ss-option {
    display: flex;
    padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
    color: var(--ss-font-color);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.ss-content .ss-list .ss-option:hover {
    color: var(--ss-bg-color);
    background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    color: var(--ss-bg-color);
    background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-disabled {
    cursor: not-allowed;
    background-color: var(--ss-disabled-color);
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
    color: var(--ss-font-color);
}

.ss-content .ss-list .ss-option .ss-search-highlight {
    background-color: var(--ss-highlight-color);
}

/*
 * Header
 */
.header {
    z-index: 5000000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /*height: var(--nxl-header-height);*/
    background-color: var(--nxl-header-background);
    transition: transform 200ms linear;
    box-shadow: 3.346px 3.716px 5px 0px rgba(0, 0, 0, 0.27);
    justify-content: center;
}

.header .btn-group .btn {
    --nxl-btn-spacer-x: calc(var(--nxl-spacer) * 2);
}

.header-wrapper {
    max-width: 1390px;
    margin: 0 auto;
    width: 100%;
}

.header-content {
    justify-content: space-between;
    height: 111px;
    width: 100%;
}

.header-content img {
    padding-bottom: 6px;
}

.line-contacts {
    height: 40px;
    background-color: #2e519a;
    width: 100%;
    padding-top: 4px;
}

.wrapper-contacts {
    max-width: 1390px;
    margin: 0 auto;
    justify-content: flex-end;
}

.header-contacts {
    gap: 110px;
}

.header-contacts .phone {
    gap: 5px;
}

.header-contacts .contacts a {
    border-right: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    padding: 0 8px;
    font-weight: bold;
}

.header-contacts .phone a {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.header-contacts .contacts a:last-child {
    border: none;
}

.btn.btn-header {
    background-color: #dd8a20;
    color: white;
}

.btn.btn-header:hover {
    background-color: #d97c04;
}

@media (min-width: 1200px) {
    .header .btn-group .btn {
        --nxl-btn-spacer-x: calc(var(--nxl-spacer) * 4);
    }
}

@media screen and (max-width: 770px) {
    .header-contacts {
        gap: 20px;
        width: 100%;
        justify-content: space-between;
    }

    .header-content {
        height: 60px;
    }

    :root {
        --nxl-header-height: 100px !important;
    }
}

@media screen and (max-width: 560px) {
    .header-contacts .phone a, .header-contacts .contacts a {
        font-size: 14px;
    }

    .line-contacts {
        padding-top: 7px;
    }

    .header-contacts {
        gap: 10px;
    }

    .header-contacts.px-16 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

@media screen and (max-width: 450px) {
    .contacts {
        display: none;
    }

    .header-contacts .phone a {
        font-size: 20px;
    }

    .line-contacts {
        padding-top: 4px;
    }

    .header-contacts {
        justify-content: center;
    }
}

.header menu {
    display: none;
    position: fixed;
    top: var(--nxl-header-height);
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--nxl-white);
}

.header menu > ul {
    position: relative;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding: 0 calc(var(--nxl-spacer) * 2);
    flex-direction: column;
    justify-content: center;
    max-width: 740px !important;
}

@media (min-width: 1400px) {
    .header menu > ul {
        flex-direction: row;
        flex-grow: 1;
        justify-content: space-around;
    }

    .header menu > ul > li {
        margin-left: 8px;
        margin-right: 8px;
        font-weight: 500;
    }
}

@media (min-width: 1400px) {
    .header menu > ul > li {
        margin-left: 14px;
        margin-right: 14px;
    }
}

.header menu > ul > li > a {
    display: block;
    padding: var(--nxl-spacer) 0;
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
}

@media (min-width: 1400px) {
    .header menu > ul > li > a {
        border-bottom: none;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
    }
}

.header menu > ul > li:not(:last-child) > a {
    border-bottom: 1px solid rgba(213, 213, 214, 0.5);
}

@media (min-width: 1400px) {
    .header menu > ul > li:not(:last-child) > a {
        border-bottom: none;
    }
}

.header menu > ul a {
    color: var(--nxl-dark);
    transition: color var(--nxl-transition) ease-in-out;
}

@media (min-width: 1400px) {
    .header menu > ul a:hover {
        color: var(--nxl-primary-hover);
    }
}

.header menu > ul .mega-menu > a {
    position: relative;
    padding-right: 20px;
}

@media (min-width: 1400px) {
    .header menu > ul .mega-menu > a {
        padding-right: 24px;
    }
}

.header menu > ul .mega-menu > a:after {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 0;
    width: 14px;
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6004 1.6001L7.00039 6.4001L1.40039 1.6001' stroke='%2323243F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    transition: all var(--nxl-menu-transition) ease-in-out;
    transform-origin: center;
}

@media (min-width: 1400px) {
    .header menu > ul .mega-menu > a:before {
        content: "";
        z-index: 1000;
        position: absolute;
        top: 181%;
        left: 0;
        right: 0;
        height: 0;
        border-radius: 0 0 4px 4px;
        background-color: var(--nxl-primary-hover);
        transition: height var(--nxl-menu-transition) ease-in-out;
    }
}

@media (max-width: 1399.98px) {
    .header menu > ul .mega-menu.active > a {
        color: var(--nxl-primary-hover);
    }

    .header menu > ul .mega-menu.active > a:after {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6004 1.6001L7.00039 6.4001L1.40039 1.6001' stroke='%233864D1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        transform: rotate(180deg);
        color: var(--nxl-primary-hover);
    }
}

@media (max-width: 1399.98px) and (min-width: 1400px) {
    .header menu > ul .mega-menu.active > a:before {
        height: 4px;
    }
}

@media (max-width: 1399.98px) and (min-width: 1400px) {
    .header menu > ul .mega-menu.active .mega-menu__dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

@media (min-width: 1400px) {
    .header menu > ul .mega-menu:hover > a {
        color: var(--nxl-primary-hover);
    }

    .header menu > ul .mega-menu:hover > a:after {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6004 1.6001L7.00039 6.4001L1.40039 1.6001' stroke='%233864D1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        transform: rotate(180deg);
        color: var(--nxl-primary-hover);
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {
    .header menu > ul .mega-menu:hover > a:before {
        height: 4px;
    }
}

@media (min-width: 1400px) and (min-width: 1400px) {
    .header menu > ul .mega-menu:hover .mega-menu__dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.header menu > ul .mega-menu__dropdown {
    display: none;
}

@media (min-width: 1400px) {
    .header menu > ul .mega-menu__dropdown {
        display: block;
        position: absolute;
        top: 183%;
        left: 0;
        width: 750px;
        background: #FFFFFF;
        box-shadow: 0px 16px 64px rgba(31, 47, 70, 0.15);
        border-radius: 20px;
        padding: calc(var(--nxl-spacer) * 4);
        transition: all var(--nxl-transition) ease-in-out;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
    }
}

@media (min-width: 1400px) {
    .header menu > ul .mega-menu__dropdown {
        width: 970px;
    }
}

.header menu > ul .mega-menu__dropdown p {
    margin: calc(var(--nxl-spacer) * 2) 0;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(213, 213, 214, 0.5);
    color: rgba(35, 36, 63, 0.6);
}

@media (min-width: 1400px) {
    .header menu > ul .mega-menu__dropdown p {
        margin-top: 0;
    }
}

.header menu > ul .mega-menu__links {
    --columns: 1;
    -moz-column-gap: calc(var(--nxl-spacer) * 4);
    column-gap: calc(var(--nxl-spacer) * 4);
    -moz-columns: var(--columns);
    columns: var(--columns);
    margin-bottom: calc(var(--nxl-spacer) * 2);
}

@media (min-width: 992px) {
    .header menu > ul .mega-menu__links {
        --columns: var(--columns-lg, 3);
        margin-bottom: 0;
    }
}

.header menu > ul .mega-menu__links a {
    display: block;
    padding: var(--nxl-spacer) 0;
}

.header menu > ul .mega-menu.active .mega-menu__dropdown {
    display: block;
}

@media (min-width: 1400px) {
    .header menu {
        position: initial;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }
}

@media (max-width: 1399.98px) {
    .menu-opened .header {
        transform: none;
    }

    .menu-opened .header menu {
        display: flex;
        flex-direction: column;
    }

    .menu-opened .header menu > ul {
        flex-grow: 1;
        margin-bottom: 0;
        overflow: auto;
        scrollbar-width: none;
        justify-content: flex-start;
    }

    .menu-opened .header menu > ul::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
}

.footer {
    min-height: var(--nxl-footer-height);
    background: #e5e5e5;
}

.footer-wrapper {
    padding: 80px 60px;
    grid-template-columns: 2fr repeat(3, 1fr);
    gap: 20px;
    display: grid;
}

.footer-menu {
    gap: 8px;
}

.footer-menu a {
    text-decoration: underline;
    font-size: 18px;
}

.footer-menu p {
    font-size: 24px;
    font-weight: bold;
}

.footer-logo p {
    padding-top: 10px;
    font-weight: bold;
    padding-left: 10px;
}

.footer__text {
    max-width: 790px;
}

.footer__links a {
    display: inline-block;
    color: var(--nxl-white);
    transition: color var(--nxl-link-transition) ease-in-out;
}

.footer__links a:hover {
    color: var(--nxl-primary-hover);
}

@media (max-width: 1100px) {
    .footer-wrapper {
        padding: 60px 20px;
    }

    .footer-logo img {
        max-width: 80%;
    }
}

@media (max-width: 991px) {
    .footer-wrapper {
        grid-template-columns:  repeat(2, 1fr);
        gap: 40px 30px;
    }

    .footer-logo p {
        padding-left: 0;
    }

}

@media (max-width: 550px) {
    .footer-menu p {
        font-size: 20px;
    }

    .footer-menu a {
        font-size: 16px;
    }
}

:root {
    --nxl-gutter-x: 2rem;
    --nxl-header-height: 151px;
    --nxl-header-background: var(--nxl-white);
    --nxl-footer-height: 23rem;
    --nxl-transition: 200ms;
    --nxl-menu-transition: 150ms;
    --nxl-link-dark: var(--nxl-dark);
    --nxl-link-transition: var(--nxl-transition);
    --nxl-spacer: 0.5rem;
    --nxl-btn-font-size: 1rem;
    --nxl-btn-font-weight: 500;
    --nxl-btn-sm-spacer-y: 0.4375rem;
    --nxl-btn-lg-spacer-y: 1.5rem;
    --nxl-btn-spacer-y: 0.875rem;
    --nxl-btn-spacer-x: 2rem;
    --nxl-btn-radius: var(--nxl-spacer);
    --nxl-btn-transition: var(--nxl-transition);
    --nxl-btn-icon-offset-y: -1px;
    --nxl-card-background: #F1F3F6;
    --nxl-card-radius: 0.5rem;
    --nxl-card-shadow: none;
    --nxl-card-transition: var(--nxl-transition);
    --nxl-card-default-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
    --nxl-card-hover-shadow: 35px 35px 100px rgba(102, 100, 129, 0.25);
    --nxl-card-offset-x: 1rem;
    --nxl-card-offset-y: 1rem;
    --nxl-card-offset-bottom: 1rem;
    --nxl-card-image-width: calc(var(--nxl-spacer) * 10);
    --nxl-card-image-height: calc(var(--nxl-spacer) * 10);
    --nxl-card-image-background: var(--nxl-primary);
    --nxl-card-image-offset-bottom: 0.75rem;
    --nxl-card-title-offset-bottom: 0.75rem;
    --form-control-height: calc(var(--nxl-spacer) * 8);
    --form-control-offset-x: calc(var(--nxl-spacer) * 3);
    --form-control-radius: var(--nxl-border-radius-sm);
    --form-control-background: var(--nxl-background);
    --form-control-border: var(--nxl-background);
    --ss-font-placeholder-color: var(--nxl-light);
    --ss-main-height: var(--form-control-height);
    --ss-border-color: var(--form-control-border);
    --ss-border-radius: var(--form-control-radius);
    --ss-bg-color: var(--form-control-background);
    --ss-spacing-s: 0px;
    --ss-spacing-l: var(--form-control-offset-x);
    --ss-spacing-m: 14px;
    --ss-font-color: var(--nxl-dark);
}

@media (min-width: 992px) {
    :root {
        --nxl-card-offset-bottom: 2rem;
        --nxl-card-offset-x: 2rem;
        --nxl-card-offset-y: 2rem;
    }
}

body {
    margin: 0;
}

main {
    min-height: calc(100vh - var(--footer-height, var(--nxl-footer-height)));
    padding-top: var(--nxl-header-height);
    padding-bottom: 1px;
}

/*
 * Typo
 */
h1, .h1 {
    margin-bottom: 2.5rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.625rem;
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 3.875rem;
        line-height: 4.875rem;
    }
}

h2, .h2 {
    font-weight: 600;
    font-size: 1.625rem;
    line-height: 2.25rem;
}

@media (min-width: 768px) {
    h2, .h2 {
        font-size: 3.375rem;
        line-height: 4rem;
    }
}

h3, .h3 {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 2rem;
}

@media (min-width: 768px) {
    h3, .h3 {
        font-size: 3rem;
        line-height: 3.625rem;
    }
}

h4, .h4 {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 2rem;
}

@media (min-width: 768px) {
    h4, .h4 {
        font-size: 2.5rem;
        line-height: 3.25rem;
    }
}


p {
    line-height: 1.4;
}

@media (min-width: 768px) {

    p {
        font-size: 1.125rem;
    }
}

.p-3 {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .p-3 {
        font-weight: 400;
        line-height: 1.625;
    }
}

.btn {
    display: inline-block;
    border-radius: var(--nxl-btn-radius);
    border: 1px solid var(--nxl-btn-border-color, transparent);
    background-color: var(--nxl-btn-bg-color, transparent);
    font-size: var(--nxl-btn-font-size);
    font-weight: var(--nxl-btn-font-weight);
    color: var(--nxl-btn-color, var(--nxl-dark));
    text-align: center;
    transition: border-color var(--nxl-btn-transition) ease-in-out, background-color var(--nxl-btn-transition) ease-in-out, color var(--nxl-btn-transition) ease-in-out;
}

.btn:not(.btn-burger, .btn-close) {
    padding: var(--nxl-btn-spacer-y) var(--nxl-btn-spacer-x);
}

.btn.disabled, .btn[disabled] {
    cursor: not-allowed;
}

.btn.btn-sm {
    padding-top: var(--nxl-btn-sm-spacer-y);
    padding-bottom: var(--nxl-btn-sm-spacer-y);
}

.btn:not(.btn-square) svg {
    margin-left: var(--nxl-spacer);
    transform: translate(var(--nxl-btn-icon-offset-x, 0px), var(--nxl-btn-icon-offset-y));
    transition: transform var(--nxl-btn-transition) ease-in-out;
}

.btn:not(.disabled, [disabled], .btn-square).active svg, .btn:not(.disabled, [disabled], .btn-square):hover svg, .btn:not(.disabled, [disabled], .btn-square):active svg {
    --nxl-btn-icon-offset-x: calc(var(--nxl-spacer) * .5);
}

.btn.btn-primary {
    --nxl-btn-border-color: var(--nxl-primary);
    --nxl-btn-bg-color: var(--nxl-primary);
    --nxl-btn-color: var(--nxl-white);
}

.btn.btn-primary:hover {
    --nxl-btn-border-color: var(--nxl-primary-hover);
    --nxl-btn-bg-color: var(--nxl-primary-hover);
    --nxl-btn-color: var(--nxl-white);
    --nxl-link-hover-color: var(--nxl-btn-color);
}

.btn.btn-primary.active, .btn.btn-primary:active {
    --nxl-btn-border-color: var(--nxl-primary-active);
    --nxl-btn-bg-color: var(--nxl-primary-active);
    --nxl-btn-color: var(--nxl-white);
    --nxl-link-active-color: var(--nxl-btn-color);
}

.btn.btn-primary.disabled, .btn.btn-primary[disabled] {
    --nxl-btn-border-color: var(--nxl-disabled);
    --nxl-btn-bg-color: var(--nxl-disabled);
    --nxl-btn-color: var(--nxl-white);
}

.btn.btn-outline-primary {
    --nxl-btn-border-color: var(--nxl-primary);
    --nxl-btn-bg-color: transparent;
    --nxl-btn-color: var(--nxl-dark);
}

.btn.btn-outline-primary:hover {
    --nxl-btn-border-color: var(--nxl-primary);
    --nxl-btn-bg-color: var(--nxl-primary);
    --nxl-btn-color: var(--nxl-white);
}

.btn.btn-outline-primary.active, .btn.btn-outline-primary:active {
    --nxl-btn-border-color: var(--nxl-primary-active);
    --nxl-btn-bg-color: var(--nxl-primary-active);
    --nxl-btn-color: var(--nxl-white);
}

.btn.btn-outline-primary.disabled, .btn.btn-outline-primary[disabled] {
    --nxl-btn-border-color: var(--nxl-disabled);
    --nxl-btn-bg-color: transparent;
    --nxl-btn-color: var(--nxl-disabled);
}

.btn.btn-success {
    --nxl-btn-border-color: var(--nxl-success);
    --nxl-btn-bg-color: var(--nxl-success);
    --nxl-btn-color: var(--nxl-white);
}

.btn.btn-success.hover, .btn.btn-success:hover {
    --nxl-btn-border-color: var(--nxl-success-hover);
    --nxl-btn-bg-color: var(--nxl-success-hover);
}

.btn.btn-success.active, .btn.btn-success:active {
    --nxl-btn-border-color: var(--nxl-success-active);
    --nxl-btn-bg-color: var(--nxl-success-active);
}

.btn.btn-success.disabled, .btn.btn-success[disabled] {
    --nxl-btn-border-color: var(--nxl-disabled);
    --nxl-btn-bg-color: var(--nxl-disabled);
}

.btn.btn-white {
    --nxl-btn-border-color: var(--nxl-white);
    --nxl-btn-bg-color: var(--nxl-white);
    --nxl-btn-color: var(--nxl-dark);
}

.btn.btn-white:hover {
    --nxl-btn-color: var(--nxl-primary);
}

.btn.btn-white.active, .btn.btn-white:active {
    --nxl-btn-color: var(--nxl-primary-active);
}

.btn.btn-white.disabled, .btn.btn-white[disabled] {
    --nxl-btn-color: var(--nxl-disabled);
}

.btn.btn-white-primary {
    --nxl-btn-border-color: var(--nxl-white);
    --nxl-btn-bg-color: var(--nxl-white);
    --nxl-btn-color: var(--nxl-dark);
}

.btn.btn-white-primary:hover {
    --nxl-btn-border-color: var(--nxl-primary-hover);
    --nxl-btn-bg-color: var(--nxl-primary-hover);
    --nxl-btn-color: var(--nxl-white);
    --nxl-link-hover-color: var(--nxl-btn-color);
}

.btn.btn-white-primary.active, .btn.btn-white-primary:active {
    --nxl-btn-border-color: var(--nxl-primary-active);
    --nxl-btn-bg-color: var(--nxl-primary-active);
    --nxl-btn-color: var(--nxl-white);
    --nxl-link-active-color: var(--nxl-btn-color);
}

.btn.btn-white-primary.disabled, .btn.btn-white-primary[disabled] {
    --nxl-btn-border-color: var(--nxl-disabled);
    --nxl-btn-bg-color: var(--nxl-disabled);
    --nxl-btn-color: var(--nxl-white);
}

.btn.btn-link-primary {
    --nxl-btn-border-color: transparent;
    --nxl-btn-bg-color: transparent;
    --nxl-btn-color: var(--nxl-primary);
}

.btn.btn-link-primary:hover {
    --nxl-btn-color: var(--nxl-primary-hover);
}

.btn.btn-link-primary.active, .btn.btn-link-primary:active {
    --nxl-btn-color: var(--nxl-primary-active);
}

.btn.btn-link-primary.disabled, .btn.btn-link-primary[disabled] {
    --nxl-btn-color: var(--nxl-white);
}

.btn.btn-burger {
    position: relative;
    width: 2rem;
    height: 2rem;
}

.btn.btn-burger span {
    top: 50%;
    transition: background-color 200ms ease-in-out;
}

.btn.btn-burger span, .btn.btn-burger span:before, .btn.btn-burger span:after {
    position: absolute;
    left: calc(50% - 11px);
    width: 22px;
    height: 1px;
    background-color: var(--nxl-dark);
}

.btn.btn-burger span:before, .btn.btn-burger span:after {
    content: "";
    transition: all 200ms ease-in-out;
}

.btn.btn-burger span:before {
    top: -7px;
}

.btn.btn-burger span:after {
    top: 7px;
}

.menu-opened .btn.btn-burger span {
    background-color: transparent;
}

.menu-opened .btn.btn-burger span:before {
    top: 0;
    transform: rotate(45deg);
}

.menu-opened .btn.btn-burger span:after {
    top: 0;
    transform: rotate(-45deg);
}

.btn.btn-close {
    position: relative;
    width: 2rem;
    height: 2rem;
}

.btn.btn-close:before, .btn.btn-close:after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 9px);
    width: 18px;
    height: 2px;
    background-color: var(--nxl-dark);
    transition: background-color var(--nxl-link-transition) ease-in-out;
}

.btn.btn-close:before {
    transform: rotate(45deg);
}

.btn.btn-close:after {
    transform: rotate(-45deg);
}

.btn.btn-close:hover:before, .btn.btn-close:hover:after {
    background-color: var(--nxl-primary-hover);
}

.btn.btn-close:active:before, .btn.btn-close:active:after {
    background-color: var(--nxl-primary-active);
}

.btn.btn-square {
    width: 40px;
    height: 40px;
}

.btn.btn-play {
    --nxl-btn-radius: 50%;
    --nxl-btn-spacer-y: 0px;
    --nxl-btn-spacer-x: 0px;
    width: 6.25rem;
    height: 6.25rem;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='44' viewBox='0 0 38 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37 20.2681C38.3333 21.0379 38.3333 22.9624 37 23.7322L3 43.3621C1.66667 44.1319 1.72371e-06 43.1697 1.79101e-06 41.6301L3.50711e-06 2.37025C3.57441e-06 0.830651 1.66667 -0.131598 3 0.638202L37 20.2681Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: 35px center;
    background-repeat: no-repeat;
}

.btn.btn-prev, .btn.btn-next {
    --nxl-btn-radius: 50%;
    --nxl-btn-spacer-y: 0px;
    --nxl-btn-spacer-x: 0px;
    width: 2.5rem;
    height: 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
}

.btn.btn-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.93828 11.7L12.9258 16.5999C13.2758 16.9499 13.8008 16.9499 14.1508 16.5999C14.5008 16.2499 14.5008 15.725 14.1508 15.375L9.86328 11L14.1508 6.62495C14.5008 6.27495 14.5008 5.74995 14.1508 5.39995C13.9758 5.22495 13.8008 5.13745 13.5383 5.13745C13.2758 5.13745 13.1008 5.22495 12.9258 5.39995L7.93828 10.3C7.58828 10.7375 7.58828 11.2625 7.93828 11.7C7.93828 11.6125 7.93828 11.6125 7.93828 11.7V11.7Z' fill='white'/%3E%3C/svg%3E%0A");
}

.btn.btn-next {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0979 10.3787L9.14538 5.43497C9.06404 5.35296 8.96726 5.28786 8.86064 5.24344C8.75401 5.19902 8.63964 5.17615 8.52413 5.17615C8.40862 5.17615 8.29425 5.19902 8.18763 5.24344C8.081 5.28786 7.98422 5.35296 7.90288 5.43497C7.73991 5.59891 7.64844 5.82068 7.64844 6.05185C7.64844 6.28301 7.73991 6.50478 7.90288 6.66872L12.2341 11.0437L7.90288 15.375C7.73991 15.5389 7.64844 15.7607 7.64844 15.9918C7.64844 16.223 7.73991 16.4448 7.90288 16.6087C7.98392 16.6914 8.08056 16.7572 8.1872 16.8022C8.29384 16.8473 8.40836 16.8707 8.52413 16.8712C8.6399 16.8707 8.75442 16.8473 8.86106 16.8022C8.9677 16.7572 9.06434 16.6914 9.14538 16.6087L14.0979 11.665C14.1867 11.583 14.2576 11.4836 14.3061 11.3729C14.3545 11.2622 14.3796 11.1427 14.3796 11.0218C14.3796 10.901 14.3545 10.7815 14.3061 10.6708C14.2576 10.5601 14.1867 10.4607 14.0979 10.3787V10.3787Z' fill='white'/%3E%3C/svg%3E");
}

.btn.btn-white-primary.btn-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.93828 11.7L12.9258 16.5999C13.2758 16.9499 13.8008 16.9499 14.1508 16.5999C14.5008 16.2499 14.5008 15.725 14.1508 15.375L9.86328 11L14.1508 6.62495C14.5008 6.27495 14.5008 5.74995 14.1508 5.39995C13.9758 5.22495 13.8008 5.13745 13.5383 5.13745C13.2758 5.13745 13.1008 5.22495 12.9258 5.39995L7.93828 10.3C7.58828 10.7375 7.58828 11.2625 7.93828 11.7C7.93828 11.6125 7.93828 11.6125 7.93828 11.7V11.7Z' fill='%233864D1'/%3E%3C/svg%3E%0A");
}

.btn.btn-white-primary.btn-next {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0979 10.3788L9.14538 5.43509C9.06404 5.35308 8.96726 5.28799 8.86064 5.24356C8.75401 5.19914 8.63964 5.17627 8.52413 5.17627C8.40862 5.17627 8.29425 5.19914 8.18763 5.24356C8.081 5.28799 7.98422 5.35308 7.90288 5.43509C7.73991 5.59904 7.64844 5.82081 7.64844 6.05197C7.64844 6.28313 7.73991 6.5049 7.90288 6.66884L12.2341 11.0438L7.90288 15.3751C7.73991 15.539 7.64844 15.7608 7.64844 15.992C7.64844 16.2231 7.73991 16.4449 7.90288 16.6088C7.98392 16.6915 8.08056 16.7573 8.1872 16.8024C8.29384 16.8474 8.40836 16.8709 8.52413 16.8713C8.6399 16.8709 8.75442 16.8474 8.86106 16.8024C8.9677 16.7573 9.06434 16.6915 9.14538 16.6088L14.0979 11.6651C14.1867 11.5832 14.2576 11.4837 14.3061 11.373C14.3545 11.2623 14.3796 11.1428 14.3796 11.022C14.3796 10.9011 14.3545 10.7816 14.3061 10.6709C14.2576 10.5602 14.1867 10.4608 14.0979 10.3788V10.3788Z' fill='%233864D1'/%3E%3C/svg%3E%0A");
}

.btn.btn-white-primary:not([disabled]):hover.btn-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.93828 11.7L12.9258 16.5999C13.2758 16.9499 13.8008 16.9499 14.1508 16.5999C14.5008 16.2499 14.5008 15.725 14.1508 15.375L9.86328 11L14.1508 6.62495C14.5008 6.27495 14.5008 5.74995 14.1508 5.39995C13.9758 5.22495 13.8008 5.13745 13.5383 5.13745C13.2758 5.13745 13.1008 5.22495 12.9258 5.39995L7.93828 10.3C7.58828 10.7375 7.58828 11.2625 7.93828 11.7C7.93828 11.6125 7.93828 11.6125 7.93828 11.7V11.7Z' fill='white'/%3E%3C/svg%3E%0A");
}

.btn.btn-white-primary:not([disabled]):hover.btn-next {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0979 10.3787L9.14538 5.43497C9.06404 5.35296 8.96726 5.28786 8.86064 5.24344C8.75401 5.19902 8.63964 5.17615 8.52413 5.17615C8.40862 5.17615 8.29425 5.19902 8.18763 5.24344C8.081 5.28786 7.98422 5.35296 7.90288 5.43497C7.73991 5.59891 7.64844 5.82068 7.64844 6.05185C7.64844 6.28301 7.73991 6.50478 7.90288 6.66872L12.2341 11.0437L7.90288 15.375C7.73991 15.5389 7.64844 15.7607 7.64844 15.9918C7.64844 16.223 7.73991 16.4448 7.90288 16.6087C7.98392 16.6914 8.08056 16.7572 8.1872 16.8022C8.29384 16.8473 8.40836 16.8707 8.52413 16.8712C8.6399 16.8707 8.75442 16.8473 8.86106 16.8022C8.9677 16.7572 9.06434 16.6914 9.14538 16.6087L14.0979 11.665C14.1867 11.583 14.2576 11.4836 14.3061 11.3729C14.3545 11.2622 14.3796 11.1427 14.3796 11.0218C14.3796 10.901 14.3545 10.7815 14.3061 10.6708C14.2576 10.5601 14.1867 10.4607 14.0979 10.3787V10.3787Z' fill='white'/%3E%3C/svg%3E");
}

.btn-group {
    --btn-group-offset: var(--nxl-spacer);
    display: flex;
}

@media (min-width: 992px) {
    .btn-group {
        --btn-group-offset: calc(var(--nxl-spacer) * 2);
    }
}

.btn-group.btn-group--row-md {
    flex-direction: column;
}

.btn-group.btn-group--row-md > .btn:not(:last-child) {
    margin-right: 0;
    margin-bottom: var(--btn-group-offset);
}

@media (min-width: 768px) {
    .btn-group.btn-group--row-md {
        flex-direction: row;
    }

    .btn-group.btn-group--row-md > .btn:not(:last-child) {
        margin-bottom: 0;
        margin-right: var(--btn-group-offset);
    }
}

.btn-group > .btn {
    flex-grow: 1;
}

.btn-group > .btn:not(:last-child) {
    margin-right: var(--btn-group-offset);
}

.link {
    color: var(--nxl-link-color);
    transition: color var(--nxl-transition) ease-in-out;
}

.link:hover {
    color: var(--nxl-link-hover-color);
}

.link-arrow:after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 14px;
    margin-left: var(--nxl-spacer);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H17M17 7L11 1M17 7L11 13' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H17M17 7L11 1M17 7L11 13' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-color: currentColor;
    transition: transform var(--nxl-transition) ease-in-out;
    vertical-align: inherit;
}

a:hover .link-arrow:after, .link-arrow:hover:after {
    transform: translateX(5px);
}

.link-dark {
    color: var(--nxl-link-dark);
    transition: color var(--nxl-link-transition) ease-in-out;
}

.link-dark:hover {
    --nxl-link-dark: var(--nxl-primary-hover);
}

.link-dark.active, .link-dark:active {
    --nxl-link-dark: var(--nxl-primary-active);
}

.error-404 svg {
    width: 100%;
    max-width: 500px;
}

@media (min-width: 992px) {
    .error-404 {
        min-height: 600px;
        background: no-repeat left top url(/wp-content/themes/comexcel/images/error-404-ts.svg), no-repeat right bottom -150px url(/wp-content/themes/comexcel/images/error-404-be.svg);
    }
}

.cookie {
    --offset: calc(var(--nxl-spacer) * 2);
    position: fixed;
    left: var(--offset);
    bottom: var(--offset);
    width: calc(100% - var(--offset) * 2);
    max-width: 850px;
    background: #FFFFFF;
    box-shadow: 0px 16px 64px rgba(31, 47, 70, 0.15);
    border-radius: 20px;
}

@media (min-width: 992px) {
    .cookie {
        --offset: calc(var(--nxl-spacer) * 4);
    }
}

.cookie__actions {
    flex-direction: column;
}

@media (min-width: 400px) and (max-width: 575px) {
    .cookie__actions {
        flex-direction: row;
    }
}

@media (min-width: 576px) {
    .cookie__actions {
        flex-direction: row;
    }
}

.cookie .btn-close {
    position: absolute;
    top: calc(var(--nxl-spacer) * 2.5);
    right: calc(var(--nxl-spacer) * 2);
}

@media (min-width: 992px) {
    .cookie .btn-close {
        top: calc(var(--nxl-spacer) * 3);
        right: calc(var(--nxl-spacer) * 3);
    }
}

/*
 * Cards
 */
.cards-slider .card {
    min-width: 320px;
    max-width: 320px;
}

@media (min-width: 1200px) {
    .cards-slider .card {
        min-width: calc(var(--nxl-slider-container-width) / 3 - 21px);
        max-width: calc(var(--nxl-slider-container-width) / 3 - 21px);
    }
}

.cards-slider .card.card-testimonial {
    min-width: 320px;
    max-width: 320px;
}

@media (min-width: 1200px) {
    .cards-slider .card.card-testimonial {
        min-width: calc(var(--nxl-slider-container-width) / 2 - 21px);
        max-width: calc(var(--nxl-slider-container-width) / 2 - 21px);
    }
}

.cards-row .card {
    --nxl-card-offset-bottom: 0px;
    --nxl-card-offset-x: 0px;
}

@media (min-width: 992px) {
    .cards-row--border-vertical {
        --nxl-gutter-x: 4rem;
    }
}

.cards-row--border-vertical > div:not(:last-child) {
    border-bottom: 1px solid var(--nxl-border-color);
}

@media (min-width: 992px) {
    .cards-row--border-vertical > div:not(:last-child) {
        border-right: 1px solid var(--nxl-border-color);
        border-bottom: none;
    }
}

@media (min-width: 992px) {
    .cards-row--border-vertical > div:not(:last-child) {
        border-bottom: 1px solid var(--nxl-border-color);
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .cards-row--border-vertical > div:not(:last-child) {
        border-right: 1px solid var(--nxl-border-color);
        border-bottom: none;
    }
}

.cards-row--border-top .card {
    --nxl-card-radius: 0px;
    border-top: 1px solid var(--nxl-border-color);
}

.card {
    margin-bottom: var(--nxl-card-offset-bottom);
    padding: var(--nxl-card-offset-y) var(--nxl-card-offset-x);
    background-color: var(--nxl-card-background);
    border-radius: var(--nxl-card-radius);
    box-shadow: var(--nxl-card-shadow);
    color: var(--nxl-card-color, var(--nxl-body-color));
    transition: all var(--nxl-card-transition) ease-in-out;
}

.card hr {
    border-top-color: var(--nxl-primary);
    opacity: 1;
}

.card:not(.card-disable-hover):hover {
    --nxl-card-shadow: var(--nxl-card-hover-shadow);
}

.card.card-article .picture {
    overflow: hidden;
    border-radius: var(--nxl-card-radius) var(--nxl-card-radius) 0 0;
}

.card.card-article .picture img {
    border-radius: var(--nxl-card-radius) var(--nxl-card-radius) 0 0;
    transition: transform 3000ms ease-in-out;
}

.card.card-article:hover .picture img {
    transform: scale(1.1);
}

.card.card-pricing .card-price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 120px;
}

@media (min-width: 992px) {
    .card.card-pricing .card-price {
        height: 240px;
    }
}

.card.card-pricing .card-pricing-person {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.card.card-pricing .card-pricing-person img {
    max-width: min(240px, 100%);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
}

.card.card-shadow {
    --nxl-card-shadow: var(--nxl-card-default-shadow);
}

.card.card-shadow:not(.card-disable-hover):hover {
    --nxl-card-shadow: var(--nxl-card-hover-shadow);
}

.card.card-white {
    --nxl-card-background: var(--nxl-white);
    --nxl-card-image-radius: 0.5rem;
}

.card.card-local-numbers {
    position: relative;
    --ss-main-height: 58px;
    --nxl-btn-spacer-y: 15px;
    --nxl-btn-spacer-x: 50px;
}

.card > .dialog__loader {
    border-radius: var(--nxl-card-radius);
}

.card > .card-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--nxl-card-image-width);
    height: var(--nxl-card-image-height);
    margin-bottom: var(--nxl-card-image-offset-bottom);
    background-color: var(--nxl-card-image-background);
    border-radius: var(--nxl-card-image-radius, var(--nxl-card-radius));
    transition: all var(--nxl-card-transition) ease-in-out;
}

.card > .card-img svg path, .card > .card-img svg circle {
    transition: all var(--nxl-card-transition) ease-in-out;
}

.card > .card-img.card-img-circle {
    --nxl-card-image-radius: 50%;
}

.card > .card-img.card-img-success {
    --nxl-card-image-background: var(--nxl-success);
}

.card.card-img-outside > .card-img {
    margin-top: calc(-1 * var(--nxl-card-offset-y) - 1.5rem);
}

.card > .card-body > .card-title {
    margin-bottom: var(--nxl-card-title-offset-bottom);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.4;
}

.section {
    --nxl-section-offset: calc(var(--nxl-spacer) * 4);
}

.section:not(.section--light, .section--dark) {
    margin-top: var(--nxl-section-offset);
    margin-bottom: var(--nxl-section-offset);
}

.section.section--light {
    background-color: var(--nxl-background);
    padding-top: var(--nxl-section-offset);
    padding-bottom: var(--nxl-section-offset);
}

.section.section--dark {
    background-color: var(--nxl-background-dark);
    padding-top: var(--nxl-section-offset);
    padding-bottom: var(--nxl-section-offset);
}

@media (min-width: 992px) {
    .section.section--dark.section--has-phone {
        position: relative;
        min-height: 650px;
    }

    .section.section--dark.section--has-phone:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 400px;
        height: 400px;
        border-top-right-radius: 400px;
        background: no-repeat 90px 140px url("data:image/svg+xml,%3Csvg width='155' height='155' viewBox='0 0 155 155' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.4703 112.264C50.4962 120.277 58.968 127.511 67.8856 133.966C76.8033 140.421 85.721 145.54 94.6386 149.324C103.556 153.108 112 155 119.97 155C125.377 155 130.421 154.026 135.102 152.079C139.784 150.131 144.02 147.071 147.81 142.897C150.04 140.449 151.795 137.806 153.077 134.968C154.359 132.185 155 129.375 155 126.537C155 124.423 154.582 122.42 153.746 120.528C152.91 118.58 151.489 116.911 149.482 115.52L123.816 97.3236C121.865 95.9882 120.054 94.9865 118.382 94.3188C116.71 93.6511 115.121 93.3172 113.617 93.3172C111.721 93.3172 109.882 93.8458 108.099 94.9031C106.315 95.9047 104.476 97.3515 102.581 99.2434L96.6451 105.086C95.8091 105.976 94.7501 106.422 93.4682 106.422C92.7994 106.422 92.1584 106.31 91.5453 106.088C90.9879 105.865 90.5142 105.67 90.1241 105.504C87.5045 104.112 84.1604 101.72 80.0917 98.3253C76.023 94.8752 71.9265 91.0914 67.802 86.9736C63.7334 82.8559 59.9712 78.7659 56.5156 74.7038C53.06 70.6417 50.6634 67.3308 49.3258 64.7711C49.1028 64.326 48.8799 63.8252 48.657 63.2687C48.4897 62.6566 48.4061 62.0445 48.4061 61.4324C48.4061 60.2082 48.8242 59.1788 49.6602 58.3441L55.596 52.2509C57.4353 50.359 58.8844 48.5227 59.9434 46.7421C61.0023 44.9614 61.5318 43.1251 61.5318 41.2332C61.5318 39.7308 61.1695 38.1449 60.445 36.4755C59.7762 34.8061 58.7451 32.9977 57.3517 31.0501L39.377 5.75929C37.9279 3.75606 36.2001 2.30928 34.1936 1.41896C32.1872 0.472985 30.0692 2.7093e-07 27.8398 2.50842e-07C22.0991 1.99117e-07 16.7206 2.42057 11.7044 7.26171C7.63574 11.1569 4.6539 15.4694 2.7589 20.1992C0.919633 24.8735 -2.69239e-07 29.8815 -3.17371e-07 35.2235C-3.89569e-07 43.2364 1.86713 51.6667 5.6014 60.5143C9.33567 69.3062 14.4076 78.126 20.8172 86.9736C27.2267 95.8212 34.4444 104.251 42.4703 112.264Z' fill='white'/%3E%3C/svg%3E%0A"), var(--nxl-success);
    }
}

.section.section--cta {
    position: relative;
}

.section.section--cta:not(.section--light, .section--dark) {
    padding-bottom: calc(var(--nxl-section-offset) + var(--cta-height, 0) / 2);
    margin-bottom: calc(var(--nxl-section-offset) + var(--cta-height, 0) / 2);
}

.section.section--cta.section--light {
    padding-bottom: calc(var(--nxl-section-offset) + var(--cta-height, 0) / 2);
    margin-bottom: calc(var(--nxl-section-offset) + var(--cta-height, 0) / 2);
}

.section.section--cta.section--dark {
    padding-bottom: calc(var(--nxl-section-offset) + var(--cta-height, 0) / 2);
    margin-bottom: calc(var(--nxl-section-offset) + var(--cta-height, 0) / 2);
}

@media (min-width: 992px) {
    .section {
        --nxl-section-offset: calc(var(--nxl-spacer) * 6);
    }
}

@media (min-width: 1200px) {
    .section {
        --nxl-section-offset: calc(var(--nxl-spacer) * 10);
    }
}

.section__pre-heading {
    margin-bottom: calc(var(--nxl-spacer) * 1);
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 2;
    text-transform: uppercase;
}

.section:not(.section--dark) .section__pre-heading {
    color: var(--nxl-primary);
}

@media (min-width: 992px) {
    .section__pre-heading {
        margin-bottom: calc(var(--nxl-spacer) * 2);
    }
}

.section__heading {
    margin-bottom: calc(var(--nxl-spacer) * 4);
    font-weight: 600;
    font-size: clamp(0.875rem, 7vw, 3rem);
    line-height: 1.2;
}

@media (min-width: 992px) {
    .section__heading {
        margin-bottom: calc(var(--nxl-spacer) * 8);
    }
}

.section__cta {
    position: absolute;
    top: calc(100% - var(--cta-height, 0) / 2);
    left: 0;
    right: 0;
}

.section-banner .container {
    position: relative;
}

.get-started-content {
    position: absolute;
    top: 60px;
    left: 60px;
}

.get-started-content h2 {
    font-size: 40px !important;
}

.get-started-content p {
    max-width: 60%;
}

.get-started-content .btn-baner {
    border-radius: 50px;
    max-width: 220px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.get-started-content .btn-baner:after {
    display: none;
}

.get-started-image-rel {
    position: relative;
    max-width: 100%;
    transition: 0.5s;
}

.get-started-image-ab {
    position: absolute;
    top: -2px;
    left: +10px;
    max-width: 67%;
}

.section-banner:hover .get-started-image-rel {
    scale: 1.03;
}

.get-started-image {
    border-radius: 28px;
    overflow: hidden;
}

.get-started-image-mobile {
    display: none;
}

@media (max-width: 1399px) {
    .get-started-content h2 {
        font-size: 30px !important;
    }

    .get-started-content {
        top: 20px;
        left: 40px;
    }
}

@media (max-width: 991px) {
    .get-started-content {
        position: static;
        margin-bottom: 40px;
        top: 0;
        left: 0;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .get-started-content h2 {
        font-size: calc(var(--nxl-spacer) * 4) !important;
        color: #23243f !important;
    }

    .get-started-content h2 br {
        display: none;
    }

    .get-started-content p {
        max-width: none;
    }

    .get-started-image:hover .get-started-image-mobile {
        scale: 1.03;
    }

    .get-started-image-mobile {
        display: block;
        max-width: 100%;
        transition: 0.5s;
        border-radius: 28px;
    }

    .get-started-image-ab, .get-started-image-rel {
        display: none;
    }

    .page-template-home-page .section-banner {
        margin-top: 60px;
    }
}

@media (min-width: 992px) {
    .content {
        display: flex;
    }
}

@media (min-width: 992px) {
    .content:not(.content--media-end) .content__body {
        order: 2;
    }
}

.content__media {
    flex: 520px 1 0;
    margin-bottom: calc(var(--nxl-spacer) * 2);
}

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

@media (min-width: 992px) {
    .content:not(.content--media-end) .content__media {
        margin-right: calc(var(--nxl-spacer) * 6);
        order: 1;
    }

    .content.content--media-end .content__media {
        margin-left: calc(var(--nxl-spacer) * 6);
    }
}

.content__cta a {
    display: block;
}

@media (min-width: 768px) {
    .content__cta a {
        display: inline-block;
    }
}

.media-block {
    --nxl-media-block-radius: var(--nxl-border-radius);
    --nxl-media-block-background: var(--nxl-lightest);
    background: var(--nxl-media-block-background);
    border-radius: var(--nxl-media-block-radius);
}

.media-block--dark, .media-block--dark-2 {
    --nxl-media-block-background: var(--nxl-background-dark);
}

.media-block--dark *:not(.btn, svg, path), .media-block--dark-2 *:not(.btn, svg, path) {
    color: var(--nxl-white);
}

@media (min-width: 992px) {
    .media-block__image {
        flex: 55% 1 0;
        border-radius: var(--nxl-media-block-radius) 0 0 var(--nxl-media-block-radius);
    }
}

.media-block--dark .media-block__image {
    background: no-repeat left bottom/contain url("data:image/svg+xml,%3Csvg width='358' height='582' viewBox='0 0 358 582' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='138' cy='23' r='250' fill='%233864D1'/%3E%3Cpath d='M-139 375C-139 347.816 -133.917 320.899 -124.042 295.785C-114.167 270.67 -99.6932 247.851 -81.4465 228.629C-63.1998 209.407 -41.5377 194.16 -17.6973 183.757C6.14321 173.354 31.6953 168 57.5 168C83.3048 168 108.857 173.354 132.697 183.757C156.538 194.16 178.2 209.407 196.447 228.629C214.693 247.851 229.167 270.67 239.042 295.785C248.917 320.899 254 347.816 254 375L57.5 375L-139 375Z' fill='%23161730'/%3E%3C/svg%3E%0A");
}

@media (min-width: 992px) {
    .media-block--dark .media-block__image {
        background-image: url("data:image/svg+xml,%3Csvg width='575' height='674' viewBox='0 0 575 674' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='68.5' cy='506.5' r='506.5' fill='%233864D1'/%3E%3Cpath d='M-270 674C-270 631.977 -262.124 590.365 -246.821 551.541C-231.519 512.717 -209.089 477.441 -180.814 447.726C-152.539 418.011 -118.971 394.44 -82.0271 378.359C-45.0834 362.277 -5.48748 354 34.5 354C74.4876 354 114.084 362.277 151.027 378.359C187.971 394.44 221.539 418.011 249.814 447.726C278.09 477.441 300.519 512.717 315.821 551.541C331.124 590.366 339 631.977 339 674L34.5 674L-270 674Z' fill='%23161730'/%3E%3C/svg%3E%0A");
    }
}

.media-block--dark-2 .media-block__image {
    background: no-repeat left top/contain url("data:image/svg+xml,%3Csvg width='388' height='273' viewBox='0 0 388 273' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='138' cy='23' r='250' fill='%233864D1'/%3E%3C/svg%3E%0A");
}

@media (min-width: 992px) {
    .media-block--dark-2 .media-block__image {
        background-position: left bottom;
        background-image: url("data:image/svg+xml,%3Csvg width='552' height='737' viewBox='0 0 552 737' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='45.5' cy='506.5' r='506.5' fill='%233864D1'/%3E%3C/svg%3E%0A");
    }
}

.media-block__image img {
    max-width: 100%;
    border-radius: var(--nxl-media-block-radius) var(--nxl-media-block-radius) 0 0;
}

@media (min-width: 992px) {
    .media-block__image img {
        border-radius: var(--nxl-media-block-radius) 0 0 var(--nxl-media-block-radius);
    }
}

.media-block--dark .media-block__image.picture {
    --nxl-media-block-picture-offset: calc(var(--nxl-spacer) * 2);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: var(--nxl-media-block-picture-offset);
    padding-right: var(--nxl-media-block-picture-offset);
    padding-left: var(--nxl-media-block-picture-offset);
    border-radius: var(--nxl-media-block-radius) var(--nxl-media-block-radius) 0 0;
}

@media (min-width: 576px) {
    .media-block--dark .media-block__image.picture {
        --nxl-media-block-picture-offset: calc(var(--nxl-spacer) * 3);
    }
}

@media (min-width: 768px) {
    .media-block--dark .media-block__image.picture {
        --nxl-media-block-picture-offset: calc(var(--nxl-spacer) * 4);
    }
}

@media (min-width: 992px) {
    .media-block--dark .media-block__image.picture {
        --nxl-media-block-picture-offset: calc(var(--nxl-spacer) * 4);
        border-radius: var(--nxl-media-block-radius) 0 0 var(--nxl-media-block-radius);
    }
}

.media-block--dark .media-block__image.picture img {
    border-radius: var(--nxl-media-block-radius);
}

@media (min-width: 992px) {
    .media-block--dark .media-block__image.picture img {
        max-width: 95%;
        max-height: 95%;
        border-radius: var(--nxl-media-block-radius) var(--nxl-media-block-radius) 0 0;
    }
}

@media (min-width: 1200px) {
    .media-block--dark .media-block__image.picture img {
        max-width: 90%;
        max-height: 90%;
    }
}

.media-block--dark-2 .media-block__image.picture {
    --nxl-media-block-picture-offset: calc(var(--nxl-spacer) * 2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--nxl-media-block-picture-offset);
    border-radius: var(--nxl-media-block-radius);
}

@media (min-width: 576px) {
    .media-block--dark-2 .media-block__image.picture {
        --nxl-media-block-picture-offset: calc(var(--nxl-spacer) * 3);
    }
}

@media (min-width: 768px) {
    .media-block--dark-2 .media-block__image.picture {
        --nxl-media-block-picture-offset: calc(var(--nxl-spacer) * 4);
    }
}

@media (min-width: 992px) {
    .media-block--dark-2 .media-block__image.picture {
        --nxl-media-block-picture-offset: calc(var(--nxl-spacer) * 4);
    }
}

.media-block--dark-2 .media-block__image.picture img {
    border-radius: var(--nxl-media-block-radius);
}

@media (min-width: 992px) {
    .media-block--dark-2 .media-block__image.picture img {
        max-width: 85%;
        max-height: 85%;
    }
}

@media (min-width: 1200px) {
    .media-block--dark-2 .media-block__image.picture img {
        max-width: 90%;
        max-height: 90%;
    }
}

.media-block__heading {
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
}

@media (min-width: 992px) {
    .media-block__heading {
        font-size: 40px;
        line-height: 52px;
    }
}

.media-block__content {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

@media (min-width: 992px) {
    .media-block__content {
        font-size: 16px;
        line-height: 28px;
    }
}

picture,
.picture {
    position: relative;
    text-align: center;
}

picture.picture-fit > img,
.picture.picture-fit > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

picture:not(.picture-fit) > img,
.picture:not(.picture-fit) > img {
    max-width: 100%;
    max-height: 100%;
}

picture__layers, picture__layer,
.picture__layers,
.picture__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

picture__layer img,
.picture__layer img {
    max-height: min(80%, 350px);
    border-radius: var(--nxl-border-radius-lg);
}

.media-block:not(.media-block--dark, .media-block--dark-2) picture__frame,
.media-block:not(.media-block--dark, .media-block--dark-2) .picture__frame {
    background: no-repeat center bottom -2px url(/wp-content/themes/comexcel/images/frame-1.svg);
}

@media (min-width: 992px) {
    .media-block:not(.media-block--dark, .media-block--dark-2) picture__frame,
    .media-block:not(.media-block--dark, .media-block--dark-2) .picture__frame {
        background-position: right -2px center;
        background-image: url(/wp-content/themes/comexcel/images/frame-lg-1.svg);
    }
}

.media-block:not(.media-block--dark, .media-block--dark-2) picture__frame-2,
.media-block:not(.media-block--dark, .media-block--dark-2) .picture__frame-2 {
    background: no-repeat center bottom -2px url(/wp-content/themes/comexcel/images/frame-1.svg);
    border-radius: var(--nxl-media-block-radius) var(--nxl-media-block-radius) 0 0;
}

@media (min-width: 992px) {
    .media-block:not(.media-block--dark, .media-block--dark-2) picture__frame-2,
    .media-block:not(.media-block--dark, .media-block--dark-2) .picture__frame-2 {
        background-position: right -2px center;
        background-image: url(/wp-content/themes/comexcel/images/frame-lg-2.svg);
        border-radius: 0;
    }
}

.media-block:not(.media-block--dark, .media-block--dark-2) picture__frame-3,
.media-block:not(.media-block--dark, .media-block--dark-2) .picture__frame-3 {
    background: no-repeat center bottom -2px url(/wp-content/themes/comexcel/images/frame-1.svg);
}

@media (min-width: 992px) {
    .media-block:not(.media-block--dark, .media-block--dark-2) picture__frame-3,
    .media-block:not(.media-block--dark, .media-block--dark-2) .picture__frame-3 {
        background-position: right -2px center;
        background-image: url(/wp-content/themes/comexcel/images/frame-lg-3.svg);
    }
}

.switcher {
    display: flex;
    padding-left: calc(var(--nxl-gutter-x) * 0.5);
    padding-right: calc(var(--nxl-gutter-x) * 0.5);
}

@media (min-width: 992px) {
    .switcher {
        padding: calc(var(--nxl-spacer) / 2);
        background: var(--nxl-white);
        border-radius: var(--nxl-btn-radius);
    }
}

.switcher__item {
    position: relative;
    flex-grow: 1;
}

.switcher__item:not(:first-child) {
    margin-left: calc(var(--nxl-spacer) / 2);
}

.switcher input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 0;
    height: 0;
    opacity: 0;
}

.switcher input:checked + label {
    background: var(--nxl-primary);
    color: var(--nxl-white);
}

@media (min-width: 992px) {
    .switcher input:checked + label:hover {
        background-color: var(--nxl-primary-hover);
    }
}

.switcher input:checked + label path[stroke] {
    stroke: var(--nxl-white);
}

.switcher input:checked + label path[fill] {
    fill: var(--nxl-white);
}

.switcher label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--nxl-spacer) calc(var(--nxl-spacer) * 2) var(--nxl-spacer) var(--nxl-spacer);
    border-radius: var(--nxl-btn-radius);
    background: var(--nxl-white);
    transition: all var(--nxl-transition) ease-in-out;
    cursor: pointer;
}

@media (min-width: 992px) {
    .switcher label:hover {
        background-color: var(--nxl-background);
    }
}

.switcher label svg {
    margin-right: calc(var(--nxl-spacer) / 2);
}

.switcher label svg * {
    transition: all var(--nxl-transition) ease-in-out;
}

.switcher label svg path[stroke] {
    stroke: var(--nxl-dark);
}

.switcher label svg path[fill] {
    fill: var(--nxl-dark);
}

.scrollable {
    overflow: auto;
    scrollbar-width: none;
}

.scrollable::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.tabs-grid {
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "head" "media" "content";
}

@media (min-width: 992px) {
    .tabs-grid {
        gap: 0 48px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto 1fr;
        grid-template-areas: "media head" "media content";
    }
}

@media (min-width: 992px) {
    .tabs-grid--reverse {
        grid-template-areas: "head media" "content media";
    }
}

@media (min-width: 1200px) {
    .tabs-grid {
        gap: 0 120px;
    }
}

.tabs-grid__media {
    grid-area: media;
}

.tabs-grid__media picture {
    max-width: 620px;
}

.tabs-grid__media picture img {
    border-radius: var(--nxl-border-radius);
}

.tabs-grid__head {
    grid-area: head;
}

.tabs-grid__content {
    grid-area: content;
}

.tabs-grid__content h3, .tabs-grid__content .h3 {
    margin-bottom: calc(var(--nxl-spacer) * 2);
    font-size: calc(var(--nxl-spacer) * 4);
    line-height: normal;
}

.tabs-grid__content h4, .tabs-grid__content .h4 {
    margin-top: calc(var(--nxl-spacer) * 3);
    margin-bottom: calc(var(--nxl-spacer) * 2);
    font-size: calc(var(--nxl-spacer) * 3);
    line-height: normal;
}

.accordion {
    --accordion-item-offset-x: calc(var(--nxl-spacer) * 2);
    --accordion-item-offset-y: calc(var(--nxl-spacer) * 2);
    --accordion-item-active-offset-x: calc(var(--nxl-spacer) * 2);
    --accordion-item-active-offset-y: calc(var(--nxl-spacer) * 2);
    --accordion-item-radius: var(--nxl-border-radius);
    --accordion-item-active-bg: var(--nxl-white);
    --accordion-icon-size: calc(var(--nxl-spacer) * 5);
}

@media (min-width: 992px) {
    .accordion {
        --accordion-item-offset-x: calc(var(--nxl-spacer) * 3);
        --accordion-item-offset-y: calc(var(--nxl-spacer) * 3);
        --accordion-item-active-offset-x: calc(var(--nxl-spacer) * 3);
        --accordion-item-active-offset-y: calc(var(--nxl-spacer) * 3);
    }
}

.accordion.accordion-active-background {
    --accordion-item-active-bg: var(--nxl-background);
}

.accordion.accordion-active-primary {
    --accordion-item-active-bg: var(--nxl-primary);
}

.accordion.accordion-active-primary .accordion__item.active {
    color: var(--nxl-white);
}

.accordion__item {
    padding: var(--accordion-item-offset-y) var(--accordion-item-offset-x);
    border-radius: var(--accordion-item-radius);
}

.accordion__item.active {
    padding: var(--accordion-item-active-offset-y) var(--accordion-item-active-offset-x);
    background-color: var(--accordion-item-active-bg);
}

.accordion__head {
    position: relative;
    display: block;
    width: 100%;
    min-height: var(--accordion-icon-size);
    padding: 0;
    border: none;
    background: transparent;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.6;
    text-align: left;
}

.accordion.accordion-active-primary .accordion__item.active .accordion__head {
    color: var(--nxl-white);
}

@media (min-width: 992px) {
    .accordion__head {
        font-size: 22px;
    }
}

.accordion__item.active .accordion__head {
    margin-bottom: calc(var(--nxl-spacer) * 2);
}

.accordion:not(.accordion-no-divider) .accordion__item:not(.active, :last-child, .prev) .accordion__head:after {
    content: "";
    position: absolute;
    top: calc(100% + var(--accordion-item-offset-y));
    left: calc(-1 * var(--accordion-item-offset-x));
    right: calc(-1 * var(--accordion-item-offset-x));
    height: 1px;
    background-color: rgba(var(--nxl-primary-rgb), 0.15);
}

.accordion__head:before {
    content: "";
    position: absolute;
    top: calc(50% - 2 / var(--accordion-icon-size));
    width: calc(var(--accordion-icon-size) - 2px);
    height: calc(var(--accordion-icon-size) - 2px);
    border-radius: 50%;
    border: 1px solid var(--nxl-primary);
    background: no-repeat center url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8398 16.6752L19.7198 10.6902C20.1398 10.2702 20.1398 9.64023 19.7198 9.22023C19.2998 8.80023 18.6698 8.80023 18.2498 9.22023L12.9998 14.3652L7.74984 9.22023C7.32984 8.80023 6.69984 8.80023 6.27984 9.22023C6.06984 9.43023 5.96484 9.64024 5.96484 9.95524C5.96484 10.2702 6.06984 10.4802 6.27984 10.6902L12.1598 16.6752C12.6848 17.0952 13.3148 17.0952 13.8398 16.6752C13.7348 16.6752 13.7348 16.6752 13.8398 16.6752Z' fill='%233864D1'/%3E%3C/svg%3E%0A");
    transition: all var(--nxl-transition) ease-in-out;
}

.accordion.accordion-active-primary .accordion__item .accordion__head:before {
    border-color: var(--nxl-background);
}

.accordion.accordion-active-primary .accordion__item.active .accordion__head:before {
    border-color: var(--nxl-white);
}

.accordion:not(.accordion-start) .accordion__head {
    padding-right: calc(var(--accordion-icon-size) + var(--accordion-item-offset-x) / 2);
}

.accordion:not(.accordion-start) .accordion__head:before {
    right: 0;
}

.accordion.accordion-start .accordion__head {
    padding-left: calc(var(--accordion-icon-size) + var(--accordion-item-offset-x) / 2);
}

.accordion.accordion-start .accordion__head:before {
    left: 0;
}

.accordion__item.active .accordion__head:before {
    background-color: var(--nxl-primary);
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8398 16.6752L19.7198 10.6902C20.1398 10.2702 20.1398 9.64023 19.7198 9.22023C19.2998 8.80023 18.6698 8.80023 18.2498 9.22023L12.9998 14.3652L7.74984 9.22023C7.32984 8.80023 6.69984 8.80023 6.27984 9.22023C6.06984 9.43023 5.96484 9.64024 5.96484 9.95524C5.96484 10.2702 6.06984 10.4802 6.27984 10.6902L12.1598 16.6752C12.6848 17.0952 13.3148 17.0952 13.8398 16.6752C13.7348 16.6752 13.7348 16.6752 13.8398 16.6752Z' fill='white'/%3E%3C/svg%3E%0A");
    transform: rotate(180deg);
}

.accordion__item:not(.active) .accordion__body {
    display: none;
}

.aspect-ratio-16to10 {
    aspect-ratio: 16/10;
}

.user-pic {
    width: 3.85rem;
    height: 3.85rem;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.stars {
    --count: 5;
    --size: 24px;
    --marked: 0;
    position: relative;
    width: calc(var(--count) * var(--size));
    height: var(--size);
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1043 4.17701L14.9317 7.82776C15.1108 8.18616 15.4565 8.43467 15.8573 8.49218L19.9453 9.08062C20.9554 9.22644 21.3573 10.4505 20.6263 11.1519L17.6702 13.9924C17.3797 14.2718 17.2474 14.6733 17.3162 15.0676L18.0138 19.0778C18.1856 20.0698 17.1298 20.8267 16.227 20.3574L12.5732 18.4627C12.215 18.2768 11.786 18.2768 11.4268 18.4627L7.773 20.3574C6.87023 20.8267 5.81439 20.0698 5.98724 19.0778L6.68385 15.0676C6.75257 14.6733 6.62033 14.2718 6.32982 13.9924L3.37368 11.1519C2.64272 10.4505 3.04464 9.22644 4.05466 9.08062L8.14265 8.49218C8.54354 8.43467 8.89028 8.18616 9.06937 7.82776L10.8957 4.17701C11.3477 3.27433 12.6523 3.27433 13.1043 4.17701Z' stroke='%23F8B801'/%3E%3C/svg%3E%0A");
}

.stars:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: calc(var(--marked, 0) * var(--size));
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1043 4.17701L14.9317 7.82776C15.1108 8.18616 15.4565 8.43467 15.8573 8.49218L19.9453 9.08062C20.9554 9.22644 21.3573 10.4505 20.6263 11.1519L17.6702 13.9924C17.3797 14.2718 17.2474 14.6733 17.3162 15.0676L18.0138 19.0778C18.1856 20.0698 17.1298 20.8267 16.227 20.3574L12.5732 18.4627C12.215 18.2768 11.786 18.2768 11.4268 18.4627L7.773 20.3574C6.87023 20.8267 5.81439 20.0698 5.98724 19.0778L6.68385 15.0676C6.75257 14.6733 6.62033 14.2718 6.32982 13.9924L3.37368 11.1519C2.64272 10.4505 3.04464 9.22644 4.05466 9.08062L8.14265 8.49218C8.54354 8.43467 8.89028 8.18616 9.06937 7.82776L10.8957 4.17701C11.3477 3.27433 12.6523 3.27433 13.1043 4.17701Z' fill='%23F8B801'/%3E%3C/svg%3E%0A");
}

.stars.star-3 {
    --marked: 3;
}

.line-clamp {
    --lines: 3;
    display: -webkit-box;
    -webkit-line-clamp: var(--lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: calc(var(--nxl-gutter-x) * 0.5);
}

@media (min-width: 768px) {
    .blog-grid--with-big-card > *:first-child {
        grid-column-end: span 2;
    }
}

@media (min-width: 1200px) {
    .blog-grid--with-big-card > *:first-child {
        grid-column-end: span 3;
    }
}

.blog-article {
    background: var(--blog-article-bg);
    padding: var(--blog-article-padding);
    border-radius: var(--blog-article-radius);
    transition: all 200ms ease;
}

.blog-article__picture {
    grid-area: picture;
}

.blog-article__heading {
    grid-area: heading;
}

.blog-article__tags {
    grid-area: tags;
}

.blog-article__info {
    grid-area: info;
}

.blog-article__footer {
    grid-area: footer;
}

.blog-grid.blog-grid--with-big-card .blog-article:first-child {
    --blog-article-padding: 24px;
    --blog-article-bg: #161730;
    --blog-article-radius: 8px;
    --nxl-link-color: var(--nxl-white);
    --nxl-link-active-color: var(--nxl-white);
    --nxl-link-hover-color: var(--nxl-white);
    --blog-article-image-radius: 0px;
    display: grid;
    grid-template-areas: "heading" "tags" "picture" "footer";
    row-gap: var(--blog-article-padding);
}

@media (min-width: 768px) {
    .blog-grid.blog-grid--with-big-card .blog-article:first-child {
        --blog-article-radius: 16px;
    }
}

@media (min-width: 992px) {
    .blog-grid.blog-grid--with-big-card .blog-article:first-child {
        --blog-article-image-radius: 8px;
    }
}

@media (min-width: 992px) {
    .blog-grid.blog-grid--with-big-card .blog-article:first-child {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto 1fr;
        -moz-column-gap: calc(var(--blog-article-padding) * 3);
        column-gap: calc(var(--blog-article-padding) * 3);
        grid-template-areas: "picture heading" "picture tags" "picture footer";
    }
}

.blog-grid.blog-grid--with-big-card .blog-article:first-child .blog-article__heading {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
}

@media (min-width: 992px) {
    .blog-grid.blog-grid--with-big-card .blog-article:first-child .blog-article__heading {
        font-size: 32px;
        line-height: 40px;
    }
}

.blog-grid.blog-grid--with-big-card .blog-article:first-child .blog-article__tags {
    color: var(--blog-article-bg);
}

.blog-grid.blog-grid--with-big-card .blog-article:first-child .blog-article__info {
    color: var(--nxl-white);
}

.blog-grid.blog-grid--with-big-card .blog-article:first-child .blog-article__footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.blog-grid.blog-grid--with-big-card .blog-article:first-child .blog-article__footer .btn {
    --nxl-btn-spacer-y: 10px;
    --nxl-btn-spacer-x: 45px;
}

.blog-grid.blog-grid--with-big-card .blog-article:first-child .blog-article__picture {
    margin-left: calc(-1 * var(--blog-article-padding));
    margin-right: calc(-1 * var(--blog-article-padding));
}

@media (min-width: 992px) {
    .blog-grid.blog-grid--with-big-card .blog-article:first-child .blog-article__picture {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .blog-grid.blog-grid--with-big-card .blog-article:first-child .blog-article__picture img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: var(--blog-article-image-radius);
    }
}

.blog-grid.blog-grid--with-big-card .blog-article:not(:first-child), .blog-grid:not(.blog-grid--with-big-card) .blog-article {
    --blog-article-padding: 16px;
    --blog-article-bg: #F1F3F6;
    --blog-article-radius: 8px;
    --nxl-link-color: var(--nxl-dark);
    --nxl-link-active-color: var(--nxl-white);
    --nxl-link-hover-color: var(--nxl-white);
    --blog-article-image-radius: 0px;
    padding-bottom: 0;
    display: grid;
    grid-template-areas: "heading" "tags" "info" "picture";
    row-gap: var(--blog-article-padding);
}

@media (min-width: 992px) {
    .blog-grid.blog-grid--with-big-card .blog-article:not(:first-child), .blog-grid:not(.blog-grid--with-big-card) .blog-article {
        --blog-article-padding: 24px;
        --blog-article-radius: 16px;
    }
}

.blog-grid.blog-grid--with-big-card .blog-article:not(:first-child):hover, .blog-grid:not(.blog-grid--with-big-card) .blog-article:hover {
    --blog-article-bg: var(--nxl-primary);
}

.blog-grid.blog-grid--with-big-card .blog-article:not(:first-child):hover .blog-article__info, .blog-grid:not(.blog-grid--with-big-card) .blog-article:hover .blog-article__info {
    color: var(--nxl-white);
}

.blog-grid.blog-grid--with-big-card .blog-article:not(:first-child):hover .blog-article__picture, .blog-grid:not(.blog-grid--with-big-card) .blog-article:hover .blog-article__picture {
    background-color: var(--nxl-white);
}

.blog-grid.blog-grid--with-big-card .blog-article:not(:first-child) .blog-article__footer, .blog-grid:not(.blog-grid--with-big-card) .blog-article .blog-article__footer {
    display: none;
}

.blog-grid.blog-grid--with-big-card .blog-article:not(:first-child) .blog-article__tags .tag, .blog-grid:not(.blog-grid--with-big-card) .blog-article .blog-article__tags .tag {
    background-color: var(--nxl-white);
    color: var(--nxl-dark);
}

.blog-grid.blog-grid--with-big-card .blog-article:not(:first-child) .blog-article__heading, .blog-grid:not(.blog-grid--with-big-card) .blog-article .blog-article__heading {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
}

@media (min-width: 992px) {
    .blog-grid.blog-grid--with-big-card .blog-article:not(:first-child) .blog-article__heading, .blog-grid:not(.blog-grid--with-big-card) .blog-article .blog-article__heading {
        font-size: 22px;
        line-height: 34px;
    }
}

.blog-grid.blog-grid--with-big-card .blog-article:not(:first-child) .blog-article__info, .blog-grid:not(.blog-grid--with-big-card) .blog-article .blog-article__info {
    color: var(--nxl-light);
    transition: color 200ms ease;
}

.blog-grid.blog-grid--with-big-card .blog-article:not(:first-child) .blog-article__picture, .blog-grid:not(.blog-grid--with-big-card) .blog-article .blog-article__picture {
    overflow: hidden;
    margin-right: calc(-1 * var(--blog-article-padding));
    padding: var(--blog-article-padding) 0 0 var(--blog-article-padding);
    background-color: #161730;
    border-top-left-radius: var(--blog-article-radius);
    border-bottom-right-radius: var(--blog-article-radius);
    transition: background-color 200ms ease;
}

.blog-grid.blog-grid--with-big-card .blog-article:not(:first-child) .blog-article__picture img, .blog-grid:not(.blog-grid--with-big-card) .blog-article .blog-article__picture img {
    display: block;
    transform: translateX(0px);
    border-top-left-radius: calc(var(--blog-article-radius) * 0.75);
    border-bottom-right-radius: var(--blog-article-radius);
}

/*
.blog-article {
    border-radius: var(--nxl-border-radius);
    background-color: var(--nxl-background);

    .tag {
        padding: 4px 8px;
        background-color: white;
        color:var(--nxl-dark);
    }

    .blog-grid.blog-grid--with-big-card & {
        &:first-child {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto auto;
            gap: calc(var(--nxl-spacer) * 2);
            grid-template-areas:
                "body"
                "head"
                "picture"
                "footer";
            padding: calc(var(--nxl-spacer) * 2);
            background-color: var(--nxl-background-dark);
            color:var(--nxl-white);

            @include media-breakpoint-up(md) {
                padding: calc(var(--nxl-spacer) * 3);
                gap: calc(var(--nxl-spacer) * 3);
            }

            @include media-breakpoint-up(lg) {
                grid-template-columns: 1fr 1fr;
                grid-template-rows: auto auto 1fr;
                grid-template-areas:
                    "picture body"
                    "picture head"
                    "picture footer";
                column-gap: calc(var(--nxl-spacer) * 6);
                row-gap:0;
            }

            @include media-breakpoint-up(xl) {
                column-gap: calc(var(--nxl-spacer) * 12);
            }
        }
    }

    .blog-grid.blog-grid--with-big-card &:not(:first-child),
    .blog-grid:not(.blog-grid--with-big-card) & {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr auto;
        gap: 0;
        grid-template-areas:
                "body"
                "head"
                "picture"
                "footer";
        color:var(--nxl-dark);
        transition:
            color var(--nxl-transition) ease-in-out,
            background-color var(--nxl-transition) ease-in-out;

        &:hover {
            background-color: var(--nxl-primary);
            color:var(--nxl-white);
        }
    }

    &__head {
        grid-area: head;

        .blog-grid.blog-grid--with-big-card .blog-article:not(:first-child) &,
        .blog-grid:not(.blog-grid--with-big-card) & {
            padding: 0 calc(var(--nxl-spacer) * 2)  calc(var(--nxl-spacer) * 2)  calc(var(--nxl-spacer) * 2);

            @include media-breakpoint-up(lg) {
                padding: 0 calc(var(--nxl-spacer) * 3)  calc(var(--nxl-spacer) * 3)  calc(var(--nxl-spacer) * 3);
            }
        }
    }

    &__body {
        grid-area: body;
        font-weight: 600;
        font-size: 20px;
        line-height: 1.25;

        @include media-breakpoint-up(lg) {
            margin-bottom: calc(var(--nxl-spacer) * 3);
            font-size: 32px;
        }

        .blog-grid.blog-grid--with-big-card .blog-article:not(:first-child) &,
        .blog-grid:not(.blog-grid--with-big-card) & {
            padding: calc(var(--nxl-spacer) * 2);

            @include media-breakpoint-up(lg) {
                margin-bottom:0;
                padding: calc(var(--nxl-spacer) * 3);
                font-size: 24px;
            }
        }
    }

    &__footer {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        grid-area: footer;

        @include media-breakpoint-up(lg) {
            margin-top: calc(var(--nxl-spacer) * 3);
        }

        .blog-grid.blog-grid--with-big-card .blog-article:not(:first-child) &,
        .blog-grid:not(.blog-grid--with-big-card) & {
            display: none;
        }
    }

    &__picture {
        grid-area: picture;
        transition:
            background-color var(--nxl-transition) ease-in-out;

        img {
            border-radius: calc(var(--nxl-border-radius) - var(--nxl-spacer));
        }

        .blog-grid.blog-grid--with-big-card .blog-article:not(:first-child) &,
        .blog-grid:not(.blog-grid--with-big-card) & {
            margin-left: calc(var(--nxl-spacer) * 2);
            padding-top: calc(var(--nxl-spacer) * 2);
            padding-left: calc(var(--nxl-spacer) * 2);
            background-color: var(--nxl-dark);

            @include media-breakpoint-up(lg) {
                margin-left: calc(var(--nxl-spacer) * 3);
                padding-top: calc(var(--nxl-spacer) * 3);
                padding-left: calc(var(--nxl-spacer) * 3);
            }

            & {
                border-top-left-radius: var(--nxl-border-radius);
                border-bottom-right-radius: var(--nxl-border-radius);
            }

            & {
                aspect-ratio: 16 / 10;

                img {
                    position: absolute;
                    object-fit: cover;
                    top:calc(var(--nxl-spacer) * 2);
                    left:calc(var(--nxl-spacer) * 2);
                    width:calc(100% - calc(var(--nxl-spacer) * 2));
                    height:calc(100% - calc(var(--nxl-spacer) * 2));
                    border-top-right-radius: 0;
                    border-bottom-left-radius: 0;

                    @include media-breakpoint-up(lg) {
                        top:calc(var(--nxl-spacer) * 3);
                        left:calc(var(--nxl-spacer) * 3);
                        width:calc(100% - calc(var(--nxl-spacer) * 3));
                        height:calc(100% - calc(var(--nxl-spacer) * 3));
                    }
                }
            }
        }

        .blog-grid.blog-grid--with-big-card .blog-article:not(:first-child):hover &,
        .blog-grid:not(.blog-grid--with-big-card) .blog-article:hover & {
            background-color: var(--nxl-white);
        }
    }
}
*/
.checklist {
    list-style: none;
    padding-left: 0;
}

.checklist li {
    margin: var(--nxl-spacer) 0;
    padding-left: calc(var(--nxl-spacer) * 3);
    background: no-repeat left top 6px url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.9L4.14286 10.5L12 1.5' stroke='%2323243F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.integration-logos img {
    width: 100%;
    max-width: 80px;
}

.socials {
    display: flex;
}

.socials a {
    flex: 40px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 50%;
    transition: all var(--nxl-transition) ease-in-out;
    background-color: var(--nxl-primary);
}

.socials a:not(:first-child) {
    margin-left: calc(var(--nxl-spacer) * 2);
}

.socials a:hover {
    background-color: var(--nxl-primary-hover);
}

.socials a:active {
    background-color: var(--nxl-primary-active);
}

.video {
    position: relative;
    max-width: 850px;
    background: #F4F5FC;
    border-radius: var(--nxl-border-radius-sm);
}

.video:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--nxl-border-radius-sm);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.17%, #000000 323.44%);
    opacity: 0.6;
}

.video__poster {
    z-index: 2;
    position: relative;
    height: 60%;
    background: no-repeat contain var(--poster);
}

@media (min-width: 992px) {
    .video__poster {
        width: 75%;
    }
}

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

.video__play {
    z-index: 4;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.video__player {
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.video__player iframe {
    width: 100%;
    height: 100%;
    border-radius: var(--nxl-border-radius-sm);
}

@media (min-width: 992px) {
    .indicators__container {
        --nxl-gutter-x: 0px;
        max-width: none;
    }
}

.indicators__slider {
    --indicatords-slider-offset-x: 0px;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    padding-left: var(--indicatords-slider-offset-x);
    padding-right: var(--indicatords-slider-offset-x);
}

@media (min-width: 992px) {
    .indicators__slider {
        --indicatords-slider-offset-x: calc((var(--body-width) - var(--indicators-width)) / 2);
        flex-direction: row;
    }

    .indicators__slider > *:not(:first-child) {
        margin-left: calc(var(--nxl-spacer) * 12);
    }
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none;
}

input, select, button {
    outline: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-control {
    width: 100%;
    height: var(--form-control-height);
    padding-left: var(--form-control-offset-x);
    padding-right: var(--form-control-offset-x);
    border: 1px solid var(--form-control-border);
    border-radius: var(--form-control-radius);
    background-color: var(--form-control-background);
    font-weight: 500;
}

.form-control.is-invalid {
    --form-control-border: var(--nxl-danger);
}

.control-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.control-group__label {
    font-size: 16px;
    line-height: 28px;
    color: rgba(35, 36, 63, 0.6);
}

.invalid-feedback:not(.d-flex) {
    display: none;
}

.invalid-feedback.d-flex {
    margin-top: calc(var(--nxl-spacer) * 0.5);
    font-size: calc(var(--nxl-spacer) * 1.75);
    color: var(--nxl-danger);
}

.section--dark {
    --ss-bg-color: var(--nxl-white);
}

.section--dark .form-control:not(.is-invalid) {
    --form-control-background: var(--nxl-white);
    --form-control-border: var(--nxl-white);
}

/*
 * Select
 */
.ss-main {
    font-weight: 500;
}

.ss-main:focus {
    box-shadow: none;
}

.ss-main.is-invalid {
    border-color: var(--nxl-danger);
}

.ss-main .ss-values {
    padding-left: var(--form-control-offset-x);
}

.ss-main .ss-values .ss-placeholder {
    padding-left: 0;
}

.ss-main .ss-arrow {
    margin-right: var(--form-control-offset-x);
}

.ss-main.ss-open-above {
    border-top-left-radius: var(--ss-border-radius);
    border-top-right-radius: var(--ss-border-radius);
}

.ss-main.ss-open-below {
    border-bottom-left-radius: var(--ss-border-radius);
    border-bottom-right-radius: var(--ss-border-radius);
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    background-color: rgba(56, 100, 209, 0.1);
    color: var(--nxl-dark);
}

.ss-content {
    z-index: 5200000;
    border-radius: var(--ss-border-radius);
    font-weight: 500;
}

.ss-content.ss-open-above {
    transform: scaleY(1) translateY(calc(-1 * var(--nxl-spacer)));
}

.ss-content.ss-open-below {
    transform: scaleY(1) translateY(var(--nxl-spacer));
}

.ss-content .ss-list .ss-option:hover {
    background-color: rgba(56, 100, 209, 0.1);
    color: var(--nxl-dark);
}

.dialog {
    --dialog-overlay-bg: rgba(0, 0, 0, 0.4);
    --dialog-close-size: 50px;
    --dialog-offset: calc(var(--nxl-spacer) * 2);
    --dialog-body-radius: var(--nxl-border-radius);
    --dialog-body-width-default: calc(var(--nxl-spacer) * 55);
    --dialog-body-bg: var(--nxl-white);
    --dialog-body-offset-end: calc(var(--nxl-spacer) * 2);
    --dialog-body-offset-top: calc(var(--dialog-body-offset-end) * 1.5 + var(--dialog-close-size));
    --dialog-body-offset-bottom: calc(var(--nxl-spacer) * 2);
    --dialog-body-offset-start: calc(var(--nxl-spacer) * 2);
    --dialog-icon-offset: calc(var(--nxl-spacer) * 4);
    z-index: 5100000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    background-color: var(--dialog-overlay-bg);
    transition: opacity 200ms ease-in-out;
    opacity: 1;
    visibility: visible;
    overflow: auto;
    overflow: auto;
    scrollbar-width: none;
}

@media (min-width: 992px) {
    .dialog {
        --dialog-offset: calc(var(--nxl-spacer) * 4);
        --dialog-body-offset-top: calc(var(--dialog-body-offset-end) * 1.5 + var(--dialog-close-size));
        --dialog-body-offset-end: calc(var(--nxl-spacer) * 4);
        --dialog-body-offset-bottom: calc(var(--nxl-spacer) * 4);
        --dialog-body-offset-start: calc(var(--nxl-spacer) * 4);
    }
}

.dialog::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.dialog--alert {
    --dialog-body-offset-top: calc(var(--nxl-spacer) * 7);
}

@media (min-width: 992px) {
    .dialog--alert {
        --dialog-body-offset-top: calc(var(--nxl-spacer) * 9);
    }
}

.dialog--signup {
    --dialog-body-offset-top: var(--dialog-body-offset-bottom);
    --dialog-body-width: 1110px;
}

.dialog--signup .dialog__heading {
    text-align: left;
}

.dialog--signup .dialog__text {
    margin-bottom: 0 !important;
}

.dialog__inner {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding: var(--dialog-offset);
}

.dialog__body {
    position: relative;
    width: 100%;
    max-width: var(--dialog-body-width, var(--dialog-body-width-default));
    background-color: var(--dialog-body-bg);
    padding: var(--dialog-body-offset-top) var(--dialog-body-offset-end) var(--dialog-body-offset-bottom) var(--dialog-body-offset-start);
    border-radius: var(--dialog-body-radius);
}

.dialog__loader {
    display: none;
    z-index: 100000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--dialog-body-radius);
    background-color: rgba(255, 255, 255, 0.75);
}

.dialog--loader .dialog__loader {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog__close {
    position: absolute;
    top: var(--dialog-body-offset-end);
    right: var(--dialog-body-offset-end);
    width: var(--dialog-close-size);
    height: var(--dialog-close-size);
    border: 1px solid var(--nxl-primary);
    border-radius: 50%;
    background-color: transparent;
}

.dialog__close,
.dialog__close svg path {
    transition: all var(--nxl-transition) ease-in-out;
}

.dialog__close:hover {
    border-color: var(--nxl-primary-hover);
    background-color: var(--nxl-primary-hover);
}

.dialog__close:hover svg path {
    stroke: var(--nxl-white);
}

.dialog__close:active {
    border-color: var(--nxl-primary-active);
    background-color: var(--nxl-primary-active);
}

.dialog__icon {
    margin-bottom: var(--dialog-icon-offset);
}

.dialog__footer {
    margin-top: var(--dialog-icon-offset);
}

.hero {
    --hero-media-width-default: 518px;
    --hero-padding: 40px;
    position: relative;
    background-color: #f4f5f9;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .hero {
        --hero-padding: 100px;
        margin-bottom: 60px;
    }
}

.hero--v2 {
    --hero-media-width-default: 470px;
    background-color: transparent;
}

@media (min-width: 1200px) {
    .hero--v2 {
        --hero-media-width-default: 518px;
    }
}

.hero__down {
    display: none;
    position: absolute;
    left: calc(50% - 40px);
    bottom: -40px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--nxl-white);
    box-shadow: 0 0 0 20px var(--nxl-white);
    border: 1px solid var(--nxl-primary);
    transition: all var(--nxl-transition) ease-in-out;
}

.hero__down [stroke] {
    transition: stroke var(--nxl-transition) ease-in-out;
}

.hero__down:hover {
    background-color: var(--nxl-primary-hover);
    border-color: var(--nxl-primary-hover);
}

.hero__down:hover [stroke] {
    stroke: var(--nxl-white);
}

.hero__down:active {
    background-color: var(--nxl-primary-active);
    border-color: var(--nxl-primary-active);
}

@media (min-width: 992px) {
    .hero__down {
        display: initial;
    }
}

.hero .form-control {
    --form-control-height: 56px;
}

.hero:not(.hero--v2) .form-control {
    --form-control-background: var(--nxl-white);
}

.hero:not(.hero--v2) .form-control:not(.is-invalid) {
    --form-control-border: var(--nxl-white);
}

.hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--hero-padding) 0;
}

@media (min-width: 992px) {
    .hero:not(.hero--v2) .hero__content {
        max-width: 400px;
        min-height: 600px;
        margin-right: auto;
    }
}

@media (min-width: 1200px) {
    .hero:not(.hero--v2) .hero__content {
        max-width: 500px;
    }
}

@media (min-width: 1400px) {
    .hero:not(.hero--v2) .hero__content {
        max-width: 600px;
    }
}

.hero--v2 .hero__content {
    margin-right: auto;
}

@media (min-width: 992px) {
    .hero--v2 .hero__content {
        max-width: 400px;
        min-height: 600px;
    }
}

@media (min-width: 1200px) {
    .hero--v2 .hero__content {
        max-width: 600px;
    }
}

.hero__content p:not(.hero__heading) {
    font-weight: normal;
}

.hero__heading {
    font-weight: 600;
    line-height: normal;
}

.hero__tabs {
    margin-bottom: var(--hero-padding);
    display: flex;
    flex-wrap: nowrap;
    margin-left: calc(-0.5 * var(--nxl-gutter-x));
    margin-right: calc(-0.5 * var(--nxl-gutter-x));
    padding-left: calc(0.5 * var(--nxl-gutter-x));
    padding-right: calc(0.5 * var(--nxl-gutter-x));
    overflow: auto;
    scrollbar-width: none;
}

.hero__tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.hero__tabs .hero__tab:not(:last-child) {
    margin-right: 16px;
}

@media (min-width: 576px) {
    .hero__tabs {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: initial;
        scrollbar-width: initial;
    }

    .hero__tabs::-webkit-scrollbar {
        width: initial;
        height: initial;
    }

    .hero__tabs .hero__tab:not(:last-child) {
        margin-right: 8px;
    }
}

@media (min-width: 992px) {
    .hero__tabs {
        display: block;
        position: absolute;
        top: 0;
        right: 16px;
        bottom: 0;
        width: var(--hero-media-width);
        margin-bottom: 0;
    }
}

.hero__tab {
    --hero-tab-top: auto;
    --hero-tab-end: auto;
    --hero-tab-bottom: auto;
    --hero-tab-start: auto;
    --hero-tab-height: 52px;
    --hero-tab-background: var(--nxl-white);
    --hero-tab-shadow: none;
    display: flex;
    align-items: center;
    height: var(--hero-tab-height);
    padding: 8px;
    background-color: var(--hero-tab-background);
    border: none;
    border-radius: var(--hero-tab-height);
    box-shadow: var(--hero-tab-shadow);
    font-weight: 500;
    transition: all var(--nxl-transition) ease-in-out;
    white-space: nowrap;
}

.hero--v2 .hero__tab {
    --hero-tab-background: var(--nxl-background);
}

@media (min-width: 576px) {
    .hero__tab {
        margin-bottom: 8px;
    }
}

@media (min-width: 992px) {
    .hero__tab {
        --hero-tab-shadow: 0px 16px 80px rgba(0, 0, 0, 0.3);
        min-width: 220px;
        margin-bottom: 0;
        padding: 14px;
    }
}

.hero__tab.active, .hero__tab:hover {
    color: var(--nxl-white);
}

.hero__tab--primary.active, .hero__tab--primary:hover {
    --hero-tab-background: var(--nxl-primary);
}

.hero__tab--success.active, .hero__tab--success:hover {
    --hero-tab-background: var(--nxl-success);
}

@media (min-width: 992px) {
    .hero__tab--start {
        border-bottom-right-radius: 0;
    }
}

@media (min-width: 992px) {
    .hero__tab--end {
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 992px) {
    .hero__tab {
        --hero-tab-height: 64px;
        position: absolute;
        top: var(--hero-tab-top);
        right: var(--hero-tab-end);
        bottom: var(--hero-tab-bottom);
        left: var(--hero-tab-start);
    }
}

.hero__tab--sms-templates {
    --hero-tab-top: 46%;
    --hero-tab-end: auto;
    --hero-tab-bottom: auto;
    --hero-tab-start: -40px;
}

@media (min-width: 992px) {
    .hero__tab--sms-templates {
        --hero-tab-start: -70px;
    }
}

.hero--v2 .hero__tab--sms-templates {
    --hero-tab-top: 52%;
    --hero-tab-end: auto;
    --hero-tab-bottom: auto;
    --hero-tab-start: -40px;
}

@media (min-width: 992px) {
    .hero--v2 .hero__tab--sms-templates {
        --hero-tab-start: -70px;
    }
}

.hero-v3 .hero__tab--sms-templates {
    --hero-tab-top: 38%;
    --hero-tab-end: auto;
    --hero-tab-bottom: auto;
    --hero-tab-start: -40px;
}

@media (min-width: 992px) {
    .hero-v3 .hero__tab--sms-templates {
        --hero-tab-start: -40px;
    }
}

@media (min-width: 1200px) {
    .hero-v3 .hero__tab--sms-templates {
        --hero-tab-start: -120px;
    }
}

@media (min-width: 1400px) {
    .hero-v3 .hero__tab--sms-templates {
        --hero-tab-start: -180px;
    }
}

.hero__tab--phone-number {
    --hero-tab-top: 30%;
    --hero-tab-end: 0px;
    --hero-tab-bottom: auto;
    --hero-tab-start: auto;
}

@media (min-width: 1085px) and (max-width: 1195px) {
    .hero__tab--phone-number {
        --hero-tab-end: -60px;
    }
}

@media (min-width: 1230px) {
    .hero__tab--phone-number {
        --hero-tab-end: -40px;
    }
}

@media (min-width: 1500px) {
    .hero__tab--phone-number {
        --hero-tab-end: -80px;
    }
}

.hero--v2 .hero__tab--phone-number {
    --hero-tab-top: 25%;
    --hero-tab-end: auto;
    --hero-tab-bottom: auto;
    --hero-tab-start: -90px;
}

.hero-v3 .hero__tab--phone-number {
    --hero-tab-top: 25%;
    --hero-tab-end: 0;
    --hero-tab-bottom: auto;
    --hero-tab-start: auto;
}

@media (min-width: 992px) {
    .hero-v3 .hero__tab--phone-number {
        --hero-tab-end: -40px;
    }
}

@media (min-width: 1200px) {
    .hero-v3 .hero__tab--phone-number {
        --hero-tab-end: -120px;
    }
}

@media (min-width: 1400px) {
    .hero-v3 .hero__tab--phone-number {
        --hero-tab-end: -180px;
    }
}

.hero__tab--power-dialer {
    --hero-tab-top: 66%;
    --hero-tab-end: auto;
    --hero-tab-bottom: auto;
    --hero-tab-start: 0px;
}

.hero--v2 .hero__tab--power-dialer {
    --hero-tab-top: 66%;
    --hero-tab-end: auto;
    --hero-tab-bottom: auto;
    --hero-tab-start: -40px;
}

.hero-v3 .hero__tab--power-dialer {
    --hero-tab-top: 66%;
    --hero-tab-end: auto;
    --hero-tab-bottom: auto;
    --hero-tab-start: -40px;
}

@media (min-width: 992px) {
    .hero-v3 .hero__tab--power-dialer {
        --hero-tab-start: -40px;
    }
}

@media (min-width: 1200px) {
    .hero-v3 .hero__tab--power-dialer {
        --hero-tab-start: -100px;
    }
}

.hero__tab--voicemail {
    --hero-tab-top: 47%;
    --hero-tab-end: 0px;
    --hero-tab-bottom: auto;
    --hero-tab-start: auto;
}

.hero--v2 .hero__tab--voicemail {
    --hero-tab-top: 38%;
    --hero-tab-end: auto;
    --hero-tab-bottom: auto;
    --hero-tab-start: -50px;
}

.hero-v3 .hero__tab--voicemail {
    --hero-tab-top: 52%;
    --hero-tab-end: 0;
    --hero-tab-bottom: auto;
    --hero-tab-start: auto;
}

@media (min-width: 992px) {
    .hero-v3 .hero__tab--voicemail {
        --hero-tab-end: -40px;
    }
}

@media (min-width: 1200px) {
    .hero-v3 .hero__tab--voicemail {
        --hero-tab-end: -120px;
    }
}

@media (min-width: 1400px) {
    .hero-v3 .hero__tab--voicemail {
        --hero-tab-end: -120px;
    }
}

.hero__tab__icon, .hero__tab__plus {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: all var(--nxl-transition) ease-in-out;
}

.hero__tab__icon {
    margin-right: 14px;
}

.hero__tab__icon svg [fill=white] {
    transition: fill var(--nxl-transition) ease-in-out;
}

.hero__tab__icon svg [stroke=white] {
    transition: fill var(--nxl-transition) ease-in-out;
}

.hero__tab--primary .hero__tab__icon {
    background-color: var(--nxl-primary);
}

.hero__tab--success .hero__tab__icon {
    background-color: var(--nxl-success);
}

.hero__tab.active .hero__tab__icon, .hero__tab:hover .hero__tab__icon {
    background-color: var(--nxl-white);
}

.hero__tab.hero__tab--success.active .hero__tab__icon svg [fill=white], .hero__tab.hero__tab--success:hover .hero__tab__icon svg [fill=white] {
    fill: var(--nxl-success);
}

.hero__tab.hero__tab--success.active .hero__tab__icon svg [stroke=white], .hero__tab.hero__tab--success:hover .hero__tab__icon svg [stroke=white] {
    fill: var(--nxl-success);
}

.hero__tab.hero__tab--primary.active .hero__tab__icon svg [fill=white], .hero__tab.hero__tab--primary:hover .hero__tab__icon svg [fill=white] {
    fill: var(--nxl-primary);
}

.hero__tab.hero__tab--primary.active .hero__tab__icon svg [stroke=white], .hero__tab.hero__tab--primary:hover .hero__tab__icon svg [stroke=white] {
    fill: var(--nxl-primary);
}

.hero__tab__plus {
    margin-left: 14px;
    background: rgba(56, 100, 209, 0.05);
}

.hero__tab__plus svg [fill] {
    transition: fill var(--nxl-transition) ease-in-out;
}

.hero__tab.active .hero__tab__plus, .hero__tab:hover .hero__tab__plus {
    background: rgba(244, 246, 252, 0.25);
}

.hero__tab.active .hero__tab__plus svg [fill], .hero__tab:hover .hero__tab__plus svg [fill] {
    fill: var(--nxl-white);
}

.hero__media {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    /*

  @include media-breakpoint-up(lg) {
      max-width: var(--hero-media-width-default);
      justify-content: flex-end;
  }

  img {
      max-width: var(--hero-media-width-default);
      width: 100%;
  }


   */
}

.hero__media img {
    max-width: var(--hero-media-width-default);
    width: 100%;
}

@media (min-width: 992px) {
    .hero__media {
        margin-left: 100px;
        padding-top: 100px;
    }
}

.hero--v2 .hero__media {
    justify-content: flex-end;
    align-items: center;
}

@media (min-width: 992px) {
    .hero--v2 .hero__media {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.hero--v2 .hero__media img {
    border-radius: var(--nxl-border-radius);
}

.hero-v3 {
    display: flex;
    flex-direction: column;
}

@media (min-width: 992px) {
    .hero-v3 {
        flex-direction: row;
        background: no-repeat center/cover url(/wp-content/themes/comexcel/images/hero-3.jpg);
    }

    .hero-v3.hero-v3--extended {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #000000 100%), no-repeat center/cover url(/wp-content/themes/comexcel/images/hero-3.jpg);
    }
}

@media (max-width: 768px) {
    .hero-v3 {
        margin-bottom: 460px !important;
    }
}

@media (max-width: 380px) {
    .hero-v3 {
        margin-bottom: 560px !important;
    }
}

.hero-v3__content {
    position: relative;
    min-height: 380px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.6%, #000000 100%), no-repeat center/cover url(/wp-content/themes/comexcel/images/hero-3.jpg);
}

.hero-v3__content:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.6%, #000000 100%);
}

.hero-v3__content .btn {
    width: 100%;
}

@media (min-width: 576px) {
    .hero-v3__content .btn {
        width: auto;
    }
}

@media (min-width: 992px) {
    .hero-v3:not(.hero-v3--extended) .hero-v3__content .btn {
        min-width: 240px;
        padding-top: var(--nxl-btn-lg-spacer-y);
        padding-bottom: var(--nxl-btn-lg-spacer-y);
        font-size: 26px;
    }
}

@media (min-width: 992px) {
    .hero-v3__content {
        min-height: 750px;
        background: none;
    }
}

@media (max-width: 422px) {
    .hero-v3__content .btn-primary-orange.btn-lg {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 380px) {
    .hero-v3__content .btn-primary-orange.btn-lg {
        font-size: 14px;
    }
}

@media (max-width: 380px) {
    .hero-v3__content .btn-primary-orange.btn-lg {
        font-size: 12px;
    }
}

.hero-v3__media {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F3F6;
}

@media (min-width: 992px) {
    .hero-v3__media {
        max-width: 370px;
        justify-content: flex-start;
        background-color: transparent;
    }
}

@media (min-width: 1200px) {
    .hero-v3__media {
        max-width: 420px;
    }
}

@media (min-width: 1400px) {
    .hero-v3__media {
        max-width: 460px;
    }
}

.hero-v3-phone {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 130px;
    padding-bottom: 40px;
}

.hero-v3-phone img {
    max-width: 180px;
}

@media (min-width: 992px) {
    .hero-v3-phone img {
        max-width: none;
    }
}

@media (min-width: 992px) {
    .hero-v3-phone {
        width: auto;
        max-width: 312px;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.hero-v3-phone img {
    width: 100%;
}

.hero-v3-phone__tabs {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 130px;
    padding-left: 16px;
    padding-right: 16px;
    gap: 1rem;
}

@media (max-width: 991.98px) {
    .hero-v3-phone__tabs {
        overflow: auto;
        scrollbar-width: none;
    }

    .hero-v3-phone__tabs::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
}

@media (min-width: 992px) {
    .hero-v3-phone__tabs {
        height: auto;
        bottom: 0;
    }
}

.store-goto {
    width: 100%;
    max-width: 202px;
}

.pagination__arrow:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.60156 6.39998L14.4016 12L9.60156 17.6' stroke='%2323243F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pagination__arrow--prev:after {
    transform: rotate(180deg);
}

.pagination a {
    --nxl-link-color: #23243F;
    --nxl-link-hover-color: var(--nxl-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    background: #F1F3F6;
    border-radius: 8px;
    transition: background-color 200ms ease;
}

.pagination a:hover {
    background-color: var(--nxl-primary);
}

.filter {
    position: relative;
}

.filter__categories {
    width: 100%;
}

@media (min-width: 768px) {
    .filter__categories {
        max-width: 300px;
    }
}

.search {
    --size: 64px;
    min-width: var(--size);
    height: var(--size);
    background: var(--form-control-background);
    border-radius: 8px;
}

.search:not(.search--hidden) {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

@media (min-width: 768px) {
    .search:not(.search--hidden) {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
    }
}

.search__trigger {
    height: inherit;
    aspect-ratio: 1;
    border: none;
    background: transparent;
}

.search--hidden .search__trigger {
    cursor: pointer;
}

.search:not(.search--hidden) .search__trigger {
    cursor: default;
}

.search__trigger svg path {
    transition: stroke 200ms ease;
}

.search--hidden .search__trigger:hover svg path {
    stroke: var(--nxl-primary);
}

.search__inner {
    overflow: hidden;
    width: 0;
}

.search:not(.search--hidden) .search__inner {
    width: 100%;
}

.search__input input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
}

.search__close {
    height: var(--size);
    padding: 0;
    aspect-ratio: 1;
    border: none;
    background: transparent;
}

.search__close svg {
    display: block;
}

.search__close svg .search__close-circle {
    transition: fill 200ms ease;
}

.search__close:hover svg .search__close-circle {
    fill: var(--nxl-primary);
}

.breadcrumbs {
    --nxl-link-color: #7E7F8F;
    --nxl-link-hover-color: var(--nxl-primary);
    --gap: 24px;
    --diviver-size: 6px;
    --nxl-diviver-color: var(--nxl-link-color);
    display: flex;
    padding-left: 0;
    list-style: none;
    gap: var(--gap);
}

.breadcrumbs li {
    position: relative;
}

.breadcrumbs li:last-child {
    --nxl-diviver-color: var(--nxl-dark);
}

.breadcrumbs li:not(:first-child):before {
    content: "";
    position: absolute;
    top: calc(50% - var(--diviver-size) / 2);
    left: calc(-1 * var(--gap) / 2 - var(--diviver-size) / 2);
    width: var(--diviver-size);
    height: var(--diviver-size);
    background-color: var(--nxl-diviver-color);
    border-radius: 50%;
    transition: all 200ms ease;
}

.text-content {
    --content-offset: 0;
    --content-margin-top: 24px;
    --content-margin-bottom: 24px;
    --content-h2-margin-top: 56px;
    --content-h2-margin-bottom: 32px;
    --content-h3-margin-top: 32px;
    --content-h3-margin-bottom: 32px;
    --content-h4-margin-top: 32px;
    --content-h4-margin-bottom: 32px;
}

@media (min-width: 992px) {
    .text-content {
        --content-offset: 40px;
    }
}

@media (min-width: 1200px) {
    .text-content {
        --content-h2-margin-top: 72px;
        --content-margin-top: 32px;
        --content-margin-bottom: 32px;
        --content-offset: 80px;
    }
}

.text-content > *:not(:first-child) {
    margin-top: var(--content-margin-top);
}

.text-content > *:not(:last-child) {
    margin-bottom: var(--content-margin-bottom);
}

.text-content ul.breadcrumbs {
    margin-left: var(--content-offset);
    margin-right: var(--content-offset);
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content ul,
.text-content ol,
.text-content blockquote,
.text-content p {
    margin-left: var(--content-offset);
    margin-right: var(--content-offset);
}

.text-content blockquote {
    padding: 16px 32px;
    border-left: 6px solid var(--nxl-primary);
    background: #F1F3F6;
    border-radius: 5px;
}

.text-content h1 {
    font-size: calc(1.5125rem + 3.15vw);
}

@media (min-width: 1200px) {
    .text-content h1 {
        font-size: 3.875rem;
    }
}

.text-content h2 {
    --content-margin-top: var(--content-h2-margin-top);
    --content-margin-bottom: var(--content-h2-margin-bottom);
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    .text-content h2 {
        font-size: 2.5rem;
    }
}

.text-content h3 {
    --content-margin-top: var(--content-h3-margin-top);
    --content-margin-bottom: var(--content-h3-margin-bottom);
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
    .text-content h3 {
        font-size: 2rem;
    }
}

.text-content h4 {
    --content-margin-top: var(--content-h4-margin-top);
    --content-margin-bottom: var(--content-h4-margin-bottom);
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
    .text-content h4 {
        font-size: 1.5rem;
    }
}

.text-content ul:not(.breadcrumbs) li:not(:first-child),
.text-content ol:not(.breadcrumbs) li:not(:first-child) {
    margin-top: calc(var(--content-margin-top) / 3);
}

.text-content ul:not(.breadcrumbs) li:not(:last-child),
.text-content ol:not(.breadcrumbs) li:not(:last-child) {
    margin-bottom: calc(var(--content-margin-bottom) / 3);
}

.text-content .article-info {
    margin-left: var(--content-offset);
    margin-right: var(--content-offset);
}

.text-content picture {
    display: block;
    float: none !important;
}

.text-content picture img {
    width: 100%;
    border-radius: 8px;
}

.tag {
    --nxl-link-color: var(--nxl-dark);
    --nxl-link-hover-color: var(--nxl-primary);
    padding: 4px 12px;
    background: var(--form-control-background);
    border-radius: 8px;
}

.share {
    --nxl-share-size: 40px;
    --nxl-share-bg: var(--nxl-primary);
}

.share__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--nxl-share-size);
    height: var(--nxl-share-size);
    background-color: var(--nxl-share-bg);
    border-radius: 50%;
    transition: opacity 200ms ease;
}

.share__item:not(.copied):hover {
    opacity: 0.75;
}

.share__item--copy {
    --nxl-share-bg: var(--form-control-background);
}

.copy__copied {
    fill: var(--nxl-success);
}

.copy:not(.copied) .copy__copied {
    display: none;
}

.copy.copied .copy__default {
    display: none;
}

.signup-form {
    margin: 0 calc(-1 * var(--dialog-body-offset-end)) calc(-1 * var(--dialog-body-offset-bottom)) calc(-1 * var(--dialog-body-offset-start));
    text-align: left;
}

.signup-form__body {
    max-height: 60vh;
    padding: 0 var(--dialog-body-offset-end) var(--dialog-body-offset-bottom) var(--dialog-body-offset-start);
}

.signup-form__body .form-control {
    --form-control-height: 56px;
    --form-control-offset-x: 16px;
}

.signup-form__footer {
    border-top: 1px solid rgba(35, 36, 63, 0.15);
    padding: var(--dialog-body-offset-top) var(--dialog-body-offset-end) var(--dialog-body-offset-bottom) var(--dialog-body-offset-start);
}

.signup-form__footer .btn {
    --nxl-btn-spacer-x: 40px;
    --nxl-btn-spacer-y: 10px;
}

.signup-form__footer .btn.btn-primary:disabled {
    --nxl-btn-border-color: #D8DADE;
    --nxl-btn-bg-color: #D8DADE;
}

.steps {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--dialog-body-offset-bottom);
    padding-bottom: var(--dialog-body-offset-bottom);
}

@media (min-width: 768px) {
    .steps {
        border-bottom: 1px solid rgba(35, 36, 63, 0.15);
    }
}

@media (min-width: 768px) {
    .steps:before {
        content: "";
        position: absolute;
        top: 19px;
        left: 0;
        right: 0;
        height: 2px;
        background-color: rgba(35, 36, 63, 0.15);
    }
}

.steps .step {
    position: relative;
    display: none;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: rgba(35, 36, 63, 0.6);
}

@media (min-width: 768px) {
    .steps .step {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }
}

@media (min-width: 768px) {
    .steps .step:after {
        content: "";
        z-index: 5;
        position: absolute;
        top: 0;
        left: -10px;
        width: 60px;
        height: 40px;
        background-color: white;
    }
}

.steps .step:before {
    content: attr(data-number);
    z-index: 10;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(35, 36, 63, 0.15);
    border-radius: 50px;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
}

.steps .step:last-child:after {
    width: auto;
    right: 0;
}

.steps .step.current {
    display: flex;
}

.steps .step.active {
    color: #23243F;
}

.steps .step.active:before {
    background: #3864D1;
    color: white;
}

.autoComplete_wrapper {
    position: relative;
}

.autoComplete_wrapper .autoComplete_ul {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    padding: 8px calc(var(--form-control-offset-x) / 2);
    border: 1px solid var(--form-control-border);
    border-radius: var(--form-control-radius);
    background-color: var(--form-control-background);
    margin: 0;
    list-style: none;
}

.autoComplete_wrapper .autoComplete_ul li {
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 8px calc(var(--form-control-offset-x) / 2);
    cursor: pointer;
}

.autoComplete_wrapper .autoComplete_ul li[aria-selected=true] {
    border-color: var(--nxl-primary);
}

.phone-selector [type=radio] {
    position: absolute;
}

.phone-selector label {
    display: flex;
    justify-content: center;
    min-width: 150px;
    background: #EFF0F8;
    border-radius: 44px;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #23243F;
    transition: all 200ms ease;
    cursor: pointer;
}

@media (min-width: 576px) {
    .phone-selector label {
        min-width: 160px;
    }
}

.phone-selector [type=radio]:checked + label {
    background-color: var(--nxl-primary);
    color: var(--nxl-white);
}

.local-numbers {
    background: #EFF0F8;
}

@media (min-width: 992px) {
    .local-numbers {
        min-height: 480px;
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--nxl-primary);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}

/*//form*/

.form-container {
    justify-content: space-between;
    font-family: ui-sans-serif, system-ui, -apple-system;
}

.form-wrapper {
    max-width: 576px;
}

.section-form .form-img {
    margin-top: 20px;
}

.section-form .form-img img {
    max-width: 448px;
    box-shadow: 0 25px 50px -12px #00000040;
}

.section-form h1 {
    font-size: clamp(1.875rem, 1.7394rem + 0.6383vw, 2.25rem) !important;
    font-weight: 700;
    margin-bottom: 2px;
}

.section-form .text-sm {
    font-size: 14px;
    color: #64748b;
}

.section-form .text-lg {
    color: #64748b;
}

.section-form .form {
    margin-top: 32px;
    gap: 19px 16px;
    max-width: 576px;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-between;
}

.section-form .form .col-md-6 {
    padding-right: 0;
    padding-left: 0;
    width: 48%;
}

.section-form .form-control, .section-form .form-select {
    height: 56px;
    border-radius: 7px !important;
    background-color: #f1f4fa;
    margin-top: 7px;
    padding-left: 18px;
    padding-right: 18px;
    max-width: 280px;
    min-height: unset;
    font-weight: 400;
    color: #020817;
}

.section-form .form-textarea {
    max-width: none;
    min-height: 120px;
    padding: 16px 20px;
    font-size: 16px;
    font-family: ui-sans-serif, system-ui, -apple-system;
}

.form-textarea:focus,
.form-textarea:focus-visible,
input.form-control:focus,
input.form-control:focus-visible {
    background-color: white !important;
    color: #020817 !important;
    border: 2px solid #020817 !important;
    outline: none !important;
}

.section-form .form-select {
    padding-right: 0;
}

.section-form label.text-sm {
    font-weight: 500;
    color: #020817;
}

.section-form a.text-sm {
    color: #d97706;
    margin-right: 10px;
}

.section-form a.text-sm:hover {
    text-decoration: underline;
}

.section-form .ss-main .ss-values {
    padding-left: 0;
    color: #212734;
}

.section-form .btn {
    border-radius: 7px;
    margin-top: 20px;
    font-weight: 600;
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

.section-form input::placeholder {
    color: #8594b5;
}

.section-form .ss-main .ss-arrow path {
    stroke: #8594b5;
}

.section-form .text-border {
    text-align: center;
    padding-top: 13px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 20px;
}

.form-control-container {
    #display: none;
    position: absolute;
    left: -5000px;
}

main .section-form .btn:not(:has(svg))::after {
    width: 16px;
    height: 11px;
}

.section-form .row .col-12 {
    padding: 0;
}

.section-form .ss-content .ss-list .ss-option {
    background: white;
    font-size: 14px;
     border-radius: 7px;
}

.select-form .ss-list .ss-option {
    padding: 5px 5px 5px 35px;
    font-size: 14px;
    background-color: white;
    font-weight: 400;
    position: relative;
    border-radius: 3px;
}

 .select-form .ss-list .ss-disabled{
    display: none;
}

.select-form .ss-list .ss-option:hover{
    background-color: #f1f4fa;
 }

.select-form .ss-list .ss-option:not(.ss-disabled).ss-selected:before {
    content: '✓';
    position: absolute;
    left: 13px;
    top: 5px;
    width: 10px;
    font-family: sans-serif;
}

.select-form .ss-list {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    padding: 3px;
    background-color: white;
}

@media (max-width: 1200px) {
    .section-form .form-img {
        display: none;
    }

    .form-container {
        justify-content: center;
    }
}

@media (max-width: 500px) {
    .section-form .form .col-md-6 {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .section-form .form-control, .section-form .form-select {
        max-width: none;
    }
}

@media (max-width: 380px) {
    .section-form .btn {
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
    }
}