@charset "UTF-8";
body {
	overflow-x:hidden;
}
h1, .h1 {
    font-size: 60px;
    letter-spacing: -1.8px;
    font-weight: 600;
    line-height: 1.1;
}
h2, .h2 {
    font-size: 50px;
    letter-spacing: -1.5px;
    font-weight: 600;
    line-height: 1.1;
}
.fsz-20 {
    font-size: 20px;
}
.gray-grad {
    background: #FBFBFA;
    background: linear-gradient(190deg,rgba(251, 251, 250, 1) 27%, rgba(251, 251, 250, 1) 50%, rgba(191, 189, 190, 1) 94%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.static-page {
	margin-top: 160px;
}
nav.navbar {
    padding-bottom: 0 !important;
    position: fixed;
    width: 100%;
    top: 40px;
    z-index: 101;
    padding-top: 0;
    transition: top 0.15s ease-in-out;
}
nav.navbar.scroll {
    top: 0;
}
nav.navbar .container {
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
    height: 90px;
    background-color: rgba(39, 39, 39, 0.7);   /* #272727 с opacity 0.7 */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);       /* для Safari */
    /* Обрезка формы — через SVG-mask */
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1541 90" preserveAspectRatio="none"><defs><mask id="m"><path fill="white" d="M11.5955 15.6614C13.629 6.51062 21.7453 0 31.1192 0H1520.14C1532.94 0 1542.44 11.8483 1539.67 24.3386L1528.56 74.3386C1526.52 83.4894 1518.41 90 1509.03 90H20.0082C7.21322 90 -2.29123 78.1517 0.484385 65.6614L11.5955 15.6614Z"/></mask></defs><rect width="100%" height="100%" mask="url(%23m)"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1541 90" preserveAspectRatio="none"><defs><mask id="m"><path fill="white" d="M11.5955 15.6614C13.629 6.51062 21.7453 0 31.1192 0H1520.14C1532.94 0 1542.44 11.8483 1539.67 24.3386L1528.56 74.3386C1526.52 83.4894 1518.41 90 1509.03 90H20.0082C7.21322 90 -2.29123 78.1517 0.484385 65.6614L11.5955 15.6614Z"/></mask></defs><rect width="100%" height="100%" mask="url(%23m)"/></svg>');
    mask-mode: alpha;
    -webkit-mask-mode: alpha;
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    gap: 30px;
}
.modal-open .navbar {
    padding-right: 15px;
}
.text-red {
    color: var(--bs-red);
}

.navbar-brand {
    padding-left: 42px;
    flex-shrink: 0;
}
.nav-menu {
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: space-between;
}
.nav-menu a {
    position: relative;
    color: #FBFBFA;
    font-size: 16px;
    font-weight: 300;
    white-space: nowrap;
}
.nav-menu a::after {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    bottom: 1px;
    left: 0;
    background-color: #FBFBFA;
    opacity: 0;
    transition: all 0.15s ease-in-out;
}
.nav-menu a:hover::after, .nav-menu a.active::after {
    width: 100%;
    opacity: 0.8;
}
.navbar .sep {
    height: 60px;
    width: 1px;
    background-color: #525252;
    flex-shrink: 0;
}
.soc-btn {
    flex-shrink: 0;
    width: 42px;
  height: 42px;
  background-color: #474747;
  clip-path: path('M26.6448 0H26.5692H22.5666H15.3552C2.709 0 0 2.7132 0 15.3552V26.6448C0 39.291 2.7132 42 15.3552 42H22.5666H26.5692H26.6448C39.291 42 42 39.2868 42 26.6448V15.3552C42 2.709 39.2868 0 26.6448 0Z');
  display: flex;
  align-items: center;
  justify-content: center;
}
.soc-btn:hover {
    background-color:#E63028;
}
.soc-btn img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}
.gradient-btn {
    flex-shrink: 0;
    white-space: nowrap;
    width: max-content;
    border: none;
    background: transparent;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 500;
    color: #FBFBFA;
    cursor: pointer;
    height: 90px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Обычное состояние */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 201 90" preserveAspectRatio="none"><path d="M11.5954 15.6614C13.6289 6.51062 21.7451 0 31.1191 0H180.143C192.938 0 202.443 11.8483 199.667 24.3386L188.556 74.3386C186.522 83.4894 178.406 90 169.032 90H20.008C7.21304 90 -2.29135 78.1517 0.484263 65.6614L11.5954 15.6614Z" fill="url(%23gradient)"/><defs><linearGradient id="gradient" x1="139.409" y1="19.24" x2="121.548" y2="80.2128" gradientUnits="userSpaceOnUse"><stop stop-color="%23E63028"/><stop offset="1" stop-color="%23B61515"/></linearGradient></defs></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: all 0.15s ease-in-out;
}
.gradient-btn:hover {
  /* Состояние при наведении */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 201 90" preserveAspectRatio="none"><path d="M11.5954 15.6614C13.6289 6.51062 21.7451 0 31.1191 0H180.143C192.938 0 202.443 11.8483 199.667 24.3386L188.556 74.3386C186.522 83.4894 178.406 90 169.032 90H20.008C7.21304 90 -2.29135 78.1517 0.484263 65.6614L11.5954 15.6614Z" fill="url(%23gradient)"/><defs><linearGradient id="gradient" x1="139.409" y1="19.24" x2="121.548" y2="80.2128" gradientUnits="userSpaceOnUse"><stop stop-color="%23C2140D"/><stop offset="1" stop-color="%23880505"/></linearGradient></defs></svg>');
  color: inherit;
}
.gradient-btn_big {
    flex-shrink: 0;
    white-space: nowrap;
    width: 342px;
    height: 90px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 500;
    color: #FBFBFA;
    cursor: pointer;
    text-decoration: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 342 90" preserveAspectRatio="xMidYMid slice"><path d="M11.5955 15.6614C13.629 6.51062 21.7453 0 31.1192 0H321.143C333.938 0 343.443 11.8483 340.667 24.3386L329.556 74.3386C327.523 83.4894 319.406 90 310.032 90H20.0081C7.21315 90 -2.29123 78.1517 0.484385 65.6614L11.5955 15.6614Z" fill="url(%23gradient)"/><defs><linearGradient id="gradient" x1="139.409" y1="19.2401" x2="121.549" y2="80.2128" gradientUnits="userSpaceOnUse"><stop stop-color="%23E63028"/><stop offset="1" stop-color="%23B61515"/></linearGradient></defs></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.15s ease-in-out;
}
.gradient-btn_big:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 342 90" preserveAspectRatio="xMidYMid slice"><path d="M11.5955 15.6614C13.629 6.51062 21.7453 0 31.1192 0H321.143C333.938 0 343.443 11.8483 340.667 24.3386L329.556 74.3386C327.523 83.4894 319.406 90 310.032 90H20.0081C7.21315 90 -2.29123 78.1517 0.484385 65.6614L11.5955 15.6614Z" fill="url(%23gradient)"/><defs><linearGradient id="gradient" x1="139.409" y1="19.2401" x2="121.549" y2="80.2128" gradientUnits="userSpaceOnUse"><stop stop-color="%23C2140D"/><stop offset="1" stop-color="%23880505"/></linearGradient></defs></svg>');
  color: inherit;
}
.gradient-btn_big_tg {
    flex-shrink: 0;
    white-space: nowrap;
    width: 475px;
    height: 90px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 500;
    color: #FBFBFA;
    cursor: pointer;
    text-decoration: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="475" height="90" viewBox="0 0 475 90" fill="none"><path d="M16.388 14.0852C18.9808 5.71006 26.726 0 35.4933 0H454.757C468.228 0 477.846 13.0468 473.862 25.9149L458.383 75.9148C455.79 84.2899 448.045 90 439.277 90H20.0138C6.54315 90 -3.07544 76.9532 0.9084 64.0851L16.388 14.0852Z" fill="url(%23paint0_linear_4006_321)"/><defs><linearGradient id="paint0_linear_4006_321" x1="193.965" y1="19.2401" x2="180.634" y2="82.6417" gradientUnits="userSpaceOnUse"><stop stop-color="%23E63028"/><stop offset="1" stop-color="%23B61515"/></linearGradient></defs></svg>');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.15s ease-in-out;
}
.gradient-btn_big_tg:hover {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="475" height="90" viewBox="0 0 475 90" fill="none"><path d="M16.388 14.0852C18.9808 5.71006 26.726 0 35.4933 0H454.757C468.228 0 477.846 13.0468 473.862 25.9149L458.383 75.9148C455.79 84.2899 448.045 90 439.277 90H20.0138C6.54315 90 -3.07544 76.9532 0.9084 64.0851L16.388 14.0852Z" fill="url(%23paint0_linear_4006_321)"/><defs><linearGradient id="paint0_linear_4006_321" x1="193.965" y1="19.2401" x2="180.634" y2="82.6417" gradientUnits="userSpaceOnUse"><stop stop-color="%23C2140D"/><stop offset="1" stop-color="%23880505"/></linearGradient></defs></svg>');
    color: inherit;
}
.nav-phone {
    flex-shrink: 0;
    white-space: nowrap;
    display: grid;
    align-items: center;
}
.nav-phone a {
    color: #FBFBFA;
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.72px;
}
.nav-phone span {
    display: block;
    font-size: 11px;
    line-height: 1.1;
    font-weight: 300;
    opacity: 0.5;
}
.header {
    margin-left: 20px;
    margin-top: 130px;
}
.header .container-big {
    max-width: 1712px;
    margin: auto;
    position: relative;
    padding: 0 10%;
    display: flex;
    align-items: center;
    width: 100%;
    height: auto; /* 698px или auto */
    aspect-ratio: 1712 / 698;
    background-image: url('../img/header_bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1707 698" preserveAspectRatio="xMidYMid meet"><path d="M38.6981 37.5053C40.0155 16.4237 57.4975 0 78.6202 0H1628.23C1651.3 0 1669.59 19.4669 1668.15 42.4947L1629.53 660.495C1628.21 681.576 1610.73 698 1589.61 698H40.0016C16.9289 698 -1.35957 678.533 0.0794341 655.505L38.6981 37.5053Z" fill="black" /></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1707 698" preserveAspectRatio="xMidYMid meet"><path d="M38.6981 37.5053C40.0155 16.4237 57.4975 0 78.6202 0H1628.23C1651.3 0 1669.59 19.4669 1668.15 42.4947L1629.53 660.495C1628.21 681.576 1610.73 698 1589.61 698H40.0016C16.9289 698 -1.35957 678.533 0.0794341 655.505L38.6981 37.5053Z" fill="black"/></svg>');
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background-color: #f0f0f0;
}
.header .container-big::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(99deg, #000 17.64%, rgba(0, 0, 0, 0.05) 48.17%);
    z-index: 1;
}
.header .container-big > * {
    position: relative;
    z-index: 2;
}
.header-benefits {
    top: 50%;
    transform: translateY(-50%);
    padding: 0 7%;
}
.header-benefits_item {
    position: relative;
    border-radius: 20px;
    background: rgba(39, 39, 39, 0.70);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
    padding: 30px 53px;
    padding-right: 20px;
}
.header-benefits_item::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 42px;
    height: 42px;
    background: url(../img/i-check_rw.svg) no-repeat;
    background-size: contain;
    filter: drop-shadow(0 0 24px #E63028);
    -webkit-filter: drop-shadow(0 0 24px #E63028);
    transition: all 0.15s ease-in-out;
}
.header-benefits_item:hover::before {
    scale: 1.1;
}
.benefit-type-two_item {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 40px;
    border-radius: 20px;
    background: rgba(39, 39, 39, 0.70);
    transition: all 0.15s ease-in-out;
}
.benefit-type-two_item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    z-index: 0;
}
.benefit-type-two_item.one::before {
    background: linear-gradient(225deg,rgba(251, 251, 250, 0.1) 0%, rgba(230, 48, 40, 1) 100%);
}
.benefit-type-two_item.two::before {
    background: linear-gradient(180deg,rgba(251, 251, 250, 0.1) 0%, rgba(230, 48, 40, 1) 100%);
}
.benefit-type-two_item.three::before {
    background: linear-gradient(135deg,rgba(251, 251, 250, 0.1) 0%, rgba(230, 48, 40, 1) 100%);
}
.benefit-type-two_item::after {
    position: absolute;
    content: '';
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 20px;
    background: #222222;
    z-index: 1;
}
.benefit-type-two_item > * {
    position: relative;
    z-index: 9;
}

.benefit-type-two_item.one {
     box-shadow: -20px 20px 34px 0 rgba(230, 48, 40, 0.15);
}
.benefit-type-two_item.one:hover {
    box-shadow: -20px 20px 34px 0 rgba(230, 48, 40, 0.4);
}
.benefit-type-two_item.two {
    box-shadow: 0 20px 34px 0 rgba(230, 48, 40, 0.15);
}
.benefit-type-two_item.two:hover {
    box-shadow: 0 20px 34px 0 rgba(230, 48, 40, 0.4);
}
.benefit-type-two_item.three {
    box-shadow: 20px 20px 34px 0 rgba(230, 48, 40, 0.15);
}
.benefit-type-two_item.three:hover {
    box-shadow: 20px 20px 34px 0 rgba(230, 48, 40, 0.4);
}
.benefit-type-two_item {
    .title {
        font-size: 24px;
        line-height: 1.2;
        font-weight: 500;
        letter-spacing: -0.72px;
        letter-spacing: -0.72px;
    }
    .text {
        font-size: 18px;
        line-height: normal;
        letter-spacing: -0.54px;
        font-weight: 300;
    }
    img {
        position: absolute;
        top: 20px;
        right: 20px;
    }
}

.h1.h1-70 {
    font-size: 70px;
    letter-spacing: -2.1px;
    line-height: 1;
}
.bg-white-grad {
    background: linear-gradient(215deg, #FBFBFA 24.54%, #E6E6E6 78.16%);
    clip-path: polygon(
    0% 0%,        /* левый верх */
    100% 150px,   /* правый верх (опущен на 150px) */
    100% calc(100% - 150px), /* правый низ (поднят на 150px) */
    0% 100%       /* левый низ */
    );
    padding: 100px 0;

}
.red-grad {
    background: #B61515;
    background: linear-gradient(190deg, #E63028 41.37%, #B61515 75.71%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.txt-black {
    color: #161616;
}
.about-1-txt {
    color: #161616;
    font-size: 22px;
    line-height: normal;
    letter-spacing: -0.66px;
}
.promo-order {
    position: relative;
    max-width: 1550px;
    width: 100%;
    height: 452px;
}
.promo-order > * {
    position: relative;
    z-index: 2;
}
.promo-order::before {
    position: absolute;
    content: '';
    height: 452px;
    width: 877px;
    top: 0;
    left: 0;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 875 452" preserveAspectRatio="none"><path d="M27.39 18.6755C28.0875 8.1671 36.8145 0 47.3461 0H854.258C865.825 0 874.98 9.78296 874.214 21.3245L846.869 433.324C846.172 443.833 837.444 452 826.913 452H20.001C8.43403 452 -0.721172 442.217 0.0448608 430.675L27.39 18.6755Z" fill="black"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 875 452" preserveAspectRatio="none"><path d="M27.39 18.6755C28.0875 8.1671 36.8145 0 47.3461 0H854.258C865.825 0 874.98 9.78296 874.214 21.3245L846.869 433.324C846.172 443.833 837.444 452 826.913 452H20.001C8.43403 452 -0.721172 442.217 0.0448608 430.675L27.39 18.6755Z" fill="black"/></svg>');
    
    /* Растягиваем маску на всю ширину/высоту */
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: #222222;
    z-index: 2;
    background-image: url(../img/promo-order_bg_2.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}
.promo-order.promo-order_t-2::before {
    background-image: url(../img/promo-order_bg.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}
.promo-order::after {
    position: absolute;
    content: '';
    height: 452px;
    width: 877px;
    top: 0;
    right: 0;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 875 452" preserveAspectRatio="none"><path d="M27.39 18.6755C28.0875 8.1671 36.8145 0 47.3461 0H854.258C865.825 0 874.98 9.78296 874.214 21.3245L846.869 433.324C846.172 443.833 837.444 452 826.913 452H20.001C8.43403 452 -0.721172 442.217 0.0448608 430.675L27.39 18.6755Z" fill="black"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 875 452" preserveAspectRatio="none"><path d="M27.39 18.6755C28.0875 8.1671 36.8145 0 47.3461 0H854.258C865.825 0 874.98 9.78296 874.214 21.3245L846.869 433.324C846.172 443.833 837.444 452 826.913 452H20.001C8.43403 452 -0.721172 442.217 0.0448608 430.675L27.39 18.6755Z" fill="black"/></svg>');
    
    /* Растягиваем маску на всю ширину/высоту */
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: #222222;
    z-index: 1;
}
.promo-order_img {
    height: 518px;
    width: 522px;
    object-fit: contain;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.benefit-type-three_item {
    position: relative;
    border-radius: 20px;
    background: #FFF;
    color: #161616;
    padding: 55px 60px;
    height: 460px;
}
.benefit-type-three_item {
    .title {
        font-size: 24px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.72px;
    }
    .text {
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.54px
    }
    ul {
        list-style-type: none;
        display: grid;
        gap: 20px;
        padding: 0;
        margin: 0;
    }
    ul li {
        position: relative;
        padding-left: 20px;
    }
    ul li::before {
        position: absolute;
        content: "— ";
        left: 0;
        top: 0;
    }
    img {
        position: absolute;
        top: 0;
        right: -1px;
        width: auto;
        /*height: 460px;*/
        height: 100%;
    }
}
.benefit-type-three_item > * {
    position: relative;
    z-index: 9;
}
.benefit-type-three_item.dark-item {
    color: #FFFFFF;
    background: #222222;
}
.benefit-type-three_item.dark-item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    z-index: 0;
    background: linear-gradient(180deg, rgba(251, 251, 250, 0.1) 0%, rgba(230, 48, 40, 1) 100%);
}
.benefit-type-three_item.dark-item::after {
    position: absolute;
    content: '';
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 20px;
    background: #222222;
    z-index: 1;
}
.swiper-container {position: relative;width: 100%;}
.swiper-button-next, .swiper-button-prev {
    width: 56px;
    height: 56px;
    transition: all 0.15s ease-in-out;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    scale:1.1;
}
.swiper-button-prev.swiper-button-next_about {
    left: 0;
    transform: rotate(180deg);
}
.swiper-button-next.swiper-button-next_about {
    right: 0;
}
.swiper-wrapper {
    align-items: stretch;
}
.swiper-slide {
    height: auto;
}
.StepsSwiper {
    overflow: unset;
}

.steps-swiper-container {
    position: relative;
    overflow: hidden;
    padding: 60px;
    background-color: #000;
    background-image: url(../img/steps-bg-1.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-position-y: bottom;
    border-radius: 20px;
    
    min-height: 470px;
}
.steps-swiper-container::before, .steps-swiper-container::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
    z-index: 2;
}
.steps-swiper-container::after {
    right: unset;
    left: 0;
    background: linear-gradient(-90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
}
.swiper-button-prev.swiper-button-prev_steps, .swiper-button-next.swiper-button-next_steps {
    top:40%;
}
.swiper-button-prev.swiper-button-prev_steps {
    transform: rotate(180deg);
    left: -15px;
}
.swiper-button-next.swiper-button-next_steps {
    right: -15px;
}
.step-item {
    position: relative;
    border-radius: 20px;
    padding: 20px;
    padding-top: 0;
    padding-left: 6px;
    box-shadow: 0 20px 34px 0 rgba(230, 48, 40, 0.15);
    background: rgba(39, 39, 39, 0.70);
    backdrop-filter: blur(12px);
    display: flex;
    gap: 10px;
    border: 1px solid rgba(230, 48, 40, 1);
}
.step-item {
    .num {
        flex-shrink: 0;
        width: 80px;
        font-family: "Race Sport";
        font-size: 110px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -3.3px;
        background: linear-gradient(229deg, #E63028 41.37%, #B61515 75.71%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
    }
    .text {
        padding-top: 40px;
        font-size: 18px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.54px;
    }
    .text span {
        display: block;
        margin-bottom: 10px;
        font-size: 28px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.84px;
    }
}
.steps-bg_m--img {display: none;}
.container-w-sw {
    position: relative;
}
.container-w-sw .steps-btn {
    margin-top: -45px;
    position: relative;
}
.faq-container {
    width: 100%;
}
.faq-swipers {
  position: sticky;
  top: 120px;
  align-self: flex-start; /* важно, если родитель flex */
  max-height: calc(100vh - 40px); /* чтобы не вылезал за экран */
}
.faq-list {
    display: flex;
    flex-direction: column;
}
.faq-question {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    padding: 13px 0;
    background: transparent;
    border: none;
    text-align: left;
    font-family: inherit;
}
.faq-item.active .question-text, .faq-question:hover .question-text {
    color: #E63028;
}
.faq-question:focus-visible {
    outline: 2px solid #E63028;
    outline-offset: 2px;
}
.icon-wrapper {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    position: relative;
}
.icon-box {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-line {
    position: absolute;
    background-color: #E63028;
    border-radius: 2px;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.icon-line-horizontal {
    width: 34px;
    height: 2px;
    left: 0;
    top: 16px;
}
.icon-line-vertical {
    width: 2px;
    height: 34px;
    left: 16px;
    top: 0;
    opacity: 1;
    transform: rotate(0deg);
}
.faq-item.active .icon-line-vertical {
    opacity: 0;
    transform: rotate(90deg);
}
.faq-question:hover .icon-line-horizontal,
.faq-question:hover .icon-line-vertical {
    background-color: #E63028;
}
.content-wrapper {
    flex: 1;
}
.question-text {
	cursor:pointer;
    font-size: 26px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.78px;
    transition: all 0.15s ease-in-out;
}
.faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease-out;
    overflow: hidden;
	cursor: auto;
}
.answer-inner {
    min-height: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.6px;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.faq-item.active .faq-answer {
    grid-template-rows: 1fr;
}

.faq-item.active .answer-inner {
    opacity: 1;
    transform: translateY(0);
    padding: 0.5rem 0 1.25rem 0;
}
.answer-inner p {
    margin: 0 0 0.75rem 0;
}
.answer-inner p:last-child {
    margin-bottom: 0;
}
@keyframes gentleFade {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.faq-item {
    animation: gentleFade 0.3s ease backwards;
    animation-delay: calc(var(--order, 0) * 0.05s);
}
.bg-white-grad-2 {
    background: linear-gradient(215deg, #FBFBFA 24.54%, #E6E6E6 78.16%);
    clip-path: polygon(
        0% 150px,        /* левый верх (опущен на 150px) */
        100% 0%,         /* правый верх */
        100% 100%,       /* правый низ */
        0% calc(100% - 150px) /* левый низ (поднят на 150px) */
    );
    padding: 200px 0;
}
.sub-h {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.72px;
}
.fsz-14 {
    font-size: 14px;
}
.answer-inner ul {
    display: grid;
    gap: 10px;
    margin-bottom: 0;
}
.FaqSwiper .swiper-slide {
    border-radius: 20px;
    overflow: hidden;
}
.FaqSwiper .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1;
    border-radius: 20px;
}
.swiper-button-next.swiper-button-next_faq {
    right: -40px;
}
.swiper-button-prev.swiper-button-prev_faq {
    transform: rotate(180deg);
    left: -40px;
}
.faq-btn {
    margin-top: -120px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); 
}
.swiper-button-prev.swiper-button-prev_cars {
    transform: rotate(180deg);
    left: -70px;
}
.swiper-button-next.swiper-button-next_cars {
    right: -70px;
}
.CarsSwiper {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.car-item {
    dt {
        font-weight: unset;
    }
    img {
        width: 100%;
        height: auto;
        aspect-ratio: 10 / 8;
        object-fit: cover;
        border-radius: 20px;
    }
    .title {
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.72px;
    }
    .char-line {
        display: flex;
        gap: 10px;
    }
    .char-line {
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.48px;
        opacity: 0.7;
    }
    .char-line > *:last-child {
        font-weight: 600;
    }
    .price-label {
        display: block;
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.48px;
        opacity: 0.7;
    }
    .price-benefit, .price-value {
        color: #E63028;
        font-size: 24px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.72px;
    }
    .price-value {color: #fff;}
}
.car-item:hover img {
    box-shadow: 0px 34px 14px -20px rgba(230, 48, 40, 0.4);
}

.black-box {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 40px;
    border-radius: 20px;
    background: rgba(39, 39, 39, 0.70);
    box-shadow: 0 20px 34px 0 rgba(230, 48, 40, 0.15);
    transition: all 0.15s ease-in-out;
}
.black-box::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(251, 251, 250, 0.1) 0%, rgba(230, 48, 40, 1) 100%);
    z-index: 0;
}
.black-box::after {
    position: absolute;
    content: '';
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 20px;
    background: #222222;
    z-index: 1;
}
.black-box > * {
    position: relative;
    z-index: 9;
}
.contacts-block {
    padding: 60px;
    font-size: 24px;
}
.contacts-block {
    a {color: #fff;}
    a:hover {text-decoration: underline;}
    .label {
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.48px;
        opacity: 0.7;
        margin-bottom: 5px;
    }
}
.copy {
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.48px;
    color:#FFFFFFB3;
}
.copy a {
    color: #FFFFFFB3;
}
.copy a:hover {
    color: #fff;
}
.map {
    border-radius: 20px;
    overflow: hidden;
}
.to-top {
    cursor: pointer;
}
    .modal {
        --bs-modal-width: 750px;
    }
    .modal-content {
        position: relative;
        border-radius: 20px;
        border: 0;
        background: #272727;
        box-shadow: 0 20px 34px 0 rgba(230, 48, 40, 0.15);
    }
    .modal-close {
        position: absolute;
        top: 25px;
        right: 25px;
        width: 31px;
        height: 31px;
        padding: 0;
        margin: 0;
        background: transparent;
        border: 0;
        outline: none;
        z-index: 99;
        transition: all 0.15s ease-in-out;
    }
    .modal-close:hover {
        scale: 1.1;
    }
    .modal-body {
        padding: 40px 90px;
    }
    .modal-content .title {
        font-size: 40px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -1.2px;
        background: #FBFBFA;
        background: linear-gradient(190deg, rgba(251, 251, 250, 1) 27%, rgba(251, 251, 250, 1) 50%, rgba(191, 189, 190, 1) 94%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
.tr-form {
    display: grid;
    gap: 20px;
}
.tr-form input {
	line-height:60px;
}
.tr-form input, .tr-form textarea {
    display: block;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #898989;
    background: transparent;
	font-weight: 500;
    outline: none;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.6px;
	padding:0 15px;
    transition: all 0.15s ease-in-out;
}
.tr-form input:hover, .tr-form input:focus {
    border: 1px solid #E63028;
}
.tr-form input::placeholder {
	color:#898989;
}
.tr-form .privacy-txt, .tr-form .privacy-txt a {
    font-size: 12px;
    line-height: normal;
    letter-spacing: -0.25px;
    color: #898989;
    font-weight: 100;
    text-align: center;
}
.tr-form input.novalid {
	border-color: var(--bs-red);
}
.tr-form button {
    padding: 0 45px;
}
.privacy-txt a {
	text-decoration:underline;
}
.success-message, .error-message {
	font-size: 22px;
    font-weight: 600;
    text-align: center;
}
.grecaptcha-badge {
	display:none;
}