/* Start:/local/templates/truckservice/style.css?1789548508274455*/
:root {
    --font-main: 'Comfortaa', cursive;
    --font-num: 'Montserrat', sans-serif;
    --font-two: 'Raleway', sans-serif;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: auto;
    overflow-x: hidden;
}

/*html, body {*/
/*    overflow-x: hidden;*/
/*}*/

a {
    color: #191919;
    transition: all 0.3s;
    text-decoration: none;
}

a:hover {
    color: #EE2C2D;
}

body {
    font-family: var(--font-main);
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    color: #191919;
}

h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 900;
    font-family: var(--font-two);
    opacity: .3;
}

h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 900;
    text-transform: uppercase;
    font-family: var(--font-two);
}

img {
    max-width: 100%;
}

.no-scroll {
    overflow: hidden;
}

.no-copy {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none; /* Стандартный синтаксис */
}

.container {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}

.full-container {
    box-sizing: border-box;
    padding: 0 50px;
}

.title {
    margin-bottom: 20px;margin-top: 20px;
    text-align: center;
}

.title p {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 15px;
}

.hidden {
    display: none;
}
.btn-red {
    font-family: var(--font-main);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background: #EE2C2D;
    transition: all 0.3s;
    max-width: 240px;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    border: none;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.btn-red:before {
    content: '';
    background-image: url(/local/templates/truckservice/./img/shin-btn.svg);
    background-repeat: no-repeat;
    width: 122px;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s;
}

.btn-red:after {
    content: '';
    background-image: url(/local/templates/truckservice/./img/shin2-btn.svg);
    background-repeat: no-repeat;
    width: 98px;
    height: 100%;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s;
}


.btn-red span {
    position: relative;
    z-index: 1;
}

.btn-red:hover {
    color: #fff;
}

.btn-red:hover:before,
.btn-red:hover:after {
    opacity: 1;
}

.btn-submit {
    max-width: 100%;
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 35px;
    gap: 7px;
    padding: 0;
    list-style: none;
}

.slick-dots li {
    background: rgba(238, 44, 45, 0.30);
    width: 50px;
    height: 3px;
    cursor: pointer;
    transition: all 0.3s;
}

.slick-dots li.slick-active {
    background: #EE2C2D;
}

.slick-dots li:hover {
    background: #EE2C2D;
}

.slick-dots li button {
    font-size: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.header {
    display: flex;
    align-items: center;
    background: #FFF;
    box-shadow: 0px 31px 30px 0px rgba(25, 25, 25, 0.02);
    position: relative;
    z-index: 6;
}

.header-menu > ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 15px;
}

.header-menu > ul > li {
    position: relative;
    height: 72px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-right: 15px;
}

.pr-0 {
    padding-right: 0 !important;
}

.header-menu ul li a {
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
}

.arrow-menu {
    position: absolute;
    right: 0;
    top: 25px;
}

.calculator {
    margin: 50px 0;
}

.calc-row {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    display: flex;
    gap: 20px;
    box-sizing: border-box;
    padding: 0
}

.calc-control {
    flex: 1;
    padding: 20px;
    box-sizing: border-box
}

.calc-control h2 {
    text-align: left;
    margin-bottom: 30px
}

.input-group {
    margin-bottom: 20px
}

.input-group label {
    font-size: 14px;
    display: block;
    margin-bottom: 5px
}

.input-group input[type="text"],.input-group input[type="number"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box
}

.range-slider {
    width: 100%
}

.range-slider .slider {
    width: 100%;
    -webkit-appearance: none;
    height: 5px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s
}

.range-slider .slider:hover {
    opacity: 1
}

.range-slider .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 15px;
    background: #ff262a;
    cursor: pointer
}

.range-slider .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #ff262a;
    cursor: pointer
}

.results {
    padding: 20px;
    background-color: #efefef;
    max-width: 480px;
    width: 100%;
    box-sizing: border-box
}

.results h3 {
    font-size: 26px;
    line-height: 26px;
    text-transform: none;
    margin-bottom: 10px;
    font-family: var(--font-two);
}

.result-item {
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: 1px solid #ddd
}

.result-item__block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.result-item__block:last-child {
    margin-bottom: 0
}

.result-item:last-child {
    border-bottom: none
}

.result-item__block label {
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    z-index: 3;
    font-weight: 600;
    max-width: 240px;
    font-family: var(--font-main);
}

.result-item__block label span {
    cursor: pointer;
    opacity: .7;
    transition: all .3s
}

.result-item__block label span:hover {
    opacity: 1;
    position: relative
}

.result-item__block .value {
    font-weight: 600;
    font-size: 18px;
    font-family: var(--font-num);
}

.result-item__block.payment label {
    color: #ff262a
}

.result-item__block.payment .value {
    color: #ff262a;
}

.result-item__block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%
}

.result-item__block li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.result-item__block li:last-child {
    margin-bottom: 0
}

.result-item__block li label {
    font-size: 12px;
    font-weight: 400;
    font-family: var(--font-num);
}

.result-item__block li .value {
    font-size: 14px;
    font-family: var(--font-num);
}

.result-item.total {
    background: #ff262a;
    color: #fff;
    box-sizing: border-box;
    padding: 20px
}

.custom-tooltip-styling {
    max-width: 200px;
    font-size: 14px
}

.result-item.total label {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: var(--font-num);
}

.contacts {
    margin-top: 50px;
}

.kp-modal {
    max-width: 300px;
}

.contacts__map {
    height: 830px;
}

.contacts__map iframe {
    width: 100%;
    height: 100%;
}

.contacts__blocks {
    position: relative;
    margin-bottom: -150px;
    display: flex;
    gap: 30px;
}

@media(min-width: 1025px) {
    .submenu {
        position: absolute;
        background: #fff;
        left: 0;
        width: 300px;
        z-index: 5;
        box-sizing: border-box;
        margin: 0;
        padding: 15px;
        list-style: none;
        display: none;
        top: 100%;
        box-shadow: 0px 10px 23px -10px rgba(0,0,0,0.52);
        border-top: 2px solid #ee2c2d;
    }

    .header-menu ul li:hover .submenu {
        display: block;
    }

    .submenu li {
        margin-bottom: 10px;
    }

    .submenu li:last-child {
        margin-bottom: 0;
    }

    .header-menu ul li .submenu li a {
        text-transform: inherit;
    }
}

.fixed {
    position: fixed;
    z-index: 55;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0px 2px 10px -3px rgba(0,0,0,0.46);
    -moz-box-shadow: 0px 2px 10px -3px rgba(0,0,0,0.46);
    box-shadow: 0px 2px 10px -3px rgba(0,0,0,0.46);
}


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

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

.header-phone  {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 24px;
}

.header-phone svg {
    width: 20px;
    height: auto;
}

.navbar {
    cursor: pointer;
    display: none;
    align-items: center;
}

.logo a {
    display: flex;
    align-items: center;
    position: relative;
    top: 2px;
}

.logo svg {
    overflow: unset;
    height: 15px;
    width: auto;
}

.navbar path {
    transition: all 0.3s;
}

.navbar:hover path {
    stroke: #EE2C2D;
}

.logo:hover .logo-item1 {
    animation: logo1 0.8s linear infinite;
    transform: translateY(0);
    position: relative;
}

.logo:hover .logo-item2 {
    animation: logo2 0.8s linear infinite;
    transform: translateY(0);
    position: relative;
    animation-delay: 0.2s;
}

.logo:hover .logo-item3 {
    animation: logo3 0.8s linear infinite;
    transform: translateY(0);
    position: relative;
    animation-delay: 0.4s;
}

@keyframes logo1 {
    0% {
        top: 0;
    }
    50% {
        transform: translateY(-5px);
    }

    100% {
        top: 0;
    }
}

@keyframes logo2 {
    0%, 100% {
        top: 0;
    }
    50% {
        transform: translateY(-5px);
    }
}

@keyframes logo3 {
    0%, 100% {
        top: 0;
    }
    50% {
        transform: translateY(-5px);
    }
}

.nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background: rgba(25, 25, 25, 0.60);
    display: none;
}

.nav__block {
    position: relative;
    margin-left: auto;
    max-width: 523px;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 30px;
    height: 100%;
    right: -100%;
    transition: all 0.5s;
}

.close-menu {
    position: absolute;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.close-menu path {
    transition: all 0.3s;
}

.close-menu:hover path {
    stroke: #EE2C2D;
}

.nav__block ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    height: 100%;
    text-align: left;
}

.nav__block ul li a {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(25, 25, 25, 0.70);
    z-index: 5;
    opacity: 0;
    transition: all 0.3s;
}

.home-slider {
    width: 100%;
    position: relative;
}

.home-slide {
    min-height: 550px !important;
    position: relative;
}

.home-slide .container {
    height: 100%;
}

.home-slide .container * {
    position: relative;
    z-index: 6;
}

.home-slide .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* виньетка слева: затемнение под текстом плавно сходит на нет вправо */
    background: linear-gradient(90deg,
        rgba(0, 0, 0, 0.72) 0%,
        rgba(0, 0, 0, 0.55) 28%,
        rgba(0, 0, 0, 0.25) 58%,
        rgba(0, 0, 0, 0) 82%);
    opacity: 1;
}

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

.home-slide__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 500px !important;
    align-items: flex-start;
}

.home-slider .container {
    position: relative;
    z-index: 6;
}

/* верхняя группа: большой заголовок + подпись + кнопка (текст слева) */
.home-slide__top {
    padding-top: 50px;
    max-width: 720px;
}

/* большой заголовок */
.home-slide__title {
    margin: 0 0 16px;
    color: #FFF;
    font-family: var(--font-main), sans-serif;
    font-weight: 800;
    font-size: 54px;
    line-height: 1.08;
    text-transform: uppercase;
}

.home-slide__text {
    position: relative;
    z-index: 1;
}

/* подпись под большим заголовком — меньше заголовка */
.home-slide__text,
.home-slide__text h2,
.home-slide__text p {
    margin-top: 0;
    color: #FFF;
    font-family: var(--font-two);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-transform: none;
}

/* кнопка со ссылкой */
.home-slide__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 28px;
    padding: 14px 30px;
    border-radius: 7px;
    background: #EE2C2D;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: background .25s ease;
}

.home-slide__btn:hover {
    background: #3936cc;
    color: #fff;
}

.home-slide__btn svg {
    flex-shrink: 0;
}

.home-slide__text-bottom {
    box-sizing: border-box;
    padding: 15px;
    background: rgba(0,0,0, 0.6);
    border-radius: 15px;
    /*max-width: 540px;*/
    /*width: 100%;*/
    display: inline-block;
    width: auto;
}

.home-slide__text-bottom p {
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
}

.home-slider .slick-dots {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 50px;
    gap: 7px;
    list-style: none;
    padding: 0 15px;
    box-sizing: border-box;
    transform: translateX(-50%);
    left: 50%;
}

.home-slider .slick-dots li {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.50);
    transition: all 0.3s;
    width: 50px;
    height: 3px;
}

.home-slider .slick-dots li:hover {
    background: rgba(255, 255, 255, 1);
}

.home-slider .slick-dots li.slick-active {
    background: rgba(255, 255, 255, 1);
}

.home-slider .slick-dots li button {
    font-size: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.our-numbers {
    padding: 50px 0;
}

.our-numbers .title h2 {
    text-transform: inherit;
}

.our-numbers__list {
    display: flex;
    gap: 40px;
}

.our-number {
    width: calc(25% - 30px);
    text-align: center;
}

.our-number__num {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #2E333A;
    color: #EE2C2D;
    text-align: center;
    font-family: var(--font-num);
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    text-transform: uppercase;
}

.our-number__num sub {
    font-size: 8px;
    line-height: 0px;
    position: relative;
    top: -16px;
}

.our-number__text {
    font-size: 15px;
    line-height: 25px;
}

.new-technology {
    padding-bottom: 50px;
}

.home-catalog-slider {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.home-catalog-slide {
    width: calc(20% - 40px);
    background: #f2f2f2;
    border-radius: 18px;
    box-sizing: border-box;
    padding: 0 30px 30px 30px;
    position: relative;
    transition: all 0.3s ease;
    -webkit-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0);
    box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0);
}

.home-catalog-slide:hover {
    -webkit-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

.home-catalog-slide > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.home-catalog-slide__img {
    height: 267px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.home-catalog-slide__img img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}

.home-catalog-slide__name {
    font-family: var(--font-two);
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: #313131;
    transition: all 0.3s ease;
}

.home-catalog-slide:hover .home-catalog-slide__name {
    color: #EE2C2D;
}

.home-catalog-slider .slick-slide {
    box-sizing: border-box;
    padding: 20px;
}

.home-catalog-slider .slick-slide > div {
    display: flex;
}

.home-catalog-slide__more {
    display: flex;
    justify-content: center;
    margin-top: 5px;
}

.home-catalog-slide__more a {
    color: rgba(25, 25, 25, 0.66);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    transition: all 0.3s;
}

.home-catalog-slide:hover .home-catalog-slide__more a {
    color: #EE2C2D;
}

.home-catalog-slider .slick-dots {
    margin: 0;
    gap: 7px;
}

.sale-new-equipment-title {
    text-align: center;
}


.sale-new-equipment {
    padding-bottom: 50px;
}

.sale-new-equipment__row {
    display: flex;
}

.sale-new-equipment-menu {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 50px;
    background: #2E333A;
}

.sale-new-equipment-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sale-new-equipment-menu ul li {
    color: #FFF;
    font-family: var(--font-two);
    font-size: 25px;
    font-weight: 700;
    line-height: 35px;
    cursor: pointer;
    max-width: 300px;
    width: 100%;
}

.sale-new-equipment-menu ul li:hover {
    color: #EE2C2D;
}

.sale-new-equipment-menu ul li.active {
    color: #EE2C2D;
}

.sale-new-equipment-offers {
    width: 75%;
}

.sale-new-equipment-offer {
    width: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 520px !important;
}

.sale-new-equipment-offer:first-child {
    display: block;
}

.sale-new-equipment-offer__info {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 50px 50px 80px 50px;
    height: 100%;
    color: #fff;
    max-width: 900px;
    width: 100%;
}

.sale-new-equipment-offer__info h3 {
    color: #FFF;
    font-family: var(--font-two);
    font-size: 40px;
    font-weight: 900;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sale-new-equipment-offer__info p {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 30px;
}

.service-maintenance {
    margin-bottom: 50px;
}

.service-maintenance__list {
    display: flex;
}

.service-maintenance-item {
    flex: 1;
    min-height: 500px;
    position: relative;
    /* фотографии сразу цветные (раньше были обесцвечены до наведения) */
    transition: all 0.3s;
}

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

.service-maintenance-item a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 30px 0;
    text-align: left;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    font-family: var(--font-two);
    transition: all 0.3s;
    z-index: 2;
    position: relative;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 60.02%, rgba(0, 0, 0, 0.50) 100%);
}

.service-maintenance-item a span {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px;
    background: rgb(60 60 60 / 80%);
    min-height: 75px;
}

.service-maintenance-item a:hover {
    color: #fff;
}

.service-maintenance__btn .btn-red {
    width: 100%;
    max-width: 100%;
}

.service-maintenance__btn .btn-red span {
    display: flex;
    align-items: center;
    gap: 7px;
}

.sign-service {
    padding: 50px 0;
    background: #2E333A;
    color: #fff;
    position: relative;
    margin-bottom: 50px;
}


#assessment {
    padding-bottom: 100px;
}

.sign-service .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    z-index: 0;
}

.sign-service .container * {
    position: relative;
    z-index: 2;
}

#SingService {
    background-image: url(/local/templates/truckservice/./img/service.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.sign-service .title h2 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 900;
    font-family: var(--font-two);
}

.sign-service .title p {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.sign-service .title p:before {
    content: '';
    background: #EE2C2D;
    width: auto;
    height: 1px;
    flex: 1;
}

.sign-service .title p:after {
    content: '';
    background: #EE2C2D;
    width: auto;
    height: 1px;
    flex: 1;
}

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

.form-item {
    flex: 1;
}

.input input {
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    height: 70px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    font-family: var(--font-main);
    background: none;
    outline: none;
}

.input input:focus {
    border-color: #EE2C2D;
}

.input input::placeholder {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    font-family: var(--font-main);
    color: #FFF;
}

.select .select2-container--default .select2-selection--single {
    background: none;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    height: 70px;
}

.select .select2-container {
    width: 100% !important;
}

.select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    transform: translateY(-50%);
}

.select .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    background: none;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

.select .select select option {
    background: #2E333A;
    border-radius: 0;
    border-bottom: 1px solid #FFF;
    box-sizing: border-box;
    padding: 10px 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(/local/templates/truckservice/./img/select-arrow.png);
    border: none !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
}

.form-submit {
    margin-top: 30px;
}

.form-submit .btn-red {
    max-width: 100%;
    width: 100%;
}

.agree {
    text-align: center;
    margin-top: 30px;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.sign-service a {
    color: #fff;
}

.sign-service a:hover {
    color: #EE2C2D;
}

.sale-repurchase {
    padding-top: 0;
    padding-bottom: 50px;
}

.sale-repurchase__list {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 20px;
    display: none;
}

.sale-repurchase__item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #2E333A;
    color: #191919;
    font-size: 14px;
    font-weight: 400;
    line-height: 98.7%;
    letter-spacing: -0.28px;
    height: 54px;
    box-sizing: border-box;
    padding: 0 30px;
}

.sale-repurchase-banner {
    margin-top: 50px;
    background-repeat: no-repeat;
    background-size: cover;
}

.sale-repurchase-banner {
    padding-top: 100px;
    padding-bottom: 150px;
}

.sale-repurchase-banner .title h2 {
    font-family: var(--font-two);
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    font-weight: 900;
}

.sale-repurchase-banner .title p {
    color: #fff;
}

.sale-repurchase-banner .title p span {
    color: #EE2C2D;
}

.sale-repurchase-banner__btns {
    display: flex;
    gap: 30px;
    margin-top: 50px;
    justify-content: center;
}

.type-trucks {
    background: #EE2C2D;
    height: 130px;
}

.type-trucks__list {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 50px;
}

.type-truck__icon {
    width: 90px;
    height: 90px;
    filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.07));
    background: #fff;
    border-radius: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.type-truck__icon img {
    max-width: 70px;
    width: auto;
    height: auto;
}

.type-truck {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    margin-top: -50px;
    width: calc(33.333% - 33px);
}

.type-truck__title {
    font-family: var(--font-two);
    margin-top: 30px;
    color: #FFF;
    font-size: 15px;
    font-weight: 900;
    line-height: 20px;
}

.callback .form-block {
    max-width: 1090px;
    margin: 0 auto;
}

.best-deals {
    /*padding: 100px 0;*/
    padding-bottom: 50px;
}

.best-deals__tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}

.best-deals__tab {
    box-sizing: border-box;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    border-radius: 20px;
    border: 1px solid #2E333A;
    font-size: 12px;
    line-height: 22px;
    transition: all 0.3s;
    cursor: pointer;
}

.best-deals__tab.active {
    background: #2E333A;
    color: #fff;
}

.best-deals__tab:hover {
    background: #2E333A;
    color: #fff;
}

.best-deals__content {
    opacity: 0;
    position: absolute;
    z-index: -1000;
    overflow: hidden;
    height: 0;
}

@media (min-width: 1302px) {
    .best-deals  .container {
        max-width: 1300px;
    }
}

.best-deals__content.active {
    opacity: 1;
    position: relative;
    z-index: 11;
    height: auto;
    overflow: inherit;
    transition: all 0.5s;
}

.best-deals-slide__row {
    display: flex;
    align-items: center;
    gap: 30px;
}

.best-deals-slide__img {
    max-width: 550px;
    width: 100%;
    height: 375px;
}

.best-deals-slide__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.best-deals-slide-info {
    max-width: 740px;
    width: 100%;
}

.best-deals-slide-info h3 {
    font-size: 25px;
    font-weight: 900;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: var(--font-num);
}

.best-deals-slide-info ul {
    list-style: none;
    padding: 0;
}

.best-deals-slide-info ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 40px;
    box-sizing: border-box;
}

.best-deals-slide-info ul li:before {
    content: '';
    background-image: url(/local/templates/truckservice/./img/Checks.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
}

.best-deals-slide-action {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.best-deals-slide-action__info {
    max-width: 360px;
    width: 100%;
    gap: 30px;
    display: flex;
    align-items: center;
}

.best-deals-slide-action__info .price {
    color: #191919;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px;
    text-transform: uppercase;
    font-family: var(--font-num);
}

.best-deals-slide-action__info .date-deals {
    color: #191919;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

.best-deals-slide-action__btn {
    max-width: 355px;
    width: 100%;
}

.best-deals-slide-action__btn .btn-red {
    max-width: 100%;
}

.slider-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 22;
}

.slider-arrow svg {
    width: 70px;
    height: auto;
}

.prev-arrow {
    left: -100px;
}

.next-arrow {
    right: -100px;
}

.causes {
    padding-bottom: 200px;
    padding-top: 100px;
}

.causes__list {
    display: flex;
    flex-wrap: wrap;
}

.cause {
    width: 33.333%;
    height: auto;
    box-sizing: border-box;
    padding: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
}

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

.cause__icon img {
    width: 70px;
    height: auto;
}

.cause__title {
    color: #191919;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    line-height: 26px;
    margin: 10px 0;
    font-family: var(--font-two);
}

.cause__desc {
    color: rgba(25, 25, 25, 0.66);
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    max-width: 300px;
    width: 100%;
}

.cause:first-child {
    background: #EE2C2D;
}

.cause:first-child .cause__title {
    color: #fff;
}

.cause:first-child .cause__desc {
    color: rgba(255, 255, 255, 0.75);
}

.cause:nth-child(3) {
    background: #EAEAEA;
}

.cause:nth-child(5) {
    background: #2E333A;
}

.cause:nth-child(5) .cause__title {
    color: #fff;
}

.cause:nth-child(5) .cause__desc {
    color: rgba(255, 255, 255, 0.75);
}

.send-feedback {
    background: #2E333A;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    height: 400px;
}

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

.send-feedback__text {
    /*padding: 95px 0;*/
    max-width: 525px;
    width: 100%;
    color: #fff;
}

.send-feedback__text h2 {
    margin-bottom: 30px;
}

.send-feedback__img {
    height: 477px;
    position: relative;
    margin-top: -77px;
}

.send-feedback__img img {
    width: auto;
    height: 100%;
}

.send-feedback__text  .btn-red {
    margin-top: 50px;
    max-width: 290px;
}

.news {
    padding: 50px 0;
}

.news-slide__block {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
}

.news-slide__block a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.news-slide__img {
    width: 100%;
    height: 250px;
    position: relative;
}

.news-slide__cat {
    position: absolute;
    left: 20px;
    top: 20px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.news-slide__cat span {
    display: flex;
    border-radius: 15px;
    background: rgba(25, 25, 25, 0.60);
    align-items: center;
    height: 34px;
    box-sizing: border-box;
    padding: 0 20px;
    color: #FFF;
    font-size: 9px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -0.18px;
}

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

.news-slide {
    box-sizing: border-box;
    padding: 0 10px;
    height: auto !important;
}

.news-slider .slick-track {
    display: flex !important;
}

.news-slide__body {
    box-sizing: border-box;
    background: #2E333A;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 45px;
    flex: 1;
}

.news-slide__title {
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.news-slide__organization {
    color: #FFF;
    font-size: 10px;
    font-weight: 300;
    line-height: 16px;
}

.product-grid .news-slide__organization {
    font-size: 13px;
    line-height: 20px;
}

.product-slider.news-slide__organization span {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    font-family: var(--font-num);
}

.product-slider .news-slide__organization {
    font-size: 14px;
    line-height: 20px;
}

.product-slider .news-slide__organization span {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    font-family: var(--font-num);
}

.news-slide__stock {
    font-family: var(--font-num);
    color: #FFF;
    text-align: right;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.news-slide__stock {
    position: absolute;
    right: 10px;
    top: 10px;
}

.news-slide__stock span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 133%;
    color: #fff;
    height: 24px;
    border-radius: 10px;
    padding: 0 10px;
}

.news-slide__stock span.green {
    background: #00EC10;
}

.news-slide__stock span.red {
    background: #ee2c2d;
}

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

.news-slide__date {
    color: #FFF;
    text-align: right;
    font-size: 10px;
    font-weight: 300;
    line-height: 16px;
}

.news__tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}

.product-grid a {
    position: relative;
    max-width: 150px;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-content: center;
}

.product-grid a:before {
    left: -27px;
}

.product-grid a:after {
    right: -27px;
}

/*.product-slider a {*/
/*    position: relative;*/
/*    max-width: 250px;*/
/*    width: 100%;*/
/*    height: 56px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-content: center;*/
/*}*/

.product-grid .news-slide__block:hover .overlay {
    opacity: 1;
}

.product-slider .news-slide__block:hover .overlay {
    opacity: 1;
}

.news__tab {
    box-sizing: border-box;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    border-radius: 20px;
    border: 1px solid #2E333A;
    font-size: 12px;
    line-height: 22px;
    transition: all 0.3s;
    cursor: pointer;
}

.news__tab.active {
    background: #2E333A;
    color: #fff;
}

.news__tab:hover {
    background: #2E333A;
    color: #fff;
}

.news__content {
    opacity: 0;
    position: absolute;
    z-index: -1000;
    overflow: hidden;
    height: 0;
}

.news__content.active {
    opacity: 1;
    position: relative;
    z-index: 11;
    height: auto;
    overflow: inherit;
    transition: all 0.5s;
}

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

.news__btn a {
    display: flex;
    align-items: center;
    height: 22px;
    gap: 5px;
}

.news__btn a span {
    border-bottom: 1px solid #2E333A;
    padding-bottom: 3px;
    display: inline-block;
    transition: border-bottom 0.3s;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.news__btn a path {
    transition: all 0.3s;
}

.news__btn a:hover path {
    stroke: #EE2C2D;
}

.news__btn a:hover span {
    border-color: #EE2C2D;
}

.reviews .slick-track {
    display: flex !important;
}

.reviews-slide {
    box-sizing: border-box;
    padding: 10px;
    height: auto !important;
}

.reviews-slide__block {
    background: none;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    box-sizing: border-box;
    padding: 30px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
}

.reviews-slide__photo img {
    width: auto;
    height: 70px;
    border-radius: 70px;
    object-fit: cover;
}

.reviews-slide__name {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 7px;
    margin-top: 10px;
}

.reviews-slide__city {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.reviews-slide__reviews {
    margin-top: 30px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    height: auto;
    overflow: hidden;
}

.reviews-slide__text a {
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    border: none;
    border-bottom: 1px dashed #2E333A;
    background: none;
    margin-top: 15px;
    cursor: pointer;
    font-family: var(--font-main);
    transition: all 0.3s;
}

.reviews-slide__text a:hover {
    color: #EE2C2D;
}

.reviews-slide__text.more .reviews-slide__reviews {
    height: 95px;
    overflow: hidden;
}

.reviews-slider .slick-track {
    display: flex !important;
}

.reviews-slider .slick-dots {
    margin-top: 20px;
}

.thanksgiving-letters {
    margin-top: 30px;
    background: #2E333A;
    box-sizing: border-box;
    padding: 15px 0;
}

.thanksgiving-letters button {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: all 0.3s;
    cursor: pointer;
    font-family: var(--font-main);
}

.thanksgiving-letters button i {
    display: flex;
    align-items: center;
}

.thanksgiving-letters button path {
    transition: all 0.3s;
}

.thanksgiving-letters button:hover {
    color: #EE2C2D;
}

.thanksgiving-letters button:hover path {
    stroke: #EE2C2D;
}

.thanksgiving-letters__btn {
    display: flex;
    justify-content: center;
}

.clients-partners {
    padding-bottom: 50px;
}

.clients-partners-item {
    box-sizing: border-box;
    padding: 10px;
}

.clients-partners-item__logo {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07);
    height: 138px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clients-partners__list .slick-dots {
    margin-top: 20px;
}

.clients-partners__list .slick-slide > div {
    display: flex;
}

.btn-arrow {
    display: flex;
    justify-content: center;
}

.btn-arrow a {
    display: flex;
    align-items: center;
    height: 22px;
    gap: 5px;
}

.btn-arrow a span {
    border-bottom: 1px solid #2E333A;
    padding-bottom: 3px;
    display: inline-block;
    transition: border-bottom 0.3s;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.btn-arrow a path {
    transition: all 0.3s;
}

.btn-arrow a:hover span {
    border-color: #EE2C2D;
}

.btn-arrow a:hover path {
    stroke: #EE2C2D;
}

.title .btn-arrow {
    margin-top: 20px;
}

.footer {
    background: #2E333A;
}

.footer__row {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.footer h3 {
    font-family: var(--font-two);
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.footer__logo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer__menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    /* раскладываем пункты в 3 колонки по 4 строки (11 пунктов -> 4/4/3),
       иначе одна колонка растягивает подвал по высоте */
    display: grid;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    column-gap: 36px;
    row-gap: 9px;
}

.footer__menu ul li {
    margin-bottom: 0;
}

.footer__menu ul li:last-child {
    margin-bottom: 0;
}

.footer__menu ul li a {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    transition: all 0.3s;
}

.footer__menu ul li a:hover {
    color: #EE2C2D;
}

.footer-contacts {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-contact {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
}

.footer-contact p {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.footer-contact a {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    transition: all 0.3s;
}

.footer-contact a:hover {
    color: #EE2C2D;
}

.social {
    display: flex;
    gap: 15px;
}

.social a path {
    transition: all 0.3s;
}

.social a:hover path {
    fill: #EE2C2D;
}

.search-input {
    position: relative;
    background: #fff;
    max-width: 340px;
    width: 100%;
    height: 56px;
}

.search-input input {
    width: 100%;
    height: 100%;
    background: #fff;
    font-family: var(--font-main);
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    box-sizing: border-box;
    padding-left: 50px;
    border: 1px solid transparent;
    outline: none;
}

.search-input input:focus {
    border-color: #EE2C2D;
}

.search-input label {
    position: absolute;
    height: 100%;
    left: 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.search-input label path {
    transition: all 0.3s;
}

.search-input label:hover path {
    stroke: #EE2C2D;
}

input::placeholder {
    font-family: var(--font-main);
    color: #C2C2C2;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.languages {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 5px;
    color: #fff;
    cursor: pointer;
}

.languages p {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    transition: all 0.3s;
}

.languages path {
    transition: all 0.3s;
}

.languages:hover {
    color: #EE2C2D;
}

.languages:hover path {
    stroke: #EE2C2D;
}

.copyright {
    background: #fff;
    box-sizing: border-box;
    padding: 20px 15px;
    display: flex;
    justify-content: center;
    gap: 100px;
}

.copyright p, .copyright a {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

.news-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.news-grid .news-slide__block {
    width: calc(33.333% - 14px);
    height: auto;
}

.catalog-cat-img .news-grid {
    gap: 10px;
}


.catalog-cat-img .news-slide__block {
    width: calc(33.333% - 7px);
}

.radio-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.smart-filter-param-text {
    border-radius: 20px;
    border: 1px solid #2E333A;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 98.7%;
    letter-spacing: -0.28px;
    transition: all 0.3s;
    cursor: pointer;
}

.smart-filter-param-text:hover {
    color: #fff;
    background: #2E333A;
}

.radio-tabs input {
    display: none;
}

.radio-tabs label input:checked+.smart-filter-param-text {
    color: #fff;
    background: #2E333A;
}

.row-filter-buttons {
    display: none;
}

.smart-filter-title {
    display: none;
}

.bx-active .smart-filter-parameters-box-title-text {
    display: none;
}


.page-header {
    padding-top: 20px;
    padding-bottom: 0;
}

.page-header h1 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    font-family: var(--font-two);
}

.main-news {
    padding-bottom: 100px;
}

.main-news .smart-filter-parameters-box {
    background: none !important;
    border: none;
    border-radius: 0;
}

.main-news .row-filter-buttons {
    display: none !important;
}

.news-grid {
    margin-top: 80px;
}

.catalog-cat-img .news-grid {
    margin-top: 0;
    width: 100%;
    flex: 1;
}

.bx-pagination {
    width: 100%;
}

.bx-pagination .bx-pagination-container {
    margin-top: 50px;
}

.vacancies-banner {
    background-image: url(/local/templates/truckservice/./img/banner-vakansii.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    display: flex;
    align-items: flex-end;
}

.vacancies-banner__block {
    background: #FFF;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    box-sizing: border-box;
    padding: 50px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: -200px;
}

.vacancies-banner__block h2 {
    font-size: 30px;
    font-weight: 900;
    line-height: 40px;
    text-transform: uppercase;
    font-family: var(--font-two);
    margin-bottom: 20px;
}

.vacancies-banner__block p {
    margin-bottom: 20px;
}

.vacancies-banner__block .download {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #EE2C2D;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.vacancies-banner__block .download span {
    border-bottom: 1px solid #EE2C2D;
    padding-bottom: 3px;
    display: inline-block;
}

.vacancies-banner__block .btn-red {
    max-width: 330px;
}
.life-company {
    padding-top: 300px;
}

.life-company__img {
    height: 488px;
}

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

.life-company__text {
    text-align: center;
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
}

.life-company__tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}

.life-company__tab {
    box-sizing: border-box;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    border-radius: 20px;
    border: 1px solid #2E333A;
    font-size: 14px;
    line-height: 24px;
    transition: all 0.3s;
    cursor: pointer;
}

.life-company__tab.active {
    background: #2E333A;
    color: #fff;
}

.life-company__tab:hover {
    background: #2E333A;
    color: #fff;
}

.life-company__content {
    opacity: 0;
    position: absolute;
    z-index: -1000;
    overflow: hidden;
    height: 0;
    transition: all 0.5s;
}

.life-company__content.active {
    opacity: 1;
    position: relative;
    z-index: 11;
    height: auto;
    overflow: inherit;
}

.career-benefits {
    padding: 100px 0;
    padding-top: 300px;
}

.career-benefits .cause:first-child {
    background: #FFF;
}

.career-benefits .cause:first-child .cause__title {
    color: #191919;
}

.career-benefits .cause:first-child .cause__desc {
    color: rgba(25, 25, 25, 0.66);
}

.career-benefits .cause:nth-child(2) {
    background: #2E333A;
}

.career-benefits .cause:nth-child(2) .cause__title {
    color: #fff;
}

.career-benefits .cause:nth-child(2) .cause__desc {
    color: rgba(255, 255, 255, 0.66);
}

.career-benefits .cause:nth-child(3) {
    background: #FFF;
}

.career-benefits .cause:nth-child(3) .cause__title {
    color: #191919;
}

.career-benefits .cause:nth-child(3) .cause__desc {
    color: rgba(25, 25, 25, 0.66);
}

.career-benefits .cause:nth-child(4) {
    background: #EE2C2D;
}

.career-benefits .cause:nth-child(4) .cause__title {
    color: #fff;
}

.career-benefits .cause:nth-child(4) .cause__desc {
    color: rgba(255, 255, 255, 0.66);
}

.career-benefits .cause:nth-child(5) {
    background: #FFF;
}

.career-benefits .cause:nth-child(5) .cause__title {
    color: #191919;
}

.career-benefits .cause:nth-child(5) .cause__desc {
    color: rgba(25, 25, 25, 0.66);
}

.career-benefits .cause:nth-child(6) {
    background: #EAEAEA;
}

.career-benefits .cause:nth-child(6) .cause__title {
    color: #191919;
}

.career-benefits .cause:nth-child(6) .cause__desc {
    color: rgba(25, 25, 25, 0.66);
}

.open-vacancies {
    padding-bottom: 50px;
}

.open-vacancies-item {
    margin-bottom: 15px;
}

.open-vacancies-item__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #2E333A;
    color: #fff;
    box-sizing: border-box;
    padding: 30px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    cursor: pointer;
}

.open-vacancies-item__title i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    position: relative;
}

.open-vacancies-item__title i span:first-child {
    height: 24px;
    width: 3px;
    background: #fff;
    display: block;
    border-radius: 5px;
    position: absolute;
}

.open-vacancies-item__title i span:last-child {
    width: 24px;
    height: 3px;
    background: #fff;
    display: block;
    border-radius: 5px;
}

.open-vacancies-item__title.active i span:first-child {
    opacity: 0;
}

.open-vacancies-item__content {
    box-sizing: border-box;
    padding: 0 50px 50px 50px;
    color: #fff;
    background: #2E333A;
    display: none;
}

.open-vacancies-item__content p {
    margin-bottom: 20px;
}

.open-vacancies-item__content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

.open-vacancies-item__content ul li {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
    padding-left: 25px;
    box-sizing: border-box;
}

.open-vacancies-item__content ul li:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: #D53B27;
    position: absolute;
    left: 0;
    top: 7px;
}

.open-vacancies-item__content ul li:last-child {
    margin-bottom: 0;
}

.open-vacancies-item__content a {
    color: #EE2C2D;
    font-size: 18px;
    border-bottom: 1px solid transparent;
    transition: all 0.3s;
    padding-bottom: 3px;
}

.open-vacancies-item__content a:hover {
    border-color: #EE2C2D;
}

.send-resume {
    background: none;
    border: none;
    border-bottom: 1px solid #EE2C2D;
    padding-bottom: 3px;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font-family: var(--font-main);
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s;
}

.send-resume:hover {
    color: #EE2C2D;
}

.resume-form {
    background-image: url(/local/templates/truckservice/./img/resume-form.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
    margin-bottom: 100px;
}

.white-form {
    max-width: 530px;
    box-sizing: border-box;
    padding: 50px 90px;
    background: #fff;
    border-top: 14px solid #EE2C2D;
    position: relative;
}

.white-form h3 {
    font-family: var(--font-two);
    color: #191919;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.white-form p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
}

.white-form__title {
    margin-bottom: 30px;
}

.white-form .input {
    margin-bottom: 20px;
}

.white-form .input input {
    border: 1px solid #BAC2CA;
    color: #191919;
    height: 56px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.42px;
    outline: none;
}

.white-form .input input:focus {
    border-color: #EE2C2D;
}

.white-form .input input::placeholder {
    color: #7E868E;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.42px;
}

.file-input .file {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EE2C2D;
    height: 56px;
    max-width: 100%;
    color: #EE2C2D;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s;
}

.file-input .file:hover {
    background: #EE2C2D;
    color: #fff;
}

.file-input p {
    color: #11263A;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 5px;
}

.white-form .btn-submit {
    margin-top: 20px;
}

.white-form .agree {
    text-align: center;
    margin-top: 10px;
    color: #7E868E;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    font-family: var(--font-num);
}

.white-form .agree a:hover {
    color: #EE2C2D;
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    background: rgba(25, 25, 25, 0.60);
    display: none;
}

.modal .file-input p {
    margin-bottom: 10px;
}

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

.modal__window .white-form {
    border-top: 0;
    max-width: 780px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 50px;
}

.modal__window .title p {
    color: #191919;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    display: flex;
    align-items: center;
}

.modal__window .title p:before {
    content: '';
    background: #EE2C2D;
    width: 77px;
    height: 1px;
    display: block;
}

.modal__window .form-row {
    gap: 20px;
}

.white-form .input textarea {
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    border-color: transparent;
    color: #191919;
    height: 100px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    outline: none;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 20px 0 20px;
    font-family: var(--font-main);
}


.white-form .input textarea:focus {
    border-color: #EE2C2D;
}

.white-form .input textarea::placeholder {
    color: #191919;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    font-family: var(--font-main);
}

.modal__window .white-form .input input {
    color: #191919;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    border-color: transparent;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    height: 70px;
}

.modal__window .white-form .input input::placeholder {
    color: #191919;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

.modal__window .form-submit {
    margin-top: 0;
}

.modal__window .white-form .btn-submit {
    margin-top: 0;
}

.modal__window .white-form .agree {
    margin-top: 20px;
}

.text-success {
    text-align: center;
    background: #4BB543;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.modal__window .white-form .agree p {
    color: #191919;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.modal__window .title p:after {
    content: '';
    background: #EE2C2D;
    width: 77px;
    height: 1px;
    display: block;
}

.close-modal {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    background: none;
    outline: none;
    border: none;
}

.close-modal path {
    transition: all 0.3s;
}

.close-modal:hover path {
    stroke: #EE2C2D;
}

.error-404__block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}

.error-404__text {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    font-family: var(--font-num);
}

.error-404__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: 100%;
}

.error-404__btn .btn-red {
    max-width: 880px;
    width: 100%;
    gap: 10px;
}

.single-page {
    padding-top: 70px;
    padding-bottom: 100px;
}

.single-page__title {
    margin-bottom: 30px;
}

.single-page__title h1 {
    text-align: center;
    color: #191919;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
}

.single-page__detail-img {
    width: 100%;
    /*max-height: 480px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.single-page__detail-img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.single-page__content p {
    margin-bottom: 20px;
}

.single-page__content h2 {
    margin-bottom: 30px;
}

.single-page__content h3 {
    margin-bottom: 30px;
}

.single-page__content img {
    height: auto;
}

.single-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.single-item {
    flex: 1;
}

.single-page__bottom {
    display: flex;
    gap: 30px;
    margin-top: 50px;
}

.single-page__source {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.24px;
}

.single-page__source span {
    color: #EE2C2D;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.24px;
}

.single-page__date {
    color: #9D9D9D;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.24px;
    font-family: var(--font-num);
}

.contacts-page {
    padding-top: 100px;
    padding-bottom: 0;
}

.contacts-page .contacts__list {
    margin-top: 0;
    margin-bottom: -250px;
}

.maintenance-repair {
    padding-top: 70px;
    padding-bottom: 50px;
}

.maintenance-repair__title p {
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
}

.maintenance-repair__banner {
    /*height: 450px;*/
    width: 100%;
    margin-bottom: 50px;
}

.maintenance-repair__banner img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.maintenance-repair__contacts {
    display: flex;
    justify-content: center;
    gap: 90px;
    text-align: center;
}

.maintenance-repair__contact h3 {
    font-family: var(--font-two);
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    text-transform: uppercase;
}

.maintenance-repair__contacts p {
    align-items: center;
    margin-top: 15px;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    gap: 7px;
    justify-content: center;
}

.maintenance-repair__contacts p a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.maintenance-repair__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
}

.maintenance-repair__item {
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    min-height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: 800;
    line-height: 24px;
    text-transform: uppercase;
    font-family: var(--font-two);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    box-sizing: border-box;
    padding: 25px 50px;
}

.maintenance-repair__item:nth-child(2) {
    background: #EE2C2D;
    color: #fff;
}

.maintenance-repair__item:nth-child(3) {
    background: #2E333A;
    color: #fff;
}

.maintenance-repair__item:nth-child(6) {
    background: #EAEAEA;
}

.maintenance-repair__item:nth-child(7) {
    background: #EE2C2D;
    color: #fff;
}

.maintenance-repair__item:nth-child(9) {
    background: #fff;
}

.maintenance-repair__item:nth-child(10) {
    background: #2E333A;
    color: #fff;
}

.trailer-repair {
    padding-top: 50px;
}

.trailer-repair__banner {
    max-height: 450px;
    width: 100%;
    margin-bottom: 50px;
}

.trailer-repair__banner img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 400px;
}

.trailer-repair .maintenance-repair__item:last-child {
    width: 100%;
    background: #EAEAEA;
}

.body-repair {
    padding-top: 100px;
    padding-bottom: 100px;
}

.body-repair__banner {
    max-height: 450px;
    width: 100%;
    margin-bottom: 50px;
}

.body-repair__banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 450px;
}

.body-repair .maintenance-repair__item:nth-child(6) {
    background: #EAEAEA;
    color: #191919;
}

.body-repair .maintenance-repair__item:nth-child(9) {
    background: #fff;
    color: #191919;
}

.body-repair .maintenance-repair__item:nth-child(11) {
    background: #EAEAEA;
}

.insurance-companies-logos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.insurance-companies-logo {
    width: calc(16.666% - 17px);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
    background: #FFF;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    height: 100px;
}

.insurance-companies {
    margin-top: 70px;
}

.insurance-companies p {
    text-align: center;
}

.insurance-companies ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.insurance-companies ul li {
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.insurance-companies ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #EE2C2D;
    display: block;
}

.insurance-companies .discount {
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*gap: 10px;*/
    font-size: 22px;
    line-height: 30px;
    margin-top: 30px;
}

p.discount img {
    position: relative;
    top: 5px;
}

.evacuation {
    padding: 50px 0;
}

.evacuation__banner {
    height: 450px;
    width: 100%;
}

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

.evacuation__content {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    margin-top: 50px;
}

.evacuation__content .title {
    margin-bottom: 30px;
}

.evacuation__content .title p {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 0;
}

.evacuation__content .title p:before {
    content: '';
    background: #EE2C2D;
    flex: 1;
    height: 1px;
}

.evacuation__content .title p:after {
    content: '';
    background: #EE2C2D;
    flex: 1;
    height: 1px;
}

.evacuation__content p {
    margin-bottom: 10px;
}

.evacuation .maintenance-repair__list {
    margin-top: 70px;
}

.evacuation .maintenance-repair__item:nth-child(6) {
    background: #EAEAEA;
    color: #191919;
}

.evacuation .maintenance-repair__item:last-child {
    width: 100%;
}

.spare-parts {
    padding-top: 50px;
}

#SpareParts {
    padding-top: 0;
}

.spare-parts__banner {
    max-height: 450px;
    width: 100%;
    margin-bottom: 50px;
}

.spare-parts__banner img {
    width: 100%;
    max-height: 450px;
    object-fit: cover;
}

.spare-parts .contacts__list {
    margin-top: 0;
    margin-bottom: -250px;
}

.spare-parts .title {
    margin-bottom: 70px;
}

.spare-parts-addresses {
    background: #FFF;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    box-sizing: border-box;
    padding: 90px 50px;
    display: flex;
    justify-content: center;
    margin-bottom: -150px;
    position: relative;
    z-index: 2;
    gap: 100px;
    border-bottom: 5px solid #EE2C2D;
}

.spare-parts-address h3 {
    text-align: center;
    font-family: var(--font-two);
    font-size: 20px;
    font-weight: 900;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.spare-parts-address__contact {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 15px;
    gap: 7px;
}

.spare-parts-address__contact:last-child {
    margin-bottom: 0;
}

.spare-parts-address__contact p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.spare-parts-address__contact p small {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px
}


.ransom-banner h2 {
    font-family: var(--font-two);
    font-weight: 900;
    margin-bottom: 20px;
}

.ransom-banner img {
    width: 100%;
}

.buyout-equipment {
    padding: 50px 0;
}

.buyout-equipment .title {
    margin-bottom: 50px;
}

.buyout-equipment__list {
    display: flex;
    flex-direction: column;
    gap: 65px;
}

.buyout-equipment-item {
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.buyout-equipment-item:first-child:before {
    content: '';
    background-image: url(/local/templates/truckservice/./img/ransom-arrow1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 390px;
    height: 172px;
    position: absolute;
    right: 0;
    top: 0;
}


.buyout-equipment-item:nth-child(2) {
    justify-content: flex-end;
}

.buyout-equipment-item:nth-child(2):before {
    content: '';
    background-image: url(/local/templates/truckservice/./img/ransom-arrow2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 390px;
    height: 170px;
    position: absolute;
    left: 0;
    top: 0;
}

.buyout-equipment-item:nth-child(3):before {
    content: '';
    background-image: url(/local/templates/truckservice/./img/ransom-arrow3.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 390px;
    height: 125px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.buyout-equipment-item:nth-child(4) {
    justify-content: flex-end;
}

.buyout-equipment-item:nth-child(4):before {
    content: '';
    background-image: url(/local/templates/truckservice/./img/ransom-arrow2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 390px;
    height: 170px;
    position: absolute;
    left: 0;
    top: 0;
}

.buyout-equipment-item__block {
    max-width: 730px;
    width: 100%;
    display: flex;
    gap: 30px;
    align-items: center;
}

.buyout-equipment-item__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #EE2C2D;
}

.buyout-equipment-item__desc {
    flex: 1;
}

.buyout-equipment-item__desc h3 {
    color: #191919;
    font-family: var(--font-two);
    font-size: 18px;
    font-weight: 800;
    line-height: 28px;
    text-transform: uppercase;
}

.buyout-equipment-item__desc p {
    margin-top: 10px;
    color: rgba(25, 25, 25, 0.66);
    font-size: 13px;
    font-weight: 500;
    line-height: 23px;
}

.buyout-equipment-item__desc p a {
    color: #EE2C2D;
    text-decoration: underline;
}

.buyout-equipment .causes__list {
    margin-top: 100px;
}

.buyout-equipment .cause:first-child {
    background: #fff;
}

.buyout-equipment .cause:first-child .cause__title {
    color: #191919;
}
.buyout-equipment .cause:first-child .cause__desc {
    color: rgba(25, 25, 25, 0.66);
}

.buyout-equipment .cause:nth-child(2) {
    background: #2E333A;
}

.buyout-equipment .cause:nth-child(2) .cause__title {
    color: #fff;
}

.buyout-equipment .cause:nth-child(2) .cause__desc {
    color: rgba(255, 255, 255, 0.66);
}

.buyout-equipment .cause:nth-child(3) {
    background: #fff;
}

.buyout-equipment .cause:nth-child(4) {
    background: #EE2C2D;
}

.buyout-equipment .cause:nth-child(4) .cause__title {
    color: #fff;
}

.buyout-equipment .cause:nth-child(4) .cause__desc {
    color: rgba(255, 255, 255, 0.66);
}

.buyout-equipment .cause:nth-child(5) {
    background: #fff;
}

.buyout-equipment .cause:nth-child(5) .cause__title {
    color: #191919;
}

.buyout-equipment .cause:nth-child(5) .cause__desc {
    color: rgba(25, 25, 25, 0.66);
}

.buyout-equipment .cause:nth-child(6) {
    background: #EAEAEA;
}

.ransom-contacts {
    padding-top: 100px;
}

.sale-banner {
    padding-top: 100px;
    padding-bottom: 165px;
    background-image: url(/local/templates/truckservice/./img/catalog-banner-test.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
}

.sale-banner h2 {
    font-family: var(--font-two);
    font-weight: 900;
    margin-bottom: 20px;
}

.best-deals-products {
    padding-top: 50px;
    padding-bottom: 50px;
}

.best-deals-products__btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.best-deals-products__btn .btn-red {
    max-width: 430px;
}

.shopping-comfort .cause:first-child {
    background: #fff;
}

.shopping-comfort .cause:first-child .cause__title {
    color: #191919;
}
.shopping-comfort .cause:first-child .cause__desc {
    color: rgba(25, 25, 25, 0.66);
}

.shopping-comfort .cause:nth-child(2) {
    background: #2E333A;
}

.shopping-comfort .cause:nth-child(2) .cause__title {
    color: #fff;
}

.shopping-comfort .cause:nth-child(2) .cause__desc {
    color: rgba(255, 255, 255, 0.66);
}

.shopping-comfort .cause:nth-child(3) {
    background: #fff;
}

.shopping-comfort .cause:nth-child(4) {
    background: #EE2C2D;
}

.shopping-comfort .cause:nth-child(4) .cause__title {
    color: #fff;
}

.shopping-comfort .cause:nth-child(4) .cause__desc {
    color: rgba(255, 255, 255, 0.66);
}

.shopping-comfort .cause:nth-child(5) {
    background: #fff;
}

.shopping-comfort .cause:nth-child(5) .cause__title {
    color: #191919;
}

.shopping-comfort .cause:nth-child(5) .cause__desc {
    color: rgba(25, 25, 25, 0.66);
}

.shopping-comfort .cause:nth-child(6) {
    background: #EAEAEA;
}

.client-gallery {
    padding-top: 50px;
    padding-bottom: 50px;
}

.client-gallery-slider .slick-track {
    display: flex !important;
    gap: 20px;
}

.client-gallery-slider .slick-dots {
    margin-top: 20px;
}

.client-gallery-slide {
    height: 410px !important;
    overflow: hidden;
}

.client-gallery-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-banner {
    background-image: url(/local/templates/truckservice/./img/about-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 490px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.about-banner__block {
    background: #fff;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    text-align: center;
    box-sizing: border-box;
    padding: 50px;
    position: relative;
    margin-bottom: -125px;
}

.about-banner__block p span {
    font-weight: 600;
}

.business-indicators {
    padding-top: 200px;
    padding-bottom: 50px;
}

.business-indicators-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 50px;
}

.business-indicators-tab {
    border-radius: 20px;
    border: 1px solid #2E333A;
    box-sizing: border-box;
    padding: 0 27px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28px;
    transition: all 0.3s;
    cursor: pointer;
}

.business-indicators-tab.active {
    background: #2E333A;
    color: #fff;
}

.business-indicators-tab:hover {
    background: #2E333A;
    color: #fff;
}

.business-indicators__block .our-numbers__list  {
    flex-wrap: wrap;
    gap: 30px 20px;
}

.our-number {
    width: calc(25% - 15px);
}

.business-indicators__block {
    display: none;
}

.business-indicators__block:last-child {
    display: block;
}

.history-company {
    padding-top: 100px;
    padding-bottom: 100px;
}

.history-company .title {
    margin-bottom: 50px;
}

.about-our-numbers {
    padding-top: 200px;
}

.history-company__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    /*gap: 70px 0;*/
}

.history-company-item {
    width: 25%;
    box-sizing: border-box;
    padding: 0 30px;
    text-align: center;
    position: relative;
    padding-bottom: 70px;
}

.history-company-item:nth-child(-n+9) {
    width: 33.333%;
}

.history-company-item:before {
    content: '';
    width: 100%;
    background: #2E333A;
    height: 2px;
    position: absolute;
    left: 0;
    top: 45px;
}

.history-company-item:nth-child(3):after,
.history-company-item:nth-child(9):after,
.history-company-item:nth-child(17):after{
    content: '';
    width: 2px;
    background: #2E333A;
    height: 100%;
    position: absolute;
    right: 0;
    top: 45px;
}

.history-company-item:nth-child(4):after,
.history-company-item:nth-child(10):after {
    content: '';
    width: 2px;
    background: #2E333A;
    height: 100%;
    position: absolute;
    left: 0;
    top: 45px;
}

.history-company-item__year {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 13px;
    position: relative;
    z-index: 1;
}

.history-company-item__year span {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #EE2C2D;
}

.history-company-item__text {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
}

.history-company-item__text a {
    font-weight: 700;
    color: #EE2C2D;
    text-decoration: underline;
}

.teams {
    padding-top: 0px;
    padding-bottom: 50px;
}

.team {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    padding: 0 40px;
}

.teams-slider .slick-track {
    display: flex !important;
    gap: 10px;
}

.team__img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.team__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.team__title {
    font-weight: 800;
}

.team__position {
    font-weight: 400;
}

.teams-slider .slick-dots {
    margin-top: 50px;
}

.certificates {
    padding-top: 50px;
}

.certificates__item {
    width: calc(25% - 15px);
    box-sizing: border-box;
    padding: 10px;
}

.documents-files {
    padding-bottom: 50px;
    padding-top: 0;
}

.documents-files-slider .slick-track {
    display: flex !important;
    justify-content: center;
    width: 100% !important;
}

.documents-files-slide a {
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.documents-files-slide__icon {
    width: 52px;
    height: 52px;
    background: #2E333A;
    display: flex;
    justify-content: center;
    align-items: center;
}

.documents-files-slide__icon path {
    transition: all 0.3s;
}

.documents-files-slide a:hover .documents-files-slide__icon path {
    fill: #EE2C2D;
}

.mob {
    display: none;
}

.banner-mob {
    display: none !important;
}

.letters {
    display: none;
    margin-top: 50px;
}

.catalog-page {
    padding-bottom: 50px;
}


.catalog-page-slider .slick-track {
    display: flex !important;
    gap: 20px !important;
}

.catalog-page-slide {
    height: 555px !important;
}

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

.catalog-page__content-top {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}

.page-header p {
    font-family: var(--font-two);
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    color: #414141;
    margin-top: 20px;
}

.catalog-page__name {
    font-family: var(--font-two);
    color: #191919;
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    text-transform: uppercase;
    max-width: 500px;
    width: 100%;
}

.catalog-page__right {
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.catalog-page__right .btn-red {
    max-width: 200px;
    width: 100%;
}

.catalog-page__price {
    text-align: right;
}

.catalog-page__price span {
    color: #191919;
    font-family: var(--font-num);
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.catalog-page__price span small {
    font-size: 16px;
    line-height: 20px;
}

.catalog-page__price p {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

.catalog-page__characteristics {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 50px;
}

.catalog-page__characteristic {
    width: 50%;
}

.catalog-page__characteristic br {
    display: none;
}

.catalog-page__characteristic h3 {
    margin-bottom: 15px;
    color: #191919;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    font-family: var(--font-two);
}

.catalog-page__characteristic ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
}

.catalog-page__characteristic ul li {
    position: relative;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    box-sizing: border-box;
    padding-left: 20px;
    display: flex;
}

.catalog-page__characteristic ul li:before {
    content: '';
    width: 7px;
    height: 7px;
    background: #D53B27;
    position: absolute;
    left: 0;
    top: 7px;
}

.catalog-page__characteristic ul li:last-child {
    margin-bottom: 3px;
}

.leasing {
    padding: 50px 0
}

.leasing__row {
    display: flex;
    align-items: center;
    gap: 60px
}

.leasing__text {
    width: 100%;
    max-width: 542px;
}

.leasing__text h2 {
    text-align: left;
    color: #191919;
    font-weight: 800;
    margin-bottom: 15px;
    text-transform: inherit;
}

.leasing__text p {
    color: #191919;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.leasing__text .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 7px;
    background: #E00909;
    box-shadow: 0 4px 25px 0 rgba(0,0,0,.07);
    height: 52px;
    max-width: 338px;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    transition: all .3s;
    margin-top: 40px;
    border: none;
}

.leasing__text .btn:hover {
    color: #fff;
    background: #3936cc
}

.leasing-list {
    max-width: 550px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.leasing__item {
    width: calc(25% - 6px);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 5px 7px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.06);
    height: 84px;
    cursor: pointer
}

.leasing__item img {
    max-width: 100%;
    width: auto;
    height: auto;
    filter: grayscale(1);
    transition: all .3s
}

.leasing__item:hover img {
    filter: grayscale(0)
}

.calculator h2 {
    margin-bottom: 15px;
    text-transform: inherit;
}

/*ЮТУБ*/

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}
.youtube .play {
    background: url('/local/templates/truckservice/./img/youtube-play-btn.svg') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
    background-size: contain;
    position: absolute;
    width: 100px;
    height: 100px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

.catalog-page__video {
    width: 100%;
    height: 743px;
    margin-top: 35px;
}

.catalog-page-advantages {
    margin-top: 100px;
}

.catalog-page-advantages .cause {
    width: 50%;
    min-height: 338px;
    height: auto;
}

.catalog-page-advantages .cause__desc {
    max-width: 100%;
}

.catalog-page-advantages .cause:nth-child(3) {
    background: #fff;
}

.catalog-page-advantages .cause:nth-child(4) {
    background: #2E333A;
}

.catalog-page-advantages .cause:nth-child(4) .cause__title {
    color: #fff;
}

.catalog-page-advantages .cause:nth-child(4) .cause__desc {
    color: rgba(255, 255, 255, 0.85);
}

.catalog-slider .slider-arrow {
    top: 150px;
    transform: translateY(0);
}

.catalog-slider .prev-arrow {
    left: 100px;
}

.catalog-slider .next-arrow {
    right: 100px;
}

.catalog-slider__content {
    padding-bottom: 100px;
    padding-top: 80px;
}

.catalog-slider__content .news-grid {
    margin-top: 0;
}

.catalog-slide__banner {
    height: 400px;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catalog-slide__banner h2 {
    color: #FFF;
    text-align: center;
    font-family: var(--font-two);
    font-size: 50px;
    font-weight: 900;
    line-height: 60px;
    text-transform: uppercase;
}

.search-page {
    padding-top: 80px;
    padding-bottom: 100px;
}

.search-page .search-input {
    max-width: 100%;
    border: 1px solid #BAC2CA;
    height: 60px;
}

.ctrl {
    display: none;
}

.catalog .news-grid {
    margin-top: 0;
    flex: 1;
}

.catalog__products {
    flex: 1;
}

.catalog {
    padding-top: 16px;
    padding-bottom: 50px;
    box-sizing: border-box;
}

.catalog__row {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.sidebar {
    box-sizing: border-box;
    width: 265px;
}

.sidebar .smart-filter {
    border: 1px solid #f7f7f7;
    border-radius: 7px;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.07);
    background: #fff;
    padding: 19px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    box-sizing: border-box;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    z-index: 4;
    /*position: sticky;*/
    top: 0;
}

.filter-close {
    display: none;
}

.sidebar .smart-filter-input-group-checkbox-list
{
    display: flex;
    flex-direction: column;
    gap: 7px;
}

/*.sidebar.scroll  .smart-filter  {*/
/*    top: 75px;*/
/*}*/

/*.sidebar .smart-filter.fixed {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    top: 0;*/
/*}*/

.sidebar .smart-filter button {
    width: 100%;
    padding: 10px 0;
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0%;
    color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 25px 0 rgba(0,0,0,.07);
    background: #ff262a;
}

.sidebar .smart-filter-title {
    display: none;
}

.sidebar .smart-filter-parameters-box-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.smart-filter-angle-up svg {
    transform: rotate(180deg);
}

.smart-filter-angle-up path {
    stroke: #EE2C2D;
}

.smart-filter-section .row {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sidebar .btn-link {
    display: none !important;
}

.sidebar .smart-filter-popup-result {
    display: none !important;
}

.sidebar .btn-primary {
    max-width: 100%;
    width: 100%;
    height: 42px;
    justify-content: center;
    align-items: center;
    border: 1px solid #2E333A;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.07);
    transition: all 0.3s ease;
    cursor: pointer;
    font-weight: 600;
    margin-top: 15px;
    font-family: var(--font-main), sans-serif;
    display: none;
    color: #191919;
}

.sidebar .btn-primary:hover {
    background: #2E333A;
    color: #fff;
}

.sidebar .row-filter-buttons {
    display: block;
}

.sidebar .row-filter-button .btn-link {
    display: none !important;
}

.sidebar .btn-red {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    width: 100%;
    max-width: 100%;
    height: 42px;
}

.sidebar .btn-red span {
    display: flex;
    align-items: center;
    gap: 7px;
}

.sidebar .form_radio input[type="radio"] {
    display: none;
}

.sidebar .form_radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    color: rgba(25,25,25,.66);
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: left;
    user-select: none;
    box-sizing: border-box;
}

.sidebar .form_radio label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-position: center;
    background-size: cover;
}

.sidebar .form_radio input[type="radio"]:checked+label:before {
    background-position: center;
    background-size: cover;
}

.sidebar .form_radio label:hover:before {
    filter: brightness(120%);
}

.sidebar .smart-filter-parameters-box-title-text {
    display: block !important;
    font-family: var(--font-main), sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #191919;
}

/*.sidebar .smart-filter-angle {*/
/*    display: none !important;*/
/*}*/

.sidebar .form-group.form-check {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar .form-group.form-check input {
    display: none;
}

.sidebar .form-group.form-check label {
    cursor: pointer;
    display: flex;
    gap: 7px;
    align-items: center;
    font-size: 15px;
    color: #191919;
    font-family: var(--font-main) sans-serif !important;
}

.smart-filter {
    font-family: var(--font-main) sans-serif !important;
}

.sidebar .form-group.form-check label span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    fill: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
    width: 16px;
    height: 16px;
    background: #fff;
}

.sidebar .form-group.form-check label span svg {
    opacity: 0;
}

.sidebar .form-group.form-check label input:checked ~ span svg {
    opacity: 1;
}

.catalog .title {
    text-align: left;
}

.catalog .title h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 125%;
    text-transform: uppercase;
    color: #191919;
    font-family: var(--font-main), sans-serif;
}

.catalog__row .news-slide__img {
    height: 160px;
}

.product-grid .news-slide__body {
    padding: 20px 10px;
}

.catalog-n {
    display: none;
}

.catalog .breadcrumb {
    margin-top: 0;
    margin-bottom: 24px;
}

/* корневой каталог: заголовок «Каталог» скрыт визуально, но остаётся для SEO,
   а контент поднимается ближе к баннеру */
.catalog .title--sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.catalog .bread {
    justify-content: flex-start;
    font-weight: 400;
    font-size: 14px;
    line-height: 129%;
    letter-spacing: -0.02em;
    color: rgba(25, 25, 25, 0.5);
    margin-top: 0;
}

.catalog .bread a {
    font-size: 14px;
    line-height: 129%;
    letter-spacing: -0.02em;
    color: rgba(25, 25, 25, 0.5);
}

.catalog-banner-slider .slick-dots  {
    display: flex;
    justify-content: center;
    margin-top: 0;
    gap: 7px;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 21px;
    z-index: 5;
    width: 100%;
}

.smart-filter-parameters-box {
    padding: 11px;
    background: #f6f6f6;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
}

.catalog-cat-img {
    padding: 50px 0;
    box-sizing: border-box;
}

.bread {
    display: flex;
    color: #000;
    justify-content: center;
    margin-top: 30px;
    font-size: 14px;
    list-style: none;
    gap: 10px;
}

.bread__item {
    display: flex;
    gap: 10px;
}

.bread a {
    color: #000;
    transition: al 0.3s;
}

.bread a:hover {
    color: #EE2C2D;
}

/*БИТРИКС ФОРМЫ*/

.b24-form-wrapper {
    min-height: 1px !important;
    max-width: 100% !important;
    background: none !important;
    border-radius: 0 !important;
}

.b24-form-header-padding {
    display: none !important;
}

.b24-form-sign {
    display: none !important;
}

.b24-form-padding-side {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.b24-form-content form > div {
    display: flex;
    gap: 30px;
}

.b24-form-field {
    height: auto !important;
    flex: 1 !important;
}

.b24-form-field div {
    height: auto !important;
}

input.b24-form-control {
    border: 1px solid #fff !important;
    padding-left: 20px !important;
    color: #fff !important;
    background: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    font-family: var(--font-main) !important;
    height: 50px !important;
}

input.b24-form-control::placeholder {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 28px !important;
    font-family: var(--font-main) !important;
}

.b24-form-control-list .b24-form-control-icon-after .b24-form-control-not-empty.b24-form-control, .b24-form-control-list .b24-form-control-icon-after .b24-form-control-not-empty.b24-form-control-label {
    padding-top: 15px !important;
}

.b24-form-field .b24-form-control-label {
    color: #fff !important;
    opacity: 1 !important;
    height: auto !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 28px !important;
    font-family: var(--font-main) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.b24-form-control-select-label, .b24-form-control:focus+.b24-form-control-label, .b24-form-control-not-empty+.b24-form-control-label {
    top: 3px !important;
}

.b24-form-control-list .b24-form-control-container:after {
    border-right: 2px solid #fff !important;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    opacity: 1 !important;
    top: 32px !important;
}

.b24-form-control-container.b24-form-control-icon-after {
    margin: 0 !important;
    overflow: hidden !important;
}


.b24-form-control-list .b24-form-control-icon-after .b24-form-control-not-empty.b24-form-control, .b24-form-control-list .b24-form-control-icon-after .b24-form-control-not-empty.b24-form-control-label {
    padding-right: 20px !important;
}

.b24-form-btn-block {
    margin: 0 !important;
}

.b24-form-btn {
    font-family: var(--font-main) !important;
    color: #fff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 50px !important;
    background: #EE2C2D !important;
    transition: all 0.3s !important;
    max-width: 100% !important;
    width: 100% !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: none !important;
    position: relative !important;
    cursor: pointer !important;
    overflow: hidden !important;
}

.b24-form-btn:before {
    content: '';
    background-image: url(/local/templates/truckservice/./img/shin-btn.svg);
    background-repeat: no-repeat;
    width: 122px;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s;
}

.b24-form-btn:after {
    content: '';
    background-image: url(/local/templates/truckservice/./img/shin2-btn.svg);
    background-repeat: no-repeat;
    width: 98px;
    height: 100%;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s;
}

.b24-form-btn:hover:before, .b24-form-btn:hover:after {
    opacity: 1;
}

.b24-form-wrapper.b24-form-border-bottom {
    border-bottom: none !important;
}

.modal__window .b24-form-control-container,
.white-form .b24-form-control-container {
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
}

.modal__window input.b24-form-control,
.white-form input.b24-form-control {
    color: #191919 !important;
}

.modal__window .b24-form-field .b24-form-control-label,
.white-form .b24-form-field .b24-form-control-label {
    color: #191919 !important;
}

#reviewsModal .modal__window .b24-form-content form > div {
    display: flex;
    gap: 0;
    flex-direction: column;
}

#reviewsModal .modal__window .b24-form-btn-block {
    width: 100%;
    max-width: 100%;
}

.modal__window .b24-form-control-text .b24-form-control,
.white-form .b24-form-control-text .b24-form-control {
    background: #fff !important;
    border: none !important;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.07);
    box-sizing: border-box;
    padding-left: 20px !important;
}

.b24-form-control-comment {
    display: none !important;
}

#ResumeSend .modal__window .b24-form-content form > div,
.white-form .b24-form-content form > div {
    display: flex;
    gap: 0;
    flex-direction: column;
}

#ResumeSend .modal__window .b24-form-btn-block,
.white-form .b24-form-btn-block {
    width: 100%;
    max-width: 100%;
}

.b24-form-field.b24-form-field-file.b24-form-control-file {
    background: none !important;
    border: none !important;
    text-align: center;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.b24-form-field.b24-form-field-file.b24-form-control-file .b24-form-control-label {
    display: none !important;
}

.b24-form-control-file .b24-form-control {
    background: none;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #EE2C2D !important;
    width: 100% !important;
    max-width: 100% !important;
    color: #EE2C2D !important;
    height: 50px !important;
    transition: all 0.3s !important;
    box-sizing: border-box;
    margin: 0 !important;
    opacity: 1 !important;
}

#ResumeSend .b24-form-control-file .b24-form-control,
.white-form .b24-form-control-file .b24-form-control {
    padding: 0 !important;
}

.b24-form-control-file .b24-form-control:after, .b24-form-control-file .b24-form-control:before {
    background: #EE2C2D !important;
}

.b24-form-control-file .b24-form-control:hover {
    background: #EE2C2D !important;
    color: #fff !important;
}

.b24-form-control-file .b24-form-control:hover:after, .b24-form-control-file .b24-form-control:hover:before {
    background: #fff !important;
}

.contacts__home {
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.07);
    padding: 0;
    border-top: none;
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.contacts__title {
    box-sizing: border-box;
    background: #EE2C2D;
    padding: 10px 50px;
    margin: 0;
}

.contacts__title h3 {
    font-family: var(--font-two);
    font-size: 15px;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    font-weight: 900;

}

.contacts__home-block {
    padding: 30px 20px;
    box-sizing: border-box;
    background: #fff;
}

.contacts__home-phone {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-family: var(--font-num);
    text-transform: uppercase;
}

.contacts__home-phone b {
    font-weight: 900;
    font-family: var(--font-two);
}

.contacts__home-phone i {
    display: flex;
    align-items: center;
}

.contacts__home-phone i svg {
    width: 20px;
    height: auto;
}

.contacts__home-row {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 20px;
}

.contacts__home-left {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contacts__home-right {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contacts__home-center {
    display: flex;
    align-items: center;
    gap: 10px;
}

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

.contacts__home-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    line-height: 18px;
}

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

.contacts__home-item i svg {
    width: 20px;
    height: auto;
}

.contacts__home-item p a {
    display: inline-block;
    border-bottom: 1px solid #2E333A;
    line-height: normal;
}

.contacts__other {
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.07);
    background: #fff;
    max-width: 532px;
    width: 100%;
}

.contacts__other-tabs {
    display: flex;
    gap: 3px;
}

.contacts__other-tab {
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.3s;
    background: #F58081;
}

.contacts__other-tab:hover {
    background: #EE2C2D;
}

.contacts__other-tab.active {
    background: #EE2C2D;
}

.contacts__other-blocks {
    box-sizing: border-box;
    padding: 30px 20px;
    font-size: 12px;
    line-height: 18px;
}

.contacts__other-block {
    display: none;
}

.contacts__other-block h3 {
    margin-bottom: 20px;
    font-weight: 900;
    font-family: var(--font-two);
    text-transform: uppercase;
}

.contacts__other-block:first-child {
    display: block;
}

.contacts__other-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.contacts__other-item:last-child {
    margin-bottom: 0;
}

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

.contacts__other-item i svg {
    width: 20px;
    height: auto;
}

.type-trucks-ransom {
    padding-bottom: 50px;
}

#SingService {
    margin-bottom: 0;
}

.technical-assistance-evacuation {
    height: 490px;
    position: relative;
}

.technical-assistance-evacuation__bg-desktop {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.technical-assistance-evacuation__text {
    position: relative;
    z-index: 2;
    padding-top: 125px;
    max-width: 500px;
    width: 100%;
    box-sizing: border-box;
    margin-left: 100px;
}

.technical-assistance-evacuation__title {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
}

.technical-assistance-evacuation__title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #EE2C2D;
    border-radius: 10px;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
}

.technical-assistance-evacuation__title h2 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    position: relative;
    z-index: 2;
}

.technical-assistance-evacuation__text p {
    font-size: 25px;
    line-height: 35px;
    color: #191919;
    font-weight: 600;
    font-family: var(--font-num);
    margin-top: 20px;
    box-sizing: border-box;
    padding-left: 40px;
}

.technical-assistance-evacuation__text .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-num);
    font-weight: bold;
    color: #fff;
    max-width: 190px;
    height: 50px;
    transition: all 0.3s;
    background: #EE2C2D;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: normal;
}

.technical-assistance-evacuation__text .btn:hover {
    background: #b02021;
}

.catalog-banner-slide {
    height: 380px !important;
    position: relative;
}

.full-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.catalog-banner-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trade-in {
    padding-top: 50px;
}

.trade-in__block {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    background-image: url(/local/templates/truckservice/./img/trade-in-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
}

.trade-in__block {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    padding: 30px;
}

.trade-in__form {
    max-width: 665px;
    width: 100%;
    background: #f4f4f4;
    border-radius: 27px;
    box-sizing: border-box;
    padding: 25px 70px;
}

.trade-in__form h2 {
    color: #000;
    letter-spacing: 0.01em;
    text-transform: inherit;
}

.trade-in__form-list {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 50px;
}

.trade-in__form-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.trade-in__form-item i {
    display: block;
    margin-bottom: 20px;
}

.trade-in__form-item p {
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    color: #000;
    line-height: 16px;
}

.trade-in__form-block {
    margin-top: 45px;
}

.trade-in__form-block .agree {
    color: #979797;
    margin-top: 20px;
}

.trade-in__form-block .agree a {
    text-decoration: underline;
    color: #646464;
}

.trade-in__form-block .agree a:hover {
    color: #EE2C2D;
}

.trade-in__form-block h3 {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    font-family: var(--font-two);
}

.trade-in__form-block .b24-form-content form > div {
    gap: 0;
    flex-direction: column;
}

.trade-in__form-block .b24-form-field {
    flex: none !important;
    width: 100% !important;
}

.trade-in__form-block input.b24-form-control {
    background: #d9d9d9 !important;
    height: 50px !important;
    border-radius: 10px !important;
    color: #6b6b6b !important;
    border: none !important;
    padding-left: 25px !important;
}

.trade-in__form-block .b24-form-field .b24-form-control-label {
    color: #6b6b6b !important;
    font-size: 15px !important;
}

.trade-in__form-block .b24-form-btn {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 10px !important;
    background: #e00909 !important;
}

.trade-in__form-block .b24-form-btn-block {
    width: 100% !important;
}

.trade-in__note {
    background-image: url(/local/templates/truckservice/./img/plashka-tradein.svg);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 470px;
    width: 100%;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #fff;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-family: var(--font-two);
    position: relative;
    padding: 20px;
}

.trade-in__note span {
    position: relative;
    top: -5px;
    left: 20px;
}

.warranty-tracking {
    padding: 100px 0;
}

.warranty-tracking__list {
    display: flex;
    justify-content: space-between;
}

.warranty-tracking__col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.warranty-tracking__item-title {
    font-weight: 700;
    font-size: 28px;
    line-height: normal;
}

.warranty-tracking__item-title span {
    font-size: 36px;
    font-weight: 600;
    font-family: var(--font-num);
    display: inline-block;
    margin-right: 10px;
}

.warranty-tracking__item-title .num {
    font-size: 90px;
    line-height: normal;
    font-family: var(--font-num);
    margin-right: 0;
}

.warranty-tracking__item-desc {
    margin-top: 20px;
}

.warranty-tracking__item-desc ul {
    box-sizing: border-box;
    padding-left: 30px;
}

.warranty-tracking__item-desc ul li {
    font-weight: 700;
    font-size: 24px;
    color: #646464;
    line-height: normal;
}

.warranty-tracking__item-icon {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 28px;
    line-height: normal;
    position: relative;
}

.additional-equipment__block {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    background-image: url(/local/templates/truckservice/./img/additional-equipment-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    padding: 55px 0;
}

.additional-equipment__block h2 {
    color: #fff;
    margin-bottom: 60px;
}

.additional-equipment__list {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.additional-equipment__item {
    display: flex;
    align-items: center;
    gap: 50px;
    color: #fff;
}

.additional-equipment__item p {
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
}

.insurance {
    background-image: url(/local/templates/truckservice/./img/insurance-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
    margin: 50px 0;
}

.insurance__desc {
    max-width: 560px;
    width: 100%;
}

.insurance__desc ul {
    box-sizing: border-box;
    padding-left: 20px;
    margin-bottom: 25px;
}

.insurance__desc ul li {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #525252;
}

.insurance__logos {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    max-width: 640px;
    width: 100%;
}

.insurance__logo {
    width: calc(50% - 7px);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 15px 30px;
}

.insurance__btn {
    max-width: 640px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.insurance__btn .btn-red {
    background: #e00909;
    height: 50px;
    max-width: 370px;
    width: 100%;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 400;
}

.become-agent__block {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    background-image: url(/local/templates/truckservice/./img/become-agent-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    padding: 60px 0;
}

.become-agent__note {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #e00909;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 13px;
    height: 50px;
    max-width: 365px;
    width: 100%;
}

.become-agent__note p {
    flex: 1;
    font-size: 20px;
    color: #fff;
    line-height: normal;
}

.become-agent__note i {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
}

.become-agent__content h2 {
    color: #fff;
    margin: 60px 0;
    text-transform: inherit;
}

.become-agent__form {
    max-width: 600px;
}

.become-agent__form .agree {
    color: #c6c6c6;
    text-align: left;
    margin-top: 0px;
}

.become-agent__form .agree a {
    color: #E00909;
    text-decoration: underline;
}

.become-agent__form .agree a:hover {
    color: #EE2C2D;
}

.become-agent__form .b24-form-field {
    flex: none !important;
    width: 100% !important;
}

.become-agent__form .b24-form-content form > div {
    gap: 0;
    flex-direction: column;
}

.become-agent__form input.b24-form-control {
    background: #fff !important;
    height: 50px !important;
    border-radius: 10px !important;
    color: #6b6b6b !important;
    border: none !important;
    padding-left: 25px !important;
}

.become-agent__form .b24-form-field .b24-form-control-label {
    color: #6b6b6b !important;
    font-size: 15px !important;
}

.become-agent__form .b24-form-btn {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 10px !important;
    background: #e00909 !important;
}

.become-agent__form .b24-form-btn-block {
    width: 100% !important;
}

.other-details .news-slide__block {
    border-radius: 20px;
    overflow: hidden;
}

.other-details .best-deals-products__btn .btn-red {
    max-width: 370px;
    height: 50px;
    border-radius: 10px;
    font-size: 20px;
    background: #e00909;
}

.other-details .best-deals-products__btn {
    margin-top: 40px;
}


.card-firstscreen,
.card-firstscreen * {
    box-sizing: border-box;
}

.card-firstscreen {
    display: flex;
    flex-wrap: wrap;
    /* 50px, а не 20: стрелка слайдера миниатюр вынесена на 25px за край
       левой колонки и при узком зазоре наезжала на правую */
    gap: 50px;
}

.card-firstscreen h1 {
    font-size: 35px;
    line-height: 38.5px;
}

.card-firstscreen__left,
.card-firstscreen__right {
    max-width: calc(50% - 25px);
}

.card-thumbs {
    margin-top: 20px;
    position: relative;
}

.card-thumbs .slick-slide {
    margin: 0 10px;
}

.card-thumbs .slick-list {
    margin: 0 -10px;
}

.card-thumbs .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2;
    font-size: 0;
    width: 50px;
    height: 50px;
    color: #EFEFEF;
    fill: #EFEFEF;
    background: #FF0000;
    display: block;
    border-radius: 50%;
    border: none;
    cursor: pointer;
}

.card-thumbs .slick-arrow.slick-disabled {
    background: #EFEFEF;
}

.card-thumbs .slick-arrow:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card-thumbs .slick-prev {
    left: -25px;
}

.card-thumbs .slick-prev:before {
    background: url('/local/templates/truckservice/img/icon/slick-prev-active.svg') no-repeat center center /contain;
}

.card-thumbs .slick-prev.slick-disabled:before {
    background: url('/local/templates/truckservice/img/icon/slick-prev-disabled.svg') no-repeat center center /contain;
}

.card-thumbs .slick-next {
    right: -25px;
}

.card-thumbs .slick-next:before {
    background: url('/local/templates/truckservice/img/icon/slick-next-active.svg') no-repeat center center /contain;
}

.card-thumbs .slick-next.slick-disabled:before {
    background: url('/local/templates/truckservice/img/icon/slick-next-disabled.svg') no-repeat center center /contain;
}

.card-sklad {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    color: #000;
}

.card-sklad__title {
    font-size: 18px;
    font-weight: 700;
}

.card-sklad__value {
    font-size: 20px;
}

.card-price-desc {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    margin-top: 30px;
    line-height: 1.2;
}

.card-price-desc__price {
    font-weight: 600;
    color: #000;
    font-size: 30px;
}

.card-price-desc__price span {
    font-size: 15px;
}

.card-price-desc__desc {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
}

.card-buttons {
    margin-top: 50px;
    width: 100%;
}

.card-buttons .btn-red {
    border-radius: 6px;
    max-width: 100%;
    width: 100%;
    height: 50px;
    font-weight: 400;
    font-size: 20px;
    background: #e00909;
}

.card-buttons-cols {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
    margin-top: 20px;
}

.card-buttons-cols > * {
    max-width: calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
}

.card-buttons__btn {
    border: 0;
    padding: 15px;
    width: 100%;
    font-size: 18px;
    display: block;
    text-align: center;
    font-weight: normal;
    border-radius: 6px;
}

.card-buttons__btn:hover {
    opacity: .8;
}

.card-buttons__kp {
    background: #FF262A;
    color: #fff;
}

.card-buttons__kp:hover {
    color: #fff;
}

.card-buttons__tradein {
    background: #fadfdf;
    color: #FF262A;
    cursor: pointer;
}

.card-buttons__tradein:hover {
    color: #FF262A;
}

.card-buttons__lizing {
    background: #e1e1f5;
    color: #3936CC;
    cursor: pointer;
}

.card-buttons__lizing:hover {
    color: #3936CC;
}

.card-share {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}

.card-share__title {
    font-size: 18px;
    font-weight: 700;
}

.card-share__btns {
    display: flex;
    gap: 10px;
}

.card-share__btn {
    display: block;
    width: 30px;
    height: 30px;
}

/*.card-share__whatsapp {*/
/*    background: url('/local/templates/truckservice/images/wha.svg') no-repeat center center /contain;*/
/*}*/

/*.card-share__telegram {*/
/*    background: url('/local/templates/truckservice/images/tg.svg') no-repeat center center /contain;*/
/*}*/

.card-tabs {
    margin-top: 30px;
}

.card-tabs-ul {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    width: 100%;
    list-style: none;
    margin: 0;
    gap: 65px;
}

.card-tabs-ul .card-tabs-ul-space {
    justify-content: space-between;
}

.card-tabs-ul li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    margin-bottom: -1px;
}

.card-tabs-ul li a {
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 12px;
    padding-top: 5px;
    display: block;
    border-bottom: 3px solid transparent;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: rgba(0, 0, 0, 0.7);
}

.card-tabs-ul li a:hover,
.card-tabs-ul li a.active {
    border-bottom: 3px solid red;
}

.card-tabs-container {
    width: 100%;
    margin-top: 20px;
}

.card-tabs-container__content {
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
    display: none;
}

.card-tabs-container__content.active {
    display: block;
}

.card-tabs-container__content * {
    font-size: 16px;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.7);
}

.card-tabs-container__content h1 {
    font-size: 24px;
    margin-bottom: 15px;
}

.card-tabs-container__content h2 {
    font-size: 22px;
    margin-bottom: 12px;
}

.card-tabs-container__content h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.card-tabs-container__content h4 {
    font-size: 18px;
    margin-bottom: 8px;
}

.card-tabs-container__content ul,
.card-tabs-container__content ol {
    margin-left: 20px;

    column-count: 2;
    column-gap: 40px;

    break-inside: avoid-column;
    margin-bottom: 10px;
    margin-top: 5px;
}

.card-tabs-container__content ul li,
.card-tabs-container__content ol li {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 20px;
}

.breadcrumb {
    margin: 10px 0;
    gap: 10px;
}

.bx-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.catalog-bread .bx-breadcrumb-item:nth-child(3) {
    display: none;
}

.catalog-sing-service {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    border-radius: 30px;
    background: #070707;
}

.catalog-sing-service input.b24-form-control {
    background: #fff !important;
    height: 50px !important;
    border-radius: 10px !important;
    color: #6b6b6b !important;
    border: none !important;
    padding-left: 25px !important;
}

.catalog-sing-service .b24-form-field .b24-form-control-label {
    color: #6b6b6b !important;
    font-size: 15px !important;
}

.catalog-sing-service .agree {
    color: #c6c6c6;;
    margin-top: 0px;
}

.catalog-sing-service .agree a {
    color: #E00909;
    text-decoration: underline;
}

.catalog-sing-service .agree a:hover {
    color: #EE2C2D;
}

.catalog-sing-service .b24-form-btn {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 10px !important;
    background: #e00909 !important;
}

.best-deals-slider-three .news__slider__desc {
    color: #fff;
}

.best-deals-slider-three .news__slider__desc a {
    position: relative;
    top: 0;
    left: 0;
    color: #fff;
    display: inline;
}

.best-deals-slider-three .news__slider__desc a:hover {
    color: red;
}

.best-deals-slider-three .news__slider__desc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.best-deals-slider-three .news__slider__desc ul li {
    font-size: 11px;
    font-weight: bold;
}

.best-deals-slider-three .news-slide__title {
    font-family: var(--font-num);
    font-size: 14px;
    line-height: 20px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.best-deals-slider-three .news-slide__bottom a {
    position: relative;
    height: 39px;
    border-radius: 10px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.best-deals-slider-three .news-slide__bottom {
    flex-direction: column;
    gap: 15px;
}

.best-deals-slider-three .news-slide__organization {
    font-size: 16px;
    font-weight: bold;
}

.best-deals-slider-three .slick-track {
    display: flex;
}

.best-deals-slider-three .news-slide {
    height: auto !important;
}

.best-deals-slider-three .news-slide__body {
    gap: 30px;
}

.bx-pagination .bx-pagination-container {
    margin-top: 50px;
}

.bx-pagination .bx-pagination-container ul li.bx-active span {
    background: #EE2C2D;
}

.bx-pagination .bx-pagination-container ul li a {
    border-radius: 0;
}

.bx-pagination .bx-pagination-container ul li span {
    border-radius: 0;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span {
    display: none !important;
}


.evacuation {
    padding: 90px 0;
    position: relative;
    /*background-image: url(/upload/medialibrary/6b1/oo5l5ur8e6b23j0z7gq10kni3it8pvct/003_TEKHPOMOSHCH_I_EVAKUATSIYA-1.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center;*/
    display: block;
}

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

.evacuation .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    opacity: 1;
}

.bg-img.mob {
    display: none;
}

.evacuation__text {
    max-width: 470px;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 23px;
    box-sizing: border-box;
    padding: 25px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 80px;
    z-index: 3;
    position: relative;
}

.evacuation__text h1 {
    font-weight: 900;
    font-size: 28px;
    line-height: 125%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
    font-family: var(--font-num);
}

.evacuation-phone {
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fc0;
    font-family: var(--font-num);
}
.evacuation__text .btn-red {
    background: #da1f26;
    border-radius: 10px;
    max-width: 300px;
    width: 100%;
    height: 56px;
    margin-top: 20px;
    font-size: 17px;
}

.btn-mob {
    display: none;
}

.evacuation-advantages {
    padding: 70px 0;
}

.evacuation-advantages__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
}

.evacuation-advantages__item {
    width: calc(20% - 40px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
}

.evacuation-advantages__item-icon {
    height: 100px;
}

.evacuation-advantages__item-text {
    border-radius: 10px;
    background: #da1f26;
    box-sizing: border-box;
    padding: 5px;
    font-weight: 900;
    font-size: 12px;
    line-height: 146%;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-num);
}

.evacuation-services {
    padding-bottom: 80px;
}

.evacuation-services__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.evacuation-services__item {
    width: calc(33.333% - 14px);
    position: relative;
    height: 248px;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}

.evacuation-services__item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.evacuation-services__item:hover img {
    transform: scale(1.1);
}

.evacuation-services__item-text {
    line-height: 130%;
    position: relative;
    font-weight: 700;
    font-size: 16px;
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 15px 0 0;
    box-sizing: border-box;
    max-width: 165px;
    width: 100%;
    margin-left: auto;
    font-family: var(--font-num);
}

.evacuation-services__item-price {
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #da1f26;
    border-radius: 20px;
    max-width: 176px;
    width: 100%;
    height: 65px;
    font-family: var(--font-num);
    box-sizing: border-box;
    padding: 13px 5px;
    bottom: -15px;
}

.evacuation-technique {
    background-image: url(/upload/medialibrary/b88/b5k13xhgtxssavlukt2hji4lnouzr5z2/Nasha_tekhnika_fon-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.evacuation-technique .title {
    text-align: center;
}

.evacuation-technique .title h2 {
    color: #fff;
}

.evacuation-technique__row {
    display: flex;
    align-items: flex-start;
}

.evacuation-technique__desc {
    max-width: 632px;
    width: 100%;
    margin-top: 120px;
}

.evacuation-technique__text {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 25px;
    box-sizing: border-box;
    padding: 40px;
    color: #fff;
    font-weight: 900;
    font-size: 21px;
    line-height: 129%;
    font-family: var(--font-num);
}

.evacuation-technique__text p {
    max-width: 500px;
    width: 100%;
}

.evacuation-technique__note {
    font-weight: 700;
    font-size: 17px;
    line-height: 147%;
    color: #fff;
    margin-top: 100px;
}

.evacuation-technique__img {
    position: absolute;
    right: 10%;
}

.evacuation-clients {
    padding: 70px 0;
}

.evacuation-work {
    background: #2E333A;
    padding: 80px 0;
}

.evacuation-work .title {
    text-align: center;
}

.evacuation-work h2 {
    color: #fff;
}

.red-arrow {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ee2c2d;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    transition: all 0.3s ease;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 5;
}

.red-arrow:hover {
    background: #c72425;
}

.evacuation-work-prev {
    left: -80px;
}

.evacuation-work-next {
    right: -80px;
}

.evacuation-work-slide {
    height: 211px;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 0 15px

}

.evacuation-work-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-blog {
    padding: 90px 0;
}

.author-blog__button {
    display: flex;
    justify-content: center;
    margin-top: 44px;
}

.author-blog__button .btn-red {
    border-radius: 10px;
    max-width: 247px;
    height: 49px;
}

.author-blog-slider {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

.author-blog-slide {
    border-radius: 20px;
    height: 405px !important;
    overflow: hidden;
}

.author-blog-slide iframe {
    width: 100%;
    height: 100%;
}

.author-blog-prev {
    left: -80px;
}

.author-blog-next {
    right: -80px;
}

#evacuationModal .b24-form-header {
    display: none;
}

#evacuationModal .black-form {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 19px;
    max-width: 1000px;
    width: 100%;
    padding: 50px 15px;
    color: #fff;
    box-sizing: border-box;
}

#evacuationModal  .modal__window {
    box-sizing: border-box;
    padding: 0 15px;
}

#evacuationModal .modal__window .title {
    margin-bottom: 30px;
}

#evacuationModal .modal__window .title p {
    color: #fff;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    display: block;
}

#evacuationModal .modal__window .title-mob {
    display: none;
}

#evacuationModal .modal__window .title p:before {
    display: none;
}

#evacuationModal .modal__window .title p:after {
    display: none;
}

#evacuationModal .form-row {
    display: flex;
    gap: 14px;
    flex-direction: column;
    max-width: 584px;
    width: 100%;
    margin: 0 auto;
}

#evacuationModal .modal__window .input input {
    background: #fff !important;
    color: #6D6D6D;
    height: 46px;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: bold;
}

#evacuationModal .modal__window .input input::placeholder {
    color: #6D6D6D;
    font-size: 15px;
    font-weight: bold;
}

#evacuationModal .b24-form-field {
    margin-bottom: 0 !important;
}

#evacuationModal  .b24-form-field-agreement .b24-form-control-container {
    display: none;
}

#evacuationModal .b24-form-btn-block {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin-top: 14px !important;
}

#evacuationModal .agree {
    margin: 0 auto;
    margin-top: 15px;
    max-width: 584px;
    width: 100%;
    font-size: 9px;
    text-align: left;
}

#evacuationModal .agree a {
    color: #ee2c2d;
}


#evacuationModal .close-modal path {
    stroke: #fff;
}

#evacuationModal .close-modal:hover path {
    stroke: #EE2C2D;
}

.card-slider__item {
    height: 450px !important;
    overflow: hidden;
}


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

.card-thumbs__item {
    height: 125px !important;
    overflow: hidden;
}

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

.up {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    cursor: pointer;
    background: #EE2C2D;
    transition: all 0.3s ease;
}

.up:hover {
    background: #a61e1f;
}

.up svg {
    width: 15px;
    height: auto;
}

/*СОРТИРОВКА*/

.sort {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
    margin-bottom: 30px;
}

.sort p {
    font-weight: 400;
    font-size: 16px;
    color: #222;
}

.sort-list {
    display: flex;
    gap: 10px;
}

.sort-item {
    padding: 0 13px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #F1F1F1;
    height: 38px;
    display: flex;
    align-items: center;
    position: relative;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
}

.sort-item button {
    background: none;
    display: flex;
    align-items: center;
    gap: 7px;
    border: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    color: #222;
    font-family: var(--font-main), sans-serif;
}

.sort-item button.active.asc svg {
    transform: rotate(0deg);
}

.sort-item button.active.desc svg {
    transform: rotate(180deg);
}

.sort-item button.active path {
    stroke: #EE2C2D;
}


.sort-item__sub {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
    width: 311px;
    background: #fff;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    z-index: 55;
    padding: 20px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
    display: none;
}

.sort-item__row {
    display: flex;
    gap: 10px;
}

.sort-item__input {
    flex: 1;
}

.sort-item__input p {
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 14px;
    color: rgba(25, 25, 25, 0.3);
}

.sort-item__input input {
    max-width: 100%;
    width: 100%;
    font-family: var(--font-main), sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #191919;
    height: 40px;
    padding-left: 10px;
    background: #f6f6f6;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    outline: none;
}

.catalog__actions-mob {
    display: none;
}

.catalog-description p {
    margin-bottom: 20px;
}

.catalog-description {
    position: relative;
    max-height: 270px;
    overflow: hidden;
    margin-top: 100px;
    font-weight: 500;
    font-size: 18px;
    line-height: 144%;
}

.catalog-description__inner {
    position: relative;
    z-index: 1;
}

.catalog-description__fade {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 80%);
    z-index: 2;
    pointer-events: none;
    display: none;
}

.catalog-description__toggle {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px 20px;
}

.catalog-description.expanded {
    max-height: none;
}

.catalog-description.expanded .catalog-description__fade {
    display: none;
}

.catalog-description__toggle {
    border-radius: 60px;
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
    height: 48px;
    background: #2E333A;
    justify-content: center;
    align-items: center;
    gap: 7px;
    transition: all 0.3s ease;
    display: none;
}

.catalog-description__toggle span {
    font-weight: 600;
    font-size: 16px;
    line-height: 175%;
    color: #fff;
    font-family: var(--font-main) sans-serif;
    transition: all 0.3s ease;
}

.catalog-description__toggle:hover {
    background: #ee2c2d;
}

.catalog-description__toggle.expanded {
    position: relative;
}

.catalog-description__toggle.expanded svg {
    transform: rotate(180deg);
    position: relative;
}

.history-slider {
    height: 700px !important;
}

.history-slide {
    width: 360px !important;
    height: auto !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding-left: 2px;
}

.history-company-block-slider {
    position: relative;
    padding-left: 5%;
}

/*.history-slider.swiper-grid-column>.swiper-wrapper {*/
/*    gap: 110px !important;*/
/*}*/

.history-slide__block {
    background: #fff;
    padding-left: 20px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    height: 300px;
    border-left: 1px solid rgba(25, 25, 25, 0.3);
}

.history-slide__block:before {
    content: '';
    left: -3px;
    bottom: 0;
    position: absolute;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    background: #ee2c2d;
}

.history-slider.swiper-grid-column>.swiper-wrapper {
    gap: 100px 0 !important;
}

.history-slide:nth-child(2) .history-slide__block {
    border: none;
}

.history-slide:nth-child(2) .history-slide__block:before {
    display: none;
}

.history-slide__top {
    flex: 1;
}

.history-slide__img {
    height: 120px;
    overflow: hidden;
}

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

.history-slide__year {
    font-weight: 800;
    font-size: 34px;
    line-height: 124%;
    text-transform: uppercase;
    color: #191919;
    margin-bottom: 10px;
}

.history-slide__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #191919;
}

.history-company-block-slider .swiper-pagination {
    top: 50% !important;
    transform: translateY(-50%) !important;
    bottom: auto !important;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.history-company-block-slider .swiper-pagination-bullet {
    opacity: 1;
    background: rgba(25, 25, 25, 0.1);
    flex: 1;
    height: 9px;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.history-company-block-sliderr .swiper-pagination-bullet-active {
    background: #ee2c2d;
}

.history-company-block-slider .swiper-pagination-progressbar {
    background: rgba(25, 25, 25, 0.1);
}

.history-company-block-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #ee2c2d;
}

@media (min-width:1925px) {
    .history-company {
        max-width: 1920px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .card-tabs-container__content ul,
    .card-tabs-container__content ol {
        column-count: 1;
        column-gap: 0;
    }

    .card-tabs-ul {
        overflow: hidden;
        white-space: nowrap;
        gap: 20px;
        overflow-x: auto;
    }

    .card-thumbs {
        margin-top: 15px;
    }

    .card-thumbs .slick-slide {
        margin: 0 5px;
    }

    .card-thumbs .slick-list {
        margin: 0 -5px;
    }

    .card-firstscreen {
        gap: 0;
    }

    .card-firstscreen__left {
        padding-bottom: 60px;
    }

    .card-firstscreen__left, .card-firstscreen__right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-firstscreen__right {
        margin-top: 20px;
    }

    .card-thumbs .slick-arrow {
        top: 100%;
        margin-top: 10px;
        transform: translate(0, 0);
    }

    .card-thumbs .slick-prev {
        left: 50%;
        margin-left: calc(-2.5px - 50px);
    }

    .card-thumbs .slick-next {
        left: 50%;
        margin-left: 2.5px;
    }

    .card-buttons {
        margin-top: 30px;
    }

    .card-share {
        margin-top: 20px;
        justify-content: space-between;
    }
}

@media (max-width: 1600px) {
    .home-catalog-slider {
        gap: 30px;
    }

    .home-catalog-slide {
        width: calc(20% - 24px);
    }

    .home-catalog-slide__img {
        height: 200px;
    }

    .home-catalog-slide__name {
        font-size: 16px;
    }

    .evacuation-technique__img {
        right: 0;
    }
}

@media(max-width: 1440px) {
    .catalog-page-slider .prev-arrow {
        left: 0;
    }

    .catalog-page-slider .next-arrow {
        right: 0;
    }

    .catalog-page-slider .slider-arrow {
        top: 100%;
        transform: translateY(-40%);
    }

    .catalog-page-slider .slider-arrow svg {
        width: 70px;
        height: 70px;
    }

    .service-maintenance-item a span {
        min-height: 104px;
    }

    .evacuation-technique__text p {
        max-width: 400px;
        width: 100%;
    }
}

@media(max-width: 1100px) {
    .container {
        box-sizing: border-box;
        padding: 0 15px;
    }

    .full-container {
        padding: 0 15px;
    }

    .catalog-page__name {
        max-width: 500px;
        width: 100%;
    }

    .home-catalog-slide {
        width: calc(25% - 23px);
    }
}

@media(max-width: 1024px) {

    .home-slide__content {
        min-height: 550px !important;
    }

    .home-slide {
        min-height: 600px !important;
    }

    .header__row {
        height: 50px;
    }

    .header-menu {
        display: none;
    }

    .navbar {
        display: flex;
    }

    .nav__block {
        max-width: 300px;
        overflow-y: auto;
        height: 100vh;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .nav li {
        position: relative;
    }

    .nav__block .submenu {
        display: none;
    }

    .arrow-menu {
        top: 0;
    }

    .arrow-menu.active svg {
        transform: rotate(180deg);
    }

    .nav li .submenu li a {
        font-size: 16px;
        list-style: 26px;
        text-transform: inherit;
    }

    .arrow-menu svg {
        width: 20px;
        height: auto;
    }

    .news-grid {
        gap: 10px;
    }

    .news-grid .news-slide__block {
        width: calc(50% - 5px);
    }

    .product-grid .news-slide__block {
        width: calc(33.333% - 7px);
    }

    .catalog__row .news-slide__img {
        height: 230px;
    }


    .our-numbers__list {
        flex-wrap: wrap;
        gap: 15px;
    }

    .our-number {
        width: calc(50% - 8px);
    }

    .sale-new-equipment-menu {
        width: 35%;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 80px 15px;
        text-align: center;
    }

    .sale-new-equipment-offers {
        width: 65%;
    }

    .sale-new-equipment-offer {
        background-position: center !important;
    }

    .service-maintenance__list {
        flex-wrap: wrap;
    }

    .service-maintenance-item {
        width: 33.333%;
        min-height: 500px;
        flex: auto;
        background-position: center !important;
    }

    .service-maintenance-item:nth-child(1),
    .service-maintenance-item:nth-child(2) {
        width: 50%;
        min-height: 600px;
        flex: auto;
    }

    .title p br {
        display: none;
    }

    .best-deals__tabs {
        flex-wrap: wrap;
    }

    .best-deals-slide__row {
        flex-direction: column;
    }

    .best-deals-slide__img {
        max-width: 100%;
        height: auto;
    }

    .best-deals-slide-info ul li {
        position: relative;
        margin-bottom: 12px;
        padding-left: 0;
        display: flex;
        gap: 5px;
        align-items: center;
    }

    .best-deals-slide-info ul li:before {
        position: relative;
        left: 0;
        top: 0;
    }

    .send-feedback {
        height: auto;
        position: relative;
        padding-top: 35px;
        padding-bottom: 100px;
    }

    .send-feedback__row {
        flex-direction: column;
        align-items: flex-start;
    }

    .send-feedback__img {
        height: 400px;
        position: absolute;
        bottom: -51px;
        right: 0;
        margin: 0;
    }

    .desktop {
        display: none;
    }

    .mob {
        display: block;
    }

    .copyright {
        gap: 20px;
        flex-wrap: wrap;
    }

    .evacuation .type-trucks__list {
        flex-wrap: wrap;
        gap: 10px;
    }

    .evacuation .type-truck {
        width: calc(33.333% - 7px);
        margin-top: 0;
    }

    .evacuation .type-trucks {
        height: auto;
        padding-bottom: 50px;
        margin-top: 0;
    }

    .evacuation .type-truck:nth-child(-n+3) {
        margin-top: -50px;
    }

    .buyout-equipment-item:before {
        display: none !important;
    }

    .business-indicators__block .our-numbers__list {
        gap: 15px;
    }

    .catalog-page__content-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .catalog-page__right {
        justify-content: space-between;
        max-width: 100%;
        flex: 100%;
        width: 100%;
    }

    .catalog-page__price span {
        justify-content: flex-start;
    }

    .catalog-page-slide {
        height: 350px !important;
    }

    .catalog-page__price {
        text-align: left;
    }

    .catalog-page__name {
        max-width: 100% ;
    }

    .catalog-page__video {
        width: 100%;
        height: 500px;
    }

    .catalog-slider .prev-arrow {
        left: 10px;
    }

    .catalog-slider .next-arrow {
        right: 10px;
    }

    .about-banner__block br {
        display: none;
    }

    .prev-arrow {
        left: 0;
    }

    /*.slider-arrow {*/
    /*    background: #EE2C2D;*/
    /*    border-radius: 100%;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*}*/

    .slider-arrow svg {
        width: 50px;
        height: auto;
    }

    .slider-arrow path {
        stroke: #000;
    }

    .next-arrow {
        right: 0;
    }

    .evacuation__content p br {
        display: none;
    }

    .calc-row {
        flex-direction: column;
    }

    .results {
        max-width: 100%;
    }

    .catalog__row {
        flex-direction: column;
    }

    .sidebar {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 99999;
        background: rgba(0,0,0, 0.5);
        display: none;
    }

    .sidebar .smart-filter {
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
        border: 1px solid #f7f7f7;
        padding: 15px;
        padding-top: 30px;
        padding-bottom: 50px;
        height: 90vh;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        top: auto;
        margin-bottom: 0;
        overflow: hidden;
        display: none;
    }

    .filter-close {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 7px;
        background: #ececec;
        border-radius: 5px;
        width: 30px;
        height: 2px;
    }

    .sidebar .smart-filter .btn-primary {
        margin-top: 13px;
    }

    .sidebar .btn-red {
        display: none;
    }

    .sidebar .smart-filter .row {
        overflow: hidden;
        overflow-y: auto;
        height: 65vh;
    }

    .b24-form-content form > div {
        flex-direction: column;
        gap: 0;
    }

    .b24-form-btn-block {
        max-width: 100%;
        width: 100%;
    }

    .technical-assistance-evacuation__text {
        margin-left: 0;
    }

    .contacts__home-block {
        padding: 20px;
    }

    .contacts__other-blocks {
        padding: 20px;
    }

    .contacts__title {
        padding: 10px 20px;
    }

    .contacts__blocks {
        flex-direction: column;
    }

    .contacts__other {
        max-width: 100%;
    }

    .home-catalog-slide {
        width: calc(33.333% - 20px);
    }

    .trade-in__block {
        border-radius: 0;
        padding: 30px 15px;
    }

    .trade-in__block {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }

    .additional-equipment__block {
        border-radius: 0;
        padding: 30px 15px;
        box-sizing: border-box;
    }

    .become-agent__block {
        box-sizing: border-box;
        padding: 30px 15px;
        border-radius: 0;
    }

    .catalog-sing-service {
        border-radius: 0;
    }

    .evacuation-advantages__item {
        width: calc(33.333% - 34px);
    }

    .evacuation-technique__img {
        position: relative;
        right: -80px;
    }

    .evacuation-technique__row {
        flex-direction: column;
    }

    .evacuation-technique__desc {
        margin-top: 0;
    }

    .evacuation-technique .container {
        padding: 0;
    }

    .evacuation-technique__desc {
        margin-left: auto;
    }

    .evacuation-technique__text {
        border-radius: 25px 0 0 25px;
    }

    .evacuation-technique__text p {
        max-width: 100%;
        width: 100%;
    }

    .evacuation-technique__note {
        box-sizing: border-box;
        padding-left: 20px;
    }

    .evacuation-technique {
        background-position: center;
        overflow: hidden;
    }

    .red-arrow {
        display: none !important;
    }

    .evacuation__text {
        margin-left: 0;
    }
}

@media(max-width: 768px) {

    .home-slide__content {
        min-height: 500px !important;
    }

    .home-slide {
        min-height: 550px !important;
    }

    .single-row {
        flex-direction: column;
    }

    .single-item {
        width: 100%;
    }

    .single-item img {
        width: 100%;
        height: auto;
    }

    .sale-new-equipment__row {
        flex-direction: column;
    }

    .sale-new-equipment-menu {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 15px;
        padding-bottom: 0;
    }

    .sale-new-equipment-menu ul li {
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        margin-right: 30px;
        display: inline-block;
        width: auto;
    }

    .header-phone a {
        font-size: 14px;
    }

    .sale-new-equipment-offers {
        width: 100%;
    }

    .sale-new-equipment-offer {
        height: 345px !important;
    }

    .sale-new-equipment-offer__info {
        padding: 20px 15px;
    }

    .form-row {
        flex-wrap: wrap;
        gap: 10px;
    }

    .form-item {
        width: calc(50% - 8px);
        flex: auto;
    }

    .form-item:nth-child(1),
    .form-item:nth-child(2) {
        flex: auto;
        width: 100%;
    }

    .form-submit {
        margin-top: 20px;
    }

    .sale-repurchase__list {
        flex-wrap: wrap;
    }

    .type-trucks__list {
        gap: 20px;
    }

    .callback .form-item:nth-child(1),
    .callback .form-item:nth-child(2) {
        width: calc(50% - 8px);
        flex: auto;
    }

    .cause {
        width: 50%;
    }

    .send-feedback__text {
        max-width: 580px;
    }

    .clients-partners-item {
        box-sizing: border-box;
        padding: 10px 5px;
    }

    .footer__row {
        flex-wrap: wrap;
        gap: 20px;
    }

    .footer-item.footer__logo {
        flex-direction: row;
        width: 100%;
    }

    /*.footer-item {*/
    /*    width: calc(50% - 10px);*/
    /*}*/

    .footer-item:nth-child(3) {
        order: 2;
        gap: 20px;
        justify-content: flex-start;
        width: calc(60% - 10px);
    }

    .footer-item:nth-child(2) {
        order: 3;
        width: calc(40% - 10px);
    }

    .footer-item:nth-child(4) {
        order: 4;
        position: relative;
        margin-top: -50px;
        width: calc(60% - 10px);
    }

    .copyright {
        gap: 5px 25px;
    }

    .home-slider .slick-dots {
        bottom: 10px;
    }

    .home-slide__title {
        font-size: 34px;
    }

    .home-slide__text,
    .home-slide__text h2,
    .home-slide__text p {
        font-size: 17px;
        line-height: 24px;
    }

    .home-slide__top {
        padding-top: 30px;
        max-width: 100%;
    }

    .home-slide__text-bottom p {
        font-size: 18px;
        line-height: 28px;
    }

    .maintenance-repair__contacts {
        flex-direction: column-reverse;
        text-align: center;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }

    .insurance-companies-logos {
        gap: 10px;
    }

    .insurance-companies-logo {
        width: calc(16.666% - 9px);
        padding: 10px;
        height: 50px;
    }

    .insurance-companies .discount {
        align-items: flex-start;
    }

    .type-truck {
        width: calc(33.333% - 14px);
    }

    .spare-parts-addresses {
        flex-direction: column;
        gap: 20px;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .container-contacts {
        padding: 0;
    }

    .spare-parts-addresses {
        margin-bottom: 0;
    }

    .type-trucks-ransom .type-trucks__list {
        flex-wrap: wrap;
        gap: 15px 10px;
    }

    .type-trucks-ransom .type-trucks {
        height: auto;
        padding-bottom: 50px;
    }

    .type-trucks-ransom .type-truck {
        width: calc(50% - 7px);
    }

    .type-trucks-ransom .type-truck:nth-child(3),
    .type-trucks-ransom .type-truck:nth-child(4) {
        margin-top: 0;
    }

    .buyout-equipment-item__block {
        max-width: 600px;
    }

    .vacancies-banner {
        height: 500px;
    }

    .life-company__tabs {
        flex-wrap: wrap;
    }

    .certificates__item {
        width: 33.333%;
        padding: 5px;
    }

    .modal__window .white-form {
        border-top: 0;
        max-width: 500px;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        padding: 30px;
    }

    #orderCar .modal__window .form-row {
        flex-wrap: nowrap;
    }

    .modal__window .white-form .agree p br {
        display: none;
    }

    .leasing__row {
        flex-direction: column;
    }

    .leasing__text {
        max-width: 100%;
    }

    .leasing-list {
        max-width: 100%;
    }

    .warranty-tracking__list {
        flex-direction: column;
    }

    .catalog-banner-slide {
        height: 300px !important;
    }
}
@media(max-width: 480px) {

    body {
        font-size: 10px;
        line-height: 16px;
    }

    h2 {
        font-size: 16px;
        line-height: 24px;
    }

    .title {
        margin-bottom: 20px;
    }

    .title p {
        font-size: 10px;
        line-height: 16px;
    }

    .news-slide__img {
        height: 180px;
    }

    .news-slide__body {
        padding: 7px;
        gap: 20px;
    }

    .news-slide__title {
        font-size: 7px;
        line-height: 11px;
    }

    .radio-tabs {
        flex-wrap: wrap;
    }

    .news-slide__cat {
        gap: 5px;
        left: 5px;
        top: 5px;
    }

    .news-slide__cat span {
        font-size: 5px;
        line-height: 9px;
        letter-spacing: -0.1px;
        height: 15px;
        padding: 0 8px;
    }

    .news-slide__organization {
        font-size: 6px;
        font-weight: 300;
        line-height: 10px;
    }

    .news-slide__date {
        font-size: 6px;
        font-weight: 300;
        line-height: 10px;
    }

    .news-grid {
        margin-top: 30px;
    }

    .main-news {
        padding-bottom: 50px;
    }

    .single-page__content {
        font-size: 16px;
        line-height: normal;
    }

    .single-page__detail-img {
        height: auto;
    }

    .single-page__detail-img img {
        height: auto;
    }

    .single-page__title h1 {
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .single-page__title h2 {
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .single-page__title h3 {
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .single-page__title {
        margin-bottom: 20px;
    }

    .single-page {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .single-page__source {
        font-size: 11px;
        line-height: 15px;
        letter-spacing: 0.11px;
    }

    .single-page__source span {
        font-size: 11px;
        line-height: 15px;
        letter-spacing: 0.11px;
    }

    .single-page__date {
        font-size: 11px;
        line-height: 15px;
        letter-spacing: 0.11px;
    }

    .single-page__bottom {
        gap: 15px;
        margin-top: 20px;
    }

    .banner-mob {
        display: block !important;
    }

    .banner-desktop {
        display: none !important;
    }

    .our-numbers {
        padding: 50px 0;
    }

    .our-number__num {
        font-size: 30px;
        line-height: 30px;
        padding-bottom: 7px;
        margin-bottom: 7px;
    }

    .our-number__text {
        font-size: 10px;
        line-height: 14px;
    }

    .home-catalog-slider {
        gap: 14px;
    }

    .home-catalog-slide {
        width: calc(50% - 7px);
        padding: 0 15px 15px 15px;
        border-radius: 5px;
    }

    .home-catalog-slide__img {
        height: 140px;
    }

    .home-catalog-slide__name {
        font-size: 12px;
    }

    .sale-new-equipment-menu ul {
        justify-content: center;
        flex-direction: row;
        padding-bottom: 20px;
        gap: 10px;
    }

    .sale-new-equipment-menu ul li {
        font-size: 0;
        width: 30px;
        height: 3px;
        background: rgba(255, 255, 255, 0.50);
        margin-right: 0;
    }

    .sale-new-equipment-menu ul li.active {
        background: #ee2c2d;
    }

    .header-phone svg {
        width: 15px;
        height: auto;
    }

    .sale-new-equipment-offer__info h3 {
        font-size: 25px;
        line-height: 33px;
    }

    .sale-new-equipment-offer__info p {
        font-size: 12px;
        line-height: 26px;
    }

    .btn-red {
        font-size: 11px;
        line-height: 20px;
        max-width: 200px;
        height: 40px;
    }

    .btn-red:before,
    .btn-red:after {
        display: none;
    }

    .sale-new-equipment {
        padding-bottom: 50px;
    }

    .service-maintenance-item:nth-child(1), .service-maintenance-item:nth-child(2) {
        min-height: 200px;
    }

    .service-maintenance-item {
        min-height: 200px;
    }

    .service-maintenance-item a {
        font-size: 10px;
        line-height: 14px;
    }

    .service-maintenance-item a span {
        padding: 10px;
        min-height: 60px;
    }

    .sign-service {
        padding: 35px 0;
    }

    .sign-service .title h2 {
        font-size: 17px;
        line-height: 25px;
    }

    .sign-service .title p {
        gap: 10px;
    }

    .sign-service .title p:before {
        width: 35px;
    }

    .sign-service .title p:after {
        width: 35px;
    }

    .select .select2-container--default .select2-selection--single {
        height: 42px;
    }

    .select .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 10px;
        line-height: 16px;
    }

    .input input {
        font-size: 10px;
        line-height: 16px;
        height: 42px;
    }

    .input input::placeholder {
        font-size: 10px;
        line-height: 16px;
    }

    .agree {
        font-size: 9px;
        line-height: 16px;
    }

    .sale-repurchase {
        padding-top: 50px;
    }

    .sale-repurchase__list {
        gap: 7px;
    }

    .sale-repurchase__item {
        height: 30px;
        box-sizing: border-box;
        padding: 0 20px;
        font-size: 9px;
        line-height: 10px;
        border-radius: 9px;
    }

    .sale-repurchase-banner {
        margin-top: 20px;
        padding-top: 35px;
        padding-bottom: 110px;
    }

    .sale-repurchase-banner .title h2 {
        font-size: 17px;
        line-height: 24px
    }

    .sale-repurchase__list {
        margin-top: 20px;
    }

    .type-truck__icon {
        width: 50px;
        height: 50px;
    }

    .type-truck__title {
        margin-top: 10px;
        font-size: 9px;
        line-height: 13px;
    }

    .type-trucks__list {
        gap: 10px;
    }

    .type-trucks {
        height: 90px;
    }

    .type-truck {
        margin-top: -30px;
        width: calc(33.333% - 5px);
    }

    .callback .form-item:nth-child(3) {
        max-width: 100%;
    }

    .callback .form-item:nth-child(3) .btn-red {
        max-width: 100%;
    }

    .best-deals {
        /*padding: 50px 0;*/
        padding-bottom: 50px;
    }

    .best-deals__tabs {
        gap: 7px;
        margin-bottom: 20px;
    }

    .best-deals__tab {
        border-radius: 9px;
        box-sizing: border-box;
        padding: 0 17px;
        height: 30px;
        font-size: 9px;
        line-height: 10px;
    }

    .best-deals__tab:nth-child(2) {
        order: 3;
    }

    .best-deals-slide-info h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .best-deals-slide-info ul li {
        gap: 5px;
        margin-bottom: 5px;
    }

    .best-deals-slide-info ul li:before {
        width: 16px;
        height: 16px;
    }

    .best-deals-slide-action__info .price {
        font-size: 15px;
        line-height: 21px;
    }

    .best-deals-slide-action__info .date-deals {
        font-size: 9px;
        line-height: 15px;
    }

    .best-deals-slide-action {
        margin-top: 15px;
    }

    .slider-arrow svg {
        width: 30px;
        height: 30px;
    }

    .prev-arrow {
        left: -10px;
    }

    .next-arrow {
        right: -10px;
    }

    .best-deals-slider .slider-arrow {
        top: 77%;
    }

    .best-deals-slide-action__btn {
        max-width: 130px;
    }

    .cause {
        box-sizing: border-box;
        padding: 15px 10px;
        height: 120px;
    }

    .cause__title {
        font-size: 7px;
        line-height: 11px;
        margin: 5px 0;
    }

    .cause__desc {
        font-size: 6px;
        line-height: 10px;
    }

    .cause__icon img {
        width: 50px;
        height: 50px;
    }

    .causes {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .send-feedback__text {
        max-width: 285px;
    }

    .send-feedback__text h2 {
        margin-bottom: 10px;
    }

    .send-feedback__text p {
        max-width: 180px;
    }

    .send-feedback__text .btn-red {
        max-width: 170px;
        margin-top: 15px;
    }

    .send-feedback__img {
        height: 271px;
        bottom: -35px;
    }

    .news {
        padding: 50px 0;
    }

    .news__tabs {
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 20px;
    }

    .news__tab {
        border-radius: 9px;
        height: 30px;
        box-sizing: border-box;
        padding: 0 27px;
        font-size: 9px;
        line-height: 10px;
    }

    .news-slide__img {
        height: 115px;
    }

    .news-slide {
        padding: 0 5px;
    }

    .news__btn {
        margin-top: 15px;
    }

    .news__btn a span {
        font-size: 10px;
        line-height: 16px;
    }

    .reviews-slide__block {
        padding: 20px;
    }

    .reviews-slide__name {
        margin-top: 7px;
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 16px;
    }

    .reviews-slide__city {
        font-size: 9px;
        line-height: 12px;
    }

    .reviews-slide__reviews {
        font-size: 10px;
        line-height: 15px;
        margin-top: 15px;
    }

    .reviews-slide__text.more .reviews-slide__reviews {
        height: 90px;
    }

    .thanksgiving-letters {
        padding: 10px 0;
        margin-top: 20px;
    }

    .thanksgiving-letters button {
        font-size: 11px;
        line-height: 20px;
    }

    .thanksgiving-letters__btn svg {
        width: 15px;
        height: 15px;
    }

    .btn-arrow a span {
        font-size: 10px;
        line-height: 16px;
    }

    .clients-partners {
        padding-bottom: 50px;
    }

    .clients-partners-item__logo {
        height: 73px;
    }

    .clients-partners-item {
        padding: 5px;
    }

    .footer__logo a svg {
        width: 85px;
        height: auto;
    }

    .languages p {
        font-size: 10px;
        line-height: 16px;
    }

    .footer h3 {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 15px;
    }

    .footer__row {
        padding: 30px 15px;
        box-sizing: border-box;
    }

    .footer-contact a {
        font-size: 10px;
        line-height: 14px;
    }

    .footer-contact {
        margin-bottom: 10px;
    }

    .footer-contact i svg {
        width: 18px;
        height: 18px;
    }

    .footer__menu ul li a {
        font-size: 10px;
        line-height: 14px;
    }

    .social {
        gap: 10px;
    }

    .social svg {
        width: 20px;
        height: 20px;
    }

    .footer-item:nth-child(4) {
        margin-top: -35px;
    }

    .search-input input {
        font-size: 8px;
        line-height: 14px;
        padding-left: 35px;
    }

    .search-input input::placeholder {
        font-size: 8px;
        line-height: 14px;
    }

    .search-input i {
        left: 10px;
        width: 14px;
        height: 14px;
    }

    .search-input svg {
        width: 14px;
        height: 14px;
    }

    .search-input {
        width: 154px;
        height: 32px;
    }

    .copyright p, .copyright a {
        font-size: 7px;
        line-height: 11px;
    }

    .nav__block ul {
        gap: 20px;
    }

    .nav__block ul li a {
        font-size: 18px;
        line-height: 28px;
    }

    .close-menu {
        position: absolute;
        left: auto;
        top: 15px;
        transform: translateY(0);
        cursor: pointer;
        right: 15px;
        z-index: 5;
    }

    .close-menu path {
        stroke: #191919;
    }

    .close-menu {
        width: 20px;
        height: 20px;
    }

    .close-menu svg {
        width: 20px;
        height: 20px;
    }

    .home-slide__title {
        font-size: 24px;
    }

    .home-slide__text,
    .home-slide__text h2,
    .home-slide__text p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
    }

    .home-slide__btn {
        margin-top: 18px;
        padding: 11px 22px;
        font-size: 14px;
    }

    .home-slide__text-bottom p {
        font-size: 10px;
        line-height: 16px;
    }

    .home-slide {
        min-height: 270px !important;
    }

    .home-slide__content {
        min-height: 220px !important;
    }

    .home-slide__text-bottom {
        border-radius: 5px;
        padding: 10px;
    }

    .slick-dots li {
        width: 30px;
    }

    .home-slider .slick-dots li {
        width: 30px;
    }

    .page-header {
        padding: 20px 0;
    }

    .page-header h1 {
        font-size: 16px;
        line-height: 24px;
    }

    .maintenance-repair {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .maintenance-repair__banner {
        margin-bottom: 20px;
    }

    .maintenance-repair__contact h3 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .maintenance-repair__contacts p {
        font-size: 10px;
        line-height: 16px;
        margin-top: 10px;
    }

    .maintenance-repair__contacts p img {
        width: 18px;
        height: 18px;
    }

    .maintenance-repair__list {
        margin-top: 30px;
    }

    .maintenance-repair__item {
        font-size: 9px;
        line-height: 12px;
        box-sizing: border-box;
        padding: 10px;
        min-height: 56px;
    }

    .trailer-repair {
        padding-top: 50px;
    }

    .trailer-repair__banner {
        margin-bottom: 20px;
    }

    .body-repair__banner {
        margin-bottom: 20px;
    }

    .insurance-companies .discount {
        font-size: 11px;
        line-height: 17px;
        gap: 5px;
    }

    .insurance-companies .discount img {
        width: 18px;
        height: 18px;
    }

    .insurance-companies-logo {
        width: calc(25% - 8px);
        padding: 10px;
        height: 40px;
    }

    .evacuation {
        padding: 50px 0;
    }

    .evacuation__banner {
        height: 185px;
    }

    .evacuationv .type-truck {
        margin-top: -30px;
        width: calc(33.333% - 7px);
    }

    .evacuation .type-truck__icon img {
        width: 28px;
        height: 28px;
    }

    .evacuation .type-truck {
        margin-top: 0;
    }

    .evacuation .type-truck:nth-child(-n+3) {
        margin-top: -30px;
    }

    .insurance-companies {
        margin-top: 50px;
    }

    .evacuation__content .title p:before {
        width: 55px;
    }

    .evacuation__content .title p:after {
        width: 55px;
    }

    .evacuation__content {
        font-size: 9px;
        line-height: 15px;
    }

    .evacuation .maintenance-repair__list {
        margin-top: 25px;
    }

    .spare-parts {
        padding-top: 50px;
    }

    p.discount img {
        width: 18px;
        height: 18px;
        position: relative;
        top: 5px;
    }

    .spare-parts .title {
        margin-bottom: 20px;
    }

    .spare-parts-addresses {
        padding: 25px 15px;
        padding-top: 0;
        box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.0);
    }

    .spare-parts-address h3 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .spare-parts-address__contact p {
        font-size: 10px;
        line-height: 16px;
    }

    .spare-parts-address__contact img {
        width: 18px;
        height: 18px;
    }

    .type-trucks-ransom .type-trucks {
        padding-bottom: 20px;
    }

    .ransom-contacts {
        padding-top: 50px;
    }

    .buyout-equipment-item__icon {
        width: 35px;
        height: 35px;
    }

    .buyout-equipment-item__icon img {
        width: 16px;
        height: 16px;
    }

    .buyout-equipment-item__icon.banner-mob {
        display: flex !important;
    }

    .buyout-equipment-item__title {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .buyout-equipment-item__desc h3 {
        font-size: 14px;
        line-height: 22px;
    }

    .buyout-equipment-item__desc p {
        font-size: 10px;
        line-height: 16px;
    }

    .buyout-equipment__list {
        gap: 10px;
    }

    .buyout-equipment .title {
        margin-bottom: 20px;
    }

    .buyout-equipment {
        padding: 50px 0;
    }

    /*.buyout-equipment-item:nth-child(2) {*/
    /*    justify-content: flex-end;*/
    /*    text-align: right;*/
    /*}*/

    /*.buyout-equipment-item:nth-child(2) .buyout-equipment-item__title {*/
    /*    justify-content: flex-end;*/
    /*}*/

    /*.buyout-equipment-item:nth-child(4) {*/
    /*    justify-content: flex-end;*/
    /*    text-align: right;*/
    /*}*/

    /*.buyout-equipment-item:nth-child(4) .buyout-equipment-item__title {*/
    /*    justify-content: flex-end;*/
    /*}*/

    .buyout-equipment .causes__list {
        margin-top: 50px;
    }

    .logo svg {
        width: 120px;
        height: auto;
    }

    .sale-banner {
        padding-top: 35px;
        padding-bottom: 90px;
    }

    .type-truck__icon img {
        width: 35px;
        height: 35px;
    }

    /*.best-deals-products {*/
    /*    padding-top: 50px;*/
    /*}*/

    #BackCall .form-item:nth-child(3) .btn-red {
        max-width: 100%;
    }

    .client-gallery-slide {
        height: 200px !important;
    }

    .vacancies-banner__block {
        padding: 30px 15px;
        box-sizing: border-box;
    }

    .vacancies-banner__block h2 {
        font-size: 16px;
        line-height: 24px;
    }

    .vacancies-banner .container {
        padding: 0;
    }

    .vacancies-banner__block .download {
        font-size: 12px;
        line-height: 22px;
    }

    .vacancies-banner__block .download img {
        width: 18px;
        height: 18px;
    }

    .vacancies-banner__block .btn-red {
        margin-top: 20px;
    }

    .vacancies-banner {
        height: 300px;
    }

    .life-company {
        padding-top: 250px;
    }

    .life-company__tab {
        height: 30px;
        box-sizing: border-box;
        padding: 0 20px;
        font-size: 9px;
        line-height: 10px;
        border-radius: 9px;
    }

    .life-company__tabs {
        gap: 7px;
    }

    .life-company__img {
        height: auto;
    }

    .career-benefits {
        padding: 50px 0;
        padding-top: 250px;
    }

    .open-vacancies-item__title {
        padding: 15px;
        font-size: 13px;
        line-height: 23px;
    }

    .open-vacancies-item__title i span:first-child {
        height: 15px;
    }

    .open-vacancies-item__title i span:last-child {
        width: 15px;
    }

    .open-vacancies-item__content {
        padding: 15px;
    }

    .open-vacancies-item__content ul li {
        font-size: 10px;
        line-height: 16px;
    }

    .open-vacancies-item__content a {
        font-size: 10px;
        line-height: 16px;
    }

    .send-resume {
        font-size: 10px;
        line-height: 16px;
    }

    .white-form {
        padding: 15px;
    }

    .white-form h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .white-form p {
        font-size: 10px;
        line-height: 16px;
    }

    .white-form .input input {
        font-size: 10px;
        line-height: 16px;
        height: 42px;
    }

    .white-form .input input::placeholder {
        font-size: 10px;
        line-height: 16px;
        height: 42px;
    }

    .file-input .file {
        height: 42px;
        font-size: 10px;
        line-height: 16px;
    }

    .white-form .btn-submit {
        max-width: 100%;
    }

    .resume-form {
        padding: 30px 0;
    }

    .open-vacancies {
        padding-bottom: 50px;
    }

    .life-company-slider .slider-arrow {
        top: 40%;
    }

    .smart-filter-param-text {
        height: 30px;
        box-sizing: border-box;
        padding: 0 13px;
        font-size: 9px;
        line-height: 10px;
        border-radius: 9px;
    }

    .radio-tabs {
        gap: 5px;
    }

    .contacts-page {
        padding-top: 0;
    }

    .contacts-page .contacts__list {
        margin-bottom: 0;
        margin-top: 30px;
    }

    .about-banner {
        height: 300px;
    }

    .about-banner__block {
        padding: 20px 15px;
    }

    .business-indicators-tab {
        height: 30px;
        box-sizing: border-box;
        padding: 0 12px;
        font-size: 9px;
        line-height: 10px;
        border-radius: 9px;
    }

    .teams-slider .slick-track {
        gap: 0;
    }

    .business-indicators-tabs {
        gap: 5px;
        flex-wrap: wrap;
    }

    .business-indicators {
        padding-top: 170px;
        padding-bottom: 50px;
    }

    .business-indicators-tabs {
        margin-bottom: 20px;
    }

    .history-company-item__text {
        font-size: 10px;
        line-height: 14px;
    }

    .history-company-item__year {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 5px;
        gap: 5px;
    }

    .history-company-item {
        width: 100%;
        padding: 10px;
    }

    .history-company-item:nth-child(-n+9) {
        width: 100%;
    }

    .history-company-item:before {
        height: 1px;
        top: 36px;
    }

    .history-company-item:nth-child(4):after, .history-company-item:nth-child(10):after {
        width: 1px;
        top: 36px;
    }

    .history-company-item:nth-child(3):after,
    .history-company-item:nth-child(9):after,
    .history-company-item:nth-child(17):after {
        width: 1px;
        top: 36px;
    }

    .history-company-item:nth-child(odd):after {
        content: '';
        background: #2E333A;
        height: 100%;
        position: absolute;
        right: 0;
        width: 1px;
        top: 36px;
    }

    .history-company-item:nth-child(even):after {
        content: '';
        background: #2E333A;
        height: 100%;
        position: absolute;
        left: 0;
        width: 1px;
        top: 36px;
    }

    .history-company-item:last-child:after {
        display: none;
    }

    .history-company-item__year span {
        width: 13px;
        height: 13px;
    }

    .team__img {
        width: 100px;
        height: 100px;
    }

    .team {
        padding: 0;
    }

    .teams-slider .slick-dots {
        margin-top: 20px;
    }

    .certificates {
        padding-top: 50px;
    }

    .documents-files {
        padding-bottom: 50px;
    }

    .client-gallery {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .slick-dots {
        margin-top: 20px;
    }

    .page-header p {
        font-size: 10px;
        line-height: 14px;
    }

    .catalog-page {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .catalog-page-slider .slick-track {
        gap: 0 !important;
    }

    .catalog-page-slide {
        height: 250px !important;
    }

    .catalog-page__name {
        font-size: 16px;
        line-height: 24px;
    }

    .catalog-page__content-top {
        margin-top: 20px;
    }

    .catalog-page__price span {
        font-size: 15px;
        line-height: 22px;
    }

    .catalog-page__price span small {
        font-size: 10px;
        line-height: 10px;
    }

    .catalog-page__price p {
        font-size: 9px;
        line-height: 15px;
    }

    .catalog-page__right .btn-red {
        max-width: 170px;
        width: 100%;
    }

    .catalog-page__characteristics {
        flex-direction: column;
        margin-top: 30px;
        gap: 0;
    }

    .catalog-page__characteristic {
        width: 100%;
    }

    .catalog-page__characteristic h3 {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .catalog-page__characteristic h3.active svg {
        transform: rotate(180deg);
    }

    .catalog-page__characteristic ul {
        margin-bottom: 15px;
        display: none;
    }

    .catalog-page__characteristic ul li {
        font-size: 10px;
        line-height: 16px;
    }

    .catalog-page__characteristic ul li:before {
        width: 5px;
        height: 5px;
        top: 5px;
    }

    .catalog-page__video {
        width: 100%;
        height: 200px;
    }

    .catalog-page-advantages .cause {
        width: 100%;
        min-height: auto;
        height: auto;
    }

    .modal__window .white-form {
        max-width: 300px;
        padding: 30px 15px;
    }

    .modal__window .title p {
        font-size: 10px;
        font-weight: 500;
        line-height: 16px;
    }

    .modal__window .title p:before,
    .modal__window .title p:after {
        width: 20px;
    }

    .modal__window .form-row {
        gap: 10px;
    }

    #bestDeals .modal__window .form-row {
        gap: 0;
    }

    .white-form .input {
        margin-bottom: 10px;
    }

    .modal__window .white-form .input input {
        height: 40px;
        font-size: 10px;
        line-height: 16px;
        padding-left: 13px;
    }

    .modal__window .white-form .input input::placeholder {
        font-size: 10px;
        line-height: 16px;
    }

    .modal__window .white-form .input textarea {
        font-size: 10px;
        line-height: 16px;
        height: 60px;
        padding: 13px 13px 0 13px;
    }

    .modal__window .white-form .input textarea::placeholder {
        font-size: 10px;
        line-height: 16px;
    }

    .modal__window .white-form .agree p {
        font-size: 8px;
        line-height: 15px;
    }

    .modal__window .white-form .agree {
        margin-top: 10px;
    }

    .close-modal {
        top: 10px;
        right: 10px;
    }

    .close-modal svg {
        width: 13px;
        height: 13px;
    }

    .youtube .play {
        background-size: 40%;
        background-position: center;
    }

    .catalog-page-advantages {
        margin-top: 50px;
    }

    .catalog-slide__banner {
        padding: 50px 0;
        height: auto;
    }

    .catalog-slide__banner h2 {
        font-size: 17px;
        font-weight: 900;
        line-height: 24px;
        text-transform: uppercase;
    }

    .catalog-slider .slider-arrow {
        top: 50px;
        transform: translateY(0);
    }

    .product-grid .news-slide__organization {
        font-size: 7px;
        line-height: 12px;
    }

    .product-grid .news-slide__organization span {
        font-size: 9px;
        line-height: 12px;
    }

    .news-slide__stock {
        font-size: 7px;
        line-height: 12px;
    }

    .news-slide__stock i svg {
        width: 8px;
        height: 8px;
    }

    .catalog-slider__content {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .catalog-slider .prev-arrow {
        left: 5px;
    }

    .catalog-slider .next-arrow {
        right: 5px;
    }

    .product-slider .news-slide__organization {
        font-size: 7px;
        line-height: 12px;
    }

    .product-slider .news-slide__organization span {
        font-size: 9px;
        line-height: 12px;
    }

    .product-slider a {
        max-width: 100px;
        width: 100%;
        height: 30px;
    }

    .product-grid a {
        max-width: 100px;
        width: 100%;
        height: 30px;
    }

    .header-phone {
        gap: 5px;
    }

    .header-phone a {
        font-size: 12px;
    }

    .header-phone svg {
        width: 18px;
        height: auto;
    }

    .cause-home .cause:nth-child(3) {
        background: #fff;
    }

    .cause-home .cause:nth-child(4) {
        background: #EAEAEA;
    }

    .shopping-comfort .cause:nth-child(2) {
        order: 1;
    }

    .result-item__block .value {
        font-size: 12px;
    }

    .result-item__block label {
        font-size: 11px;
        max-width: 205px;
    }

    .result-item__block li label {
        font-size: 10px;
    }

    .result-item__block li .value {
        font-size: 12px;
    }

    .calc-control {
        padding: 20px 10px;
    }

    .results {
        padding: 20px 10px;
    }

    input.b24-form-control {
        height: 42px !important;
    }

    .b24-form-field .b24-form-control-label {
        font-size: 10px !important;
        line-height: 16px !important;
    }

    input.b24-form-control {
        font-size: 10px !important;
        line-height: 16px !important;
    }

    .b24-form-control-select-label, .b24-form-control:focus+.b24-form-control-label, .b24-form-control-not-empty+.b24-form-control-label {
        top: 6px !important;
    }

    .b24-form-btn {
        height: 40px !important;
        font-size: 11px !important;
        line-height: 20px !important;
        min-height: 40px !important;
    }

    .b24-form-control-list .b24-form-control-container:after {
        top: 18px !important;
    }

    .contacts__blocks {
        position: relative;
        margin-bottom: -100px;
    }

    .contacts__map {
        height: 500px;
    }

    .type-trucks-ransom {
        padding-bottom: 50px;
    }

    .sign-service {
        margin-bottom: 50px;
    }

    .resume-form {
        margin-bottom: 50px;
    }

    .technical-assistance-evacuation__title h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .technical-assistance-evacuation__text p {
        font-size: 18px;
        line-height: 28px;
    }

    .technical-assistance-evacuation__text .btn {
        margin-top: 30px;
        font-size: 16px;
    }

    .technical-assistance-evacuation {
        height: 330px;
    }

    .technical-assistance-evacuation__text {
        padding-top: 50px;
    }

    .technical-assistance-evacuation__text p {
        padding-left: 50px;
    }

    .service-maintenance {
        margin-bottom: 50px;
    }

    .contacts {
        margin-top: 50px;
    }

    .contacts__title h3 {
        font-size: 14px;
    }

    .contacts__home-row {
        flex-direction: column;
        gap: 10px;
    }

    .contacts__home-left {
        gap: 10px;
    }

    .contacts__home-item {
        font-size: 10px;
        line-height: 18px;
    }

    .contacts__home-item svg {
        width: 18px;
        height: auto;
    }

    .contacts__other-item {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .contacts__other-block h3 {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .contacts__other-item svg {
        width: 18px;
        height: auto;
    }

    .contacts__home-phone svg {
        width: 18px;
        height: auto;
    }

    .body-repair {
        padding-top: 50px;
        padding-top: 50px;
    }

    .history-company-item:nth-child(1) {
        order: 1;
    }

    .history-company-item:nth-child(2) {
        order: 2;
    }

    .history-company-item:nth-child(3) {
        order: 3;
    }

    .history-company-item:nth-child(4) {
        order: 6;
    }

    .history-company-item:nth-child(5) {
        order: 5;
    }

    .history-company-item:nth-child(6) {
        order: 4;
    }

    .history-company-item:nth-child(7) {
        order: 7;
    }

    .history-company-item:nth-child(8) {
        order: 8;
    }

    .history-company-item:nth-child(9) {
        order: 9;
    }

    .history-company-item:nth-child(13) {
        order: 10;
    }

    .history-company-item:nth-child(13):after {
        left: 0;
        right: auto;
    }

    .history-company-item:nth-child(12) {
        order: 11;
    }

    .history-company-item:nth-child(12):after {
        right: 0;
        left: auto;
    }

    .history-company-item:nth-child(10) {
        order: 12;
    }

    .history-company-item:nth-child(11) {
        order: 13;
    }

    .history-company-item:nth-child(14) {
        order: 14;
    }

    .history-company-item:nth-child(15) {
        order: 15;
    }

    .history-company-item:nth-child(16) {
        order: 16;
    }

    .history-company-item:nth-child(17) {
        order: 17;
    }

    .history-company-item:nth-child(20) {
        order: 18;
    }

    .history-company-item:nth-child(20):after {
        content: '';
        background: #2E333A;
        height: 100%;
        position: absolute;
        left: 0;
        width: 1px;
        top: 36px;
        display: block;
    }

    .history-company-item:nth-child(18) {
        order: 24;
    }

    .history-company-item:nth-child(18):after {
        display: none;
    }

    .history-company-item:nth-child(19) {
        order: 23;
    }

    .history-company-item:nth-child(19):after {
        content: '';
        background: #2E333A;
        height: 100%;
        position: absolute;
        right: 0;
        width: 1px;
        top: 36px;
    }

    .leasing__text .btn {
        font-size: 16px;
        margin-top: 20px;
    }

    .leasing__text p {
        font-size: 14px;
        line-height: 20px;
    }

    .card-tabs-container__content * {
        font-size: 14px;
        line-height: 20px
    }

    .card-tabs-container__content ul li, .card-tabs-container__content ol li {
        font-size: 14px;
        line-height: 20px
    }

    .card-firstscreen h1 {
        font-size: 25px;
        line-height: 30px;
    }

    .card-price-desc__price {
        font-size: 25px;
        line-height: 30px;
    }

    .leasing {
        padding: 25px 0;
    }

    .calculator {
        margin: 25px 0;
    }

    .catalog-page {
        padding-bottom: 0;
    }

    .trade-in {
        padding-top: 25px;
    }

    .trade-in__note {
        font-size: 20px;
        line-height: 24px;
    }

    .trade-in__note span {
        top: -10px;
        left: 30px;
    }

    .trade-in__form {
        padding: 30px 15px;
        gap: 14px;
        border-radius: 10px;
    }

    .trade-in__form-list {
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .trade-in__form-item {
        width: calc(50% - 7px);
    }

    .trade-in__form-block h3 {
        font-size: 20px;
    }

    .warranty-tracking__item-title {
        font-size: 16px;
    }

    .warranty-tracking__item-title .num {
        font-size: 30px;
    }

    .warranty-tracking__item-desc ul li {
        font-size: 14px;
    }

    .warranty-tracking__item-title span {
        font-size: 16px;
    }

    .warranty-tracking {
        padding: 50px 0;
    }

    .warranty-tracking__item-icon i {
        width: 30px;
        height: 30px;
    }

    .warranty-tracking__item-icon i svg {
        width: 100%;
        height: auto;
    }

    .warranty-tracking__item-icon {
        font-size: 14px;
    }

    .warranty-tracking__item-icon {
        left: 0 !important;
    }

    .additional-equipment__list {
        gap: 20px;
    }

    .additional-equipment__item {
        gap: 15px;
    }

    .additional-equipment__item p {
        font-size: 16px;
    }

    .additional-equipment__item i {
        width: 30px;
        height: 30px;
    }

    .additional-equipment__item i svg {
        width: 100%;
        height: auto;
    }

    .additional-equipment__block h2 {
        margin-bottom: 20px;
    }

    .additional-equipment__block h2 br {
        display: none;
    }

    .insurance {
        padding: 50px 0;
        margin: 0;
    }

    .insurance__desc ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .become-agent__note p {
        font-size: 16px;
    }

    .become-agent__content h2 {
        margin: 20px 0;
    }

    .other-details .news-slide__block {
        border-radius: 10px;
    }

    .other-details .best-deals-products__btn .btn-red {
        font-size: 14px;
    }

    .insurance__btn .btn-red {
        font-size: 14px;
    }

    .additional-equipment__block {
        background-position: center;
    }

    .card-tabs-ul li a {
        font-size: 14px;
    }

    .trade-in__block {
        background-position: right;
    }

    .best-deals-slider-three .news-slide__title {
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 10px;
    }

    .best-deals-slider-three .news__slider__desc ul li {
        font-size: 7px;
    }

    .best-deals-slider-three .news-slide__organization {
        font-size: 11px;
        line-height: 15px;
    }

    .best-deals-slider-three .news-slide__body {
        gap: 20px;
    }

    .best-deals-slider-three .news-slide__bottom a {
        height: 30px;
    }

    .catalog-banner-slide {
        height: 130px !important;
    }

    .evacuation__text {
        margin-left: 0;
        max-width: 100%;
        border-radius: 20px;
        padding: 20px 15px;
        background: rgba(0, 0, 0, 0.6);
        align-items: flex-start;
    }

    .evacuation__text h1 {
        font-size: 18px;
        line-height: 145%;
        margin-bottom: 10px;
    }

    .evacuation-phone {
        font-size: 25px;
        line-height: 125%;
    }

    .evacuation {
        height: 515px;
        /*background-image: url(/upload/medialibrary/53a/gqacq02szpur6ij0lh3jd4aj0bldz849/003_TEKHPOMOSHCH-I-EVAKUATSIYA_mob-1.png);*/
    }

    .bg-img.mob {
        display: block;
    }

    .evacuation__text .btn-red {
        display: none;
    }

    .btn-mob {
        display: flex;
        background: #da1f26;
        border-radius: 10px;
        max-width: 277px;
        width: 100%;
        height: 56px;
        font-size: 17px;
        position: absolute;
        bottom: 80px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }

    .evacuation-advantages__list {
        gap: 20px;
    }

    .evacuation-advantages__item {
        width: calc(50% - 10px);
    }

    .evacuation-advantages__item-text {
        font-size: 10px;
        height: 40px;
    }

    .evacuation-advantages__item:last-child {
        width: 100%;
        max-width: 190px;
    }

    .evacuation-advantages {
        padding: 30px 0;
    }

    .evacuation-services {
        padding-bottom: 30px;
    }

    .evacuation-services__list {
        gap: 12px;
    }

    .evacuation-services__item {
        width: calc(50% - 6px);
        height: 157px;
        border-radius: 10px;
    }

    .evacuation-services__item-text {
        font-size: 11px;
    }

    .evacuation-services__item-price {
        font-size: 10px;
        padding: 6px 5px;
        border-radius: 10px;
        max-width: 110px;
        height: 47px;
        bottom: -20px;
    }

    .evacuation-technique__text {
        padding: 10px 10px;
        font-size: 12px;
        border-radius: 10px 0 0 10px;
    }

    .evacuation-technique__desc {
        max-width: 300px;
    }

    .evacuation-technique__img {
        right: 0;
    }

    .evacuation-technique__img img {
        max-width: 110%;
    }

    .evacuation-technique__note {
        margin-top: 30px;
        font-size: 15px;
    }

    .evacuation-technique {
        padding: 30px 0;
    }

    .evacuation-work {
        padding: 30px 0;
    }

    .author-blog {
        padding: 30px 0;
    }

    .author-blog-slide {
        height: 200px !important;
        border-radius: 10px;
    }

    #evacuationModal .black-form {
        padding: 20px 15px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 20px;
    }

    #evacuationModal .modal__window .title {
        display: none;
    }

    #evacuationModal .modal__window .title-mob {
        display: block;
        margin-bottom: 10px;
    }

    #evacuationModal .modal__window .title p {
        font-size: 20px;
        text-align: left;
    }

    #evacuationModal .modal__window input.b24-form-control, .white-form input.b24-form-control {
        background: rgba(187, 187, 187, 0.8) !important;
        border-radius: 10px;
        border: none !important;
    }

    #evacuationModal .modal__window .b24-form-field .b24-form-control-label, .white-form .b24-form-field .b24-form-control-label {
        color: #fff !important;
    }

    #evacuationModal .modal__window input.b24-form-control, .white-form input.b24-form-control {
        color: #fff !important;
    }

    .product-grid .news-slide__block {
        width: calc(50% - 5px);
    }

    .catalog__row .news-slide__img {
        height: 120px;
    }
}

@media(max-width: 320px) {
    .header-phone a {
        font-size: 10px;
    }

    .header__left {
        gap: 10px;
    }

    .logo svg {
        width: 100px;
        height: auto;
    }

    .card-sklad__title {
        font-size: 14px;
        font-weight: 700;
    }

    .card-sklad__value {
        font-size: 14px;
    }

    .card-firstscreen h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .card-share__title {
        font-size: 14px;
    }

    .trade-in__note span {
        top: -15px;
        left: 11px;
    }
}

/*НОВЫЙ СЕРВИС*/

.p-50 {
    padding: 50px 0;
    box-sizing: border-box;
}

.pt-50 {
    padding-top: 50px;
    box-sizing: border-box;
}

.pb-50 {
    padding-bottom: 50px;
    box-sizing: border-box;
}

.p-25 {
    padding: 25px 0;
    box-sizing: border-box;
}

.pt-25 {
    padding-top: 25px;
    box-sizing: border-box;
}

.pb-25 {
    padding-bottom: 25px;
    box-sizing: border-box;
}

.container-big {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}

.btn-grey {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    height: 64px;
    max-width: 324px;
    width: 100%;
    transition: all 0.3s ease;
    border: none;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.05em;
    color: #fff;
    background: #59595b;
    font-family: var(--font-two);
}

.btn-grey:hover {
    background: #e00909;
    color: #fff;
}

.btn-green {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    height: 64px;
    max-width: 324px;
    width: 100%;
    transition: all 0.3s ease;
    border: none;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.05em;
    color: #fff;
    background: #4f9058; /* приглушённый зелёный (было ярко-зелёное #13aa18) */
    font-family: var(--font-two);
}

.btn-green:hover {
    background: #3f7548;
    color: #fff;
}

.btn-white {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    height: 64px;
    max-width: 324px;
    width: 100%;
    transition: all 0.3s ease;
    border: none;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.05em;
    color: #3f3f3f;
    background: #fff;
    font-family: var(--font-two);
}

.btn-white:hover {
    background: #3f3f3f;
    color: #fff;
}

.services-banner-slide {
    height: 550px !important;
}

.white-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: rgba(223, 223, 223, 0.3);
    border-radius: 10px;
    z-index: 5;
}

.services-banner-slider .arrow-next {
    right: 10%;
}

.services-banner-slider .arrow-prev {
    left: 10%;
}

.services-advantages__list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    max-width: 1330px;
    width: 100%;
    margin: 0 auto;
}

.services-advantages__item {
    width: calc(20% - 12px);
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 18px;
    box-shadow: 0 0 19px 9px rgba(0, 0, 0, 0.06);
    background: #fff;
    box-sizing: border-box;
    padding: 25px 20px;
}

.services-advantages__item-icon {
    max-width: 70px;
}

.services-advantages__item-text {
    flex: 1;
    font-family: var(--font-two);
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    max-width: 130px;
}

.services-advantages__item-text b {
    font-size: 25px;
    font-weight: 600;
}

.services-price__table table {
    font-family: var(--font-two);
    border-spacing: 7px;
}

.services-price__table th {
    background: #e00909;
    border-radius: 8px 0 0 8px;
    text-align: center;
    padding: 0 13px;
    box-sizing: border-box;
    color: #fff;
    font-weight: 800;
    font-size: 23px;
    line-height: 164%;
}

.services-price__table th:last-child {
    width: 360px;
    border-radius: 0 8px 8px 0px;
}

.services-price__table td {
    background: #eee;
    border-radius: 8px 0 0 8px;
    box-sizing: border-box;
    padding: 11px 9%;
    font-weight: 600;
    font-size: 21px;
    line-height: 104%;
    color: #414141;
}

.services-price__table td:last-child {
    border-radius: 0 8px 8px 0px;
    text-align: center;
    font-size: 26px;
}

.services-price__table tr:nth-child(odd) td {
    background: #dfdfdf;
}

.services-price__btns {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    gap: 25px;
}

.warranty-policy__block {
    font-family: var(--font-two);
    border-radius: 30px;
    background-image: url(/upload/medialibrary/fe0/dq6pkcryahbzdbcjpkjre76qlxubtwp5/12312312_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 30px;
    box-sizing: border-box;
}

.warranty-policy__title {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.warranty-policy__title h3 {
    font-weight: 800;
    font-size: 30px;
    line-height: 133%;
    text-align: center;
    color: #2f2f2f;
}

.warranty-policy__red {
    font-weight: 600;
    font-size: 27px;
    line-height: 170%;
    color: #fff;
    background: #e00909;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 5px 41px;
    max-width: max-content;
    margin: 0 auto;
    text-align: center;
}

.warranty-policy__list {
    display: flex;
    align-items: center;
    box-shadow: 0 0 16px 0 #eee;
    background: #fff;
    border-radius: 20px;
    padding: 35px 30px;
    gap: 30px;
    box-sizing: border-box;
    max-width: 1160px;
    width: 100%;
    margin: 45px auto;
}

.warranty-policy__btn {
    display: flex;
    justify-content: center;
}

.warranty-policy__btn .btn-red {
    border-radius: 10px;
    max-width: 277px;
    font-weight: 700;
    font-size: 20px;
    height: 64px;
    background: #e00909;
}

.locksmith-repair__block {
    font-family: var(--font-two);
    border-radius: 30px;
    background-image: url(/upload/medialibrary/7c2/z2gkc440co6wvwbpx0l4cyu8o4hqwtwa/DeWaterm123_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 30px;
    box-sizing: border-box;
}

.locksmith-repair__title {
    margin-bottom: 85px;
}

.locksmith-repair__title h3 {
    font-weight: 800;
    font-size: 30px;
    line-height: 153%;
    text-align: center;
    color: #fff;
}

.locksmith-repair__row {
    display: flex;
    justify-content: center;
    gap: 107px;
}

.locksmith-repair__col p {
    font-weight: 700;
    font-size: 18px;
    line-height: 111%;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

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

.locksmith-repair__btn {
    display: flex;
    justify-content: center;
    margin-top: 65px;
}

.locksmith-repair__btn .btn-red {
    border-radius: 10px;
    max-width: 277px;
    font-weight: 700;
    font-size: 20px;
    height: 64px;
}

.body-repair__block {
    font-family: var(--font-two);
    border-radius: 30px;
    background-image: url(/upload/medialibrary/a71/afoirgjtriajxf1r61c1pverzlu3dqkk/Group_11.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 30px;
    box-sizing: border-box;
}

.body-repair__list {
    display: flex;
    max-width: max-content;
    margin: 0 auto;
    justify-content: center;
    gap: 80px;
}

.body-repair__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    font-weight: 800;
    font-size: 18px;
    line-height: 134%;
    color: #fff;
}

.body-repair__row {
    max-width: max-content;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 70px;
    margin-top: 60px;
    box-sizing: border-box;
    padding-left: 120px;
}

.body-repair__row ul {
    padding-left: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.body-repair__row li {
    font-weight: 700;
    font-size: 20px;
    line-height: 125%;
    color: #fff;
}

.body-repair__btn {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.body-repair__btn .btn-red {
    border-radius: 10px;
    max-width: 277px;
    font-weight: 700;
    font-size: 20px;
    height: 64px;
}

.spare-parts-equipment__block {
    font-family: var(--font-two);
    border-radius: 30px;
    background-image: url(/upload/medialibrary/4a9/6s2tppl2u6bw0bsojt36jugh89un7tq5/23442344_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 30px;
    box-sizing: border-box;
}

.spare-parts-equipment__red {
    font-weight: 600;
    font-size: 27px;
    line-height: 130%;
    color: #fff;
    background: #e00909;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px 41px;
    max-width: max-content;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

.spare-parts-equipment__list {
    display: flex;
    justify-content: flex-end;
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
}

.spare-parts-equipment__list ul {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.spare-parts-equipment__list li {
    font-weight: 700;
    font-size: 20px;
    line-height: 125%;
    color: #fff;
}

.spare-parts-equipment__btn {
    display: flex;
    justify-content: center;
    margin-top: 70px;
}

.spare-parts-equipment__btn .btn-red {
    border-radius: 10px;
    max-width: 277px;
    font-weight: 700;
    font-size: 20px;
    height: 64px;
}

.grey-arrow {
    background: #dfdfdf;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.services-clients-slider .arrow-next {
    right: -80px;
}

.services-clients-slider .arrow-prev {
    left: -80px;
}

.services-clients-slide {
    padding: 15px;
    box-sizing: border-box;
}

.services-clients__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.06);
    background: #fff;
    height: 120px;
    border-radius: 20px;
}

.stations-block {
    font-family: var(--font-two);
    box-sizing: border-box;
    padding: 70px 85px 70px 171px;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-size: cover;
}

.stations-block__row {
    display: flex;
    gap: 50px;
}

.stations__gallery {
    max-width: 580px;
    width: 100%;
    position: relative;
}

.stations__info {
    max-width: 620px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}

.stations__gallery-thumb {
    padding-right: 11px;
    box-sizing: border-box;
    height: 123px !important;
}

.stations__gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.stations-page-photos-slider {
    margin-bottom: 11px;
}

.stations__gallery-slide {
    height: 387px !important;
    overflow: hidden;
    border-radius: 15px;
}

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

.stations__info-address {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    max-width: max-content;
    margin: 0 auto;
    border-radius: 10px;
    box-sizing: border-box;
    background: #2E333A;
    padding: 3px 20px;
}

.stations-page-photos-slider-nav {

}

.stations__info-address p {
    flex: 1;
    font-weight: 600;
    font-size: 20px;
    color: #ccc;
}

.stations__info-address img {
    width: 64px;
    height: 64px;
}

.stations__info-desc {
    margin-top: 30px;
}

.stations__info-desc p {
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 25px;
}

.stations__info-buttons {
    display: flex;
    gap: 15px;
}

.stations__info-buttons .btn-red {
    max-width: 324px;
    border-radius: 10px;
    height: 64px;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.05em;
}

.stations__info-buttons .btn-green {
    max-width: 277px;
    height: 64px;
}

.black-arrow {
    border-radius: 10px;
    width: 50px;
    height: 50px;
    background: #2E333A;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.stations-slider .arrow-prev {
    left: 5%;
}

.stations-slider .arrow-next {
    right: 5%;
}

.stations__gallery-name {
    border-radius: 10px;
    height: 59px;
    background: #eee;
    max-width: 215px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    font-size: 35px;
    line-height: 131%;
    color: #414141;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
    z-index: 5;
}


/*СТО МОСКВА*/

.stations-page .stations-block {
    border-radius: 0 0 50px 50px;
}

.corporate-clients {
    background: #e00909;
}

.corporate-clients__block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.corporate-clients__block h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 164%;
    color: #fff;
}

.services-map {
    height: 691px;
    border-radius: 0 0 50px 50px;
    overflow: hidden;
}

.services-map iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.promotions-offer-slide {
    height: 587px;
    border-radius: 30px;
    overflow: hidden;
}

.promotions-offer-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.promotions-offer-slider .arrow-next {
    right: 5%;
}

.promotions-offer-slider .arrow-prev {
    left: 5%;
}

.sign-service-short {
    background: none;
    font-family: var(--font-two);
}

.sign-service__block {
    border-radius: 30px;
    box-sizing: border-box;
    padding: 70px 30px;
    background-repeat: no-repeat;
    background-size: cover;
}

#SingServiceMsc .sign-service__block {
    background-image: url(/upload/medialibrary/78d/t88ukfp71qn6x8otngl9cangpccf7smp/Group_14.png);
}

.sign-service__block .form-block {
    max-width: 1200px;
    margin: 0 auto;
}

.sign-service-short .title p:before,
.sign-service-short .title p:after {
    display: none;
}

.sign-service-short .title p {
    font-weight: 700;
    font-size: 18px;
    line-height: 111%;
    margin-top: 40px;
}

.sign-service-short .form-submit .btn-red {
    max-width: 270px;
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 10px;
    height: 64px;
    font-weight: 700;
    font-size: 20px;
}

.sign-service-short .agree {
    font-weight: 700;
    font-size: 18px;
    line-height: 111%;
}

.other-pages__list {
    display: flex;
    gap: 60px;
    justify-content: center;
}

.other-pages__item {
    max-width: 326px;
    width: calc(33.333% - 40px);
    position: relative;
    height: 352px !important;
    overflow: hidden;
    border-radius: 15px;
    font-family: var(--font-two);
}

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

.other-pages__item p {
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
    height: 103px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0, 0.7);
}

.services-page-photos__row {
    display: flex;
    gap: 35px;
}

.services-page-photos-slider {
    width: 75%;
}

.services-page-photos-slide {
    height: 673px !important;
    overflow: hidden;
    border-radius: 30px;
}

.services-page-photos-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services-page-photos-slider-nav {
    width: 25%;
}

.services-page-photos-nav-slide {
    padding-bottom: 25px;
    box-sizing: border-box;
}

.services-page-photos-nav-slide img {
    width: 100%;
    height: 208px !important;
    overflow: hidden;
    border-radius: 30px;
}

.types-work {
    font-family: var(--font-two);
}

.types-work__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.types-work__item {
    padding: 20px 80px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #777;
    color: #fff;
}

.types-work__item:nth-child(even) {
    background: #5e5e5e;
}

.types-work__item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 23px;
    line-height: 87%;
    cursor: pointer;
}

.types-work__item-text {
    padding-top: 20px;
    display: none;
}

.types-work__item-title.active svg {
    transform: rotate(180deg);
}

#SingServicePosad .sign-service__block {
    background-image: url(/upload/medialibrary/020/x9ad3gnk4984bt1lzsalblqs5r6rcer5/Group_15.png);
}

/*КУЗОВОЙ РЕМОНТ*/

.body-repair-icons__list {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.body-repair-icons__item {
    font-family: var(--font-two);
    width: calc(20% - 18px);
    background: #e00909;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 30px 13px 20px 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 25px;
}

.body-repair-icons__item-text {
    font-weight: 800;
    font-size: 18px;
    line-height: 134%;
    color: #fff;
}

.before-after__block {
    border-radius: 20px;
    background: #2f2f2f;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.before-after-slider {
    max-width: 776px;
    width: 100%;
}

.before-after-slide {
    display: flex !important;
    justify-content: center;
    gap: 40px;
}

.before-after-slide-block {
    flex: 1;
}

.before-after-slide-block img {
    width: 100%;
    height: 368px;
    object-fit: cover;
    border-radius: 30px;
}

.before-after-slide-block p {
    font-family: var(--font-two);
    text-align: center;
    margin-top: 10px;
    font-weight: 700;
    font-size: 25px;
    line-height: 156%;
    color: #fff;
}

.before-after-slider .arrow-prev {
    left: -80px;
}

.before-after-slider .arrow-next {
    right: -80px;
}

/*ГАРАНТИЙНЫЙ РЕМОНТ*/

.warranty-policy__blue-note {
    background: #355ba2;
    border-radius: 20px;
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    margin-top: 45px;
    display: flex;
    align-items: center;
    gap: 44px;
    font-weight: 600;
    font-size: 23px;
    line-height: 129%;
    color: #fff;
    box-sizing: border-box;
    padding: 25px 45px;
}

.warranty-policy__blue-note img {
    width: 92px;
    height: 92px;
}

.warranty__block {
    font-family: var(--font-two);
    border-radius: 30px;
    box-sizing: border-box;
    padding: 70px 125px 55px 125px;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

.warranty-sinotruk .warranty__block {
    background-image: url(/upload/medialibrary/a88/crutz7d1r4qzsxw3ziri1e7p2g4uieqv/Group-16.png);
}

.warranty__block-top p {
    font-weight: 800;
    font-size: 30px;
    line-height: 153%;
}

.warranty__block-info {
    line-height: normal;
}

.warranty-sinotruk-list {
    margin-top: 120px;
    display: flex;
    gap: 50px;
}

.arranty-sinotruk-num {
    font-size: 25px;
    font-weight: 600;
}

.arranty-sinotruk-num b {
    font-size: 70px;
    font-weight: 600;
}

.arranty-sinotruk-text {
    font-weight: 600;
    font-size: 20px;
    margin-top: 10px;
}

.warranty__block-btns {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.warranty__block-btns .btn-red {
    border-radius: 10px;
    background: #e00909;
    height: 64px;
    max-width: 347px;
    width: 100%;
    font-weight: 700;
    font-size: 20px;
}

.warranty-sinotruk .warranty__block-btns {
    margin-top: 110px;
}

.warranty-jm .warranty__block {
    background-image: url(/upload/medialibrary/aa4/z264kx2kf4klb61s8dma9pb17qauq35y/Banner_JAc-3.png);
}

.warranty-jm .warranty__block-top {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.warranty-jm .warranty__block-info {
    display: flex;
    justify-content: flex-end;
}

.warranty-jm-list {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.warranty-jm-item-title {
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    color: #fff;
}

.warranty-jm-item-num {
    font-weight: 600;
    font-size: 17px;
}

.warranty-jm-item-num b {
    font-weight: 600;
    font-size: 61px;
}

.warranty-jm-item-text {
    font-weight: 600;
    font-size: 17px;
}

.warranty-jm .warranty__block-btns {
    margin-top: 50px;
}

.warranty-at .warranty__block {
    background-image: url(/upload/medialibrary/b59/jgbsin6dsrvi33xn7o1b0vw763gvsw63/Banner_Ambertruck-1.png);
}

.warranty-at-list {
    margin-top: 105px;
}

.warranty-at-item-num {
    font-weight: 600;
    font-size: 17px;
}

.warranty-at-item-num b {
    font-weight: 600;
    font-size: 61px;
}

.warranty-at-item-text {
    font-weight: 600;
    font-size: 17px;
}

.warranty-at .warranty__block-btns {
    margin-top: 150px;
}

.warranty-offer__block {
    background-image: url(/upload/medialibrary/1ab/0sszegqgkm30n3oe9gtvvi9pr1cakki4/DeWatermark-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    border-radius: 30px;
    box-sizing: border-box;
    padding-top: 100px;
    padding-bottom: 50px;
    font-family: var(--font-two);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 105px;
}

.warranty-offer__block h2 {
    font-weight: 800;
    font-size: 30px;
    line-height: 160%;
    max-width: 680px;
    width: 100%;
    text-transform: none;
}

.warranty-offer__block h2 b  {
    font-size: 70px;
    font-weight: 800;
}

.warranty-offer__block .btn-red {
    background: #e00909;
    border-radius: 10px;
    max-width: 277px;
    width: 100%;
    height: 64px;
    font-weight: 700;
    font-size: 20px;
}

/*ВЫКУП*/

.title span {
    color: #EE2C2D;
}

.ransom-advantages .container {
    max-width: 1310px;
}

.ransom-advantages__list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.ransom-advantages__item {
    width: calc(20% - 32px);
    box-shadow: 0 0 14px 7px rgba(0, 0, 0, 0.06);
    background: #fff;
    border-radius: 18px;
    box-sizing: border-box;
    padding: 25px 20px;
    text-align: center;
}

.ransom-advantages__item-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 111%;
    text-align: center;
    color: #191919;
    font-family: var(--font-two);
    margin-top: 30px;
}

.requirements__block {
    background-image: url(/upload/medialibrary/36e/1zo5v82r43qvdofzemdn169p7hovucsn/1920kh570_233-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    padding: 80px 15%;
    color: #fff;
    font-family: var(--font-two);
}

.requirements__list {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.requirements__item {
    display: flex;
    align-items: center;
    gap: 55px;
    font-weight: 600;
    font-size: 25px;
}

#RansomForm .sign-service__block {
    background-image: url(/upload/medialibrary/32f/aqxhjjzyfso9j1t2576pumtii0ou7y32/1920kh570_237-1.png);
}


#RansomForm .form-block {
    max-width: 584px;
    width: 100%;
    margin: 0 auto;
}

.white-input .form-item {
    margin-bottom: 14px;
}

.white-input input {
    background: #fff;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 0 19px -5px rgba(0, 0, 0, 0.2);
    height: 46px;
}

.white-input input::placeholder {
    color: #000;
}

.sign-service-short  .white-input .form-submit .btn-red {
    max-width: 100%;
    width: 100%;
    font-family: var(--font-two);
    border-radius: 4px;
    background: #EE2C2D;
    height: 46px;
    margin-top: 0;
}

.sign-service-short  .white-input  .form-submit {
    margin-top: 0;
}

.sign-service-short .white-input .agree {
    font-weight: 700;
    font-size: 11px;
    line-height: 111%;
}

.exchange-equipment__block {
    background-image: url(/upload/medialibrary/9c8/2n9pdw6z1arga4lmw970m5xodltovbvr/Trade_in-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    padding: 80px 15%;
    color: #fff;
    font-family: var(--font-two);
}

.exchange-equipment__text {
    margin-top: 70px;
}

.exchange-equipment__text h3 {
    font-weight: 700;
    font-size: 28px;
    line-height: normal;
    margin-bottom: 40px;
}

.exchange-equipment__text p {
    font-size: 15px;
}

.best-deals-slider-three .arrow-next {
    right: -10%;
}

.best-deals-slider-three .arrow-prev {
    left: -10%;
}

/*ЭКСПЕРТ*/

.expert-program__block {
    border-radius: 30px;
    padding: 60px 50px 60px 15%;
    box-sizing: border-box;
    background-image: url(/upload/medialibrary/35b/imeb6nn2ro2bldiktvgcpd4102jh39j7/manTGXITOTY2021x1_copy-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.expert-program__list {
    display: flex;
    flex-wrap: wrap;
}

.expert-program__block img {
    position: absolute;
    top: 150px;
}

.expert-program__item {
    position: relative;
    font-family: var(--font-two);
}

.expert-program__item:nth-child(1),
.expert-program__item:nth-child(2),
.expert-program__item:nth-child(3) {
    width: 33.333%;
}

.expert-program__item:nth-child(3) {
    display: flex;
    gap: 40px;
    left: 125px;
    top: 15px;
}

.expert-program__item:nth-child(3) .expert-program__item-text {
    position: relative;
    top: 60px;
    max-width: 234px;
}

.expert-program__item:nth-child(4) {
    left: 100px;
}

.expert-program__item:nth-child(5),
.expert-program__item:nth-child(4) {
    width: 50%;
    margin-top: 15px;
}

.expert-program__item:nth-child(6) {
    left: 200px;
}

.expert-program__item:nth-child(7) {
    left: 150px;
}

.expert-program__item:nth-child(6),
.expert-program__item:nth-child(7) {
    width: 50%;
    margin-top: 15px;
}


/*.expert-program__item {*/
/*    max-width: 380px;*/
/*    width: 100%;*/
/*}*/

.expert-program__item-number {
    font-weight: 600;
    font-size: 70px;
    line-height: 66%;
    color: #e00909;
}

.expert-program__item-number:after {
    content: '';
    width: 27px;
    height: 27px;
    background: #fff;
    border: 5px solid #E00909;
    border-radius: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 30px;
    position: relative;
    left: 6px;
}

.expert-program__item-text {
    margin-top: 13px;
    font-weight: 600;
    font-size: 22px;
    line-height: 136%;
    color: #414141;
}

.facilities__block {
    background-image: url(/upload/medialibrary/ecc/di9g7h1b2on59zrnt5gqszf2e822eo2x/csm_fahrschule_drive_easy_slider_03_22feeb7fd1.jp42-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
    box-sizing: border-box;
    border-radius: 30px;
    font-family: var(--font-two);
}

.facilities__block h3 {
    max-width: 742px;
    width: 100%;
    margin: 0 auto;
    font-weight: 800;
    font-size: 30px;
    line-height: 103%;
    text-align: center;
    color: #191919;
    border-radius: 20px;
    background: #fff;
    padding: 20px 70px;
    box-sizing: border-box;
}

.facilities__row {
    display: flex;
    gap: 109px;
    align-items: center;
    margin-top: 50px;
    justify-content: center;
}

.facilities__list ul {
    display: flex;
    flex-direction: column;
    gap: 45px;
    list-style: none;
}

.facilities__list ul li {
    gap: 45px;
    padding-left: 60px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: #fff;
    position: relative;
}

.facilities__list ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 32px;
    background-image: url(/local/templates/truckservice/./img/icon/red-check.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.facilities__imgs {
    display: flex;
    flex-wrap: wrap;
    max-width: 630px;
    width: 100%;
    gap: 12px;
}

.facilities__imgs img {
    border-radius: 20px;
    width: calc(50% - 6px);
    height: 200px;
    object-fit: cover;
}

.financing-options__block {
    box-sizing: border-box;
    padding: 60px;
    border-radius: 30px;
    background-image: url(/upload/medialibrary/c27/rldmjpglfk9m5oqxl8gybmds2yal24rr/Group-17.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-family: var(--font-two);
}

.financing-options__list {
    display: flex;
    gap: 28px;
    max-width: 1287px;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
}

.financing-options__item {
    width: calc(33.333% - 19px);
    background: #e00909;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 60px 50px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    color: #fff;
}


.financing-options__item img {
    position: absolute;
    top: 0;
    right: 0;
}

.financing-options__item h3 {
    margin-bottom: 40px;
    font-weight: 800;
    font-size: 27px;
    line-height: 107%;
}

.financing-options__item ul {
    list-style: none;
}

.financing-options__item-btn button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
    cursor: pointer;
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
    height: 63px;
    font-weight: 700;
    font-size: 19px;
    letter-spacing: 0.02em;
    color: #000;
    border: none;
    transition: all 0.3s ease;
}

.financing-options__item-btn button:hover {
    background: #2E333A;
    color: #fff;
}

.financing-options__bottom {
    max-width: 1130px;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
    font-weight: 700;
    font-size: 23px;
    line-height: 130%;
    letter-spacing: 0.02em;
    color: #000;
}

.preparation__block {
    box-sizing: border-box;
    padding: 50px;
    border-radius: 30px;
    background-image: url(/upload/medialibrary/b50/495zlp1xpug3jwn0f3xodwhzgsyrjczq/1920kh570_kopiya-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    font-family: var(--font-two);
    color: #fff;
}

.preparation__block h3 {
    font-weight: 800;
    font-size: 30px;
    line-height: 133%;
    text-align: center;
    color: #fff;
    background: #e00909;
    border-radius: 20px;
    max-width: 925px;
    width: 100%;
    margin: 0 auto;
    padding: 17px 30px;
    box-sizing: border-box;
}

.preparation__row {
    display: flex;
    justify-content: center;
    gap: 35px;
    margin-top: 50px;
}

.preparation__desc {
    max-width: 473px;
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
}

.preparation__desc p {
    margin-bottom: 45px;
}

.preparation__desc ul {
    margin-bottom: 45px;
    display: flex;
    flex-direction: column;
    gap: 45px;
    list-style: none;
}

.preparation__desc ul li {
    padding-left: 60px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: #fff;
    position: relative;
}

.preparation__desc ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 32px;
    background-image: url(/local/templates/truckservice/./img/icon/red-check.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.preparation__img {
    border-radius: 30px;
    max-width: 753px;
    width: 100%;
    height: 542px;
    overflow: hidden;
}

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

#InspectionForm .sign-service__block {
    background-image: url(/upload/medialibrary/5f3/i1kiteufeiu07wxkv09cordcgnjbpl2x/its_nordictrucks3-1.png);
}


#InspectionForm .title p {
    font-weight: 700;
    font-size: 25px;
    margin-top: 30px;
}

#InspectionForm form {
    max-width: 584px;
    width: 100%;
    margin: 0 auto;
}

.best-deals__btn {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.best-deals__btn .btn-red {
    border-radius: 10px;
    max-width: 304px;
    width: 100%;
    height: 64px;
    background: #ee2c2d;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.02em;
}

.commission-sale-advantages .ransom-advantages__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}

.commission-sale-advantages .ransom-advantages__item {
    width: 100%;
}

.commission-sale-advantages .ransom-advantages__item-icon {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commission-sale-note {
    font-family: var(--font-two);
}

.commission-sale-note__block {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    line-height: 133%;
    letter-spacing: 0.04em;
    text-align: center;
    border-radius: 30px;
    padding: 100px 30px;
    overflow: hidden;
    background-image: url(/upload/medialibrary/949/p8mk21tdl7i08gk0mbx39r09280nv966/Group-22.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.commission-sale-note__text {
    max-width: 1030px;
    margin: 0 auto;
    position: relative;
    padding: 60px;
}

.commission-sale-note__text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    border-left: 10px solid #FF0000;
    border-top: 10px solid #FF0000;
}

.commission-sale-note__text:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 42px;
    height: 42px;
    border-right: 10px solid #FF0000;
    border-bottom: 10px solid #FF0000;
}

.commission-sale-steps .buyout-equipment-item:nth-child(4):before {
    display: none;
}

.commission-sale-steps  .buyout-equipment-item:nth-child(3):before {
    background-image: url(https://aaa-ts.ru/local/templates/truckservice/img/ransom-arrow1.svg);
    bottom: -50px;
    right: -50px;
}

.commission-sale-steps .buyout-equipment-item:nth-child(2):before {
    width: 310px;
    height: 170px;
}

.commission-sale-steps .buyout-equipment__list {
    gap: 80px;
}

.commission-sale-leasing {
    font-family: var(--font-two);
}

.commission-sale-leasing .commission-sale-note__block {
    background-image: url(/upload/medialibrary/f9f/t55ft42th1hzzlg3xcfq4d0pr15ord1q/1920kh570_5-1.png);
}

.red-white-list {
    margin: 0 auto;
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 33px;
    max-width: 1200px;
    width: 100%;
}

.red-white-list__item {
    background: #ee2c2d;
    border-radius: 30px;
    padding: 13px;
    color: #fff;
    font-weight: 500;
    font-size: 25px;
    line-height: 128%;
}

.red-white-list__item h3 {
    font-weight: 800;
    font-size: 30px;
    line-height: 107%;
    color: #fff;
    margin-bottom: 45px;
    font-family: var(--font-two);
}

.red-white-list__text {
    padding: 47px;
    border: 2px solid #fff;
    border-radius: 20px;
    box-sizing: border-box;
    height: 100%;
}

.form-no-bg .agree {
    color: #797979;
}

.form-no-bg .white-input input {
    background: #f0f0f0;
    border: none;
    box-shadow: none;
}

.form-no-bg .agree a {
    color: #EE2C2D;
}

.news-slide__other {
    color: #fff;
    font-size: 11px;
    line-height: 20px;
}

#snow-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    pointer-events: none;
    z-index: 5;
    opacity: 0;
    transition: opacity 1000ms ease-in-out;
}

#snow-canvas.visible {
    opacity: 1;
}

@media (max-width: 1500px) {
    .container-big {
        padding: 0 50px;
        box-sizing: border-box;
    }

    .stations-block {
        padding: 70px 50px 70px 100px;
    }

    .stations-slider .arrow-prev {
        left: 2%;
    }

    .stations-slider .arrow-next {
        right: 2%;
    }

    .expert-program__block {
        padding: 60px 50px 60px 60px;
    }

    .best-deals-slider-three .arrow-prev {
        left: -5%;
    }

    .best-deals-slider-three .arrow-next {
        right: -5%;
    }
}

@media (max-width: 1440px) {
    .best-deals-slider-three .arrow-prev {
        left: -10px;
    }

    .best-deals-slider-three .arrow-next {
        right: -10px;
    }
}

@media (max-width: 1310px) {
    .ransom-advantages .container {
        padding: 0 50px;
        box-sizing: border-box;
    }

    .ransom-advantages__list {
        gap: 20px;
    }

    .ransom-advantages__item {
        width: calc(20% - 16px);
    }

    .expert-program__item:nth-child(3) {
        display: flex;
        gap: 40px;
        left: -11px;
        top: 4px;
    }

    .expert-program__item:nth-child(3) .expert-program__item-text {
        position: relative;
        top: 100px;
        max-width: 170px;
    }

    .financing-options__item {
        padding: 60px 30px;
    }
}

@media (max-width: 1280px) {
    .warranty-policy__title br {
        display: none;
    }

    .warranty-policy__title br {
        display: none;
    }

    .locksmith-repair__title br {
        display: none;
    }
}

@media (max-width: 1024px) {

    .container-big {
        padding: 0 15px;
        box-sizing: border-box;
    }

    .services-advantages__list {
        flex-wrap: wrap;
    }

    .services-advantages__item:nth-child(1) {
        width: calc(50% - 10px);
        order: 1;
    }

    .services-advantages__item:nth-child(2) {
        width: 100%;
        justify-content: center;
        order: 3;
    }

    .services-advantages__item-text {
        max-width: 180px;
    }

    .services-advantages__item:nth-child(3) {
        width: calc(50% - 10px);
        order: 2;
    }

    .services-advantages__item:nth-child(4) {
        width: calc(50% - 10px);
        order: 4;
    }

    .services-advantages__item:nth-child(5) {
        width: calc(50% - 10px);
        order: 5;
    }

    .stations-block__row {
        flex-direction: column;
    }

    .stations__gallery {
        max-width: 100%;
        width: 100%;
        position: relative;
    }

    .stations__info {
        max-width: 100%;
    }

    .stations-block {
        padding: 70px 50px 70px 70px;
    }

    .stations-slider .black-arrow {
        display: none !important;
    }

    .body-repair__list {
        flex-wrap: wrap;
        gap: 50px;
    }

    .body-repair__row {
        padding-left: 0;
    }

    .services-clients-slider .grey-arrow {
        display: none;
    }

    .services-price__table td {
        padding: 11px 5%;
    }

    .other-pages__item {
        margin-right: 20px;
    }

    .services-page-photos__row {
        flex-direction: column;
    }

    .services-page-photos-nav-slide {
        padding-bottom: 0;
        padding-right: 20px;
    }

    .services-page-photos-slider-nav {
        width: 100%;
    }

    .services-page-photos-slider {
        width: 100%;
    }

    .dnm {
        display: none;
    }

    .types-work__item {
        padding: 30px 20px;
    }

    .warranty-policy__blue-note {
        display: none;
    }

    .ransom-advantages .container {
        padding: 0 15px;
    }

    .ransom-advantages__list {
        gap: 20px;
        justify-content: center;
    }

    .ransom-advantages__item {
        width: calc(50% - 10px);
    }

    .ransom-advantages__item:nth-child(3) {
        width: 60%;
    }

    .expert-program__block img {
        display: none;
    }

    .expert-program__list {
        flex-direction: column;
        gap: 35px;
    }

    .expert-program__item-number:after {
        display: none;
    }

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

    .expert-program__item-text {
        margin-top: 0;
        width: 100%;
    }

    .expert-program__item:nth-child(1), .expert-program__item:nth-child(2), .expert-program__item:nth-child(3) {
        width: 100%;
    }

    .expert-program__item-text br {
        display: none;
    }

    .expert-program__item:nth-child(3) {
        gap: 30px;
        left: 0;
        top: 0;
    }

    .expert-program__item:nth-child(3) .expert-program__item-text {
        position: relative;
        top: 0;
        max-width: 100%;
    }

    .expert-program__item:nth-child(5), .expert-program__item:nth-child(4) {
        width: 100%;
        margin-top: 0;
    }
    .expert-program__item:nth-child(4) {
        left: 0;
    }

    .expert-program__item:nth-child(6) {
        left: 0;
    }

    .expert-program__item:nth-child(7) {
        left: 0;
    }

    .expert-program__item:nth-child(6), .expert-program__item:nth-child(7) {
        width: 100%;
    }

    .facilities__row {
        flex-direction: column;
        align-items: flex-start;
        gap: 50px;
    }

    .facilities__imgs {
        max-width: 100%;
    }

    .financing-options__list {
        flex-direction: column;
    }

    .financing-options__item {
        width: 100%;
    }

    .preparation__row {
        flex-direction: column;
    }

    .preparation__desc {
        max-width: 100%;
    }

    .preparation__img {
        max-width: 100%;
    }

    .commission-sale-advantages .ransom-advantages__list {
        grid-template-columns: repeat(3, 1fr);
    }

    .commission-sale-advantages .ransom-advantages__item:nth-child(3) {
        width: 100%;
    }

    .commission-sale-note__text {
        padding: 30px;
    }

    .sidebar .btn-primary {
        display: flex;
    }

    .catalog__actions-mob {
        display: flex;
        gap: 5px;
        margin-bottom: 10px;
    }

    .catalog .title {
        margin-bottom: 15px;
    }

    .catalog .breadcrumb {
        margin-bottom: 16px;
    }

    .btn-mob-filter {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 110px;
        height: 34px;
        background: #fff;
        border: 1px solid #2E333A;
        border-radius: 7px;
        box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.07);
        gap: 5px;
        font-weight: 700;
        font-size: 10px;
        line-height: 140%;
        color: #191919;
        font-family: var(--font-main), sans-serif;
    }

    .catalog__actions-mob .btn-red {
        border-radius: 7px;
        width: 130px;
        height: 34px;
        box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.07);
        font-weight: 700;
        font-size: 10px;
    }

    .catalog__actions-mob .btn-red span {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
}

@media (max-width: 834px) {

    .p-50 {
        padding: 35px 0;
        box-sizing: border-box;
    }

    .pt-50 {
        padding-top: 35px;
        box-sizing: border-box;
    }

    .pb-50 {
        padding-bottom: 35px;
        box-sizing: border-box;
    }

    .p-25 {
        padding: 14px 0;
        box-sizing: border-box;
    }

    .pt-25 {
        padding-top: 14px;
        box-sizing: border-box;
    }

    .pb-25 {
        padding-bottom: 14px;
        box-sizing: border-box;
    }

    .stations-block {
        padding: 30px;
    }

    .warranty-policy__list {
        background: none;
        border-radius: 0;
        padding: 0;
        gap: 11px;
        box-sizing: border-box;
        max-width: 1160px;
        width: 100%;
        margin: 45px auto;
        flex-wrap: wrap;
    }

    .warranty-policy__item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(50% - 10px);
        box-shadow: 0 0 16px 0 #eee;
        background: #fff;
        border-radius: 10px;
        height: 104px;
    }

    .locksmith-repair {
        display: none;
    }

    .body-repair__row {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .body-repair__row ul {
        padding-left: 0;
        box-sizing: border-box;
        flex-direction: column;
        gap: 20px;
        list-style: none;
    }

    .spare-parts-equipment {
        display: none;
    }

    .services-price {
        display: none;
    }

    .promotions-offers {
        display: none;
    }

    .corporate-clients__block {
        align-items: center;
        gap: 20px;
        flex-direction: column;
        text-align: center;
    }

    .corporate-clients {
        border-radius: 30px;
        margin-bottom: -25px;
        position: relative;
        z-index: 5;
    }

    .services-price-mob {
        display: block;
    }

    .services-price__table th {
        font-size: 15px;
        line-height: 100%;
        padding: 4px 13px;
    }

    .services-price__table th:last-child {
        width: 120px;
    }

    .services-price__table td:last-child {
        font-size: 16px;
    }

    .services-price__table td {
        font-size: 14px;
        line-height: 100%;
        padding: 11px 2%;
    }

    .before-after {
        display: none;
    }

    .warranty__block {
        padding: 70px 50px 55px 50px;
        background-position: center;
    }

    .facilities__block h3 br {
        display: none;
    }

    .preparation__img {
        height: auto;
    }

    .buyout-equipment {
        padding: 14px 0;
    }

    #RansomForm {
        margin-bottom: 0;
    }

    .commission-sale-note__block {
        font-size: 20px;
    }

    .red-white-list {
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
    }

    .red-white-list p br {
        display: none;
    }
}

.img-mob {
    display: none;
}

@media (max-width: 480px) {

    h1 {
        font-size: 14px;
        line-height: normal;
    }

    h2 {
        font-size: 20px;
        line-height: 110%;
    }

    .img-mob {
        display: block;
    }

    .img-desktop {
        display: none;
    }

    .services-banner-slider .white-arrow {
        display: none !important;
    }

    .services-banner-slider .slick-dots {
        gap: 9px;
        position: absolute;
        bottom: 30px;
        margin: 0;
        width: 100%;
    }

    .services-banner-slider .slick-dots li {
        border-radius: 0;
        width: 50px;
        height: 3px;
        background: rgba(255, 255, 255, 0.5);
    }

    .services-banner-slider .slick-dots li.slick-active {
        background: #fff;
    }

    .services-advantages__item-text {
        font-size: 11px;
        line-height: 121%;
    }

    .services-advantages__item-text b {
        font-size: 20px;
    }

    .services-advantages__item-icon {
        max-width: 50px;
    }

    .services-advantages__item {
        width: calc(20% - 12px);
        gap: 10px;
        border-radius: 12px;
        padding: 20px 10px;
    }

    .stations__info-buttons {
        flex-direction: column;
        gap: 5px;
    }

    .stations__info-desc p {
        font-weight: 700;
        font-size: 15px;
        line-height: 100%;
    }

    .stations__info-buttons .btn-red {
        font-size: 16px;
        height: 50px;
        max-width: 100%;
        border-radius: 8px;
    }

    .stations__info-buttons .btn-green {
        font-size: 16px;
        height: 50px;
        max-width: 100%;
        border-radius: 8px;
    }

    .stations__info-address p {
        font-size: 12px;
    }

    .stations__info-address img {
        width: 34px;
        height: auto;
    }

    .stations__info-address {
        gap: 12px;
        padding: 3px 20px;
        border-radius: 5px;
    }

    .stations-block {
        padding: 30px 20px;
        border-radius: 0;
    }

    .stations .container-big  {
        padding: 0;
    }

    .stations-block__row {
        gap: 10px;
    }

    .stations__gallery-name {
        font-size: 19px;
        border-radius: 5px;
        height: 32px;
        max-width: 117px;
        top: 15px;
    }

    .warranty-policy .container-big {
        padding: 0;
    }

    .warranty-policy__title h3 {
        font-size: 20px;
        line-height: 125%;
    }

    .warranty-policy__block {
        border-radius: 0;
        padding: 30px 15px;
    }

    .warranty-policy__title {
        margin-bottom: 20px;
    }

    .warranty-policy__red {
        padding: 15px 27px;
        font-size: 18px;
        line-height: 139%;
        max-width: 241px;
    }

    .warranty-policy__list {
        margin-top: 20px;
    }

    .warranty-policy__item {
        box-sizing: border-box;
        padding: 0 20px;
    }

    .body-repair .container-big {
        padding: 0;
    }

    .body-repair__block {
        border-radius: 0;
        padding: 60px 15px;
        background-image: url(/upload/medialibrary/868/79yn6rqax9lgd7a5z6ergbnoji28c2ug/Group-17.png);
    }

    .body-repair__list {
        gap: 40px 0;
    }

    .body-repair__item {
        width: 50%;
        font-size: 14px;
        line-height: 134%;
    }

    .body-repair__row li {
        font-size: 18px;
        line-height: 106%;
    }

    .services-clients__logo {
        height: 70px;
        padding: 8px 13px;
        border-radius: 10px;
    }

    .services-banner-slide {
        height: 720px !important;
    }

    .services-price__btns {
        flex-direction: column;
        gap: 7px;
    }

    .btn-grey {
        font-size: 16px;
        border-radius: 8px;
        height: 50px;
    }

    .stations-page .stations-block {
        border-radius: 0 0 30px 30px;
    }

    .stations-block .container-big {
        padding: 0;
    }

    .services-map {
        height: 391px;
    }

    .services-price__btns {
        align-items: center;
        margin-top: 30px;
    }

    .corporate-clients__block h2 {
        font-size: 20px;
        line-height: 110%;
    }

    .corporate-clients {
        padding: 20px 50px;
    }

    .btn-white {
        height: 50px;
        border-radius: 8px;
        font-size: 16px;
    }

    .sign-service-short .container-big {
        padding: 0;
    }

    .sign-service__block {
        border-radius: 0;
        padding: 70px 15px;
    }

    .corporate-clients {
        margin-bottom: -40px;
    }

    .other-pages__item {
        margin-right: 0;
    }

    .stations__info-buttons .btn-grey {
        max-width: 100%;
    }

    .types-work__item {
        padding: 13px 20px;
    }

    .types-work__item-title {
        font-size: 11px;
        line-height: normal;
    }

    .types-work__item-title svg {
        width: 13px;
        height: auto;
    }

    .sign-service .title h2 {
        font-weight: 800;
        font-size: 30px;
        line-height: 117%;
    }

    .sign-service-short .form-item {
        width: 100% !important;
    }

    .sign-service-short .form-block {
        max-width: 277px;
        width: 100%;
        margin: 0 auto;
    }

    .sign-service-short .agree {
        font-size: 16px;
        line-height: 112%;
    }

    .sign-service-short .select .select2-container--default .select2-selection--single {
        height: 72px;
    }

    .sign-service-short .input input {
        height: 72px;
    }

    .sign-service-short .select .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 18px;
    }

    .sign-service-short input {
        font-size: 18px;
    }

    .sign-service-short input::placeholder {
        font-size: 18px;
    }

    .services-page-photos-slide {
        height: 200px !important;
        border-radius: 10px;
    }

    .services-page-photos-nav-slide {
        padding-right: 8px;
    }

    .services-page-photos__row {
        gap: 8px;
    }

    .services-page-photos-nav-slide img {
        width: 100%;
        height: 103px !important;
        overflow: hidden;
        border-radius: 10px;
    }

    .warranty__block {
        padding: 30px 25px;
        border-radius: 20px;
    }

    .warranty .container-big {
        padding: 0;
    }

    .warranty__block-btns {
        flex-direction: column;
        gap: 10px;
    }

    .warranty__block-top {
        text-align: center;
    }

    .warranty__block-top p {
        font-size: 21px;
        line-height: 219%;
    }

    .warranty-sinotruk-list {
        margin-top: 44px;
        display: flex;
        gap: 14px;
    }

    .arranty-sinotruk-num {
        font-size: 15px;
    }

    .arranty-sinotruk-text {
        font-size: 12px;
        margin-top: 0;
    }

    .arranty-sinotruk-num b {
        font-size: 42px;
    }

    .warranty-sinotruk .warranty__block {
        background-image: url(/upload/medialibrary/071/3dqylvciy7whhn2ax4k6skr5vrfq3ox3/Group-18.png);
    }

    .warranty-sinotruk .warranty__block-btns {
        margin-top: 320px;
    }

    .warranty__block-btns .btn-red {
        height: 50px;
        font-size: 16px;
        border-radius: 8px;
    }

    .warranty-jm-item-title {
        font-size: 13px;
    }

    .warranty-jm-item-num {
        font-size: 10px;
    }

    .warranty-jm-item-num b {
        font-size: 38px;
    }

    .warranty-jm-item-text {
        font-size: 10px;
    }

    .warranty-jm-list {
        margin-top: 30px;
        gap: 30px;
    }

    .warranty-jm .warranty__block-info {
        justify-content: flex-start;
    }

    .warranty-jm .warranty__block-btns {
        margin-top: 250px;
    }

    .warranty-jm .warranty__block {
        background-image: url(/upload/medialibrary/fb5/dlhl54cgzndgtj875fwu7c7amv7yhsnc/Banner_JAc_3-1.png);
    }


    .warranty-at-item-title {
        font-size: 13px;
    }

    .warranty-at-item-num {
        font-size: 10px;
    }

    .warranty-at-item-num b {
        font-size: 38px;
    }

    .warranty-at-item-text {
        font-size: 10px;
    }

    .warranty-at-list {
        margin-top: 30px;
        gap: 30px;
    }

    .warranty-at .warranty__block-info {
        justify-content: flex-start;
    }

    .warranty-at .warranty__block-btns {
        margin-top: 350px;
    }

    .warranty-at .warranty__block {
        background-image: url(/upload/medialibrary/d74/te0nt2lcjjac9qqe7cpb6wnakesnuyyk/Banner_Ambertruck-1-_1_.png);
    }

    .warranty-offer__block h2 {
        font-size: 22px;
        line-height: 136%;
    }

    .warranty-offer__block {
        padding: 100px 25px;
        gap: 60px;
        background-image: url(/upload/medialibrary/088/r4g7k8afvo6298sphl9ofc19dhypl3j8/DeWatermark-1-_1_.png);
    }

    .warranty-offer__block .btn-red {
        height: 50px;
        font-size: 16px;
        border-radius: 8px;
    }

    .warranty-offer__block h2 b {
        font-size: 40px;
    }

    .stations__gallery-slide {
        height: 211px !important;
        border-radius: 8px;
        margin-bottom: 6px;
    }

    .stations__gallery-thumb {
        height: 67px !important;
        padding-right: 6px;
    }

    .stations__gallery-thumb img {
        border-radius: 8px;
    }

    .ransom-advantages__list {
        gap: 10px;
    }

    .ransom-advantages__item {
        width: calc(50% - 5px);
        padding: 10px 15px;
    }

    .ransom-advantages__item-title {
        font-size: 12px;
        line-height: 108%;
        margin-top: 10px;
    }

    .ransom-advantages__item-icon img {
        max-width: 50px;
    }

    .expert-program__block {
        padding: 50px 30px;
    }

    .expert-program__item-number {
        font-size: 48px;
    }

    .expert-program__item-text {
        font-size: 15px;
        line-height: 136%;
    }

    .expert-program .container-big {
        padding: 0;
    }

    .facilities__block h3 {
        font-size: 20px;
        line-height: 110%;
        padding: 20px 25px;
    }

    .facilities__row {
        margin-top: 30px;
        gap: 20px;
    }

    .facilities__block {
        padding: 30px 25px;
    }

    .facilities__list ul {
        gap: 20px;
    }

    .facilities__list ul li {
        font-size: 15px;
        line-height: 133%;
        min-height: 27px;
    }

    .facilities .container-big {
        padding: 0;
    }

    .facilities__imgs {
        gap: 8px;
    }

    .facilities__imgs img {
        height: 150px;
        width: calc(50% - 4px);
    }

    .facilities__list ul li:before {
        width: 38px;
        height: 27px;
    }

    .financing-options .container-big {
        padding: 0;
    }

    .financing-options__block {
        padding: 0;
        background: none;
    }

    .financing-options__bottom {
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 15px;
        line-height: 133%;
        margin-top: 20px;
    }

    .preparation .container-big {
        padding: 0;
    }

    .preparation__block h3 {
        font-size: 17px;
        line-height: 147%;
    }

    .preparation__block h3 br {
        display: none;
        padding: 24px 15px;
    }

    .preparation__block {
        padding: 30px 25px;
    }

    .preparation__desc {
        font-size: 15px;
        line-height: 133%;
    }

    .preparation__desc p {
        margin-bottom: 20px;
    }

    .preparation__desc ul {
        margin-bottom: 20px;
        gap: 20px;
    }

    .preparation__desc ul li {
        font-size: 15px;
        line-height: 133%;
        min-height: 27px;
    }

    .preparation__desc ul li:before {
        width: 38px;
        height: 27px;
    }

    .best-deals-slider-three .news-slide__bottom a {
        height: 44px;
        border-radius: 10px;
    }

    .best-deals-slider-three .news-slide__bottom a {
        font-size: 17px;
    }

    .best-deals__btn {
        display: none;
    }

    .other-pages__item {
        max-width: 100%;
    }

    #InspectionForm .sign-service__block {
        border-radius: 30px;
    }

    .sign-service__block {
        padding: 30px 25px;
    }

    .sign-service-short .form-block.white-input {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .white-input input {
        height: 46px !important;
    }

    #InspectionForm .title p {
        font-size: 20px;
    }

    .requirements .container-big {
        padding: 0;
    }

    .requirements__block {
        padding: 50px 35px;
    }

    .requirements__list {
        margin-top: 50px;
        gap: 30px;
    }

    .requirements__item {
        gap: 20px;
        font-size: 18px;
        line-height: 139%;
    }

    .sign-service .title h2 {
        font-size: 25px;
        line-height: 120%;
    }

    .exchange-equipment .container-big {
        padding: 0;
    }

    .exchange-equipment__block {
        padding: 35px;
        background-image: url(/upload/medialibrary/8b6/f95i4cdkhmg8b82pdi612dr801z5an8u/trade_in_2-1.png);
    }

    .exchange-equipment__text {
        margin-top: 30px;
    }

    .exchange-equipment__text br {
        display: none;
    }

    .exchange-equipment__text h3 {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .exchange-equipment__text p {
        font-size: 15px;
        margin-top: 340px;
        text-align: center;
    }

    .commission-sale-advantages .ransom-advantages__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .commission-sale-note__block {
        padding: 30px;
        font-size: 15px;
        line-height: 167%;
        border-radius: 20px
    }

    .commission-sale-note__text {
        padding: 30px 0;
    }

    .commission-sale-note__text:before {
        width: 20px;
        height: 20px;
        border-left: 5px solid #FF0000;
        border-top: 5px solid #FF0000;
    }

    .commission-sale-note__text:after {
        width: 20px;
        height: 20px;
        border-right: 5px solid #FF0000;
        border-bottom: 5px solid #FF0000;
    }

    .commission-sale-steps .buyout-equipment__list {
        gap: 20px;
    }

    .requirements__item-icon {
        width: 32px;
    }

    .red-white-list__item {
        border-radius: 16px;
        padding: 10px;
        font-size: 16px;
        line-height: 125%;
    }

    .red-white-list__text {
        padding: 40px;
        border-radius: 12px;
    }

    .red-white-list__item h3 {
        font-size: 24px;
        line-height: 107%;
        margin-bottom: 30px;
    }

    .red-white-list {
        gap: 13px;
    }

    .commission-sale-note__block {
        background-position: center;
    }

    .commission-sale-note__text br {
        display: none;
    }

    .commission-sale-leasing .title br {
        display: none;
    }

    .history-company {
        padding: 60px 0;
    }

    .about-our-numbers {
        padding-top: 150px;
        padding-bottom: 0;
    }

    .catalog .title h1 {
        font-size: 16px;
        line-height: 137%;
    }

    .catalog-banner-slide {
        height: 166px !important;
    }

    .catalog-banner-slider .slick-dots {
        bottom: 10px;
    }

    .catalog .bread  {
        font-size: 8px;
        line-height: 150%
    }

    .catalog .bread a {
        font-size: 8px;
        line-height: 150%
    }

    .bread {
        gap: 4px;
    }

    .bread__item {
        gap: 4px;
    }

    .catalog {
        padding-top: 15px;
    }

    .sort-item button {
        font-size: 9px;
    }

    .sort-item {
        height: 26px;
        border-radius: 5px;
        padding: 0 8px;
    }

    .sort-item button {
        gap: 3px;
    }

    .sort-item button svg {
        width: 10px;
        height: auto;
    }

    .sort-list {
        gap: 3px;
    }

    .sort p {
        font-size: 10px;
        line-height: 120%;
    }

    .sort {
        margin-bottom: 20px;
    }

    .product-grid .news-slide__block {
        border-radius: 13px;
    }

    .news-slide__stock span {
        font-size: 9px;
        line-height: 111%;
        border-radius: 7px;
        padding: 0 7px;
        height: 16px;
    }

    .news-slide__stock {
        top: 7px;
        right: 7px;
    }

    .catalog-description {
        font-size: 12px;
        line-height: 150%;
    }

    .catalog-description p {
        margin-bottom: 10px;
    }

    .catalog-description {
        margin-top: 50px;
    }

    .history-slide {
        width: 196px !important;
    }

    .history-slide__year {
        font-size: 16px;
        line-height: 125%;
        margin-bottom: 7px;
    }

    .history-slide__text {
        font-size: 10px;
        line-height: 160%;
    }

    .history-slide__img {
        height: 74px;
    }

    .history-slide__block {
        padding-left: 13px;
        gap: 13px;
        height: 177px;
    }

    .history-company-block-slider {
        padding-left: 2%;
    }

    .history-slider.swiper-grid-column>.swiper-wrapper {
        gap: 50px 0 !important;
    }

    .history-slider {
        height: 410px !important;
    }
}
/*СОРТИРОВКА — выпадающий список*/
/* Селекторы с префиксом .sort-select — иначе их перебивает `.sort-item button` */

.sort {
    justify-content: flex-start;
}

.sort-item.sort-select {
    padding: 0;
}

.sort-select .sort-select__toggle {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    height: 100%;
    padding: 0 13px;
    font-family: var(--font-main), sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #222;
    white-space: nowrap;
}

.sort-select .sort-select__toggle svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform .2s ease;
}

.sort-select.is-open .sort-select__toggle svg {
    transform: rotate(180deg);
}

.sort-select.is-open .sort-select__toggle path {
    stroke: #EE2C2D;
}

.sort-select .sort-select__menu {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 10px;
    min-width: 100%;
    width: max-content;
    background: #fff;
    border: 1px solid #F1F1F1;
    border-radius: 10px;
    z-index: 55;
    padding: 8px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
    display: none;
    flex-direction: column;
    gap: 2px;
}

.sort-select.is-open .sort-select__menu {
    display: flex;
}

.sort-select .sort-select__option {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: left;
    white-space: nowrap;
    font-family: var(--font-main), sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #222;
    padding: 8px 12px;
    border-radius: 8px;
    transition: background .15s ease, color .15s ease;
}

.sort-select .sort-select__option:hover {
    background: #f6f6f6;
}

.sort-select .sort-select__option.is-active {
    color: #EE2C2D;
    font-weight: 600;
}

/*Плашки наличия на карточке каталога — левый нижний угол фото*/

.news-slide__avail {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: flex;
    gap: 5px;
    z-index: 2;
}

.news-slide__avail span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 133%;
    color: #fff;
    height: 24px;
    border-radius: 10px;
    padding: 0 10px;
    white-space: nowrap;
}

.news-slide__avail span.avail-yes {
    background: #00A63C;
}

.news-slide__avail span.avail-order {
    background: #F5A623;
}

.news-slide__avail span.avail-sold {
    background: #2E333A;
}

/* характеристики в теле карточки: списком, но тише названия и цены */
.product-grid .news-slide__other {
    line-height: 16px;
    color: rgba(25, 25, 25, 0.65);
}

/*Светлая подложка карточек техники вместо чёрной.
  Три места: каталог (.product-grid), «Лучшие предложения» на главной
  (.best-deals-slider-three) и похожие товары на детальной (.product-slider).
  Карточки новостей и акций остаются тёмными — там другой контент.*/

.product-grid .news-slide__block,
.best-deals-slider-three .news-slide__block,
.product-slider .news-slide__block {
    background: #F4F5F7;
    border: 1px solid #ECEDF0;
}

.product-grid .news-slide__body,
.best-deals-slider-three .news-slide__body,
.product-slider .news-slide__body {
    background: #F4F5F7;
}

.product-grid .news-slide__title,
.best-deals-slider-three .news-slide__title,
.product-slider .news-slide__title {
    color: #191919;
}

.product-grid .news-slide__organization,
.product-grid .news-slide__organization span,
.best-deals-slider-three .news-slide__organization,
.best-deals-slider-three .news-slide__organization span,
.product-slider .news-slide__organization,
.product-slider .news-slide__organization span {
    color: #191919;
    font-weight: 600;
}

.best-deals-slider-three .news-slide__desc,
.product-slider .news-slide__desc {
    color: rgba(25, 25, 25, 0.65);
}

@media (max-width: 480px) {
    .sort-select .sort-select__toggle {
        font-size: 11px;
        gap: 5px;
        padding: 0 8px;
    }

    .sort-select .sort-select__toggle svg {
        width: 10px;
        height: 10px;
    }

    .sort-select .sort-select__menu {
        padding: 6px;
        margin-top: 6px;
        max-width: 75vw;
    }

    .sort-select .sort-select__option {
        font-size: 12px;
        padding: 7px 10px;
    }
}

/*КАРТОЧКА ТОВАРА — ключевые характеристики (год, пробег, состояние, колёсная формула)*/

.card-specs {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 30px;
}

.card-specs__item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.card-specs__name {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.5);
}

.card-specs__value {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #000;
    overflow-wrap: anywhere;
}

@media (max-width: 834px) {
    .card-specs {
        margin-top: 24px;
        gap: 14px 20px;
    }

    .card-specs__name {
        font-size: 13px;
    }

    .card-specs__value {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .card-specs {
        margin-top: 20px;
        gap: 12px 16px;
    }

    .card-specs__name {
        font-size: 12px;
    }

    .card-specs__value {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .news-slide__avail {
        left: 7px;
        bottom: 7px;
        gap: 4px;
    }

    .news-slide__avail span {
        font-size: 9px;
        line-height: 111%;
        border-radius: 7px;
        padding: 0 7px;
        height: 16px;
    }

    .product-grid .news-slide__other {
        font-size: 9px;
        line-height: 13px;
    }
}

/*КАРТОЧКА ТОВАРА — блок цен (актуальная / старая / лизинг)*/

.card-price-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.card-price-old {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.4);
    text-decoration: line-through;
}

.card-leasing {
    margin-top: 14px;
}

.card-leasing__row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
}

.card-leasing__label {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
}

.card-leasing__value {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

/* лизинговая цена — кликабельна, ведёт к калькулятору */
a.card-leasing__link {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.35);
    transition: color .2s ease, border-color .2s ease;
}

a.card-leasing__link:hover {
    color: #EE2C2D;
    border-bottom-color: #EE2C2D;
}

.card-leasing__value sup {
    font-size: 60%;
    margin-left: 1px;
}

.card-leasing__note {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 834px) {
    .card-price-old {
        font-size: 17px;
    }

    .card-leasing__label {
        font-size: 15px;
    }

    .card-leasing__value {
        font-size: 19px;
    }
}

@media (max-width: 480px) {
    .card-price-old {
        font-size: 15px;
    }

    .card-leasing {
        margin-top: 12px;
    }

    .card-leasing__label {
        font-size: 14px;
    }

    .card-leasing__value {
        font-size: 17px;
    }

    .card-leasing__note {
        font-size: 11px;
    }
}

/* старая цена на карточке каталога.
   Селектор длинный намеренно: иначе перебивает правило .news-slide__organization span */
.product-grid .news-slide__organization .news-slide__old-price {
    display: inline-block;
    margin-left: 8px;
    font-size: 11px;
    font-weight: 400;
    color: rgba(25, 25, 25, 0.45);
    text-decoration: line-through;
}

@media (max-width: 480px) {
    .product-grid .news-slide__organization .news-slide__old-price {
        margin-left: 6px;
        font-size: 8px;
    }
}

/*КАРТОЧКА ТОВАРА — блок лизинга: заголовок, карусель компаний, кнопка расчёта*/

.leasing__head {
    max-width: 720px;
    margin: 0 auto 28px;
    text-align: center;
}

.leasing__head h2 {
    color: #191919;
    font-weight: 800;
    margin-bottom: 12px;
    text-transform: inherit;
}

.leasing__head p {
    color: #191919;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

.leasing-slider {
    margin: 0 -6px 32px;
}

/* без этого слайды в ленте разной высоты */
.leasing-slider .slick-track {
    display: flex;
    align-items: stretch;
}

.leasing-slider .slick-slide {
    height: auto;
}

.leasing__slide {
    padding: 0 6px;
    box-sizing: border-box;
}

.leasing-slider .leasing__item {
    width: 100%;
}

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

.leasing__action .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 7px;
    background: #E00909;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .07);
    height: 52px;
    max-width: 338px;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    transition: all .3s;
    border: none;
}

.leasing__action .btn:hover {
    color: #fff;
    background: #3936cc;
}

@media (max-width: 834px) {
    .leasing__head {
        margin-bottom: 22px;
    }

    .leasing-slider {
        margin-bottom: 26px;
    }

    .leasing__head p {
        font-size: 15px;
        line-height: 20px;
    }
}

@media (max-width: 480px) {
    .leasing-slider {
        margin: 0 -4px 22px;
    }

    .leasing__slide {
        padding: 0 4px;
    }

    .leasing__head p {
        font-size: 14px;
        line-height: 19px;
    }
}

/*КАЛЬКУЛЯТОР ЛИЗИНГА — крупные суммы в результате расчёта*/

.result-item__block .value {
    font-size: 24px;
    line-height: 1.15;
}

/* ежемесячный платёж — главная цифра блока */
.result-item__block.payment {
    align-items: flex-end;
}

.result-item__block.payment .value {
    font-size: 34px;
    line-height: 1.1;
    white-space: nowrap;
}

.result-item__block li .value {
    font-size: 17px;
}

.calculator__action {
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 36px;
}

.calculator__action-note {
    margin: 0;
    max-width: 520px;
    text-align: center;
    font-size: 15px;
    line-height: 21px;
    color: rgba(25, 25, 25, 0.65);
}

@media (max-width: 834px) {
    .result-item__block .value {
        font-size: 21px;
    }

    .result-item__block.payment .value {
        font-size: 28px;
    }

    .calculator__action {
        margin-top: 28px;
    }
}

@media (max-width: 480px) {
    .result-item__block .value {
        font-size: 19px;
    }

    .result-item__block.payment .value {
        font-size: 24px;
    }

    .result-item__block li .value {
        font-size: 15px;
    }

    .calculator__action-note {
        font-size: 14px;
        line-height: 19px;
    }
}

/*Фото в карточках каталога.
  Высота была жёстко задана (160px) под старый макет с фильтром-сайдбаром, где карточка
  была уже. Сейчас фильтр горизонтальный, карточка шире — при фиксированной высоте
  object-fit: cover срезал технику сверху и снизу. Задаём пропорцию 16:10 (как на боевом),
  чтобы кадр не зависел от ширины колонки. Селектор с .product-grid — правило касается
  только плитки товаров и не трогает новости, акции и слайдеры.*/

.catalog__row .product-grid .news-slide__img {
    height: auto;
    aspect-ratio: 4 / 3;
}

/* изображение выводим из потока, иначе высоту кадра диктует оно само
   и заданная пропорция не срабатывает */
.catalog__row .product-grid .news-slide__img img {
    position: absolute;
    inset: 0;
    z-index: 0;
}

/* плашки должны остаться поверх фото */
.catalog__row .product-grid .news-slide__stock,
.catalog__row .product-grid .news-slide__cat {
    z-index: 2;
}

/*Главное фото в карточке товара.
  Высота была жёстко 450px, и при любой ширине колонки object-fit: cover срезал технику
  по бокам. Ставим пропорцию 4:3 — под неё сняты почти все фото каталога, кадр совпадает
  с оригиналом и машина видна целиком. Миниатюры не трогаем: там 167×125 и так близко к 4:3.*/

.card-slider .card-slider__item {
    height: auto !important;
    aspect-ratio: 4 / 3;
    position: relative;
}

.card-slider .card-slider__item img {
    position: absolute;
    inset: 0;
}

/*Карточки новостей — уходим от чёрного к светлой подложке, как в каталоге.
  Новости помечены классом news-grid--light (страницы /news/, /blog/) плюс слайдер
  новостей на главной (.news-slider без .product-slider). Акции (stock-grid) используют
  тот же .news-grid, но без метки, поэтому остаются нетронутыми.*/

.news-grid--light .news-slide__block,
.news-slider:not(.product-slider) .news-slide__block {
    background: #F4F5F7;
    border: 1px solid #ECEDF0;
}

.news-grid--light .news-slide__body,
.news-slider:not(.product-slider) .news-slide__body {
    background: #F4F5F7;
}

.news-grid--light .news-slide__title,
.news-slider:not(.product-slider) .news-slide__title {
    color: #191919;
}

.news-grid--light .news-slide__organization,
.news-slider:not(.product-slider) .news-slide__organization {
    color: rgba(25, 25, 25, 0.65);
}

.news-grid--light .news-slide__date,
.news-slider:not(.product-slider) .news-slide__date {
    color: rgba(25, 25, 25, 0.65);
}

/* Каталог: 4 карточки техники в ряд на десктопе (было 3).
   Только .catalog__row .product-grid — новости/акции и планшет/мобильный не трогаем. */
@media (min-width: 1025px) {
    .catalog__row .product-grid .news-slide__block {
        width: calc(25% - 15px);
    }
}

/* «Компания» в меню — не ссылка, а триггер выпадающего списка (клик ничего не открывает) */
.menu-noclick {
    cursor: default;
}

/* Блок «Акции» на главной (между категориями и «Официальный дилер») */
.home-stock {
    padding: 50px 0;
}

.home-stock .news-grid {
    margin-top: 30px;
}

.home-stock__more {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.home-stock__more .btn-red {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 34px;
    border-radius: 7px;
    background: #EE2C2D;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: background .25s ease;
}

.home-stock__more .btn-red:hover {
    background: #3936cc;
    color: #fff;
}

@media (max-width: 768px) {
    .home-stock {
        padding: 30px 0;
    }
}

/* Подвал: многоколоночное меню — только на десктопе (там оно и растягивало подвал).
   Ниже 768px блоки перестраиваются в два ряда, а положение блока поиска задано
   жёсткими отрицательными отступами под высоту меню в одну колонку — поэтому
   на планшете и телефоне оставляем прежнюю одну колонку. */
@media (max-width: 768px) {
    .footer__menu ul {
        grid-template-rows: repeat(11, auto);
        column-gap: 0;
        row-gap: 10px;
    }
}

/* ================= Контакты на главной и /contacts/: карта слева, информация справа =================
   Карта — виджет Яндекса (без ключа API); три кадра подменяются при наведении на карточку точки. */
/* блок контактов шире общей сетки сайта (1100px) и с воздухом перед подвалом */
.contacts {
    margin-bottom: 60px;
}

.contacts .container {
    max-width: 1400px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

.contacts__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: stretch;
}

.contacts__map-box {
    position: relative;
    height: 100%;
    min-height: 500px;
    border-radius: 16px;
    overflow: hidden;
    background: #eceef1;
}

.contacts__frame {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease, visibility .35s;
}

.contacts__frame.is-active {
    opacity: 1;
    visibility: visible;
}

.contacts__info-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contacts__card {
    background: #F4F5F7;
    border: 1px solid #ECEDF0;
    border-radius: 14px;
    box-sizing: border-box;
    padding: 22px 24px;
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.contacts__card--point {
    cursor: pointer;
}

.contacts__card--point:hover,
.contacts__card--point.is-active {
    background: #fff;
    border-color: #EE2C2D;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
}

.contacts__card-title {
    font-family: var(--font-two);
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    color: #191919;
    margin: 0 0 16px;
}

.contacts__card-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: #191919;
}

.contacts__card-item:last-child {
    margin-bottom: 0;
}

.contacts__card-item i {
    flex: 0 0 auto;
    display: flex;
    color: #EE2C2D;
}

.contacts__card-item p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.contacts__card-item a {
    color: #191919;
    transition: color .25s ease;
}

.contacts__card-item a:hover {
    color: #EE2C2D;
}

.contacts__card-item--phone p {
    font-size: 17px;
    font-weight: 700;
}

.contacts__card-mails {
    margin-bottom: 10px;
}

.contacts__card-mails .contacts__card-item {
    margin-bottom: 6px;
}

/* адрес — кликабельный, ведёт в Яндекс.Карты (на телефоне открывается приложение) */
.contacts__card-address {
    flex-wrap: wrap;
    text-decoration: none;
}

.contacts__card-address p {
    text-decoration: underline;
    text-decoration-color: rgba(25, 25, 25, .25);
    text-underline-offset: 3px;
}

.contacts__card-address:hover p {
    color: #EE2C2D;
    text-decoration-color: #EE2C2D;
}

.contacts__card-route {
    flex: 0 0 100%;
    margin-left: 36px;
    font-size: 12px;
    line-height: 16px;
    color: rgba(25, 25, 25, .55);
}

.contacts__card-address:hover .contacts__card-route {
    color: #EE2C2D;
}

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

    .contacts__map-box {
        min-height: 340px;
    }
}

@media (max-width: 480px) {
    .contacts {
        margin-bottom: 35px;
    }

    .contacts__card {
        padding: 18px 16px;
    }

    .contacts__map-box {
        min-height: 280px;
        border-radius: 10px;
    }

    .contacts__card-item p {
        font-size: 13px;
        line-height: 18px;
    }
}

/* ============ Сервисное обслуживание: заметная реакция на наведение ============
   Раньше плитки были обесцвечены и «оживали» при наведении; после того как фото
   сделали цветными сразу, наведение перестало читаться — возвращаем отклик иначе:
   фото приближается, подпись загорается красным, появляется стрелка.
   Только для устройств с мышью — на тач-экранах состояние :hover залипает. */
@media (hover: hover) {
    .service-maintenance-item {
        overflow: hidden;
    }

    .service-maintenance-item img {
        transition: transform .5s ease;
    }

    .service-maintenance-item:hover img {
        transform: scale(1.06);
    }

    /* лёгкое затемнение плитки, чтобы она отделялась от соседних */
    .service-maintenance-item::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .18);
        opacity: 0;
        transition: opacity .3s ease;
        pointer-events: none;
        z-index: 1;
    }

    .service-maintenance-item:hover::after {
        opacity: 1;
    }

    .service-maintenance-item a span {
        transition: background .3s ease, gap .3s ease;
        gap: 0;
    }

    /* подпись загорается фирменным красным */
    .service-maintenance-item:hover a span {
        background: rgba(238, 44, 45, .92);
        gap: 10px;
    }

    /* стрелка выезжает справа от названия */
    .service-maintenance-item a span::after {
        content: '';
        flex: 0 0 auto;
        width: 0;
        height: 16px;
        margin-left: auto;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M3.5 2L6.5 5L3.5 8' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center/16px 16px no-repeat;
        opacity: 0;
        transition: width .3s ease, opacity .3s ease;
    }

    .service-maintenance-item:hover a span::after {
        width: 16px;
        opacity: 1;
    }
}

/* ===== Две давние горизонтальные прокрутки на десктопе ===== */

/* 1. Стрелки слайдеров вынесены на 100px за контейнер. Контейнер 1100px, значит
   при экране уже ~1300px поля меньше 100px и стрелка вылезает за край страницы.
   Ниже этой ширины прижимаем стрелки внутрь — так же, как уже сделано на планшетах. */
@media (max-width: 1300px) {
    .prev-arrow {
        left: 0;
    }

    .next-arrow {
        right: 0;
    }
}

/* 2. Блок «Программа» на /aaa-expert/: пункты 3 и 7 и так стоят у правой границы
   контейнера, а декоративный сдвиг вправо выталкивал их за экран. На широких
   мониторах запаса хватает, ниже 1600px сдвиг убираем. Пункты 4 и 6 сдвинуты
   влево — у них запас есть, ступенчатый вид блока сохраняется. */
@media (min-width: 1311px) and (max-width: 1600px) {
    .expert-program__item:nth-child(3) {
        left: 0;
    }
}

@media (max-width: 1600px) {
    .expert-program__item:nth-child(7) {
        left: 0;
    }
}

/* End */
/* /local/templates/truckservice/style.css?1789548508274455 */