:root {
    --base-font: "Open Sans", sans-serif;
    --white: #FFFFFF;
    --black: #212121;
    --accent: #105AB2;
    --accent-active: #0B4C9A;
    --accent-100: #0057B7;
    --accent-light: #ABC2DC;
    --accent-dark: #034595;
    --secondary: #0057B7;
    --yellow: #FEECC4;
    --gray: #ABC2DC;
    --gray-100: #D1D1D1;
    --gray-200: #ABC2DC;
    --gray-300: #D1E0F1;
    --light: #FCF7F2;
    --beige: #C8AB7D;
    --error: #C12026;
    --text-size-110: 110px;
    --text-size-96: 96px;
    --text-size-64: 64px;
    --text-size-48: 48px;
    --text-size-36: 36px;
    --text-size-32: 32px;
    --text-size-24: 24px;
    --text-size-20: 20px;
    --text-size-18: 18px;
    --text-size: 16px;
    --text-size-14: 14px;
    --text-size-12: 12px;
    --lh-xs: 1.2;
    --lh-sm: 1.3;
    --lh-default: 1.5;
    --fw-light: 300;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semi: 600;
    --fw-bold: 700;
    --transition: .3s;
    --transition-long: .6s;
    --transition-fast: .2s;
    --header-z-index: 100;
    --header-menu-index: 99;
    --window-height: 100vh;
    --bs-body-font-family: var(--base-font);
    --bs-body-font-size: var(--text-size);
    --bs-body-font-weight: var(--fw-normal);
    --bs-body-line-height: var(--lh-sm);
    --bs-body-bg: var(--light);
    --bs-body-color: var(--black)
}

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

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);
    margin: 0
}

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

h2 {
    font-size: calc(1.325rem + .9vw)
}

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

h3 {
    font-size: calc(1.3rem + .6vw)
}

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

h4 {
    font-size: calc(1.275rem + .3vw)
}

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

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

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

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

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote, figure {
    margin: 0 0 1rem
}

mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: var(--bs-highlight-bg)
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    background-color: transparent;
    text-decoration: none
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

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

code, kbd, pre, samp {
    font-family: var(--bs-font-monospace)
}

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

code {
    color: var(--bs-code-color);
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

button, input, optgroup, select, textarea {
    font-family: inherit
}

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

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
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical;
    overflow: auto
}

fieldset {
    min-width: 0;
    margin: 0;
    border: 0;
    padding: .35em .75em .625em
}

legend {
    float: left;
    width: 100%;
    margin-bottom: .5rem;
    line-height: inherit;
    font-size: calc(1.275rem + .3vw)
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search]::-webkit-search-cancel-button {
    cursor: pointer;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    cursor: pointer;
    display: list-item
}

[hidden] {
    display: none !important
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

details, main {
    display: block
}

h1 {
    font-size: 2em
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

abbr[title] {
    -webkit-text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    width: auto;
    height: auto;
    max-width: 100%
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: ButtonText dotted 1px
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[hidden], template {
    display: none
}

.swiper-button-next, .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 1;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid var(--accent);
    color: var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color var(--transition), color var(--transition), border-color var(--transition);
    transition: background-color var(--transition), color var(--transition), border-color var(--transition)
}

@media (min-width: 1200px) {
    .swiper-button-next, .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1650px) {
    .swiper-button-next, .swiper-button-prev {
        top: calc(50% - 10px)
    }
}

.swiper-button-next:active, .swiper-button-prev:active {
    background-color: var(--accent-active);
    border-color: var(--accent-active);
    color: var(--white)
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--white);
}

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

.swiper-button-next img, .swiper-button-next svg, .swiper-button-prev img, .swiper-button-prev svg {
    width: 10px;
    height: 10px
}

.swiper-button-disabled {
    pointer-events: initial !important;
    opacity: 1 !important;
    background-color: transparent !important;
    border-color: var(--accent) !important;
    color: var(--accent) !important
}

.swiper-button-lock {
    display: none !important
}

.iti {
    position: relative;
    display: inline-block;
    width: 100%
}

.iti * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti__a11y-text {
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute
}

.iti input.iti__tel-input, .iti input.iti__tel-input[type=tel], .iti input.iti__tel-input[type=text] {
    position: relative;
    z-index: 0;
    margin: 0 !important
}

.form__field-wrap.focus .iti input.iti__tel-input[type=text] {
    color: var(--black)
}

.iti input.iti__tel-input[type=text] {
    margin-left: -5px !important
}

.iti__country-container {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    margin-bottom: 1px
}

.iti__selected-country {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0 0 0 20px;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border-radius: 0;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none
}

.iti__selected-country-primary {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 var(--iti-arrow-padding) 0 0;
    background: 0 0
}

.iti__selected-country-primary:after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(var(--iti-arrow-padding) / 2);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 16px;
    width: 1px
}

.iti__arrow {
    margin-left: calc(var(--iti-arrow-padding) / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url(../img/iti-arrow.svg);
    background-size: 6px;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all var(--transition);
    transition: all var(--transition)
}

.iti__arrow--up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.iti__dropdown-content {
    position: relative;
    border-radius: 3px
}

.iti__search-clear, .iti__search-icon {
    display: none
}

.iti__search-input-wrapper:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 13px;
    background-image: url(/img/phone-search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px
}

.iti--inline-dropdown .iti__dropdown-content {
    position: absolute;
    z-index: 4;
    margin-top: 3px;
    margin-left: calc(var(--iti-border-width) * -1);
    background: #fff;
    border: 1px solid var(--gray-300);
    border-radius: 16px;
    padding: 8px
}

.iti__search-input {
    width: 100%;
    border-width: 0;
    outline: 0;
    padding-left: 25px;
    font-weight: 500;
    font-family: var(--base-font);
    color: var(--black);
    font-size: 16px;
    line-height: 1.5
}

.iti__country-list {
    border-top: 1px solid var(--iti-border-color);
    list-style: none;
    padding: 5px 0 0;
    margin: 5px 0 0;
    overflow-y: scroll;
    scrollbar-width: thin !important;
    border-top: 1px solid var(--gray-300)
}

.iti__search-input::-webkit-input-placeholder {
    font-weight: 500;
    font-family: var(--base-font);
    color: var(--gray-300);
    font-size: 16px;
    line-height: 1.5
}

.iti__search-input::-moz-placeholder {
    font-weight: 500;
    font-family: var(--base-font);
    color: var(--gray-300);
    font-size: 16px;
    line-height: 1.5
}

.iti__search-input:-ms-input-placeholder {
    font-weight: 500;
    font-family: var(--base-font);
    color: var(--gray-300);
    font-size: 16px;
    line-height: 1.5
}

.iti__search-input::-ms-input-placeholder {
    font-weight: 500;
    font-family: var(--base-font);
    color: var(--gray-300);
    font-size: 16px;
    line-height: 1.5
}

.iti__search-input::placeholder {
    font-weight: 500;
    font-family: var(--base-font);
    color: var(--gray-300);
    font-size: 16px;
    line-height: 1.5
}

.iti--inline-dropdown .iti__country-list {
    max-height: 185px
}

.iti__no-results {
    border-top: 1px solid var(--gray-300);
    padding-top: 5px;
    margin-top: 5px
}

.iti--flexible-dropdown-width .iti__country-list {
    white-space: nowrap
}

@media (max-width: 500px) {
    .iti--flexible-dropdown-width .iti__country-list {
        white-space: normal
    }
}

.iti__country {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px var(--iti-spacer-horizontal);
    outline: 0
}

.iti__dial-code {
    color: var(--iti-dialcode-color)
}

.iti__dial-code:before {
    content: "(";
    color: var(--black)
}

.iti__dial-code:after {
    content: ")";
    color: var(--black)
}

.iti__country.iti__highlight {
    background: var(--light);
    color: var(--black);
    border-radius: 8px
}

.iti__country[aria-selected=true]:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url(/img/iti-check.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px
}

.iti__country-name, .iti__dial-code {
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--base-font);
    color: var(--black)
}

.iti__country-list .iti__flag, .iti__country-name {
    margin-right: var(--iti-spacer-horizontal)
}

[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
    margin-right: 0;
    margin-left: var(--iti-spacer-horizontal)
}

.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])):hover button {
    cursor: pointer
}

.iti .iti__selected-dial-code {
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--base-font);
    color: var(--accent)
}

.form__field-wrap.focus .iti__selected-dial-code {
    color: var(--black)
}

[dir=rtl] .iti .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 4px
}

.iti--container {
    position: fixed;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: var(--iti-border-width)
}

.iti--container:hover {
    cursor: pointer
}

.iti--fullscreen-popup.iti--container {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding: var(--iti-mobile-popup-margin);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.iti--fullscreen-popup .iti__dropdown-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
    position: relative
}

.iti--fullscreen-popup .iti__country {
    padding: 10px;
    line-height: 1.5em
}

.iti__flag {
    --iti-flag-offset: 100px;
    height: var(--iti-flag-height);
    width: var(--iti-flag-width);
    border-radius: 1px;
    -webkit-box-shadow: 0 0 1px 0 var(--gray-300);
    box-shadow: 0 0 1px 0 var(--gray-300);
    background-image: var(--iti-path-flags-1x);
    background-repeat: no-repeat;
    background-position: var(--iti-flag-offset) 0;
    background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)
}

.iti__ac {
    --iti-flag-offset: 0px
}

.iti__ad {
    --iti-flag-offset: -16px
}

.iti__ae {
    --iti-flag-offset: -32px
}

.iti__af {
    --iti-flag-offset: -48px
}

.iti__ag {
    --iti-flag-offset: -64px
}

.iti__ai {
    --iti-flag-offset: -80px
}

.iti__al {
    --iti-flag-offset: -96px
}

.iti__am {
    --iti-flag-offset: -112px
}

.iti__ao {
    --iti-flag-offset: -128px
}

.iti__ar {
    --iti-flag-offset: -144px
}

.iti__as {
    --iti-flag-offset: -160px
}

.iti__at {
    --iti-flag-offset: -176px
}

.iti__au {
    --iti-flag-offset: -192px
}

.iti__aw {
    --iti-flag-offset: -208px
}

.iti__ax {
    --iti-flag-offset: -224px
}

.iti__az {
    --iti-flag-offset: -240px
}

.iti__ba {
    --iti-flag-offset: -256px
}

.iti__bb {
    --iti-flag-offset: -272px
}

.iti__bd {
    --iti-flag-offset: -288px
}

.iti__be {
    --iti-flag-offset: -304px
}

.iti__bf {
    --iti-flag-offset: -320px
}

.iti__bg {
    --iti-flag-offset: -336px
}

.iti__bh {
    --iti-flag-offset: -352px
}

.iti__bi {
    --iti-flag-offset: -368px
}

.iti__bj {
    --iti-flag-offset: -384px
}

.iti__bl {
    --iti-flag-offset: -400px
}

.iti__bm {
    --iti-flag-offset: -416px
}

.iti__bn {
    --iti-flag-offset: -432px
}

.iti__bo {
    --iti-flag-offset: -448px
}

.iti__bq {
    --iti-flag-offset: -464px
}

.iti__br {
    --iti-flag-offset: -480px
}

.iti__bs {
    --iti-flag-offset: -496px
}

.iti__bt {
    --iti-flag-offset: -512px
}

.iti__bw {
    --iti-flag-offset: -528px
}

.iti__by {
    --iti-flag-offset: -544px
}

.iti__bz {
    --iti-flag-offset: -560px
}

.iti__ca {
    --iti-flag-offset: -576px
}

.iti__cc {
    --iti-flag-offset: -592px
}

.iti__cd {
    --iti-flag-offset: -608px
}

.iti__cf {
    --iti-flag-offset: -624px
}

.iti__cg {
    --iti-flag-offset: -640px
}

.iti__ch {
    --iti-flag-offset: -656px
}

.iti__ci {
    --iti-flag-offset: -672px
}

.iti__ck {
    --iti-flag-offset: -688px
}

.iti__cl {
    --iti-flag-offset: -704px
}

.iti__cm {
    --iti-flag-offset: -720px
}

.iti__cn {
    --iti-flag-offset: -736px
}

.iti__co {
    --iti-flag-offset: -752px
}

.iti__cr {
    --iti-flag-offset: -768px
}

.iti__cu {
    --iti-flag-offset: -784px
}

.iti__cv {
    --iti-flag-offset: -800px
}

.iti__cw {
    --iti-flag-offset: -816px
}

.iti__cx {
    --iti-flag-offset: -832px
}

.iti__cy {
    --iti-flag-offset: -848px
}

.iti__cz {
    --iti-flag-offset: -864px
}

.iti__de {
    --iti-flag-offset: -880px
}

.iti__dj {
    --iti-flag-offset: -896px
}

.iti__dk {
    --iti-flag-offset: -912px
}

.iti__dm {
    --iti-flag-offset: -928px
}

.iti__do {
    --iti-flag-offset: -944px
}

.iti__dz {
    --iti-flag-offset: -960px
}

.iti__ec {
    --iti-flag-offset: -976px
}

.iti__ee {
    --iti-flag-offset: -992px
}

.iti__eg {
    --iti-flag-offset: -1008px
}

.iti__eh {
    --iti-flag-offset: -1024px
}

.iti__er {
    --iti-flag-offset: -1040px
}

.iti__es {
    --iti-flag-offset: -1056px
}

.iti__et {
    --iti-flag-offset: -1072px
}

.iti__fi {
    --iti-flag-offset: -1088px
}

.iti__fj {
    --iti-flag-offset: -1104px
}

.iti__fk {
    --iti-flag-offset: -1120px
}

.iti__fm {
    --iti-flag-offset: -1136px
}

.iti__fo {
    --iti-flag-offset: -1152px
}

.iti__fr {
    --iti-flag-offset: -1168px
}

.iti__ga {
    --iti-flag-offset: -1184px
}

.iti__gb {
    --iti-flag-offset: -1200px
}

.iti__gd {
    --iti-flag-offset: -1216px
}

.iti__ge {
    --iti-flag-offset: -1232px
}

.iti__gf {
    --iti-flag-offset: -1248px
}

.iti__gg {
    --iti-flag-offset: -1264px
}

.iti__gh {
    --iti-flag-offset: -1280px
}

.iti__gi {
    --iti-flag-offset: -1296px
}

.iti__gl {
    --iti-flag-offset: -1312px
}

.iti__gm {
    --iti-flag-offset: -1328px
}

.iti__gn {
    --iti-flag-offset: -1344px
}

.iti__gp {
    --iti-flag-offset: -1360px
}

.iti__gq {
    --iti-flag-offset: -1376px
}

.iti__gr {
    --iti-flag-offset: -1392px
}

.iti__gt {
    --iti-flag-offset: -1408px
}

.iti__gu {
    --iti-flag-offset: -1424px
}

.iti__gw {
    --iti-flag-offset: -1440px
}

.iti__gy {
    --iti-flag-offset: -1456px
}

.iti__hk {
    --iti-flag-offset: -1472px
}

.iti__hn {
    --iti-flag-offset: -1488px
}

.iti__hr {
    --iti-flag-offset: -1504px
}

.iti__ht {
    --iti-flag-offset: -1520px
}

.iti__hu {
    --iti-flag-offset: -1536px
}

.iti__id {
    --iti-flag-offset: -1552px
}

.iti__ie {
    --iti-flag-offset: -1568px
}

.iti__il {
    --iti-flag-offset: -1584px
}

.iti__im {
    --iti-flag-offset: -1600px
}

.iti__in {
    --iti-flag-offset: -1616px
}

.iti__io {
    --iti-flag-offset: -1632px
}

.iti__iq {
    --iti-flag-offset: -1648px
}

.iti__ir {
    --iti-flag-offset: -1664px
}

.iti__is {
    --iti-flag-offset: -1680px
}

.iti__it {
    --iti-flag-offset: -1696px
}

.iti__je {
    --iti-flag-offset: -1712px
}

.iti__jm {
    --iti-flag-offset: -1728px
}

.iti__jo {
    --iti-flag-offset: -1744px
}

.iti__jp {
    --iti-flag-offset: -1760px
}

.iti__ke {
    --iti-flag-offset: -1776px
}

.iti__kg {
    --iti-flag-offset: -1792px
}

.iti__kh {
    --iti-flag-offset: -1808px
}

.iti__ki {
    --iti-flag-offset: -1824px
}

.iti__km {
    --iti-flag-offset: -1840px
}

.iti__kn {
    --iti-flag-offset: -1856px
}

.iti__kp {
    --iti-flag-offset: -1872px
}

.iti__kr {
    --iti-flag-offset: -1888px
}

.iti__kw {
    --iti-flag-offset: -1904px
}

.iti__ky {
    --iti-flag-offset: -1920px
}

.iti__kz {
    --iti-flag-offset: -1936px
}

.iti__la {
    --iti-flag-offset: -1952px
}

.iti__lb {
    --iti-flag-offset: -1968px
}

.iti__lc {
    --iti-flag-offset: -1984px
}

.iti__li {
    --iti-flag-offset: -2000px
}

.iti__lk {
    --iti-flag-offset: -2016px
}

.iti__lr {
    --iti-flag-offset: -2032px
}

.iti__ls {
    --iti-flag-offset: -2048px
}

.iti__lt {
    --iti-flag-offset: -2064px
}

.iti__lu {
    --iti-flag-offset: -2080px
}

.iti__lv {
    --iti-flag-offset: -2096px
}

.iti__ly {
    --iti-flag-offset: -2112px
}

.iti__ma {
    --iti-flag-offset: -2128px
}

.iti__mc {
    --iti-flag-offset: -2144px
}

.iti__md {
    --iti-flag-offset: -2160px
}

.iti__me {
    --iti-flag-offset: -2176px
}

.iti__mf {
    --iti-flag-offset: -2192px
}

.iti__mg {
    --iti-flag-offset: -2208px
}

.iti__mh {
    --iti-flag-offset: -2224px
}

.iti__mk {
    --iti-flag-offset: -2240px
}

.iti__ml {
    --iti-flag-offset: -2256px
}

.iti__mm {
    --iti-flag-offset: -2272px
}

.iti__mn {
    --iti-flag-offset: -2288px
}

.iti__mo {
    --iti-flag-offset: -2304px
}

.iti__mp {
    --iti-flag-offset: -2320px
}

.iti__mq {
    --iti-flag-offset: -2336px
}

.iti__mr {
    --iti-flag-offset: -2352px
}

.iti__ms {
    --iti-flag-offset: -2368px
}

.iti__mt {
    --iti-flag-offset: -2384px
}

.iti__mu {
    --iti-flag-offset: -2400px
}

.iti__mv {
    --iti-flag-offset: -2416px
}

.iti__mw {
    --iti-flag-offset: -2432px
}

.iti__mx {
    --iti-flag-offset: -2448px
}

.iti__my {
    --iti-flag-offset: -2464px
}

.iti__mz {
    --iti-flag-offset: -2480px
}

.iti__na {
    --iti-flag-offset: -2496px
}

.iti__nc {
    --iti-flag-offset: -2512px
}

.iti__ne {
    --iti-flag-offset: -2528px
}

.iti__nf {
    --iti-flag-offset: -2544px
}

.iti__ng {
    --iti-flag-offset: -2560px
}

.iti__ni {
    --iti-flag-offset: -2576px
}

.iti__nl {
    --iti-flag-offset: -2592px
}

.iti__no {
    --iti-flag-offset: -2608px
}

.iti__np {
    --iti-flag-offset: -2624px
}

.iti__nr {
    --iti-flag-offset: -2640px
}

.iti__nu {
    --iti-flag-offset: -2656px
}

.iti__nz {
    --iti-flag-offset: -2672px
}

.iti__om {
    --iti-flag-offset: -2688px
}

.iti__pa {
    --iti-flag-offset: -2704px
}

.iti__pe {
    --iti-flag-offset: -2720px
}

.iti__pf {
    --iti-flag-offset: -2736px
}

.iti__pg {
    --iti-flag-offset: -2752px
}

.iti__ph {
    --iti-flag-offset: -2768px
}

.iti__pk {
    --iti-flag-offset: -2784px
}

.iti__pl {
    --iti-flag-offset: -2800px
}

.iti__pm {
    --iti-flag-offset: -2816px
}

.iti__pr {
    --iti-flag-offset: -2832px
}

.iti__ps {
    --iti-flag-offset: -2848px
}

.iti__pt {
    --iti-flag-offset: -2864px
}

.iti__pw {
    --iti-flag-offset: -2880px
}

.iti__py {
    --iti-flag-offset: -2896px
}

.iti__qa {
    --iti-flag-offset: -2912px
}

.iti__re {
    --iti-flag-offset: -2928px
}

.iti__ro {
    --iti-flag-offset: -2944px
}

.iti__rs {
    --iti-flag-offset: -2960px
}

.iti__ru {
    --iti-flag-offset: -2976px
}

.iti__rw {
    --iti-flag-offset: -2992px
}

.iti__sa {
    --iti-flag-offset: -3008px
}

.iti__sb {
    --iti-flag-offset: -3024px
}

.iti__sc {
    --iti-flag-offset: -3040px
}

.iti__sd {
    --iti-flag-offset: -3056px
}

.iti__se {
    --iti-flag-offset: -3072px
}

.iti__sg {
    --iti-flag-offset: -3088px
}

.iti__sh {
    --iti-flag-offset: -3104px
}

.iti__si {
    --iti-flag-offset: -3120px
}

.iti__sj {
    --iti-flag-offset: -3136px
}

.iti__sk {
    --iti-flag-offset: -3152px
}

.iti__sl {
    --iti-flag-offset: -3168px
}

.iti__sm {
    --iti-flag-offset: -3184px
}

.iti__sn {
    --iti-flag-offset: -3200px
}

.iti__so {
    --iti-flag-offset: -3216px
}

.iti__sr {
    --iti-flag-offset: -3232px
}

.iti__ss {
    --iti-flag-offset: -3248px
}

.iti__st {
    --iti-flag-offset: -3264px
}

.iti__sv {
    --iti-flag-offset: -3280px
}

.iti__sx {
    --iti-flag-offset: -3296px
}

.iti__sy {
    --iti-flag-offset: -3312px
}

.iti__sz {
    --iti-flag-offset: -3328px
}

.iti__tc {
    --iti-flag-offset: -3344px
}

.iti__td {
    --iti-flag-offset: -3360px
}

.iti__tg {
    --iti-flag-offset: -3376px
}

.iti__th {
    --iti-flag-offset: -3392px
}

.iti__tj {
    --iti-flag-offset: -3408px
}

.iti__tk {
    --iti-flag-offset: -3424px
}

.iti__tl {
    --iti-flag-offset: -3440px
}

.iti__tm {
    --iti-flag-offset: -3456px
}

.iti__tn {
    --iti-flag-offset: -3472px
}

.iti__to {
    --iti-flag-offset: -3488px
}

.iti__tr {
    --iti-flag-offset: -3504px
}

.iti__tt {
    --iti-flag-offset: -3520px
}

.iti__tv {
    --iti-flag-offset: -3536px
}

.iti__tw {
    --iti-flag-offset: -3552px
}

.iti__tz {
    --iti-flag-offset: -3568px
}

.iti__ua {
    --iti-flag-offset: -3584px
}

.iti__ug {
    --iti-flag-offset: -3600px
}

.iti__us {
    --iti-flag-offset: -3616px
}

.iti__uy {
    --iti-flag-offset: -3632px
}

.iti__uz {
    --iti-flag-offset: -3648px
}

.iti__va {
    --iti-flag-offset: -3664px
}

.iti__vc {
    --iti-flag-offset: -3680px
}

.iti__ve {
    --iti-flag-offset: -3696px
}

.iti__vg {
    --iti-flag-offset: -3712px
}

.iti__vi {
    --iti-flag-offset: -3728px
}

.iti__vn {
    --iti-flag-offset: -3744px
}

.iti__vu {
    --iti-flag-offset: -3760px
}

.iti__wf {
    --iti-flag-offset: -3776px
}

.iti__ws {
    --iti-flag-offset: -3792px
}

.iti__xk {
    --iti-flag-offset: -3808px
}

.iti__ye {
    --iti-flag-offset: -3824px
}

.iti__yt {
    --iti-flag-offset: -3840px
}

.iti__za {
    --iti-flag-offset: -3856px
}

.iti__zm {
    --iti-flag-offset: -3872px
}

.iti__zw {
    --iti-flag-offset: -3888px
}

.iti__globe {
    background-image: var(--iti-path-globe-1x);
    background-size: contain;
    background-position: right;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 19px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2x) {
    .iti__flag {
        background-image: var(--iti-path-flags-2x)
    }

    .iti__globe {
        background-image: var(--iti-path-globe-2x)
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 760px) {
    .container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1034px) {
    .container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1392px;
        margin-left: auto;
        margin-right: auto
    }
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSans/OpenSans-Light.eot);
    src: url(../fonts/OpenSans/OpenSans-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans/OpenSans-Light.woff2) format("woff2"), url(../fonts/OpenSans/OpenSans-Light.woff) format("woff"), url(../fonts/OpenSans/OpenSans-Light.ttf) format("truetype"), url(../fonts/OpenSans/OpenSans-Light.svg#Hind-Regular) format("svg");
    font-weight: 300;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSans/OpenSans-Regular.eot);
    src: url(../fonts/OpenSans/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"), url(../fonts/OpenSans/OpenSans-Regular.woff) format("woff"), url(../fonts/OpenSans/OpenSans-Regular.ttf) format("truetype"), url(../fonts/OpenSans/OpenSans-Regular.svg#Hind-Regular) format("svg");
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSans/OpenSans-Medium.eot);
    src: url(../fonts/OpenSans/OpenSans-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans/OpenSans-Medium.woff2) format("woff2"), url(../fonts/OpenSans/OpenSans-Medium.woff) format("woff"), url(../fonts/OpenSans/OpenSans-Medium.ttf) format("truetype"), url(../fonts/OpenSans/OpenSans-Medium.svg#Hind-Regular) format("svg");
    font-weight: 500;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSans/OpenSans-SemiBold.eot);
    src: url(../fonts/OpenSans/OpenSans-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"), url(../fonts/OpenSans/OpenSans-SemiBold.woff) format("woff"), url(../fonts/OpenSans/OpenSans-SemiBold.ttf) format("truetype"), url(../fonts/OpenSans/OpenSans-SemiBold.svg#Hind-Regular) format("svg");
    font-weight: 600;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSans/OpenSans-Bold.eot);
    src: url(../fonts/OpenSans/OpenSans-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"), url(../fonts/OpenSans/OpenSans-Bold.woff) format("woff"), url(../fonts/OpenSans/OpenSans-Bold.ttf) format("truetype"), url(../fonts/OpenSans/OpenSans-Bold.svg#Hind-Regular) format("svg");
    font-weight: 700;
    font-display: swap;
    font-style: normal
}

body {
    margin: 0;
    overflow-x: hidden;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

body.no-scroll {
    overflow: hidden
}

body main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

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

.icon {
    width: 24px;
    height: 24px
}

button {
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0;
    font: inherit;
    color: inherit;
    text-align: inherit;
    text-decoration: none;
    cursor: pointer
}

.container {
    padding-right: 16px;
    padding-left: 16px
}

.fade {
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition)
}

img.lazy-load {
    opacity: 0;
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition)
}

img.lazy-load.entered, img.lazy-load.loaded {
    opacity: 1
}

.custom-scroll {
    scrollbar-color: initial !important;
    scrollbar-width: initial !important
}

.custom-scroll::-webkit-scrollbar {
    width: 2px
}

.custom-scroll::-webkit-scrollbar-track {
    background-color: var(--gray-100)
}

.custom-scroll::-webkit-scrollbar-thumb {
    background-color: var(--white);
    outline: 0
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background-color: var(--white)
}

.custom-scroll--dark::-webkit-scrollbar-track {
    background-color: var(--gray-100)
}

.custom-scroll--dark::-webkit-scrollbar-thumb {
    background-color: var(--black);
    outline: 0
}

.custom-scroll--dark::-webkit-scrollbar-thumb:hover {
    background-color: var(--black)
}

.fancybox__container {
    z-index: 5000
}

.h1, h1 {
    font-size: var(--text-size-36);
    font-weight: var(--fw-bold);
    line-height: var(--lh-xs)
}

@media (min-width: 1200px) {
    .custom-scroll {
        padding-right: 10px
    }

    .h1, h1 {
        font-size: var(--text-size-48)
    }
}

.h1--xl, h1--xl {
    font-size: var(--text-size-64);
    font-weight: var(--fw-bold);
    line-height: 1
}

@media (min-width: 1200px) {
    .h1--xl, h1--xl {
        font-size: 98px
    }
}

@media (min-width: 1439px) {
    .h1--xl, h1--xl {
        font-size: var(--text-size-110)
    }
}

@media (max-width: 389.98px) {
    .h1--xl, h1--xl {
        font-size: var(--text-size-48)
    }
}

.h2, h2 {
    font-size: var(--text-size-36);
    font-weight: var(--fw-semi);
    line-height: var(--lh-xs)
}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size: var(--text-size-48)
    }
}

.h3, h3 {
    font-size: var(--text-size-24);
    font-weight: var(--fw-bold);
    line-height: 1
}

@media (min-width: 1200px) {
    .h3, h3 {
        font-size: var(--text-size-32)
    }

    .h4, h4 {
        font-size: var(--text-size-20)
    }
}

.h4, h4 {
    font-size: var(--text-size-20);
    font-weight: var(--fw-bold);
    line-height: var(--lh-xs)
}

.text {
    font-size: var(--text-size-14);
    line-height: var(--lh-sm);
    font-weight: var(--fw-normal)
}

@media (min-width: 1200px) {
    .text {
        font-size: var(--text-size)
    }
}

.text-s {
    font-size: var(--text-size-14);
    line-height: var(--lh-sm);
    font-weight: var(--fw-normal)
}

@media (max-width: 759.98px) {
    .container {
        padding-right: calc(16px * .75);
        padding-left: calc(16px * .75)
    }

    .modal {
        --bs-modal-margin: calc(16px * 0.75)
    }
}

.section {
    margin-top: 60px
}

.section__content {
    position: relative
}

.section--accent {
    background-color: var(--accent);
    padding-top: 60px;
    padding-bottom: 60px
}

@media (min-width: 1200px) {
    .section {
        margin-top: 100px
    }

    .section--accent {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.section--accent + .section--wave-bottom {
    margin-top: 0
}

.section--wave {
    position: relative
}

.section--wave-top {
    padding-top: 30px;
    padding-bottom: 0
}

@media (min-width: 1200px) {
    .section--wave-top {
        padding-top: 60px;
        padding-bottom: 0
    }
}

.section--wave-bottom {
    padding-top: 0;
    padding-bottom: 30px
}

@media (min-width: 1200px) {
    .section--wave-bottom {
        padding-top: 0;
        padding-bottom: 60px
    }
}

.section--wave ~ .section--accent {
    margin-top: 0
}

.section--wave .section__wave {
    position: absolute;
    left: 0;
    width: 100%;
    background-repeat: repeat-x;
    background-size: cover;
    height: 30px;
    pointer-events: none
}

@media (min-width: 1650px) {
    .container {
        max-width: 1392px;
        margin-left: auto;
        margin-right: auto
    }

    .section--wave .section__wave {
        background-size: contain
    }
}

.section--wave .section__wave--top {
    top: -29px
}

.section--wave .section__wave--bottom {
    bottom: -29px;
    -webkit-transform: rotate(180deg) translate3d(0, -1px, 0);;
    -ms-transform: rotate(180deg) translate3d(0, -1px, 0);;
    transform: rotate(180deg) translate3d(0, -1px, 0);
}

.section__wave .section__wave--bottom {
    width: 100%;
    height: calc(100% + 2px);
}

@media (min-width: 1034px) {
    .section--wave .section__wave {
        height: 35px
    }

    .section--wave .section__wave--top {
        top: -34px
    }

    .section--wave .section__wave--bottom {
        bottom: -32px
    }
}

.section__more-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.section__more-btn {
    width: 100%;
    max-width: 210px
}

.empty-block {
    border-radius: 20px;
    border: 1px solid var(--accent);
    padding: 23px;
    text-align: center;
    width: 100%;
    max-width: 408px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 1200px) {
    .empty-block {
        padding: 39px
    }
}

.empty-block--white {
    border-color: var(--white)
}

.empty-block--white .empty-block__text {
    color: var(--white)
}

.empty-block__text {
    text-transform: uppercase;
    color: var(--accent)
}

.btn {
    font-size: var(--text-size);
    font-weight: var(--fw-normal);
    line-height: var(--lh-sm);
    border-radius: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 11px 15px;
    border: 1px solid currentColor;
    -webkit-transition: border-color var(--transition), background-color var(--transition), color var(--transition);
    transition: border-color var(--transition), background-color var(--transition), color var(--transition)
}

.btn.disabled, .btn[disabled] {
    pointer-events: none;
    opacity: .5
}

.btn--primary {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--white)
}

.btn--primary:active, .btn--primary:hover {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white)
}

.btn--white {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black)
}

.btn--white:active, .btn--white:hover {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--white)
}

.btn--bordered-white {
    background-color: transparent;
    border-color: var(--white);
    color: var(--white)
}

.btn--bordered-white:active, .btn--bordered-white:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--accent)
}

.btn--bordered-primary {
    background-color: transparent;
    border-color: var(--accent);
    color: var(--accent)
}

.btn--bordered-primary:active, .btn--bordered-primary:hover {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--light)
}

.btn--black {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white)
}

.btn--black:active, .btn--black:hover {
    background-color: var(--accent);
    border-color: var(--white);
    color: var(--white)
}

.btn--sm {
    padding: 11px 15px;
    font-size: var(--text-size-14)
}

.btn__icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px
}

.text-link {
    color: var(--gray-100);
    font-size: var(--text-size);
    line-height: var(--lh-default);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.text-link:hover {
    color: var(--accent)
}

.text-link .icon {
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.text-bordered {
    color: var(--gray);
    font-size: var(--text-size);
    font-weight: var(--fw-bold);
    line-height: var(--lh-sm);
    padding: 8px 0 7px;
    border-bottom: 1px solid currentColor;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.text-bordered:hover {
    color: var(--accent)
}

.text-bordered__icon {
    width: 20px;
    height: 20px
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes scaleIn {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes scaleIn {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@-webkit-keyframes transformIn {
    0%, 100% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@keyframes transformIn {
    0%, 100% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

@-webkit-keyframes spinLoading {
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes spinLoading {
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@-webkit-keyframes waveMove {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: -1440px 0
    }
}

@keyframes waveMove {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: -1440px 0
    }
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.pagination {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 1200px) {
    .pagination {
        margin-top: 40px
    }
}

.pagination__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px
}

.pagination__navigation-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: var(--accent);
    font-size: var(--text-size-14);
    font-weight: var(--fw-normal);
    line-height: var(--lh-sm);
    border: 1px solid var(--accent);
    border-radius: 50%;
    cursor: pointer;
    min-width: 24px;
    height: 24px;
    margin: 4px;
    -webkit-transition: color var(--transition), background-color var(--transition), border-color var(--transition);
    transition: color var(--transition), background-color var(--transition), border-color var(--transition)
}

.pagination__navigation-item.is-active {
    border-color: var(--accent);
    background-color: var(--accent);
    color: var(--white);
    cursor: default
}

.pagination__navigation-item.disabled {
    color: var(--accent);
    border-color: var(--accent);
    background-color: transparent;
    pointer-events: none
}

.pagination__navigation-item:active:not(.is-active), .pagination__navigation-item:hover:not(.is-active) {
    border-color: var(--accent);
    background-color: var(--accent);
    color: var(--white)
}

.pagination__navigation-item-prev {
    border-color: var(--accent);
    background-color: var(--accent);
    color: var(--white);
    margin-right: auto
}

.pagination__navigation-item-next {
    border-color: var(--accent);
    background-color: var(--accent);
    color: var(--white);
    margin-left: auto
}

@media (min-width: 760px) {
    .pagination__navigation-item-prev {
        margin-right: 4px
    }

    .pagination__navigation-item-next {
        margin-left: 4px
    }
}

.pagination__navigation-item .icon {
    width: 10px;
    height: 10px
}

.custom-seo {
    font-size: var(--text-size-14);
    line-height: var(--lh-sm);
    font-weight: var(--fw-normal);
    color: var(--black)
}

@media (min-width: 1200px) {
    .custom-seo {
        font-size: var(--text-size)
    }
}

.custom-seo h2,
.custom-seo h1,
.custom-seo h3,
.custom-seo h4,
.custom-seo h5,
.custom-seo h6 {
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    line-height: var(--lh-xs);
    font-size: 16px;
    margin-top: 22px;
    margin-bottom: 22px;
}

.custom-seo h2:first-child,
.custom-seo h1:first-child,
.custom-seo h3:first-child,
.custom-seo h4:first-child,
.custom-seo h5:first-child,
.custom-seo h6:first-child {
    margin-top: 0;
}

.custom-seo p {
    margin-bottom: 0
}

.custom-seo p:not(:first-of-type) {
    margin-top: 24px
}

.custom-seo p + ol, .custom-seo p + ul {
    margin-top: 0 !important
}

.custom-seo ul:not(:first-child) {
    margin-top: 8px
}

.custom-seo ul li {
    list-style: none;
    padding-left: 24px;
    position: relative
}

.custom-seo ul li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 8px;
    width: 4px;
    height: 4px;
    background-color: currentColor;
    border-radius: 50%
}

.custom-seo ol {
    list-style: none;
    counter-reset: item
}

.custom-seo ol:not(:first-child) {
    margin-top: 8px
}

.custom-seo ol li {
    position: relative;
    counter-increment: item;
    padding-left: 28px;
    margin-bottom: 0
}

.custom-seo ol li:before {
    content: counter(item) ".";
    min-width: 22px;
    text-align: right;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.custom-seo a {
    color: var(--accent);
    text-underline-offset: 20%;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.custom-seo a:hover {
    color: var(--accent);
    text-decoration: underline
}

.form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-item__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-item__label {
    color: var(--gray-100);
    font-size: var(--text-size-14);
    font-weight: var(--fw-normal);
    line-height: var(--lh-sm);
    margin-bottom: 8px
}

.form-item__input {
    border: 1px solid var(--gray-200);
    background-color: var(--light);
    padding: 11px 19px;
    border-radius: 40px;
    width: 100%;
    color: var(--black);
    font-size: var(--text-size);
    font-weight: var(--fw-normal);
    line-height: var(--lh-sm);
    outline: 0;
    min-height: 45px;
    -webkit-transition: border-color var(--transition), background-color var(--transition), -webkit-box-shadow var(--transition);
    transition: border-color var(--transition), background-color var(--transition), -webkit-box-shadow var(--transition);
    transition: border-color var(--transition), background-color var(--transition), box-shadow var(--transition);
    transition: border-color var(--transition), background-color var(--transition), box-shadow var(--transition), -webkit-box-shadow var(--transition)
}

.form-item__input.disabled, .form-item__input[disabled] {
    pointer-events: none;
    opacity: .5
}

.form-item__input::-webkit-input-placeholder {
    color: var(--gray-300)
}

.form-item__input::-moz-placeholder {
    color: var(--gray-300)
}

.form-item__input:-ms-input-placeholder {
    color: var(--gray-300)
}

.form-item__input::-ms-input-placeholder {
    color: var(--gray-300)
}

.form-item__input::placeholder {
    color: var(--gray-300)
}

.form-item__input:active, .form-item__input:hover {
    border-color: var(--gray)
}

.form-item__input:focus {
    border-color: var(--gray);
    -webkit-box-shadow: 0 0 0 2px var(--gray);
    box-shadow: 0 0 0 2px var(--gray)
}

.form-item__input.has-error {
    border-color: var(--error) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.form-item__error-text {
    font-size: var(--text-size-12);
    font-weight: var(--fw-normal);
    line-height: var(--lh-sm);
    color: var(--error);
    margin-top: 4px
}

.form-item textarea {
    min-height: 120px;
    border-radius: 20px;
    resize: none
}

.form-item__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
}

.form-item__checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    top: 0;
}

.form-item__checkbox.checked .form-item__checkbox-icon {
    border-color: var(--accent)
}

.form-item__checkbox.checked .form-item__checkbox-icon .form-item__checkbox-icon-main, .form-item__checkbox.checked .form-item__checkbox-icon::before {
    opacity: 1
}

.form-item__checkbox.checked .form-item__checkbox-text {
    color: var(--accent)
}

.form-item__checkbox:has(input[type=checkbox][disabled]) .form-item__checkbox-icon {
    background-color: var(--gray-300);
    border-color: var(--gray-300)
}

.form-item__checkbox:has(input[type=checkbox][disabled]) .form-item__checkbox-icon::before {
    background-color: var(--gray-300)
}

.form-item__checkbox:has(input[type=checkbox][disabled]) .form-item__checkbox-text {
    color: var(--gray-200)
}

.form-item__checkbox-icon {
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border: 1px solid var(--accent);
    border-radius: 2px;
    background-color: var(--light);
    color: var(--white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    -webkit-transition: all var(--transition);
    transition: all var(--transition)
}

.form-item__checkbox-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--accent);
    width: 100%;
    height: 100%;
    opacity: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all var(--transition);
    transition: all var(--transition)
}

.form-item__checkbox-icon-main {
    position: relative;
    opacity: 0;
    width: 10px;
    height: 10px;
    -webkit-transition: all var(--transition);
    transition: all var(--transition)
}

.form-item__checkbox-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px
}

.form-item__checkbox-text {
    font-size: var(--text-size-14);
    font-weight: var(--fw-normal);
    line-height: var(--lh-sm);
    color: var(--accent);
    display: block;
    margin-left: 8px;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.form-item__checkbox-text a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.form-item__checkbox-text a:hover {
    color: var(--accent-active)
}

.custom-select {
    display: none
}

.modal-open .select2-container--open {
    z-index: 2000
}

.select2-container--open {
    z-index: var(--header-menu-index)
}

.select2.select2-container--open .select2-selection {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-color: var(--gray) !important;
    color: var(--black)
}

.select2.select2-container--open .select2-selection__placeholder {
    color: var(--gray-300) !important
}

.select2.select2-container--open .select2-selection--multiple::after, .select2.select2-container--open .select2-selection__arrow {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.select2.select2-container--disabled .select2-selection {
    opacity: .5;
    pointer-events: none
}

.select2 .select2-selection {
    border: 1px solid var(--gray-200);
    background-color: var(--light);
    padding: 11px 19px;
    padding-right: 40px !important;
    border-radius: 40px;
    width: 100%;
    color: var(--black);
    font-size: var(--text-size);
    font-weight: var(--fw-normal);
    line-height: var(--lh-sm);
    outline: 0;
    min-height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: border-color var(--transition), background-color var(--transition), -webkit-box-shadow var(--transition);
    transition: border-color var(--transition), background-color var(--transition), -webkit-box-shadow var(--transition);
    transition: border-color var(--transition), background-color var(--transition), box-shadow var(--transition);
    transition: border-color var(--transition), background-color var(--transition), box-shadow var(--transition), -webkit-box-shadow var(--transition)
}

.select2 .select2-selection.disabled, .select2 .select2-selection[disabled] {
    opacity: .5;
    pointer-events: none
}

.select2 .select2-selection:active, .select2 .select2-selection:hover {
    border-color: var(--gray)
}

.select2 .select2-selection__placeholder {
    color: var(--gray-300) !important;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.select2 .select2-selection__rendered {
    line-height: initial !important;
    padding: 0 !important;
    color: var(--black) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important
}

.select2 .select2-selection__arrow {
    height: 100% !important;
    width: 16px !important;
    top: 0 !important;
    right: 20px !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIxOV8yODMzKSI+CjxwYXRoIGQ9Ik0xMyA2TDggMTFMMyA2IiBzdHJva2U9IiNEMUUwRjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIxOV8yODMzIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center
}

.select2 .select2-selection__arrow b {
    display: none
}

.select2-search--dropdown {
    padding: 0
}

.select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder {
    color: var(--gray)
}

.select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder {
    color: var(--gray)
}

.select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder {
    color: var(--gray)
}

.select2-container--default .select2-search--inline .select2-search__field::-ms-input-placeholder {
    color: var(--gray)
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: var(--gray)
}

.select2-results {
    padding: 5px
}

.select2-results .select2-results__option, .select2-results .select2-results__option .select2-results__option {
    padding: 6px 8px 6px 32px;
    width: 100%;
    color: var(--gray);
    font-size: var(--text-size-14);
    font-weight: var(--fw-light);
    line-height: var(--lh-sm);
    border-radius: 4px
}

.select2-results .select2-results__option .select2-results__option[aria-disabled=true], .select2-results .select2-results__option[aria-disabled=true] {
    display: none !important
}

.select2-dropdown {
    border-radius: 4px;
    overflow: hidden;
    border-color: var(--gray);
    background-color: var(--light)
}

.select2-container--default .select2-results__option--selected {
    background-color: transparent;
    color: var(--black);
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220%200%2016%2016%22 fill%3D%22none%22%3E%3Cpath d%3D%22M13.3337 4L6.00033 11.3333L2.66699 8%22 stroke%3D%22%2364748B%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 16px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--gray-300);
    color: var(--black)
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 202px
}

.modal-content {
    border: none;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    position: relative
}

.modal--custom .modal-dialog {
    max-width: 100%
}

@media (min-width: 576px) {
    .modal--custom .modal-dialog {
        max-width: 516px
    }
}

.modal--custom .modal-content {
    position: relative;
    background-color: var(--white)
}

.modal--custom .modal-content .close,
.modal-contact .modal-content .close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    margin-left: 0;
    color: var(--accent);
    background: 0 0;
    font-size: var(--text-size-14);
    line-height: var(--lh-sm);
    font-weight: var(--fw-bold);
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.modal--custom .modal-content .close:hover {
    color: var(--accent-active)
}

.modal--custom .modal-content .close .icon,
.modal-contact .modal-content .close .icon  {
    width: 32px;
    height: 32px
}

.modal--custom .modal-header {
    padding: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    text-align: center;
    position: relative;
    z-index: 1
}

.modal--custom .modal-header__title {
    width: 100%;
    font-size: var(--text-size-36);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    line-height: var(--lh-sm);
    color: var(--accent)
}

.modal--custom .modal-body {
    padding: 36px;
    position: relative;
    z-index: 1
}

@media (min-width: 1200px) {
    .modal-content {
        border: 4px solid var(--accent)
    }

    .modal--custom .modal-content .close {
        top: 8px;
        right: 8px
    }

    .modal--custom .modal-header {
        padding: 36px;
        gap: 8px
    }

    .modal--custom .modal-body {
        padding: 36px
    }

    .modal.modal-product .modal-dialog {
        max-width: 944px
    }
}

.modal--custom .modal-body__text {
    color: var(--gray-200);
    text-align: center
}

.modal--custom-full .modal-dialog {
    max-width: 100%;
    height: 100%;
    margin: 0;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.modal--custom-full .modal-content {
    height: 100%;
    overflow: hidden auto;
    border-radius: 0
}

.modal--custom-full .modal-body {
    padding: 0;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 1900px) {
    .modal--custom-full .modal-body {
        max-width: 1680px
    }
}

.modal--custom-full-mob .modal-dialog {
    max-width: 80%
}

@media (max-width: 1199.98px) {
    .modal--custom-full-mob .modal-dialog {
        max-width: 100%;
        height: 100%;
        margin: 0;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .modal--custom-full-mob .modal-content {
        height: 100%;
        overflow: hidden auto;
        border-radius: 0
    }

    .modal--custom-full-mob .modal-body {
        padding: 56px 12px 12px;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto
    }
}

.modal.has-rows:not(.is-visible) .modal-body {
    position: relative
}

.modal.has-rows:not(.is-visible) .modal-body::before {
    background-color: var(--white);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.modal.has-rows:not(.is-visible) .modal-body::after {
    -webkit-animation: .8s linear infinite spinLoading;
    animation: .8s linear infinite spinLoading;
    border-bottom: 2px solid var(--accent);
    border-left: 2px solid var(--accent);
    border-radius: 50%;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    content: "";
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition);
    width: 24px;
    z-index: 2
}

.modal.modal-product .modal-product__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

@media (min-width: 1200px) {
    .modal.modal-product .modal-body {
        padding: 40px
    }

    .modal.modal-product .modal-product__main {
        gap: 20px
    }
}

.modal.modal-product .modal-product__detail-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 1 ];
    grid-template-columns:repeat(1, 1fr);
    gap: 12px
}

@media (min-width: 1200px) {
    .modal.modal-product .modal-product__detail-grid {
        gap: 20px
    }
}

@media (min-width: 760px) {
    .modal.modal-product .modal-product__detail-grid {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .modal.modal-product .modal-product__detail-item-xl {
        -ms-grid-row-span: 2;
        grid-row: span 2/span 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.modal.modal-product .modal-product__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 1 ];
    grid-template-columns:repeat(1, 1fr);
    gap: 12px
}

@media (min-width: 760px) {
    .modal.modal-product .modal-product__grid {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 1200px) {
    .modal.modal-product .modal-product__grid {
        gap: 20px
    }
}

.modal.modal-product .modal-product__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 1 ];
    grid-template-columns:repeat(1, 1fr);
    gap: 12px
}

@media (min-width: 1200px) {
    .modal.modal-product .modal-product__row {
        gap: 20px
    }
}

.modal.modal-product .modal-product__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

@media (min-width: 1200px) {
    .modal.modal-product .modal-product__col {
        gap: 20px
    }
}

.modal.modal-product .modal-product__photo {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.modal.modal-product .modal-product__photo-wrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 88.626%
}

.modal.modal-product .modal-product__card {
    border-radius: 20px;
    border: 1px solid var(--accent);
    padding: 28px;
    color: var(--accent);
    height: 100%;
}

.modal.modal-product .modal-product__card--accent {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--white)
}

.modal.modal-product .modal-product__card-title {
    color: var(--accent);
    text-transform: uppercase;
    margin-bottom: 20px
}

.modal.modal-product .modal-product__card-semi-title {
    text-transform: uppercase;
    line-height: var(--lh-xs);
    font-weight: var(--fw-bold);
    margin-bottom: 20px
}

.modal.modal-product .modal-product__card-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.modal.modal-product .modal-product__card-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.modal.modal-product .modal-product__card-item-text {
    text-transform: uppercase;
    line-height: var(--lh-xs);
    font-weight: var(--fw-bold)
}

.modal.modal-product .modal-product__card-list-title {
    text-transform: uppercase;
    line-height: var(--lh-xs);
    font-weight: var(--fw-bold);
    margin-bottom: 12px
}

.modal.modal-product .modal-product__card .custom-seo {
    color: inherit
}

.modal.modal-product .modal-product__btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column: 2;
}

@media (min-width: 760px) {
    .modal.modal-product .modal-product__row {
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .modal.modal-product .modal-product__card {
        min-height: var(--same-height, 0)
    }

    .modal.modal-product .modal-product__btn-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr);
        gap: 12px
    }

    .modal.modal-product .modal-product__btn-grid .modal-product__btn-wrapper {
        -ms-grid-column: 2;
        grid-column-start: 2
    }
}

.modal-dialog-scrollable .modal-body {
    overflow: hidden auto
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (max-width: 1199.98px) {
    .modal.fade.modal--filled .modal-dialog {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

    .modal.show.modal--filled .modal-dialog {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

[data-bs-target] {
    outline: 0
}

.product-card {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--accent);
    background-color: var(--light);
    padding: 28px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: -webkit-box-shadow var(--transition);
    transition: -webkit-box-shadow var(--transition);
    transition: box-shadow var(--transition);
    transition: box-shadow var(--transition), -webkit-box-shadow var(--transition)
}

.product-card:hover {
    -webkit-box-shadow: -3px 3px 0 0 var(--accent-100);
    box-shadow: -3px 3px 0 0 var(--accent-100)
}

.product-card:hover .product-card__arrow {
    background-color: var(--accent);
    color: var(--white)
}

.product-card__stretch-link {
    background-color: transparent;
    bottom: 0;
    left: 0;
    pointer-events: auto;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 20px
}

.product-card__head {
    margin-bottom: 28px
}

.product-card__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.product-card__image-wrapper {
    position: relative;
    padding-bottom: 81.79%;
    border-radius: 16px;
    overflow: hidden
}

.product-card__name {
    color: var(--accent);
    text-transform: uppercase
}

.product-card__description {
    font-size: var(--text-size-14);
    line-height: var(--lh-sm);
    font-weight: var(--fw-normal);
    color: var(--accent);
    margin-top: 28px
}

@media (min-width: 1200px) {

    .modal.modal-product .modal-product__btn-grid {
        gap: 20px
    }

    .product-card__name {
        min-height: var(--same-height)
    }

    .product-card__description {
        font-size: var(--text-size)
    }
}

.product-card__footer {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.product-card__arrow {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
    border: 1px solid var(--accent);
    color: var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4px;
    -webkit-transition: background-color var(--transition), color var(--transition);
    transition: background-color var(--transition), color var(--transition)
}

.product-card__arrow .icon {
    width: 10px;
    height: 10px
}

.logo-card {
    position: relative;
    padding: 9px;
    border-radius: 20px;
    border: 1px solid var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 80px
}

.stretched-link {
    position: absolute;
    inset: 0;
    z-index: 10;
}

.logo-card img {
    will-change: transform;
    transition: all .3s ease-in-out;
}

.logo-card:has(a):hover img {
    transform: scale(1.05);
}

.logo-card__image {
    width: auto;
    height: auto
}

.logo-card__image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.news-card {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--accent);
    background-color: var(--light);
    padding: 28px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: -webkit-box-shadow var(--transition);
    transition: -webkit-box-shadow var(--transition);
    transition: box-shadow var(--transition);
    transition: box-shadow var(--transition), -webkit-box-shadow var(--transition)
}

.news-card:hover {
    -webkit-box-shadow: -3px 3px 0 0 var(--accent-100);
    box-shadow: -3px 3px 0 0 var(--accent-100)
}

.news-card:hover .news-card__arrow {
    background-color: var(--accent);
    color: var(--white)
}

.news-card--white {
    border-color: var(--white);
    background-color: var(--accent)
}

.news-card--white .news-card__date, .news-card--white .news-card__description, .news-card--white .news-card__name {
    color: var(--white)
}

.news-card--white .news-card__arrow {
    border-color: var(--white);
    background-color: var(--accent);
    color: var(--white)
}

.news-card--white:hover {
    -webkit-box-shadow: -3px 3px 0 0 var(--white);
    box-shadow: -3px 3px 0 0 var(--white)
}

.news-card--white:hover .news-card__arrow {
    border-color: var(--white);
    background-color: var(--white);
    color: var(--accent)
}

.news-card__stretch-link {
    background-color: transparent;
    bottom: 0;
    left: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 20px
}

.news-card__head {
    margin-bottom: 28px
}

.news-card__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.news-card__image-wrapper {
    position: relative;
    padding-bottom: 41.67%;
    border-radius: 16px;
    min-height: 160px;
    overflow: hidden
}

.news-card__name {
    color: var(--accent);
    text-transform: uppercase
}

.news-card__description {
    font-size: var(--text-size-14);
    line-height: var(--lh-sm);
    font-weight: var(--fw-normal);
    color: var(--accent);
    margin-top: 28px
}

@media (min-width: 1200px) {
    .news-card__name {
        min-height: var(--same-height)
    }

    .news-card__description {
        font-size: var(--text-size)
    }
}

.news-card__footer {
    margin-top: auto;
    padding-top: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-card__date {
    font-size: var(--text-size-14);
    line-height: var(--lh-sm);
    font-weight: var(--fw-normal);
    color: var(--accent);
    margin-top: 11px
}

.news-card__arrow {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
    border: 1px solid var(--accent);
    color: var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4px;
    -webkit-transition: background-color var(--transition), color var(--transition);
    transition: background-color var(--transition), color var(--transition)
}

.news-card__arrow .icon {
    width: 10px;
    height: 10px
}

.auction-card {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--accent);
    background-color: var(--light);
    padding: 28px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 28px;
    -webkit-transition: -webkit-box-shadow var(--transition);
    transition: -webkit-box-shadow var(--transition);
    transition: box-shadow var(--transition);
    transition: box-shadow var(--transition), -webkit-box-shadow var(--transition)
}

@media (min-width: 1200px) {
    .news-card__date {
        font-size: var(--text-size)
    }

    .auction-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 55px
    }
}

.auction-card:hover {
    -webkit-box-shadow: -3px 3px 0 0 var(--accent-100);
    box-shadow: -3px 3px 0 0 var(--accent-100)
}

.auction-card--white {
    border-color: var(--white);
    background-color: var(--accent)
}

.auction-card--white .auction-card__date, .auction-card--white .auction-card__description, .auction-card--white .auction-card__name {
    color: var(--white)
}

.auction-card--white:hover {
    -webkit-box-shadow: -3px 3px 0 0 var(--white);
    box-shadow: -3px 3px 0 0 var(--white)
}

.auction-card__stretch-link {
    background-color: transparent;
    bottom: 0;
    left: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 20px
}

.auction-card__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
    max-width: 252px;
    width: 100%
}

.auction-card__date {
    color: var(--accent)
}

.auction-card__name {
    color: var(--accent);
    font-size: var(--text-size);
    line-height: var(--lh-xs);
    font-weight: var(--fw-bold);
    text-transform: uppercase
}

.auction-card__description {
    color: var(--accent);
    margin-top: 12px
}

@media (min-width: 1200px) {
    .auction-card__content {
        gap: 12px;
        width: auto
    }

    .auction-card__col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48.317%;
        flex: 0 0 48.317%
    }
}

.auction-card__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.auction-card__image-wrapper {
    position: relative;
    padding-bottom: 61.03%;
    min-height: 188px;
    overflow: hidden
}

.auction-card__btn-wrapper {
    margin-top: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1
}

.tender-card {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--accent);
    background-color: var(--light);
    padding: 27px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
    -webkit-transition: -webkit-box-shadow var(--transition);
    transition: -webkit-box-shadow var(--transition);
    transition: box-shadow var(--transition);
    transition: box-shadow var(--transition), -webkit-box-shadow var(--transition)
}

@media (min-width: 1200px) {
    .auction-card__image-wrapper {
        min-height: 174px
    }

    .tender-card {
        gap: 16px
    }
}

.tender-card:hover {
    -webkit-box-shadow: -3px 3px 0 0 var(--accent-100);
    box-shadow: -3px 3px 0 0 var(--accent-100)
}

.tender-card:hover .tender-card__arrow {
    background-color: var(--accent);
    color: var(--white)
}

.tender-card--white {
    border-color: var(--white);
    background-color: var(--accent)
}

.tender-card--white .tender-card__date, .tender-card--white .tender-card__name, .tender-card--white .tender-card__number {
    color: var(--white)
}

.tender-card--white .tender-card__arrow {
    border-color: var(--white);
    background-color: var(--accent);
    color: var(--white)
}

.tender-card--white:hover {
    -webkit-box-shadow: -3px 3px 0 0 var(--white);
    box-shadow: -3px 3px 0 0 var(--white)
}

.tender-card__stretch-link {
    background-color: transparent;
    bottom: 0;
    left: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 20px
}

.tender-card__name {
    color: var(--accent);
    font-weight: var(--fw-bold);
    text-transform: uppercase
}

.tender-card__number {
    color: var(--accent);
    margin-top: 11px
}

.tender-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 1200px) {
    .tender-card__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 27px
    }
}

.tender-card__content--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

.tender-card__date {
    color: var(--accent)
}

.tender-card__date-label {
    margin-bottom: 8px
}

.tender-card__date-item {
    font-weight: var(--fw-bold);
    line-height: 1
}

.tender-card__btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 1200px) {
    .tender-card__date-item {
        line-height: var(--lh-xs)
    }

    .tender-card__btn-wrapper {
        max-width: 287px
    }
}

.tender-card__arrow {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
    border: 1px solid var(--accent);
    color: var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4px;
    -webkit-transition: background-color var(--transition), color var(--transition);
    transition: background-color var(--transition), color var(--transition)
}

.tender-card__arrow .icon {
    width: 10px;
    height: 10px
}

.products__slider,
.auctions-tenders__slider,
.vacancies__slider,
.news__slider {
    padding: 0 0 8px 8px;
}

.vacancies-card {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--accent);
    background-color: var(--light);
    padding: 28px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: -webkit-box-shadow var(--transition);
    transition: -webkit-box-shadow var(--transition);
    transition: box-shadow var(--transition);
    transition: box-shadow var(--transition), -webkit-box-shadow var(--transition)
}

.vacancies-card:hover {
    -webkit-box-shadow: -3px 3px 0 0 var(--accent-100);
    box-shadow: -3px 3px 0 0 var(--accent-100)
}

.vacancies-card:hover .vacancies-card__arrow {
    background-color: var(--accent);
    color: var(--white)
}

.vacancies-card--white {
    border-color: var(--white);
    background-color: var(--accent)
}

.vacancies-card--white .vacancies-card__description, .vacancies-card--white .vacancies-card__location, .vacancies-card--white .vacancies-card__name {
    color: var(--white)
}

.vacancies-card--white .vacancies-card__arrow {
    border-color: var(--white);
    background-color: var(--accent);
    color: var(--white)
}

.vacancies-card--white:hover {
    -webkit-box-shadow: -3px 3px 0 0 var(--white);
    box-shadow: -3px 3px 0 0 var(--white)
}

.vacancies-card--white:hover .vacancies-card__arrow {
    border-color: var(--white);
    background-color: var(--white);
    color: var(--accent)
}

.vacancies-card__stretch-link {
    background-color: transparent;
    bottom: 0;
    left: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 20px
}

.vacancies-card__head {
    margin-bottom: 28px
}

.vacancies-card__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.vacancies-card__image-wrapper {
    position: relative;
    padding-bottom: 41.67%;
    border-radius: 16px;
    min-height: 160px;
    overflow: hidden
}

.vacancies-card__name {
    color: var(--accent);
    text-transform: uppercase;
    width: 100%;
    max-width: 281px
}

.vacancies-card__location {
    margin-top: 28px;
    color: var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: var(--text-size-14);
    line-height: var(--lh-sm);
    font-weight: var(--fw-normal)
}

.vacancies-card__location-icon {
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vacancies-card__footer {
    margin-top: 28px;
    padding-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.vacancies-card__description {
    font-size: var(--text-size-14);
    line-height: var(--lh-sm);
    font-weight: var(--fw-normal);
    color: var(--accent);
    max-width: calc(100% - 52px);
}

@media (min-width: 1200px) {
    .vacancies-card__footer {
        padding-top: 0
    }

    .vacancies-card__description {
        font-size: var(--text-size)
    }
}

@media (max-width: 767px) {
    .vacancies-card__description {
        max-width: calc(100% - 32px);
    }
}

.vacancies-card__arrow {
    position: absolute;
    bottom: 28px;
    right: 28px;
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 50%;
    border: 1px solid var(--accent);
    color: var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4px;
    -webkit-transition: background-color var(--transition), color var(--transition);
    transition: background-color var(--transition), color var(--transition)
}

.vacancies-card__arrow .icon {
    width: 10px;
    height: 10px
}

.file-upload-container-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.file-upload-container-wrapper input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    cursor: pointer
}

.file-upload-container-btn {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    cursor: pointer;
    color: var(--accent);
    font-size: var(--text-size-14);
    line-height: var(--lh-sm);
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.file-upload-container-btn:hover {
    color: var(--accent-active)
}

.file-upload-container-btn-noty {
    color: var(--gray-200)
}

.file-upload-container-btn .icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20px;
    height: 20px
}

.file-list-container .file-upload__list-item {
    font-size: var(--text-size-14);
    font-weight: var(--fw-normal);
    line-height: var(--lh-default);
    color: var(--black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin-left: 14px;
}

.file-list-container .file-upload__list-item:first-child {
    margin-top: 8px
}

.file-list-container .file-upload__list-item:not(:last-of-type) {
    margin-bottom: 8px
}

.file-list-container .file-upload__list-item .delete-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--error)
}

.file-list-container .file-upload__list-item > span {
    margin-top: auto;
    margin-bottom: auto;
    display: block
}

.scroll-top-button {
    -webkit-transform: translateY(100%) translateY(100px) scale(.85);
    -ms-transform: translateY(100%) translateY(100px) scale(.85);
    transform: translateY(100%) translateY(100px) scale(.85);
    will-change: transform;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: calc(var(--fixed-navigation-height, 0px) + 16px);
    right: 16px;
    padding: 9px;
    background-color: var(--accent);
    border: 1px solid var(--light);
    color: var(--white);
    border-radius: 100px;
    cursor: pointer;
    z-index: calc(var(--header-z-index) - 3);
    -webkit-transition: all var(--transition);
    transition: all var(--transition)
}

.scroll-top-button.is-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.scroll-top-button:hover {
    color: var(--white);
    border-color: var(--white);
    background-color: var(--accent-active)
}

.scroll-top-button:active {
    -webkit-transform: scale(.95) translateY(0);
    -ms-transform: scale(.95) translateY(0);
    transform: scale(.95) translateY(0);
    color: var(--white);
    border-color: var(--white);
    background-color: var(--accent-active)
}

.scroll-top-button:active .icon {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

.scroll-top-button .icon {
    -webkit-transition: -webkit-transform var(--transition);
    transition: -webkit-transform var(--transition);
    transition: transform var(--transition);
    transition: transform var(--transition), -webkit-transform var(--transition);
    width: 20px;
    height: 20px
}

.breadcrumbs {
    position: relative;
    z-index: 1;
    padding: 28px 0
}

@media (min-width: 1200px) {
    .scroll-top-button {
        bottom: 20px;
        right: 20px
    }

    .breadcrumbs {
        padding: 20px 0
    }
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs__list-item {
    font-size: var(--text-size-14);
    font-weight: var(--fw-normal);
    line-height: var(--lh-sm);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs__list a {
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.breadcrumbs__list a:hover {
    color: var(--accent-active)
}

.breadcrumbs__list-link {
    color: var(--accent)
}

.breadcrumbs__list-link.is-active {
    color: var(--accent);
    font-weight: var(--fw-bold);
    cursor: default
}

.breadcrumbs__list-icon {
    margin: 0 8px;
    color: var(--accent)
}

@media (max-width: 759.98px) {
    .custom--slider {
        margin: calc(-16px * .75);
        padding: calc(16px * .75)
    }
}

.custom--slider-wrapper {
    position: relative
}

.custom--slider-wrapper .swiper-slide {
    height: auto !important
}

.custom--slider-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: 40px
}

.custom--slider-arrows.is-hidden {
    display: none !important
}

.custom--slider-arrows--white .swiper-button-next, .custom--slider-arrows--white .swiper-button-prev {
    border-color: var(--white);
    color: var(--white);
    background-color: var(--accent)
}

.custom--slider-arrows--white .swiper-button-next:hover, .custom--slider-arrows--white .swiper-button-prev:hover {
    border-color: var(--accent-light);
    background-color: var(--accent);
    color: var(--accent-light)
}

.custom--slider-arrows--white .swiper-button-next:active, .custom--slider-arrows--white .swiper-button-prev:active {
    border-color: var(--accent-light);
    background-color: var(--accent-active);
    color: var(--accent-light)
}

.custom--slider-arrows--white .swiper-button-next.swiper-button-disabled, .custom--slider-arrows--white .swiper-button-prev.swiper-button-disabled {
    background-color: var(--accent) !important;
    border-color: var(--white) !important;
    color: var(--white) !important
}

.header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: var(--header-z-index);
    padding: 24px 0 35px
}

.header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 35px);
    background-color: var(--white);
    pointer-events: none
}

.header__wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-repeat: repeat-x;
    background-size: cover;
    height: 35px;
    pointer-events: none;
    z-index: calc(var(--header-z-index) + 1)
}

.header__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px
}

.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__logo[href] {
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition)
}

.header__logo[href]:hover {
    opacity: .75
}

.header__logo img {
    width: auto;
    height: auto;
    max-height: 23px
}

@media (min-width: 1200px) {
    .header {
        padding: 22px 0
    }

    .header::before {
        height: calc(100% - 22px)
    }

    .header__wave {
        background-size: contain;
        height: 30px
    }

    .header__wrapper {
        min-height: 56px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 16px
    }

    .header__menu-main {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%
    }
}

@media (max-width: 1199.98px) {
    .header__menu-main {
        position: fixed;
        top: calc(var(--header-height, 92px) - 35px);
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden auto;
        opacity: 0;
        visibility: hidden;
        z-index: calc(var(--header-menu-index) - 1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 75px 12px 60px;
        background-color: var(--accent);
        -webkit-transition: opacity var(--transition), visibility var(--transition);
        transition: opacity var(--transition), visibility var(--transition)
    }

    body[show-mobile-menu] {
        overflow: hidden
    }
}

.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

@media (min-width: 1200px) {
    .header__menu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 0 16px;
        height: auto
    }

    .header__menu-left {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header__menu-right {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1200px) {
    .header__menu-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 16px
    }
}

@media (min-width: 1440px) {
    .header__menu-left {
        margin-left: 38px
    }

    .header__menu-right {
        gap: 20px
    }
}

.header__menu-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

@media (min-width: 1200px) {
    .header__menu-items {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 4px 8px
    }
}

@media (min-width: 1440px) {
    .header__menu-items {
        gap: 6px 12px
    }
}

.header__menu-item {
    display: block
}

.header__menu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--white);
    font-size: var(--text-size-20);
    font-weight: var(--fw-normal);
    line-height: normal;
    border-radius: 40px;
    padding: 8px 20px;
    -webkit-transition: color var(--transition), background-color var(--transition);
    transition: color var(--transition), background-color var(--transition)
}

.header__menu-link:hover {
    color: var(--accent);
    background-color: var(--white)
}

@media (min-width: 1200px) {
    .header__menu-link {
        color: var(--accent);
        font-size: var(--text-size-14)
    }

    .header__menu-link:hover {
        color: var(--white);
        background-color: var(--accent)
    }
}

.header__menu-link.is-active {
    color: var(--accent);
    background-color: var(--white)
}

.header__menu-interactions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    margin-top: auto;
    padding-top: 46px
}

@media (min-width: 1200px) {
    .header__menu-link.is-active {
        color: var(--white);
        background-color: var(--accent)
    }

    .header__menu-interactions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px;
        margin-top: 0;
        padding-top: 0
    }
}

.header__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px
}

@media (min-width: 1200px) {
    .header__socials {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 20px
    }
}

@media (max-width: 1199px) {
    .header__socials {
        margin-top: 30px;
    }

    .header__menu-interactions {
        padding-top: 24px;
    }
}

.header__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--white);
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.header__social .icon {
    width: 32px;
    height: 32px
}

@media (min-width: 1200px) {
    .header__social {
        color: var(--accent)
    }

    .header__social:hover {
        color: var(--accent-active)
    }

    .header__social .icon {
        width: 24px;
        height: 24px
    }
}

.header__lang {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header__lang-trigger {
    color: var(--white);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 4px;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.header__lang-trigger.show .header__lang-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header__lang-text {
    font-size: var(--text-size-20);
    font-weight: var(--fw-normal);
    line-height: normal;
    text-transform: uppercase
}

.header__lang-arrow {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 16px;
    height: 16px;
    -webkit-transition: -webkit-transform var(--transition);
    transition: -webkit-transform var(--transition);
    transition: transform var(--transition);
    transition: transform var(--transition), -webkit-transform var(--transition)
}

.header__lang-body {
    min-width: 0;
    padding: 8px 4px 0;
    margin: 0 -4px !important;
    border: none;
    background-color: transparent
}

@media (min-width: 1200px) {
    .header__lang-trigger, .header__lang-trigger:hover {
        color: var(--accent)
    }

    .header__lang-text {
        font-size: var(--text-size-14)
    }

    .header__lang-body {
        background-color: var(--white)
    }
}

.header__lang-body-item {
    display: block;
    font-size: var(--text-size-20);
    font-weight: var(--fw-normal);
    line-height: normal;
    color: var(--white);
    text-transform: uppercase;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.header__lang-body-item.is-active {
    display: none;
    color: var(--white)
}

@media (min-width: 1200px) {
    .header__lang-body-item {
        font-size: var(--text-size-14);
        color: var(--black)
    }

    .header__lang-body-item.is-active {
        color: var(--accent)
    }
}

.header__lang-body-item:hover {
    color: var(--white)
}

.header__btns {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

@media (min-width: 1200px) {
    .header__lang-body-item:hover {
        color: var(--accent)
    }

    .header__btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.header__btns--mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 1200px) {
    .header__btns--mob {
        display: none
    }
}

.header__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--accent);
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.header__btn:hover {
    color: var(--accent-active)
}

.header__btn .icon {
    width: 32px;
    height: 32px
}

.header__burger {
    color: var(--accent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

@media (min-width: 1200px) {
    .header__btn .icon {
        width: 24px;
        height: 24px
    }

    .header__burger {
        display: none
    }
}

.header__burger:active {
    color: var(--accent-active)
}

.header__burger .icon {
    width: 32px;
    height: 32px
}

.header__burger-show {
    display: block
}

.header__burger-close {
    display: none
}

body[show-mobile-menu] .header.scroll-down {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

body[show-mobile-menu] .header__burger-show {
    display: none
}

body[show-mobile-menu] .header__burger-close {
    display: block
}

@media (max-width: 1199.98px) {
    body[show-mobile-menu] .header__menu-main {
        opacity: 1;
        visibility: visible
    }
}

.footer {
    background-color: var(--accent);
    padding-top: 40px;
    margin-top: 60px
}

.footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px
}

@media (min-width: 1034px) {
    .footer__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.footer__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 440px
}

.footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__logo[href] {
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition)
}

.footer__logo[href]:hover {
    opacity: .75
}

.footer__logo img {
    width: auto;
    height: auto;
    max-height: 47px
}

@media (min-width: 1200px) {
    .footer {
        padding-top: 60px;
        margin-top: 100px
    }

    .footer__logo img {
        max-height: 56px
    }
}

.footer__description {
    margin-top: 20px;
    font-size: var(--text-size-14);
    font-weight: var(--fw-normal);
    line-height: normal;
    color: var(--light)
}

.footer__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px
}

@media (min-width: 1200px) {
    .footer__cols {
        gap: 40px 129px
    }
}

.footer__head {
    margin-bottom: 20px
}

.footer__title {
    color: var(--light);
    text-transform: uppercase
}

.footer__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 1034px) {
    .footer__description {
        margin-top: 28px
    }

    .footer__head {
        margin-bottom: 40px
    }

    .footer__items {
        gap: 40px
    }
}

.footer__item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: var(--light);
    margin-bottom: 12px
}

.footer__item-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 24px;
    height: 24px
}

.footer__item-title {
    font-size: var(--text-size);
    font-weight: var(--fw-bold);
    line-height: var(--lh-xs);
    text-transform: uppercase
}

.footer__item-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.footer__item-link {
    color: var(--light);
    font-size: var(--text-size-14);
    font-weight: var(--fw-normal);
    line-height: var(--lh-sm);
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition)
}

.footer__item-link[href]:hover {
    opacity: .75
}

.footer__contacts .footer__item-links {
    gap: 20px
}

.footer__waves {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    margin-top: 40px
}

@media (min-width: 1034px) {
    .footer__waves {
        margin-top: 60px
    }
}

.footer__wave {
    width: 100%;
    height: 32px;
    background-repeat: repeat-x;
    background-position: 0 0;
    will-change: background-position
}

.footer__wave:nth-child(1) {
    -webkit-animation: 25s linear infinite waveMove;
    animation: 25s linear infinite waveMove
}

.footer__wave:nth-child(2) {
    -webkit-animation: 22s linear -5s infinite waveMove;
    animation: 22s linear -5s infinite waveMove
}

.footer__wave:nth-child(3) {
    -webkit-animation: 28s linear -11s infinite waveMove;
    animation: 28s linear -11s infinite waveMove
}

.footer__bottom {
    background-color: var(--light);
    padding: 5px 0 20px;
    margin-top: 30px;
    position: relative
}

.footer__bottom-wave {
    position: absolute;
    top: -29px;
    left: 0;
    width: 100%;
    background-repeat: repeat-x;
    background-size: cover;
    height: 30px;
    pointer-events: none
}

@media (min-width: 1034px) {
    .footer__bottom {
        margin-top: 35px
    }

    .footer__bottom-wave {
        top: -34px;
        height: 35px
    }
}

@media (min-width: 1200px) {
    .footer__item-link {
        font-size: var(--text-size)
    }

    .footer__bottom-wave {
        background-size: contain
    }
}

.footer__bottom-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px 16px
}

@media (min-width: 576px) {
    .footer__bottom-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.footer__copyright {
    font-size: var(--text-size-12);
    line-height: var(--lh-sm);
    font-weight: var(--fw-normal);
    color: var(--accent)
}

.footer__copyright br {
    display: block
}

@media (min-width: 760px) {
    .footer__copyright br {
        display: none
    }
}

.footer__develop-link {
    display: block;
    font-size: var(--text-size-12);
    line-height: var(--lh-sm);
    font-weight: var(--fw-normal);
    color: var(--accent);
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition)
}

* {
    scrollbar-width: thin !important;
    scrollbar-color: var(--primary) var(--white)
}

@media (max-width: 767px) {
    .modal.modal-product .modal-product__btn-wrapper {
        grid-column: 1;
    }
}

.tenders-page .contacts__description {
    margin-top: 0;
}

.tenders-page .vacancy__form-title {
    margin-bottom: 0;
    text-align: left;
    margin: 12px 0 16px 0;
}

.tenders-page .contacts__head {
    text-align: left;
}

.tenders-page .contacts__form-wrapper {
    margin: 0;
}

.logos__slider .swiper-wrapper {
    transition-timing-function: linear !important;
}

.contacts__head {
    margin-bottom: 20px
}

.contacts__title {
    color: var(--accent);
    text-transform: uppercase
}

.contacts__description {
    color: var(--accent);
    margin-top: 20px
}

.contacts__form-wrapper {
    margin: 0 auto;
    width: 100%
}

@media (min-width: 576px) {
    .contacts__head {
        text-align: center
    }

    .contacts__form-wrapper {
        max-width: 440px
    }
}

.contacts__form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.contacts__form-agree, .contacts__form-attach {
    margin-top: 20px
}

.contacts__form-submit-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

@media (min-width: 1200px) {
    .modal-contact .h2,
    .modal-contact h2 {
        font-size: var(--text-size-32);
    }
}

body #wpadminbar ~ .select2-container .select2-dropdown {
    margin-top: 32px;
}

.vacancies-page .select2-selection__clear {
    color: #fff;
}

.vacancies .select2-container,
.vacancies-page .select2-container {
    width: 100% !important;
    max-width: 320px;
}

.vacancies-page .select2 .select2-selection {
    background-color: var(--accent);
}

.vacancies .select2 .select2-selection,
.vacancies-page .select2 .select2-selection {
    padding: 13px 56px 13px 16px;
    height: min-content;
}

.vacancies .select2-container--default .select2-selection--single .select2-selection__placeholder,
.vacancies-page .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
}

.vacancies .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--accent) !important;
}

.vacancies-page .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff !important;
}


.vacancies .select2 .select2-selection__arrow,
.vacancies-page .select2 .select2-selection__arrow {
    height: 100% !important;
    width: 16px !important;
    top: 0 !important;
    right: 16px !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIxOV8yODMzKSI+CjxwYXRoIGQ9Ik0xMyA2TDggMTFMMyA2IiBzdHJva2U9IiMxMDVBQjIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMTlfMjgzMyI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center
}

.vacancies-page .select2 .select2-selection__arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIxOV8yODMzKSI+CjxwYXRoIGQ9Ik0xMyA2TDggMTFMMyA2IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMTlfMjgzMyI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=);
}

.dropdown-vacancy .select2-results .select2-results__option,
.dropdown-vacancy .select2-results .select2-results__option .select2-results__option,
.dropdown-vacancy-page .select2-results .select2-results__option,
.dropdown-vacancy-page .select2-results .select2-results__option .select2-results__option {
    padding: 12px 16px;
    font-size: var(--text-size-14);
    font-weight: 400;
    color: var(--accent);
}

.vacancies-page .dropdown-vacancy .select2-results .select2-results__option,
.dropdown-vacancy-page .select2-results .select2-results__option {
    color: #fff !important;
    background-color: var(--accent);
}

.vacancies .select2-container--default .select2-selection--single .select2-selection__rendered,
.vacancies-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: var(--text-size-14);
    font-weight: 700;
    color: var(--accent) !important;
}

.vacancies-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
}

.dropdown-vacancy .select2-container--default .select2-results > .select2-results__options,
.dropdown-vacancy-page .select2-container--default .select2-results > .select2-results__options {
    max-height: 100%;
}

.dropdown-vacancy.select2-dropdown--below,
.dropdown-vacancy-page.select2-dropdown--below {
    border-radius: 0 0 20px 20px;
}

.dropdown-vacancy.select2-dropdown--above,
.dropdown-vacancy-page.select2-dropdown--above {
    border-radius: 20px 20px 0 0;
}

.select2-results .select2-results__option, .select2-results .select2-results__option .select2-results__option {
    border-radius: 0;
}

.dropdown-vacancy .select2-results,
.dropdown-vacancy-page .select2-results{
    padding: 0;
}

.dropdown-vacancy .select2-results__option--highlighted[aria-selected] {
    background-color: #EAF4FF;
}

.dropdown-vacancy-page .select2-results__option--highlighted[aria-selected] {
    background-color: #0B4C9A;
}

.dropdown-vacancy .select2-results__option--selected {
    background-image: none;
}

@media (max-width: 767px) {
    .vacancies-page .select2-container {
        max-width: 100%;
    }

    .vacancies .select2-container {
        max-width: 100%;
    }
}
.select2-container--default
.dropdown-vacancy .select2-results__option--selected,
.select2-container--default .dropdown-vacancy-page .select2-results__option--selected {
    background-image: none !important;
}

.wpcf7-not-valid-tip {
    font-size: var(--text-size-12);
    line-height: var(--lh-sm);
    margin-left: 12px;
    color: var(--error);
}

.wpcf7-not-valid {
    border-color: var(--error);
}

.file-upload-container-wrapper {
    margin-left: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* File field: move the validation tip onto its own line below the upload button
   instead of squeezing it into the flex row next to the button */
.file-upload-container-wrapper > .wpcf7-form-control-wrap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.file-upload-container-wrapper .wpcf7-not-valid-tip {
    display: block;
    margin-left: 0;
    margin-top: 8px;
}

/* Hide CF7 response output for states handled elsewhere (field tips / success modal) */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    display: none;
}

form.unaccepted .form-item__checkbox-icon {
    border-color: var(--error);
}

/* CF7 response output — branded alert (acceptance/spam/failed states).
   Selector includes `form` (specificity 0,2,1) so border/padding always
   beat CF7's own .wpcf7 .wpcf7-response-output regardless of load order. */
.wpcf7 form .wpcf7-response-output {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0 0;
    padding: 12px 18px;
    border: 1px solid var(--error);
    border-radius: 20px;
    background-color: #FBEAEA;
    color: var(--error);
    font-family: var(--base-font);
    font-size: var(--text-size-14);
    font-weight: var(--fw-normal);
    line-height: var(--lh-default);
    text-align: left;
}

/* CF7 sets per-state border-color at higher specificity — keep it branded */
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--error);
}

.wpcf7 form .wpcf7-response-output::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C12026%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%208v4%22%2F%3E%3Cpath%20d%3D%22M12%2016h.01%22%2F%3E%3C%2Fsvg%3E");
}

/* In the contacts section the output sits outside the 440px form wrapper —
   align it to the form. Specificity (0,3,1) reliably wins for margin. */
@media (min-width: 576px) {
    .contacts .wpcf7 form .wpcf7-response-output {
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
    }
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1.2em;
}

.modal-contact.modal--custom-full-mob .modal-dialog {
    max-width: var(--bs-modal-width);
}

.logos-marquee {
    overflow: hidden;
}

.logos-track {
    display: flex;
    transition-timing-function: linear !important;
    animation-name: logos-marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    width: max-content;
}

.logos-inner {
    display: flex;
    flex-shrink: 0;
}

.logos-track:hover {
    animation-play-state: paused;
}

.companies.logos-marquee .logos-track {
    animation-direction: reverse;
}

@keyframes logos-marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.section--accent .swiper-button-next:hover,
.section--accent .swiper-button-prev:hover,
.section--accent .swiper-button-next:active,
.section--accent .swiper-button-prev:active {
    background-color: #FCF7F2;
    border-color: #FCF7F2;
    color: var(--accent);
}

.section--accent .swiper-button-next:active,
.section--accent .swiper-button-prev:active {
    color: #0B4C9A;
}

.copy-page-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition);
    color: var(--accent);
}

.copy-page-link:hover {
    opacity: .75
}

.copy-page-link:focus-visible,
.vacancy__share-link:focus-visible,
.news-detail__share-link:focus-visible {
    outline: none;
}

#successModal .modal-dialog {
    max-width: 600px;
}

#successModal .modal-content {
    background-color: var(--accent);
    border: 1px solid var(--light);
    border-radius: 20px;
    color: var(--white);
    text-align: center;
    overflow: hidden;
}

#successModal .modal-body {
    position: relative;
    padding: 40px;
}

.success-wave {
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%;
    display: block;
    min-width: 708px;
}

#successModal .btn {
    width: 100%;
}

#successModal .h2 {
    font-weight: var(--fw-bold);
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-22 {
    margin-bottom: 22px;
}

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

@media (min-width: 1200px) {
    .mb-xl-30 {
        margin-bottom: 30px;
    }
}

@media (max-width: 992px) {
    #successModal .h2 {
        font-size: 24px;
    }

    #successModal p {
        font-size: 14px;
    }

    #successModal .modal-body {
        padding: 30px;
    }

    #successModal .modal-dialog {
        max-width: 366px;
    }

    .success-wave {
        min-width: 464px;
        bottom: 10px;
    }
}