@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

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

.swiper-3d {
    perspective: 1200px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid #0000;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

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

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

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

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, #00000040);
    position: absolute
}

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

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

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

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

.swiper-pagination-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

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

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

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

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

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

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

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

html {
    color: #000;
    font-size: 16px;
    line-height: 120%;
    scroll-behavior: smooth
}

html, html body {
    font-family: Verdana, sans-serif;
    height: 100%
}

html body {
    margin: 0;
    text-rendering: optimizeLegibility;
    width: 100%;
    -webkit-font-smoothing: antialiased
}

html body.menu-opened {
    overflow: hidden
}

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

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none
}

input[type=search]::-ms-clear, input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

.button {
    background-color: #0000;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: none;
    padding: 0
}

.visually-hidden {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    border: 0;
    clip-path: inset(100%);
    white-space: nowrap
}

@media (min-width: 481px) {
    .visible-xs {
        display: none !important
    }
}

@media (max-width: 560px) {
    .hidden-xs {
        display: none !important
    }
}

@media (max-width: 1024px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 1025px) {
    .visible-sm {
        display: none !important
    }
}

.ymap-container {
    height: 100%;
    width: 100%
}

[class$=-ground-pane] {
    filter: grayscale(100%)
}

#serviceList {
    scroll-margin: 40px
}

.vsc-controller {
    display: none !important
}

.base-container {
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 40px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .base-container {
        padding: 0 32px
    }
}

@media screen and (max-width: 560px) {
    .base-container {
        padding: 0 16px
    }
}

.base-container--full {
    max-width: 100%
}

.base-container--md {
    max-width: 1180px
}

.page {
    height: 100vh
}

.page__wrapper {
    display: grid;
    grid-template-rows:1fr max-content;
    min-height: 100%
}

.page__footer, .page__header, .page__main {
    min-width: 0
}

.page__main {
    overflow: hidden;
    padding-top: 75px
}

@media screen and (max-width: 1024px) {
    .page__main {
        padding-top: 50px
    }
}

.page__main:has(.catalog-page), .page__main:has(.main-banner) {
    margin-bottom: -20px
}

.page__footer {
    margin-top: auto
}

.page__title {
    color: #ff5c3f;
    font-family: Roboto, sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 40px
}

@media screen and (max-width: 560px) {
    .page__title {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 20px
    }
}

.page-content {
    padding-bottom: 100px
}

.page-content__head {
    padding: 24px 0
}

@media (max-width: 1024px) {
    .page-content__head {
        border: 0;
        padding: 0
    }
}

.page-content__title {
    font-size: 44px;
    font-weight: 400;
    line-height: 56px
}

@media (max-width: 1024px) {
    .page-content__title {
        font-size: 32px;
        line-height: 120%
    }
}

h1, h2, h3, h4, h5, p {
    margin: 0
}

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

.hidden {
    display: none
}

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

input:not([type=checkbox]):not([type=radio]):not([type=number]), select, textarea {
    -webkit-appearance: none;
    appearance: none
}

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

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

button:not(:disabled) {
    cursor: pointer
}

a {
    color: currentColor;
    -webkit-text-decoration: none;
    text-decoration: none
}

a, a:active, a:focus {
    outline: none
}

a:focus-visible, button:focus-visible {
    outline: 1px solid #8ad3cf
}

.base-socials {
    align-items: center;
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0
}

.base-socials__icon {
    display: block;
    height: 35px;
    width: 35px
}

.base-slider {
    position: relative
}

.base-slider__navigation {
    align-items: center;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    width: 100%;
    z-index: 1
}

.base-slider__next, .base-slider__prev {
    align-items: center;
    background-color: #0000;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    justify-content: center;
    outline: none;
    padding: 0;
    pointer-events: all;
    transition: all .3s ease;
    z-index: 1
}

.base-slider__next svg, .base-slider__prev svg {
    display: block;
    height: 20px;
    width: 30px
}

.base-slider__next[disabled], .base-slider__prev[disabled] {
    pointer-events: none
}

.base-slider__zoom {
    bottom: 25px;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 25px;
    row-gap: 10px;
    z-index: 15
}

.base-slider__zoom-button {
    align-items: center;
    background-color: #0000;
    background-color: #fff;
    border: 1px solid #0000;
    border-radius: 50%;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .102);
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    height: 45px;
    justify-content: center;
    outline: none;
    padding: 0;
    pointer-events: all;
    transition: all .3s ease;
    width: 45px;
    z-index: 1
}

.base-slider__zoom-button svg {
    height: 24px;
    width: 24px
}

.base-button {
    align-items: center;
    background-color: #0000;
    border: 0;
    color: inherit;
    color: #124244;
    cursor: pointer;
    display: flex;
    font: inherit;
    font-family: Evolventa, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    outline: none;
    padding: 13px 16px;
    text-align: center;
    transition: all .3s ease
}

.base-button--primary {
    background: #8ad3cf;
    border-radius: 30px;
    padding: 17px 57px
}

@media screen and (max-width: 1024px) {
    .base-button--primary {
        font-size: 16px;
        padding: 16px 42px
    }
}

@media (min-width: 1025px) {
    .base-button--primary:hover {
        background: #ff5c3f;
        color: #fff
    }
}

.base-button--secondary {
    background: #ff5c3f;
    border-radius: 30px;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding: 12px 57px
}

@media screen and (max-width: 1024px) {
    .base-button--secondary {
        font-size: 16px;
        padding: 16px 42px
    }
}

@media (min-width: 1025px) {
    .base-button--secondary:hover {
        background: #fff;
        color: #000
    }
}

.base-button--form {
    background: #8ad3cf;
    border-radius: 40px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    gap: 15px;
    letter-spacing: .3px;
    line-height: 24px;
    padding: 20px 32px
}

@media screen and (max-width: 1024px) {
    .base-button--form {
        font-size: 16px;
        padding: 16px 42px
    }
}

@media (min-width: 1025px) {
    .base-button--form:hover {
        background: #fff
    }
}

.base-button--form svg {
    display: block;
    height: 30px;
    width: 30px
}

@media screen and (max-width: 1024px) {
    .base-button--form svg {
        height: 22px;
        width: 22px
    }
}

.base-button--decorated {
    background: #ff5c3f;
    border-radius: 999px 0;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 25px 60px
}

@media screen and (max-width: 1024px) {
    .base-button--decorated {
        font-size: 16px;
        padding: 16px 42px
    }
}

@media (min-width: 1025px) {
    .base-button--decorated:hover {
        background: #8ad3cf
    }
}

.base-button--wide {
    width: 100%
}

.base-button--small {
    padding: 12px 16px
}

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

.base-button__text {
    align-items: center;
    display: flex;
    justify-content: center
}

.header {
    background: #fdfdfd;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 4px 8.3px #0000001a;
    position: fixed;
    width: 100%;
    z-index: 10
}

.header__wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

@media screen and (max-width: 1024px) {
    .header__wrap {
        flex-wrap: wrap
    }
}

.header__main-link {
    display: block;
    flex-shrink: 0
}

.header__logo {
    display: block;
    height: 66px
}

@media screen and (max-width: 560px) {
    .header__logo {
        height: 42px
    }
}

@media screen and (max-width: 1024px) {
    .header__nav {
        max-height: 0;
        order: 2;
        overflow: hidden;
        transition: all .3s ease;
        width: 100%
    }

    .header__nav._opened {
        max-height: 100vh
    }
}

.header-nav__list {
    align-items: center;
    display: flex;
    gap: 40px;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1024px) {
    .header-nav__list {
        display: grid;
        gap: 32px;
        padding: 32px 0
    }
}

@media screen and (max-width: 560px) {
    .header-nav__list {
        gap: 20px;
        padding: 32px 0 20px
    }
}

@media screen and (max-width: 1024px) {
    .header__socials {
        margin-left: auto
    }
}

.header-nav__link {
    color: #124244;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    transition: all .3s ease
}

@media (min-width: 1025px) {
    .header-nav__link:hover {
        color: #ff5c3f
    }
}

.header__burger {
    align-items: center;
    background: #0000;
    border: 0;
    cursor: pointer;
    display: none;
    height: 18px;
    justify-content: center;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 40px;
    z-index: 21
}

@media screen and (max-width: 1024px) {
    .header__burger {
        display: flex;
        margin-left: 32px;
        width: 25px
    }
}

@media screen and (max-width: 560px) {
    .header__burger {
        margin-left: 20px
    }
}

.header__burger > span {
    background: currentColor;
    display: block;
    font-size: 0;
    height: 2px;
    position: relative;
    transition: background .2s .2s;
    width: 100%
}

.header__burger > span:after, .header__burger > span:before {
    background: currentColor;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform-origin: 50% 50%;
    transition: top .2s .2s, transform .2s;
    width: 100%
}

.header__burger > span:before {
    top: -6px
}

@media (max-width: 767px) {
    .header__burger > span:before {
        top: -7px
    }
}

.header__burger > span:after {
    top: 6px
}

@media (max-width: 767px) {
    .header__burger > span:after {
        top: 7px
    }
}

.header__burger._active > span {
    background: #0000;
    transition: background .2s 0s
}

.header__burger._active > span:after, .header__burger._active > span:before {
    top: 0;
    transition: top .2s, transform .2s .2s
}

.header__burger._active > span:before {
    transform: rotate(45deg)
}

.header__burger._active > span:after {
    transform: rotate(-45deg)
}


.footer {
    background: #fff;
//border-radius: 20px 20px 0 0;
//box-shadow: 0 -4px 8px #00000014
}

.footer__wrap {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: 70px 0 115px
}

@media screen and (max-width: 1024px) {
    .footer__wrap {
        display: grid;
        gap: 40px;
        grid-template-columns:1fr 1fr;
        padding: 40px 0 80px
    }
}

@media screen and (max-width: 560px) {
    .footer__wrap {
        gap: 32px;
        grid-template-columns:1fr;
        padding: 32px 0 40px
    }
}

.footer__main-link {
    display: block
}

.footer__logo {
    display: block;
    height: 146px
}

@media screen and (max-width: 1024px) {
    .footer__logo {
        height: 80px
    }
}

.footer-partners__title {
    color: #0E5652;

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 8px
}

@media screen and (max-width: 560px) {
    .footer-partners__title {
        font-size: 14px;
        line-height: 1
    }
}

.footer-partners__list {
    display: grid;
    gap: 24px;
    grid-template-columns:max-content max-content max-content;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1024px) {
    .footer-partners__list {
        gap: 16px;
        column-gap: 32px
    }
}

@media screen and (max-width: 560px) {
    .footer-partners__list {
        row-gap: 10px
    }
}

.footer-partners__list-item:first-of-type {
    grid-column: 1/-1
}

.footer-partners__list-item:first-of-type .footer-partners__logo {
    height: 40px
}

@media screen and (max-width: 560px) {
    .footer-partners__list-item:first-of-type .footer-partners__logo {
        height: 32px
    }
}

.footer-partners__logo {
    display: block;
    height: 48px
}

@media screen and (max-width: 1024px) {
    .footer-partners__logo {
        height: 38px
    }
}

@media screen and (max-width: 560px) {
    .footer-partners__logo {
        height: 30px
    }
}

.footer-nav {
    display: grid;
    gap: 25px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 560px) {
    .footer-nav {
        gap: 12px;
        grid-template-columns:1fr 1fr
    }
}

.footer-nav__link {
    color: #F26D10;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    transition: all .3s ease
}

@media screen and (max-width: 560px) {
    .footer-nav__link {
        font-size: 14px;
        line-height: 1
    }
}

@media (min-width: 1025px) {
    .footer-nav__link:hover {
        color: #0E5652
    }
}

.footer-contacts {
    display: grid;
    gap: 20px
}

@media screen and (max-width: 560px) {
    .footer-contacts {
        gap: 16px
    }
}

.footer-contacts__list {
    display: grid;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-contacts__link {
    color: #0E5652;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    transition: all .3s ease
}

@media screen and (max-width: 560px) {
    .footer-contacts__link {
        font-size: 14px;
        line-height: 1
    }
}

@media (min-width: 1025px) {
    .footer-contacts__link:hover {
        color: #F26D10
    }
}

.footer-contacts__social {
    align-items: center;
    color: #0E5652;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 10px;
    line-height: 19px
}

@media screen and (max-width: 560px) {
    .footer-contacts__social {
        font-size: 14px;
        line-height: 1
    }
}

.footer-contacts__social-icon {
    display: block;
    height: 36px;
    width: 36px
}

.base-input {
    flex-grow: 1;
    width: 100%
}

.base-input, .base-input__wrap {
    position: relative
}

.base-input__wrap--error .base-input__control {
    border: 1px solid #ff5031
}

.base-input__wrap--error .base-input__control::placeholder, .base-input__wrap--error .base-input__label {
    color: #ff5031
}

.base-input__inner {
    position: relative
}

.base-input__label {
    color: #124244;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 10px
}

@media screen and (max-width: 560px) {
    .base-input__label {
        font-size: 16px;
        line-height: 1
    }
}

.base-input__control {
    background: #fff;
    border: 1px solid #0000;
    border-radius: 20px;
    box-sizing: border-box;
    color: #124244;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    padding: 15px 24px;
    transition: all .3s ease;
    width: 100%
}

.base-input__control:focus-visible {
    border-color: #124244
}

.base-input__control::placeholder {
    transition: all .3s ease
}

.base-input__control:disabled {
    pointer-events: none
}

.base-input__control[type=file] {
    color: #0000;
    cursor: pointer
}

.base-input__control::-webkit-file-upload-button {
    visibility: hidden
}

.base-input__error {
    color: #ff5031;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 140%;
    margin-top: 8px
}

.base-input__error svg {
    height: 16px;
    width: 16px
}

.base-input__password-show {
    align-items: center;
    background-color: #0000;
    border: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    height: 100%;
    justify-content: center;
    outline: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.base-input__password-show._active .base-input__password-icon {
    fill: #ff5c3f
}

.base-input__password-show._active .base-input__password-icon--hide {
    display: block
}

.base-input__password-show._active .base-input__password-icon--show {
    display: none
}

@media (hover: hover)and (min-width: 1025px) {
    .base-input__password-show:hover .base-input__password-icon {
        fill: #ff5c3f
    }
}

.base-input__password-icon--show {
    height: 15px;
    width: 22px
}

.base-input__password-icon--hide {
    display: none;
    height: 19px;
    width: 22px
}

.base-input__btn {
    align-items: center;
    background-color: #0000;
    border: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    justify-content: center;
    outline: none;
    padding: 0;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease
}

.base-input__btn-icon {
    height: 20px;
    width: 20px
}

@media screen and (max-width: 1024px) {
    .base-input__btn-icon {
        height: 16px;
        width: 16px
    }
}

.base-input__prelabel {
    left: 16px;
    position: absolute;
    top: 52%;
    transform: translateY(-50%)
}

.base-input__note, .base-input__prelabel {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%
}

.base-input__note {
    margin-top: 16px;
    opacity: .8
}

.base-input__cv-icon {
    height: 20px;
    width: 20px
}

@media screen and (max-width: 1024px) {
    .base-input__cv-icon {
        height: 16px;
        width: 16px
    }
}

.base-input__file-preview {
    align-items: center;
    color: #000;
    column-gap: 8px;
    display: flex;
    font-size: 14px;
    padding-top: 14px
}

.base-input__file-preview._hidden {
    display: none
}

.base-input__file-delete {
    background-color: #0000;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    margin-left: auto;
    outline: none;
    padding: 0
}

.base-input__caption, .base-input__file-icon {
    color: #ff5c3f;
    height: 16px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    z-index: 0
}

.base-input__file-name {
    font-size: 12px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.base-input__caption {
    left: 16px;
    max-width: 80%;
    width: -moz-fit-content;
    width: fit-content
}

.base-checkbox {
    display: block;
    position: relative
}

.base-checkbox input:checked + .base-checkbox__icon {
    background-color: #ff5c3f;
    border-color: #ff5c3f
}

.base-checkbox input:checked + .base-checkbox__icon svg {
    opacity: 1;
    visibility: visible
}

.base-checkbox__wrap {
    align-items: flex-start;
    cursor: pointer;
    display: flex
}

.base-checkbox__wrap:before {
    background-color: #fff;
    border-radius: 3px;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 18px;
    margin-right: 12px;
    width: 18px
}

.base-checkbox__wrap:has(input:checked):before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' fill='none'%3E%3Cpath fill='%23FF5031' d='M4.622 10.708c-.15.168-.364.308-.552.308s-.401-.147-.558-.315L0 6.772l1.116-1.249 2.96 3.312L11.903.016 13 1.286z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 13px 12px
}

.base-checkbox__text {
    color: #124244;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding-top: 2px
}

.base-checkbox__text a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    transition: all .3s ease
}

@media (min-width: 1025px) {
    .base-checkbox__text a:hover {
        color: #ff5c3f
    }
}

.nice-select.js-select {
    background: #fff;
    border: 1px solid #0000;
    border-radius: 20px;
    box-sizing: border-box;
    color: #124244;
    float: none;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 51px;
    line-height: 19px;
    padding: 15px 24px;
    transition: all .3s ease;
    width: 100%
}

.nice-select.js-select:focus-visible {
    border-color: #124244
}

.nice-select.js-select::placeholder {
    transition: all .3s ease
}
.nice-select.js-select .current{
    max-width: 100%;
    overflow: hidden;
    display: block;
}

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

.nice-select .option {
    line-height: 1.2!important;
    white-space: normal;
    padding: 10px 0;
}

.nice-select-dropdown .option.disabled {
    display: none
}

select.js-select {
    height: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0;
    clip: rect(0 0 0 0);
    border: 0;
    clip-path: inset(100%);
    white-space: nowrap
}

.base-dropzone {
    align-items: center;
    border: 2px dashed #fff;
    border-radius: 20px;
    display: flex;
    height: 66px
}

@media screen and (max-width: 560px) {
    .base-dropzone {
        height: auto
    }
}

.base-dropzone__icon {
    display: block;
    height: 25px;
    width: 20px
}

.base-dropzone__inner {
    align-items: center;
    background-color: #0000;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .base-dropzone__inner {
        padding: 0 16px
    }
}

@media screen and (max-width: 560px) {
    .base-dropzone__inner {
        padding: 12px
    }
}

.base-dropzone__text {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px
}

@media screen and (max-width: 1440px) {
    .base-dropzone__text {
        font-size: 14px;
        line-height: 16px
    }
}

@media screen and (max-width: 560px) {
    .base-dropzone__text {
        font-size: 14px;
        line-height: 16px
    }
}

.base-dropzone__files {
    display: none;
    padding: 0 24px
}

@media screen and (max-width: 560px) {
    .base-dropzone__files {
        padding: 12px
    }
}

.base-dropzone__files:has(.base-dropzone__file-item) {
    display: block
}

.base-dropzone__files:has(.base-dropzone__file-item) + .base-dropzone__inner {
    display: none
}

.base-dropzone__file-item {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px
}

@media screen and (max-width: 560px) {
    .base-dropzone__file-item {
        font-size: 14px;
        line-height: 16px
    }
}

.base-dropzone__file-item-title {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.base-dropzone__file-item-close {
    background-color: #0000;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1.946 1 20 20m-20 0 20-20z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border: 0;
    display: block;
    height: 32px;
    margin-left: 20px;
    padding: 0;
    width: 32px
}

.base-textarea {
    display: block
}

.base-textarea__label {
    color: #124244;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 10px
}

@media screen and (max-width: 560px) {
    .base-textarea__label {
        font-size: 16px;
        line-height: 1
    }
}

.base-textarea__control {
    background: #fff;
    border: 1px solid #0000;
    border-radius: 20px;
    box-sizing: border-box;
    color: #124244;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 100px;
    line-height: 19px;
    padding: 15px 24px;
    resize: none;
    transition: all .3s ease;
    width: 100%
}

.base-textarea__control:focus-visible {
    border-color: #124244
}

.base-textarea__control::placeholder {
    transition: all .3s ease
}

.base-textarea__control:disabled {
    pointer-events: none
}

.base-pagination {
    column-gap: 10px;
    list-style: none;
    padding: 0
}

.base-pagination, .base-pagination__btn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0
}

.base-pagination__btn {
    background-color: #0000;
    border: 1px solid #ff5c3f;
    border-radius: 5px;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 30px;
    line-height: 1;
    min-width: 26px;
    outline: none;
    padding: 0 9px;
    transition: all .3s ease
}

@media screen and (max-width: 560px) {
    .base-pagination__btn {
        height: 40px;
        min-width: 32px
    }
}

.base-pagination__btn svg {
    height: 18px;
    width: 18px
}

@media screen and (max-width: 560px) {
    .base-pagination__btn svg {
        height: 24px;
        width: 24px
    }
}

.base-pagination__btn.active {
    background-color: #ff5c3f;
    border-color: #0000;
    color: #fff;
    pointer-events: none
}

.base-pagination__btn.disabled {
    opacity: .2;
    pointer-events: none
}

@media (min-width: 1025px) {
    .base-pagination__btn:not(.active):hover {
        background-color: #ff5c3f14
    }
}

.base-pagination__btn--arrow {
    border: 0
}

.breadcrumbs {
    margin-bottom: 40px;
    max-width: 100%;
    overflow-x: hidden
}

@media screen and (max-width: 560px) {
    .breadcrumbs {
        margin-bottom: 20px
    }
}

.breadcrumbs__list {
    align-items: center;
    display: flex;
    gap: 4px;
    list-style: none;
    margin: 0;
    overflow-x: auto;
    padding: 0;
    scrollbar-width: none
}

.breadcrumbs__list::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.breadcrumbs__list-item {
    align-items: center;
    color: #124244;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    white-space: nowrap
}

.breadcrumbs__list-item a {
    transition: all .3s ease
}

@media (min-width: 1025px) {
    .breadcrumbs__list-item a:hover {
        color: #ff5c3f
    }
}

.breadcrumbs__list-item span {
    font-weight: 700
}

.breadcrumbs__list-item:before {
    content: "/";
    display: block;
    flex-shrink: 0;
    margin-right: 4px
}

.breadcrumbs__list-item:first-of-type:before {
    display: none
}

.news-card {
    background: #d9f4f0;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    padding: 30px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .news-card {
        border-radius: 16px;
        padding: 16px
    }
}

.news-card__img {
    border-radius: 10px;
    height: 220px;
    margin-bottom: 20px;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .news-card__img {
        height: 160px;
        margin-bottom: 10px
    }
}

@media (min-width: 1025px) {
    .news-card__img:hover img {
        transform: scale(1.1)
    }
}

.news-card__img img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .5s ease-in;
    width: 100%
}

.news-card__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 6px
}

@media screen and (max-width: 1024px) {
    .news-card__title {
        font-size: 18px;
        line-height: 22px
    }
}

.news-card__date {
    color: #124244;
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
    text-align: right
}

@media screen and (max-width: 1024px) {
    .news-card__date {
        font-size: 18px;
        line-height: 22px
    }
}

.news-card__preview-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 16px
}

@media screen and (max-width: 1024px) {
    .news-card__preview-text {
        font-size: 14px;
        line-height: 16px
    }
}

.news-card__btn {
    margin: auto auto 0
}

.translate-card {
    background: #d9f4f0;
    background: #a0e3da66;
    border-radius: 20px;
    box-shadow: 0 4px 8px #00000014;
    display: flex;
    flex-direction: column;
    padding: 30px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .translate-card {
        border-radius: 16px;
        padding: 16px
    }
}

.translate-card__head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 9px
}

.translate-card__title {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px
}

@media screen and (max-width: 1024px) {
    .translate-card__title {
        font-size: 18px;
        line-height: 22px
    }
}

.translate-card__icon {
    display: block;
    height: 50px;
    width: 32px
}

.translate-card__btn {
    margin: auto 0 0 auto;
    width: 200px
}

.translate-card__info {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 9px
}

.translate-card__info span {
    color: #ff5c3f
}

.translate-card__detail {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 9px
}

.catalog-card {
    align-items: center;
    background: #d9f4f0;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    padding: 19px 24px;
    transition: all .3s ease;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .catalog-card {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start
    }
}

@media screen and (max-width: 560px) {
    .catalog-card {
        border-radius: 16px;
        gap: 5px;
        padding: 10px 16px
    }
}

@media (min-width: 1025px) {
    .catalog-card:hover {
        background: #8ad3cf
    }
}

.catalog-card__name {
    color: #ff5031;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width: 560px) {
    .catalog-card__name {
        font-size: 16px;
        line-height: 20px
    }
}

.catalog-card__author {
    color: #004e52;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

@media screen and (max-width: 560px) {
    .catalog-card__author {
        font-size: 14px;
        line-height: 18px
    }
}

.catalog-card__author span {
    color: #ff5c3f
}

.catalog-lang {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 560px) {
    .catalog-lang {
        display: grid;
        gap: 6px;
        justify-content: unset
    }
}

.catalog-lang__name {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: underline;
    transition: all .3s ease
}

@media screen and (max-width: 560px) {
    .catalog-lang__name {
        font-size: 16px;
        line-height: 20px
    }
}

@media (min-width: 1025px) {
    .catalog-lang__name:hover {
        -webkit-text-decoration: none;
        text-decoration: none
    }
}

@media screen and (max-width: 560px) {
    .catalog-lang__translates:before {
        content: "("
    }

    .catalog-lang__translates:after {
        content: ")"
    }
}

.catalog-lang__translates span {
    color: #ff5c3f
}

.expert-card {
    display: flex;
    flex-direction: column;
    width: 100%
}

.expert-card__img {
    background: #d9d9d9;
    border-radius: 20px;
    display: flex;
    height: 315px;
    margin-bottom: 20px;
    overflow: hidden
}

.expert-card__img img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.expert-card__link {
    align-items: center;
    color: #004e52;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    justify-content: space-between;
    line-height: 21px;
    margin-top: auto;
    transition: all .3s ease
}

@media screen and (max-width: 560px) {
    .expert-card__link {
        font-size: 16px
    }
}

@media (min-width: 1025px) {
    .expert-card__link:hover {
        color: #ff5c3f
    }
}

.expert-card__link svg {
    display: block;
    height: 18px;
    width: 18px
}

.expert-card__name {
    color: #262626;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 20px;
    text-align: center
}

@media screen and (max-width: 1440px) {
    .expert-card__name {
        font-size: 20px;
        line-height: 24px
    }
}

.expert-card__preview-text {
    color: #00000082;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
    text-align: justify
}

@media screen and (max-width: 560px) {
    .expert-card__preview-text {
        font-size: 16px
    }
}

.form-callback {
    background: #d9f4f0;
    border-radius: 48px;
    min-height: 358px;
    padding: 40px 50px
}

@media screen and (max-width: 560px) {
    .form-callback {
        border-radius: 16px;
        min-height: auto;
        padding: 20px
    }
}

.form-callback._success .form-callback__result {
    display: block
}

.form-callback._success .form-callback__form {
    display: none
}

.form-callback._error .form-callback__error {
    display: block
}

.form-callback__title {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media screen and (max-width: 560px) {
    .form-callback__title {
        font-size: 18px;
        line-height: 1
    }
}

.form-callback__form {
    display: grid;
    gap: 20px;
    max-width: 726px
}

.form-callback__form-group {
    column-gap: 30px;
    display: grid;
    grid-template-columns:1fr 1fr;
    row-gap: 20px
}

@media screen and (max-width: 560px) {
    .form-callback__form-group {
        grid-template-columns:1fr
    }
}

.form-callback__form-control--full {
    grid-column: 1/-1
}

.form-callback__form-error {
    color: #ff5031;
    font-size: 12px;
    margin-top: 8px
}

.form-callback__form-checkboxes {
    display: grid;
    gap: 10px
}

.form-callback__result {
    color: #124244;
    display: none;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    width: 100%
}

@media screen and (max-width: 560px) {
    .form-callback__result {
        font-size: 18px;
        line-height: 20px
    }
}

.form-callback__error {
    color: #ff5031;
    display: none;
    font-size: 14px;
    font-weight: 400;
    grid-column: 1/-1;
    line-height: 140%;
    margin-top: 20px
}

.form-send {
    background: #ff5c3f;
    border-radius: 48px;
    gap: 20px;
    margin-top: 40px;
    padding: 50px
}

@media screen and (max-width: 560px) {
    .form-send {
        border-radius: 16px;
        margin-top: 32px;
        min-height: 300px;
        padding: 20px
    }
}

.form-send .base-input__label, .form-send .base-select__label {
    color: #fff
}

.form-send._success {
    align-items: center;
    display: flex
}

.form-send._success .form-send__result {
    display: block
}

.form-send._success .form-send__form {
    display: none
}

.form-send._error .form-send__error {
    display: block
}

.form-send__form {
    display: grid;
    gap: 30px;
    grid-template-columns:1fr 1fr;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .form-send__form {
        gap: 20px
    }
}

@media screen and (max-width: 1024px) {
    .form-send__form {
        gap: 20px;
        grid-template-columns:1fr
    }
}

.form-send__form-control--double {
    column-gap: 30px;
    display: grid;
    grid-template-columns:1fr 1fr
}

@media screen and (max-width: 1440px) {
    .form-send__form-control--double {
        column-gap: 20px
    }
}

@media screen and (max-width: 560px) {
    .form-send__form-control--double {
        gap: 20px;
        grid-template-columns:1fr
    }
}

.form-send__form-control--year {
    column-gap: 30px;
    display: grid;
    grid-template-columns:1fr 142px
}

@media screen and (max-width: 1440px) {
    .form-send__form-control--year {
        column-gap: 20px
    }
}

@media screen and (max-width: 560px) {
    .form-send__form-control--year {
        gap: 20px;
        grid-template-columns:1fr
    }
}

.form-send__form-control--files {
    column-gap: 30px;
    display: grid;
    grid-template-columns:230px 1fr
}

@media screen and (max-width: 560px) {
    .form-send__form-control--files {
        gap: 20px;
        grid-template-columns:1fr
    }
}

.form-send__form-error {
    color: #fff;
    font-size: 12px;
    margin-top: 8px
}

.form-send__form-checkboxes {
    grid-column: 1/-1
}

.form-send__form-checkboxes .base-checkbox__text {
    color: #fff
}

@media (min-width: 1025px) {
    .form-send__form-checkboxes .base-checkbox__text a:hover {
        color: #fff;
        -webkit-text-decoration: none;
        text-decoration: none
    }
}

.form-send__form-bottom {
    display: flex;
    grid-column: 1/-1;
    justify-content: center
}

.form-send__form-btn {
    max-width: 725px;
    width: 100%
}

.form-send__form-label {
    color: #fff;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px
}

@media screen and (max-width: 560px) {
    .form-send__form-label {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 10px
    }
}

.form-send__dropzone {
    min-width: 0
}

.form-send__result {
    color: #fff;
    display: none;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    width: 100%
}

@media screen and (max-width: 560px) {
    .form-send__result {
        font-size: 24px;
        line-height: 26px
    }
}

.form-send__error {
    color: #fff;
    display: none;
    font-size: 14px;
    font-weight: 400;
    grid-column: 1/-1;
    line-height: 140%;
    margin-top: 20px;
    text-align: center
}

.form-translate {
    background: #d9f4f0;
    border-radius: 48px;
    min-height: 358px;
    padding: 40px 50px
}

@media screen and (max-width: 560px) {
    .form-translate {
        border-radius: 16px;
        min-height: auto;
        padding: 20px
    }
}

.form-translate._success .form-translate__result {
    display: block
}

.form-translate._success .form-translate__form {
    display: none
}

.form-translate._error .form-translate__error {
    display: block
}

.form-translate__title {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 20px;
    text-transform: uppercase
}

@media screen and (max-width: 560px) {
    .form-translate__title {
        font-size: 18px;
        line-height: 1
    }
}

.form-translate__form {
    display: grid;
    gap: 20px;
    max-width: 726px
}

.form-translate__form-group {
    column-gap: 30px;
    display: grid;
    grid-template-columns:1fr 1fr;
    row-gap: 20px
}

@media screen and (max-width: 560px) {
    .form-translate__form-group {
        grid-template-columns:1fr
    }
}

.form-translate__form-control--full {
    grid-column: 1/-1
}

.form-translate__form-error {
    color: #ff5031;
    font-size: 12px;
    margin-top: 8px
}

.form-translate__form-checkboxes {
    display: grid;
    gap: 10px
}

.form-translate__result {
    color: #124244;
    display: none;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    width: 100%
}

@media screen and (max-width: 560px) {
    .form-translate__result {
        font-size: 18px;
        line-height: 20px
    }
}

.form-translate__error {
    color: #ff5031;
    display: none;
    font-size: 14px;
    font-weight: 400;
    grid-column: 1/-1;
    line-height: 140%;
    margin-top: 20px
}

.main-promo__video {
    display: block;
    height: auto;
    width: 100%
}

.main-about {
    margin: 94px 0 65px;
    scroll-margin-top: 120px
}

@media screen and (max-width: 560px) {
    .main-about {
        margin: 42px 0 40px;
        scroll-margin-top: 80px
    }
}

.main-about__wrap {
    position: relative;
    z-index: 0
}

.main-about__title {
    color: #ff5c3f;
    font-family: Roboto, sans-serif;
    font-size: 84px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px;
    margin-bottom: 40px;
    max-width: 920px
}

@media screen and (max-width: 1440px) {
    .main-about__title {
        font-size: 68px;
        line-height: 56px;
        margin-bottom: 20px;
        max-width: 720px
    }
}

@media screen and (max-width: 560px) {
    .main-about__title {
        font-size: 36px;
        line-height: 32px
    }
}

.main-about__title small {
    display: block;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 47px;
    margin-top: 10px;
    max-width: 600px
}

@media screen and (max-width: 1440px) {
    .main-about__title small {
        font-size: 32px;
        line-height: 36px;
        max-width: 500px
    }
}

@media screen and (max-width: 560px) {
    .main-about__title small {
        font-size: 22px;
        line-height: 24px;
        margin-top: 5px
    }
}

.main-about__text {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 640px;
    padding-bottom: 40px
}

@media screen and (max-width: 1440px) {
    .main-about__text {
        font-size: 16px;
        line-height: 20px;
        max-width: 560px
    }
}

@media screen and (max-width: 560px) {
    .main-about__text {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 0
    }
}

.main-about__text p + p {
    margin-top: 20px
}

@media screen and (max-width: 560px) {
    .main-about__text p + p {
        margin-top: 16px
    }
}

.main-about__img {
    bottom: 0;
    left: 640px;
    max-width: 58%;
    position: absolute;
    width: 46vw;
    z-index: -1
}

@media screen and (max-width: 1440px) {
    .main-about__img {
        left: 540px
    }
}

@media screen and (max-width: 1024px) {
    .main-about__img {
        max-width: 100%;
        position: static;
        width: 100%
    }
}

.main-news {
    margin: 60px 0;
    scroll-margin-top: 120px
}

@media screen and (max-width: 1024px) {
    .main-news {
        overflow: hidden
    }
}

@media screen and (max-width: 560px) {
    .main-news {
        margin: 40px 0;
        scroll-margin-top: 80px
    }
}

.main-news__bottom {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 40px
}

@media screen and (max-width: 1024px) {
    .main-news__slider {
        margin: 0 -32px;
        overflow: visible;
        padding: 0 32px
    }
}

@media screen and (max-width: 560px) {
    .main-news__slider {
        margin: 0 -16px;
        padding: 0 16px
    }
}

.main-news__slider .swiper-slide {
    display: flex;
    height: auto;
    margin-right: 40px;
    width: calc(33.33% - 40px)
}

@media screen and (max-width: 1024px) {
    .main-news__slider .swiper-slide {
        margin-right: 32px;
        width: 320px
    }
}

@media screen and (max-width: 560px) {
    .main-news__slider .swiper-slide {
        margin-right: 16px;
        width: 320px
    }
}

.main-contacts {
    margin: 60px 0 80px;
    scroll-margin-top: 120px
}

@media screen and (max-width: 560px) {
    .main-contacts {
        margin: 40px 0;
        scroll-margin-top: 80px
    }
}

.main-contacts__wrap {
    align-items: center;
    display: grid;
    gap: 40px;
    grid-template-columns:1fr 607px
}

@media screen and (max-width: 1440px) {
    .main-contacts__wrap {
        gap: 40px;
        grid-template-columns:1.2fr 1fr
    }
}

@media screen and (max-width: 1024px) {
    .main-contacts__wrap {
        gap: 32px;
        grid-template-columns:1fr
    }
}

.contacts-info {
    background: #8ad3cf;
    border-radius: 30px;
    font-style: normal;
    padding: 40px 50px
}

@media screen and (max-width: 560px) {
    .contacts-info {
        border-radius: 16px;
        padding: 20px
    }
}

.contacts-info__note {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    margin-top: 60px
}

@media screen and (max-width: 560px) {
    .contacts-info__note {
        font-size: 14px;
        line-height: 16px;
        margin-top: 32px
    }
}

.contacts-info__title {
    color: #124244;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 10px
}

@media screen and (max-width: 560px) {
    .contacts-info__title {
        font-size: 14px;
        line-height: 1
    }
}

.contacts-info__row {
    display: grid;
    gap: 20px;
    grid-template-columns:1fr
}

@media screen and (max-width: 560px) {
    .contacts-info__row {
        gap: 12px;
        grid-template-columns:1fr
    }
}

.contacts-info__value {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px
}

@media screen and (max-width: 560px) {
    .contacts-info__value {
        font-size: 16px;
        line-height: 18px
    }
}

a.contacts-info__value {
    transition: all .3s ease
}

@media (min-width: 1025px) {
    a.contacts-info__value:hover {
        color: #ff5c3f
    }
}

.contacts-info__socials {
    align-items: flex-start;
    flex-direction: column
}

.contacts-info__socials .base-socials__link {
    align-items: center;
    color: #124244;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 15px;
    line-height: 19px;
    transition: all .3s ease
}

@media (min-width: 1025px) {
    .contacts-info__socials .base-socials__link:hover {
        color: #ff5c3f
    }
}

.contacts-info__top-title {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 40px
}

@media screen and (max-width: 560px) {
    .contacts-info__top-title {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 32px
    }
}

.contacts-info__group {
    margin-bottom: 20px
}

.main-send {
    margin: 60px 0 80px;
    scroll-margin-top: 120px
}

@media screen and (max-width: 560px) {
    .main-send {
        margin: 40px 0;
        scroll-margin-top: 80px
    }
}

.main-send__text {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

@media screen and (max-width: 1440px) {
    .main-send__text {
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (max-width: 560px) {
    .main-send__text {
        font-size: 14px;
        line-height: 18px
    }
}

.main-send__text p + p {
    margin-top: 20px
}

@media screen and (max-width: 560px) {
    .main-send__text p + p {
        margin-top: 16px
    }
}

.main-send__title {
    color: #ff5c3f;
    font-family: Orelega One, serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    margin-bottom: 20px
}

@media screen and (max-width: 560px) {
    .main-send__title {
        font-size: 24px;
        line-height: 26px
    }
}

.main-banner {
    background-color: #004e52;
    background-image: url(../static/img/main-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.main-banner__wrap {
    display: grid;
    grid-template-columns:max-content 1fr
}

@media screen and (max-width: 560px) {
    .main-banner__wrap {
        grid-template-columns:1fr
    }
}

.main-banner__inner {
    max-width: 680px;
    padding: 183px 0 132px
}

@media screen and (max-width: 1024px) {
    .main-banner__inner {
        max-width: 440px;
        padding: 120px 0 100px
    }
}

@media screen and (max-width: 560px) {
    .main-banner__inner {
        padding: 80px 0 40px
    }
}

.main-banner__title {
    color: #fff;
    font-family: Orelega One, serif;
    font-size: 43px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    margin-bottom: 76px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .main-banner__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 560px) {
    .main-banner__title {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 40px
    }
}

.main-banner__list {
    display: grid;
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1024px) {
    .main-banner__list {
        gap: 23px
    }
}

@media screen and (max-width: 560px) {
    .main-banner__list {
        gap: 12px
    }
}

.main-banner__list-item {
    color: #ff5c3f;
    display: grid;
    font-family: Orelega One, serif;
    font-size: 59px;
    font-style: normal;
    font-weight: 400;
    gap: 23px;
    grid-template-columns:1fr 1.5fr;
    line-height: 64px;
    text-align: right
}

@media screen and (max-width: 1024px) {
    .main-banner__list-item {
        font-size: 51px;
        line-height: 56px
    }
}

@media screen and (max-width: 560px) {
    .main-banner__list-item {
        font-size: 28px;
        grid-template-columns:1fr 2fr;
        line-height: 32px
    }
}

.main-banner__list-item span {
    color: #fff;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    padding-top: 20px;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .main-banner__list-item span {
        font-size: 18px;
        line-height: 21px
    }
}

@media screen and (max-width: 560px) {
    .main-banner__list-item span {
        font-size: 14px;
        line-height: 16px;
        padding-top: 8px
    }
}

.main-banner__img-wrap {
    position: relative;
    z-index: 0
}

@media screen and (max-width: 560px) {
    .main-banner__img-wrap {
        display: flex;
        justify-content: flex-end
    }
}

.main-banner__img-wrap img {
    bottom: -10px;
    display: block;
    height: calc(100% - 157px);
    left: 0;
    max-width: none;
    position: absolute
}

@media screen and (max-width: 1024px) {
    .main-banner__img-wrap img {
        height: calc(100% - 120px)
    }
}

@media screen and (max-width: 560px) {
    .main-banner__img-wrap img {
        height: auto;
        position: static;
        width: 80%
    }
}

.translate-another {
    margin: 60px 0;
    scroll-margin-top: 120px
}

@media screen and (max-width: 1024px) {
    .translate-another {
        overflow: hidden
    }
}

@media screen and (max-width: 560px) {
    .translate-another {
        margin: 40px 0;
        scroll-margin-top: 80px
    }
}

.translate-another__bottom {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.translate-another__slider {
    margin: -15px;
    padding: 15px
}

@media screen and (max-width: 1024px) {
    .translate-another__slider {
        margin: 0 -32px;
        overflow: visible;
        padding: 0 32px 10px
    }
}

@media screen and (max-width: 560px) {
    .translate-another__slider {
        margin: 0 -16px;
        padding: 0 16px 10px;
        width: 352px
    }
}

.translate-another__slider .swiper-slide {
    display: flex;
    height: auto;
    margin-right: 40px;
    width: calc(33.33% - 40px)
}

@media screen and (max-width: 1024px) {
    .translate-another__slider .swiper-slide {
        margin-right: 32px;
        width: 320px
    }
}

@media screen and (max-width: 560px) {
    .translate-another__slider .swiper-slide {
        margin-right: 16px;
        width: 320px
    }
}

.translate-video {
    padding-top: 25px
}

.translate-video__title {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center
}

@media screen and (max-width: 560px) {
    .translate-video__title {
        font-size: 18px;
        line-height: 22px
    }
}

.translate-detail {
    background: #d9f4f0;
    border-radius: 20px;
    box-shadow: 0 4px 8px #00000014;
    padding: 23px 30px
}

@media screen and (max-width: 560px) {
    .translate-detail {
        padding: 20px
    }
}

.translate-detail__title {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px
}

@media screen and (max-width: 560px) {
    .translate-detail__title {
        font-size: 18px;
        line-height: 20px
    }
}

.translate-detail__info {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 9px
}

@media screen and (max-width: 560px) {
    .translate-detail__info {
        font-size: 16px;
        line-height: 18px
    }
}

.translate-detail__info span {
    color: #ff5c3f
}

.translate-detail__detail {
    color: #124244;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-top: 9px
}

@media screen and (max-width: 560px) {
    .translate-detail__detail {
        font-size: 16px;
        line-height: 18px
    }
}

.translate-text__inner {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 22px;
    max-height: 1227px;
    overflow: hidden;
    padding-top: 40px;
    position: relative;
    transition: all .3s ease;
    z-index: 0
}

@media screen and (max-width: 560px) {
    .translate-text__inner {
        font-size: 16px;
        line-height: 20px;
        padding-top: 0
    }
}

.translate-text__inner:after {
    background: linear-gradient(180deg, #fff0, #ffffffe6 55.88%, #fff 100.68%);
    bottom: 0;
    content: "";
    height: 85px;
    position: absolute;
    transition: all .3s ease;
    width: 100%;
    z-index: 2
}

.translate-text__inner._full {
    max-height: 2000vh
}

.translate-text__inner._full:after {
    opacity: 0
}

.translate-text__btn {
    align-items: center;
    background: #0000;
    border: .5px solid #124244;
    border-radius: 10px;
    color: #124244;
    display: inline-flex;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 10px 20px;
    transition: all .3s ease
}

@media (min-width: 1025px) {
    .translate-text__btn:hover {
        background: #d9f4f0
    }
}

.translate-text__btn._active .translate-text__btn-more {
    display: none
}

.translate-text__btn._active .translate-text__btn-less {
    display: block
}

.translate-text__btn-less, .translate-text__btn._hidden {
    display: none
}

.translate-text__bottom {
    margin-top: 20px
}

.translate-text__title {
    color: #004e52;
    font-family: Orelega One, serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: -40px
}

@media screen and (max-width: 560px) {
    .translate-text__title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top: 0
    }
}

.news-section {
    margin: 40px 0 100px
}

@media screen and (max-width: 560px) {
    .news-section {
        margin: 40px 0
    }
}

.news-section:last-child {
    margin-bottom: 0
}

.news-section__bottom {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.news-section__list {
    display: grid;
    gap: 40px;
    grid-template-columns:repeat(3, 1fr);
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1024px) {
    .news-section__list {
        gap: 20px;
        grid-template-columns:1fr 1fr
    }
}

@media screen and (max-width: 560px) {
    .news-section__list {
        grid-template-columns:1fr
    }
}

.news-section__list-item {
    display: flex
}

.news-slider {
    margin: 0 auto 40px;
    max-width: 620px;
    width: 100%
}

@media screen and (max-width: 560px) {
    .news-slider {
        margin-bottom: 20px
    }
}

.news-slider__img-wrap {
    border-radius: 20px;
    height: 350px;
    overflow: hidden
}

@media screen and (max-width: 560px) {
    .news-slider__img-wrap {
        border-radius: 16px;
        height: 240px
    }
}

.news-slider__img-wrap img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.news-slider__navigation {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
    position: relative;
    transform: none;
    z-index: 1
}

.news-slider__pagination {
    align-items: center;
    display: flex;
    position: static;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.news-slider__pagination .swiper-pagination-bullet {
    background: #3e5b1e;
    height: 8px;
    width: 8px
}

.news-slider__next, .news-slider__prev {
    position: static
}

.catalog-list__list {
    display: grid;
    gap: 20px;
    list-style: none;
    margin: 0;
    max-width: 1390px;
    padding: 0
}

.catalog-list__bottom {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 40px
}

.catalog-list__btn {
    max-width: 570px;
    width: 100%
}

@media (min-width: 1025px) {
    .catalog-list__btn:hover {
        background: #d9f4f0
    }
}

.catalog-list__btn svg {
    transform: rotate(-180deg)
}

.catalog-group {
    break-inside: avoid-column;
    margin-bottom: 20px;
    max-width: 590px
}

.catalog-group__letter {
    color: #004e52;
    font-family: Orelega One, serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    margin-bottom: 10px
}

@media screen and (max-width: 560px) {
    .catalog-group__letter {
        font-size: 32px;
        line-height: 1
    }
}

.catalog-group__list {
    display: grid;
    gap: 15px;
    margin: 0;
    padding-left: 20px
}

.catalog-group__list-item {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width: 560px) {
    .catalog-group__list-item {
        font-size: 16px;
        line-height: 20px
    }
}

.catalog-group__list-item::marker {
    color: #ff5c3f
}

.about-detail {
    align-items: center;
    display: grid;
    gap: 40px;
    grid-template-columns:1fr 658px;
    margin-bottom: 100px
}

@media screen and (max-width: 1440px) {
    .about-detail {
        align-items: flex-start;
        grid-template-columns:1fr 1fr
    }
}

@media screen and (max-width: 1024px) {
    .about-detail {
        gap: 20px;
        grid-template-columns:1fr
    }
}

@media screen and (max-width: 560px) {
    .about-detail {
        margin-bottom: 40px
    }
}

.about-detail__text {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 705px
}

@media screen and (max-width: 560px) {
    .about-detail__text {
        font-size: 16px
    }
}

.about-detail__text p + p {
    margin-top: 20px
}

@media screen and (max-width: 560px) {
    .about-detail__text p + p {
        margin-top: 10px
    }
}

.about-detail__img-wrap {
    border-radius: 20px;
    display: flex;
    height: 658px;
    overflow: hidden
}

@media screen and (max-width: 560px) {
    .about-detail__img-wrap {
        border-radius: 12px;
        height: calc(100vw - 32px)
    }
}

.about-detail__img-wrap img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.about-video {
    margin-bottom: 100px
}

@media screen and (max-width: 560px) {
    .about-video {
        margin-bottom: 40px
    }
}

.about-video__video {
    display: block;
    width: 100%
}

.about-organizers {
    margin: 100px 0
}

@media screen and (max-width: 560px) {
    .about-organizers {
        margin: 40px 0
    }
}

.about-organizers__wrap {
    align-items: center;
    display: grid;
    gap: 40px;
    grid-template-columns:1fr 1fr
}

@media screen and (max-width: 1024px) {
    .about-organizers__wrap {
        grid-template-columns:1fr
    }
}

@media screen and (max-width: 560px) {
    .about-organizers__wrap {
        gap: 20px
    }
}

.about-organizers__text {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 620px
}

@media screen and (max-width: 560px) {
    .about-organizers__text {
        font-size: 16px
    }
}

.about-organizers__list {
    display: grid;
    gap: 40px;
    grid-template-columns:repeat(3, 1fr);
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1440px) {
    .about-organizers__list {
        gap: 20px
    }
}

@media screen and (max-width: 560px) {
    .about-organizers__list {
        gap: 10px
    }
}

.about-organizers__list-item {
    align-items: center;
    border: 1px solid #8ad3cf;
    border-radius: 20px;
    display: flex;
    isolation: isolate;
    justify-content: center;
    padding: 40px 14px
}

@media screen and (max-width: 1440px) {
    .about-organizers__list-item {
        padding: 20px 14px
    }
}

@media screen and (max-width: 560px) {
    .about-organizers__list-item {
        border-radius: 12px;
        padding: 12px
    }
}

.about-organizers__list-item img {
    max-height: 102px
}

.about-experts__navigation {
    justify-content: center;
    margin-top: 40px
}

@media screen and (max-width: 1024px) {
    .about-experts__navigation {
        display: none
    }
}

.about-experts__navigation .about-experts__pagination {
    position: static
}

.about-experts__navigation .about-experts__pagination .swiper-pagination-bullet {
    background: #ff5031;
    border-radius: 19px;
    height: 10px;
    width: 10px
}

.about-experts__slider {
    padding: 0 40px;
    position: relative
}

@media (max-width: 1280px) {
    .about-experts__slider {
        padding: 0
    }
}

@media screen and (max-width: 1024px) {
    .about-experts__slider {
        margin: 0 -32px;
        overflow: visible;
        padding: 0 32px;
        width: 320px
    }
}

.about-experts__slider .swiper-slide {
    margin-right: 40px;
    width: 320px
}

@media (max-width: 1280px) {
    .about-experts__slider .swiper-slide {
        margin-right: 20px
    }
}

@media screen and (max-width: 1024px) {
    .about-experts__slider .swiper-slide {
        margin-right: 32px
    }
}

@media screen and (max-width: 560px) {
    .about-experts__slider .swiper-slide {
        margin-right: 16px
    }
}

.about-experts__next, .about-experts__prev {
    position: absolute;
    top: 124px
}

@media (max-width: 1280px) {
    .about-experts__next, .about-experts__prev {
        display: none
    }
}

.about-experts__next svg, .about-experts__prev svg {
    height: 58px;
    width: 58px
}

@media screen and (max-width: 1440px) {
    .about-experts__next svg, .about-experts__prev svg {
        height: 50px;
        width: 50px
    }
}

.about-experts__next.swiper-button-disabled, .about-experts__prev.swiper-button-disabled {
    cursor: default;
    opacity: .5
}

.about-experts__prev {
    left: 0
}

.about-experts__next {
    right: 0
}

.translate-page__container {
    background-color: #004e52;
    background-image: url(../static/img/main-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 48px;
    padding-top: 90px;
    position: relative;
    z-index: 0
}

@media screen and (max-width: 560px) {
    .translate-page__container {
        padding-top: 40px
    }
}

.translate-page__decor {
    position: absolute;
    right: 0;
    top: 0;
    width: 60vw;
    z-index: -1
}

.translate-page__main {
    min-width: 0
}

.translate-page__wrap {
    align-items: flex-start;
    background: #fff;
    border-radius: 48px;
    display: grid;
    gap: 65px;
    margin-bottom: 28px;
    padding: 40px 35px 50px
}

@media screen and (max-width: 1024px) {
    .translate-page__wrap {
        gap: 40px
    }
}

@media screen and (max-width: 560px) {
    .translate-page__wrap {
        border-radius: 20px;
        gap: 20px;
        padding: 16px
    }
}

.translate-page__translate-form {
    margin-top: 80px
}

@media screen and (max-width: 1024px) {
    .translate-page__translate-form {
        margin-top: 40px
    }
}

@media screen and (max-width: 560px) {
    .translate-page__translate-form {
        margin-top: 20px
    }
}

.translate-page__download {
    align-items: center;
    background: #ff5c3f;
    border-radius: 999px;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 24px;
    margin-left: auto;
    padding: 25px 60px;
    transition: all .3s ease;
    width: 283px
}

@media screen and (max-width: 560px) {
    .translate-page__download {
        font-size: 16px;
        line-height: 1;
        padding: 18px 30px;
        width: 100%
    }
}

@media (min-width: 1025px) {
    .translate-page__download:hover {
        background: #d9f4f0;
        color: #124244
    }
}

.translate-page__back {
    align-items: center;
    color: #ffffff80;
    display: inline-flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px;
    transition: all .3s ease
}

@media screen and (max-width: 1024px) {
    .translate-page__back {
        padding-top: 0
    }
}

@media (min-width: 1025px) {
    .translate-page__back:hover, .translate-page__back:hover svg {
        color: #ff5c3f
    }
}

@media screen and (max-width: 560px) {
    .translate-page__back {
        font-size: 14px
    }
}

.translate-page__back svg {
    color: #fff;
    display: block;
    height: 24px;
    transition: all .3s ease;
    width: 24px
}

.translate-page__head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

@media screen and (max-width: 560px) {
    .translate-page__head {
        margin-bottom: 20px
    }
}

.translate-page__top-wrap {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 560px) {
    .translate-page__top-wrap {
        margin-bottom: 20px
    }
}

.translate-page__title {
    color: #ff5c3f;
    font-family: Orelega One, serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px
}

@media screen and (max-width: 560px) {
    .translate-page__title {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 20px
    }
}

.translate-page__title small {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px
}

@media screen and (max-width: 560px) {
    .translate-page__title small {
        font-size: 24px;
        line-height: 26px
    }

    .translate-page__aside {
        display: grid;
        gap: 28px
    }
}

.news-page {
    padding-top: 100px
}

@media screen and (max-width: 560px) {
    .news-page {
        padding-top: 40px
    }
}

.news-page__back {
    align-items: center;
    color: #00000080;
    display: inline-flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px;
    transition: all .3s ease
}

@media (min-width: 1025px) {
    .news-page__back:hover, .news-page__back:hover svg {
        color: #ff5c3f
    }
}

@media screen and (max-width: 560px) {
    .news-page__back {
        font-size: 14px
    }
}

.news-page__back svg {
    color: #000;
    display: block;
    height: 24px;
    transition: all .3s ease;
    width: 24px
}

.news-page__head {
    margin-bottom: 40px
}

@media screen and (max-width: 560px) {
    .news-page__head {
        margin-bottom: 20px
    }
}

.news-page__title {
    text-align: center
}

.news-detail {
    padding-top: 100px
}

@media screen and (max-width: 560px) {
    .news-detail {
        padding-top: 40px
    }
}

.news-detail .main-news {
    margin: 100px 0 80px
}

@media screen and (max-width: 560px) {
    .news-detail .main-news {
        margin: 60px 0 40px
    }
}

.news-detail__back {
    align-items: center;
    color: #00000080;
    display: inline-flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px;
    transition: all .3s ease
}

@media (min-width: 1025px) {
    .news-detail__back:hover, .news-detail__back:hover svg {
        color: #ff5c3f
    }
}

@media screen and (max-width: 560px) {
    .news-detail__back {
        font-size: 14px
    }
}

.news-detail__back svg {
    color: #000;
    display: block;
    height: 24px;
    transition: all .3s ease;
    width: 24px
}

.news-detail__head {
    margin-bottom: 40px
}

@media screen and (max-width: 560px) {
    .news-detail__head {
        margin-bottom: 20px
    }
}

.news-detail__title {
    font-family: Verdana, sans-serif
}

.news-detail__date {
    color: #3e5b1e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 20px
}

@media screen and (max-width: 560px) {
    .news-detail__date {
        font-size: 14px
    }
}

.news-detail__img-wrap {
    border-radius: 20px;
    height: 600px;
    margin-bottom: 40px;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .news-detail__img-wrap {
        height: 380px
    }
}

@media screen and (max-width: 560px) {
    .news-detail__img-wrap {
        border-radius: 16px;
        height: 200px;
        margin-bottom: 20px
    }
}

.news-detail__img-wrap img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.news-detail__text {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 40px
}

@media screen and (max-width: 560px) {
    .news-detail__text {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 20px
    }
}

.news-detail__text p + p {
    margin-top: 20px
}

@media screen and (max-width: 560px) {
    .news-detail__text p + p {
        margin-top: 10px
    }
}

.news-detail__author {
    color: #3e5b1e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px
}

@media screen and (max-width: 560px) {
    .news-detail__author {
        font-size: 14px;
        line-height: 1
    }
}

.catalog-page {
    background-color: #004e52;
    background-image: url(../static/img/main-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0
}

@media screen and (max-width: 560px) {
    .catalog-page {
        padding: 40px 0
    }
}

.catalog-page__back {
    align-items: center;
    color: #ffffff80;
    display: inline-flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px;
    padding-top: 16px;
    transition: all .3s ease
}

@media screen and (max-width: 1024px) {
    .catalog-page__back {
        padding-top: 0
    }
}

@media (min-width: 1025px) {
    .catalog-page__back:hover, .catalog-page__back:hover svg {
        color: #ff5c3f
    }
}

@media screen and (max-width: 560px) {
    .catalog-page__back {
        font-size: 14px
    }
}

.catalog-page__back svg {
    color: #fff;
    display: block;
    height: 24px;
    transition: all .3s ease;
    width: 24px
}

.catalog-page__head {
    align-items: flex-start;
    display: flex;
    margin-bottom: 40px;
    padding-right: 220px
}

@media screen and (max-width: 1024px) {
    .catalog-page__head {
        flex-direction: column;
        padding-right: 0
    }
}

@media screen and (max-width: 560px) {
    .catalog-page__head {
        margin-bottom: 20px
    }
}

.catalog-page__title {
    color: #fff;
    font-family: Orelega One, serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width: 560px) {
    .catalog-page__title {
        font-size: 32px;
        line-height: normal
    }
}

.catalog-page__title small {
    color: #ff5c3f;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px
}

@media screen and (max-width: 560px) {
    .catalog-page__title small {
        font-size: 24px;
        line-height: 30px
    }
}

.catalog-page__controls {
    align-items: center;
    display: flex;
    gap: 20px
}

.catalog-page__controls--bottom {
    justify-content: center
}

.catalog-page__control {
    align-items: center;
    border: .5px solid #ff5031;
    border-radius: 10px;
    color: #000;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 120%;
    padding: 10px 20px;
    transition: all .3s ease
}

@media screen and (max-width: 560px) {
    .catalog-page__control {
        font-size: 18px;
        padding: 6px 12px
    }
}

@media (min-width: 1025px) {
    .catalog-page__control:hover:not(.active) {
        background-color: #ff5c3f14
    }
}

.catalog-page__control.active {
    background: #ff5c3f;
    border: .5px solid #ff5031;
    color: #fff;
    cursor: default
}

.catalog-page__list {
    column-count: 2;
    column-gap: 40px
}

@media screen and (max-width: 1024px) {
    .catalog-page__list {
        column-count: auto
    }
}

.catalog-page__inner {
    background: #fff;
    border-radius: 48px;
    padding: 50px 60px 56px
}

@media screen and (max-width: 1024px) {
    .catalog-page__inner {
        padding: 30px 32px 40px
    }
}

@media screen and (max-width: 560px) {
    .catalog-page__inner {
        border-radius: 16px
    }
}

.about-page {
    margin-bottom: 100px;
    padding-top: 100px
}

@media screen and (max-width: 560px) {
    .about-page {
        margin-bottom: 40px;
        padding-top: 40px
    }
}

.about-page__back {
    align-items: center;
    color: #00000080;
    display: inline-flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px;
    transition: all .3s ease
}

@media (min-width: 1025px) {
    .about-page__back:hover, .about-page__back:hover svg {
        color: #ff5c3f
    }
}

@media screen and (max-width: 560px) {
    .about-page__back {
        font-size: 14px
    }
}

.about-page__back svg {
    color: #000;
    display: block;
    height: 24px;
    transition: all .3s ease;
    width: 24px
}

.about-page__head {
    margin-bottom: 40px
}

@media screen and (max-width: 560px) {
    .about-page__head {
        margin-bottom: 20px
    }
}

.about-page__title {
    text-align: center
}

.about-page__img {
    display: block;
    margin: 100px 0;
    width: 100%
}

@media screen and (max-width: 560px) {
    .about-page__img {
        margin: 40px 0
    }
}

.main-page__sberbank a {
    display: block
}

.main-page__sberbank img {
    display: block;
    width: 100%
}



/* ------------------------ FOOTER------------------------ */
@font-face {
    font-family: "Grtsk";
    src: url("/static/fonts/grtsk-tera-12.ttf");
}

@media (max-width: 1024px) {
    .footer__main-link {
        display: flex;
        justify-content: center;
    }
    .footer__logo {
        height: 146px;
    }
}
.footer {
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 40px;
}
.footer .container {
    width: 1440px;
    /* display: flex; */
}
.footer__main {
    display: grid;
    flex-wrap: wrap;
    width: 100%;
    grid-row-gap: 40px;
    justify-content: space-between;
    /* align-items: center; */
    margin: 30px 0;
    grid-template-columns: 1fr;
}
@media (min-width:768px) {
    .footer__main {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width:1280px) {
    .footer__main {
        grid-template-columns: 40% 20% 40%;
    }
}

.footer__support {
    display: flex;
    flex-direction: column;
}
.footer__title {
    font-size: 16px;
    color: #000;
    font-family: "Grtsk";
    /* margin-bottom: 20px; */
    text-transform: uppercase;
    text-align: center;
}

@media screen and (max-width: 550px) {
    .footer__title {
        font-size: 10px;
    }
}

.footer__supporters {
    display: flex;
    grid-gap: 30px;
    justify-content: center;
    margin-top: 30px;
    flex-wrap: wrap;
    height: 120px;
}

.footer__supporters img {
    /* height: 100%; */
    object-fit: contain;
}


.footer__sber {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    height: 120px;
}

.footer__sber img {
    max-width: 100%;
    max-height: 100%;
}

.footer__partners {
    display: flex;
    grid-gap: 20px;
    text-align: center;
    justify-content: center;
}
@media (min-width:768px) and (max-width:1279px) {
    .footer__partners {
        grid-column: span 2;
    }
}
.footer__partner {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 1;
    height: 100%;
    justify-content: space-between;
}
.footer__partner img {
    width: 100%;
    object-fit: contain;
    max-height: 60px;
    margin: 30px 0;
}
.footer__links {
    display: none;
}

.footer__link {
    display: block;
    color: #f26d10;
    line-height: 50px;
    font-family: "Grtsk";
}

@media screen and (max-width: 550px) {
    .footer__link {
        font-size: 0.75em;
    }
}

.footer__copyright {
    color: var(--orange);
    font-family: "Grtsk";
    margin: 0 auto;
    text-align: center;
    font-size: 10px;
}
.sber-field {
    width: 100%;
    margin-bottom: 60px;
}
.sber-field a img {
    width: 100%;
}
/* ------------------ end of FOOTER------------------ */