@font-face {
    font-family: 'Pragmatica';
    src: url('../fonts/Pragmatica-Light.eot');
    src: url('../fonts/Pragmatica-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Pragmatica-Light.woff2') format('woff2'),
    url('../fonts/Pragmatica-Light.woff') format('woff'),
    url('../fonts/Pragmatica-Light.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: 'Pragmatica_NO-A';
    src: url('../fonts/Pragmatica_NO-A.otf');
    font-weight: 300;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('../fonts/Pragmatica-Book.eot');
    src: url('../fonts/Pragmatica-Book.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Pragmatica-Book.woff2') format('woff2'),
    url('../fonts/Pragmatica-Book.woff') format('woff'),
    url('../fonts/Pragmatica-Book.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Pragmatica';
    src: url('../fonts/Pragmatica-Bold.eot');
    src: url('../fonts/Pragmatica-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Pragmatica-Bold.woff2') format('woff2'),
    url('../fonts/Pragmatica-Bold.woff') format('woff'),
    url('../fonts/Pragmatica-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta Demo PE Regular 400.otf');
    font-weight: 400;
}

:root {
    --orange: #AF4C13;
    --black: #090908;
    --grey: #9B9B9B;
    --light-grey: #D7D7D7;
}

main {overflow: hidden;}

header {position: fixed; z-index: 50; width: 100%;}
header.scroll {background: #fff; box-shadow: 0 0px 23px 0px #000; transition: .5s ease;}

body {font-family: 'Pragmatica', sans-serif; color: #595959;}
a {text-decoration: none;}

h1, .h1 {font-weight: 300; font-size: 130px; line-height: 100%; text-transform: uppercase;}
h2, .h2 {font-weight: 300; font-size: 90px; line-height: 130%; text-transform: uppercase;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { padding: unset !important; }

.btn.btn-warning {background: #E6873B; border-radius: 50px; padding: 10px 30px; color: #FFFFFF; font-weight: 700; border: none; font-size: 18px;}

.square-switch {display: flex}
.square-switch .square-switch__button {background: transparent; padding: 14px 16px; color: #FFFFFF; font-weight: bold; font-size: 13px; border: 1px solid #FFFFFF; text-align: left; text-transform: uppercase;}
.square-switch .square-switch__button:first-child {border-right: none;}
.square-switch .square-switch__button:last-child {border-left: none;}
.square-switch .square-switch__button.active {border-color: #E37639; background: #E37639;}

.circle-switch {display: flex; border: 1px solid #FFFFFF; border-radius: 20px; padding: 4px; justify-content: space-between;}
.circle-switch .circle-switch__button {border:none; background: transparent; font-weight: 700; font-size: 18px; line-height: 130%; text-align: center; color: #FFFFFF; opacity: 0.8; border-radius: 20px; padding: 5px 8px;}
.circle-switch .circle-switch__button.active {background: #FFFFFF; color: #595959;}

.mb-100 {margin-bottom: 100px;}

.main-menu {margin-top: 37px;}
.scroll .main-menu {margin-top: 0;}
.main-menu .nav-link {text-transform: uppercase; font-weight: 700; margin-left: 50px; color: #595959;}

.main-slider { height: 100vh; display: flex; justify-content: center; flex-direction: column;}
.main-slider__decor {position: absolute; bottom: -260px; left: 50%; transform: translateX(-50%) rotate(-4deg); height: 370px; width: 110vw; background: #FFFFFF; z-index: 5;}
.main-slider__image {position: absolute;width: 100vw; height: 135%;left: 50%;margin-left: -50vw; object-fit: cover;}
.main-slider__image img {object-fit: cover;}
.main-slider__content {position: relative; z-index: 2;}
.main-slider__content .h1 {position: relative; left: -10px;}
.main-slider__content .sub-title {font-weight: 700; text-transform: uppercase; font-size: 24px; line-height: 130%;}

.colors {margin-bottom: 260px; z-index: 20;}
.colors__title {margin-bottom: 32px; font-family: 'Averta'; }
.colors__sub-title {font-size: 24px; line-height: 130%; margin-bottom: 70px;}
.colors__tabs .list-group {flex-direction: row; justify-content: center}
.colors__tabs .list-group-item {position:relative; border-radius: 50%; height: 40px; width: 40px; margin-right: 30px; border: none !important; margin-top: 0 !important;}
.colors__tabs .list-group-item.active::before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; transform: scale(1.15); -webkit-transform: scale(1.15); border: 1px solid; border-radius: 50%; top: 0; left: 0;}
.colors__tabs .list-group-item:nth-child(1) {background: var(--orange);}
.colors__tabs .list-group-item:nth-child(1)::before {border-color:var(--orange);}
.colors__tabs .list-group-item:nth-child(2) {background: var(--black);}
.colors__tabs .list-group-item:nth-child(2)::before {border-color: var(--black);}
.colors__tabs .list-group-item:nth-child(3) {background: var(--grey);}
.colors__tabs .list-group-item:nth-child(3)::before {border-color: var(--grey);}
.colors__tabs .list-group-item:nth-child(4) {background: var(--light-grey);}
.colors__tabs .list-group-item:nth-child(4)::before {border-color: var(--light-grey);}
.colors__tabs .tab-content {margin-bottom: 47px;}

.slider {height: 710px;}
.slider .slider__body {display: flex;align-items: center;justify-content: space-between;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100vw;}
.slider .slider__big-img {flex: 0 0 auto;}
.slider .slider__big-img img {height: 100%; width: 100%; object-fit: contain;}
.slider .owl-carousel__title {font-size: 24px; opacity: 0.8;}
.slider .owl-carousel { margin: 0 auto;  width: 450px;;height: 100%;}
.slider .owl-stage {display: flex; align-items: center;}
.slider .owl-carousel__slide {text-align: center; width: 100%; height: 100%  }
.slider .owl-carousel__img {margin-bottom: 54px;}
.slider .owl-dots {top: -40px ;right: -165px; left: unset; display: flex; flex-direction: column; align-items: flex-end; gap: 43px;}
.slider .owl-carousel button.owl-dot {position: relative; padding: 1.3rem 0!important; width: 34px;}
.slider .owl-carousel button.owl-dot:before {position: absolute; content: ''; top: 50%; right: 0; width: 34px; height: 2px; background: #BDBDBD !important;}
.slider .owl-carousel button.owl-dot.active:before {width: 65px; background: #828282 !important;}
.slider-two {margin-bottom: 186px; position: relative;   z-index: 15;}
.slider-two .slider__body{flex-direction: row-reverse;}
.slider-two .owl-carousel {margin-left: auto;}
.slider-two .owl-dots {right: unset; left: -105px;}
.slider-two .owl-carousel button.owl-dot {position: relative; padding: 1.3rem 0!important; width: 34px;}
.slider-two .owl-carousel button.owl-dot:before {position: absolute; content: ''; top: 50%; left: 0; width: 34px; height: 2px; background: #BDBDBD !important;}
.slider-two .owl-carousel button.owl-dot.active:before {width: 65px; background: #828282 !important;}

.best {height: 100vh; position: relative; margin-bottom: 60px; min-height:800px;}
.best .best__bg {position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 100vw;     object-fit: cover;}
.best .best__bg img {height: 100%; width: 100%; object-fit: cover;}
.best .container {position: relative; height: 100%; display: flex; align-items: center;}
.best .best__body {display: flex; align-items: center; flex-wrap: wrap;}
.best .best__title {font-weight: 300; font-size: 90px; color: #FFFFFF; line-height: 110%; text-transform: uppercase; margin-bottom: 48px; font-family: 'Averta';}
.best .best__number {width: 100%; display: flex; align-items: center; gap: 67px;     flex-wrap: wrap;}
.best .best__item-title {font-weight: 700; color: #E6873B; opacity: 0.8;}
.best .best__item-title span:first-child {font-size: 57.4273px; margin-right: 15px;}
.best .best__item-title span:last-child {font-size: 25px;}
.best .best__item-text {color: #FFFFFF; font-size: 18px;}
.best .best__decor1 {position: absolute; top: -150px; left: 50%; transform: translateX(-50%) rotate(-4deg); height: 360px; width: 110vw; background: #FFFFFF; z-index: 5;}
.best .best__decor2 {height: 215px; width: 110vw; position: absolute; bottom: -65px; left: 50%; transform: translateX(-50%) rotate(5deg); background: #FFFFFF; z-index: 1;}
.best .best__decor3 {height: 215px; width: 110vw; position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%) rotate(-6deg); background: #FFFFFF; z-index: 1;}

.rotate {position: relative; z-index: 5;}
.rotate__title {font-size: 90px; text-transform: uppercase; font-family: 'Averta';}
.rotate__text {font-size: 24px;}
.rotate__img {max-width: 1050px; height: 610px; margin: 0 auto;}
.rotate__img img {height: 100%; width: 100%; object-fit: contain;}
.rotate__spin {max-width: 180px; height: 180px; margin: 5px auto 0 auto; background: #FFFFFF; box-shadow: 0px 0px 10px rgb(0 0 0 / 25%); display: flex; align-items: center; justify-content: center; border-radius: 50%;}

.conditions {height: 865px; width: 100%; position: relative;}
@media screen and (max-width: 768px) {
    .conditions { height: 330px; width: 100%; position: relative; }
    .conditions__bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 50vh; object-fit: cover; }
}
.conditions__decor {height: 215px; width: 110vw; position: absolute; top: -67px; left: 50%; transform: translateX(-50%) rotate(-4deg); background: #FFFFFF; z-index: 1;}
.conditions__bg {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; object-fit: cover;}
.conditions__bg img {height: 100%; width: 100%; object-fit: cover;}
.conditions .container {position: relative; padding-bottom: 60px;; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;}
.conditions__title {font-weight: 300; font-size: 90px; line-height: 110%; color: #FFFFFF; text-transform: uppercase; margin-bottom: 16px;}
.conditions__text { font-weight: 700; font-size: 24px; color: #fff; margin-bottom: 80px; }

.setting {    margin-top: -35px; height: 839px; position: relative; z-index: 5; padding-top: 112px; color: #FFFFFF;}
.setting::before { content:""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 101vw; background: url('/assets/images/setting/bg.png');}
.setting__body {position: relative; z-index: 30;}
.setting__body .row {justify-content: space-between;}
.setting__body .title {font-weight: 700; font-size: 18px;opacity: 0.8;}
.setting__body .sub-title {font-size: 13px; margin-bottom: 13px; font-weight: bold; line-height: 130%; opacity: 0.8;}
.setting__body .contribution {display: flex; align-items: center; gap: 75px;}
.setting__body .contribution .contribution__input{padding: 12px 17px; color: #595959; font-size: 18px; background: #FFFFFF; border: none; width: 100%; max-width: 130px;}
.setting__body .contribution .contribution__input:disabled {background: #FFFFFF;}
.setting__body .casco {max-width: 130px;}
.setting__body .casco .circle-switch__button {padding: 5px 14px;}
.setting__body .credit {max-width: 440px;}
.setting .setting-info {    padding-top: 140px;     margin-bottom: 70px;}
.setting .total-contribution .sub-title {    font-weight: 500; font-size: 18px; margin-bottom: 16px;}
.setting .all-sum {font-size: 18px;}
.setting .first-contribution {font-size: 18px;}
.setting .percent {font-size: 18px;}
.setting .term {font-size: 18px;}
.setting .total-contribution .total-contribution__value {    font-weight: 700; font-size: 32px; color: #E37639; opacity: 0.8;}

.setting .nav-link { line-height: normal; padding: 5px 0; font-weight: 700; font-size: 18px; color: #595959; opacity: 0.8; border-radius: 20px; }
.setting .nav-item button { height: 34px; width: 100%; }
.setting .nav-item { flex: 1 1 33.333%;}
.setting .nav-tabs {border: 1px solid #BDBDBD; border-radius: 20px; max-width: 450px; width: 100%; padding: 4px;}
.setting .nav-link:hover {background: #E6873B; color: #FFF;}
.setting .nav-link.active {background: #E6873B; color: #FFF;}


.car { height:auto; width: 100vw; position: relative; left: 50%; transform: translateX(-50%); margin-top: -115px; margin-bottom: 240px;}
.car .owl-dots { top: 55%; transform: translateY(-50%); right: 170px; left: unset; display: flex; flex-direction: column; align-items: flex-end; gap: 43px; z-index: 50;}
.car .owl-carousel button.owl-dot {position: relative; padding: 1.3rem 0!important; width: 34px;}
.car .owl-carousel button.owl-dot:before {position: absolute; content: ''; top: 50%; right: 0; width: 34px; height: 2px; background: #FFFFFF !important;}
.car .owl-carousel button.owl-dot.active:before {width: 65px; background: #FFFFFF !important;}


.price {position: relative; z-index: 20; margin-bottom: 195px; }
.price__body {display: flex; flex-direction: column; align-items: center;}
.price__title {font-weight: 300; font-size: 60px; margin-bottom: 48px; text-transform: uppercase; text-align: center; font-family: 'Averta';}
.price .nav-tabs {border: 1px solid #BDBDBD; border-radius: 20px; max-width: 450px; width: 100%; padding: 4px;}
.price .nav-item {flex: 1 1 33.333% }
.price .nav-link {line-height: normal; padding: 5px 0; font-weight: 700; font-size: 18px; color: #595959; opacity: 0.8; border-radius: 20px; }
.price .nav-link:hover {background: #E6873B; color: #FFF; }
.price .nav-link.active{background: #E6873B; color: #FFF;}
.price .nav-item button {height: 34px; width: 100%;}
.price .tab-content__title {font-weight: 700; font-size: 32px; text-align: center; margin: 32px 0 60px;}
.price .tab-content__img {max-width: 976px; height: 440px; }
.price .tab-content__img img {height: 100%; width: 100%; object-fit: contain;}
.price .tab-content {margin-bottom: 130px;}

.specifications {width: 100%;}
.specifications .accordion-item {display: flex; flex-direction: column-reverse;}
.specifications .accordion-button {background: #F2F2F2; border-radius: 2px; height: 55px; padding: 13px; justify-content: center; font-weight: 700; font-size: 24px; color: #595959b5; gap: 12px;}
.specifications .accordion-button::after {margin-left: 0; filter: brightness(0) saturate(100%) invert(34%) sepia(61%) saturate(0%) hue-rotate(196deg) brightness(86%) contrast(87%); height: 15px; width: 15px; background-size: 100%; }
.specifications .accordion-body {padding: 0;}
.specifications .accordion-button:focus {box-shadow: none;}
.specifications .specifications__item {display: flex; align-items: center; padding: 28px; }
.specifications .specifications__item:not(:last-child) { border-bottom: 1px solid #BDBDBD; }
.specifications .specifications__item.last{border-bottom: none;}
.specifications .specifications__item.first {border-top: 1px solid #BDBDBD;}
.specifications .specifications__title {color: #595959; flex: 0 0 70%; font-weight: 700; font-size: 24px; opacity: 0.8;}
.specifications .specifications__info {font-size: 24px; color: #333333; opacity: 0.8; }

.feedback {position: relative; height: 870px;}
.feedback__decor {height: 150px; width: 110vw; position: absolute; top: -75px; left: 50%; transform: translateX(-50%) rotate(-4deg); background: #FFFFFF; z-index: 1;}
.feedback__bg {    position: absolute; top: 0; left: 50%; margin-left: -50vw; width: 100vw; height: 100%; background: url('/assets/images/reviews/01.jpg') fixed; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.feedback__bg img {height: 100%; width: 100%; object-fit: cover; display: none;}
.feedback__title {font-size: 48px; line-height: 110%; margin-bottom: 42px; color: #FFF; text-transform: uppercase;}
.feedback .container {position: relative; z-index: 6; display: flex; align-items: center; }
.form {display: flex; flex-direction: column; max-width: 450px; }
.form input {padding: 16px 26px 16px; background: #FFFFFF; border-radius: 2px; border: none; }
.form input:not(:last-child) {margin-bottom: 19px;}
.form input:last-child {margin-bottom: 26px; }
.form__policy {display: flex; align-items: center; gap: 8px; margin-bottom: 41px; }
.form .form__policy input {margin-bottom: 0;}
.form__policy label {color: #FFFFFF; font-size: 12px; }
.form button {font-weight: 700; font-size: 18px; color: #FFFFFF; background: #E37639; border-radius: 50px; border: none; padding: 10px 30px; width: fit-content; }
.form__policy input[type=checkbox] {position: absolute; z-index: -1; opacity: 0;}
.form__policy input[type=checkbox]+label { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px;}
.form__policy a { color: #e37639; }
.form__policy a:hover { color: #e9a831; transition: 0.7s; }
.form__policy input[type=checkbox]+label::before { content: ''; display: inline-block; width: 16px; height: 16px; flex-shrink: 0; flex-grow: 0; border: 2px solid #FFF; border-radius: 5px; margin-right: 0.5em; background-repeat: no-repeat; background-position: center; background-size: 105%; }
.form__policy input[type=checkbox]:checked+label::before { border:none; background-image: url("/assets/images/feedback/check.svg"); }

.footer {padding: 100px 0 130px;     background: #F7F8F8;}
.footer__tell {font-size: 42px; line-height: 56px; margin-bottom: 16px;}
.footer__tell a {color: #595959;}
.footer__title {font-weight: 700; font-size: 16px; text-transform: uppercase; margin-bottom: 8px;}
.footer__social {display: flex; align-items: center; gap: 12px;}
.footer__social a { height: 60px; width: 60px; }
.footer__social a img {height: 100%; width: 100%; object-fit: contain; transition: 0.4s;}
.footer__social a img:hover { transform: scale(1.10); }
.footer__list {display: flex; flex-wrap: wrap; align-items: center; gap: 50px; padding: 0;}
.footer__item {list-style: none; }
.footer__item a {font-weight: 700; font-size: 16px; color: #595959; text-transform: uppercase; }
.footer__info-title {font-weight: 700; text-transform: uppercase; }
.footer__info-text {font-size: 13px; }

.multi-range-slider { position: relative; width: 305px; }
.sliders { position: relative; z-index: 1; height: 2px; margin: 0 15px; width: 100%; }
.sliders > .track { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; border-radius: 5px; background: #6F6F6F; }
.sliders > .range { position: absolute; z-index: 2; left: 25%; right: 25%; top: 0; bottom: 0; border-radius: 5px; background: #ffffff; }
.sliders > .thumb { position: absolute; z-index: 3; background: #F5F5F5; height: 16px; width: 16px; border-radius: 50%; box-shadow: 0 0 0 0 rgba(98,0,238,.1); transition: box-shadow .3s ease-in-out; width: 95px; height: 33px; background: rgb(230, 135, 59); border-radius: 20px; }

.sliders > .thumb.left { right: 25%; transform: translate(-60px, -16px); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; }
.sliders > .thumb .thumb__percent { position: relative; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; }
.sliders > .thumb .thumb__percent:before{ content:""; position: absolute; right: 10px; height: 9px; width: 5px; background-image: url('/assets/images/setting/arrow.svg'); background-repeat: no-repeat; background-position: center; }
.sliders > .thumb .thumb__percent::after{ content:""; position: absolute; left: 10px; height: 9px; width: 5px; transform: scale(-1,1); background-image: url('/assets/images/setting/arrow.svg'); background-repeat: no-repeat; background-position: center; }
.sliders > .thumb.hover { box-shadow: 0 0 0 20px rgba(98,0,238,.1); }

input[type=range] { position: absolute; pointer-events: none; -webkit-appearance: none; z-index: 2; height: 10px; width: 100%; opacity: 0; cursor: e-resize; }
input[type=range]::-webkit-slider-thumb { pointer-events: all; width: 30px; height: 30px; border-radius: 0; border: 0 none; background-color: red; -webkit-appearance: none; }

.slider_cars_color .owl-dots button.owl-dot { position: relative; border-radius: 50%; height: 40px; width: 40px; border: none !important; margin-top: 0 !important; }
.slider_cars_color .owl-carousel .owl-dots { bottom: -100px; display: flex; gap: 50px; }
.slider_cars_color .owl-dots button.owl-dot.active::before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; transform: scale(1.15); -webkit-transform: scale(1.15); border: 1px solid; border-radius: 50%; top: 0; left: 0; }
.slider_cars_color .owl-dots button.owl-dot:nth-child(1) { background: var(--orange); }
.slider_cars_color .owl-dots button.owl-dot:nth-child(2) { background: var(--black); }
.slider_cars_color .owl-dots button.owl-dot:nth-child(3) { background: var(--grey); }
.slider_cars_color .owl-dots button.owl-dot:nth-child(4) { background: var(--light-grey); }
.slider_cars_color .owl-carousel {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 100vw;
}
.slider_cars_color .owl-carousel .owl-item img {
    width: unset;
    margin: auto;
}

/* .module.rotate::before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; z-index: -1; background: white; box-shadow: inset 0 0 100px 0px #0009; } */
.rotate__body { padding-bottom: 100px; }
.conditions__title { font-family: 'Pragmatica_NO-A'; }
.car_img_subtitle {position: absolute; right: 0; bottom: 0; color: white; max-width: 376px; width: 100vw; font-size: 18px;}
.link_red {color: red;}
.link_red:hover {color: rgb(145, 10, 10);}
/* Кнопка модального окна видео */
button.float_button { background-image: url(https://rostsayt.ru/images/tmpl/icon/play.svg); position: absolute; height: 4em; width: 4em; z-index: 1; /* overflow: hidden; */ border: none; background-repeat: no-repeat; background-position: center; background-size: 50%; background-color: var(--bs-gray-900); border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%,-50%); }
  /* Анимация пульсации */
.float_button::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; background-color: #e3763978; border-radius: 50%; opacity: 0; transition: width 0.3s ease-out, height 0.3s ease-out, opacity 0.3s ease-out; animation: pulse 2s infinite; /* Бесконечная анимация */ }
  /* Анимация пульсации */
@keyframes pulse { 0% { width: 0; height: 0; opacity: 0; } 50% { width: 200%; height: 200%; opacity: 0.5; } 100% { width: 300%; height: 300%; opacity: 0; } }


@media (max-width:1920px) {
    .setting {margin-top: calc(-115px + (-35 - (-115)) * ((100vw - 1600px) / (1920 - 1600)));}
    .slider {height: calc(450px + (710 - 450) * ((100vw - 1200px) / (1920 - 1200)));}
}

@media (max-width:1600px) {
    .setting {margin-top: -115px;}
    .main-slider .h1 {font-size: calc(68px + (130 - 68) * ((100vw - 320px) / (1600 - 320)));}
    .colors__title, .rotate__title, .conditions__title {font-size: calc(30px + (90 - 30) * ((100vw - 320px) / (1600 - 320)));}
    .best .best__title {font-size: calc(30px + (90 - 30) * ((100vw - 320px) / (1600 - 320)));}
    .price__title {font-size: calc(38px + (60 - 38) * ((100vw - 320px) / (1600 - 320)));}
    .slider.slider-one .owl-carousel{ margin: 0 0 0 60px; }
    .slider.slider-two .owl-carousel { margin: 0 60px 0 auto; }
    .slider .owl-carousel { width: calc(350px + (450 - 350) * ((100vw - 1200px) / (1600 - 1200))); }
    .slider .owl-carousel__title { font-size: calc(18px + (24 - 18) * ((100vw - 1200px) / (1600 - 1200))); }
}

@media (max-width: 1200px) {
    .car .owl-dots { top: inherit; bottom: -10%; right: unset; left: 50%; transform: translateX(-50%); flex-direction: row; }
    .car .owl-carousel .owl-dot.active { background: #828282; }
    .car .owl-carousel .owl-dot { background: #BDBDBD; }
    .slider-two { margin-bottom: 0; }
    .slider { height: 1100px; }
    .slider .owl-carousel__title { font-size: 18px; }
    .slider .slider__big-img { height: 600px; }
    .slider__slider { height: 500px; }
    .slider .slider__big-img img { object-fit: cover; object-position: bottom; }
    .slider.slider-one .owl-carousel { width: 100%; margin: 0; }
    .slider.slider-two .owl-carousel { width: 100%; margin: 0; }
    .slider .owl-dots { top: unset; bottom: 30px; right: unset; left: 50%; transform: translateX(-50%); flex-direction: row; justify-content: center; width: 100vw; }

    .colors {margin-bottom: 200px;}
}

@media (max-width:992px) {
    .best { margin-bottom: 32px; }
    .rotate { margin-bottom: 32px; }
    .price { margin-bottom: 32px; }
    .slider { height: 1350px; }
    .slider__slider { height: 750px; }
    .slider .owl-dots { bottom: 35px; }
    .main-slider { overflow-y: clip; }

    .colors { margin-bottom: 100px; }

    .slider_cars_color .owl-carousel .owl-dots {bottom: -70px; width: max-content; display: flex; gap: 20px;}
    .slider_cars_color .owl-dots button.owl-dot { margin-right: 0; }

    .price .tab-content {margin-bottom: 30px;}
    .price .tab-content__title {margin: 30px 0;}
    .car { margin-bottom: 90px; margin-top: 0;}
    .car .owl-carousel__img {    
        /* height: 500px; */
        width: 100%;}
    .car .owl-carousel__img img {
        /* height: 100%;  */
        width: 100%; object-fit: cover}
    .rotate__img {height: calc(240px + (610 - 240) * ((100vw - 320px) / (992 - 320)));}
    .setting { height: auto; z-index: 34;padding: 50px 0;}
    .setting::before {background: #1e2329;}

    .main-menu .nav-link {margin-left: 0;}
    [class*=__decor] { display: none  ; }
    .car_img_subtitle { position: absolute; color: white; font-size: 13px; bottom: 0; left: 50%; transform: translateX(-50%); width: 100vw; display: flex; justify-content: center; gap: 5px; }
}

@media (max-width: 810px) {
    .slider .slider__big-img img {object-fit: contain;}
    .slider {height: calc(560px + (1270 - 560)* ((100vw - 320px) / (810 - 320)))}
    .slider__slider {height: 650px;}
    .slider .slider__big-img {height: calc(250px + (600 - 250)* ((100vw - 320px) / (810 - 320)))}
    .slider__slider {height: calc(320px + (650 - 320)* ((100vw - 320px) / (810 - 320)))}
}

@media (max-width:768px) {
    .footer__list {gap: 15px;}
    .specifications .specifications__info, .specifications .specifications__title, .specifications .accordion-button {font-size: 16px;}
    .specifications .specifications__item {padding: 28px 14px;}
    .price .tab-content__img {height: calc(200px + (448 - 200) * ((100vw - 320px) / (768 - 320)));}
    .slider .owl-dots {gap: 15px;}
    .car .owl-dots { gap: 15px; bottom: -30%; }
    .slider .owl-carousel__img {margin-bottom: 30px;}
}

@media (max-width:576px) {
    .setting .setting-info {padding-top: 30px; margin-bottom: 30px;}
    .contribution {flex-wrap: wrap}
    .contribution .multi-range-slider {    width: 100%;margin: 0 50px;}
    .footer {padding: 50px 0}
    .rotate__spin {max-width: 110px; height: 110px; padding: 25px;}
}

@media (max-width:480px) {
    .square-switch {flex-wrap: wrap}
    .square-switch .square-switch__button {    width: 100%;text-align: center;}
    .square-switch .square-switch__button:last-child {border-left: 1px solid #FFFFFF}
    .square-switch .square-switch__button:first-child {border-right: 1px solid #FFFFFF}
    .best .best__number {gap: 16px;}
    .footer__tell a {font-size: 32px; }
}

@media (max-width: 425px) {
    header .navbar-brand {width: 100px;}
    .slider_cars_color .owl-dots button.owl-dot {
        margin: 10px;
        margin-right: 0;
    }
    .slider_cars_color .owl-carousel .owl-dots {
        width: max-content;
    }
    .main-slider__content .h1 {
        left: 0;
        margin-bottom: 2rem!important;
        font-size: 32px;
    }
    .rotate__img iframe {
        height: 50%;
    }
}
@media screen and (max-height: 500px) {
    .best .best__decor1 {top: -320px; }
    .best .best__decor2 {bottom: -182px;}
    .best .best__decor3 {bottom: -177px;}
}
@media screen and (max-height: 700px) {
    .best .best__decor1 {top: -245px; }
    .best .best__decor2 {bottom: -142px;}
    .best .best__decor3 {bottom: -160px;}
}
@media screen and (max-height: 800px) {
    .best .best__decor1 {top: -209px; }
    .best .best__decor2 {bottom: -180px;}
    .best .best__decor3 {bottom: -195px;}
}
@media screen and (max-height: 801px) {
    .best .best__decor1 {top: -209px;}
    .best .best__decor2 {bottom: -180px;}
    .best .best__decor3 {bottom: -195px;}
}