/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79, 79, 79, .4);
    --pswp-preloader-color-secondary: rgba(255, 255, 255, .9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
    --pswp-error-text-color: var(--pswp-icon-color)
}

.pswp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--pswp-root-z-index);
    display: none;
    touch-action: none;
    outline: 0;
    opacity: .003;
    contain: layout style size;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pswp:focus {
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--open {
    display: block
}

.pswp,
.pswp__bg {
    transform: translateZ(0);
    will-change: opacity
}

.pswp__bg {
    opacity: .005;
    background: var(--pswp-bg)
}

.pswp,
.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pswp__img,
.pswp__zoom-wrap {
    width: auto;
    height: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__item {
    z-index: 1;
    overflow: hidden
}

.pswp__hidden {
    display: none !important
}

.pswp__content {
    pointer-events: none
}

.pswp__content>* {
    pointer-events: auto
}

.pswp__error-msg-container {
    display: grid
}

.pswp__error-msg {
    margin: auto;
    font-size: 1em;
    line-height: 1;
    color: var(--pswp-error-text-color)
}

.pswp .pswp__hide-on-close {
    opacity: .005;
    will-change: opacity;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
    z-index: 10;
    pointer-events: none
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto
}

.pswp__button {
    position: relative;
    display: block;
    width: 50px;
    height: 60px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: .85;
    -webkit-appearance: none;
    -webkit-touch-callout: none
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
    transition: none;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1
}

.pswp__button:disabled {
    opacity: .3;
    cursor: auto
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary)
}

.pswp__icn {
    position: absolute;
    top: 14px;
    left: 9px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    pointer-events: none
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none
}

.pswp__icn:focus {
    outline: 0
}

div.pswp__img--placeholder,
.pswp__img--with-bg {
    background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    z-index: 10;
    pointer-events: none !important
}

.pswp__top-bar>* {
    pointer-events: auto;
    will-change: opacity
}

.pswp__button--close {
    margin-right: 6px
}

.pswp__button--arrow {
    position: absolute;
    top: 0;
    width: 75px;
    height: 100px;
    top: 50%;
    margin-top: -50px
}

.pswp__button--arrow:disabled {
    display: none;
    cursor: default
}

.pswp__button--arrow .pswp__icn {
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: none;
    border-radius: 0
}

.pswp--one-slide .pswp__button--arrow {
    display: none
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible
}

.pswp__button--arrow--prev {
    right: auto;
    left: 0px
}

.pswp__button--arrow--next {
    right: 0px
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    transform: scaleX(-1)
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none
}

.pswp__preloader {
    position: relative;
    overflow: hidden;
    width: 50px;
    height: 60px;
    margin-right: auto
}

.pswp__preloader .pswp__icn {
    opacity: 0;
    transition: opacity .2s linear;
    animation: pswp-clockwise .6s linear infinite
}

.pswp__preloader--active .pswp__icn {
    opacity: .85
}

@keyframes pswp-clockwise {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.pswp__counter {
    height: 30px;
    margin-top: 15px;
    margin-inline-start: 20px;
    font-size: 14px;
    line-height: 30px;
    color: var(--pswp-icon-color);
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
    opacity: .85
}

.pswp--one-slide .pswp__counter {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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,
.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 {
    transform-style: preserve-3d
}

.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 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

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

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

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

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

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

.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-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

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

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

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

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: .2s transform, .2s top
}

.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: translate(-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: .2s transform, .2s left
}

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

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

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

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

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

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

.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 {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.mf-cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 250;
    direction: ltr;
    contain: layout style size;
    pointer-events: none;
    transition: opacity .3s, color .4s
}

.mf-cursor:before {
    content: "";
    position: absolute;
    top: -24px;
    left: -24px;
    display: block;
    width: 48px;
    height: 48px;
    transform: scale(.2);
    background: currentColor;
    border-radius: 50%;
    transition: transform .25s ease-in-out, opacity .1s
}

.mf-cursor-text {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0) rotate(10deg);
    opacity: 0;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    transition: opacity .4s, transform .3s
}

.mf-cursor-media {
    position: absolute;
    width: 400px;
    height: 400px;
    margin: -200px 0 0 -200px
}

.mf-cursor-media img,
.mf-cursor-media video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

@supports (object-fit: cover) {
    .mf-cursor-media img,
    .mf-cursor-media video {
        position: static;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: translateZ(0)
    }
}

.mf-cursor-media-box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: scale(0) translateZ(0);
    padding: 1px;
    opacity: 0;
    border-radius: 50%;
    transition: transform .35s, opacity .2s .2s
}

.mf-cursor.-media .mf-cursor-media-box {
    opacity: 1;
    transform: scale(.696);
    transition-duration: .4s, .4s;
    transition-delay: 0s, 0s
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: Comfortaa;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Comfortaa Light"), url(../fonts/Comfortaa-300.woff2) format("woff2")
}

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

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

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

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

:root {
    --font: "Comfortaa", sans-serif;
    --black: #333333;
    --grey: #ededed;
    --white: #ffffff;
    --red: #F62424;
    --green: #588F27;
    --green-light: #B6F61B;
    --green-dark: #003D25;
    --viber: #7c529d;
    --telegram: #2ca5e0;
    --whatsapp: #25d366;
    --messenger: #50a8ff;
    --grey-disabled: #ccc
}

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

html {
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth
}

::selection {
    background: var(--green-light);
    color: var(--black)
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--white);
    font-family: var(--font);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--black);
    backface-visibility: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0;
    line-height: 1.2
}

a {
    text-decoration: none;
    color: var(--green-light)
}

a:hover,
a:active {
    color: var(--green);
    text-decoration: none
}

a:focus-visible {
    color: var(--green);
    outline: none;
    text-decoration: none
}

p {
    margin: 0
}

strong {
    font-weight: 700
}

input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent
}

.mf-cursor {
    fill: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    direction: ltr;
    contain: layout style size;
    pointer-events: none;
    transition: opacity .3s, color .4s
}

@media (max-width: 1199.98px) {
    .mf-cursor {
        display: none
    }
}

.mf-cursor:before {
    content: "";
    position: absolute;
    top: -24px;
    left: -24px;
    display: block;
    width: 48px;
    height: 48px;
    transform: scale(.6);
    background: var(--green);
    border-radius: 50%;
    transition: transform .25s ease-in-out, opacity .1s
}

.mf-cursor.-inverse {
    color: #fff
}

@supports (mix-blend-mode: exclusion) {
    .mf-cursor.-exclusion {
        mix-blend-mode: exclusion
    }
    .mf-cursor.-exclusion:before {
        background: white
    }
}

.mf-cursor.-pointer:before {
    transform: scale(.15)
}

.mf-cursor.-pointer .mf-cursor-media-box {
    transform: scale(0) !important;
    opacity: 0 !important
}

.mf-cursor.-text:before {
    opacity: .85;
    transform: scale(1.7)
}

.mf-cursor.-text.-active:before {
    transform: scale(1.6);
    transition-duration: .2s
}

.mf-cursor.-icon:before {
    transform: scale(1.5)
}

.mf-cursor.-icon.-active:before {
    transform: scale(1.4)
}

.mf-cursor.-hidden:before {
    transform: scale(0)
}

.mf-cursor-text {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0) rotate(10deg);
    opacity: 0;
    color: #fff;
    font-size: 50px;
    line-height: 0;
    font-weight: 300;
    padding: 8px 0 0;
    text-align: center;
    transition: opacity .4s, transform .3s
}

.mf-cursor.-text .mf-cursor-text,
.mf-cursor.-icon .mf-cursor-text {
    opacity: 1;
    transform: scale(1)
}

.mf-cursor-media {
    position: absolute;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    padding: 0
}

.mf-cursor-media img,
.mf-cursor-media video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.mf-cursor-media-box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: scale(0) translateZ(0);
    padding: 1px;
    opacity: 0;
    transition: transform .35s, opacity .2s .2s
}

.mf-cursor.-media .mf-cursor-media-box {
    opacity: 1;
    transform: scale(1);
    transition-duration: .4s, .4s;
    transition-delay: 0s, 0s
}

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

.scroll-disabled {
    overflow-y: hidden
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px
}

@media (min-width: 576px) {
    .container {
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 968px
    }
}

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

@media (min-width: 1380px) {
    .container {
        max-width: 1380px
    }
}

.main {
    padding-top: var(--header-height);
    flex: 1;
    overflow: hidden
}

.main--center {
    display: flex;
    align-items: center;
    width: 100%
}

.animation-fade,
.animation-left,
.animation-right,
.animation-down,
.animation-up,
.animation-zoom {
    opacity: 0
}

.title-wrap {
    display: flex;
    justify-content: center
}

.animation-title {
    position: relative;
    overflow: hidden;
    padding: 10px 12px 0;
    font-size: clamp(28px, 4vw, 58px);
    text-transform: uppercase;
    line-height: 1.2;
    color: var(--green-dark)
}

.animation-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--green-light);
    transition: 1.2s cubic-bezier(.77, 0, .175, 1);
    transform: translate(-101%);
    z-index: 1
}

.animation-title:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.3779 6.50867L19.0969 0.829369C19.0656 0.396082 19.4092 0.0247817 19.8154 0.00118213C20.2528 -0.0224174 20.6277 0.310179 20.659 0.743781L20.94 6.43158C20.94 6.8655 20.6277 7.2346 20.1903 7.25599C19.753 7.27707 19.3779 6.94228 19.3779 6.50867ZM8.47329 9.18324L8.47329 9.18323L8.47328 9.18323C6.62726 7.49536 4.77965 5.80604 3.06966 3.96563C2.78848 3.64845 2.28861 3.63146 1.97619 3.92755C1.66376 4.22396 1.63264 4.72238 1.94507 5.03956C3.65498 6.88518 5.50251 8.57963 7.34845 10.2726C8.90899 11.7039 10.4684 13.1341 11.9426 14.6537C12.255 14.9633 12.7547 14.9677 13.0672 14.6631C13.3483 14.3589 13.3796 13.8604 13.0672 13.5508C11.5931 12.0357 10.0338 10.61 8.47329 9.18324ZM7.00635 21.563C5.00685 20.9978 2.91344 20.7128 0.882698 20.4516C0.445307 20.3968 0.0392198 20.7024 0.00797758 21.1328C-0.0545068 21.5636 0.258098 21.9576 0.664247 22.0123C2.63251 22.2637 4.66307 22.5328 6.56884 23.0768C6.97499 23.1948 7.41256 22.9519 7.53753 22.534C7.6625 22.1165 7.4125 21.6813 7.00635 21.563Z' fill='%23336451'/%3E%3C/svg%3E%0A") no-repeat left top, url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.62217 6.50867L1.90317 0.829369C1.93441 0.396082 1.59081 0.0247817 1.18466 0.00118213C0.747267 -0.0224174 0.372299 0.310179 0.341057 0.743781L0.0600605 6.43158C0.0600605 6.8655 0.372299 7.2346 0.80969 7.25599C1.24708 7.27707 1.62217 6.94228 1.62217 6.50867ZM12.5277 9.18324L12.5277 9.18324C14.3737 7.49537 16.2213 5.80604 17.9313 3.96563C18.2125 3.64845 18.7124 3.63146 19.0248 3.92755C19.3372 4.22396 19.3683 4.72238 19.0559 5.03956C17.346 6.88518 15.4985 8.57963 13.6525 10.2726C12.092 11.7039 10.5326 13.1341 9.0584 14.6537C8.74597 14.9633 8.24622 14.9677 7.9338 14.6631C7.65262 14.3589 7.62138 13.8604 7.9338 13.5508C9.40789 12.0357 10.9672 10.61 12.5277 9.18324ZM13.9937 21.563C15.9932 20.9978 18.0866 20.7128 20.1173 20.4516C20.5547 20.3968 20.9608 20.7024 20.9921 21.1328C21.0545 21.5636 20.7419 21.9576 20.3358 22.0123C18.3675 22.2637 16.337 22.5328 14.4312 23.0768C14.025 23.1948 13.5875 22.9519 13.4625 22.534C13.3375 22.1165 13.5875 21.6813 13.9937 21.563Z' fill='%23336451'/%3E%3C/svg%3E%0A") no-repeat top right;
    content: "";
    opacity: 0;
    transition: opacity cubic-bezier(.77, 0, .175, 1)
}

.animation-title span {
    display: block;
    opacity: 0;
    transition: opacity cubic-bezier(.77, 0, .175, 1)
}

.animation-title.is-animated:before {
    transform: translate(101%)
}

.animation-title.is-animated:after,
.animation-title.is-animated span {
    opacity: 1;
    transition-delay: .6s
}

.animation-title.is-animated:after {
    animation: 1.5s blink infinite cubic-bezier(.77, 0, .175, 1)
}

.animation-title--lg {
    font-size: clamp(28px, 6vw, 90px)
}

.project-item {
    position: absolute;
    display: flex;
    border-radius: 50%;
    z-index: 1;
    animation: float 6s ease-in-out infinite;
    transition: scale 1s ease
}

@keyframes float {
    0% {
        translate: 0 0
    }
    50% {
        translate: 0 -20px
    }
    to {
        translate: 0 0
    }
}

.project-item:hover,
.project-item:active,
.project-item:focus-visible {
    scale: 1.2 !important;
    animation-play-state: paused
}

.project-item__picture {
    display: flex
}

.project-item__picture-img {
    border-radius: 50%
}

.project-item--1 {
    top: 2%;
    left: 10%;
    animation-duration: 5s
}

@media (max-width: 991.98px) {
    .project-item--1 {
        top: 10%
    }
}

.project-item--2 {
    top: 45%;
    left: 5%;
    animation-duration: 8s
}

@media (max-width: 767.98px) {
    .project-item--2 {
        left: -30px
    }
}

.project-item--3 {
    bottom: 5%;
    /*left: 15%;*/
	left: 11%;
    animation-duration: 4.5s
}

@media (max-width: 767.98px) {
    .project-item--3 {
        bottom: 0
    }
}

.project-item--4 {
    top: 10%;
    right: 40%;
    animation-duration: 6.5s
}

@media (max-width: 767.98px) {
    .project-item--4 {
        display: none
    }
}

.project-item--5 {
    /*bottom: 5%;*/
	bottom: -2%;
    right: 25%;
    animation-duration: 7s
}

@media (max-width: 767.98px) {
    .project-item--5 {
        bottom: 0
    }
	.project-item--3 .project-item__picture,
	.project-item--3 .project-item__picture-img {
		width: 69px !important;
		height: 69px !important;
	}
}

.project-item--6 {
    top: 0%;
    right: 10%;
    animation-duration: 6s
}

@media (max-width: 991.98px) {
    .project-item--6 {
        top: 10%
    }
}

.project-item--7 {
    bottom: 25%;
    right: 5%;
    animation-duration: 5s
}

@media (max-width: 991.98px) {
    .project-item--7 {
        display: none
    }
}

.project-item--bordered {
    padding: 6px;
    background: var(--white);
    border: 1px solid var(--green-dark)
}

.burger {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: var(--green-light);
    border-radius: 10px;
    line-height: 1;
    gap: 6px
}

.burger.is-active .burger__line:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px)
}

.burger.is-active .burger__line:nth-child(2) {
    opacity: 0
}

.burger.is-active .burger__line:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px)
}

.burger__line {
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background: var(--black);
    transition: all .5s ease
}

.button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    width: auto;
    height: 54px;
    margin: 0;
    border: none;
    padding: 5px 20px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-transform: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0;
    border-radius: 15px;
    background: var(--green-light);
    color: var(--green-dark);
    box-shadow: none;
    transition: background .5s ease, color .5s ease;
    overflow: hidden;
    z-index: 1
}

.button:after {
    content: "";
    background: var(--green);
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: center center;
    transition: opacity .5s ease, transform .5s ease;
    z-index: -1
}

.button:hover,
.button:active,
.button:focus-visible {
    outline: none;
    color: var(--white)
}

.button:hover:after,
.button:active:after,
.button:focus-visible:after {
    transform: scale(1)
}

.button:disabled {
    background: var(--grey-light) !important;
    border-color: var(--grey-light) !important;
    color: var(--grey) !important;
    cursor: not-allowed
}

.button--circle {
    padding: 10px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 1199.98px) {
    .button--circle {
        width: 180px;
        height: 180px;
        font-size: 14px
    }
}

@media (max-width: 767.98px) {
    .button--circle {
        width: 150px;
        height: 150px
    }
}

.button--green-dark {
    background: var(--green-dark);
    color: var(--white)
}

.button--outline {
    border: 1px solid var(--black);
    background: none;
    color: var(--black);
    border-radius: 100px
}

.button--outline:hover,
.button--outline:active,
.button--outline:focus-visible {
    background: none;
    color: var(--white)
}

.up-button {
    position: absolute;
    top: -80px;
    right: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: var(--button-gradient);
    background-size: 100% 200%;
    border-radius: 15px 15px 0 0;
    color: var(--black);
    transition: background .5s ease;
    cursor: pointer;
    z-index: 1
}

@media (max-width: 767.98px) {
    .up-button {
        width: 40px;
        height: 40px;
        top: -40px;
        right: calc(50% - 20px);
        border-radius: 10px 10px 0 0
    }
}

.up-button:hover,
.up-button:active,
.up-button:focus-visible {
    background-position: bottom;
    color: var(--black)
}

.slider-nav {
    display: flex;
    gap: 15px
}

.slider-nav__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    min-width: 35px;
    color: gray;
    transition: color .5s ease
}

.slider-nav__button:hover {
    color: var(--black)
}

.slider-nav__button:active,
.slider-nav__button:focus-visible {
    color: var(--brown)
}

.swiper {
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bottom: 0px;
    --swiper-scrollbar-sides-offset: 0px;
    --swiper-scrollbar-bottom: 0;
    --swiper-scrollbar-size: 8px;
    --swiper-scrollbar-border-radius: 4px;
    --swiper-scrollbar-bg-color: #B0C6B0;
    --swiper-scrollbar-drag-bg-color: var(--green)
}

.swiper-wrapper {
    box-sizing: border-box !important
}

.swiper-slide {
    height: auto
}

.swiper-scrollbar {
    cursor: pointer
}

.swiper-pagination-fraction {
    left: 50%;
    bottom: 20px;
    margin-left: -57px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    width: 114px;
    height: 52px;
    border-radius: 10px;
    background: var(--white);
    color: var(--grey);
    font-size: 24px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .swiper-pagination-fraction {
        width: 80px;
        height: 30px;
        margin-left: -40px;
        font-size: 18px
    }
}

.swiper-pagination-fraction .swiper-pagination-current {
    color: var(--black)
}

.swiper-pagination {
    line-height: 1;
    font-size: 0;
    z-index: 0
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #2C2E2E;
    opacity: .3;
    transition: opacity .5s ease, background .5s ease
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet:active,
.swiper-pagination-bullet:focus-visible {
    opacity: .6;
    background: var(--green)
}

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

.checkbox {
    padding: 0;
    margin: 0;
    line-height: 1;
    width: 100%;
    min-height: 32px
}

.checkbox__label {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--black);
    margin: 0;
    padding-right: 45px;
    cursor: pointer;
    text-align: left;
    user-select: none;
    transition: color .5s ease
}

.checkbox__label:hover {
    color: var(--green)
}

.checkbox__label:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border: 1px solid var(--green);
    background: none;
    border-radius: 5px;
    transition: all .5s ease;
    content: ""
}

.checkbox__label:after {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0715 2.60261L6.57153 13.1026C6.48008 13.1944 6.37141 13.2672 6.25176 13.3169C6.13211 13.3666 6.00382 13.3921 5.87427 13.3921C5.74471 13.3921 5.61643 13.3666 5.49677 13.3169C5.37712 13.2672 5.26845 13.1944 5.177 13.1026L0.58325 8.50886C0.491684 8.41729 0.41905 8.30859 0.369495 8.18895C0.319939 8.06931 0.294434 7.94109 0.294434 7.81159C0.294434 7.6821 0.319939 7.55387 0.369495 7.43423C0.41905 7.3146 0.491684 7.20589 0.58325 7.11433C0.674817 7.02276 0.783521 6.95012 0.903159 6.90057C1.0228 6.85101 1.15102 6.82551 1.28052 6.82551C1.41001 6.82551 1.53824 6.85101 1.65787 6.90057C1.77751 6.95012 1.88622 7.02276 1.97778 7.11433L5.87509 11.0116L15.6786 1.20972C15.8636 1.02479 16.1144 0.920898 16.3759 0.920898C16.6374 0.920898 16.8882 1.02479 17.0732 1.20972C17.2581 1.39464 17.362 1.64546 17.362 1.90698C17.362 2.16851 17.2581 2.41932 17.0732 2.60425L17.0715 2.60261Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/svg%3E%0A") no-repeat center center;
    border-radius: 0;
    transition: all .25s ease;
    content: ""
}

.checkbox__input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.checkbox__input:checked+.checkbox__label:before {
    background: var(--green)
}

.checkbox__input:checked+.checkbox__label:after {
    opacity: 1;
    transform: scale(1)
}

.checkbox__input:not(:checked)+.checkbox__label:after {
    opacity: 0;
    transform: scale(0)
}

.checkbox__input:not(:disabled):not(:checked)+.checkbox__label:hover:before {
    border-color: var(--green-light)
}

.checkbox__input:not(:disabled):active+.checkbox__label:before {
    border-color: var(--green-light)
}

.checkbox__input:focus-visible+.checkbox__label:before {
    border-color: var(--green-light)
}

.checkbox__input:focus-visible:not(:checked)+.checkbox__label:before {
    border-color: var(--green-light)
}

.checkbox__input:disabled:not(:checked)+.checkbox__label:before {
    box-shadow: none;
    border-color: var(--grey-disabled)
}

.checkbox__input:disabled:checked+.checkbox__label:before {
    box-shadow: none;
    border-color: var(--grey-disabled);
    background: var(--grey-disabled)
}

.checkbox__input:disabled+.checkbox__label {
    color: var(--grey-disabled)
}

.checkbox__input.just-validate-error-field+.checkbox__label:before {
    border-color: var(--red)
}

.checkbox>.just-validate-error-label {
    display: none
}

.radio {
    padding: 0;
    margin: 0;
    line-height: 1
}

.radio__label {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: var(--black);
    margin: 0;
    padding-left: 30px;
    cursor: pointer;
    text-align: left;
    user-select: none;
    transition: all .5s ease
}

@media (max-width: 767.98px) {
    .radio__label {
        font-size: 14px
    }
}

.radio__label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    border: 1px solid #D6D6D6;
    background: none;
    border-radius: 100%;
    transition: all .5s ease;
    content: ""
}

.radio__label:after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    background: #FFD789;
    border-radius: 100%;
    transition: all .25s ease;
    content: ""
}

.radio__input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.radio__input:checked+.radio__label:before {
    border-color: #ffd789
}

.radio__input:checked+.radio__label:after {
    opacity: 1;
    transform: scale(1)
}

.radio__input:not(:checked)+.radio__label:after {
    opacity: 0;
    transform: scale(0)
}

.radio__input:not(:disabled):not(:checked)+.radio__label:hover:before {
    border-color: #ffd789
}

.radio__input:not(:disabled):active+.radio__label:before {
    border-color: #ffd789
}

.radio__input:focus-visible+.radio__label:before {
    border-color: #ffd789
}

.radio__input:focus-visible:not(:checked)+.radio__label:before {
    border-color: #ffd789
}

.radio__input:disabled:not(:checked)+.radio__label:before {
    box-shadow: none;
    border-color: var(--grey-disabled)
}

.radio__input:disabled:checked+.radio__label:before {
    box-shadow: none;
    border-color: var(--grey-disabled);
    background: var(--grey-disabled)
}

.radio__input:disabled+.radio__label {
    color: var(--grey-disabled)
}

.input {
    position: relative;
    display: block;
    width: 100%;
    height: 48px;
    border-radius: 0;
    background: none;
    border: none;
    border-bottom: 1px solid #e7e7e7;
    padding: 5px 0;
    box-shadow: none;
    font-size: 18px;
    line-height: 1.2;
    color: var(--white);
    font-weight: 400;
    outline: none;
    appearance: none;
    transition: all .5s ease
}

@media (max-width: 767.98px) {
    .input {
        height: 60px;
        font-size: 16px
    }
}

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

.input::placeholder {
    color: #e7e7e7;
    font-weight: 400
}

.input:read-only {
    color: var(--grey)
}

.input:read-only:hover,
.input:read-only:focus {
    border-color: var(--grey)
}

.input:disabled {
    border-color: #d9dde4;
    color: #374e73;
    text-align: center
}

.input:disabled::placeholder {
    color: #374e73
}

.input:disabled:hover,
.input:disabled:focus {
    border-color: #d9dde4;
    box-shadow: none
}

.input::-webkit-contacts-auto-fill-button,
.input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

.textarea {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 15px;
    background: none;
    border: 1px solid #D6D6D6;
    padding: 22px 20px;
    box-shadow: none;
    font-size: 18px;
    line-height: 1.2;
    color: var(--black);
    font-weight: 400;
    outline: none;
    appearance: none;
    transition: all .5s ease;
    resize: vertical
}

@media (max-width: 767.98px) {
    .textarea {
        font-size: 16px;
        padding: 14px 20px
    }
}

.textarea:hover,
.textarea:focus {
    border-color: var(--black)
}

.textarea::placeholder {
    color: #a3a3a3;
    font-weight: 400
}

.textarea:read-only {
    color: var(--grey)
}

.textarea:read-only:hover,
.textarea:read-only:focus {
    border-color: var(--grey)
}

.textarea::-webkit-contacts-auto-fill-button,
.textarea::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

.tabs-nav {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #838383;
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

@media (max-width: 575.98px) {
    .tabs-nav {
        flex-direction: column
    }
}

.tabs-nav__item {
    width: 100%
}

.tabs-nav__item:not(:last-child) {
    border-right: 1px solid #838383
}

@media (max-width: 575.98px) {
    .tabs-nav__item:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #838383
    }
}

.tabs-nav__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 58px;
    padding: 10px;
    line-height: 1.2;
    background: #e9e9e9;
    color: gray;
    font-size: 18px;
    font-weight: 500;
    outline: none;
    transition: color .5s ease, background .5s ease
}

.tabs-nav__button:hover,
.tabs-nav__button:active,
.tabs-nav__button:focus-visible {
    background: var(--green-light);
    color: var(--black)
}

.tabs-nav__button[aria-selected=true] {
    background: var(--green-dark);
    color: var(--white)
}

.tabs-content {
    padding: 30px
}

@media (max-width: 767.98px) {
    .tabs-content {
        padding: 30px 0 0
    }
}

.tabs-panel {
    display: none
}

.tabs-panel[aria-hidden=false] {
    display: block
}

.breadcrumbs__list {
    padding-left: 0;
    list-style: none;
    margin: 0;
    font-size: 0
}

.breadcrumbs__item {
    line-height: 1.5;
    position: relative;
    color: var(--green-dark);
    display: inline;
    font-weight: 500;
    font-size: 20px
}

@media (max-width: 767.98px) {
    .breadcrumbs__item {
        font-size: 16px
    }
}

.breadcrumbs__item:after {
    margin: 0 7px;
    color: var(--green);
    content: "|"
}

.breadcrumbs__item:last-child {
    margin-right: 0
}

.breadcrumbs__item:last-child:after {
    display: none
}

.breadcrumbs__link {
    position: relative;
    color: var(--green);
    display: inline;
    transition: color .5s ease
}

.breadcrumbs__link:hover,
.breadcrumbs__link:active,
.breadcrumbs__link:focus-visible {
    color: var(--green-light)
}

.pagination__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding-left: 0;
    list-style: none;
    margin: 0
}

.pagination__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-family: Arial;
    line-height: 1;
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

.pagination__item.is-active .pagination__button {
    background: var(--green);
    color: var(--white)
}

.pagination__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-decoration: none;
    font-size: 16px;
    background: #d4d4d4;
    color: var(--white);
    line-height: 1;
    transition: background .5s ease, color .5s ease, border-color .5s ease;
    outline: none
}

.pagination__button:hover,
.pagination__button:active,
.pagination__button:focus-visible {
    outline: none;
    background: var(--green-light);
    color: var(--white)
}

.accordion__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px 0;
    margin: 0 -15px;
    padding: 0;
    list-style: none
}

@media (max-width: 991.98px) {
    .accordion__list {
        flex-direction: column;
        margin: 0
    }
}

@media (max-width: 767.98px) {
    .accordion__list {
        gap: 15px
    }
}

.accordion__item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px
}

@media (max-width: 991.98px) {
    .accordion__item {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }
}

.accordion__panel {
    border: 1px solid #ccc;
    border-radius: 15px;
    transition: all .5s ease
}

.accordion__panel:has(.accordion__trigger[aria-expanded=true]) {
    border-color: #f5f5f5;
    background: var(--white);
    box-shadow: 8px -1px 18px #0000001a
}

.accordion__panel:not(:last-child) {
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .accordion__panel:not(:last-child) {
        margin-bottom: 15px
    }
}

.accordion__header {
    margin: 0
}

.accordion__trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    gap: 15px;
    width: 100%;
    padding: 10px 20px;
    min-height: 80px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    color: var(--black);
    transition: color .5s ease
}

@media (max-width: 767.98px) {
    .accordion__trigger {
        min-height: 60px;
        font-size: 14px;
        line-height: 1.25
    }
}

.accordion__trigger[aria-expanded=true] .accordion__icon {
    transform: rotateX(180deg)
}

.accordion__trigger:hover,
.accordion__trigger:active,
.accordion__trigger:focus-visible {
    color: #b08831
}

.accordion__icon {
    transition: transform .5s ease;
    min-width: 17px
}

@media (max-width: 767.98px) {
    .accordion__icon {
        width: 13px;
        min-width: 13px;
        height: 7px
    }
}

.accordion__content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .5s, background-color .5s ease
}

.accordion__content[aria-hidden=false] {
    grid-template-rows: 1fr
}

.accordion__content .accordion__trigger {
    font-size: 20px
}

.accordion__inner {
    overflow: hidden
}

.accordion__text {
    font-size: 16px;
    padding: 0 20px 20px;
    color: var(--black)
}

@media (max-width: 767.98px) {
    .accordion__text {
        font-size: 14px
    }
}

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

.check-list {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none
}

.check-list li {
    position: relative;
    padding-left: 28px
}

.check-list li:not(:last-child) {
    margin-bottom: 15px
}

.check-list li:before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_219_50)'%3E%3Crect x='2' y='2' width='16' height='16' fill='%23121212' style='fill:%23121212;fill:color(display-p3 0.0706 0.0706 0.0706);fill-opacity:1;'/%3E%3Cpath d='M18.3333 0H1.66667C1.22464 0 0.800716 0.175595 0.488155 0.488155C0.175595 0.800716 0 1.22464 0 1.66667V18.3333C0 18.7754 0.175595 19.1993 0.488155 19.5118C0.800716 19.8244 1.22464 20 1.66667 20H18.3333C18.7754 20 19.1993 19.8244 19.5118 19.5118C19.8244 19.1993 20 18.7754 20 18.3333V1.66667C20 1.22464 19.8244 0.800716 19.5118 0.488155C19.1993 0.175595 18.7754 0 18.3333 0ZM14.7563 8.08958L8.92292 13.9229C8.84552 14.0004 8.75362 14.0619 8.65245 14.1038C8.55128 14.1457 8.44285 14.1673 8.33333 14.1673C8.22382 14.1673 8.11538 14.1457 8.01422 14.1038C7.91305 14.0619 7.82114 14.0004 7.74375 13.9229L5.24375 11.4229C5.08738 11.2665 4.99954 11.0545 4.99954 10.8333C4.99954 10.6122 5.08738 10.4001 5.24375 10.2437C5.40012 10.0874 5.6122 9.99954 5.83333 9.99954C6.05447 9.99954 6.26655 10.0874 6.42292 10.2437L8.33333 12.1552L13.5771 6.91042C13.6545 6.83299 13.7464 6.77157 13.8476 6.72967C13.9487 6.68777 14.0572 6.6662 14.1667 6.6662C14.2762 6.6662 14.3846 6.68777 14.4857 6.72967C14.5869 6.77157 14.6788 6.83299 14.7563 6.91042C14.8337 6.98784 14.8951 7.07976 14.937 7.18092C14.9789 7.28208 15.0005 7.3905 15.0005 7.5C15.0005 7.6095 14.9789 7.71792 14.937 7.81908C14.8951 7.92024 14.8337 8.01216 14.7563 8.08958Z' fill='url(%23paint0_linear_219_50)' style=''/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_219_50' x1='3.9738' y1='-0.779222' x2='-5.85017' y2='13.1684' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EBD67D' style='stop-color:%23EBD67D;stop-color:color(display-p3 0.9216 0.8392 0.4902);stop-opacity:1;'/%3E%3Cstop offset='0.512262' stop-color='%23FEF79F' style='stop-color:%23FEF79F;stop-color:color(display-p3 0.9961 0.9686 0.6235);stop-opacity:1;'/%3E%3Cstop offset='1' stop-color='%23B08831' style='stop-color:%23B08831;stop-color:color(display-p3 0.6902 0.5333 0.1922);stop-opacity:1;'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_219_50'%3E%3Crect width='20' height='20' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center;
    content: ""
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100svh;
    overflow: visible;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.preloader__img {
    position: relative;
    z-index: 10;
    display: none;
    color: var(--green)
}

.logo {
    font-size: 0;
    line-height: 1
}

.logo__link {
    display: inline-flex;
    color: var(--primary);
    transition: color .5s ease
}

.logo__link:focus-visible .logo__img {
    transform: scale(1.1)
}

.logo__img {
    max-width: 100%;
    height: auto;
    transition: transform .5s ease;
    transform: translateZ(0)
}

@media (min-width: 992px) {
    .logo__img--visible-lg {
        display: none
    }
}

@media (max-width: 991.98px) {
    .logo__img--hidden-lg {
        display: none
    }
}

.social {
    font-style: normal
}

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

@media (max-width: 767.98px) {
    .social__list {
        gap: 10px
    }
}

.social__item {
    width: 100%
}

.social__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    line-height: 1;
    border: 1px solid var(--green-light);
    border-radius: 6px;
    font-size: 18px;
    color: #e7e7e7;
    transition: background .5s ease, color .5s ease;
    overflow: hidden;
    z-index: 1
}

@media (max-width: 575.98px) {
    .social__link {
        font-size: 16px
    }
}

@media (max-width: 389.98px) {
    .social__link {
        font-size: 14px
    }
}

.social__link:after {
    content: "";
    background: var(--green-light);
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: center center;
    transition: opacity .5s ease, transform .5s ease;
    z-index: -1
}

.social__link:hover,
.social__link:active,
.social__link:focus-visible {
    outline: none;
    color: var(--green-dark)
}

.social__link:hover:after,
.social__link:active:after,
.social__link:focus-visible:after {
    transform: scale(1)
}

.social--dark .social__link {
    border-color: var(--black);
    color: var(--black)
}

.social--dark .social__link:hover,
.social--dark .social__link:active,
.social--dark .social__link:focus-visible {
    color: var(--white)
}

.social--dark .social__link:after {
    background: var(--black)
}

.form__input.just-validate-error-field {
    border-color: var(--red) !important
}

.form__placeholder {
    position: absolute;
    top: 14px;
    left: 0;
    color: #e7e7e7;
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
    transition: transform .2s cubic-bezier(0, 0, .2, 1) 0ms;
    transform: translate(0);
    display: block;
    transform-origin: top left;
    z-index: 1
}

.form__placeholder.is-active {
    transform: translateY(-24px) scale(.75)
}

.form__row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .form__row {
        display: flex;
        flex-direction: column;
        gap: 20px
    }
}

.form__col {
    position: relative;
    grid-column: 12 span
}

.form__col--4 {
    grid-column: 4 span
}

.form__col--6 {
    grid-column: 6 span
}

.form__group {
    position: relative
}

.form__group:not(:last-child) {
    margin-bottom: 30px
}

.form__group--center {
    display: flex;
    justify-content: center
}

.form__group--flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 15px
}

.form__button {
    width: 100%;
    font-size: 22px;
    font-weight: 600
}

.form .just-validate-error-label {
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 12px;
    line-height: 1;
    color: var(--red) !important;
    padding: 3px 0;
    border-radius: 10px
}

.form--dark .form__input {
    border-color: var(--black);
    color: var(--black)
}

.form--dark .form__placeholder {
    color: var(--black)
}

.menu__list {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1
}

.menu__item {
    position: relative
}

.menu__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: var(--green-dark);
    white-space: nowrap;
    transition: color .5s ease
}

@media (max-width: 1199.98px) {
    .menu__link {
        font-size: 16px
    }
}

.menu__link:hover,
.menu__link:active,
.menu__link:focus-visible {
    color: var(--green-light)
}

.lang {
    position: relative
}

.lang__toggle {
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: var(--black);
    transition: color .5s ease
}

.lang__toggle:hover,
.lang__toggle:active,
.lang__toggle:focus-visible {
    color: var(--green-light)
}

.lang__toggle[aria-expanded=true] {
    color: var(--green-light)
}

.lang__list {
    position: absolute;
    top: calc(100% + 10px);
    left: -10px;
    width: calc(100% + 20px);
    background: var(--white);
    box-shadow: 0 8px 15px #0000001a;
    border-radius: 8px;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .25s ease
}

.lang__list[aria-hidden=false] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.lang__link {
    display: block;
    padding: 5px 0;
    text-transform: uppercase;
    color: var(--black);
    line-height: 1.5;
    text-align: center;
    transition: color .5s ease
}

.lang__link:hover,
.lang__link:active,
.lang__link:focus-visible {
    color: var(--green-light)
}

.dropdown {
    position: relative
}

.dropdown__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    height: 54px;
    padding: 5px 40px;
    border-radius: 100px;
    border: 1px solid var(--black);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: var(--black);
    transition: color .5s ease, border-color .5s ease
}

@media (max-width: 1379.98px) {
    .dropdown__toggle {
        padding: 5px 15px
    }
}

@media (max-width: 1199.98px) {
    .dropdown__toggle {
        font-size: 16px
    }
}

@media (max-width: 991.98px) {
    .dropdown__toggle {
        height: 45px
    }
}

@media (max-width: 575.98px) {
    .dropdown__toggle {
        font-size: 12px;
        padding: 5px 10px;
        gap: 5px
    }
}

.dropdown__toggle:hover,
.dropdown__toggle:active,
.dropdown__toggle:focus-visible {
    border-color: var(--green-light)
}

.dropdown__toggle[aria-expanded=true] {
    border-color: var(--green-light)
}

.dropdown__toggle[aria-expanded=true] .dropdown__toggle-icon {
    rotate: x 180deg
}

.dropdown__toggle-icon {
    transition: rotate .5s ease
}

@media (max-width: 575.98px) {
    .dropdown__toggle-icon {
        width: 10px;
        height: 10px
    }
}

.dropdown__list {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    background: var(--white);
    box-shadow: 0 8px 15px #0000001a;
    border-radius: 8px;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .25s ease
}

@media (max-width: 991.98px) {
    .dropdown__list {
        min-width: 200px;
        left: 50%;
        margin-left: -100px
    }
}

.dropdown__list[aria-hidden=false] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.dropdown__link {
    display: block;
    padding: 5px 10px;
    color: var(--black);
    font-size: 14px;
    text-align: center;
    transition: color .5s ease
}

.dropdown__link:hover,
.dropdown__link:active,
.dropdown__link:focus-visible {
    color: var(--green-light)
}

.equipment-item {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    width: 290px;
    height: 80px;
    border-radius: 100px;
    padding: 10px;
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(10px);
    color: var(--white)
}

@media (max-width: 991.98px) {
    .equipment-item {
        position: relative
    }
}

@media (max-width: 575.98px) {
    .equipment-item {
        width: 100%
    }
}

.equipment-item:before {
    position: absolute;
    top: 100%;
    left: 40px;
    display: flex;
    width: 3px;
    height: 30px;
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(10px);
    content: ""
}

@media (max-width: 991.98px) {
    .equipment-item:before {
        display: none
    }
}

.equipment-item:after {
    position: absolute;
    bottom: -41px;
    left: 38px;
    display: flex;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 3px #fff6;
    backdrop-filter: blur(10px);
    background: var(--green-light);
    border-radius: 50%;
    content: ""
}

@media (max-width: 991.98px) {
    .equipment-item:after {
        display: none
    }
}

.equipment-item__pic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--green-light);
    color: var(--green-dark)
}

@media (min-width: 992px) {
    .equipment-item--1 {
        top: 20%;
        left: 3%
    }
    .equipment-item--1:before {
        left: auto;
        right: 50px
    }
    .equipment-item--1:after {
        left: auto;
        right: 48px
    }
}

@media (min-width: 992px) {
    .equipment-item--2 {
        bottom: 10%;
        left: 25%
    }
    .equipment-item--2:before {
        left: auto;
        right: 50px;
        bottom: 100%;
        top: auto
    }
    .equipment-item--2:after {
        left: auto;
        right: 48px;
        bottom: auto;
        top: -41px
    }
}

@media (min-width: 992px) {
    .equipment-item--3 {
        top: 20%;
        right: 3%
    }
}

@media (min-width: 992px) {
    .equipment-item--4 {
        bottom: 30%;
        right: 12%
    }
}

.contacts {
    font-style: normal
}

.contacts__title {
    margin-bottom: 12px;
    font-size: 25px;
    font-weight: 600;
    color: var(--green-light)
}

@media (max-width: 1379.98px) {
    .contacts__title {
        font-size: 18px
    }
}

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

.contacts__item {
    font-size: 30px;
    font-weight: 700;
    color: var(--white)
}

@media (max-width: 1379.98px) {
    .contacts__item {
        font-size: 24px
    }
}

@media (max-width: 991.98px) {
    .contacts__item {
        font-size: 18px
    }
}

.contacts__link {
    color: var(--white);
    transition: color .5s ease
}

.contacts__link:hover,
.contacts__link:active,
.contacts__link:focus-visible {
    color: var(--green-light)
}

.certification-list {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none
}

.certification-list__picture {
    display: flex
}

.product__title {
    margin-bottom: 12px;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    color: var(--green-dark)
}

@media (max-width: 767.98px) {
    .product__title {
        font-size: 28px
    }
}

.product__text {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color: var(--green-dark)
}

@media (max-width: 767.98px) {
    .product__text {
        font-size: 16px
    }
}

.product__text.is-visible {
    display: block
}

.product__more-button {
    font-size: 18px;
    font-weight: 600;
    color: var(--green-dark);
    transition: color .5s ease
}

.product__more-button:hover,
.product__more-button:active,
.product__more-button:focus-visible {
    color: var(--green)
}

.product__hr {
    margin: 24px 0;
    border: none;
    height: 0.05rem;
    background: var(--black);
    box-sizing: border-box;
    padding: 0
}

.product__colors {
    margin-bottom: 30px
}

.product__table {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 18px;
    margin-bottom: 30px;
    color: var(--green-dark)
}

@media (max-width: 767.98px) {
    .product__table {
        font-size: 16px
    }
}

.product__table-row {
    display: flex;
    gap: 30px
}

.product__table-col {
    font-weight: 300
}

.product__table-col:first-child {
    font-weight: 700;
    min-width: 110px
}

@media (max-width: 767.98px) {
    .product__table-col:first-child {
        min-width: 100px
    }
}

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

.colors__label {
    position: relative;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--color, --grey);
    cursor: pointer;
    transition: opacity .5s ease, transform .5s ease
}

.colors__label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--color, --grey);
    opacity: 0;
    transform: scale(0);
    transition: opacity .5s ease, transform .5s ease;
    content: ""
}

.colors__input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.colors__input:checked+.colors__label:before {
    opacity: 1;
    transform: scale(1.35)
}

.colors__input:not(:checked)+.colors__label:before {
    opacity: 0;
    transform: scale(0)
}

.colors__input:not(:disabled):not(:checked)+.colors__label:hover {
    opacity: .5
}

.colors__input:not(:disabled):active+.colors__label {
    opacity: 1;
    transform: scale(.8)
}

.colors__input:focus-visible+.colors__label:before {
    opacity: 1;
    transform: scale(1.35)
}

.colors__input:focus-visible:not(:checked)+.colors__label:before {
    opacity: 1;
    transform: scale(1.35)
}

.colors__input:disabled:not(:checked)+.colors__label:before {
    box-shadow: none;
    border-color: var(--grey-disabled)
}

.colors__input:disabled:checked+.colors__label:before {
    box-shadow: none;
    border-color: var(--grey-disabled);
    background: var(--grey-disabled)
}

.colors__input:disabled+.colors__label {
    color: var(--grey-disabled)
}

.data-table__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px 0;
    border-bottom: 1px solid var(--black)
}

.data-table__row:not(:last-child) {
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .data-table__row:not(:last-child) {
        margin-bottom: 15px
    }
}

.data-table__col {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 20px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .data-table__col {
        font-size: 18px
    }
}

.data-table__icon {
    min-width: 26px
}

.order {
    padding: 50px 30px;
    border-radius: 30px;
    background: var(--green-dark)
}

@media (max-width: 767.98px) {
    .order {
        padding: 40px 24px
    }
}

.order__content {
    margin-bottom: 24px
}

.order__title {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 600;
    color: #e7e7e7
}

@media (max-width: 767.98px) {
    .order__title {
        font-size: 24px
    }
}

@media (max-width: 389.98px) {
    .order__title {
        font-size: 20px
    }
}

.order__title-icon {
    margin-right: 10px;
    animation: 1.5s blink infinite ease-in-out
}

@media (max-width: 767.98px) {
    .order__title-icon {
        width: 20px;
        height: 20px
    }
}

.order__text {
    font-size: 20px;
    color: #e7e7e7
}

@media (max-width: 389.98px) {
    .order__text {
        font-size: 16px
    }
}

.order__text span {
    position: relative;
    display: inline-block;
    padding: 14px 14px 0
}

.order__text span:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.3779 6.50867L19.0969 0.829369C19.0656 0.396082 19.4092 0.0247817 19.8154 0.00118213C20.2528 -0.0224174 20.6277 0.310179 20.659 0.743781L20.94 6.43158C20.94 6.8655 20.6277 7.2346 20.1903 7.25599C19.753 7.27707 19.3779 6.94228 19.3779 6.50867ZM8.47329 9.18324L8.47329 9.18323L8.47328 9.18323C6.62726 7.49536 4.77965 5.80604 3.06966 3.96563C2.78848 3.64845 2.28861 3.63146 1.97619 3.92755C1.66376 4.22396 1.63264 4.72238 1.94507 5.03956C3.65498 6.88518 5.50251 8.57963 7.34845 10.2726C8.90899 11.7039 10.4684 13.1341 11.9426 14.6537C12.255 14.9633 12.7547 14.9677 13.0672 14.6631C13.3483 14.3589 13.3796 13.8604 13.0672 13.5508C11.5931 12.0357 10.0338 10.61 8.47329 9.18324ZM7.00635 21.563C5.00685 20.9978 2.91344 20.7128 0.882698 20.4516C0.445307 20.3968 0.0392198 20.7024 0.00797758 21.1328C-0.0545068 21.5636 0.258098 21.9576 0.664247 22.0123C2.63251 22.2637 4.66307 22.5328 6.56884 23.0768C6.97499 23.1948 7.41256 22.9519 7.53753 22.534C7.6625 22.1165 7.4125 21.6813 7.00635 21.563Z' fill='%23e7e7e7'/%3E%3C/svg%3E%0A") no-repeat left top, url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.62217 6.50867L1.90317 0.829369C1.93441 0.396082 1.59081 0.0247817 1.18466 0.00118213C0.747267 -0.0224174 0.372299 0.310179 0.341057 0.743781L0.0600605 6.43158C0.0600605 6.8655 0.372299 7.2346 0.80969 7.25599C1.24708 7.27707 1.62217 6.94228 1.62217 6.50867ZM12.5277 9.18324L12.5277 9.18324C14.3737 7.49537 16.2213 5.80604 17.9313 3.96563C18.2125 3.64845 18.7124 3.63146 19.0248 3.92755C19.3372 4.22396 19.3683 4.72238 19.0559 5.03956C17.346 6.88518 15.4985 8.57963 13.6525 10.2726C12.092 11.7039 10.5326 13.1341 9.0584 14.6537C8.74597 14.9633 8.24622 14.9677 7.9338 14.6631C7.65262 14.3589 7.62138 13.8604 7.9338 13.5508C9.40789 12.0357 10.9672 10.61 12.5277 9.18324ZM13.9937 21.563C15.9932 20.9978 18.0866 20.7128 20.1173 20.4516C20.5547 20.3968 20.9608 20.7024 20.9921 21.1328C21.0545 21.5636 20.7419 21.9576 20.3358 22.0123C18.3675 22.2637 16.337 22.5328 14.4312 23.0768C14.025 23.1948 13.5875 22.9519 13.4625 22.534C13.3375 22.1165 13.5875 21.6813 13.9937 21.563Z' fill='%23e7e7e7'/%3E%3C/svg%3E%0A") no-repeat top right;
    content: "";
    animation: 1.5s blink infinite ease-in-out
}

.order__form {
    margin-bottom: 40px
}

.target-list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none
}

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

.target-list__item {
    display: flex;
    flex-direction: column;
    gap: 45px;
    height: 100%;
    min-height: 200px;
    padding: 30px;
    border-radius: 30px;
    background: var(--white);
    grid-column: 6 span;
    transition: background .5s ease
}

.target-list__item:hover {
    background: var(--green-light)
}

.target-list__item:nth-child(3n) {
    grid-column: 12 span
}

.target-list__text {
    font-size: 16px
}

.decision-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none
}

.decision-list__item {
    padding: 16px;
    border: 1px solid var(--black);
    border-radius: 30px;
    font-size: 16px;
    background: var(--white);
    transition: background .5s ease
}

.decision-list__item:hover {
    background: var(--green-light)
}

@media (max-width: 991.98px) {
    .filter {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        width: 100%;
        height: 100dvh;
        outline: 0;
        background: rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease
    }
    .filter.is-visible {
        opacity: 1;
        visibility: visible
    }
    .filter.is-visible .filter__sidebar {
        visibility: visible;
        transform: translate(0)
    }
}

.filter__sidebar {
    background: #F6EDED;
    border-radius: 30px
}

@media (max-width: 991.98px) {
    .filter__sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 420px;
        height: 100%;
        visibility: hidden;
        transform: translate(-100%);
        border-radius: 0;
        transition: all .5s ease
    }
}

@media (max-width: 575.98px) {
    .filter__sidebar {
        max-width: 100%
    }
}

.filter__header {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--green);
    color: var(--white);
    padding: 15px 30px
}

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

.filter__title {
    font-size: 18px;
    font-weight: 700;
    margin-right: auto
}

@media (max-width: 991.98px) {
    .filter__icon {
        order: -1
    }
}

.filter__close {
    display: flex;
    transition: color .5s ease
}

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

.filter__close:hover,
.filter__close:active,
.filter__close:focus-visible {
    color: var(--ruby)
}

.filter__inner {
    padding: 30px
}

@media (max-width: 991.98px) {
    .filter__inner {
        height: 100%;
        width: 100%;
        overflow-y: auto;
        padding-bottom: 150px
    }
}

.filter-block {
    margin-bottom: 15px;
    background: var(--white);
    border: 1px solid var(--black);
    border-radius: 15px;
    padding: 15px 30px
}

.filter-block__toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 20px;
    text-align: left;
    font-weight: 500;
    color: var(--black);
    transition: color .5s ease
}

.filter-block__toggle-icon {
    min-width: 22px;
    transition: transform .5s ease
}

.filter-block__toggle[aria-expanded=true] .filter-block__toggle-icon {
    transform: rotateX(180deg)
}

.filter-block__toggle:hover,
.filter-block__toggle:active,
.filter-block__toggle:focus-visible {
    color: var(--green)
}

.filter-block__body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .5s, background-color .5s ease
}

.filter-block__body[aria-hidden=false] {
    grid-template-rows: 1fr
}

.filter-block__inner {
    overflow: hidden
}

.filter-block__list {
    margin: 0;
    padding: 20px 0;
	padding-right:10px;
    list-style: none;
    max-height: 240px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--ruby) #DCE5E5
}

.filter-block__list::-webkit-scrollbar {
    width: 3px
}

.filter-block__list::-webkit-scrollbar-track {
    background: #DCE5E5;
    border-radius: 0
}

.filter-block__list::-webkit-scrollbar-thumb {
    border: none;
    background-color: var(--ruby);
    border-radius: 0
}

.filter-block__item {
    display: flex;
	flex-direction:column
}

.filter-block__item:not(:last-child) {
    margin-bottom: 15px
}

.filter__buttons-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 50px
}

@media (max-width: 991.98px) {
    .filter__buttons-group {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: var(--white);
        padding: 15px;
        margin: 0
    }
}

.links-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width: 767.98px) {
    .links-list {
        justify-content: center
    }
}

.links-list__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    color: var(--white);
    transition: background .5s ease, color .5s ease;
    overflow: hidden;
    z-index: 1
}

.links-list__link:after {
    content: "";
    background: var(--green-light);
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: center center;
    transition: opacity .5s ease, transform .5s ease;
    z-index: -1
}

.links-list__link:hover,
.links-list__link:active,
.links-list__link:focus-visible {
    outline: none;
    color: var(--green-dark)
}

.links-list__link:hover:after,
.links-list__link:active:after,
.links-list__link:focus-visible:after {
    transform: scale(1)
}

.links-list__link--instagram {
    background: linear-gradient(30deg, #833ab4, #fd1d1d, #fcb045)
}

.links-list__link--facebook {
    background: #0b84ee
}

.links-list__link--youtube {
    background: #ff0000
}

.category-card {
    position: relative;
    display: flex;
    width: 100%;
    color: var(--green-dark);
    transition: color .5s ease
}

@media (max-width: 991.98px) {
    .category-card {
        flex-direction: column;
        gap: 16px
    }
}

.category-card:hover,
.category-card:active,
.category-card:focus-visible {
    color: var(--green-light)
}

.category-card:hover .category-card__img,
.category-card:active .category-card__img,
.category-card:focus-visible .category-card__img {
    scale: 1.2
}

@media (min-width: 992px) {
    .category-card--1 .category-card__title {
        position: absolute;
        top: 0;
        left: calc(100% + 20px)
    }
    .category-card--1 .category-card__picture {
        width: 100%
    }
    .category-card--2 .category-card__title {
        position: absolute;
        right: 55%;
        bottom: 0;
        text-align: right
    }
    .category-card--2 .category-card__title:before {
        left: auto;
        right: 0
    }
    .category-card--2 .category-card__picture {
        margin-left: auto;
        width: 50%
    }
    .category-card--3 .category-card__title {
        position: absolute;
        left: calc(50% + 20px);
        bottom: 0
    }
    .category-card--3 .category-card__picture {
        margin-right: auto;
        width: 50%
    }
    .category-card--4 .category-card__title {
        position: absolute;
        top: calc(100% + 20px);
        left: 0
    }
    .category-card--4 .category-card__picture {
        margin-right: auto;
        width: 50%
    }
    .category-card--5 .category-card__title {
        position: absolute;
        top: calc(100% + 20px);
        right: 0;
        max-width: 100%
    }
    .category-card--5 .category-card__picture {
        width: 100%
    }
}

.category-card__picture {
    display: flex;
    border-radius: 15px;
    overflow: hidden;
    isolation: isolate
}

@media (max-width: 991.98px) {
    .category-card__picture {
        height: 250px;
        width: 100%
    }
}

.category-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale 2.5s ease
}

.category-card__title {
    position: relative;
    font-size: 22px;
    font-weight: 500;
    max-width: 210px
}

@media (max-width: 1199.98px) {
    .category-card__title {
        font-size: 18px;
        max-width: 180px
    }
}

@media (max-width: 991.98px) {
    .category-card__title {
        word-break: break-word
    }
}

.category-card__title:before {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 126px;
    height: 11px;
    background: url("data:image/svg+xml,%3Csvg width='126' height='11' viewBox='0 0 126 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M53.5045 1.61386C47.6544 1.93165 41.8729 2.32241 36.2351 2.7496C28.254 3.35392 20.2761 3.97909 12.3463 4.96893C9.85012 5.28151 7.31526 5.47946 4.83473 5.87019C3.27761 6.11504 1.2129 6.46404 0.941934 6.53698C0.800207 6.57866 0.738376 6.64123 0.718397 6.66207C0.577919 6.80794 0.603551 6.94854 0.682843 7.05795C0.714685 7.10484 0.795203 7.21949 1.01872 7.23512C15.9668 8.30311 31.2521 6.21924 46.2184 6.00043C72.1725 5.62534 98.9133 7.11531 124.661 10.3661C124.886 10.3922 125.105 10.2619 125.136 10.0692C125.173 9.88161 125.011 9.69926 124.786 9.67322C98.9945 6.41717 72.2099 4.92198 46.2059 5.30229C32.2579 5.50547 18.0347 7.3341 4.06741 6.70894C4.38832 6.65684 4.70301 6.60473 4.99021 6.55784C7.46075 6.16711 9.98498 5.97437 12.4711 5.66179C20.3841 4.67195 28.3458 4.04679 36.3162 3.44768C46.2059 2.69748 56.5263 2.05148 66.928 1.74932C70.6491 1.7962 74.3577 1.84311 78.0663 1.90042C86.0892 2.02545 94.1495 2.39013 102.154 2.87984C104.564 3.03092 106.974 3.1872 109.384 3.32265C110.183 3.36954 112.243 3.50497 112.53 3.49455C112.886 3.48413 112.955 3.23409 112.961 3.19241C112.98 3.09863 112.967 2.96838 112.793 2.85898C112.774 2.84335 112.661 2.79122 112.412 2.75996C97.8581 0.915739 82.3181 0.608416 66.9405 1.05124C50.7199 0.858481 34.4369 0.775088 18.2576 0.686523C18.026 0.686523 17.8368 0.842837 17.8349 1.03559C17.8337 1.22835 18.0203 1.38467 18.252 1.38988C29.9672 1.4524 41.7418 1.51488 53.5045 1.61386Z' fill='%23B6F61B'/%3E%3C/svg%3E%0A") no-repeat center center;
    content: ""
}

.achieve-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    gap: 30px
}

.achieve-card__text {
    margin-bottom: auto;
    font-size: 22px;
    font-weight: 500;
    color: #809e92
}

@media (max-width: 991.98px) {
    .achieve-card__text {
        font-size: 18px
    }
}

.achieve-card__picture {
    display: flex;
    height: 263px;
    width: auto;
    border-radius: 15px;
    overflow: hidden;
    background: #000
}

@media (max-width: 991.98px) {
    .achieve-card__picture {
        height: 224px
    }
}

.achieve-card__picture--sm {
    width: 50%
}

@media (max-width: 1199.98px) {
    .achieve-card__picture--sm {
        width: 65%
    }
}

@media (max-width: 767.98px) {
    .achieve-card__picture--sm {
        width: 60%
    }
}

.achieve-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.achieve-card__stars {
    position: absolute;
    bottom: 10%;
    right: 15%;
    animation: 1.5s blink infinite ease-in-out
}

@media (max-width: 1199.98px) {
    .achieve-card__stars {
        right: 0
    }
}

@keyframes blink {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.step-card {
    text-align: center
}

@media (max-width: 767.98px) {
    .step-card {
        max-width: 380px;
        margin: 0 auto
    }
}

.step-card__pic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    border-radius: 15px;
    background: var(--green-light);
    color: var(--green-dark)
}

.step-card__title {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 10px
}

.step-card__descr {
    font-size: 18px;
    color: #423d3d
}

.project-card__link {
    position: relative;
    display: flex;
    width: 100%
}

.project-card__link:hover .project-card__img,
.project-card__link:active .project-card__img,
.project-card__link:focus-visible .project-card__img {
    scale: 1.1
}

.project-card__link:hover .project-card__arrow,
.project-card__link:active .project-card__arrow,
.project-card__link:focus-visible .project-card__arrow {
    translate: 10px -10px
}

.project-card__picture {
    display: flex;
    width: 100%;
    border-radius: 25px 25px 0 0;
    overflow: hidden
}

@media (max-width: 767.98px) {
    .project-card__picture {
        height: 300px
    }
}

.project-card__img {
    width: 100%;
    height: auto;
    transition: scale 2.5s ease
}

@media (max-width: 767.98px) {
    .project-card__img {
        height: 100%;
        object-fit: cover
    }
}

.project-card__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 30px;
    border-radius: 25px 25px 0 0;
    background: var(--green-light);
    color: var(--black);
    z-index: 1
}

@media (max-width: 767.98px) {
    .project-card__bottom {
        padding: 16px
    }
}

.project-card__title {
    font-size: 26px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .project-card__title {
        font-size: 18px
    }
}

@media (max-width: 389.98px) {
    .project-card__title {
        font-size: 16px
    }
}

.project-card__arrow {
    transition: translate .5s ease
}

@media (max-width: 767.98px) {
    .project-card__arrow {
        width: 18px;
        height: 18px
    }
}

.advantage-card {
    position: relative;
    width: 100%;
    height: 340px
}

@media (max-width: 991.98px) {
    .advantage-card {
        height: 250px
    }
}

.advantage-card:hover .advantage-card__front,
.advantage-card:active .advantage-card__front,
.advantage-card:focus-visible .advantage-card__front {
    opacity: 0;
    transform: translateY(30px)
}

.advantage-card__front {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    height: 100%;
    padding: 24px;
    background: var(--green-dark);
    border-radius: 15px;
    color: #e7e7e7;
    transform-origin: 24px 24px;
    transition: transform .5s ease, opacity .5s ease
}

@media (max-width: 767.98px) {
    .advantage-card__front {
        padding: 16px
    }
}

.advantage-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.advantage-card__number {
    font-size: 37px;
    font-weight: 500;
    line-height: 1
}

@media (max-width: 991.98px) {
    .advantage-card__number {
        font-size: 32px
    }
}

.advantage-card__title {
    font-size: 26px;
    font-weight: 500
}

@media (max-width: 991.98px) {
    .advantage-card__title {
        font-size: 22px
    }
}

@media (max-width: 575.98px) {
    .advantage-card__title {
        font-size: 16px
    }
}

@media (max-width: 389.98px) {
    .advantage-card__title {
        font-size: 14px
    }
}

.advantage-card__back {
    position: absolute;
    top: -24px;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    padding: 24px;
    background: var(--green-light);
    font-size: 18px;
    font-weight: 500;
    color: var(--black)
}

@media (max-width: 991.98px) {
    .advantage-card__back {
        font-size: 16px
    }
}

@media (max-width: 767.98px) {
    .advantage-card__back {
        top: -16px;
        padding: 16px;
        font-size: 16px;
        height: calc(100% + 16px)
    }
}

@media (max-width: 575.98px) {
    .advantage-card__back {
        font-size: 14px
    }
}

.advantage-card--sm {
    width: 50%;
    min-width: 320px
}

@media (max-width: 991.98px) {
    .advantage-card--sm {
        min-width: 250px
    }
}

@media (max-width: 767.98px) {
    .advantage-card--sm {
        width: 100%;
        min-width: 0
    }
}

.partner-card {
    display: grid;
    grid-template-columns: 4fr 5fr 3fr;
    gap: 20px
}

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

.partner-card__col:first-child {
    display: flex;
    align-items: center
}

@media (max-width: 991.98px) {
    .partner-card__col:nth-child(2) {
        order: -1
    }
}

.partner-card__text {
    font-size: 24px;
    font-weight: 500;
    color: var(--green-dark)
}

@media (max-width: 991.98px) {
    .partner-card__text {
        font-size: 18px
    }
}

.partner-card__picture {
    display: flex;
    border-radius: 20px;
    overflow: hidden
}

.partner-card__img {
    width: 100%;
    height: auto
}

.partner-card__descr {
    margin-top: 16px;
    font-size: 30px;
    font-weight: 500;
    color: var(--green-dark)
}

@media (max-width: 1379.98px) {
    .partner-card__descr {
        font-size: 24px
    }
}

@media (max-width: 991.98px) {
    .partner-card__descr {
        font-size: 18px
    }
}

.faq-card {
    position: relative;
    width: 100%;
    height: 320px;
    perspective: 500px
}

@media (max-width: 767.98px) {
    .faq-card {
        height: 180px
    }
}

.faq-card:hover .faq-card__inner,
.faq-card:active .faq-card__inner,
.faq-card:focus-visible .faq-card__inner {
    transform: rotateY(180deg);
    transition: transform .5s
}

.faq-card__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 1s;
    transform-style: preserve-3d
}

.faq-card__front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 24px;
    background: var(--green-dark);
    border-radius: 15px;
    color: #e7e7e7;
    backface-visibility: hidden
}

@media (max-width: 767.98px) {
    .faq-card__front {
        padding: 16px
    }
}

.faq-card__back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    background: var(--green-light);
    border-radius: 15px;
    color: var(--green-dark);
    backface-visibility: hidden;
    transform: rotateY(180deg)
}

@media (max-width: 767.98px) {
    .faq-card__back {
        padding: 16px
    }
}

.faq-card__back .faq-card__arrow {
    transform: rotate(90deg)
}

.faq-card__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25
}

@media (max-width: 767.98px) {
    .faq-card__title {
        font-size: 18px
    }
}

.faq-card__arrow {
    position: absolute;
    bottom: 24px;
    right: 24px
}

@media (max-width: 767.98px) {
    .faq-card__arrow {
        bottom: 16px;
        right: 16px;
        width: 18px;
        height: 18px
    }
}

.faq-card__text {
    padding-right: 45px
}

@media (max-width: 767.98px) {
    .faq-card__text {
        font-size: 14px
    }
}

.object-card {
    position: relative;
    display: flex;
    border-radius: 30px;
    overflow: hidden;
    height: 715px
}

.object-card__picture {
    display: flex
}

.object-card__img {
    width: 100%;
    height: auto
}

@media (max-width: 991.98px) {
    .object-card__img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.object-card__text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 24px 16px;
    border-radius: 0 30px 0 0;
    background: #EFEFEF;
    font-size: 18px;
    font-weight: 500;
    max-width: 80%
}

.object-card__text:before {
    position: absolute;
    top: -30px;
    left: 0;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0V30H30C13.4315 30 0 16.5685 0 0Z' fill='%23EFEFEF'/%3E%3C/svg%3E%0A") no-repeat left bottom;
    content: ""
}

.object-card__text:after {
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0V30H30C13.4315 30 0 16.5685 0 0Z' fill='%23EFEFEF'/%3E%3C/svg%3E%0A") no-repeat left bottom;
    content: ""
}

@media (max-width: 575.98px) {
    .object-card__text {
        font-size: 16px
    }
}

.gallery-card {
    display: flex;
    width: 100%
}

@media (max-width: 575.98px) {
    .gallery-card {
        /*height: 300px*/
    }
}

.gallery-card:hover .gallery-card__img,
.gallery-card:active .gallery-card__img,
.gallery-card:focus-visible .gallery-card__img {
    transform: scale(1.1)
}

.gallery-card__picture {
    /*display: flex;*/
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    isolation: isolate
}

.gallery-card__img {
    width: 100%;
    height: auto;
    transition: transform 2.5s ease
}

@media (max-width: 575.98px) {
    .gallery-card__img {
        height: 100%;
        object-fit: cover
    }
}

.equipment-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid var(--green-dark)
}

.equipment-card__picture {
    display: flex;
    width: 100%;
    /*height: 255px;*/
	height: 165px;
    border-radius: 15px;
    overflow: hidden;
    /*margin-bottom: 20px;*/
	margin-bottom: 10px;
}

.equipment-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.equipment-card__title {
    /*font-size: 22px;*/
	font-size: 18px;
    font-weight: 500;
    /*margin-bottom: 15px;*/
	margin-bottom: 10px;
    color: var(--green-dark);
	text-align:center;
}

.equipment-card__button {
    width: 100%;
    height: 44px;
    margin-top: auto;
    color: var(--green-dark)
}

.draw-card,
.draw-card__picture {
    display: flex
}

.draw-card__img {
    max-width: 100%;
    height: auto
}

.projects-slider {
    position: relative;
    overflow: visible;
    padding-bottom: 65px;
    --swiper-scrollbar-sides-offset: 35%
}

@media (max-width: 767.98px) {
    .projects-slider {
        --swiper-scrollbar-sides-offset: 0px;
        padding-bottom: 40px
    }
}

.projects-slider__prev,
.projects-slider__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 110px;
    height: 110px;
    padding: 5px;
    border-radius: 50%
}

@media (max-width: 991.98px) {
    .projects-slider__prev,
    .projects-slider__next {
        width: 45px;
        height: 45px
    }
}

@media (max-width: 767.98px) {
    .projects-slider__prev,
    .projects-slider__next {
        display: none
    }
}

.projects-slider__prev.swiper-button-disabled,
.projects-slider__next.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

@media (max-width: 991.98px) {
    .projects-slider__prev .button__icon,
    .projects-slider__next .button__icon {
        width: 20px;
        height: 20px
    }
}

.projects-slider__prev {
    left: 0
}

.projects-slider__next {
    right: 0
}

.partners-slider {
    position: relative
}

@media (max-width: 991.98px) {
    .partners-slider {
        padding-bottom: 110px
    }
}

.partners-slider__nav {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(25% - 10px);
    display: flex;
    gap: 15px
}

@media (max-width: 991.98px) {
    .partners-slider__nav {
        width: 100%;
        justify-content: center
    }
}

.partners-slider__prev,
.partners-slider__next {
    width: 40px;
    height: 40px;
    padding: 5px;
    border-radius: 50%
}

@media (max-width: 991.98px) {
    .partners-slider__prev,
    .partners-slider__next {
        width: 75px;
        height: 75px
    }
}

.partners-slider__prev.swiper-button-disabled,
.partners-slider__next.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

.product-slider {
    position: relative;
    padding-bottom: 15px
}

.product-slider:not(:last-child) {
    margin-bottom: 20px
}

.product-slider__picture {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-slider__img {
    width: 100%;
    height: auto
}

.product-slider__prev,
.product-slider__next {
    position: absolute;
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    padding: 5px;
    border-radius: 50%
}

.product-slider__prev.swiper-button-disabled,
.product-slider__next.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

.product-slider__prev {
    left: 0
}

.product-slider__next {
    right: 0
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 30px 0;
    z-index: 3;
    transition: box-shadow .5s ease, padding .5s ease, background .5s ease
}

@media (max-width: 991.98px) {
    .header {
        padding: 10px 0
    }
}

.header.is-scroll {
    background: var(--white);
    box-shadow: 0 8px 15px #0000001a;
    padding: 10px 0
}

.header.is-active {
    background: var(--white);
    box-shadow: 0 8px 15px #0000001a
}

.header__container {
    display: flex;
    align-items: center;
    gap: 30px
}

@media (max-width: 991.98px) {
    .header__container {
        max-width: 100%;
        gap: 10px
    }
}

@media (max-width: 991.98px) {
    .header__logo {
        margin-right: auto;
        width: 64px;
        height: 64px
    }
}

@media (max-width: 767.98px) {
    .header__logo {
        width: 45px;
        height: 45px
    }
}

.header__menu {
    margin: 0 auto
}

@media (max-width: 991.98px) {
    .header__menu {
        display: none
    }
}

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

@media (max-width: 991.98px) {
    .header__catalog-button {
        height: 45px;
        width: 45px;
        border-radius: 10px;
        padding: 0
    }
}

@media (max-width: 1379.98px) {
    .header__catalog-button span {
        display: none
    }
}

.footer {
    position: relative;
    background: var(--green-dark);
    padding: 50px 0
}

.footer__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

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

.footer__row:not(:last-child) {
    margin-bottom: 70px
}

@media (max-width: 767.98px) {
    .footer__row:not(:last-child) {
        margin-bottom: 50px
    }
}

@media (max-width: 991.98px) {
    .footer__row:first-child,
    .footer__row:last-child {
        flex-direction: column
    }
}

.footer__row--ai-top {
    align-items: flex-start
}

@media (max-width: 767.98px) {
    .footer__row--ai-top {
        align-items: center
    }
}

.footer__logo {
    min-width: 196px;
    margin-bottom: 10px;
    color: var(--white)
}

@media (max-width: 767.98px) {
    .footer__logo {
        text-align: center;
        margin-bottom: 30px
    }
}

.footer-menu {
    width: auto
}

.footer-menu__list {
    margin: 0;
    padding: 0;
    list-style: none;
    column-width: 100px;
    column-count: 3;
    column-gap: 80px
}

@media (max-width: 1379.98px) {
    .footer-menu__list {
        column-width: 20px
    }
}

@media (max-width: 767.98px) {
    .footer-menu__list {
        column-count: 1;
        text-align: center
    }
}

.footer-menu__item {
    margin-bottom: 10px
}

.footer-menu__link {
    font-size: 22px;
    font-weight: 300;
    color: var(--white);
    transition: color .5s ease
}

@media (max-width: 1379.98px) {
    .footer-menu__link {
        font-size: 18px
    }
}

.footer-menu__link:hover,
.footer-menu__link:active,
.footer-menu__link:focus-visible {
    color: var(--green-light)
}

.footer__link {
    font-size: 22px;
    font-weight: 300;
    color: var(--white);
    transition: color .5s ease
}

@media (max-width: 1379.98px) {
    .footer__link {
        font-size: 18px
    }
}

@media (max-width: 991.98px) {
    .footer__link {
        order: 2;
        text-align: center
    }
}

.footer__link:hover,
.footer__link:active,
.footer__link:focus-visible {
    color: var(--green-light)
}

@media (max-width: 991.98px) {
    .footer__certification-list {
        order: 1
    }
}

.footer__copyright {
    font-size: 22px;
    font-weight: 300;
    color: var(--white)
}

@media (max-width: 1379.98px) {
    .footer__copyright {
        font-size: 18px
    }
}

@media (max-width: 991.98px) {
    .footer__copyright {
        order: 3
    }
}

@media (max-width: 767.98px) {
    .footer__contacts {
        text-align: center
    }
}

.mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100dvh;
    outline: 0;
    background: rgba(0, 0, 0, .2);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

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

.mobile-nav.is-visible {
    opacity: 1;
    visibility: visible
}

.mobile-nav.is-visible .mobile-nav__sidebar {
    visibility: visible;
    transform: translateZ(0);
    opacity: 1
}

.mobile-nav__sidebar {
    position: fixed;
    top: calc(var(--header-height) + 20px);
    right: 20px;
    left: 20px;
    width: auto;
    height: auto;
    background: var(--white);
    border-radius: 20px;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: all .5s ease
}

.mobile-nav__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 24px;
    overflow-y: auto
}

.mobile-nav-menu {
    border: 1px solid var(--grey);
    border-radius: 10px;
    overflow: hidden
}

.mobile-nav-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1
}

.mobile-nav-menu__item {
    position: relative
}

.mobile-nav-menu__item:not(:last-child) {
    border-bottom: 1px solid var(--grey)
}

.mobile-nav-menu__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 24px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: var(--green-dark);
    white-space: nowrap;
    transition: color .5s ease, background .5s ease
}

.mobile-nav-menu__link:hover,
.mobile-nav-menu__link:active,
.mobile-nav-menu__link:focus-visible,
.mobile-nav-menu__link.is-active {
    background: var(--green-light);
    color: var(--green-dark)
}

.modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease
}

.modal.is-visible {
    opacity: 1;
    visibility: visible
}

.modal.is-visible .modal__window {
    transform: scale(1)
}

.modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100dvh;
    outline: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease
}

.modal-wrap.is-visible {
    opacity: 1;
    visibility: visible
}

.modal__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 40px 16px
}

.modal__window {
    position: relative;
    width: 100%;
    max-width: 920px;
    background: #fff;
    color: var(--black);
    border-radius: 16px;
    transform: scale(.8);
    transition: transform .5s ease;
    padding: 6px
}

.modal__close {
    position: absolute;
    top: -33px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    font-size: 0;
    color: var(--white);
    transition: color .5s ease
}

.modal__close:hover,
.modal__close:focus-visible {
    color: var(--green-light)
}

.modal__content {
    display: flex
}

.modal__map {
    border-radius: 10px
}

.banner-section {
    position: relative;
    min-height: 500px;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 0
}

.banner-section__header {
    text-align: center
}

.banner-section__title-wrap {
    margin-bottom: 30px
}

.banner-section__descr {
    font-size: clamp(18px, 2.5vw, 22px);
    font-weight: 500;
    color: var(--green-dark)
}

.equipment-section {
    position: relative
}

.equipment-section__inner {
    position: relative;
    max-width: 1440px;
    margin: 0 auto
}

.equipment-section__inner:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 700px;
    height: 320px;
    translate: -50% 0;
    background: url("data:image/svg+xml,%3Csvg width='700' height='320' viewBox='0 0 700 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M175 160C175 71.6344 96.6498 0 0 0H350H700C603.35 0 525 71.6344 525 160C525 248.366 446.65 320 350 320C253.35 320 175 248.366 175 160Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat top center;
    content: ""
}

@media (max-width: 1199.98px) {
    .equipment-section__inner:before {
        width: 480px;
        background-size: contain
    }
}

@media (max-width: 767.98px) {
    .equipment-section__inner:before {
        width: 400px
    }
}

.equipment-section__bg {
    display: flex;
    border-radius: 50px;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .equipment-section__bg {
        height: 670px;
        border-radius: 0
    }
}

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

@media (max-width: 991.98px) {
    .equipment-section__bg-img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.equipment-section__title {
    position: absolute;
    top: -20px;
    left: 50%;
    translate: -50% 0;
    border-radius: 50%
}

@media (max-width: 991.98px) {
    .equipment-section__items {
        position: absolute;
        bottom: 40px;
        left: 24px;
        right: 24px;
        display: flex;
        flex-direction: column;
        gap: 24px
    }
}

.categories-section {
    padding: 100px 0 120px
}

@media (max-width: 991.98px) {
    .categories-section {
        padding: 80px 0 40px
    }
}

.categories-section__header {
    text-align: center;
    margin-bottom: 95px
}

@media (max-width: 991.98px) {
    .categories-section__header {
        margin-bottom: 24px
    }
}

.categories-section__title-wrap {
    margin-bottom: 24px
}

@media (max-width: 991.98px) {
    .categories-section__title-wrap {
        margin-bottom: 12px
    }
}

.categories-section__descr {
    font-size: clamp(18px, 2.5vw, 22px);
    font-weight: 500;
    color: var(--green-dark)
}

.categories-section__list {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 320px 320px;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width: 991.98px) {
    .categories-section__list {
        grid-template-rows: 1fr;
        gap: 40px 20px
    }
}

.categories-section__item {
    display: flex
}

@media (min-width: 992px) {
    .categories-section__item {
        min-height: 320px
    }
}

@media (min-width: 992px) {
    .categories-section__item--big {
        grid-row: 2 span
    }
}

@media (min-width: 992px) {
    .categories-section__item--visible-lg {
        display: none
    }
}

@media (max-width: 991.98px) {
    .categories-section__item--bottom-lg {
        order: 1;
        grid-column: 2 span
    }
}

.categories-section__buttons {
    display: flex;
    align-items: center;
    margin: 0 auto
}

.categories-section__button:first-child:after {
    background: var(--green-dark)
}

.categories-section__button:last-child {
    margin-left: -50px
}

.categories-section__button:last-child:after {
    background: var(--green-light)
}

.categories-section__button:last-child:hover,
.categories-section__button:last-child:active,
.categories-section__button:last-child:focus-visible {
    color: var(--green-dark)
}

@media (max-width: 991.98px) {
    .categories-section__button:last-child {
        margin-left: -20px
    }
}

.achieve-section {
    padding: 60px 0
}

@media (max-width: 991.98px) {
    .achieve-section {
        padding: 40px 0
    }
}

.achieve-section__header {
    text-align: center;
    margin-bottom: 80px
}

@media (max-width: 991.98px) {
    .achieve-section__header {
        margin-bottom: 24px
    }
}

.achieve-section__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width: 767.98px) {
    .achieve-section__list {
        display: flex;
        flex-direction: column
    }
}

.steps-section {
    padding: 60px 0;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .steps-section {
        padding: 40px 0
    }
}

.steps-section__header {
    text-align: center;
    margin-bottom: 80px
}

@media (max-width: 991.98px) {
    .steps-section__header {
        margin-bottom: 60px
    }
}

.steps-section__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width: 767.98px) {
    .steps-section__list {
        display: flex;
        flex-direction: column;
        gap: 80px
    }
}

.steps-section__item {
    position: relative
}

.steps-section__item:not(:last-child):before {
    position: absolute;
    top: 40px;
    left: 70%;
    width: 271px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg width='271' height='32' viewBox='0 0 271 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.767764 30.6276C0.495858 30.7558 0.37941 31.0802 0.50767 31.3521C0.635931 31.624 0.96033 31.7405 1.23224 31.6122L0.767764 30.6276ZM271 31.1199L267.392 25.9731L264.739 31.6715L271 31.1199ZM1.23224 31.6122C2.18558 31.1625 3.14153 30.7175 4.10006 30.277L3.64551 29.2877C2.68366 29.7297 1.7244 30.1763 0.767764 30.6276L1.23224 31.6122ZM9.876 27.6931C11.8083 26.852 13.7506 26.0295 15.7027 25.226L15.2883 24.2193C13.3294 25.0255 11.3804 25.8508 9.44144 26.6949L9.876 27.6931ZM21.578 22.8767C23.5423 22.1141 25.5161 21.3706 27.4992 20.6463L27.1258 19.6237C25.1358 20.3505 23.1551 21.0966 21.184 21.8618L21.578 22.8767ZM33.4645 18.5356C35.4577 17.8529 37.4598 17.1896 39.4707 16.5458L39.1388 15.5089C37.1209 16.1549 35.1118 16.8206 33.1117 17.5057L33.4645 18.5356ZM45.5165 14.6773C47.5352 14.0756 49.5624 13.4935 51.5978 12.9313L51.308 11.8819C49.2655 12.4461 47.2312 13.0301 45.2055 13.6339L45.5165 14.6773ZM57.7143 11.308C59.7553 10.7882 61.8042 10.2884 63.8608 9.80857L63.6134 8.74833C61.5497 9.22979 59.4937 9.73139 57.4456 10.2529L57.7143 11.308ZM70.038 8.43289C72.0978 7.99587 74.1651 7.5789 76.2396 7.18219L76.0351 6.11286C73.9535 6.51093 71.879 6.92935 69.812 7.36789L70.038 8.43289ZM82.4669 6.05608C84.5424 5.70222 86.625 5.36858 88.7141 5.05538L88.5527 3.97871C86.4563 4.29299 84.3667 4.62777 82.2839 4.98285L82.4669 6.05608ZM94.9811 4.17995C97.0691 3.90954 99.1636 3.6595 101.264 3.43003L101.146 2.34776C99.0381 2.57802 96.9365 2.82892 94.8413 3.10025L94.9811 4.17995ZM107.561 2.80565C109.658 2.61875 111.761 2.45232 113.87 2.30657L113.794 1.22045C111.678 1.3667 109.568 1.5337 107.464 1.72124L107.561 2.80565ZM120.185 1.93288C122.288 1.82933 124.396 1.74632 126.509 1.68404L126.477 0.595805C124.356 0.658298 122.241 0.741591 120.131 0.845487L120.185 1.93288ZM132.835 1.55987C133.888 1.54953 134.944 1.54435 136 1.54435V0.455645C134.94 0.455645 133.881 0.460842 132.824 0.47121L132.835 1.55987ZM136 1.54435C137.056 1.54435 138.112 1.54953 139.165 1.55987L139.176 0.47121C138.119 0.460841 137.06 0.455645 136 0.455645V1.54435ZM145.491 1.68404C147.604 1.74632 149.712 1.82933 151.815 1.93288L151.869 0.845486C149.759 0.74159 147.644 0.658297 145.523 0.595804L145.491 1.68404ZM158.13 2.30657C160.239 2.45232 162.342 2.61875 164.439 2.80565L164.536 1.72123C162.432 1.5337 160.322 1.3667 158.206 1.22045L158.13 2.30657ZM170.736 3.43003C172.836 3.6595 174.931 3.90954 177.019 4.17994L177.159 3.10025C175.063 2.82892 172.962 2.57801 170.854 2.34775L170.736 3.43003ZM183.286 5.05538C185.375 5.36858 187.458 5.70222 189.533 6.05608L189.716 4.98285C187.633 4.62777 185.544 4.29298 183.447 3.9787L183.286 5.05538ZM195.76 7.18219C197.835 7.57889 199.902 7.99587 201.962 8.43289L202.188 7.36788C200.121 6.92935 198.047 6.51093 195.965 6.11285L195.76 7.18219ZM208.139 9.80857C210.196 10.2884 212.245 10.7882 214.286 11.308L214.554 10.2529C212.506 9.73139 210.45 9.22979 208.387 8.74833L208.139 9.80857ZM220.402 12.9313C222.438 13.4935 224.465 14.0756 226.484 14.6773L226.794 13.6339C224.769 13.0301 222.735 12.446 220.692 11.8819L220.402 12.9313ZM232.529 16.5458C234.54 17.1896 236.542 17.8529 238.535 18.5356L238.888 17.5057C236.888 16.8206 234.879 16.1549 232.861 15.5089L232.529 16.5458ZM244.501 20.6463C246.484 21.3706 248.458 22.1141 250.422 22.8767L250.816 21.8618C248.845 21.0966 246.864 20.3504 244.874 19.6237L244.501 20.6463ZM256.297 25.226C258.249 26.0295 260.192 26.852 262.124 27.6931L262.559 26.6949C260.62 25.8508 258.671 25.0255 256.712 24.2193L256.297 25.226ZM0.767764 30.6276C0.495858 30.7558 0.37941 31.0802 0.50767 31.3521C0.635931 31.624 0.96033 31.7405 1.23224 31.6122L0.767764 30.6276ZM271 31.1199L267.392 25.9731L264.739 31.6715L271 31.1199ZM1.23224 31.6122C2.18558 31.1625 3.14153 30.7175 4.10006 30.277L3.64551 29.2877C2.68366 29.7297 1.7244 30.1763 0.767764 30.6276L1.23224 31.6122ZM9.876 27.6931C11.8083 26.852 13.7506 26.0295 15.7027 25.226L15.2883 24.2193C13.3294 25.0255 11.3804 25.8508 9.44144 26.6949L9.876 27.6931ZM21.578 22.8767C23.5423 22.1141 25.5161 21.3706 27.4992 20.6463L27.1258 19.6237C25.1358 20.3505 23.1551 21.0966 21.184 21.8618L21.578 22.8767ZM33.4645 18.5356C35.4577 17.8529 37.4598 17.1896 39.4707 16.5458L39.1388 15.5089C37.1209 16.1549 35.1118 16.8206 33.1117 17.5057L33.4645 18.5356ZM45.5165 14.6773C47.5352 14.0756 49.5624 13.4935 51.5978 12.9313L51.308 11.8819C49.2655 12.4461 47.2312 13.0301 45.2055 13.6339L45.5165 14.6773ZM57.7143 11.308C59.7553 10.7882 61.8042 10.2884 63.8608 9.80857L63.6134 8.74833C61.5497 9.22979 59.4937 9.73139 57.4456 10.2529L57.7143 11.308ZM70.038 8.43289C72.0978 7.99587 74.1651 7.5789 76.2396 7.18219L76.0351 6.11286C73.9535 6.51093 71.879 6.92935 69.812 7.36789L70.038 8.43289ZM82.4669 6.05608C84.5424 5.70222 86.625 5.36858 88.7141 5.05538L88.5527 3.97871C86.4563 4.29299 84.3667 4.62777 82.2839 4.98285L82.4669 6.05608ZM94.9811 4.17995C97.0691 3.90954 99.1636 3.6595 101.264 3.43003L101.146 2.34776C99.0381 2.57802 96.9365 2.82892 94.8413 3.10025L94.9811 4.17995ZM107.561 2.80565C109.658 2.61875 111.761 2.45232 113.87 2.30657L113.794 1.22045C111.678 1.3667 109.568 1.5337 107.464 1.72124L107.561 2.80565ZM120.185 1.93288C122.288 1.82933 124.396 1.74632 126.509 1.68404L126.477 0.595805C124.356 0.658298 122.241 0.741591 120.131 0.845487L120.185 1.93288ZM132.835 1.55987C133.888 1.54953 134.944 1.54435 136 1.54435V0.455645C134.94 0.455645 133.881 0.460842 132.824 0.47121L132.835 1.55987ZM136 1.54435C137.056 1.54435 138.112 1.54953 139.165 1.55987L139.176 0.47121C138.119 0.460841 137.06 0.455645 136 0.455645V1.54435ZM145.491 1.68404C147.604 1.74632 149.712 1.82933 151.815 1.93288L151.869 0.845486C149.759 0.74159 147.644 0.658297 145.523 0.595804L145.491 1.68404ZM158.13 2.30657C160.239 2.45232 162.342 2.61875 164.439 2.80565L164.536 1.72123C162.432 1.5337 160.322 1.3667 158.206 1.22045L158.13 2.30657ZM170.736 3.43003C172.836 3.6595 174.931 3.90954 177.019 4.17994L177.159 3.10025C175.063 2.82892 172.962 2.57801 170.854 2.34775L170.736 3.43003ZM183.286 5.05538C185.375 5.36858 187.458 5.70222 189.533 6.05608L189.716 4.98285C187.633 4.62777 185.544 4.29298 183.447 3.9787L183.286 5.05538ZM195.76 7.18219C197.835 7.57889 199.902 7.99587 201.962 8.43289L202.188 7.36788C200.121 6.92935 198.047 6.51093 195.965 6.11285L195.76 7.18219ZM208.139 9.80857C210.196 10.2884 212.245 10.7882 214.286 11.308L214.554 10.2529C212.506 9.73139 210.45 9.22979 208.387 8.74833L208.139 9.80857ZM220.402 12.9313C222.438 13.4935 224.465 14.0756 226.484 14.6773L226.794 13.6339C224.769 13.0301 222.735 12.446 220.692 11.8819L220.402 12.9313ZM232.529 16.5458C234.54 17.1896 236.542 17.8529 238.535 18.5356L238.888 17.5057C236.888 16.8206 234.879 16.1549 232.861 15.5089L232.529 16.5458ZM244.501 20.6463C246.484 21.3706 248.458 22.1141 250.422 22.8767L250.816 21.8618C248.845 21.0966 246.864 20.3504 244.874 19.6237L244.501 20.6463ZM256.297 25.226C258.249 26.0295 260.192 26.852 262.124 27.6931L262.559 26.6949C260.62 25.8508 258.671 25.0255 256.712 24.2193L256.297 25.226Z' fill='%23333333'/%3E%3C/svg%3E%0A") no-repeat right center;
    content: ""
}

@media (max-width: 1379.98px) {
    .steps-section__item:not(:last-child):before {
        left: 65%
    }
}

@media (max-width: 1199.98px) {
    .steps-section__item:not(:last-child):before {
        width: 200px;
        left: 70%
    }
}

@media (max-width: 991.98px) {
    .steps-section__item:not(:last-child):before {
        width: 140px;
        left: 74%
    }
}

@media (max-width: 767.98px) {
    .steps-section__item:not(:last-child):before {
        top: 20%;
        left: 0;
        width: 104px;
        height: 302px;
        background: url("data:image/svg+xml,%3Csvg width='104' height='302' viewBox='0 0 104 302' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M102.842 0.979122C103.13 0.891792 103.434 1.0542 103.521 1.34188C103.608 1.62955 103.446 1.93356 103.158 2.02089L102.842 0.979122ZM0.999969 154.298L1.54423 154.288L0.999969 154.298ZM103 301L96.7489 301.659L99.3039 295.916L103 301ZM103.158 2.02089C102.123 2.33498 101.092 2.66524 100.063 3.01142L99.7158 1.97958C100.755 1.62997 101.797 1.2964 102.842 0.979122L103.158 2.02089ZM93.9578 5.26694C91.9528 6.07408 89.9622 6.94139 87.9879 7.86697L87.5258 6.88122C89.5181 5.9472 91.5272 5.0718 93.5512 4.257L93.9578 5.26694ZM82.1707 10.7873C80.2668 11.8071 78.3806 12.8812 76.5139 14.0078L75.9513 13.0757C77.8337 11.9397 79.7361 10.8563 81.6567 9.82762L82.1707 10.7873ZM71.024 17.5095C69.2309 18.716 67.4584 19.9713 65.7083 21.2737L65.0583 20.4003C66.8221 19.0877 68.6086 17.8224 70.4162 16.6062L71.024 17.5095ZM60.5729 25.283C58.899 26.6525 57.2484 28.0658 55.6229 29.5212L54.8966 28.7101C56.5341 27.244 58.197 25.8202 59.8835 24.4404L60.5729 25.283ZM50.8628 33.9733C49.3146 35.4853 47.7921 37.0365 46.297 38.6254L45.5041 37.8793C47.0096 36.2794 48.5428 34.7172 50.1022 33.1944L50.8628 33.9733ZM41.9303 43.463C40.5135 45.0991 39.1248 46.7703 37.7658 48.4748L36.9145 47.7961C38.2827 46.0801 39.6808 44.3976 41.1073 42.7503L41.9303 43.463ZM33.8058 53.6508C32.5245 55.3967 31.2734 57.1738 30.0542 58.9805L29.1517 58.3715C30.379 56.5529 31.6383 54.7642 32.9281 53.0067L33.8058 53.6508ZM26.5146 64.4537C25.3738 66.2957 24.2654 68.1653 23.1909 70.0611L22.2438 69.5242C23.3252 67.6162 24.4408 65.7345 25.589 63.8805L26.5146 64.4537ZM20.0871 75.7932C19.0922 77.7187 18.1318 79.6685 17.2072 81.6412L16.2214 81.1792C17.1519 79.1937 18.1185 77.2314 19.1199 75.2934L20.0871 75.7932ZM14.5555 87.5961C13.7121 89.593 12.9053 91.6111 12.1362 93.6491L11.1176 93.2647C11.8917 91.2135 12.7037 89.1824 13.5525 87.1725L14.5555 87.5961ZM9.95379 99.7914C9.26792 101.848 8.62042 103.922 8.01257 106.014L6.96712 105.71C7.57894 103.605 8.23067 101.517 8.92101 99.4469L9.95379 99.7914ZM6.3169 112.308C5.79437 114.411 5.31198 116.53 4.87099 118.663L3.80483 118.443C4.24875 116.296 4.73433 114.163 5.2603 112.045L6.3169 112.308ZM3.67885 125.071C3.32515 127.209 3.0132 129.359 2.74421 131.521L1.66383 131.387C1.93463 129.21 2.24868 127.045 2.60475 124.893L3.67885 125.071ZM2.07039 138.003C1.89014 140.162 1.75304 142.33 1.66024 144.508L0.572518 144.461C0.665949 142.269 0.803988 140.086 0.985459 137.913L2.07039 138.003ZM1.516 151.023C1.51421 152.109 1.52358 153.197 1.54423 154.288L0.455712 154.308C0.434919 153.211 0.425493 152.115 0.42729 151.021L1.516 151.023ZM1.54423 154.288C1.56443 155.354 1.59187 156.416 1.62656 157.472L0.538438 157.507C0.503583 156.446 0.476015 155.38 0.455712 154.308L1.54423 154.288ZM1.9254 163.801C2.05713 165.929 2.2197 168.035 2.41327 170.118L1.32923 170.219C1.13461 168.124 0.971181 166.007 0.838774 163.868L1.9254 163.801ZM3.10151 176.415C3.36793 178.529 3.66786 180.618 4.00149 182.684L2.9267 182.858C2.59103 180.779 2.28931 178.677 2.02135 176.551L3.10151 176.415ZM5.12436 188.915C5.54024 191.001 5.99231 193.062 6.48077 195.098L5.4221 195.352C4.93031 193.302 4.47524 191.228 4.05666 189.128L5.12436 188.915ZM8.08052 201.221C8.65898 203.264 9.27614 205.28 9.93222 207.271L8.89821 207.612C8.23725 205.606 7.6156 203.575 7.03301 201.518L8.08052 201.221ZM12.0437 213.237C12.7949 215.219 13.5871 217.174 14.4204 219.103L13.4209 219.535C12.581 217.59 11.7827 215.62 11.0256 213.622L12.0437 213.237ZM17.0634 224.853C17.9906 226.752 18.9602 228.624 19.9724 230.471L19.0178 230.994C17.9972 229.133 17.0197 227.245 16.085 225.331L17.0634 224.853ZM23.1448 235.944C24.245 237.741 25.3883 239.513 26.5749 241.259L25.6745 241.871C24.4781 240.111 23.3254 238.324 22.2162 236.512L23.1448 235.944ZM30.2549 246.407C31.5178 248.088 32.8235 249.744 34.1725 251.375L33.3335 252.069C31.9738 250.425 30.6576 248.755 29.3845 247.061L30.2549 246.407ZM38.3139 256.156C39.7228 257.71 41.1735 259.241 42.6665 260.748L41.893 261.514C40.3889 259.996 38.9271 258.454 37.5074 256.888L38.3139 256.156ZM47.2152 265.147C48.7514 266.571 50.3278 267.973 51.9448 269.353L51.2379 270.181C49.6098 268.791 48.0223 267.379 46.4751 265.945L47.2152 265.147ZM56.8398 273.369C58.4833 274.665 60.1649 275.941 61.885 277.197L61.243 278.076C59.5122 276.812 57.8199 275.528 56.1657 274.224L56.8398 273.369ZM67.0658 280.841C68.7973 282.015 70.5648 283.17 72.3684 284.307L71.7877 285.228C69.9742 284.085 68.1966 282.923 66.4549 281.742L67.0658 280.841ZM77.7801 287.602C79.5829 288.661 81.4192 289.705 83.2893 290.731L82.7653 291.686C80.8861 290.654 79.0405 289.606 77.2284 288.54L77.7801 287.602ZM88.8857 293.704C90.7458 294.659 92.6372 295.6 94.56 296.526L94.0878 297.507C92.1567 296.577 90.2568 295.632 88.3882 294.672L88.8857 293.704ZM102.842 0.979122C103.13 0.891792 103.434 1.0542 103.521 1.34188C103.608 1.62955 103.446 1.93356 103.158 2.02089L102.842 0.979122ZM0.999969 154.298L1.54423 154.288L0.999969 154.298ZM103 301L96.7489 301.659L99.3039 295.916L103 301ZM103.158 2.02089C102.123 2.33498 101.092 2.66524 100.063 3.01142L99.7158 1.97958C100.755 1.62997 101.797 1.2964 102.842 0.979122L103.158 2.02089ZM93.9578 5.26694C91.9528 6.07408 89.9622 6.94139 87.9879 7.86697L87.5258 6.88122C89.5181 5.9472 91.5272 5.0718 93.5512 4.257L93.9578 5.26694ZM82.1707 10.7873C80.2668 11.8071 78.3806 12.8812 76.5139 14.0078L75.9513 13.0757C77.8337 11.9397 79.7361 10.8563 81.6567 9.82762L82.1707 10.7873ZM71.024 17.5095C69.2309 18.716 67.4584 19.9713 65.7083 21.2737L65.0583 20.4003C66.8221 19.0877 68.6086 17.8224 70.4162 16.6062L71.024 17.5095ZM60.5729 25.283C58.899 26.6525 57.2484 28.0658 55.6229 29.5212L54.8966 28.7101C56.5341 27.244 58.197 25.8202 59.8835 24.4404L60.5729 25.283ZM50.8628 33.9733C49.3146 35.4853 47.7921 37.0365 46.297 38.6254L45.5041 37.8793C47.0096 36.2794 48.5428 34.7172 50.1022 33.1944L50.8628 33.9733ZM41.9303 43.463C40.5135 45.0991 39.1248 46.7703 37.7658 48.4748L36.9145 47.7961C38.2827 46.0801 39.6808 44.3976 41.1073 42.7503L41.9303 43.463ZM33.8058 53.6508C32.5245 55.3967 31.2734 57.1738 30.0542 58.9805L29.1517 58.3715C30.379 56.5529 31.6383 54.7642 32.9281 53.0067L33.8058 53.6508ZM26.5146 64.4537C25.3738 66.2957 24.2654 68.1653 23.1909 70.0611L22.2438 69.5242C23.3252 67.6162 24.4408 65.7345 25.589 63.8805L26.5146 64.4537ZM20.0871 75.7932C19.0922 77.7187 18.1318 79.6685 17.2072 81.6412L16.2214 81.1792C17.1519 79.1937 18.1185 77.2314 19.1199 75.2934L20.0871 75.7932ZM14.5555 87.5961C13.7121 89.593 12.9053 91.6111 12.1362 93.6491L11.1176 93.2647C11.8917 91.2135 12.7037 89.1824 13.5525 87.1725L14.5555 87.5961ZM9.95379 99.7914C9.26792 101.848 8.62042 103.922 8.01257 106.014L6.96712 105.71C7.57894 103.605 8.23067 101.517 8.92101 99.4469L9.95379 99.7914ZM6.3169 112.308C5.79437 114.411 5.31198 116.53 4.87099 118.663L3.80483 118.443C4.24875 116.296 4.73433 114.163 5.2603 112.045L6.3169 112.308ZM3.67885 125.071C3.32515 127.209 3.0132 129.359 2.74421 131.521L1.66383 131.387C1.93463 129.21 2.24868 127.045 2.60475 124.893L3.67885 125.071ZM2.07039 138.003C1.89014 140.162 1.75304 142.33 1.66024 144.508L0.572518 144.461C0.665949 142.269 0.803988 140.086 0.985459 137.913L2.07039 138.003ZM1.516 151.023C1.51421 152.109 1.52358 153.197 1.54423 154.288L0.455712 154.308C0.434919 153.211 0.425493 152.115 0.42729 151.021L1.516 151.023ZM1.54423 154.288C1.56443 155.354 1.59187 156.416 1.62656 157.472L0.538438 157.507C0.503583 156.446 0.476015 155.38 0.455712 154.308L1.54423 154.288ZM1.9254 163.801C2.05713 165.929 2.2197 168.035 2.41327 170.118L1.32923 170.219C1.13461 168.124 0.971181 166.007 0.838774 163.868L1.9254 163.801ZM3.10151 176.415C3.36793 178.529 3.66786 180.618 4.00149 182.684L2.9267 182.858C2.59103 180.779 2.28931 178.677 2.02135 176.551L3.10151 176.415ZM5.12436 188.915C5.54024 191.001 5.99231 193.062 6.48077 195.098L5.4221 195.352C4.93031 193.302 4.47524 191.228 4.05666 189.128L5.12436 188.915ZM8.08052 201.221C8.65898 203.264 9.27614 205.28 9.93222 207.271L8.89821 207.612C8.23725 205.606 7.6156 203.575 7.03301 201.518L8.08052 201.221ZM12.0437 213.237C12.7949 215.219 13.5871 217.174 14.4204 219.103L13.4209 219.535C12.581 217.59 11.7827 215.62 11.0256 213.622L12.0437 213.237ZM17.0634 224.853C17.9906 226.752 18.9602 228.624 19.9724 230.471L19.0178 230.994C17.9972 229.133 17.0197 227.245 16.085 225.331L17.0634 224.853ZM23.1448 235.944C24.245 237.741 25.3883 239.513 26.5749 241.259L25.6745 241.871C24.4781 240.111 23.3254 238.324 22.2162 236.512L23.1448 235.944ZM30.2549 246.407C31.5178 248.088 32.8235 249.744 34.1725 251.375L33.3335 252.069C31.9738 250.425 30.6576 248.755 29.3845 247.061L30.2549 246.407ZM38.3139 256.156C39.7228 257.71 41.1735 259.241 42.6665 260.748L41.893 261.514C40.3889 259.996 38.9271 258.454 37.5074 256.888L38.3139 256.156ZM47.2152 265.147C48.7514 266.571 50.3278 267.973 51.9448 269.353L51.2379 270.181C49.6098 268.791 48.0223 267.379 46.4751 265.945L47.2152 265.147ZM56.8398 273.369C58.4833 274.665 60.1649 275.941 61.885 277.197L61.243 278.076C59.5122 276.812 57.8199 275.528 56.1657 274.224L56.8398 273.369ZM67.0658 280.841C68.7973 282.015 70.5648 283.17 72.3684 284.307L71.7877 285.228C69.9742 284.085 68.1966 282.923 66.4549 281.742L67.0658 280.841ZM77.7801 287.602C79.5829 288.661 81.4192 289.705 83.2893 290.731L82.7653 291.686C80.8861 290.654 79.0405 289.606 77.2284 288.54L77.7801 287.602ZM88.8857 293.704C90.7458 294.659 92.6372 295.6 94.56 296.526L94.0878 297.507C92.1567 296.577 90.2568 295.632 88.3882 294.672L88.8857 293.704Z' fill='%23333333'/%3E%3C/svg%3E%0A") no-repeat center center
    }
}

.steps-section__item:nth-child(2):before {
    rotate: x 180deg
}

@media (max-width: 767.98px) {
    .steps-section__item:nth-child(2):before {
        left: auto;
        right: 0;
        rotate: y 180deg
    }
}

.projects-section {
    padding: 60px 0;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .projects-section {
        padding: 40px 0
    }
}

.projects-section__header {
    text-align: center;
    margin-bottom: 80px
}

@media (max-width: 991.98px) {
    .projects-section__header {
        margin-bottom: 24px
    }
}

.advantages-section {
    position: relative;
    padding: 60px 0;
    z-index: 1
}

@media (max-width: 991.98px) {
    .advantages-section {
        padding: 40px 0
    }
}

.advantages-section__header {
    text-align: center;
    margin-bottom: 80px
}

@media (max-width: 991.98px) {
    .advantages-section__header {
        margin-bottom: 48px
    }
}

.advantages-section__list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 75px 20px;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width: 767.98px) {
    .advantages-section__list {
        gap: 56px 20px
    }
}

.advantages-section__item {
    grid-column: 6 span
}

.advantages-section__item--sm {
    grid-column: 4 span
}

@media (max-width: 767.98px) {
    .advantages-section__item--sm {
        grid-column: 6 span
    }
}

@media (max-width: 767.98px) {
    .advantages-section__item:last-child {
        grid-column: 12 span
    }
}

.partners-section {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    z-index: 0
}

@media (max-width: 991.98px) {
    .partners-section {
        padding: 40px 0 80px
    }
}

.partners-section__header {
    text-align: center;
    margin-bottom: 80px
}

@media (max-width: 991.98px) {
    .partners-section__header {
        margin-bottom: 48px
    }
}

.order-section {
    padding: 105px 0;
    background: var(--green-dark);
    border-radius: 30px;
    overflow: hidden
}

@media (max-width: 767.98px) {
    .order-section {
        padding: 50px 0
    }
}

.order-section--light {
    border-radius: 30px 30px 0 0;
    background: var(--green-light)
}

.order-section--light .order-section__content {
    color: var(--black)
}

.order-section--light .order-section__text span:after {
    background: url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.3779 6.50867L19.0969 0.829369C19.0656 0.396082 19.4092 0.0247817 19.8154 0.00118213C20.2528 -0.0224174 20.6277 0.310179 20.659 0.743781L20.94 6.43158C20.94 6.8655 20.6277 7.2346 20.1903 7.25599C19.753 7.27707 19.3779 6.94228 19.3779 6.50867ZM8.47329 9.18324L8.47329 9.18323L8.47328 9.18323C6.62726 7.49536 4.77965 5.80604 3.06966 3.96563C2.78848 3.64845 2.28861 3.63146 1.97619 3.92755C1.66376 4.22396 1.63264 4.72238 1.94507 5.03956C3.65498 6.88518 5.50251 8.57963 7.34845 10.2726C8.90899 11.7039 10.4684 13.1341 11.9426 14.6537C12.255 14.9633 12.7547 14.9677 13.0672 14.6631C13.3483 14.3589 13.3796 13.8604 13.0672 13.5508C11.5931 12.0357 10.0338 10.61 8.47329 9.18324ZM7.00635 21.563C5.00685 20.9978 2.91344 20.7128 0.882698 20.4516C0.445307 20.3968 0.0392198 20.7024 0.00797758 21.1328C-0.0545068 21.5636 0.258098 21.9576 0.664247 22.0123C2.63251 22.2637 4.66307 22.5328 6.56884 23.0768C6.97499 23.1948 7.41256 22.9519 7.53753 22.534C7.6625 22.1165 7.4125 21.6813 7.00635 21.563Z' fill='%23333333'/%3E%3C/svg%3E%0A") no-repeat left top, url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.62217 6.50867L1.90317 0.829369C1.93441 0.396082 1.59081 0.0247817 1.18466 0.00118213C0.747267 -0.0224174 0.372299 0.310179 0.341057 0.743781L0.0600605 6.43158C0.0600605 6.8655 0.372299 7.2346 0.80969 7.25599C1.24708 7.27707 1.62217 6.94228 1.62217 6.50867ZM12.5277 9.18324L12.5277 9.18324C14.3737 7.49537 16.2213 5.80604 17.9313 3.96563C18.2125 3.64845 18.7124 3.63146 19.0248 3.92755C19.3372 4.22396 19.3683 4.72238 19.0559 5.03956C17.346 6.88518 15.4985 8.57963 13.6525 10.2726C12.092 11.7039 10.5326 13.1341 9.0584 14.6537C8.74597 14.9633 8.24622 14.9677 7.9338 14.6631C7.65262 14.3589 7.62138 13.8604 7.9338 13.5508C9.40789 12.0357 10.9672 10.61 12.5277 9.18324ZM13.9937 21.563C15.9932 20.9978 18.0866 20.7128 20.1173 20.4516C20.5547 20.3968 20.9608 20.7024 20.9921 21.1328C21.0545 21.5636 20.7419 21.9576 20.3358 22.0123C18.3675 22.2637 16.337 22.5328 14.4312 23.0768C14.025 23.1948 13.5875 22.9519 13.4625 22.534C13.3375 22.1165 13.5875 21.6813 13.9937 21.563Z' fill='%23333333'/%3E%3C/svg%3E%0A") no-repeat top right
}

.order-section__container {
    display: grid;
    grid-template-columns: 8fr 4fr;
    align-items: center;
    gap: 20px
}

@media (max-width: 1199.98px) {
    .order-section__container {
        grid-template-columns: 7fr 5fr
    }
}

@media (max-width: 991.98px) {
    .order-section__container {
        grid-template-columns: 6fr 6fr
    }
}

@media (max-width: 767.98px) {
    .order-section__container {
        display: flex;
        flex-direction: column;
        align-items: stretch
    }
}

.order-section__content {
    position: relative;
    color: #e7e7e7
}

.order-section__title {
    margin-bottom: 24px;
    font-size: clamp(28px, 4vw, 58px);
    font-weight: 600
}

@media (max-width: 991.98px) {
    .order-section__title {
        font-size: 28px
    }
}

@media (max-width: 767.98px) {
    .order-section__title {
        margin-bottom: 10px
    }
}

.order-section__title-icon {
    margin-right: 20px;
    animation: 1.5s blink infinite ease-in-out
}

@media (max-width: 991.98px) {
    .order-section__title-icon {
        width: 28px;
        height: 28px;
        margin-right: 12px
    }
}

.order-section__text {
    font-size: clamp(18px, 2.5vw, 32px);
    font-weight: 600;
    max-width: 830px
}

.order-section__text span {
    position: relative;
    display: inline-block;
    padding: 14px 14px 0
}

.order-section__text span:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.3779 6.50867L19.0969 0.829369C19.0656 0.396082 19.4092 0.0247817 19.8154 0.00118213C20.2528 -0.0224174 20.6277 0.310179 20.659 0.743781L20.94 6.43158C20.94 6.8655 20.6277 7.2346 20.1903 7.25599C19.753 7.27707 19.3779 6.94228 19.3779 6.50867ZM8.47329 9.18324L8.47329 9.18323L8.47328 9.18323C6.62726 7.49536 4.77965 5.80604 3.06966 3.96563C2.78848 3.64845 2.28861 3.63146 1.97619 3.92755C1.66376 4.22396 1.63264 4.72238 1.94507 5.03956C3.65498 6.88518 5.50251 8.57963 7.34845 10.2726C8.90899 11.7039 10.4684 13.1341 11.9426 14.6537C12.255 14.9633 12.7547 14.9677 13.0672 14.6631C13.3483 14.3589 13.3796 13.8604 13.0672 13.5508C11.5931 12.0357 10.0338 10.61 8.47329 9.18324ZM7.00635 21.563C5.00685 20.9978 2.91344 20.7128 0.882698 20.4516C0.445307 20.3968 0.0392198 20.7024 0.00797758 21.1328C-0.0545068 21.5636 0.258098 21.9576 0.664247 22.0123C2.63251 22.2637 4.66307 22.5328 6.56884 23.0768C6.97499 23.1948 7.41256 22.9519 7.53753 22.534C7.6625 22.1165 7.4125 21.6813 7.00635 21.563Z' fill='%23e7e7e7'/%3E%3C/svg%3E%0A") no-repeat left top, url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.62217 6.50867L1.90317 0.829369C1.93441 0.396082 1.59081 0.0247817 1.18466 0.00118213C0.747267 -0.0224174 0.372299 0.310179 0.341057 0.743781L0.0600605 6.43158C0.0600605 6.8655 0.372299 7.2346 0.80969 7.25599C1.24708 7.27707 1.62217 6.94228 1.62217 6.50867ZM12.5277 9.18324L12.5277 9.18324C14.3737 7.49537 16.2213 5.80604 17.9313 3.96563C18.2125 3.64845 18.7124 3.63146 19.0248 3.92755C19.3372 4.22396 19.3683 4.72238 19.0559 5.03956C17.346 6.88518 15.4985 8.57963 13.6525 10.2726C12.092 11.7039 10.5326 13.1341 9.0584 14.6537C8.74597 14.9633 8.24622 14.9677 7.9338 14.6631C7.65262 14.3589 7.62138 13.8604 7.9338 13.5508C9.40789 12.0357 10.9672 10.61 12.5277 9.18324ZM13.9937 21.563C15.9932 20.9978 18.0866 20.7128 20.1173 20.4516C20.5547 20.3968 20.9608 20.7024 20.9921 21.1328C21.0545 21.5636 20.7419 21.9576 20.3358 22.0123C18.3675 22.2637 16.337 22.5328 14.4312 23.0768C14.025 23.1948 13.5875 22.9519 13.4625 22.534C13.3375 22.1165 13.5875 21.6813 13.9937 21.563Z' fill='%23e7e7e7'/%3E%3C/svg%3E%0A") no-repeat top right;
    content: "";
    animation: 1.5s blink infinite ease-in-out
}

.order-section__form {
    margin-bottom: 30px
}

.faq-section {
    position: relative;
    padding: 60px 0 120px;
    overflow: hidden
}

@media (max-width: 991.98px) {
    .faq-section {
        padding: 40px 0 80px
    }
}

.faq-section__header {
    text-align: center;
    margin: 0 0 48px
}

@media (max-width: 767.98px) {
    .faq-section__header {
        margin-bottom: 32px
    }
}

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

@media (max-width: 767.98px) {
    .faq-section__list {
        display: flex;
        flex-direction: column
    }
}

.faq-section__item {
    grid-column: 4 span
}

@media (max-width: 991.98px) {
    .faq-section__item {
        grid-column: 6 span
    }
}

.product-section {
    padding: 20px 0 100px
}

@media (max-width: 991.98px) {
    .product-section {
        padding: 10px 0 50px
    }
}

.product-section__breadcrumbs {
    margin-bottom: 24px
}

.product-section__row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 120px
}

@media (max-width: 1379.98px) {
    .product-section__row {
        gap: 120px 40px
    }
}

@media (max-width: 991.98px) {
    .product-section__row {
        display: flex;
        flex-direction: column;
        gap: 50px
    }
}

.product-section__col {
    grid-column: 6 span
}

.product-section__view-button {
    display: flex;
    margin: 0 auto
}

.object-section {
    padding: 20px 0 100px
}

@media (max-width: 991.98px) {
    .object-section {
        padding: 20px 0 40px
    }
}

.object-section__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

@media (max-width: 991.98px) {
    .object-section__container {
        display: flex;
        flex-direction: column;
        gap: 40px
    }
}

.object-section__header {
    margin-top: 40px
}

@media (max-width: 991.98px) {
    .object-section__header {
        margin-top: 0
    }
}

.object-section__title-wrap {
    justify-content: flex-start;
    margin-bottom: 24px
}

.object-section__text {
    font-size: 18px;
    font-weight: 500;
    max-width: 550px;
    color: #999
}

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

.about-section {
    padding: 70px 0;
    background: #F8F7F7;
    border-radius: 30px;
    border-bottom: 1px solid var(--black)
}

@media (max-width: 767.98px) {
    .about-section {
        padding: 40px 0
    }
}

.about-section__inner {
    padding: 30px;
    border-radius: 30px;
    background: var(--green-dark);
    color: var(--white);
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 50px
}

@media (max-width: 767.98px) {
    .about-section__inner {
        padding: 30px 20px;
        font-size: 16px
    }
}

.about-section__inner h2 {
    margin-bottom: 16px;
    font-size: 27px;
    font-weight: 700;
    text-transform: uppercase
}

.about-section__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px
}

@media (max-width: 767.98px) {
    .about-section__row {
        display: flex;
        flex-direction: column
    }
}

.about-section__subtitle {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase
}

.gallery-section {
    padding: 120px 0
}

@media (max-width: 991.98px) {
    .gallery-section {
        padding: 70px 0
    }
}

@media (max-width: 767.98px) {
    .gallery-section {
        padding: 40px 0
    }
}

.gallery-section__container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    align-items: flex-start
}

@media (max-width: 991.98px) {
    .gallery-section__container {
        display: flex;
        flex-direction: column;
        align-items: stretch
    }
}

.gallery-section__list {
    grid-column: 6 span;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width: 575.98px) {
    .gallery-section__list {
        display: flex;
        flex-direction: column
    }
}

.gallery-section__item {
    display: flex;
    grid-column: 6 span
}

.gallery-section__item--lg {
    grid-column: 12 span
}

.catalog-section {
    padding: 60px 0 120px
}

@media (max-width: 991.98px) {
    .catalog-section {
        padding: 40px 0
    }
}

.catalog-section__header {
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .catalog-section__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px
    }
}

@media (max-width: 575.98px) {
    .catalog-section__header {
        justify-content: center;
        flex-direction: clumn;
        text-align: center
    }
}

@media (min-width: 992px) {
    .catalog-section__filter-button {
        display: none
    }
}

@media (max-width: 575.98px) {
    .catalog-section__filter-button {
        width: 100%
    }
}

.catalog-section__inner {
    display: grid;
    grid-template-columns: 4fr 8fr;
    gap: 80px
}

@media (max-width: 1199.98px) {
    .catalog-section__inner {
        gap: 20px
    }
}

@media (max-width: 991.98px) {
    .catalog-section__inner {
        display: flex;
        flex-direction: column;
        gap: 0
    }
}

.catalog-section__list {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
	grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin: 0 0 50px;
    padding: 0;
    list-style: none
}

@media (max-width: 575.98px) {
    .catalog-section__list {
        display: flex;
        flex-direction: column;
        margin-bottom: 40px
    }
}