:root {
    --base-color: #FFF;
    --black-color: #1B1821;
    --black-hover: #141414;
    --sald-hover: #22ADAA;
    --shadow: 11px 13px 28px 0px #0000004D;
    --h1-size: 60px;
    --h2-size: 30px;
    --p1-size: 49px;
    --p2-size: 24px;
    --p3-size: 22px;
    --p4-size: 20px;
    --p5-size: 16px;
    --p6-size: 14px;
    --p7-size: 12px;
}
html {
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden; 
    overflow-y: auto;
}
*, ::after, ::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: var(--p5-size);
    font-family: 'Signika', sans-serif;
    font-weight: 300;
}
a {
    color: inherit;
    text-decoration: none;
}
ul {
    list-style: none;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
img, .nav, .header-bg::before, .mazda-platform::before,
.dodge-platform::before, .calc-bg, .calc-img::before,
.platform::before, .menu-wrapper-part-2::before {
    max-width: 100%;
}
.signika-num {
    font-family: 'Signika-num';
}
.btn {
    display: inline-block;
    width: 100%;
    max-width: 235px;
    min-height: 52px;
    background-color: transparent;
    box-shadow: var(--shadow);
}
.btn-on-black-white {
    box-shadow: none;
    max-width: 176px;
    border: 1px solid var(--base-color);
}
.btn-white {
    background-color: var(--base-color);
}
.btn-sald {
    background-color: var(--sald-hover);
}
.black-color {
    color: var(--black-color);
}
.container {
    max-width: 1400px;
}
.color-white {
    color: var(--base-color);
}
.border-radius {
    border-radius: 4px;
}
.hidden {
    overflow: hidden;
}
.flex {
    display: flex;
}
.wrap {
    flex-wrap: wrap;
}
.text-end {
    text-align: end;
}
.font-radius {
    font-family: 'Radius', sans-serif;
}
.flex-column {
    flex-direction: column;
}
.flex-end {
    justify-content: flex-end;
}
.al-items-center {
    align-items: center;
}
.al-items-end {
    align-items: flex-end;
}
.al-items-start {
    align-items: flex-start;
}
.pointer {
    cursor: pointer;
}
.justify-between {
    justify-content: space-between;
}
.justify-center {
    justify-content: center;
}
.sald-bg {
    background-color: var(--sald-hover);
}
.margin-center {
    margin: 0 auto;
}
.border-text {
    -webkit-text-stroke: 2px #22ADAA;
    color: transparent;
}
.sald-color {
    color: var(--sald-hover);
}
.uppercase {
    text-transform: uppercase;
}
.dec-underline {
    text-decoration: underline;
}
.header {
    color: var(--base-color);
}
.relative {
    position: relative;
}
.h1-size {
    font-size: var(--h1-size);
}
.h2-size {
    font-size: var(--h2-size);
}
.p1-size {
    font-size: var(--p1-size);
}
.p2-size {
    font-size: var(--p2-size);
}
.p3-size {
    font-size: var(--p3-size);
}
.p4-size {
    font-size: var(--p4-size);
}
.p5-size {
    font-size: var(--p5-size);
}
.p6-size {
    font-size: var(--p6-size);
}
.p7-size {
    font-size: var(--p7-size);
}
.fs-18 {
    font-size: 18px;
}
.fw-700 {
    font-weight: 700;
}
.fw-600 {
    font-weight: 600;
}
.fw-400 {
    font-weight: 400;
}
.none {
    display: none;
}
.text-center {
    text-align: center;
}
.before::before,
.after::after {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
}
.pos-absolute, .cards .model-slider-item, .front, .choose-auto-cost {
    position: absolute;
}
.absolute::before,
.absolute::after {
    position: absolute;
}
.preverse-3d {
    transform-style: preserve-3d;
}
.rotate {
    transform: rotateY(180deg);
}
.header-phone-block::before,
.pre-email {
    margin-right: 8px;
}
.header-phone-block::before, .pre-item-before::before,
.close, .menu-icon  {
    width: 30px;
    height: 30px;
}
.form, .menu-nav-items {
    row-gap: 12px;
}
.header-bg::before, .header-bg::before, .dodge-platform::before,
.calc-img::before, .platform::before, .footer-bg::before, 
.menu-wrapper-part-2::after, .mazda-platform::before {
    z-index: -1;
}
.choose-bg::before, .choose-bg::before,
.footer-bg::after, .header-bg::after {
    z-index: -2;
}
.pre-btn-submit, .pre-email {
    border: 2px solid var(--base-color);
}
.menu-bg, .menu-items, .menu-items::after, .menu-apps-links {
    z-index: 1;
}
.close, .select::after {
    z-index: 2;
}
.line .baster-car-item:last-child, .calc-indent-mid,
.assortment-item + .assortment-item, .buisness-item-mr-top {
    margin-top: 24px;
}
.baster-car-wrapper, .choose-comment, .calc-indent-mid {
    margin-bottom: 24px;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
.header-items-wrapper {
    column-gap: 76px;
}
.nav {
    width: 100%;
}
.header-phone-block::before {
    background-image: url('../img/svg/smartphone.svg');
}
.header-phone-block {
    margin-left: 154px;
}
.row-gap-4 {
    row-gap: 4px;
}
.header .btn-on-black-white {
    margin-left: 76px;
}
.nav-indent {
    padding-top: 20px;
    padding-bottom: 96px;
}
.h1-title {
    font-size: var(--h1-size);
    line-height: 66px;
    font-weight: 700;
    letter-spacing: 0.03em;
}
.header-bg::before {
    top: 0;
    right: 0;
    width: 100%;
    min-height: 1280px;
    background-color: #1B1821;
    clip-path: polygon(100% 0, 100% 100%, 0 0);
}
.header-bg::after {
    top: 0;
    left: 0;
    max-width: 70%;
    width: 100%;
    min-height: 1082px;
    background-color: var(--sald-hover);
    clip-path: polygon(0 0, 100% 72%, 0% 100%);
}
.from-usa-title {
    font-size: 160px;
    line-height: 160px;
    letter-spacing: 0;
}
.auto-main-wrapper {
    max-width: 596px;
    height: 246px;
}
.baster-car-main {
    max-width: 366px;
}
.baster-car-wrapper {
    margin-top: 4px;
}
.baster-car-item::before {
    width: 5.5px;
    height: 5.5px;
    background-color: var(--base-color);
    border-radius: 50%;
    margin-right: 13.5px;
}
.line::after {
    width: 247px;
    height: 1px;
    background-color: var(--base-color);
    rotate: -90deg;
    left: -120.5px;
    top: 128px;
}
.baster-car-comment {
    padding-left: 19px;
    line-height: 30.8px;
}
.baster-car-span {
    line-height: 60.8px;
}
.auto-car {
    max-width: 94%;
    margin-top: -48px;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
.models-item-padding {
    padding-left: 18px;
    padding-right: 18px;
}
.models-content-bg {
    background: #14141473;
}
.models-content-top-bottom {
    padding-top: 17px;
    padding-bottom: 13px;
    margin-bottom: 8px;
}
.models-item-content {
    margin-top: -47px;
}
.models-img-top-indent {
    padding-top: 32px;
}
.price {
    margin-top: 4px;
    margin-bottom: 4px;
}
.car-info {
    max-width: 388px;
    margin-top: 14px;
}
.tesla-content {
    margin-top: -63px;
}
.mazda-content {
    margin-top: -33px;
}
.mazda {
    width: 100%;
}
.models-top-bottom-padding {
    margin-top: 200px;
}
.popular-models .container {
    margin-top: 200px;
}
.popular-title-bottom {
    margin-bottom: 48px;
}
.cards {
    width: 100%;
    min-height: 350px;
    perspective: 1000px;
}
.cards .model-slider-item {
    width: 509px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    transition: transform 0.55s ease;
    height: 100%;
}
#s1:not(:checked)~.cards #slide1,
#s2:not(:checked)~.cards #slide2,
#s3:not(:checked)~.cards #slide3,
#s4:not(:checked)~.cards #slide4,
#s5:not(:checked)~.cards #slide5 {
    filter: blur(2px);
}
#s1:checked~.cards #slide4,
#s2:checked~.cards #slide5,
#s3:checked~.cards #slide1,
#s4:checked~.cards #slide2,
#s5:checked~.cards #slide3 {
    transform: translate3d(-152%, 0, -220px);
    scale: 0.82;
}

#s1:checked~.cards #slide5,
#s2:checked~.cards #slide1,
#s3:checked~.cards #slide2,
#s4:checked~.cards #slide3,
#s5:checked~.cards #slide4 {
    transform: translate3d(-70%, 0, -120px);
    scale: 0.951;
}
#s1:checked~.cards #slide1,
#s2:checked~.cards #slide2,
#s3:checked~.cards #slide3,
#s4:checked~.cards #slide4,
#s5:checked~.cards #slide5 {
    transform: translate3d(0, 0, 0);
}
#s1:checked~.cards #slide2,
#s2:checked~.cards #slide3,
#s3:checked~.cards #slide4,
#s4:checked~.cards #slide5,
#s5:checked~.cards #slide1 {
    transform: translate3d(70%, 0, -120px);
    scale: 0.951;
}
#s1:checked~.cards #slide3,
#s2:checked~.cards #slide4,
#s3:checked~.cards #slide5,
#s4:checked~.cards #slide1,
#s5:checked~.cards #slide2 {
    transform: translate3d(152%, 0, -220px);
    scale: 0.82;
}
.card-inner {
    box-shadow: var(--shadow);
    background-color: var(--base-color);
    border-radius: 4px;
    transition: transform 0.8s;
    width: 100%;
    height: 100%;
}
.front, .choose-auto-cost {
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
}
.choose-auto-cost {
    transform: rotateY(180deg);
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
.choose-title {
    font-size: 110px;
    line-height: 96px;
    max-width: 740px;
}
.choose-bg::before {
    width: 100%;
    height: 1148px;
    background-color: var(--sald-hover);
    clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 69%);
    top: 0;
    right: 0;
}
.choose-bg {
    height: 1148px;
}
.choose-comment {
    margin-top: 32px;
}
.form-item {
    padding: 18px 24px;
    border: 2px solid rgba(255, 255, 255, 1);
    border-radius: 4px;
    max-width: 234px;
    width: 100%;
    background-color: var(--sald-hover);
    color: var(--base-color);
}
input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-size: var(--p6-size);
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: none;
}
.select::after {
    width: 16px;
    height: 8px;
    background-image: url('../img/svg/select.svg');
    position: absolute;
    right: 0;
    top: 0;
}
select {
    appearance: none;
}
.form {
    max-width: 480px;
    min-height: 206px;
    column-gap: 14px;
    height: 204px;
}
.form-notes {
    min-height: 100%;
}
.form-warning {
    max-width: 274px;
    margin: 24px auto;
}
.choose-mazda {
    max-width: 560px;
}
.choose-auto .btn {
    border: none;
}
.mazda-platform {
    min-height: 274px;
}
.mazda-platform::before {
    width: 100%;
    height: 171px;
    background-image: url('../img/mazda-platform.png');
    bottom: 0;
}
.dodge-platform {
    min-height: 280px;
}
.dodge-platform::before {
    width: 100%;
    height: 171px;
    background-image: url('../img/dodge-platform.png');
    right: -25px;
    bottom: 0;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
.stage-container {
    max-width: 1084px;
    margin-top: 200px;
    margin-bottom: 200px;
}
.stages-item {
    max-width: 382px;
}
.stages-num {
    font-size: 100px;
    line-height: 110px;
    top: 0;
    right: 0;
}
.stages-first-block,
.stages-second-block {
    max-width: 50%;
    width: 100%;
}
.stages-second-block {
    padding-left: 210px;
}
.stages-second-block .stages-num {
    left: -100px;
}
.stages-second-block .stages-item {
    max-width: 336px;
}
.stages-item-header {
    display: inline-block;
    margin-bottom: 8px;
}
.stages-items-indent {
    row-gap: 155px;
}
.stages-item-img-margin-bottom {
    margin-bottom: 32px;
}
.stages-wrapper {
    margin-top: 64px;
}
.stages-first-block {
    padding-right: 130px;
    border-right: 1px solid #000;
    padding-top: 28px;
}
.stages-first-block::after,
.stages-first-block::before {
    background-color: #000;
    width: 5.5px;
    height: 5.5px;
    border-radius: 50%;
    bottom: 0;
    right: -3.5px;
}
.stages-first-block::before {
    top: 0;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
.calc-bg {
    min-height: 1148px;
    background-color: var(--black-color);
    clip-path: polygon(0 0, 100% 35%, 100% 55%, 0 100%);
}
.calc-wrapper {
    max-width: 418px;
    margin-top: 48px;
}
.calc-img::before {
    width: 100%;
    min-height: 778px;
    background-image: url('../img/calculator.png');
    left: 0;
}
.calc-block {
    margin-left: 76px;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
.assortment-of-cars {
    margin-top: 210px;
}
.assortment-wrapper {
    max-width: 484px;
    margin-top: 48px;
}
.assortment-price {
    font-size: 78px;
}
.assortment-car-wrapper {
    padding-right: 82px;
}
.price-indent-bottom {
    margin-bottom: 88px;
}
.platform::before {
    width: 100%;
    height: 171px;
    background-image: url('../img/blue-platform.png');
    left: -42px;
    bottom: 0;
}
.arrow-line::after {
    content: url('../img/svg/arrow-line.svg');
    left: -10px;
}
.assortment-see-more {
    position: absolute;
    top: 0;
    left: 35px;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
.for-buisness {
    margin-top: 200px;
}
.buisness-title {
    font-size: 184px;
    line-height: 184px;
    letter-spacing: 0.55px;
}
.buisness-first-wrapper {
    max-width: 473px;
    margin-left: 60px;
}
.buisness-first-item {
    max-width: 388px;
}
.buisness-second-wrapper {
    max-width: 554px;
    margin-left: 124px;
}
.buisness-title-bottom {
    margin-bottom: 48px;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
.footer-bg {
    margin-top: 200px;
}
.footer-bg::before {
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 513px;
    background-color: var(--black-color);
    clip-path: polygon(0 0, 100% 75%, 100% 100%, 0% 100%);
}
.footer-bg::after {
    top: 0;
    right: 0;
    width: 100%;
    max-width: 929px;
    min-height: 354px;
    background-color: var(--sald-hover);
    clip-path: polygon(0 45%, 100% 6%, 100% 100%, 0% 100%);
}
.pre-header {
    margin-bottom: 52px;
    padding-top: 120px;
}
.pre-item-indent {
    row-gap: 16px;
}
.header-phone-item {
    margin-bottom: 4px;
}
.pre-item-before::before {
    margin-right: 16px;
}
.pre-item-phone::before {
    background-image: url('../img/svg/smartphone.svg');
}
.pre-item-pin::before {
    background-image: url('../img/svg/pin.svg');
}
.pre-item-email::before {
    background-image: url('../img/svg/email.svg');
}
.pre-email {
    width: 100%;
    max-width: 234px;
    min-height: 52px;
    background: transparent;
    padding: 18px 24px 14px 24px;
}
.pre-btn-submit {
    max-width: 134px;
    min-height: 52px;
}
.get-consultation-wrapper {
    max-width: 376px;
    width: 100%;
    margin-left: auto;
}
.get-consultation-margin-bottom {
    margin-bottom: 16px;
}
.pre-header-icons-gap {
    column-gap: 46px;
}
.footer-wrapper {
    margin-top: 42px;
    padding-bottom: 17px;
}
.copi {
    width: 24.43px;
    height: 27px;
    border-radius: 64.285px;
    background-color: var(--base-color);
}
.pre-footer-menu {
    column-gap: 240px;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
.choose-auto-cost {
    width: 100%;
    max-width: 509px;
    background-image: url('../img/cost-bg.png');
}
.choose-auto-cost-bg {
    margin-top: 32px;
    margin-bottom: 32px;
    background: #141414CC;
    width: 100%;
}
.choose-auto-cost-wrapper {
    max-width: 303px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}
.choose-total-cost {
    padding-top: 10px;
    padding-bottom: 8px;
    border-top: 1px solid #FFFFFFCC;
    border-bottom: 1px solid #FFFFFFCC;
}
.choose-auto-cost-item + .choose-auto-cost-item {
    border-top: 1px solid #FFFFFF33;
}
.choose-auto-cost-item {
    padding-top: 8px;
    padding-bottom: 8px;
}
.choose-auto-cost-item:first-child {
    padding-top: 0px;
    padding-bottom: 8px;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
.close {
    position: absolute;
    top: 32px;
    right: 32px;
}
.close li {
    width: 22px;
    height: 2px;
    background-color: var(--base-color);
    position: absolute;
    left: calc(50% - 13px);
    top: calc(50% - 1px);
}
.close li:first-child {
    transform: rotate(45deg);
}
.close li:last-child {
    transform: rotate(-45deg);
}
.menu {
    margin-left: 30px;
}
.menu-icon {
    display: block;
}
.menu-icon span {
    width: 26px;
    height: 2px;
    background-color: var(--base-color);
    position: absolute;
    left: calc(50% - 13px);
    transition: all 0.2s linear;
}
.menu-icon span:first-child {
    top: 20%;
}
.menu-icon span:nth-child(2) {
    top: calc(50% - 1px);
}
.menu-icon span:last-child {
    bottom: 20%;
}
.menu-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 26px;
    row-gap: 30px;
    background-color: rgba(0, 0, 0, 0.8);
    padding-left: 20px;
    padding-right: 20px;
}
.menu-items {
    max-width: 465px;
    width: 100%;
    background-color: var(--base-color);
    padding-top: 108px;
}
.menu-items {
    color: #000;
}
.menu-nav-items a {
    color: #000;
    font-size: 22px;
}
.menu-items::after {
    width: 100%;
    min-height: 80px;
    background-color: var(--black-color);
    top: 0;
    right: 0;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.menu-items::before {
    max-width: 277px;
    width: 100%;
    min-height: 68px;
    left: 0;
    top: 0;
    background-color: var(--sald-hover);
    clip-path: polygon(0 0, 100% 0, 100% 70%, 0% 100%);
}
.menu-wrapper-part-2 {
    padding: 50px 20px 20px 20px;
}
.menu-wrapper-part-2::before {
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    background-color: var(--black-color);
    clip-path: polygon(0 0, 100% 31%, 100% 100%, 0 100%);
}
.menu-wrapper-part-2::after {
    right: 0;
    top: 0%;
    max-width: 276px;
    width: 100%;
    height: 85px;
    background-color: var(--sald-hover);
    clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%);
}
.menu-apps-links {
    margin-top: 20px;
}

.get-call-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--base-color);
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    background-color: #121214CC;
}
.close-wrapper {
    max-width: 50%;
}
.hide-form {
    display: none;
}