@import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900);

@font-face {
    font-family: "Geometria";
    src: local("Geometria-Regular"), url("../fonts/Geometria-Regular.eot?") format("eot"), url("../fonts/Geometria-Regular.woff") format("woff"), url("../fonts/Geometria-Regular.ttf") format("truetype"), url("../fonts/Geometria-Regular.svg#Geometria-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Geometria";
    src: local("Geometria-Medium"), url("../fonts/Geometria-Medium.eot?") format("eot"), url("../fonts/Geometria-Medium.woff") format("woff"), url("../fonts/Geometria-Medium.ttf") format("truetype"), url("../fonts/Geometria-Medium.svg#Geometria-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Geometria";
    src: local("Geometria-MediumItalic"), url("../fonts/Geometria-MediumItalic.eot?") format("eot"), url("../fonts/Geometria-MediumItalic.woff") format("woff"), url("../fonts/Geometria-MediumItalic.ttf") format("truetype"), url("../fonts/Geometria-MediumItalic.svg#Geometria-MediumItalic") format("svg");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Geometria";
    src: local("Geometria-Bold"), url("../fonts/Geometria-Bold.eot?") format("eot"), url("../fonts/Geometria-Bold.woff") format("woff"), url("../fonts/Geometria-Bold.ttf") format("truetype"), url("../fonts/Geometria-Bold.svg#Geometria-Bold") format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Geometria";
    src: local("Geometria-ExtraBold"), url("../fonts/Geometria-ExtraBold.eot?") format("eot"), url("../fonts/Geometria-ExtraBold.woff") format("woff"), url("../fonts/Geometria-ExtraBold.ttf") format("truetype"), url("../fonts/Geometria-ExtraBold.svg#Geometria-ExtraBold") format("svg");
    font-weight: 900;
    font-style: normal;
}

:root {
    --main-color: #071728;
    --gray-color: #35404b;
    --gold-color: #9b8449;
    --gold-hover-color: #b09245;
    --red-color: #b63c3c;
    --white-color: #ffffff;
    --green-color: #5e9b65;
    --gray-txt: rgba(255, 255, 255, 0.75);
    --light-gray-bg: #fbfbfb;
    --gray-bg: #eef0f1;
}

* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

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

:focus,
:active {
    outline: none;
}

aside,
nav,
footer,
header,
section {
    display: block;
}

html {
    font-size: 18px;
}

html,
body {
    height: 100%;
    min-width: 320px;
}

body {
    line-height: 1;
    font-family: "Geometria";
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
    font-family: "Geometria";
    font-size: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
    background-color: inherit;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

/*
&::-webkit-scrollbar {
	display: none;
}
*/
body {
    color: var(--main-color);
    background: #1b232b;
    line-height: 170%;
}

@media (max-width: 767.98px) {
    body {
        line-height: 160%;
    }
}

body._lock {
    overflow: hidden;
}

html {
    scroll-behavior: smooth;
}

@media (max-width: 1100px) {
    html {
        font-size: 17px;
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 15px;
    }
}

.wrapper {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

._container {
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 60px;
}

@media (max-width: 1662px) {
    ._container {
        max-width: none;
    }
}

@media (max-width: 1024px) {
    ._container {
        padding: 0 25px;
    }
}

._ibg {
    position: relative;
}

._ibg img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

body.ie ._ibg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

body.ie ._ibg img {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.btn {
    font-size: 14px;
    height: 40px;
    padding: 0px 20px;
    line-height: normal;
    background: var(--gold-color);
    color: var(--white-color);
    font-weight: 900;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: all 0.3s ease 0s;
}

@media (max-width: 991.98px) {
    .btn {
        height: 36px;
    }
}

@media (max-width: 767.98px) {
    .btn {
        font-size: 13px;
    }
}

.btn.small {
    height: 34px;
}

@media (max-width: 991.98px) {
    .btn.small {
        height: 36px;
    }
}

@media (any-hover: hover) {
    .btn:hover {
        background: var(--gold-hover-color);
    }
}

.big-ttl {
    font-size: 70px;
    line-height: 105%;
    color: var(--white-color);
    font-weight: 700;
}

.big-ttl::before {
    content: "";
    background: var(--gold-color);
    width: 100px;
    height: 5px;
    display: block;
    margin-bottom: 20px;
}

@media (max-width: 1100px) {
    .big-ttl {
        font-size: 60px;
    }
}

@media (max-width: 991.98px) {
    .big-ttl {
        text-align: left;
    }

    .big-ttl::before {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .big-ttl {
        font-size: 40px;
    }
}

@media (max-width: 479.98px) {
    .big-ttl {
        font-size: 21px;
    }
}

.ttl {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: normal;
}

@media (max-width: 1100px) {
    .ttl {
        font-size: 36px;
    }
}

@media (max-width: 767.98px) {
    .ttl {
        font-size: 24px;
        margin-bottom: 15px;
        text-align: left !important;
    }
}

.section {
    padding: 100px 0;
}

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

.callback {
    position: relative;
    border-radius: 10px;
    background: rgba(50, 60, 72, 0.95);
    padding: 40px 60px 50px 60px;
    max-width: 400px;
}

@media (max-width: 991.98px) {
    .callback {
        padding: 20px 30px;
        margin-bottom: 0px;
    }
}

.callback__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
    border-radius: 10px;
}

.callback__content {
    position: relative;
    z-index: 1;
}

.callback__ttl {
    font-weight: 700;
    line-height: 140%;
    font-size: 26px;
    margin-bottom: 10px;
    color: var(--white-color);
}

.callback__txt {
    margin-bottom: 30px;
    color: var(--white-color);

}

@media (max-width: 991.98px) {
    .callback__ttl {
        font-size: 22px;
        text-align: center;
    }

    .callback__txt {}
}

.callback form {
    grid-gap: 15px;
    display: grid;
}

@media (max-width: 991.98px) {
    .callback form {
        grid-gap: 10px;
    }
}

.callback form input,
.callback form textarea {
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    width: 100%;
    color: #0f1a2b;
}

.callback form input::placeholder,
.callback form textarea::placeholder {
    color: #0f1a2b;
    opacity: 0.8;
}

@media (max-width: 991.98px) {

    .callback form input,
    .callback form textarea {
        font-size: 14px;
    }
}

.callback form textarea {
    height: 120px;
    resize: none;
}

@media (max-width: 767.98px) {
    .callback form textarea {
        height: 75px;
    }
}

.callback form button {
    margin-top: 10px;
}

.iti__country.iti__highlight {
    background-color: rgb(239, 244, 249) !important;
}

.iti__selected-flag {
    padding: 0 6px 0 20px !important;
}

.iti__selected-dial-code {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--main-color);
}

.iti__country-list {
    border: 0 !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
    min-height: 215px;
    max-width: 345px;
    overflow: hidden;
    box-shadow: 0 15px 21px 0 rgba(53, 42, 154, 0.1);
}

.iti__country {
    padding: 5px 20px !important;
}

.iti--separate-dial-code .iti__selected-flag {
    background: none !important;
}

.iti__country.iti__highlight {
    background-color: rgb(239, 244, 249);
}

.iti__selected-dial-code {
    font-size: 16px;
    font-weight: normal;
}

.iti__country-name,
.iti__dial-code {
    font-size: 16px;
}

@media (max-width: 991.98px) {
    .iti__selected-dial-code {
        font-size: 14px;
    }

    .iti__country-name,
    .iti__dial-code {
        font-size: 14px;
    }
}

.breadcrumbs {
    margin-bottom: 40px;
}

.breadcrumbs span {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 15px;
    font-family: "inter";
    line-height: 1;
    border-bottom: 1px solid transparent;
}

@media (max-width: 767.98px) {
    .breadcrumbs span {
        font-size: 13px;
    }
}

.breadcrumbs span>span {
    margin-right: 15px;
}

.breadcrumbs span>span:last-child::after {
    display: none;
}

.breadcrumbs span>span::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M0 0L8 4L0 8V0Z' fill='%239B8449'/%3E%3C/svg%3E");
    margin-left: 15px;
    margin-bottom: 2px;
}

.breadcrumbs a {
    font-family: "inter";
    font-weight: 400;
    color: var(--main-color);
    line-height: 1;
    margin-top: 1px;
    transition: all 0.3s ease 0s;
    border-bottom: 1px solid transparent;
}

@media (any-hover: hover) {
    .breadcrumbs a:hover {
        border-color: var(--main-color);
    }
}

.seo-text {
    text-align: center;
}

@media (max-width: 767.98px) {
    .seo-text {
        text-align: left;
    }
}

.seo-text__txt {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767.98px) {
    .seo-text__txt {
        font-size: 15px;
    }
}

.gray-bg {
    background: var(--gray-bg);
}

.text h2,
.text h3,
.text h4 {
    font-weight: 700;
    margin-bottom: 20px;
    line-height: normal;
}

@media (max-width: 767.98px) {

    .text h2,
    .text h3 {
        font-size: 24px;
        margin-bottom: 10px;
        font-size: 24px !important;
    }
}

.text h2 {
    font-size: 40px;
}

@media (max-width: 1100px) {
    .text h2 {
        font-size: 36px;
    }
}

.text h3 {
    font-size: 30px;
}

.text h4 {
    font-size: 24px;
    margin-bottom: 10px;

}

@media (max-width: 767.98px) {
    .text h4 {
        font-size: 18px;
        margin-bottom: 5px;
    }
}

.text p {
    margin-bottom: 15px;
}

.text p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .text p {
        font-size: 15px;
        margin-bottom: 10px;
    }
}

.text ul,
.text ol {
    margin: 15px 0 40px;
}

.text ul:last-child,
.text ol:last-child {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {

    .text ul,
    .text ol {
        margin: 5px 0 20px;
    }
}

.text ul {
    display: grid;
    grid-gap: 18px;
}

@media (max-width: 767.98px) {
    .text ul {
        grid-gap: 0;
    }
}

.text ul li {
    padding-left: 38px;
    position: relative;
}

@media (max-width: 767.98px) {
    .text ul li {
        font-size: 15px;
        padding-left: 25px;
    }
}

.text ul li>strong {
    font-size: 20px;
    display: block;
}

@media (max-width: 767.98px) {
    .text ul li>strong {
        font-size: 16px;
        line-height: 130%;
        padding-top: 4px;
    }
}

.text ul li::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 5px;
    left: 0;
    top: 13px;
    background: var(--gold-color);
    display: block;
}

@media (max-width: 767.98px) {
    .text ul li::before {
        width: 15px;
        height: 3px;
        top: 13px;
    }
}

.text blockquote {
    font-style: italic;
    padding: 35px 60px 35px 50px;
    max-width: 863px;
    display: flex;
    gap: 30px;
    border-radius: 10px;
    background: #fafafa;
    margin: 40px 0;
}

@media (max-width: 991.98px) {
    .text blockquote {
        padding: 20px 30px;
    }
}

@media (max-width: 767.98px) {
    .text blockquote {
        font-size: 15px;
        margin: 35px 0;
        display: block;
    }
}

.text blockquote::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M13.0251 15.9196V32H0V18.3317C0 15.2228 0.696818 12.0603 2.09045 8.84422C3.59129 5.62814 5.68174 2.68007 8.36181 0L12.8643 3.53769C11.2563 5.89615 10.0771 8.36181 9.32663 10.9347C8.68342 13.4003 8.36181 15.33 8.36181 16.7236L7.39699 15.9196H13.0251ZM32 15.9196V32H19.1357V18.3317C19.1357 15.2228 19.8325 12.0603 21.2261 8.84422C22.6198 5.62814 24.7102 2.68007 27.4975 0L32 3.53769C30.2848 5.89615 29.0519 8.36181 28.3015 10.9347C27.6583 13.4003 27.3367 15.33 27.3367 16.7236L26.5327 15.9196H32Z' fill='%239B8449'/%3E%3C/svg%3E");
}

@media (max-width: 767.98px) {
    .text blockquote::before {
        float: right;
    }
}

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

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

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

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

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

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

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

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

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

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

.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-3d.swiper-css-mode .swiper-wrapper {
    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,
.swiper-3d .swiper-wrapper {
    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, 0.15);
}

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

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

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

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

.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-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-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

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

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 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: 0.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: 10px;
    right: auto;
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 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: 0.3s opacity;
    transform: translate3d(0, 0, 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: 10px;
    left: 0;
    width: 100%;
}

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

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

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.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: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.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: 10px;
    top: 50%;
    transform: translate3d(0px, -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: 0.2s transform, 0.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: translateX(-50%);
    white-space: nowrap;
}

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

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

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

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 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: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

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

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

.swiper-scrollbar-lock {
    display: none;
}

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

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

.swiper-slide-zoomed {
    cursor: move;
}

.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 {
    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(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap;
}

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

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

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

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

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

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

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

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}

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

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

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

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

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.popup {
    -webkit-overflow-scrolling: touch;
    z-index: 100;
    padding: 30px 10px;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    transition: visibility 0.8s ease 0s;
    visibility: hidden;
}

.popup::before {
    content: "";
    background: #1d232796;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.8s ease 0s;
}

.popup.show {
    visibility: visible;
    overflow: auto;
}

.popup.show::before {
    opacity: 1;
}

.popup.show .popup__body {
    transform: scale(1);
}

.popup._active {
    overflow: auto;
    visibility: visible;
}

.popup._active::before {
    opacity: 1;
}

.popup._active .popup__body {
    transition: all 0.3s ease 0.2s;
    transform: scale(1);
}

.popup__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100%;
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup__body {
    transform: scale(0);
    transition: all 0.3s ease 0s;
    background: white;
    border-radius: 20px;
    padding: 60px;
    max-width: 600px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .popup__body {
        padding: 50px;
    }
}

@media (max-width: 767.98px) {
    .popup__body {
        padding: 30px;
    }
}

.popup__close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 30;
}

.popup__close::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.304494 0.844568L0.993698 0.262072C1.1896 0.094273 1.45513 0 1.73202 0C2.00891 0 2.27445 0.094273 2.47035 0.262072L20.6955 15.8891C20.8906 16.0574 21 16.285 21 16.5223C21 16.7596 20.8906 16.9872 20.6955 17.1554L20.0063 17.7379C19.8104 17.9057 19.5449 18 19.268 18C18.9911 18 18.7256 17.9057 18.5297 17.7379L0.304494 2.10978C0.109487 1.9417 0 1.71427 0 1.47717C0 1.24008 0.109487 1.01265 0.304494 0.844568Z' fill='%23B59E63'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.6955 0.844568L20.0063 0.262072C19.8104 0.094273 19.5449 0 19.268 0C18.9911 0 18.7256 0.094273 18.5297 0.262072L0.304494 15.8891C0.109412 16.0574 0 16.285 0 16.5223C0 16.7596 0.109412 16.9872 0.304494 17.1554L0.993698 17.7379C1.1896 17.9057 1.45513 18 1.73202 18C2.00891 18 2.27445 17.9057 2.47035 17.7379L20.6955 2.10978C20.8905 1.9417 21 1.71427 21 1.47717C21 1.24008 20.8905 1.01265 20.6955 0.844568Z' fill='%23B59E63'/%3E%3C/svg%3E");
}

.popup-callback__body {
    padding: 0;
    border-radius: 10px;
    background: transparent;
}

.popup-callback__body .callback {
    max-width: 600px;
}


.header {
    max-width: 1920px;
    margin: 0px auto;
    z-index: 5;
    position: fixed;
    padding: 40px 0;
    width: 100%;
    left: 0;
    right: 0;
    transition: all 0.3s ease 0s;
}

.header._active {
    padding: 4px 0;
    background: #131a23;
    box-shadow: 0px 10px 25px 0px rgba(19, 26, 35, 0.2);
}

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

.header._active .header__logo {
    height: 38px;
}

@media (min-width: 991.98px) {
    .header._active .header__logo {
        margin-top: -5px;
    }
}

@media (max-width: 1662px) {
    .header._active .header__logo {
        height: 30px;
    }
}

@media (max-width: 1662px) {
    .header {
        padding: 30px 0;
    }
}

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

@media (max-width: 767.98px) {
    .header {
        padding: 15px 0;
    }
}

.header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: normal;
    gap: 25px;
    /*     padding: 0 50px; */
}

@media (max-width: 1662px) {
    .header__wrapper {
        padding: 0;
    }
}

.header__logo {
    transition: all 0.1s ease 0s;
    width: fit-content;
    height: 32px;
    margin-top: -10px;
    margin-right: -20px;
}

@media (min-width: 991.98px) {
    .header__logo {
        margin-right: 10px;
        height: 35px;
        margin-top: -9px;
    }
}

@media (min-width: 1662px) {
    .header__logo {
        margin-right: 45px;
        height: 46px;
        margin-top: -14px;
    }
}

.header__logo img {
    height: 100%;
    width: fit-content;
}

@media (min-width: 1300px) {
    .header__nav {
        margin-right: auto;
    }

    .header__nav>ul {
        display: flex;
        gap: 30px;
    }

    .header__nav>ul>li {
        padding: 20px 0px;
        position: relative;
    }
}

@media (min-width: 1300px) and (any-hover: hover) {
    .header__nav>ul>li:hover>a {
        color: #caaf6b;
    }
}

@media (min-width: 1300px) {
    .header__nav>ul>li.menu-item-has-children.current-menu-item>a::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Crect x='10.4453' y='2.43799' width='2' height='8' rx='1' transform='rotate(44.2758 10.4453 2.43799)' fill='%239B8449'/%3E%3Crect x='0.550781' y='3.96997' width='2' height='8' rx='1' transform='rotate(-45.7242 0.550781 3.96997)' fill='%239B8449'/%3E%3C/svg%3E");
    }

    .header__nav>ul>li.menu-item-has-children>a {
        display: flex;
        grid-gap: 5px;
    }

    .header__nav>ul>li.menu-item-has-children>a::after {
        transition: all 0.3s ease 0s;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Crect x='10.4443' y='2.43799' width='2' height='8' rx='1' transform='rotate(44.2758 10.4443 2.43799)' fill='%23B3BCC6'/%3E%3Crect x='0.549805' y='3.96997' width='2' height='8' rx='1' transform='rotate(-45.7242 0.549805 3.96997)' fill='%23B3BCC6'/%3E%3C/svg%3E");
        display: block;
        width: 12px;
    }
}

@media (min-width: 1300px) and (any-hover: hover) {
    .header__nav>ul>li.menu-item-has-children:hover>a::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Crect x='10.4453' y='2.43799' width='2' height='8' rx='1' transform='rotate(44.2758 10.4453 2.43799)' fill='%239B8449'/%3E%3Crect x='0.550781' y='3.96997' width='2' height='8' rx='1' transform='rotate(-45.7242 0.550781 3.96997)' fill='%239B8449'/%3E%3C/svg%3E");
        transform: rotate(180deg);
    }

    .header__nav>ul>li.menu-item-has-children:hover .sub-menu {
        visibility: visible;
        opacity: 1;
    }
}

@media (min-width: 1300px) {
    .header__nav>ul>li>a {
        transition: all 0.3s ease 0s;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 800;
        color: var(--white-color);
    }
}

@media (min-width: 1300px) {
    .header__nav .current-menu-item>a {
        color: #caaf6b !important;
    }
}

@media (min-width: 1300px) {
    .header__nav .sub-menu {
        border-top: 3px solid var(--gold-color);
        background: rgba(38, 48, 62, 0.97);
        position: absolute;
        visibility: hidden;
        opacity: 0;
        padding: 35px 0;
        border-radius: 0px 0px 10px 10px;
        grid-gap: 10px;
        top: 100%;
        width: max-content;
        transition: all 0.3s ease 0s;
    }

    .header__nav .sub-menu li.ttl {
        margin-bottom: 0;
    }

    .header__nav .sub-menu li.ttl a {
        pointer-events: none;
        margin-top: 20px;
        display: block;
        font-size: 17px;
        color: var(--white-color);
        font-weight: 700;
    }

    .header__nav .sub-menu li.ttl:first-child a {
        margin-top: 0px;
    }

    .header__nav .sub-menu a {
        color: #b5b9be;
        transition: all 0.3s ease 0s;
        font-size: 16px;
        padding: 5px 40px;
        display: block;
        width: 100%;
    }
}

@media (min-width: 1300px) and (any-hover: hover) {
    .header__nav .sub-menu a:hover {
        color: #c1af7e;
    }
}

.header__nav .header__phone {
    display: none;
}

@media (max-width: 1300px) {
    .header__nav .header__phone {
        display: block;
        margin-top: 50px;
    }
}

@media (max-width: 1300px) {
    .header__nav {
        position: fixed;
        inset: 0;
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column;
        padding-top: 70px;
        z-index: 5;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease 0s;
    }

    .header__nav .current-menu-item>a {
        color: #caaf6b;
    }

    .header__nav.open {
        visibility: visible;
        opacity: 1;
    }

    .header__nav::before {
        content: "";
        position: absolute;
        background: linear-gradient(0deg, rgba(30, 29, 28, 0.27) 0%, rgba(30, 29, 28, 0.27) 100%), linear-gradient(0deg, rgba(19, 26, 35, 0) 28.47%, #131a23 51.07%), linear-gradient(0deg, rgba(7, 23, 40, 0.8) 4.75%, rgba(7, 23, 40, 0) 24.07%);
        width: 100%;
        height: 100%;
        display: block;
        z-index: -1;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }

    .header__nav>ul {
        display: grid;
        grid-gap: 20px;
    }

    .header__nav>ul>li>a {
        margin-bottom: 0px;
        color: var(--white-color);
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        padding: 5px 0px;
        width: auto;
        margin-top: 5px;
    }

    .header__nav>ul>li>ul>li>a {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.75);
        display: flex;
        justify-content: center;
        padding: 5px 0px;
        width: auto;
    }

    .header__nav .ttl {
        display: none;
    }
}

.header__close-menu {
    display: none;
}

@media (max-width: 1399.98px) {
    .header__close-menu {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 20px;
        right: 25px;
        height: 18px;
        display: block;
        transition: all 0.3s ease 0s;
    }

    .header__close-menu::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.304494 0.844568L0.993698 0.262072C1.1896 0.094273 1.45513 0 1.73202 0C2.00891 0 2.27445 0.094273 2.47035 0.262072L20.6955 15.8891C20.8906 16.0574 21 16.285 21 16.5223C21 16.7596 20.8906 16.9872 20.6955 17.1554L20.0063 17.7379C19.8104 17.9057 19.5449 18 19.268 18C18.9911 18 18.7256 17.9057 18.5297 17.7379L0.304494 2.10978C0.109487 1.9417 0 1.71427 0 1.47717C0 1.24008 0.109487 1.01265 0.304494 0.844568Z' fill='%23B59E63'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.6955 0.844568L20.0063 0.262072C19.8104 0.094273 19.5449 0 19.268 0C18.9911 0 18.7256 0.094273 18.5297 0.262072L0.304494 15.8891C0.109412 16.0574 0 16.285 0 16.5223C0 16.7596 0.109412 16.9872 0.304494 17.1554L0.993698 17.7379C1.1896 17.9057 1.45513 18 1.73202 18C2.00891 18 2.27445 17.9057 2.47035 17.7379L20.6955 2.10978C20.8905 1.9417 21 1.71427 21 1.47717C21 1.24008 20.8905 1.01265 20.6955 0.844568Z' fill='%23B59E63'/%3E%3C/svg%3E");
    }
}

@media (max-width: 1300px) and (any-hover: hover) {
    .header__close-menu:hover {
        transform: rotate(180deg);
    }
}

.header__nav-bg {
    display: none;
}

@media (max-width: 1300px) {
    .header__nav-bg {
        display: block;
        position: absolute;
        z-index: -2;
        top: 48%;
        bottom: -190px;
        left: -37px;
        right: -238px;
    }

    .header__nav-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.header__phone {
    color: var(--white-color);
    font-size: 22px;
    font-weight: 800;
    transition: all 0.3s ease 0s;
    line-height: normal;
}

@media (any-hover: hover) {
    .header__phone:hover {
        color: #c1af7e;
    }
}

@media (max-width: 1300px) {
    .header__phone {
        font-size: 26px;
        display: none;
    }
}

@media (max-width: 1300px) {
    .header__btn {
        display: none;
    }
}

.header__lang {
    position: relative;
    margin-left: 5px;
}

.header__lang:hover .header__lang-ttl::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Crect x='10.4453' y='2.43799' width='2' height='8' rx='1' transform='rotate(44.2758 10.4453 2.43799)' fill='%239B8449'/%3E%3Crect x='0.550781' y='3.96997' width='2' height='8' rx='1' transform='rotate(-45.7242 0.550781 3.96997)' fill='%239B8449'/%3E%3C/svg%3E");
    transform: rotate(180deg);
}

.header__lang:hover .header__lang-list {
    visibility: visible;
    opacity: 1;
}

.header__lang-ttl {
    display: flex;
    grid-gap: 5px;
    align-items: center;
    padding: 20px 0;
    cursor: pointer;
}

.header__lang-ttl::after {
    transition: all 0.3s ease 0s;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Crect x='10.4443' y='2.43799' width='2' height='8' rx='1' transform='rotate(44.2758 10.4443 2.43799)' fill='%23B3BCC6'/%3E%3Crect x='0.549805' y='3.96997' width='2' height='8' rx='1' transform='rotate(-45.7242 0.549805 3.96997)' fill='%23B3BCC6'/%3E%3C/svg%3E");
    display: block;
    width: 12px;
    height: fit-content;
}

.header__lang-ttl img {
    width: 20px;
    height: fit-content;
}

.header__lang-list {
    border-top: 3px solid var(--gold-color);
    background: rgba(38, 48, 62, 0.97);
    position: absolute;
    visibility: hidden;
    opacity: 0;
    padding: 30px 40px;
    border-radius: 0px 0px 10px 10px;
    display: grid;
    grid-gap: 10px;
    top: 100%;
    width: max-content;
    transition: all 0.3s ease 0s;
    right: 0;
}

.header__lang-list a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #b5b9be;
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .header__lang-list a:hover {
        color: #c1af7e;
    }
}

.burger-menu {
    margin-top: 1px;
    display: none;
    cursor: pointer;
}

.burger-menu::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' viewBox='0 0 24 16' fill='none'%3E%3Crect y='0.5' width='24' height='2.5' rx='1.25' fill='%23B59E63'/%3E%3Crect y='6.68518' width='24' height='2.5' rx='1.25' fill='%23B59E63'/%3E%3Crect y='12.8704' width='24' height='2.5' rx='1.25' fill='%23B59E63'/%3E%3C/svg%3E");
}

@media (max-width: 1300px) {
    .burger-menu {
        display: block;
    }
}

.footer {
    overflow: hidden;
    position: relative;
    background: linear-gradient(0deg, rgba(30, 29, 28, 0.5) 0%, rgba(30, 29, 28, 0.5) 100%), linear-gradient(180deg, rgba(7, 23, 40, 0.87) 5.89%, rgba(7, 23, 40, 0) 23%), linear-gradient(0deg, rgba(7, 23, 40, 0.95) 37.78%, rgba(7, 23, 40, 0) 75.78%);
}

@media (max-width: 991.98px) {
    .footer {
        background: linear-gradient(0deg, rgba(7, 16, 28, 0) 78.46%, #09111e 89.3%), linear-gradient(0deg, #141e29 46.52%, rgba(7, 23, 40, 0) 81.44%), linear-gradient(0deg, rgba(7, 23, 40, 0.95) 36.14%, rgba(7, 23, 40, 0) 83.05%);
    }
}

.footer__bg {
    position: absolute;
    z-index: -1;
    top: -200px;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (max-width: 991.98px) {
    .footer__bg {
        bottom: auto;
        top: 50px;
        left: -790px;
        right: -550px;
    }
}

.footer__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer__wrapper {
    padding: 90px 0px 60px;
}

@media (max-width: 1662px) {
    .footer__wrapper {
        padding: 60px 0;
    }
}

@media (max-width: 991.98px) {
    .footer__wrapper {
        padding: 25px 0 30px;
    }
}

@media (max-width: 991.98px) {
    .footer__callback {
        width: fit-content;
        margin: 0 auto;
    }
}

.footer-map {
    width: 100%;
    height: 100%;
    position: relative;
}

.footer-map__wrapper {
    padding-top: 80px;
    padding-bottom: 60px;
    display: flex;
    justify-content: space-between;
    grid-gap: 10px;
    flex-wrap: wrap;
    color: var(--white-color);
    position: relative;
    z-index: 4;
}

@media (max-width: 991.98px) {
    .footer-map__wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
        gap: 216px;
        /* justify-content: center;
        text-align: center; */
    }

    .footer-map__wrapper .callback {
        margin: 0 auto;
    }
}

.footer-map__content {
    flex: 0 0 auto;
    max-width: 450px;
}

@media (max-width: 991.98px) {
    .footer-map__content {
        max-width: 100%;
    }
}

.footer-map__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.footer-map__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-map__bg img:last-child {
    display: none;
}

@media (max-width: 767.98px) {
    .footer-map__bg img:last-child {
        display: block;
    }

    .footer-map__bg img:first-child {
        display: none;
    }
}



.footer-map__ttl {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    margin-bottom: 20px;
}

@media (max-width: 767.98px) {
    .footer-map__ttl {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 115%;
    }
}

.footer-map__links {
    display: flex;
    gap: 10px;
}


.footer-map__links a {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color: #C9B276;
    text-decoration: underline;
}

.custom-window {
    background: #1e1e1e;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    border: 1px solid #333;
}

.footer__content {
    padding-top: 90px;
    padding-bottom: 60px;
    display: flex;
    justify-content: space-between;
    grid-gap: 10px;
    flex-wrap: wrap;
    background: #131A23;

}




@media (max-width: 991.98px) {
    .footer__content {
        display: grid;
        grid-gap: 40px;
        justify-content: center;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 30px;
    }
}

.footer-map__items {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}

.footer-map__items .contacs-item {
    align-items: center;
}

.footer-map__items .contacs-item svg {
    width: 30px;
    height: 30px;
}

@media (max-width: 1399.98px) {
    .footer__logo {
        width: 100%;
    }
}

.footer__nav {
    margin-top: 20px;
    line-height: normal;
}

@media (max-width: 991.98px) {
    .footer__nav {
        margin-top: 0;
    }
}

.footer__nav>ul {
    display: flex;
    grid-gap: 50px;
}

@media (max-width: 991.98px) {
    .footer__nav>ul {
        display: grid;
        grid-gap: 50px;
        text-align: center;
    }
}

.footer__nav>ul a {
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .footer__nav>ul a:hover {
        color: #caaf6b;
    }
}

.footer__nav>ul>li>a {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--white-color);
    display: block;
    margin-bottom: 10px;
}

.footer__nav>ul>li>ul {
    display: grid;
    grid-gap: 10px;
}

.footer__nav>ul>li>ul>li>a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.75);
}

.footer__phone {
    margin-top: 14px;
    line-height: normal;
    font-size: 26px;
    font-weight: 800;
    color: var(--white-color);
}

@media (any-hover: hover) {
    .footer__phone:hover {
        color: #caaf6b;
    }
}

.footer-bottom {
    background: rgba(15, 21, 30, 0.8);
}

.footer-bottom__content {
    padding: 25px 50px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 1662px) {
    .footer-bottom__content {
        padding: 30px 0;
    }
}

@media (max-width: 991.98px) {
    .footer-bottom__content {
        text-align: center;
        justify-content: center;
        font-size: 15px;
        padding-bottom: 90px;
    }
}

.footer-bottom__content span,
.footer-bottom__content a {
    color: rgba(255, 255, 255, 0.4);
}

.footer-bottom__content a {
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .footer-bottom__content a:hover {
        color: #caaf6b;
    }
}

.page {
    flex: 1 1 auto;
}

.main-banner {
    padding-top: 152px;
    position: relative;
    background: linear-gradient(0deg, rgba(30, 29, 28, 0.5) 0%, rgba(30, 29, 28, 0.5) 100%), linear-gradient(0deg, #040d16 10.67%, rgba(7, 23, 40, 0) 40.07%), linear-gradient(0deg, rgba(7, 23, 40, 0.95) 36.14%, rgba(7, 23, 40, 0) 83.05%), linear-gradient(180deg, #071728 3.12%, rgba(7, 23, 40, 0) 47.88%);
}

@media (max-width: 991.98px) {
    .main-banner {
        padding-top: 65px;
    }
}

@media (max-width: 499.98px) {
    .main-banner {
        background: none;
    }
}

.main-banner__bg {
    position: absolute;
    z-index: -1;
    inset: 0;
}

.main-banner__bg img {
    width: 100%;
    height: 100%;
}

.main-banner__bg img:last-child {
    display: none;
}

@media (max-width: 500px) {
    .main-banner__bg img {
        display: none;
    }

    .main-banner__bg img:last-child {
        display: block;
        object-fit: cover;
    }
}

.main-banner__wrapper {
    display: grid;
    grid-template-columns: 43% 1fr;
    grid-gap: 70px;
}

@media (max-width: 1662px) {
    .main-banner__wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 991.98px) {
    .main-banner__wrapper {
        grid-template-columns: 1fr;
    }
}

.main-banner__ttl {
    margin-bottom: 30px;
}

@media (max-width: 479.98px) {
    .main-banner__ttl {
        margin-bottom: 10px;
    }
}

.main-banner__img {
    max-width: 656px;
    height: fit-content;
    align-self: flex-end;
    margin-left: 35px;
}

.main-banner__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 991.98px) {
    .main-banner__img {
        display: none;
    }
}

.main-banner__content {
    max-width: 690px;
    padding: 50px 0 30px;
}

@media (max-width: 991.98px) {
    .main-banner__content {
        max-width: 100%;
        padding: 25px 0 25px;
    }
}

.main-banner__content .main-banner__img {
    display: none;
}

@media (max-width: 991.98px) {
    .main-banner__content .main-banner__img {
        display: block;
        margin: 0 auto -60px;
    }
}

@media (max-width: 499.98px) {
    .main-banner__content .main-banner__img {
        height: 300px;
    }

    .main-banner__content .main-banner__img img {
        display: none;
    }
}

.main-banner__txt {
    font-size: 20px;
    color: var(--white-color);
    line-height: 190%;
}

@media (max-width: 991.98px) {
    .main-banner__txt {
        margin-bottom: 25px;
        text-align: left;
    }
}

@media (max-width: 767.98px) {
    .main-banner__txt {
        font-size: 14px;
        line-height: 150%;
    }
}

.main-banner__callback {
    margin-top: 65px;
}

@media (max-width: 991.98px) {
    .main-banner__callback {
        margin-top: 0;
        margin: 0 auto;
        width: fit-content;
        position: relative;
        /*top: -245px;*/
    }
}

.main-banner__callback .callback {
    max-width: 680px;
}

.main-banner__callback .callback__bg {
    inset: 0;
}

.main-banner__callback .callback__bg img {
    width: 100%;
    height: 100%;
}

.main-banner__callback .callback form>div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
}

@media (max-width: 600px) {
    .main-banner__callback .callback form>div {
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
}

.main-banner__callback .callback form textarea {
    height: 75px;
}

.services {
    background: var(--gray-bg);
    padding: 90px 0;
}

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

.services.services-page .services-item__txt {
    margin-bottom: 40px;
}

/* .services.services-page .service-card {
    max-width: 500px;
    width: 100%;
} */

.services__wrapper {
    display: grid;
    grid-gap: 100px;
}

@media (max-width: 991.98px) {
    .services__wrapper {
        grid-gap: 40px;
    }
}

.services__btn {
    margin-top: 50px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767.98px) {
    .services__btn {
        margin-top: 30px;
        width: 100%;
    }
}

.services-item__ttl {
    text-align: left;
}

.services-item__txt {
    text-align: left;
    max-width: 1000px;
    margin: 0;
    margin-bottom: 90px;
    line-height: 170%;
}

@media (max-width: 991.98px) {
    .services-item__txt {
        margin-bottom: 45px;
        text-align: left;
        font-size: 15px;
        font-weight: 400;
        line-height: 160%;
    }
}

.services-item__services {
    display: flex;
    flex-wrap: wrap;
    margin: -25px;
    justify-content: flex-start;
}

@media (max-width: 1662px) {
    .services-item__services {
        margin: -5px;
    }
}

@media (max-width: 767.98px) {
    /*     .services-item__services {
        margin: -5px;
    } */
}

@media (max-width: 991.98px) {
    .services-item__services.related .service-card:last-child {
        display: none;
    }
}

.service-card {
    text-align: center;
    color: var(--white-color);
    width: 33.3333%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (max-width: 1662px) {
    .service-card {
        padding: 15px;
    }
}

@media (max-width: 992.98px) {
    .service-card {
        width: 50%;
        padding: 5px;
    }
}

.service-card__wrapper {
    position: relative;
    height: 0;
    padding: 35px 50px;
    padding-bottom: 110% !important;
}

@media (max-width: 1662px) {
    .service-card__wrapper {
        padding: 30px 25px;
    }
}

@media (max-width: 991.98px) {
    .service-card__wrapper {
        padding: 30px 25px;
        padding-bottom: 120% !important;

    }
}

.service-card__gradient {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.service-card__img {
    position: absolute;
    inset: 0;
    z-index: 0;
}

@media (max-width: 767.98px) {
    .service-card__img {
        padding-top: 20px;
    }
}

@media (max-width: 440px) {
    .service-card__img {
        padding-top: 0;
    }
}

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

.service-card__content {
    position: absolute;
    left: 15px;
    right: 15px;
    z-index: 2;
    padding: 35px 50px 0;
}

@media (max-width: 1662px) {
    .service-card__content {
        padding: 35px 25px 0;
        left: 10px;
        right: 10px;
    }
}

@media (max-width: 992.98px) {
    .service-card__content {
        left: 5px;
        right: 5px;
        padding: 20px 15px 0;

    }
}

@media (max-width: 440px) {
    .service-card__content {
        margin-bottom: -90px;
    }
}

.service-card__ttl {
    font-size: 24px;
    font-weight: 800;
    line-height: normal;
    margin-bottom: 10px;
    text-align: left;
}

@media (max-width: 991.98px) {
    .service-card__ttl {
        font-size: 22px;
    }
}

@media (max-width: 767.98px) {
    .service-card__ttl {
        font-size: 15px;
    }
}

.service-card__txt {
    line-height: 150%;
    font-size: 16px;
    text-align: left;
}

@media (max-width: 991.98px) {
    .service-card__txt {
        font-size: 15px;
    }
}

.service-card__btn {
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translatex(-50%);
    z-index: 2;
    white-space: nowrap;
}

@media (max-width: 1662px) {
    .service-card__btn {
        bottom: 45px;

    }
}

@media (max-width: 767.98px) {
    .service-card__btn {
        bottom: 25px;

    }
}

@media (max-width: 440px) {
    .service-card__btn {
        font-size: 9px;
        height: 24px !important;
    }
}

@media (max-width: 767.98px) {
    .service-card__txt {
        display: none;
    }
}

.reviews {
    background: var(--light-gray-bg);
}

.reviews__ttl {
    margin-bottom: 40px;
    text-align: center;
}

.reviews__slider {
    position: relative;
    margin: 0 50px;
}

@media (max-width: 1662px) {
    .reviews__slider {
        margin: 0;
    }
}

.reviews-slider {
    margin: 0 140px;
    position: relative;
}

@media (max-width: 1662px) {
    .reviews-slider {
        margin: 0 100px;
    }
}

@media (max-width: 991.98px) {
    .reviews-slider {
        margin: 0;
    }
}

.reviews-slider__nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

@media (max-width: 991.98px) {
    .reviews-slider__nav {
        display: none;
    }
}

.reviews-slider__prev,
.reviews-slider__next {
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.reviews-slider__prev::after,
.reviews-slider__next::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='61' viewBox='0 0 60 61' fill='none'%3E%3Crect y='0.5' width='60' height='60' rx='30' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.7725 40.469C36.1239 40.1289 36.3213 39.6677 36.3213 39.1868C36.3213 38.7059 36.1239 38.2447 35.7725 37.9046L26.9021 29.2489C26.7292 29.0757 26.5224 28.9376 26.2937 28.8425C26.065 28.7475 25.819 28.6974 25.5701 28.6954C25.3212 28.6933 25.0744 28.7392 24.844 28.8303C24.6137 28.9215 24.4044 29.0562 24.2284 29.2265C24.0524 29.3967 23.9132 29.5992 23.8189 29.8221C23.7247 30.045 23.6773 30.2838 23.6794 30.5246C23.6816 30.7654 23.7333 31.0034 23.8315 31.2247C23.9298 31.4459 24.0726 31.646 24.2516 31.8133L33.1219 40.469C33.4734 40.809 33.9501 41 34.4472 41C34.9442 41 35.4209 40.809 35.7725 40.469Z' fill='%23857A4F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.7725 20.531C36.1239 20.8711 36.3213 21.3323 36.3213 21.8132C36.3213 22.2941 36.1239 22.7553 35.7725 23.0954L26.9021 31.751C26.7292 31.9243 26.5224 32.0624 26.2937 32.1575C26.065 32.2525 25.819 32.3025 25.5701 32.3046C25.3212 32.3067 25.0744 32.2608 24.844 32.1696C24.6137 32.0784 24.4044 31.9438 24.2284 31.7735C24.0524 31.6032 23.9132 31.4008 23.8189 31.1779C23.7247 30.955 23.6773 30.7162 23.6794 30.4754C23.6816 30.2346 23.7333 29.9966 23.8315 29.7753C23.9298 29.554 24.0726 29.3539 24.2516 29.1866L33.1219 20.531C33.4734 20.191 33.9501 20 34.4472 20C34.9442 20 35.4209 20.191 35.7725 20.531Z' fill='%23857A4F'/%3E%3C/svg%3E");
    width: 60px;
    height: 60px;
    display: block;
}

@media (any-hover: hover) {

    .reviews-slider__prev:hover,
    .reviews-slider__next:hover {
        transform: scale(1.05);
    }
}

.reviews-slider__next::after {
    transform: rotate(180deg);
}

.reviews-slider__pagination {
    display: none;
    margin-top: 25px;
    grid-gap: 10px;
    height: 12px;
    justify-content: center;
    align-items: center;
}

.reviews-slider__pagination .swiper-pagination-bullet {
    transition: all 0.3s ease 0s;
}

.reviews-slider__pagination .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: var(--gold-color);
}

@media (max-width: 991.98px) {
    .reviews-slider__pagination {
        display: flex;
    }
}

.cases-slider__slide {
    height: auto !important;
}

.cases-slider__pagination {
    display: none;
    margin-top: 25px;
    grid-gap: 10px;
    height: 12px;
    justify-content: center;
    align-items: center;
}

.cases-slider__pagination .swiper-pagination-bullet {
    transition: all 0.3s ease 0s;
}

.cases-slider__pagination .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: var(--gold-color);
}

@media (max-width: 991.98px) {
    .cases-slider__pagination {
        display: flex;
    }
}

.cases-archive__grid,
.related-cases__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media (max-width: 991.98px) {

    .cases-archive__grid,
    .related-cases__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 600px) {

    .cases-archive__grid,
    .related-cases__grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

.related-cases .services-item__ttl {
    text-align: center;
    margin-bottom: 50px;
}

@media (max-width: 991.98px) {
    .related-cases .services-item__ttl {
        margin-bottom: 30px;
    }
}

.services-item__services .cases-card {
    width: 33.3333%;
    padding: 25px;

}

@media (max-width: 1662px) {
    .services-item__services .cases-card {
        padding: 15px;
    }
}

@media (max-width: 992.98px) {
    .services-item__services .cases-card {
        width: 50%;
        padding: 5px;
    }
}

.cases-card {
    text-align: left;
    color: var(--main-color);
    display: flex;
    flex-direction: column;
    background: var(--white-color);
    transition: all 0.3s ease 0s;
    height: 100%;

}

@media (max-hover: hover) {
    .cases-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }
}

.cases-card__content {
    padding: 40px 50px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

@media (max-width: 991.98px) {
    .cases-card__content {
        padding: 25px 30px;
    }
}

.cases-card__ttl {
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 15px;
    color: var(--main-color);
}

@media (max-width: 991.98px) {
    .cases-card__ttl {
        font-size: 22px;
    }
}

@media (max-width: 767.98px) {
    .cases-card__ttl {
        font-size: 18px;
    }
}

.cases-card__txt {
    line-height: 170%;
    font-size: 18px;
    margin-bottom: 30px;
    flex-grow: 1;
    color: var(--gray-color);
}

@media (max-width: 991.98px) {
    .cases-card__txt {
        font-size: 15px;
        margin-bottom: 20px;
    }
}

.cases-card__btn {
    margin-left: auto;
    margin-top: auto;
    width: fit-content;
    font-size: 14px;
    font-weight: 900;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: var(--gold-color);
    text-decoration-line: underline;
    transition: all 0.3s ease 0s;
}

@media (max-width: 767.98px) {
    .cases-card__btn {
        font-size: 13px;
    }
}

@media (any-hover: hover) {
    .cases-card__btn:hover {
        color: var(--gold-hover-color);
    }
}


.cases-card__btn::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7596 9.82489C11.5871 9.66164 11.4902 9.44026 11.4902 9.20942C11.4902 8.97858 11.5871 8.75719 11.7596 8.59394L16.1134 4.4391C16.1983 4.35595 16.2998 4.28964 16.4121 4.24401C16.5243 4.19839 16.645 4.17438 16.7672 4.17337C16.8894 4.17237 17.0105 4.1944 17.1236 4.23817C17.2367 4.28194 17.3394 4.34657 17.4258 4.42831C17.5122 4.51005 17.5805 4.60723 17.6267 4.71422C17.673 4.82121 17.6963 4.93585 17.6952 5.05144C17.6941 5.16703 17.6688 5.28127 17.6206 5.38748C17.5723 5.49369 17.5022 5.58974 17.4144 5.67005L13.0606 9.82489C12.888 9.9881 12.6541 10.0798 12.4101 10.0798C12.1661 10.0798 11.9321 9.9881 11.7596 9.82489Z' fill='%239B8449'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7596 0.254884C11.5871 0.418135 11.4902 0.639522 11.4902 0.870359C11.4902 1.1012 11.5871 1.32258 11.7596 1.48584L16.1134 5.64068C16.1983 5.72383 16.2998 5.79014 16.4121 5.83576C16.5243 5.88139 16.645 5.9054 16.7672 5.9064C16.8894 5.90741 17.0105 5.88538 17.1236 5.84161C17.2367 5.79784 17.3394 5.73321 17.4258 5.65147C17.5122 5.56973 17.5805 5.47254 17.6267 5.36556C17.673 5.25857 17.6963 5.14393 17.6952 5.02834C17.6941 4.91275 17.6688 4.79851 17.6206 4.6923C17.5723 4.58609 17.5022 4.49004 17.4144 4.40973L13.0606 0.254884C12.888 0.0916812 12.6541 -2.31073e-07 12.4101 -2.20409e-07C12.1661 -2.09745e-07 11.9321 0.0916813 11.7596 0.254884Z' fill='%239B8449'/%3E%3Cpath d='M15.5508 5.04383C15.5508 4.45153 15.0706 3.97138 14.4783 3.97138L1.07269 3.97138C0.480389 3.97138 0.00023604 4.45153 0.000236092 5.04383C0.000236144 5.63613 0.480388 6.11628 1.07269 6.11628L14.4783 6.11628C15.0706 6.11628 15.5508 5.63613 15.5508 5.04383Z' fill='%239B8449'/%3E%3C/svg%3E");
    margin-left: 10px;
}

.icon-card {
    padding: 30px;
    background: var(--white-color);
    border-radius: 10px;
    display: flex;
    gap: 30px;
    padding: 35px 60px 35px 50px;
    margin-top: 10px;
}

@media (max-width: 767.98px) {
    .icon-card {
        padding: 15px 25px;
    }
}

.icon-card__icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
    flex-shrink: 0;

}

@media (max-width: 767.98px) {
    .icon-card__icon {
        width: 30px;
        height: 30px;
        position: absolute;
    }
}

.icon-card__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.icon-card__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    color: var(--main-color);
}

@media (max-width: 767.98px) {
    .icon-card__title {
        font-size: 18px;
        padding-left: 40px;
        margin-bottom: 10px;

    }
}

.icon-card p {
    font-style: italic;
    line-height: 170%;
    font-weight: 400;
    color: #5C5C5A;
}

@media (max-width: 767.98px) {

    .icon-card p {
        font-size: 15px;
    }
}

.review__top {
    grid-gap: 20px;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

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


.review__img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .review__img {
        width: 50px;
        height: 50px;
    }
}

.review__img img {
    width: 100%;
    height: 100%;
}

.review__txt {
    line-height: 170%;
}

.content-block {
    background: var(--gray-bg);
    position: relative;
}

@media (max-width: 991.98px) {
    .content-block.faq-block .content-block__callback {
        display: none;
    }
}

.content-block.single-service .content-block__txt {
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .content-block.single-service .content-block__callback {
        display: none;
    }
}

.content-block.single-service .content-block__callback._mob {
    display: none;
    margin: 40px 0px;
}

@media (max-width: 991.98px) {
    .content-block.single-service .content-block__callback._mob {
        display: block;
    }
}

.content-block.contacts-page .content-block__wrapper {
    grid-template-columns: 1fr 560px;
}

@media (max-width: 991.98px) {
    .content-block.contacts-page .content-block__wrapper {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
}

.content-block.contacts-page .content-block__txt {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .content-block.page-desk {
        padding: 20px 0 40px;
    }
}

@media (max-width: 991.98px) {
    .content-block.page-desk .content-block__ttl {
        text-align: left;
    }
}

@media (max-width: 991.98px) {
    .content-block.page-desk .content-block__txt {
        text-align: left !important;
    }
}

.content-block__video {
    margin-top: 55px;
    position: relative;
    padding-bottom: 56%;
    height: fit-content;
}

@media (max-width: 991.98px) {
    .content-block__video {
        margin-top: 0;
    }
}

.content-block__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

@media (max-width: 991.98px) {
    .content-block__video {
        position: relative;
    }
}

.content-block__wrapper {
    /*     padding: 0 50px; */
    display: grid;
    grid-template-columns: 1fr 400px;
    grid-gap: 100px;
}

@media (max-width: 1662px) {
    .content-block__wrapper {
        padding: 0;
        grid-gap: 40px;
    }
}

@media (max-width: 991.98px) {
    .content-block__wrapper {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .content-block__ttl {
        text-align: center;
    }
}

.content-block__txt {
    margin-bottom: 70px;
}

.content-block__txt.faq-txt {
    margin-top: 80px;
    margin-bottom: 30px !important;
}

@media (max-width: 991.98px) {
    .content-block__txt.faq-txt {
        margin-bottom: 30px;
        text-align: left !important;
        margin-top: 0px;
    }
}

@media (max-width: 991.98px) {
    .content-block__txt {
        text-align: left;
        margin-bottom: 40px;
    }

    .content-block__txt br {
        display: none;
    }
}

@media (max-width: 479.98px) {
    .content-block__txt {
        font-size: 15px;
        line-height: 160%;
    }
}

.content-block__img {
    display: flex;
    gap: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.content-block__img:last-child {
    margin-bottom: 0;

}

@media (max-width: 1300px) {
    .content-block__img {
        display: grid;
        gap: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.content-block__img img {
    max-width: 400px;
    height: fit-content;
}

@media (max-width: 1300px) {
    .content-block__img img {
        max-width: 100%;
    }
}

.content-block__callback {
    position: sticky;
    top: 110px;
    height: fit-content;
}

@media (max-width: 991.98px) {
    .content-block__callback {
        position: static;
    }
}

.content-block__callback-socials {
    display: grid;
    grid-gap: 15px;
    position: absolute;
    right: -60px;
    top: 120px;
}

@media (max-width: 1730px) {
    .content-block__callback-socials {
        bottom: -60px;
        right: auto;
        left: 39%;
        top: auto;
        display: flex;
    }
}

@media (max-width: 991.98px) {
    .content-block__callback-socials {
        display: none;
    }
}

.content-block__callback-socials a {
    width: 45px;
    height: 45px;
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .content-block__callback-socials a:hover {
        transform: scale(1.1);
    }
}

.content-block__callback-socials svg {
    width: 45px;
    height: 45px;
}

.guarantees {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
}

@media (max-width: 1399.98px) {
    .guarantees {
        grid-template-columns: 1fr;
    }
}

.guarantees__column {
    display: grid;
    grid-gap: 40px;
    height: fit-content;
}

@media (max-width: 767.98px) {
    .guarantees__column {
        grid-gap: 20px;
    }

    .guarantees {
        grid-gap: 20px;
    }
}

.guarantees-item {
    display: flex;
    grid-gap: 20px;
}

.guarantees-item::before {
    content: url("data:image/svg+xml,%3Csvg width='100%' height='100%' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%239B8449'/%3E%3Cpath d='M38.1536 5.83848C39.2821 6.95468 39.2821 8.75845 38.1536 9.87464L26.5968 24.1629C25.4682 25.279 23.6445 25.279 22.516 24.1629L13.8461 15.5902C12.718 14.474 12.718 12.6702 13.8461 11.554C14.9745 10.4378 16.8036 10.4378 17.9322 11.554L24.4751 18.0997L34.0728 5.83848C35.2013 4.72051 37.0251 4.72051 38.1536 5.83848Z' fill='%23131A20'/%3E%3C/svg%3E%0A");
    width: 40px;
    height: 40px;
    display: block;
    flex-shrink: 0;
}

@media (max-width: 767.98px) {
    .guarantees-item::before {
        width: 32px;
        height: 32px;
    }
}

.guarantees-item__ttl {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 10px;
}

@media (max-width: 767.98px) {
    .guarantees-item__ttl {
        font-size: 18px;
        margin-bottom: 5px;
    }
}

@media (max-width: 767.98px) {
    .guarantees-item__txt {
        font-size: 15px;
        line-height: 150%;
    }
}

.faq {
    display: grid;
    grid-gap: 25px;
}

.faq__question {
    display: flex;
    gap: 15px;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    cursor: pointer;
}

@media (max-width: 767.98px) {
    .faq__question {
        font-size: 16px;
        line-height: 130%;
    }
}

.faq__question._active::before {
    rotate: 180deg;
}

.faq__question::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 30 30' fill='none'%3E%3Crect width='30' height='30' rx='15' fill='%239B8449'/%3E%3Cpath d='M22.5312 9.96117C23.1563 10.5751 23.1563 11.5671 22.5312 12.1811L16.1305 20.0396C15.5055 20.6535 14.4954 20.6535 13.8704 20.0396L7.46863 12.1817C6.84379 11.5678 6.84379 10.5758 7.46863 9.96185C8.09356 9.34795 9.10662 9.34795 9.73165 9.96185L14.9554 16.7048L20.2711 9.96117C20.8961 9.34628 21.9062 9.34628 22.5312 9.96117Z' fill='white' fill-opacity='0.75'/%3E%3C/svg%3E%0A");
    width: 30px;
    height: 30px;
    display: block;
    transition: all 0.3s ease 0s;
    flex-shrink: 0;
}

@media (max-width: 991.98px) {
    .faq__question::before {
        width: 24px;
        height: 24px;
        padding-top: 3px;
    }
}

@media (max-width: 767.98px) {
    .faq__question::before {
        padding-top: 0;
    }
}

.faq__answer {
    margin-top: 3px;
    padding-left: 40px;
}

@media (max-width: 767.98px) {
    .faq__answer {
        font-size: 15px;
    }
}

.image-block {
    overflow: hidden;
    background: linear-gradient(270deg, rgba(17, 22, 27, 0) 80.68%, #131a1f 95.1%), linear-gradient(90deg, rgba(17, 22, 27, 0) 39.82%, #131a1f 57.32%);
    height: 500px;
    position: relative;
}

@media (max-width: 991.98px) {
    .image-block {
        height: 550px;
    }
}

@media (max-width: 767.98px) {
    .image-block {
        height: 500px;
    }
}

@media (max-width: 1450px) {
    .image-block {
        background: linear-gradient(90deg, rgba(17, 22, 27, 0) 39.82%, #131a1f 57.32%);
    }
}

@media (max-width: 991.98px) {
    .image-block {
        background: linear-gradient(0deg, rgba(17, 22, 27, 0) 84.2%, rgba(19, 26, 31, 0.6) 98.4%), linear-gradient(90deg, rgba(17, 22, 27, 0) 82.31%, rgba(19, 26, 31, 0.6) 95.9%), linear-gradient(270deg, rgba(17, 22, 27, 0) 80.68%, rgba(19, 26, 31, 0.6) 95.1%), linear-gradient(180deg, rgba(17, 22, 27, 0) 19.6%, #131a1f 68.6%);
    }
}

.image-block__img {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
}

@media (max-width: 991.98px) {
    .image-block__img {
        bottom: 20%;
        right: -370px;
    }
}

@media (max-width: 479.98px) {
    .image-block__img {
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
    }
}

.image-block__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-block__img img:last-child {
    display: none;
}

@media (max-width: 479.98px) {
    .image-block__img img:first-child {
        display: none;
    }

    .image-block__img img:last-child {
        display: block;
    }
}

.image-block__container {
    height: 100%;
}

.image-block__wrapper {
    display: grid;
    height: 100%;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 991.98px) {
    .image-block__wrapper {
        grid-template-columns: 1fr;
        align-items: end;
    }
}

.image-block__content {
    grid-column-start: 2;
    max-width: 542px;
    color: var(--white-color);
}

@media (max-width: 991.98px) {
    .image-block__content {
        grid-column-start: 1;
        grid-row-start: 2;
        max-width: 100%;
        text-align: center;
        padding-bottom: 30px;
    }
}

.image-block__ttl {
    margin-bottom: 15px;
    line-height: 105.814%;
}

@media (max-width: 991.98px) {
    .image-block__ttl {
        font-size: 30px;
    }
}

@media (max-width: 767.98px) {
    .image-block__ttl {
        font-size: 22px;
        line-height: 120%;
    }
}

@media (max-width: 991.98px) {
    .image-block__txt {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .image-block__txt {
        font-size: 15px;
        line-height: 150%;
        text-align: left;
    }
}

.image-block__btn {
    margin-top: 20px;
    width: fit-content;
}

@media (max-width: 991.98px) {
    .image-block__btn {
        margin-left: auto;
        margin-right: auto;
    }
}

.achive-block {
    position: relative;
    overflow: hidden;
}

.achive-block__bg {
    position: absolute;
    inset: 0;
    z-index: -2;
}

.achive-block__bg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.achive-block__bg img:last-child {
    display: none;
}

@media (max-width: 479.98px) {
    .achive-block__bg img {
        display: none;
    }

    .achive-block__bg img:last-child {
        display: block;
    }
}

.achive-block__bg::before {
    content: "";
    background: linear-gradient(0deg, rgba(30, 29, 28, 0.6) 0%, rgba(30, 29, 28, 0.6) 100%), linear-gradient(0deg, rgba(7, 23, 40, 0.79) 19.25%, rgba(7, 23, 40, 0) 83.38%);
    width: 100%;
    height: 100%;
    inset: 0;
    display: block;
    z-index: 0;
    position: absolute;
}

.achive-block__ttl {
    text-align: center;
    color: var(--white-color);
    margin-bottom: 50px;
}

.achive-block__items {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 767.98px) {
    .achive-block__items {
        gap: 40px 30px;
    }
}

@media (max-width: 479.98px) {
    .achive-block__items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .achive-block__items .achive-item:last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
}

.achive-item {
    font-weight: 700;
    color: var(--white-color);
    display: grid;
    grid-gap: 20px;
    text-align: center;
    justify-items: center;
    line-height: normal;
}

@media (min-width: 992px) {
    .achive-item {
        max-width: 17%;
    }
}

.achive-item br {
    display: none;
}

@media (max-width: 479.98px) {
    .achive-item br {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .achive-item {
        font-weight: 500;
        font-size: 16px;
    }
}

.achive-item::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 90 90' fill='none'%3E%3Crect width='90' height='90' rx='45' fill='%239B8449'/%3E%3Cpath d='M62.763 31.3773C64.4123 33.037 64.4123 35.7191 62.763 37.3789L45.8722 58.6248C44.2228 60.2846 41.5574 60.2846 39.908 58.6248L27.2367 45.8776C25.5878 44.2179 25.5878 41.5358 27.2367 39.876C28.8858 38.2163 31.5591 38.2163 33.2085 39.876L42.7713 49.6092L56.7987 31.3773C58.4481 29.7149 61.1136 29.7149 62.763 31.3773Z' fill='%23131A20'/%3E%3C/svg%3E");
    width: 90px;
    height: 90px;
    display: block;
}

@media (max-width: 767.98px) {
    .achive-item::before {
        width: 64px;
        height: 64px;
    }
}

.page-header {
    position: relative;
    min-height: 800px;
    height: 100%;
    overflow: hidden;
    padding-top: 264px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 991.98px) {
    .page-header {
        padding-top: 300px;
        padding-bottom: 25px;
    }
}

@media (max-width: 767.98px) {
    .page-header {
        min-height: 450px;
        padding-top: 60%;

    }
}

.page-header__bg {
    position: absolute;
    inset: 0;
}

@media (max-width: 767.98px) {
    .page-header__bg {
        top: 0;
        bottom: auto;
    }
}

.page-header__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-header__bg img:last-child {
    display: none;
}

@media (max-width: 767.98px) {
    .page-header__bg img:last-child {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .page-header__bg img {
        display: none;
    }
}

.page-header__bg::before {
    content: "";
    background: linear-gradient(0deg, rgba(30, 29, 28, 0.15) 0%, rgba(30, 29, 28, 0.15) 100%), linear-gradient(0deg, #040d16 5%, rgba(7, 23, 40, 0) 87.4%), linear-gradient(0deg, rgba(7, 23, 40, 0.95) 36.14%, rgba(7, 23, 40, 0) 69.26%), linear-gradient(180deg, #071728 3.13%, rgba(7, 23, 40, 0) 13.87%);
    position: absolute;
    inset: 0;
    z-index: 0;
}

@media (max-width: 767.98px) {
    .page-header__bg::before {
        background: linear-gradient(0deg, rgba(30, 29, 28, 0.15) 0%, rgba(30, 29, 28, 0.15) 100%), linear-gradient(0deg, #040d16 5%, rgba(7, 23, 40, 0) 95.4%), linear-gradient(0deg, rgba(7, 23, 40, 0.95) 25.14%, rgba(7, 23, 40, 0) 80.26%), linear-gradient(180deg, #071728 3.13%, rgba(7, 23, 40, 0) 13.87%);
    }

}

.page-header__container {
    margin-top: auto;
    width: 100%;
}

.page-header__wrapper {
    display: grid;
    grid-template-columns: 1fr 400px;
    padding: 0 50px 0 130px;
    gap: 50px;
}

@media (max-width: 1662px) {
    .page-header__wrapper {
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .page-header__wrapper {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}

.page-header__content {
    position: relative;
    margin-top: auto;
}

.page-header__txt {
    line-height: 190%;
    font-size: 20px;
    color: var(--white-color);
    max-width: 700px;
    margin-top: 20px;
    opacity: 0.9;
}

@media (max-width: 1100px) {
    .page-header__txt {
        line-height: 180%;
    }
}

@media (max-width: 991.98px) {
    .page-header__txt {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .page-header__txt {
        font-size: 15px;
        line-height: 150%;
        margin-top: 10px;
    }
}

@media (max-width: 991.98px) {
    .page-header__callback {
        margin-left: auto;
        margin-right: auto;
    }
}

.team {
    background: var(--gray-bg);
}

/* @media (max-width: 767.98px) {
    .team {
        display: none;
    }
} */

.team__ttl {
    text-align: center;
    margin-bottom: 60px;
}

.team__items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px;
}

@media (max-width: 1662px) {
    .team__items {
        gap: 60px;
    }
}

.team-item {
    text-align: center;
    display: grid;
    justify-items: center;
    max-width: 13%;
    height: fit-content;
}

@media (max-width: 992px) {
    .team-item {
        max-width: 29%;
    }
}

.team-item__img {
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 10px;
}

.team-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-item__name {
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
}

.team-item__job {
    color: #7e868e;
    line-height: 140%;
}

@media (max-width: 992px) {
    .team-item__img {
        width: 120px;
        height: 120px;
    }

    .team-item__name {
        font-size: 15px;
        font-weight: 700;
        line-height: 110%;
        padding-bottom: 5px;
    }

    .team-item__job {
        line-height: 130%;
        font-size: 14px;
    }

    .team-item {
        max-width: 40%;
    }
}

.contacts {
    position: relative;
    padding: 128px 0;
    height: 650px;
}

@media (max-width: 991.98px) {
    .contacts {
        height: fit-content;
        padding: 25px 0;
    }
}

@media (max-width: 767.98px) {
    .contacts {
        padding-top: 500px;
    }
}

@media (max-width: 479.98px) {
    .contacts {
        padding-top: 350px;
    }
}

.contacts__map {
    position: absolute;
    z-index: -1;
    inset: 0;
}

.contacts__map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contacts__map img:last-child {
    display: none;
}

@media (max-width: 767.98px) {
    .contacts__map img:last-child {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .contacts__map img {
        display: none;
    }
}

.contacts__container {
    height: 100%;
}

.contacts__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 200px;
    height: 100%;
    align-items: center;
}

@media (max-width: 1662px) {
    .contacts__wrapper {
        grid-gap: 0px;
    }
}

@media (max-width: 767.98px) {
    .contacts__wrapper {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
}

@media (min-width: 767.98px) {
    .contacts__content {
        grid-column-start: 2;
    }
}

.contacts__ttl {
    color: var(--white-color);
    margin-bottom: 45px;
}

@media (max-width: 991.98px) {
    .contacts__ttl {
        margin-bottom: 25px;
    }
}

.contacts__items {
    display: grid;
    grid-gap: 20px;
}

@media (max-width: 767.98px) {
    .contacts__items {
        grid-gap: 10px;
    }
}

.contacs-item {
    display: flex;
    color: var(--white-color);
    font-size: 18px;
    gap: 15px;
    max-width: 607px;
}

@media (max-width: 991.98px) {
    .contacs-item {
        font-size: 15px;
    }
}

.contacs-item a {
    color: var(--white-color);
}

.contacs-item svg {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}

@media (max-width: 991.98px) {
    .contacs-item svg {
        width: 30px;
        height: 30px;
    }
}

.contacs-item__content span:last-child {
    display: flex;
    gap: 15px;
}

.contacs-item__content a {
    color: var(--gold-color);
    line-height: normal;
    border-bottom: 1px solid var(--gold-color);
}

.sticy-contacts {
    display: none;
    position: fixed;
    bottom: -60px;
    left: 0;
    right: 0;
    z-index: 5;
    box-shadow: 0px -7px 37.6px 0px rgba(8, 15, 24, 0.17);
    height: 60px;
    background: url(../img/styky-bg.jpg);
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    transition: all 0.3s ease;
}

.sticy-contacts.active {
    bottom: -1px;
}

.sticy-contacts>a {
    height: 34px;
    font-size: 17px;
}

.sticy-contacts div {
    display: flex;
    gap: 15px;
}

.sticy-contacts div a {
    display: block;
    height: 35px;
    width: 35px;
}

.sticy-contacts div a svg {
    height: 35px;
    width: 35px;
}

@media (max-width: 991.98px) {
    .sticy-contacts {
        display: flex;
    }
}

.review__stars svg {
    width: 20px;
    height: 20px;
    color: var(--gray-bg);
}

.review__stars.mark-1 svg:nth-child(1) {
    color: #dd9c00;
}

.review__stars.mark-2 svg:nth-child(1),
.review__stars.mark-2 svg:nth-child(2) {
    color: #dd9c00;
}

.review__stars.mark-3 svg:nth-child(1),
.review__stars.mark-3 svg:nth-child(2),
.review__stars.mark-3 svg:nth-child(3) {
    color: #dd9c00;
}

.review__stars.mark-4 svg:nth-child(1),
.review__stars.mark-4 svg:nth-child(2),
.review__stars.mark-4 svg:nth-child(3),
.review__stars.mark-4 svg:nth-child(4) {
    color: #dd9c00;
}

.review__stars.mark-5 svg {
    color: #dd9c00;
}


/** 2025-12 **/
.footer__nav .menu-item {
    max-width: 260px;
}

.bg-grad {
    background: linear-gradient(0deg, #eef0f1, #ffffff);
}

.review__stars {
    margin-top: 3px;
}