@charset "UTF-8";

.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 13.5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 16px;
}

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

.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 17px;

    border: 1px solid #9e7a58;
    border-radius: 3px;
}

#load-more {
    display: none;
}

.car-posts_wrapper {
    width: 100%;
    position: relative;
}

.control input:checked~.control_indicator {
    background: #9E7A58;
}

.control:hover input:not([disabled]):checked~.control_indicator,
.control input:checked:focus~.control_indicator {
    background: #9E7A58;
}

.control input:disabled~.control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.control input:checked~.control_indicator:after {
    display: block;
}

.control-checkbox .control_indicator:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
}

.control-checkbox input:disabled~.control_indicator:after {
    border-color: #7b7b7b;
}

.range-slider {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
    /* height: 6em; */
    border: 1px solid #434343;
    border-radius: 6px;
}

.range-slider svg,
.range-slider input[type=range] {
    position: absolute;
    left: 0;
    bottom: 0;

}

input[type=number] {
    border: none;
    text-align: center;
    font-size: 1.5rem;
    -moz-appearance: textfield;
    color: #F6F6F6;
    padding: 0;
}

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

input[type=number]:invalid,
input[type=number]:out-of-range {
    border: 2px solid #ff6347;
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
}

input[type=range]:focus {
    outline: none;
}

input[type=number]:focus {
    color: white;
}

.range-slider_input-wrapper {
    font-size: 1.5rem;
    display: flex;
    justify-content: space-between;
    padding: 16px 14px;
    position: relative;
}

.range-slider_input-wrapper::after {
    content: '';
    display: block;
    width: 12px;
    height: 1px;
    background-color: #AEAEAE;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.range-slider_input>span {
    font-size: 1.2rem;
    color: #AEAEAE;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    animate: 0.2s;
    background: white;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

input[type=range]::-webkit-slider-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    height: 20px;
    width: 20px;
    border-radius: 25px;
    background: white;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -10px;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #2497e3;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

input[type=range]::-moz-range-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid #2497e3;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #a1d0ff;
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
    background: #2497e3;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

input[type=range]::-ms-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid #2497e3;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #a1d0ff;
    cursor: pointer;
}

.range-slider input[type=range] {
    border: none;
    padding: 0 16px;

}

.range-slider input[type=range] {
    border: none;
    padding: 0 16px;

}

[data-aos=fade-in-up] {
    opacity: 0;
    transform: translate3d(0, 65px, 0)
}

[data-aos=fade-in-up].aos-animated {
    opacity: 1;
    transform: translateZ(0);
    transition-property: opacity, transform;
    transition-duration: .6s;
    transition-timing-function: ease-out
}

[data-aos-delay="200"] {
    transition-delay: .2s
}

[data-aos-delay="400"] {
    transition-delay: .4s
}

[data-aos-delay="600"] {
    transition-delay: .6s
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    src: url(/wp-content/themes/g-motors/fonts/Manrope-Medium.woff2) format("woff2")
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    src: url(/wp-content/themes/g-motors/fonts/Manrope-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: Manrope;
    font-style: light;
    font-weight: 200;
    src: url(/wp-content/themes/g-motors/fonts/Manrope-Light.woff2) format("woff2")
}

/* Transition */
:root {
    interpolate-size: allow-keywords;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

[hidden] {
    display: none
}

body {
    line-height: 1
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
select,
textarea {
    border-radius: 0
}

input[type=email],
input[type=password],
input[type=search],
input[type=text],
textarea {
    border-radius: 0
}

button,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

*,
::after,
::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth
}

body {
    font-family: Manrope, sans-serif;
    box-sizing: border-box;
    color: #f6f6f6;
    background: #101010
}

input,
textarea {
    font-family: Manrope, sans-serif
}

.container {
    max-width: 144rem;
    width: 100%;
    padding: 0 4.8rem;
    margin: 0 auto
}

@media only screen and (max-width:60em) {
    .container {
        padding: 0 1.6rem
    }
}

svg,
svg path {
    transition: all .4s ease
}

a {
    text-decoration: none;
    color: #f6f6f6
}

a:active,
a:focus,
a:hover,
a:visited {
    outline: 0;
    color: inherit
}

.is-hidden {
    display: none
}

pre {
    color: #000
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-family: Manrope, sans-serif;
    text-align: center;
    color: inherit;
    background: 0 0;
    border: none;
    outline: 0;
    text-decoration: none;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 100%;
    transition: all .4s ease
}

.btn-primary {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.1rem;
    background: #9e7a58;
    border-radius: .6rem
}

.btn-primary:hover {
    color: #101010;
    background: #f6f6f6
}

.btn-primary:hover svg path {
    fill: #101010
}

.btn-language {
    border: .1rem solid #434343;
    border-radius: .6rem
}

.btn-language:hover {
    border-color: #fff
}

.btn-language.--active {
    background: #9e7a58;
    border-color: #9e7a58
}

.btn-text {
    transition: color .4s ease;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: -.01em
}

.btn-text:hover {
    color: #9e7a58
}

.btn-text:hover svg path {
    fill: #9e7a58
}

.btn-text.is-active svg {
    transform: rotate(180deg)
}

.btn-text.is-active .btn__text-origin {
    transform: translateY(200%) rotateX(-180deg)
}

.btn-text.is-active .btn__text-copy {
    transform: translateY(-100%) rotateX(0)
}

.btn__text {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.btn__text-copy,
.btn__text-origin {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    transition: transform .8s cubic-bezier(.87, 0, .13, 1)
}

.btn__text-origin {
    position: relative;
    transform: translateY(0) rotateX(0);
    white-space: nowrap;
    z-index: 2
}

.btn__text-copy {
    position: absolute;
    transform: translateY(-200%) rotateX(180deg);
    width: 100%;
    z-index: 1
}

.btn.--filter {
    flex: 1;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.8rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(33.3333333333% - 1.6rem);
    height: 4rem;
    border: .1rem solid transparent;
    border-radius: 10rem;
    padding: 1.2rem 2.4rem;
    margin: .8rem
}

@media only screen and (max-width:60em) {
    .btn.--filter {
        padding: 1rem 1.55rem
    }
}

@media screen and (max-width:374px) {
    .btn.--filter {
        width: calc(100% - 1.6rem)
    }
}

.btn.--filter.--active {
    background: #9e7a58;
    pointer-events: none
}

.btn.--filter:hover:not(.--active) {
    border-color: #f6f6f6
}

.btn.--load {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.1rem;
    width: fit-content;
    background-color: #9e7a58;
    left: 0;
    width: 100%;
    margin-top: 4rem;
    border-radius: 6px;
}

.btn.--load a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1.4rem
}

.btn.--load a svg {
    margin-right: .8rem
}

.btn.--load a svg path {
    transition: none
}

.btn.--load:hover {
    color: #101010;
    background: #f6f6f6
}

.btn.--load:hover a {
    color: #101010
}

.btn.--load:hover svg path {
    fill: #101010
}

.btn.--load:has(a.disabled) {
    cursor: default;
    pointer-events: none
}

.input-custom {
    width: 100%;
    height: 4.1rem;
    color: #f6f6f6;
    background-color: transparent;
    border: 0;
    border-bottom: .1rem solid #434343;
    outline: 0;
    padding: .8rem 0 1.2rem
}

.input-custom::-moz-placeholder {
    color: #f6f6f6
}

.input-custom::placeholder {
    color: #f6f6f6
}

.input-custom.--select {
    display: none
}

input,
select,
textarea {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.1rem;
    color: #aeaeae;
    caret-color: #f6f6f6;
    background-color: transparent;
    border: 0;
    border-bottom: .1rem solid #434343;
    outline: 0;
    transition: all .3s ease
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #f6f6f6;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

input::placeholder,
select::placeholder,
textarea::placeholder {
    color: #f6f6f6;
    transition: color .3s ease
}

input:active,
input:focus,
input:hover,
select:active,
select:focus,
select:hover,
textarea:active,
textarea:focus,
textarea:hover {
    color: #aeaeae
}

input:active::-moz-placeholder,
input:focus::-moz-placeholder,
input:hover::-moz-placeholder,
select:active::-moz-placeholder,
select:focus::-moz-placeholder,
select:hover::-moz-placeholder,
textarea:active::-moz-placeholder,
textarea:focus::-moz-placeholder,
textarea:hover::-moz-placeholder {
    color: #aeaeae
}

input:active::placeholder,
input:focus::placeholder,
input:hover::placeholder,
select:active::placeholder,
select:focus::placeholder,
select:hover::placeholder,
textarea:active::placeholder,
textarea:focus::placeholder,
textarea:hover::placeholder {
    color: #aeaeae
}

input[type=text] {
    width: 100%;
    height: 4.1rem;
    background-color: transparent;
    border: 0;
    border-bottom: .1rem solid #434343;
    outline: 0;
    padding: .8rem 0 1.2rem
}

textarea {
    padding: 0;
    resize: unset
}

input[type=submit] {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.1rem;
    width: 100%;
    height: 4.9rem;
    padding: 1.4rem 1rem;
    color: #f6f6f6;
    background: #9e7a58;
    border: 0;
    border-radius: .6rem;
    transition: all .4s ease;
    cursor: pointer
}

input[type=submit]:hover {
    color: #101010;
    background: #f6f6f6
}

.select2-search--dropdown {
    display: none !important
}

/* .select2-results__options li:first-child {
    display: none
} */

.select2-selection__rendered {
    display: flex;
    width: 100%
}

.select2-selection__rendered span {
    display: flex;
    align-items: center;
    width: 100%
}

.select2-selection__rendered span svg {
    position: absolute;
    right: 0
}

.select2-container {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.1rem;
    display: flex;
    height: 4.1rem;
    color: #f6f6f6;
    background-color: transparent;
    border: 0;
    border-bottom: .1rem solid #434343;
    outline: 0;
    padding: .8rem 0 1.2rem;
    transition: all .3s ease;
    position: relative;
    z-index: 100000000;
}

.select2-container:hover {
    color: #aeaeae;
    cursor: pointer
}

.select2-container--open {
    color: #aeaeae
}

.select2-container--open svg path {
    fill: #aeaeae
}

.select2-container .selection {
    width: 100%
}

.select2-container ul {
    background: #101010;
    border: .1rem solid #434343;
    border-radius: 0 0 .6rem .6rem;
    z-index: 10000;
}

.select2-results__option--selectable {
    color: #f6f6f6 !important;
    border-bottom: .1rem solid #434343;
    padding: 1.4rem 1.6rem
}

.select2-results__option--selectable:last-child {
    border: none;
    border-radius: 0 0 .6rem .6rem
}

.select2-container .select2-results__option--highlighted {
    background-color: #171717
}

.select2-results__options {
    margin-top: -.9rem
}

.card.--car-post {
    display: flex;
    flex-direction: column;
    max-width: 42.6rem;
    width: calc(33.3333333333% - 3.2rem);
    margin: 3.2rem 1.6rem 0;
    position: relative;
}

@media only screen and (max-width:71.25em) {
    .card.--car-post {
        max-width: 100%;
        width: calc(50% - 3.2rem)
    }
}

@media only screen and (max-width:60em) {
    .card.--car-post {
        margin: 2.4rem 1.6rem 0
    }
}

@media only screen and (max-width:40em) {
    .card.--car-post {
        max-width: 100%;
        width: 100%
    }
}

.card.--car-post:hover .card__title {
    color: #9e7a58
}

.card.--car-post:hover .card__image-item.swiper-slide-active img,
.card.--car-post:hover .card__image:not(.card__image-slider) img {
    transform: scale(1.15)
}

.card.--car-post .card__image {
    display: flex;
    width: 100%;
    height: 24rem;
    border: .1rem solid #f6f6f6;
    border-radius: .6rem;
    margin-bottom: 2.4rem;
    overflow: hidden
}

@media only screen and (max-width:60em) {
    .card.--car-post .card__image {
        margin-bottom: 1.2rem
    }
}

.card.--car-post .card__image-slider {
    width: 100%
}

.card.--car-post .card__image-slider::after {
    content: "";
    width: 100%;
    height: 6.2rem;
    background: linear-gradient(0deg, #101010 -109.68%, rgba(16, 16, 16, 0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.card.--car-post .card__image-slider .swiper-pagination {
    --swiper-pagination-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: calc(100% - 2rem);
    margin: 0 1rem
}

.card.--car-post .card__image-slider .swiper-pagination-bullet {
    --swiper-pagination-color: #F6F6F6;
    --swiper-pagination-bullet-horizontal-gap: 0.35rem;
    --swiper-pagination-bullet-inactive-color: #AEAEAE;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-size: 0.5rem;
    margin: .1rem var(--swiper-pagination-bullet-horizontal-gap)
}

.card.--car-post .card__image-slider .swiper-pagination-bullet-active {
    width: .8rem;
    height: .8rem
}

.card.--car-post .card__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .5s ease
}

.card.--car-post .card__heading {
    display: flex;
    align-items: baseline;
    margin-bottom: 1.2rem
}

.card.--car-post .card__title {
    margin-right: .8rem;
    transition: all .3s ease;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .card.--car-post .card__title {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

@media only screen and (max-width:60em) {
    .card.--car-post .card__title {
        font-size: 2.4rem
    }
}

.card.--car-post .card__price {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.875rem;
    letter-spacing: -.01em;
    margin-left: auto;
    white-space: nowrap
}

.card.--car-post .card__price span {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: -.01em
}

.card:has(.card__price-item--discounted) .card__price {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.card:has(.card__price-item--discounted) .card__price-item {
    font-size: 1.5rem !important;
    color: #aeaeae;
    text-decoration: line-through;
}

.card {
    overflow: hidden;
}

.card:has(.card__price-item--discounted)::before {
    content: attr(data-ribbon);
    padding: 1rem 5rem;
    width: auto;
    text-align: center;
    position: absolute;
    top: 0.5rem;
    right: -2.5rem;
    background-color: #ff0000;
    z-index: 100;
    transform-origin: bottom;
    transform: rotate(45deg);
    font-size: 1.5rem;
}

.card.--car-post .card__info {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    border: .1rem solid #434343;
    border-radius: .6rem;
    margin-bottom: 10px;
}

.card.--car-post .card__info-item {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.1rem;
    display: flex;
    align-items: center;
    color: #aeaeae;
    margin: .8rem;
    position: relative;
    overflow: visible
}

@media only screen and (max-width:60em) {
    .card.--car-post .card__info-item {
        font-size: 1.2rem;
        line-height: 120%
    }
}

.card.--car-post .card__info-item::after {
    content: "";
    height: 1.2rem;
    width: .1rem;
    background-color: #434343;
    position: absolute;
    right: -.8rem
}

.card.--car-post .card__info-item:last-of-type::after {
    content: none
}

.card.--car-post .card__info-item svg {
    width: 2rem;
    height: 2rem;
    margin-right: .8rem
}

.card.--feedback {
    width: 31.8rem;
    height: 44rem;
    border: .1rem solid #f6f6f6;
    border-radius: .6rem;
    /* margin: 2.4rem 1.2rem 0; */
    overflow: hidden;
    position: relative
}

.feedback_header--right {
    display: flex;
    gap: 8px;
}

.feedback-swiper-button {
    display: flex;
    padding: 1.93rem;
    border-radius: 6px;
    background-color: initial;
    color: white;
    border: 1px solid #434343;
    transition: all .4s ease;
}

.feedback-swiper-button:hover {
    background: #9e7a58;
    color: white;
}

.feedback-swiper-button:hover svg path {
    fill: #f6f6f6
}

.feedback-swiper-pagination {
    text-align: center;
    margin-top: 2.4rem;
    display: none;
}

.feedback-swiper-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    background-color: #AEAEAE;
    transition: all .4s ease;
}

.feedback-swiper-pagination .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background-color: #F6F6F6;
}

/* @media only screen and (max-width:36em) {
    .card.--feedback {
        max-width: 34.3rem;
        width: calc(100% - 2.4rem)
    }
} */

/* .card.--feedback:nth-child(2),
.card.--feedback:nth-child(3),
.card.--feedback:nth-child(6),
.card.--feedback:nth-child(7) {
    height: 39.6rem
} */

/* @media only screen and (max-width:80em) {

    .card.--feedback:nth-child(2),
    .card.--feedback:nth-child(3),
    .card.--feedback:nth-child(6),
    .card.--feedback:nth-child(7) {
        height: 44rem
    }
}

@media only screen and (max-width:40em) {

    .card.--feedback:nth-child(2),
    .card.--feedback:nth-child(3),
    .card.--feedback:nth-child(6),
    .card.--feedback:nth-child(7) {
        height: 42rem
    }
} */

.card.--feedback img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card.--feedback a {
    position: relative
}

.card.--feedback a:hover .btn {
    color: #101010;
    background: #f6f6f6
}

.card.--feedback a:hover .btn svg path {
    fill: #101010
}

.card.--feedback::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 71.14%, rgba(0, 0, 0, .4) 91.7%);
    position: absolute;
    top: 0;
    left: 0
}

.card.--feedback .card-btn {
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 30;
    transform: translate(-50%, -50%)
}

.card.--feedback .card-btn svg {
    margin-left: .4rem
}

.card.--feedback .card__car-title {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2rem;
    display: flex;
    color: #101010;
    background-color: #f6f6f6;
    border-radius: .6rem;
    padding: .8rem;
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    z-index: 20
}

.card.--feedback .card__bottom {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 1.6rem 1.6rem;
    position: absolute;
    bottom: 0
}

.card.--feedback .card__bottom-name {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem
}

.card.--feedback .card__bottom-rating {
    margin: 0 -.4rem 0 auto
}

.card.--feedback .card__bottom-rating span {
    margin: 0 .4rem
}

.menu__header {
    display: flex;
    width: calc(100% + 2rem);
    margin: 0 -1rem;
    gap: 1rem;
}

@media only screen and (max-width:80em) {
    .menu__header {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 4.8rem
    }
}

.menu__header-item {
    margin: 0 1rem
}

@media only screen and (max-width:80em) {
    .menu__header-item {
        font-size: 3.2rem;
        font-weight: 500;
        line-height: 3.52rem;
        letter-spacing: -.02em;
        text-align: left;
        margin-top: 1.6rem
    }

    .menu__header-item:first-child {
        margin-top: 0
    }
}

.menu__header-item:has(+.has-submenu) {
    margin-right: 2rem
}

.menu__header-item.has-submenu {
    margin-left: 2rem;
    position: relative;
    overflow: visible
}

@media only screen and (max-width:80em) {
    .menu__header-item.has-submenu {
        display: none
    }
}

.menu__header-item.has-submenu a {
    display: flex;
    align-items: center
}

.menu__header-item.has-submenu a svg {
    margin-left: .2rem
}

.menu__header-item.has-submenu::before {
    content: "";
    width: .1rem;
    height: 100%;
    background: #f6f6f6;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2rem;
    z-index: 1
}

.menu__header-item.has-submenu:hover a svg {
    transform: rotate3d(1, 0, 0, 180deg)
}

.menu__header-item.has-submenu:hover .sub-menu {
    top: calc(100% + 2.4rem);
    top: 100%;
    opacity: 1;
    visibility: visible
}

.menu__header-item.has-submenu .sub-menu {
    padding-top: 2.4rem;
    margin: 0;
    position: absolute;
    top: -3.6rem;
    left: -1.1rem;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease
}

.menu__header-item.has-submenu .sub-menu .menu__header-item {
    width: 4.9rem;
    height: 4.9rem;
    margin: 0
}

.menu__header-item.has-submenu .sub-menu .menu__header-item::after {
    content: "";
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    background: #f6f6f6;
    border-radius: .4rem;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.menu__footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.menu__footer-item {
    margin-bottom: .8rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .menu__footer-item {
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

@media only screen and (max-width:60em) {
    .menu__footer-item {
        font-size: 2rem;
        line-height: 120%
    }
}

.lang {
    display: none;
    margin-top: 4.8rem
}

@media only screen and (max-width:80em) {
    .lang {
        display: flex
    }
}

.lang-item {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.1rem;
    width: 5.2rem;
    height: 5.2rem;
    color: #f6f6f6;
    border: .1rem solid #434343;
    border-radius: .6rem;
    margin-right: 1.6rem;
    transition: all .4s ease
}

.lang-item a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.lang-item.current-lang {
    background: #9e7a58;
    pointer-events: none
}

.lang-item:hover {
    border-color: #fff
}

.header {
    display: flex;
    max-width: 144rem;
    padding: 2rem 4.8rem 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1020
}

@media screen and (min-width:1440px) {
    .header {
        max-width: none;
        padding: 2rem calc((100vw - 134.4rem)/ 2) 0
    }
}

@media only screen and (max-width:60em) {
    .header {
        padding: 2rem 1.6rem 0
    }
}

.header.--post {
    position: relative
}

.header::before {
    content: "";
    background-image: linear-gradient(180deg, #101010 -35.32%, rgba(16, 16, 16, 0) 100%);
    display: flex;
    height: calc(100% + 1.6rem);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease
}

.header__branding {
    display: flex;
    width: 11.1rem;
    height: 8rem;
    transition: all 0.3s ease-in-out;
}

@media only screen and (max-width:60em) {
    .header__branding {
        width: 6rem;
        height: 6rem;
    }
}

.header__branding:hover svg path:not([fill^=url]) {
    fill: #f6f6f6
}

.header__navigation {
    height: -moz-fit-content;
    height: fit-content;
    border-radius: .4rem;
    padding: 1.6rem 1.8rem;
    margin-left: auto;
    position: relative
}

@media only screen and (max-width:80em) {
    .header__navigation {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        background: #101010;
        padding: 14rem 4.8rem 3.2rem;
        overflow-y: auto;
        position: fixed;
        top: 0;
        right: -100%;
        left: 0;
        bottom: 0;
        z-index: -20;
        transform: translateX(0);
        transition: transform .4s ease
    }

    .header__navigation::-webkit-scrollbar {
        height: .4rem;
        width: .4rem;
        background: #434343;
        -webkit-border-radius: 1ex;
        -webkit-appearance: none
    }

    .header__navigation::-webkit-scrollbar-thumb {
        background: #9e7a58;
        -webkit-border-radius: 1ex
    }

    .header__navigation.--active {
        transform: translateX(-100%)
    }
}

@media only screen and (max-width:60em) {
    .header__navigation {
        padding: 11.6rem 1.6rem 3.2rem
    }
}

.header__navigation::after {
    content: "";
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    background: #f6f6f6;
    border-radius: .4rem;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

@media only screen and (max-width:80em) {
    .header__navigation::after {
        content: none
    }
}

.header__socials {
    display: none
}

@media only screen and (max-width:80em) {
    .header__socials {
        display: flex;
        padding-top: 4.8rem;
        margin: auto 0 0 -.6rem
    }
}

.header__socials-item {
    width: 4rem;
    height: 4rem;
    margin: 0 .6rem
}

.header__socials-item svg {
    width: 2rem;
    height: 2rem
}

.header__actions {
    margin-left: auto;
    position: relative
}

.header__actions-menu-btn {
    display: none
}

@media only screen and (max-width:80em) {
    .header__actions-menu-btn {
        display: flex;
        width: 4rem;
        height: 4rem;
        position: absolute;
        top: .45rem;
        right: 0
    }
}

.header__actions-menu-btn-icon {
    display: flex
}

.header__actions-menu-btn-icon #burger {
    transform: translateX(0)
}

.header__actions-menu-btn-icon #close {
    opacity: 0;
    visibility: hidden;
    transform-origin: 50% 50%;
    transform: rotate(180deg)
}

.header__actions-menu-btn.is-active {
    background: #101010;
    border: .1rem solid #434343
}

.header__actions-menu-btn.is-active:hover {
    border-color: #fff
}

.header__actions-menu-btn.is-active:hover svg path {
    fill: #fff
}

.header__actions-menu-btn.is-active .header__actions-menu-btn-icon #burger {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-150%)
}

.header__actions-menu-btn.is-active .header__actions-menu-btn-icon #close {
    opacity: 1;
    visibility: visible;
    transform: rotate(0)
}

.header__phone {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    height: 4.9rem;
    padding-right: 6.5rem;
    position: relative
}

@media only screen and (max-width:80em) {
    .header__phone {
        padding-right: 0;
        margin-right: 5.2rem
    }
}

.header__phone:hover .btn {
    background: #f6f6f6
}

.header__phone:hover .btn svg path {
    fill: #101010
}

.header__phone-number {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: -.01em
}

.header__phone-time {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -.01em;
    margin-top: .4rem
}

@media only screen and (max-width:60em) {
    .header__phone-time {
        display: none
    }
}

.header__phone-btn {
    width: 4.9rem;
    height: 4.9rem;
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (max-width:80em) {
    .header__phone-btn {
        display: none
    }
}

.footer {
    border-top: .1rem solid #434343;
    margin-top: 10rem
}

@media only screen and (max-width:60em) {
    .footer {
        margin-top: 8rem
    }
}

.footer__inner {
    display: flex;
    flex-wrap: wrap;
    margin: 4.8rem 0 2.4rem;
    position: relative
}

@media only screen and (max-width:60em) {
    .footer__inner {
        margin: 4rem 0 1.6rem
    }
}

.footer__branding {
    display: flex;
    width: 11.1rem;
    height: 12rem
}

@media only screen and (max-width:60em) {
    .footer__branding {
        width: 100%;
        height: 9.6rem
    }

    .footer__branding svg {
        width: 8.9rem;
        height: 9.6rem
    }
}

.footer__branding a:hover svg path:not([fill^=url]) {
    fill: #f6f6f6
}

.footer__navigation {
    margin-left: auto
}

.footer__navigation-lang {
    display: flex;
    flex-direction: column;
    margin-top: 0
}

@media only screen and (max-width:60em) {
    .footer__navigation-lang {
        position: absolute;
        top: 0;
        right: 0
    }
}

.footer__navigation-lang .lang-item {
    margin: 0 0 1.6rem
}

@media only screen and (max-width:60em) {
    .footer__navigation {
        max-width: 50%;
        width: 100%;
        margin: 4rem 0 0 0
    }
}

@media only screen and (max-width:40em) {
    .footer__navigation {
        max-width: 100%
    }
}

.footer__contacts {
    margin: 0 17rem 0 11rem
}

@media only screen and (max-width:60em) {
    .footer__contacts {
        max-width: -moz-max-content;
        max-width: max-content;
        width: 100%;
        margin: 4rem 0 0 auto
    }
}

@media only screen and (max-width:40em) {
    .footer__contacts {
        max-width: 100%;
        margin: 4rem 0 0 0
    }
}

.footer__phone {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.footer__phone-number {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: -.01em
}

.footer__phone-time {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: -.01em;
    color: #aeaeae;
    margin-top: .8rem
}

@media only screen and (max-width:60em) {
    .footer__phone-time {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.5rem;
        letter-spacing: -.01em;
        margin-top: .6rem
    }
}

.footer__messengers {
    display: flex;
    align-items: center;
    margin: 2rem 0 0 -.6rem
}

.footer__messengers-item {
    display: flex;
    align-items: center;
    height: 2rem;
    margin: 0 .6rem
}

.footer__messengers-item svg {
    width: 2rem;
    height: 2rem
}

.footer__messengers-item span {
    font-size: 1.2rem;
    display: none
}

@media only screen and (max-width:40em) {
    .footer__messengers-item span {
        display: flex;
        align-items: center;
        margin-left: .6rem
    }
}

.footer__address {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: -.01em;
    max-width: 17.4rem;
    margin-top: 3.2rem
}

.footer__socials {
    display: flex;
    margin: 3.2rem 0 0 -.6rem
}

.footer__socials-item {
    width: 4rem;
    height: 4rem;
    margin: 0 .6rem
}

.footer__socials-item svg {
    width: 2rem;
    height: 2rem
}

.footer__bottom {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: -.01em;
    line-height: 2.1rem;
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin-top: 9rem
}

@media only screen and (max-width:60em) {
    .footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 4rem
    }
}

.footer__partners-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% + 1.6rem);
    margin: .4rem 0 0 -.8rem
}

.footer__partners-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23.2rem;
    height: 8rem;
    background: #171717;
    border-radius: .4rem;
    padding: 1.8rem 4.6rem;
    margin: 1.6rem .8rem 0
}

@media only screen and (max-width:40em) {
    .footer__partners-item {
        width: 100%
    }
}

.footer__partners-item img {
    width: 14rem;
    height: 4.3rem;
    -o-object-fit: cover;
    object-fit: cover
}

.footer__copyright {
    color: #aeaeae;
    margin: 0 auto;
}

@media only screen and (max-width:60em) {
    .footer__copyright {
        margin: 4rem auto 0 0
    }
}

.error {
    margin-top: 3.2rem
}

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

.error__image svg {
    max-width: 100%;
    height: auto
}

.error__heading-title {
    width: 100%;
    margin-top: 2.4rem;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .error__heading-title {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

.error__heading-text {
    margin-top: 1.2rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .error__heading-text {
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

.error__posts {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 3.2rem);
    margin: 1.6rem 0 0 -1.6rem
}

@media only screen and (max-width:60em) {
    .error__posts {
        margin: 0 0 0 -1.6rem
    }
}

.hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.hero__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    height: 100vh;
    min-height: 56rem;
    max-height: 72rem;
    padding: 14rem 0 4.8rem;
    position: relative
}

.hero__title {
    display: flex;
    flex-direction: column;
    font-size: 8rem;
    font-weight: 500;
    line-height: 8rem;
    letter-spacing: -.02em
}

@media only screen and (max-width:60em) {
    .hero__title {
        font-size: 5.2rem;
        line-height: 5.2rem;
        filter: drop-shadow(1px 6px 7px black);
    }
}

.hero__title-line {
    display: flex;
    position: relative;
    margin-right: 1.6rem
}

.hero__title-line span {
    position: absolute;
    right: -15%;
    top: 43%;
}

.hero__title-line img,
.hero__title-line svg {
    width: 5.3rem;
    height: 3.6rem;
    margin-left: 1.6rem
}

@media only screen and (max-width:60em) {

    .hero__title-line img,
    .hero__title-line svg {
        width: 3.2rem;
        height: 2.2rem;
        margin-left: 1.2rem
    }
}

.hero__subtitle {
    font-weight: 500;
    max-width: 45.6rem;
    width: 100%;
    margin-top: 2.4rem;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .hero__subtitle {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

@media only screen and (max-width:40em) {
    .hero__subtitle {
        max-width: 29rem
    }
}

.hero__links {
    display: flex;
    flex-direction: column;
    max-width: 26.4rem;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 4.8rem
}

@media only screen and (max-width:60em) {

    .hero__link,
    .hero__link-caption,
    .hero__socials {
        display: none
    }

    .hero__links {
        position: relative;
        bottom: 0;
        margin-top: 32px;
        max-width: 100%;
        width: auto;

        margin-top: 32px;
    }

    .hero_counter {
        display: flex;
        gap: 29px;
        justify-content: center;
        align-items: center;
    }

    .hero_counter p {
        margin: 0 !important;
    }
}

.hero__link {
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    background: rgba(246, 246, 246, .102);
    border-radius: .6rem;
    padding: 2rem;
    margin-top: 1.6rem;
}

.hero_counter {
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    background: rgba(246, 246, 246, .102);
    border-radius: .6rem;
    padding: 2rem
}

.hero_counter p {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 2rem;

}

.hero__link+.hero__socials {
    margin-top: 1.6rem
}

.hero__link-caption {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: -.01em
}

.hero__link-link {
    width: 4rem;
    height: 4rem;
    margin-top: 2rem
}

.hero__link-link svg {
    width: 2rem;
    height: 2rem
}

.hero__socials {
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    background: rgba(246, 246, 246, .102);
    border-radius: .6rem;
    padding: 2rem
}

.hero__socials-caption {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: -.01em
}

.hero__socials-list {
    display: flex;
    width: calc(100% + 1.2rem);
    margin: 2rem 0 0 -.6rem
}

.hero__socials-item {
    width: 4rem;
    height: 4rem;
    margin: 0 .6rem
}

.hero__socials-item svg {
    width: 2rem;
    height: 2rem
}

.logo-brands {
    width: 100%;
    background: #171717;
    padding: 2.5rem 0;
    overflow: hidden
}

@media only screen and (max-width:60em) {
    .logo-brands {
        padding: 1.5rem 0
    }
}

.logo-brands__list {
    display: flex;
    align-items: center;
    animation: scroll linear infinite
}

.logo-brands__item {
    flex: 0 0 auto;
    height: 5rem;
    margin: 0 4rem;
    width: var(--item-width)
}

@media only screen and (max-width:60em) {
    .logo-brands__item {
        margin: 0 3rem
    }
}

.logo-brands__item img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-50%)
    }
}

.calculator {
    padding: 10rem 0
}

@media only screen and (max-width:60em) {
    .calculator {
        padding: 4rem 0
    }
}

.calculator__inner {
    display: flex;
    width: 100%
}

.calculator__column {
    max-width: 67rem;
    width: 100%
}

@media only screen and (max-width:60em) {
    .calculator__column {
        max-width: 100%
    }
}

.calculator__column-image {
    display: none
}

@media only screen and (max-width:60em) {
    .calculator__column-image {
        display: flex;
        align-items: center;
        max-height: 34.3rem;
        border-radius: .6rem;
        margin-top: 2.4rem;
        overflow: hidden
    }

    .calculator__column-image img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
}

.calculator__title {
    max-width: 54rem;
    width: 100%;
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 6.2rem;
    letter-spacing: -.02em
}

@media only screen and (max-width:60em) {
    .calculator__title {
        font-size: 3.2rem;
        line-height: 3.52rem
    }
}

@media only screen and (max-width:60em) {
    .calculator__title {
        max-width: 100%
    }
}

.calculator__description {
    max-width: 54rem;
    width: 100%;
    margin-top: 2.4rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .calculator__description {
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

@media only screen and (max-width:60em) {
    .calculator__description {
        max-width: 100%
    }
}

.calculator__image {
    max-width: 61.3rem;
    width: 100%;
    max-height: 59rem;
    border-radius: .6rem;
    margin-left: 6rem;
    overflow: hidden
}

@media only screen and (max-width:60em) {
    .calculator__image {
        display: none
    }
}

@media screen and (min-width:1440px) {
    .calculator__image {
        max-width: 61.3rem
    }
}

.calculator__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.calculator__calc {
    font-size: 1.5rem;
    line-height: 2.1rem;
    width: 100%;
    margin-top: 8rem;
    position: relative
}

@media only screen and (max-width:60em) {
    .calculator__calc {
        margin-top: 4rem
    }
}

.calculator__calc-form {
    transition: opacity .4s ease
}

.calculator__calc-form-item {
    margin-bottom: 4rem
}

.calculator__calc-form-item.--price {
    display: flex;
    align-items: center;
    margin-bottom: 4rem
}

@media only screen and (max-width:40em) {
    .calculator__calc-form-item.--price {
        flex-direction: column
    }
}

.calculator__calc-form-item.--price .input-custom.--text {
    margin-right: 4.8rem
}

@media only screen and (max-width:40em) {
    .calculator__calc-form-item.--price .input-custom.--text {
        margin: 0 0 4rem
    }
}

.calculator__calc-form-btn {
    width: 100%;
    padding: 1.4rem
}

.calculator__calc-result {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease
}

.calculator__calc-result-list {
    display: flex;
    flex-direction: column
}

.calculator__calc-result-item {
    display: flex;
    align-items: flex-end;
    border-bottom: .1rem solid #434343;
    padding: .8rem 0 1.2rem;
    margin-bottom: 2.4rem
}

.calculator__calc-result-item-title {
    color: #aeaeae;
    margin-right: 2rem
}

.calculator__calc-result-item-value {
    text-transform: uppercase;
    min-width: -moz-fit-content;
    min-width: fit-content;
    color: #f6f6f6;
    margin-left: auto
}

.calculator__calc-result-btn {

    padding: 1.4rem
}

.calculator__calc-result-btn svg {
    margin-right: .8rem
}

.calculator__calc.is-result .calculator__calc-form {
    max-height: 0;
    opacity: 0;
    visibility: hidden
}

.calculator__calc.is-result .calculator__calc-result {
    max-height: 100rem;
    opacity: 1;
    visibility: visible
}

.calculator .alert {
    position: absolute;
    color: #ff2121
}

.team {
    background: linear-gradient(180deg, #171717 23.04%, #101010 100%);
    padding-top: 10rem
}

@media only screen and (max-width:60em) {
    .team {
        padding-top: 4rem
    }
}

.team__title {
    max-width: 81rem;
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 6.2rem;
    letter-spacing: -.02em
}

@media only screen and (max-width:60em) {
    .team__title {
        font-size: 3.2rem;
        line-height: 3.52rem
    }
}

.team__title span {
    color: #9e7a58
}

.team__description {
    margin-top: 2.4rem;
    overflow: hidden;
    position: relative;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .team__description {
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

.team__description-wrapper {
    will-change: padding-bottom;
    max-height: var(--first-paragraph-height);
    padding-bottom: 0;
    overflow: hidden;
    transition: padding-bottom .5s ease-in-out
}

.team__description p {
    max-width: 77.8rem;
    margin-bottom: 1.6rem
}

.team__description p:last-of-type {
    margin-bottom: 0
}

@media only screen and (max-width:71.25em) {
    .team__description p {
        max-width: 100%
    }
}

.team__description.open .team__description-wrapper {
    padding-bottom: var(--extra-height, 100px)
}

.team__description-btn {
    position: absolute;
    right: 0;
    bottom: 0
}

@media only screen and (max-width:71.25em) {
    .team__description-btn {
        position: static;
        margin-top: 1.6rem
    }
}

@media only screen and (max-width:60em) {
    .team__description-btn {
        font-size: 1.5rem;
        line-height: 1.875rem
    }
}

.team__description-btn svg {
    margin-right: .8rem
}

@media only screen and (max-width:60em) {
    .team__description-btn svg {
        width: 1.9rem;
        height: 1.9rem
    }
}

.team__info {
    display: flex;
    margin-top: 4rem;
    padding-top: 6rem;
    border-top: .1rem solid #434343;
    border-bottom: .1rem solid #434343
}

@media only screen and (max-width:80em) {
    .team__info {
        flex-direction: column;
        border-top: none;
        border-bottom: none;
        padding-top: 0;
        margin: 4rem 0
    }
}

.team__statistic {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.team__statistic-item {
    border-bottom: .1rem solid #434343;
    margin-top: 8.85rem
}

@media only screen and (max-width:80em) {
    .team__statistic-item {
        margin-top: 3.2rem
    }
}

.team__statistic-item:first-of-type {
    margin-top: 0
}

.team__statistic-item:last-of-type {
    border-bottom: none
}

@media only screen and (max-width:80em) {
    .team__statistic-item:last-of-type {
        border-bottom: .1rem solid #434343
    }
}

.team__statistic-item-value {
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 6.16rem;
    margin-bottom: .8rem
}

@media only screen and (max-width:60em) {
    .team__statistic-item-value {
        font-size: 5.2rem;
        line-height: 5.2rem
    }
}

.team__statistic-item-title {
    font-size: 2rem;
    line-height: 2.8rem;
    color: #aeaeae;
    margin-bottom: 1.6rem
}

@media only screen and (max-width:60em) {
    .team__statistic-item-title {
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

.team__members {
    display: flex;
    margin-left: auto
}

@media only screen and (max-width:80em) {
    .team__members {
        flex-wrap: wrap;
        width: calc(100% + 2.4rem);
        margin: 1.6rem 0 0 -1.2rem
    }
}

.team__members-item {
    display: flex;
    flex-direction: column;
    max-width: 34.2rem;
    min-width: 29rem;
    width: 100%;
    margin-left: 2.4rem
}

@media only screen and (max-width:80em) {
    .team__members-item {
        max-width: calc(33.3333333333% - 2.4rem);
        min-width: unset;
        margin: 2.4rem 1.2rem 0
    }
}

@media only screen and (max-width:60em) {
    .team__members-item {
        max-width: calc(50% - 2.4rem)
    }
}

@media only screen and (max-width:40em) {
    .team__members-item {
        max-width: calc(100% - 2.4rem)
    }
}

.team__members-item:first-of-type {
    margin-left: 3.2rem
}

@media only screen and (max-width:80em) {
    .team__members-item:first-of-type {
        margin-left: 1.2rem
    }
}

.team__members-item-image {
    max-width: 29rem;
    width: 100%;
    aspect-ratio: .88/1;
    border: .1rem solid #f6f6f6;
    border-radius: .4rem;
    overflow: hidden
}

@media only screen and (max-width:80em) {
    .team__members-item-image {
        max-width: 100%
    }
}

@media only screen and (max-width:40em) {
    .team__members-item-image {
        aspect-ratio: 1/1.18
    }
}

.team__members-item-image img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.team__members-item-name {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    margin-top: 1.6rem
}

.team__members-item-job_title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.1rem;
    color: #aeaeae;
    margin-top: .6rem
}

.process {
    padding-top: 10rem
}

@media only screen and (max-width:60em) {
    .process {
        padding: 4rem 0
    }
}

.process__title {
    max-width: 56.6rem;
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 6.2rem;
    letter-spacing: -.02em
}

@media only screen and (max-width:60em) {
    .process__title {
        font-size: 3.2rem;
        line-height: 3.52rem
    }
}

.process__steps {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 3.2rem);
    margin: 1.6rem 0 0 -1.6rem
}

.process__item {
    max-width: calc(33.3333333333% - 3.2rem);
    width: 100%;
    border: .1rem solid #f6f6f6;
    border-radius: .6rem;
    padding: 3.2rem;
    margin: 2.4rem 1.6rem 0
}

@media only screen and (max-width:80em) {
    .process__item {
        flex: 1 1 calc(50% - 3.2rem);
        max-width: 100%
    }
}

@media only screen and (max-width:60em) {
    .process__item {
        padding: 2rem
    }
}

@media only screen and (max-width:40em) {
    .process__item {
        flex: 1 1 auto;
        max-width: 100%
    }
}

.process__item-heading {
    display: flex;
    align-items: center
}

.process__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    background-color: #9e7a58;
    border-radius: 100%;
    margin-right: 1.6rem
}

@media only screen and (max-width:60em) {
    .process__item-icon {
        width: 4.9rem;
        height: 4.9rem
    }
}

.process__item-title {
    font-weight: 500;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 3.5rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .process__item-title {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

.process__item-list {
    margin-top: 3.2rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .process__item-list {
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

@media only screen and (max-width:60em) {
    .process__item-list {
        margin-top: 2rem
    }
}

.process__item-list ol {
    list-style: decimal
}

.process__item-list ol li {
    margin: 0 0 2.4rem 2.4rem
}

@media only screen and (max-width:60em) {
    .process__item-list ol li {
        margin: 0 0 1.6rem 1.8rem
    }
}

.process__item-list ol li::marker {
    color: #9e7a58
}

.process__item-list ol li:last-of-type {
    margin-bottom: 0
}

.feedback {
    padding-top: 10rem
}

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

.feedback__list .swiper-slide {
    width: auto;
}

@media only screen and (max-width:60em) {
    .feedback {
        padding-top: 4rem
    }
}

.feedback__title {
    max-width: 51rem;
    width: 100%;
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 6.2rem;
    letter-spacing: -.02em
}

@media only screen and (max-width:60em) {
    .feedback__title {
        font-size: 3.2rem;
        line-height: 3.52rem
    }
}

.feedback__description {
    max-width: 51rem;
    width: 100%;
    margin-top: 2.4rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .feedback__description {
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

.feedback__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /* width: calc(100% + 2.4rem); */
    max-height: 89rem;
    margin-top: 4rem;
    ;
}

@media only screen and (max-width:80em) {
    .feedback__list {
        max-height: initial;
        flex-direction: row
    }
}

@media only screen and (max-width:36em) {
    .feedback__list {
        flex-direction: column;
        align-items: center
    }
}

.contact-form {
    padding-top: 10rem
}

@media only screen and (max-width:60em) {
    .contact-form {
        padding-top: 8rem
    }
}

.contact-form__inner {
    display: flex;
    background: #171717;
    padding: 4.8rem 3.2rem;
    position: relative
}

@media only screen and (max-width:60em) {
    .contact-form__inner {
        flex-direction: column;
        padding: 2rem
    }
}

.contact-form__heading {
    max-width: 48.7rem;
    width: 100%;
    margin: 0 6rem 0 0
}

@media only screen and (max-width:60em) {
    .contact-form__heading {
        margin: 0 0 4rem 0
    }
}

.contact-form__title {
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 6.2rem;
    letter-spacing: -.02em
}

@media only screen and (max-width:60em) {
    .contact-form__title {
        font-size: 3.2rem;
        line-height: 3.52rem
    }
}

.contact-form__text {
    margin-top: 2.4rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .contact-form__text {
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

@media only screen and (max-width:60em) {
    .contact-form__text {
        margin-top: 1.6rem
    }
}

.contact-form__block {
    max-width: 67.2rem;
    width: 100%;
    margin-left: auto
}

@media only screen and (max-width:60em) {
    .contact-form__block {
        max-width: 100%;
        margin-left: 0
    }
}

.contact-form__block-form-inputs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% + 4rem);
    margin-left: -2rem
}

@media only screen and (max-width:60em) {
    .contact-form__block-form-inputs {
        flex-direction: column
    }
}

.contact-form__block-form p:has(input[type=text]) {
    width: calc(50% - 4rem);
    margin: 0 2rem
}

@media only screen and (max-width:80em) {
    .contact-form__block-form p:has(input[type=text]) {
        width: calc(100% - 4rem);
        margin: 4rem 2rem 0
    }

    .contact-form__block-form p:has(input[type=text]):first-of-type {
        margin: 0 2rem
    }
}

.contact-form__block-form p:has(textarea) {
    width: calc(100% - 4rem);
    margin: 4rem 2rem 0
}

.contact-form__block-form p:has(textarea) textarea {
    max-height: 12rem
}

.contact-form__block-form p:has(input[type=submit]) {
    width: 100%;
    margin: 4rem 0 0
}

.contact-form__block-form .wpcf7 form .wpcf7-response-output {
    display: none;
    color: #ff2121;
    border: none;
    padding: 0;
    margin: 1rem 0 0
}

.contact-form__block-form .wpcf7 .wpcf7-spinner {
    display: none
}

.contact-form__block-form .wpcf7-not-valid-tip {
    color: #ff2121;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -.01em
}

.contact-form__block-gratitude {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #171717;
    padding: 6.8rem 1.6rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.contact-form__block-gratitude.--show {
    opacity: 1;
    visibility: visible
}

.contact-form__block-gratitude-title {
    text-align: center;
    max-width: 47.2rem;
    width: 100%;
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 6.2rem;
    letter-spacing: -.02em
}

@media only screen and (max-width:60em) {
    .contact-form__block-gratitude-title {
        font-size: 3.2rem;
        line-height: 3.52rem
    }
}

.contact-form__block-gratitude-text {
    text-align: center;
    max-width: 50.5rem;
    width: 100%;
    margin-top: 1.6rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .contact-form__block-gratitude-text {
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

.contact-form__block-gratitude-btn {
    padding: 1.4rem 3.2rem;
    margin-top: 3.2rem
}

.cars-posts {
    padding: 10rem 0 8.9rem
}

@media only screen and (max-width:60em) {
    .cars-posts {
        padding: 8rem 0 11.3rem
    }
}

.cars-posts__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:60em) {
    .cars-posts__heading {
        flex-direction: column;
        align-items: flex-start
    }
}

.cars-posts__title {
    max-width: 62rem;
    /* width: 100%; */
    margin-right: 2rem;
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 6.2rem;
    letter-spacing: -.02em
}

.cars-posts__title a {
    position: relative;
}

.cars-posts__title a::after {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 10px;
    right: -30px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 24 24' version='1.1'%3E%3Ctitle%3Eexternal_link_line%3C/title%3E%3Cg id='页面-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='File' transform='translate(-480.000000, -192.000000)' fill-rule='nonzero'%3E%3Cg id='external_link_line' transform='translate(480.000000, 192.000000)'%3E%3Cpath d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z' id='MingCute' fill-rule='nonzero'%3E%3C/path%3E%3Cpath d='M11,6 C11.5523,6 12,6.44772 12,7 C12,7.55228 11.5523,8 11,8 L5,8 L5,19 L16,19 L16,13 C16,12.4477 16.4477,12 17,12 C17.5523,12 18,12.4477 18,13 L18,19 C18,20.1046 17.1046,21 16,21 L5,21 C3.89543,21 3,20.1046 3,19 L3,8 C3,6.89543 3.89543,6 5,6 L11,6 Z M20,3 C20.5523,3 21,3.44772 21,4 L21,4 L21,9 C21,9.55228 20.5523,10 20,10 C19.4477,10 19,9.55228 19,9 L19,9 L19,6.41421 L10.7071,14.7071 C10.3166,15.0976 9.68342,15.0976 9.29289,14.7071 C8.90237,14.3166 8.90237,13.6834 9.29289,13.2929 L9.29289,13.2929 L17.5858,5 L15,5 C14.4477,5 14,4.55229 14,4 C14,3.44772 14.4477,3 15,3 L15,3 Z' id='形状结合' fill='%239e7a58'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media only screen and (max-width:60em) {
    .cars-posts__title {
        font-size: 3.2rem;
        line-height: 3.52rem
    }
}

.cars-posts_catalog-btn {
    display: block;
    font-size: 1.5rem;
    padding: 1.4rem 2rem;
    background-color: #9e7a58;
    border-radius: .6rem;
}

.cars-posts__filter {
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    /* margin-left: auto */
}

@media only screen and (max-width:60em) {
    .cars-posts__filter {
        margin: 2.4rem 0 0
    }

    .cars-posts_catalog-btn {
        margin: 2.4rem auto 0 auto;
        width: 100%;
    }
}

@media screen and (max-width:374px) {
    .cars-posts__filter {
        max-width: 100%
    }
}

.cars-posts__filter-list {
    display: flex;
    align-items: center;
    border: .1rem solid #434343;
    border-radius: 3rem
}

@media screen and (max-width:374px) {
    .cars-posts__filter-list {
        flex-direction: column;
        width: 100%
    }
}

.cars-posts__filter-item {
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible
}

.cars-posts__filter-item::after {
    content: "";
    height: 1.2rem;
    width: .1rem;
    background-color: #434343;
    position: absolute;
    right: -.8rem
}

@media screen and (max-width:374px) {
    .cars-posts__filter-item::after {
        content: none
    }
}

.cars-posts__filter-item[data-category=in-stock-ru],
.cars-posts__filter-item[data-category=in-stock] {
    order: -1
}

.cars-posts__filter-item:last-of-type::after {
    content: none
}

.cars-posts__content {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 3.2rem);
    margin: 1.6rem 0 0 -1.6rem
}

@media only screen and (max-width:60em) {
    .cars-posts__content {
        margin: 0 0 0 -1.6rem
    }
}

.cars-posts__load {
    margin-top: 4rem
}

@media only screen and (max-width:60em) {
    .cars-posts__load {
        margin-top: 2.4rem
    }
}

.car-info {
    margin-top: 4rem
}

.car-info__inner {
    display: flex
}

@media only screen and (max-width:60em) {
    .car-info__inner {
        flex-direction: column
    }
}

.car-info__photo-block {
    flex: 1;
    max-width: 75.2rem
}

@media only screen and (max-width:60em) {
    .car-info__photo-block {
        max-width: unset
    }
}

.car-info__photo-block-slider {
    border: .1rem solid #fff;
    border-radius: .6rem;
    overflow: hidden
}

@media only screen and (max-width:60em) {
    .car-info__photo-block-slider {
        height: calc(100vh - 16.4rem - 2.4rem - 7.5rem)
    }
}

@media only screen and (max-width:40em) {
    .car-info__photo-block-slider {
        height: initial
    }
}

.car-info__photo-block-slider-slide {
    max-width: 75.2rem;
    width: 100%;
    aspect-ratio: 1.23/1
}

@media only screen and (max-width:60em) {
    .car-info__photo-block-slider-slide {
        max-width: unset;
        aspect-ratio: 1.07/1
    }
}

/* .car-info__photo-block-slider-slide::before {
    content: "";
    width: 100%;
    height: 18.1rem;
    background: linear-gradient(180deg, #101010 -171.82%, rgba(16, 16, 16, 0) 88.67%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10
} */

/* .car-info__photo-block-slider-slide::after {
    content: "";
    width: 100%;
    height: 18.1rem;
    background: linear-gradient(0deg, #101010 -129.83%, rgba(16, 16, 16, 0) 88.67%);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10
} */

.car-info__photo-block-slider-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.car-info__photo-block-slider .swiper-pagination {
    display: none;
    --swiper-pagination-bottom: 2rem;
    z-index: 30
}

.car-info__photo-block-slider .swiper-pagination-bullet {
    --swiper-pagination-color: #F6F6F6;
    --swiper-pagination-bullet-horizontal-gap: 0.35rem;
    --swiper-pagination-bullet-inactive-color: #AEAEAE;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-size: 0.5rem
}

.car-info__photo-block-slider .swiper-pagination-bullet-active {
    width: .8rem;
    height: .8rem
}

@media only screen and (max-width:60em) {
    .car-info__photo-block-slider .swiper-pagination {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.car-info__photo-block-slider-control {
    display: flex;
    justify-content: space-between;
    width: 11.4rem;
    position: absolute;
    right: 2.4rem;
    bottom: 2.4rem;
    z-index: 100
}

@media only screen and (max-width:60em) {
    .car-info__photo-block-slider-control {
        display: none
    }
}

.car-info__photo-block-slider-control-button-next,
.car-info__photo-block-slider-control-button-prev {
    width: 4.9rem;
    height: 4.9rem
}

.car-info__photo-block-thumbs {
    width: calc(100% + 1.6rem);
    margin: 2.4rem 0 0 -.8rem
}

@media only screen and (max-width:60em) {
    .car-info__photo-block-thumbs {
        display: none
    }
}

.car-info__photo-block-thumbs .swiper-wrapper {
    flex-wrap: wrap
}

.car-info__photo-block-thumbs-slide {
    flex: 0 0 8rem;
    width: 8rem;
    border-radius: .4rem;
    margin: .8rem;
    overflow: hidden;
    aspect-ratio: 1/1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.car-info__photo-block-thumbs-slide.swiper-slide-thumb-active {
    outline: .2rem solid #fff
}

.car-info__title {
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 6.2rem;
    letter-spacing: -.02em
}

@media only screen and (max-width:60em) {
    .car-info__title {
        font-size: 3.2rem;
        line-height: 3.52rem
    }
}

@media only screen and (max-width:60em) {
    .car-info__title {
        margin-top: 2.4rem
    }
}

.car-info__price {
    margin-top: 2.8rem;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.01em
}

.car-info__info-block:has(.car-info__price--discounted) .car-info__price {
    font-size: 1.5rem;
    text-decoration: line-through;
    margin-top: 1rem;

}

.car-info__info-block:has(.car-info__price--discounted) .car-info__price--discounted {
    font-size: 2.8rem;
    text-decoration: none;
}

.car-info__price:has(.car-info__price--discounted) {
    text-decoration: line-through;
}

.car-info__photo-block {
    position: relative;

}

.car-info__inner:has(.car-info__price--discounted) .car-info__photo-block-slider::before {
    content: attr(data-ribbon);
    padding: 1rem 5rem;
    width: auto;
    text-align: center;
    position: absolute;
    top: 0.5rem;
    right: -2.5rem;
    background-color: #ff0000;
    z-index: 100;
    transform-origin: bottom;
    transform: rotate(45deg);
    font-size: 1.5rem;
}

@media only screen and (max-width:60em) {
    .car-info__price {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

@media only screen and (max-width:60em) {
    .car-info__price {
        margin-top: 1.2rem
    }
}

.car-info__category {
    font-size: 1.5rem;
    line-height: 2.1rem;
    color: #101010;
    background-color: #f6f6f6;
    border-radius: .6rem;
    padding: .8rem 1.2rem;
    position: absolute;
    top: 2.4rem;
    left: 2.4rem;
    z-index: 30
}

@media only screen and (max-width:60em) {
    .car-info__category {
        font-size: 1.2rem;
        line-height: 1.5rem;
        padding: .8rem;
        top: 1.6rem;
        left: 1.6rem
    }
}

.car-info__video {
    font-size: 1.5rem;
    line-height: 2.1rem;
    display: flex;
    align-items: center;
    position: absolute;
    top: 2.6rem;
    right: 2.4rem;
    z-index: 30
}

@media only screen and (max-width:60em) {
    .car-info__video {
        font-size: 1.2rem;
        line-height: 1.5rem;
        top: 1.8rem;
        right: 1.6rem
    }
}

.car-info__video svg {
    width: 3.2rem;
    height: 3.2rem;
    margin-right: .8rem
}

@media only screen and (max-width:60em) {
    .car-info__video svg {
        width: 2.4rem;
        height: 2.4rem
    }
}

.car-info__info-block {
    display: flex;
    flex-direction: column;
    width: clamp(37rem, 42%, 56rem);
    margin-left: 3.2rem
}

@media only screen and (max-width:60em) {
    .car-info__info-block {
        width: 100%;
        margin-left: 0
    }
}

.car-info__info-block-list {
    margin-top: 4rem
}

@media only screen and (max-width:60em) {
    .car-info__info-block-list {
        order: 4;
        width: calc(100% + 3.2rem);
        margin: 3.2rem 0 0 -1.6rem
    }
}

.car-info__info-block-list-item {
    display: flex;
    padding: 1.6rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:40em) {
    .car-info__info-block-list-item {
        flex-direction: column
    }
}

.car-info__info-block-list-item div {
    font-weight: 400;
    color: #aeaeae;
    margin-right: 3.2rem
}

.car-info__info-block-list-item p,
.car-info__info-block-list-item h2 {
    margin-left: auto
}

@media only screen and (max-width:40em) {

    .car-info__info-block-list-item p,
    .car-info__info-block-list-item h2 {
        margin: .8rem 0 0
    }
}

.car-info__info-block-list-item:nth-child(odd) {
    background-color: #171717;
    border-radius: .6rem
}

@media only screen and (max-width:60em) {
    .car-info__info-block-list-item:nth-child(odd) {
        border-radius: 0
    }
}

.car-info__button {
    padding: 1.4rem;
    margin-top: 4rem
}

@media only screen and (max-width:60em) {
    .car-info__button {
        margin-top: 2rem
    }
}

.car-info__sticky-bar {
    display: flex;
    align-items: center;
    width: 100vw;
    height: 6.9rem;
    background-color: #101010;
    border-top: .1rem solid #434343;
    padding: 1.4rem 1.6rem;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 150%);
    transition: all .4s ease-out;
    z-index: 900
}

@media only screen and (max-width:60em) {
    .car-info__sticky-bar.--visible {
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0)
    }
}

.car-info__sticky-bar-price {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: -.01em
}

.car-info__sticky-bar-btn {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.1rem;
    letter-spacing: -.01em;
    padding: 1rem 1.6rem;
    margin-left: auto
}

.car-condition {
    background-color: #171717;
    margin-top: 10rem
}

@media only screen and (max-width:60em) {
    .car-condition {
        margin-top: 8rem
    }
}

.car-condition__inner {
    display: flex;
    padding: 10rem 0
}

@media only screen and (max-width:60em) {
    .car-condition__inner {
        flex-direction: column;
        padding: 4rem 0
    }
}

.car-condition__info {
    max-width: 43.8rem;
    margin-right: 9rem
}

.car-condition__title {
    max-width: 34.5rem;
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 6.2rem;
    letter-spacing: -.02em
}

@media only screen and (max-width:60em) {
    .car-condition__title {
        font-size: 3.2rem;
        line-height: 3.52rem
    }
}

.car-condition__list {
    max-width: 34.5rem;
    margin-top: 4rem;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.8rem;
    letter-spacing: -.01em
}

@media only screen and (max-width:60em) {
    .car-condition__list {
        font-size: 1.5rem;
        line-height: 2.1rem
    }
}

@media only screen and (max-width:60em) {
    .car-condition__list {
        line-height: 1.825rem;
        margin-top: 2.4rem
    }
}

.car-condition__list-item {
    display: flex;
    align-items: center;
    margin-bottom: 1.6rem
}

.car-condition__list-item:last-child {
    margin-bottom: 0
}

.car-condition__list-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background-color: #9e7a58;
    border-radius: 100%;
    flex: 0 0 4rem
}

@media only screen and (max-width:60em) {
    .car-condition__list-item-icon {
        flex: 0 0 3.2rem;
        width: 3.2rem;
        height: 3.2rem
    }
}

.car-condition__list-item-text {
    margin-left: .8rem
}

.car-condition__image {
    max-width: 79.3rem;
    margin-left: auto
}

@media only screen and (max-width:60em) {
    .car-condition__image {
        margin: 4rem auto 0;
        aspect-ratio: 1.31/1
    }
}

.car-condition__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.thanks__title {
    font-size: 56px;
    text-align: center;
    max-width: 85rem;
    margin: 0 auto
}

.thanks__icon {
    width: 100%;
    height: 100%;
    max-width: 100px;
    margin: 0 auto;
    margin-bottom: 3rem;
}

.thanks__icon svg {
    width: 100%
}

.thanks__btn {
    max-width: 200px;
    padding: 1rem;
    font-size: 2em;
    margin: 0 auto;
    margin-top: 3rem;
}

.thanks__main {
    padding: 10rem 0;
}

.card_buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.card_btn {
    flex-basis: calc(50% - 0.5em);
    padding: 1.4rem 0;
    height: auto;
}

.card_btn--white {
    background-color: white;
    color: #000 !important;
}

.hr {
    height: .1em;
    background-color: #434343;
    border-radius: 50%;
}

.card__heading-wrapper--test {
    padding: 1em;
    border: .1em solid #434343;
    border-radius: .6rem;
    background-color: #43434333;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Modal Css */
.modal_popup_main {
    background: rgb(153 153 153 / 70%);
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0%;
    display: none;
    left: 0;
    z-index: 10000;
    padding: 0 10px;
}

.modal_popup_active {
    display: block;
}

.modal_popup {
    background: #101010;
    /* padding: 40px 30px 40px 30px; */
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    max-height: 100vh;
    overflow: auto;
}

.modal_popup_body {
    padding: 0 40px 40px 40px;
}

.modal_popup_header {
    font-size: 28px;
    color: white;
    background-color: #171717;
    padding: 24px 40px;
    border-bottom: 1px solid #434343;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.modal_popup .wpcf7-submit {
    margin-top: 20px;
}

.modal_popup .contact-form__block-form-inputs {
    margin-left: 0;
}

.modal_popup .contact-form__block-form-inputs {
    width: auto;
}

.modal_popup .contact-form__block-form-inputs {
    justify-content: center;
}

.modal_close_btn {
    /* position: absolute; */
    right: 20px;
    top: 20px;
    background: none;
    text-align: center;
    border: 0;
    cursor: pointer;
    color: white;
}

.modal_close_btn i {
    background: rgb(172, 171, 171);
    color: #000;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
}

.modal_popup p {
    font-size: 16px;
    color: #010202;
    font-family: "Century";
}

.modal_popup .wpcf7-response-output {
    display: none;
}

.modal_close_btn {
    border: none;
    background-color: initial;
    transition: transform 0.1s;
}

.modal_close_btn:hover {
    transform: scale(1.1);
}

.calculator__btn-wrap {
    display: flex;
    justify-content: space-evenly;

}


/* team */
.team__main {
    padding: 100px 0;
}

.team-hero_inner {
    padding-bottom: 4rem;
    border-bottom: 1px solid #434343;
}

.team-hero_title {
    width: 100%;
    margin-right: 2rem;
    font-size: 8rem;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -.02em;
    margin-bottom: 4rem;
}

.team-hero_title span {
    color: #9E7A58;
}

.team-hero_subtitle {
    max-width: 43.2rem;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 1.6rem;
}

.team-hero_text {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 140%;
    color: #AEAEAE;
    max-width: 70.4rem;
}

.team-hero_text>p+p {
    margin-top: 1em;
}

.our-team {
    margin-top: 4rem;
}

.our-team_inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
}

.our-team_inner--main-page {
    flex-wrap: nowrap;
}

.our-team_inner--main-page .our-team_title {
    flex-shrink: 4;
}

.our-team_inner--main-page .our-team_items {
    flex-shrink: 1;
}

.our-team_items {
    display: flex;
    justify-content: flex-end;

}

@media screen and (max-width: 1100px) {
    .our-team_inner--main-page {
        flex-wrap: wrap;
    }

    .our-team_inner--main-page .our-team_title {
        max-width: 100%;
    }

}

.our-team_title {
    font-weight: 500;
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: -1%;
    max-width: 348px;

}

.our-team-btn {
    background-color: #9E7A58;
    color: white;
    padding: 1.4rem 3.2rem;
    display: block;
    width: fit-content;
    border-radius: 0.6rem;
    margin-top: 2.4rem;
    font-size: 1.5rem;
}

.our-team_title p {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 140%;
    color: #AEAEAE;
    margin-top: 1.6rem;
}

.our-team-item {
    max-width: 297px;
    height: 100%;

}

.our-team-item+.our-team-item {
    margin-left: 2.4rem;
}

.our-team-item_img {
    max-height: 320px;
    max-width: 297px;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #F6F6F6;
    overflow: hidden;
}

.our-team-item_img img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.our-team-item_name {
    font-weight: 500;
    font-size: 2rem;
    line-height: 140%;
    margin-top: 1.6rem;
}

.our-team-item_position {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 140%;
    margin-top: 0.6rem;
}

.counter {
    margin-top: 4rem;
}

.counter_inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.6rem;
    justify-content: center;
}

.counter-item {
    padding: 2.4rem;
    background: linear-gradient(360deg, #171717 21.29%, #141414 125.86%);
    border-bottom: 1px solid #434343;
    box-sizing: border-box;
    flex-basis: 318px;
}

.counter-item_number {
    font-weight: 300;
    font-size: 9.6rem;
    line-height: 1.1;
    color: #393939;
}

.counter-item_title {
    font-weight: 500;
    font-size: 2rem;
    line-height: 140%;
    color: #AEAEAE;
    margin-top: 3.8rem;
}

.how-we-works {
    margin-top: 10rem;
}

.how-we-works_title {
    font-weight: 500;
    font-size: 5.6rem;
    line-height: 1.1;
}

.how-we-works_subtitle {
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    max-width: 70rem;
    margin-top: 2.8rem;
    margin-bottom: 4rem;
}

.how-we-works_servises-title {
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 125%;
    margin-top: 4rem;
}

.how-we-works_servises-wrapper {
    margin-top: 2.4rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
    counter-reset: servises-counter;
    position: relative;
    transition: all 0.3s ease-in;
}

.how-we-works_servises-wrapper.more-content {
    max-height: 100%;
    overflow: auto;
}

.servises_show-more {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 30px;
    background-color: #101010;
    display: none;
    color: #F6F6F6;

}

.servises_show-more::before {
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-100%);
    background: rgb(16, 16, 16);
    background: linear-gradient(0deg, rgba(16, 16, 16, 1) 0%, rgba(16, 16, 16, .5) 43%, rgba(16, 16, 16, .1) 100%);
}

.servises_item {
    padding: 2.4rem;
    border: 1px solid #F6F6F6;
    border-radius: 0.6rem;
    position: relative;
    counter-increment: servises-counter;
    overflow: hidden;
}

.servises_item::after {
    content: counter(servises-counter);
    position: absolute;
    right: 0;
    bottom: -25%;
    padding: 0 2.4rem;
    font-size: 17.2rem;
    font-weight: 200;
    color: #434343;
    /* Колір номера */
}

.servises_item-title {
    font-weight: 500;
    font-size: 2rem;
    line-height: 140%;
    color: #F6F6F6;
}

.servises_item-text {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 140%;
    color: #AEAEAE;
    margin-top: 1.6rem;
    max-width: calc(100% - 10rem);
}

.buying-process {
    margin-top: 10rem;
}

.buying-process_title {
    font-weight: 500;
    font-size: 5.6rem;
    line-height: 1.1;
    max-width: 51rem;
}

.buying-process_subtitle {
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    max-width: 51rem;
    margin-top: 2.8rem;
    margin-bottom: 4rem;

}

.buying-process_steps-wrapper {
    margin-top: 4rem;
}

.buying-process-step {
    padding: 2.4rem 3.2rem;
    border: 1px solid #F6F6F6;
    border-radius: .6rem;
    background-color: #101010;
    flex-basis: 66rem;
}

.buying-process-step_title {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 1.25;
}

.buying-process-step_title-img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #9E7A58;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.25rem;
}

.buying-process-step-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 2.4rem;
    counter-reset: step-counter;

}

.buying-process_steps-wrapper {
    display: grid;
    gap: 2.4rem;
    grid-template-columns: repeat(2, 1fr);
}

.buying-process-step-item {
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.4;
    padding-left: 3rem;
    position: relative;
    counter-increment: step-counter;
}

.buying-process-step-item+.buying-process-step-item {
    margin-top: 1.6rem;

}

.buying-process-step-item::before {
    content: counter(step-counter)".";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2rem;
    font-weight: bold;
    color: #9E7A58;
}

.buying-process-step--last {
    background-color: #171717;
    border: 1px solid #434343;
}

.buying-process-step--last .buying-process-step_title {
    max-width: 50.1rem;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 125%;
    margin-bottom: 3.1rem;
}

.buying-process-step-footer {
    margin-top: 3.55rem;
    display: flex;
    gap: 2.4rem;
    align-items: center;
    flex-wrap: wrap;
}

.buying-process-step-footer-text {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 140%;
    color: #AEAEAE;
}

.buying-process-step-footer-btn {
    padding: 1.4rem 3.2rem;
}

.partners {
    margin-top: 10rem;

}

.partners_inner {
    background-color: #171717;
}

.partners_title {
    text-align: center;
    font-weight: 500;
    font-size: 2rem;
    line-height: 140%;
}

.partners_inner {
    margin-top: 2rem;
    padding: 2.8rem 0;
}

.partners_item-wrap {
    display: flex;
    gap: 80px;
    justify-content: center;
}

.partners_item {
    max-width: 14rem;
}

.our-team_swiper-wrapper {
    display: none;
}

.our-team_swiper-wrapper .swiper-slide {
    width: auto;
    height: auto;
}

.team-hero_inner--main-page {
    padding: 0;
}

/* faq section start */


.ko-accordion-item {

    border-bottom: 1px solid #434343;
}

.ko-accordion-item-header {
    padding: 2.4rem 0;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    color: #F6F6F6;
    transition: all 0.4s ease;

}

.ko-accordion-item-header:hover,
.ko-accordion-item-header.active {
    color: #9E7A58;
}

.ko-accordion-item-header:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16659 4.16667L7.49992 4.16667C8.19436 4.16667 8.78464 4.40972 9.27075 4.89583C9.75686 5.38194 9.99992 5.97222 9.99992 6.66667L9.99992 14.3125L6.99992 11.3125L5.83325 12.5L10.8333 17.5L15.8333 12.5L14.6666 11.3125L11.6666 14.3125L11.6666 6.66667C11.6666 5.51389 11.2603 4.53125 10.4478 3.71875C9.63534 2.90625 8.6527 2.5 7.49992 2.5L4.16659 2.5L4.16659 4.16667Z' fill='%239E7A58'/%3E%3C/svg%3E");

}

.ko-accordion-item-header::after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16659 4.16667L7.49992 4.16667C8.19436 4.16667 8.78464 4.40972 9.27075 4.89583C9.75686 5.38194 9.99992 5.97222 9.99992 6.66667L9.99992 14.3125L6.99992 11.3125L5.83325 12.5L10.8333 17.5L15.8333 12.5L14.6666 11.3125L11.6666 14.3125L11.6666 6.66667C11.6666 5.51389 11.2603 4.53125 10.4478 3.71875C9.63534 2.90625 8.6527 2.5 7.49992 2.5L4.16659 2.5L4.16659 4.16667Z' fill='%23F6F6F6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.4s ease;
    transform: rotate(0deg);
}

.ko-accordion-item-header.active::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16659 4.16667L7.49992 4.16667C8.19436 4.16667 8.78464 4.40972 9.27075 4.89583C9.75686 5.38194 9.99992 5.97222 9.99992 6.66667L9.99992 14.3125L6.99992 11.3125L5.83325 12.5L10.8333 17.5L15.8333 12.5L14.6666 11.3125L11.6666 14.3125L11.6666 6.66667C11.6666 5.51389 11.2603 4.53125 10.4478 3.71875C9.63534 2.90625 8.6527 2.5 7.49992 2.5L4.16659 2.5L4.16659 4.16667Z' fill='%239E7A58'/%3E%3C/svg%3E");

    transform: rotate(180deg);
}

.ko-accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}

.ko-accordion-item-body-content {
    padding-bottom: 2.4rem;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 140%;
    color: #AEAEAE;

}

.ko-ask-qus h3 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 10px;
}

.ko-ask-qus p {
    margin-bottom: 20px;
}

.ko-form-cotrl {
    margin-bottom: 20px;
}

.ko-faq-input-field {
    width: 100%;
    max-width: 520px;
    padding: 10px;
    outline: none;
    border: 1px solid #dfdfdf;
}

.ko-faq-input-field:focus {
    outline: none;
    border: 1px solid #aae0ff;
    box-shadow: 1px 1px 10px #aae0ff;
}

.ko-btn {
    border: 0;
    padding: 6px 12px;
    background: #000000;
    color: #ffffff;
    cursor: pointer;
}

.faq {
    margin-top: 10rem;
}

.faq_inner {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.faq--left {

    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.faq--right {
    max-width: 707px;
}

.faq_title {
    font-weight: 500;
    font-size: 5.6rem;
    line-height: 1.1;
    max-width: 498px;
    width: 100%;
    margin-bottom: 2rem;
}

.faq_contact {
    padding: 1.6rem;
    border: 1px solid #434343;
    border-radius: 0.6rem;
    background-color: #171717;
    max-width: 38rem;
}

.faq_contact_title {
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.25;
}

.faq_title--accordion {
    display: none;
}

.faq_contact_subtitle {
    margin-top: 0.8rem;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #AEAEAE;

}

.faq_contact_item-wrapper {
    margin-top: 1.6rem;
}

.faq_contact_item {
    display: block;
    background-color: #9E7A58;
    border-radius: .4rem;
    display: flex;
    padding: 1.4rem 4.3rem;
    transition: all 0.4s ease;
}

.faq_contact_item>svg #p1 {
    fill: #F6F6F6;
}

.faq_contact_item>svg #p2 {
    fill: #9E7A58;
}

.faq_contact_item:hover>svg #p1 {
    fill: #9E7A58;
}

.faq_contact_item:hover>svg #p2 {
    fill: #F6F6F6;
}

.faq_contact_item:hover {
    background-color: #F6F6F6;
}

.faq_contact_item-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}


/* faq section end */



/* catalog */
.catalog_btn {
    text-align: center;
}

.site-main-catalog {
    margin-top: 10rem;
}

.catalog-header_title {
    font-weight: 500;
    font-size: 5.6rem;
    line-height: 1.1;
    max-width: 667px;
}

.catalog_-header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.catalog-mobile-header_inner {

    justify-content: space-between;
    align-items: center;
    margin-top: 2.4rem;
    gap: 1.2rem;
    display: none;
}

.catalog-mobile_btn {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 125%;
    padding: 17.5px 1rem;
    border: 1px solid #AEAEAE;
    border-radius: 3rem;
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catalog-mobile_btn>img {
    margin-right: 2px;
}

.catalog-body {
    margin-top: 4rem;

}

.catalog_filter_counter {
    font-weight: 500;
    font-size: 2rem;
    line-height: 125%;
    color: #F6F6F6;
    margin-bottom: 3.2rem;
}

.catalog-body_inner {
    display: flex;
}

.catalog-header_btn-wrapper {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 17px 24px;
    border: 1px solid #AEAEAE;
    border-radius: 3rem;
}

.catalog-header_btn-title {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 125%;
    color: #AEAEAE;
}

.catalog-header_btn-wrapper #sort-filter {
    display: none;
}

.catalog-header_btn-wrapper .select2-container {
    border: none;
    z-index: 100000;
    padding: 0;
    height: auto;
}

.catalog-header_btn-wrapper .select2-container ul {

    position: relative;
    z-index: 1000000;
}

.catalog_filter {
    margin-right: 54px;
    transition: all 0.4s ease;
    background-color: #101010;
}

.catalog_filter-mobile_header {
    position: sticky;
    top: 0;
    left: 0;
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 1.9rem 1.6rem;
    background-color: #171717;
    border: 1px solid #434343;
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
    z-index: 100;
}

.catalog_filter-mobile_header-title {
    font-weight: 500;
    font-size: 2rem;
    line-height: 140%;
}

.catalog_filter-mobile_footer {
    position: sticky;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 1.9rem 1.6rem;
    background-color: #171717;
    border-top: 1px solid #434343;
    z-index: 100;
}

.catalog_filter-mobile_footer-btn {
    background-color: transparent;
    border: none;
    color: #F6F6F6;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 140%;

}

.show-result {
    padding: 10px 16px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    background-color: #9E7A58;


}

.catalog-filter-form {
    max-width: 353px;
}

.card.--car-post.--car-post-catalog {
    width: 100%;
    margin: 0;
    max-width: 45.3rem;
    max-height: 397px;
}

.car-posts-container {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: flex-end; */
    gap: 3.1rem;
}

.catalog-filter_item-title {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #AEAEAE;
    margin-bottom: 1.2rem;
    display: inline-block;
}

.catalog-filter_item+.catalog-filter_item {
    margin-top: 3.2rem;
}

.catalog-filter_item-element {
    margin-top: 1.2rem;
}

.catalog-filter_item-element>.btn.--filter.--active {
    pointer-events: initial;
}

select#year {
    width: 100%;
    height: 0;
    border: none;
    visibility: hidden;
    opacity: 0;
}

/* contacts */
.contact-top {
    margin-top: 10rem;
}

.contact-top_inner {
    padding-top: 2.4rem;
    border-top: 1px solid #434343;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4rem;
}

.contact-top-messagers_items-wrapper>span {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 125%;
}

.contact-top-messagers_items {
    display: flex;
    gap: 0.8rem;
    margin-top: 1.6rem;
}

.contact-top_tm-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 1.6rem;
    text-align: right;
    font-size: 5.6rem;
    line-height: 1.1;
}

.contact-bottom {
    margin-top: 12.5rem;
}

.contact-bottom_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 4rem;
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #434343;
}

.contact-bottom_title {
    font-weight: 500;
    font-size: 2rem;
    line-height: 140%;
    max-width: 51rem;
}

.contact-bottom_socials {
    display: flex;
    gap: 1.2rem;
    margin-top: 1.6rem;
}

.contact-bottom__socials-item {
    width: 4rem;
    height: 4rem;
}

.sort-mobile-popup {
    position: fixed;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    background-color: #101010a9;
    z-index: 10000;
    transition: all 0.4s ease;
    /* display: none; */
}

.sort-mobile-popup.active {
    display: block;
    left: 0;
}

.sort-mobile-popup_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.4rem 1.6rem;
    background-color: #171717;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid #434343;
}

.sort-mobile-popup_header-title {
    font-weight: 500;
    font-size: 2rem;
    line-height: 140%;
    color: #F6F6F6;

}

.sort-mobile-popup_body {
    padding: 4rem 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    max-width: 600px;
    margin: 0 auto;
}

.sort-mobile-popup .content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #101010;
}

@media only screen and (max-width:1440px) {

    .catalog_filter-mobile_header,
    .catalog_filter-mobile_footer {
        display: flex;
    }

    /* .cars-posts__filter{
        max-width: 100%;
    } */
    .catalog-filter-form {
        /* max-width: 100%; */
        margin: 0 auto;
        padding: 0 1.6rem;
    }

    .catalog_filter_counter {
        display: none;
    }

    .catalog-mobile-header_inner {
        display: flex;
    }

    .catalog_filter {
        position: fixed;
        left: -200%;
        bottom: 0;
    }

    .catalog_filter.active {
        display: block !important;
        bottom: 0;

        overflow: scroll;
        overscroll-behavior: contain;
        left: 0;
        z-index: 1000000;
        width: 100%;
        height: calc(100% - 80px);

    }

    .catalog_filter.active::after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #10101081;
        z-index: -10;
    }

    .car-posts-container {
        justify-content: center;
    }

    .catalog-header_btn-wrapper {
        display: none;
    }

    .card.--car-post.--car-post-catalog {
        max-width: calc(50% - 16px);
    }
}

@media only screen and (max-width:1100px) {
    .contact-top_tm-wrapper {
        font-size: 2.4rem;
    }

    .contact-bottom_title {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width:1300px) {
    .faq_title {
        font-size: 3.5rem;

    }
}

@media only screen and (max-width:60em) {
    .cars-posts__filter {
        max-width: 100%;
    }

    .modal_popup_header {
        font-size: 20px;
        padding: 14px;
        ;
    }

    .modal_popup_body {
        padding: 0 14px 14px 14px;
    }

    .calculator__btn-wrap {
        flex-direction: column;
        gap: 20px;

    }

    .partners_item-wrap {
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width:90em) {
    .thanks__title {
        font-size: 3.6rem;
    }

    .thanks__main {
        padding: 5rem 0;
    }

    .counter_inner {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width:60em) {
    .thanks__title {
        font-size: 2.8rem;
        line-height: 1.12;
    }
}

@media only screen and (max-width:768px) {
    .catalog-filter-form {
        max-width: 100%;

    }

    .site-main-catalog {
        margin-top: 8rem;
    }

    .catalog-header_title {
        font-size: 3.2rem;
    }

    .card.--car-post.--car-post-catalog {
        max-width: 100%;
    }

    .contact-top {
        margin-top: 8rem;
    }

    .contact-top-messagers_items a {
        padding: 1.4rem;
        width: 100%;
        justify-content: center;
    }

    .contact-top_tm-wrapper {
        text-align: left;
    }

    .team__main {
        padding: 8rem 0;
    }

    .team-hero_title,
    .how-we-works_title {
        font-size: 3.2rem;
        margin-bottom: 2.4rem;

    }

    .team-hero_subtitle {
        font-size: 2rem;
        padding-top: 2.4rem;
        border-top: 1px solid #434343;
        max-width: 100%;
    }

    .team-hero_inner {
        border: none;
    }

    .our-team_swiper-wrapper {
        display: block;
    }

    .our-team_items>.our-team-item {
        display: none;
    }

    .counter-item_number {
        font-size: 5.6rem;
    }

    .counter-item_title {
        font-size: 1.5rem;
        margin-top: 1.6rem;
    }

    .counter-item {
        padding: 1.6rem;
    }

    .how-we-works_subtitle {
        font-size: 1.5rem;
        margin-bottom: 2.4rem;
    }

    .how-we-works_servises-title {
        font-size: 2.4rem;
        margin-top: 2.4rem;
    }

    .how-we-works_servises-wrapper--main-page {
        grid-template-columns: repeat(1, 1fr);
        max-height: 45rem;
        overflow: hidden;
        color: rgba(255, 255, 255, 0);
    }

    .how-we-works_servises-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .servises_show-more {
        display: block;
    }

    .servises_item {
        padding: 1.6rem;
    }

    .servises_item::after {
        font-size: 9.6rem;
        bottom: -0.2em;
        padding: 0 1.6rem;
    }

    .buying-process_title {
        font-size: 3.2rem;
    }

    .buying-process_subtitle {
        font-size: 1.5rem;
        margin-top: 1.6rem;
        margin-bottom: 2.4rem;
    }

    .buying-process_steps-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .buying-process-step {
        padding: 2rem;
    }

    .buying-process-step_title {
        font-size: 2.4rem;
    }

    .buying-process-step_title-img {
        width: 4.9rem;
        height: 4.9rem;
    }

    .buying-process-step-item {
        font-size: 1.5rem;
    }

    .buying-process-step-item::before {
        font-size: 1.5rem;
    }

    .buying-process-step--last .buying-process-step_title {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .buying-process-step-footer {
        margin-top: 2rem;
    }

    .buying-process-step-footer-btn {
        width: 100%;
    }

    .feedback_header--right {
        display: none;
    }

    .feedback-swiper-pagination {
        display: block;
    }

    .card.--feedback {
        width: 311px;
        height: 420px;
    }

    .faq_inner {
        flex-direction: column-reverse;
    }

    .faq_title {
        display: none;
        font-size: 3.2rem;
    }

    .faq_title--accordion {
        display: block;
    }

    .faq--left {
        align-items: center;
    }
}

@media screen and (min-width: 1200px) {
    .card__image {
        transition: height 0.3s ease-in-out;
    }

    .card__heading-wrapper {
        transition: height 0.3s ease-in-out;
    }

    .card__heading-wrapper .hr {
        background-color: initial;
        transition: background-color 0.3s ease-in-out;
    }

    .card_buttons {
        height: 0;
        overflow: hidden;
        transition: height 0.3s ease-in-out, margin 0.3s ease-in-out;
        margin-top: 0;
    }

    .card:hover .card__heading-wrapper .hr {
        background-color: #434343;
    }

    .card:hover .card__image {
        height: 17.4rem
    }

    .card:hover .card_buttons {
        height: auto;
        margin-top: 10px;
    }

    .hero {
        background-position: left;
    }
}

.flip-counter {
    display: flex;
    gap: 4px;
}

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

.wrap {
    flex-wrap: wrap;
}

.flip-dial {
    position: relative;
    width: 40px;
    height: 60px;

}

.flip-card {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    perspective: 40vw;
    z-index: 0;
}

.flip-card.active {
    z-index: 1;
}

.flip-card .card {
    width: 100%;
    height: 50%;
    border-radius: 6px 6px 0 0;
    border-bottom-width: 0;
    background: #101010;
    transform-origin: center bottom;
    /*   transition: transform 0.2s ease-in-out; */
    overflow: hidden;
}

.flip-card.active .card {
    background: #101010;
    box-shadow: 0px 0px 0px 0px #1010101F;



}

.flip-card.flip .card {
    transition: transform 0.2s ease-in-out;
    transform: rotate3d(1, 0, 0, -90deg);
    z-index: 2;
}

.flip-card .card.bottom {
    border: 1px solid #222324;
    border-radius: 0 0 15% 15%;
    background: #101010;
    transform-origin: center top;
    transform: rotate3d(1, 0, 0, 90deg);
    transition-delay: 0.2s;


}

.flip-card.flip .card.bottom {
    transform: rotate3d(1, 0, 0, 0deg);
}

.flip-card .card i {
    color: #FFF9FB;

    font-size: 28px;
    font-style: normal;
    transform: translateY(0.5em);
}

.flip-card .bottom i {
    transform: translateY(-0.5em);
}

.fancybox__slide.has-image>.fancybox__content {
    width: 100% !important;
    height: 100% !important;
}




/* loader */
.catalog-loader {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #22232446;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    z-index: 10000;
}

.loader_body {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle {
    width: 70px;
    height: 70px;
    position: absolute;
    background-color: #9e7a58;
    border-radius: 50%;
    animation: mid 1s linear infinite;
}

.loader1,
.loader2,
.loader3,
.loader4 {
    position: absolute;
    border: 5px solid transparent;
    border-top: 5px solid #9e7a58;
    border-bottom: 5px solid #9e7a58;
    border-radius: 50%;
    animation: spin 1.5s linear infinite;
}

.loader1 {
    width: 90px;
    height: 90px;
    animation-delay: 0.1s;
}

.loader2 {
    width: 110px;
    height: 110px;
    animation-delay: 0.2s;
}

.loader3 {
    width: 130px;
    height: 130px;
    animation-delay: 0.3s;
}

.loader4 {
    width: 150px;
    height: 150px;
    animation-delay: 0.4s;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes mid {

    0%,
    100% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }
}

.sticky-header {
    position: sticky;
    top: 0;
}

.sticky-header .header__branding {
    width: 6rem;
    height: 6rem;
}

.sticky-header::before {
    backdrop-filter: blur(10px);
}

@media screen and (max-width:768px) {
    .sticky-header .header__branding {
        width: 4rem;
        height: 4rem;
    }
}

#load-posts {
    display: none;
}
.catalog-body h1 {
    margin-bottom: 14px;
    font-size: 20px;
}
li.menu__header-item.btn.btn-text.mobile {
    display: none;
}

@media only screen and (max-width: 480px) {
    li.menu__header-item.btn.btn-text.mobile {
        display: block !important;
    }
}