body{
    background-color: #171717;
    color: #fff;
}

.scrolled {
    background: #171717; 
}

@font-face{
    font-family: Helvetica;
    src: url(../font/Helvetica.ttf);
    font-weight: 400;
}

@font-face{
    font-family: Helvetica;
    src: url(../font/Helvetica-Bold.ttf);
    font-weight: 700;
}


ul {
    padding: 0;
}
ul li{
    list-style: none;
}

a{
    text-decoration: none;
}

header{
    position: fixed;
    background-color: transparent;
    z-index: 10;
    width: 100%;
    transition: background 0.3s; /* Плавный переход фона */
    height: 80px;
}

.hamburger-menu{
    display: none;
    height: 52px;
}

#menu__toggle {
  opacity: 0;
}

.hamburger_menu_logo{
    width: 218px;
    margin-top: 10px;
    margin-left: 15px;
}

#menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg);
  width: 30px;
}
#menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  right: 0;
  transform: rotate(0);
  width: 30px;
}
#menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
  right: 0;
  width: 30px;
}

#menu__toggle:checked ~ .menu__btn{
    width: 50px;
}

#menu__toggle:checked ~ .menu__box {
  visibility: visible;
  right: 0;
  background: #151515;
color: white;
text-align: center;
}

.menu__btn {
      display: flex;
    align-items: center;
    position: fixed;
    top: 2px;
    right: 10px;
    width: 57px;
    height: 50px;
    cursor: pointer;
    z-index: 11;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
      display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: #fff;
    transition-duration: .25s;
}
.menu__btn > span::before {
  content: '';
  top: -8px;

}
.menu__btn > span::after {
  content: '';
  top: 8px;

}

.menu__box {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 0;
  right: -100%;
  z-index: 10;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  background-color: #fff;
  transition-duration: .25s;
}
.menu_item1{
    font-family: Helvetica;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 5%;
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 10px;
}

.menu_container a{
    color: #000;
}

.menu_item1:hover{
    color: black;
    text-decoration: none;
}

.img_footer{
    margin-top: 18px;
}

.menu__box button{
    background-color: #ffa001;
    width: 80%;
    border-radius: 5px;
    border: 2px solid #ffa001;
    color: white;
    padding: 5px;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 600;
}

header a:hover{
    text-decoration: none;
}

.center{
    text-align: center;
}

.right{
    text-align: right;
}

.menu img{
    width: 150px;
    margin-top: 29px;
    margin-left: 40px;
}

.menu p{
    color: #fff;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    margin-top: 31px;
    margin-bottom: 0px;
}

.menu button{
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    width: 189px;
    height: 32px;
    border: 1.5px solid #FFFFFF;
    border-radius: 12px;
    margin-top: 24px;
    background-color: transparent;
    color: white;
    margin-right: 40px;
}

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

.main{
   
}

.main img{
    width: 100%;
}

.main_content{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    z-index: 3;
    max-width: 100%;
    text-align: center;
    width: 100%;
}

.main_fon{
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(100% + 1px);
    background: 
linear-gradient(39.94deg, rgba(0, 0, 0, 0.5) 32.44%, rgba(0, 0, 0, 0) 92.27%),
linear-gradient(171.63deg, #000000 -0.83%, rgba(0, 0, 0, 0) 23.86%);

    z-index: 3;
}

.item_fon{
    width: 100%;
    height: 100%;
}

.main_content h2{
    font-family: Roboto;
    font-weight: 400;
    font-size: 48px;
    line-height: 50px;
    letter-spacing: 0px;

}

.main_content p{
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    margin-top: 6px;
    margin-bottom: 0px;
}

.main_content_form{
    display: inline-block;
    max-width: 792px;
    margin-top: 32px;
}

.main_content_form h3{
    font-family: Helvetica;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 5%;
    margin-bottom: 0px;
}

.main_content_input{
    width: 256px;
    height: 40px;
    padding-left: 12px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    border: 1.5px solid #4A4A4A;
    background: #16161699;
    backdrop-filter: blur(4px);
    border-radius: 12px;
    color: white;
}

.botom_form_content{
    margin-top: 20px;
}

.main_content_form button{
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    color: #0D0D0D;
    background-color: white;
    border: none;
    width: 256px;
    border-radius: 12px;
    height: 40px;
}   

.form-check-label{
    font-family: Roboto;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0%;
    max-width: 100%;
    color: #949494;
}

.form-check-input{
    margin-right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 100px !important;
    background: #D9D9D9;
    border: none;
    border: 1.5px solid #4A4A4A;
    background: #16161699;

}

.auto h2{
    text-align: center;
    font-family: Tinos;
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 0px;
}

.auto_content{
    position: relative;
}

.auto_center{
    background-color: #151515;
    width: 406px;
    max-width: 100%;
    border: 1px solid #fff;
    padding: 30px 30px 50px 30px;
    margin-top: 90px;
    margin-bottom: 120px;
    position: relative;
}

.auto_center p{
    font-family: Helvetica;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 5%;
    margin-bottom: 0px;
}

.auto_first{
    position: absolute;
    left: -300px;
    top: 40px;
}

.auto_second{
    position: absolute;
    right: -300px;
    top: 140px;
}

.auto_first img{
    width: 400px;
}

.auto_second img{
    width: 400px;
}

.about h2{
    font-family: Roboto;
    font-weight: 500;
    font-size: 48px;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 0px;
}

.about h3{
    font-family: Roboto;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #959595;
    margin-top: 12px;
    margin-bottom: 0px;
}

.about_content{
    border: 1px solid #fff;
    padding: 30px 30px 40px 30px;
}

.about_content_first{
    width: 488px;
    height: 362px;
    margin-top: 82px;
    position: relative;
    background-color: #151515;
    z-index: 2;
    display: flex;
    align-items: center;
}

.about_content_second{
    margin-top: 20px;
}

.about_content p{
    font-family: Helvetica;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 5%;
    margin-bottom: 0px;
}

.about_content h3{
    margin-top: 42px;
    font-family: Space Grotesk;
    font-weight: 500;
    font-size: 70px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #656565;
    margin-bottom: 0px;
    color: #D9D9D9;
}

.about_content h3 span{
    font-family: Helvetica;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #D9D9D9;
}

.about_content h4{
    font-family: Helvetica;
    font-weight: 300;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #656565;
    color: #D9D9D9;
}

.about_1_img{
    width: 692px;
    position: absolute;
    left: 0px;
    top: 35px;
}

.about_2_img{
    width: 692px;
    position: absolute;
    right: 0px;
    top: 70px;
}

.ab_img{
    width: 100%;
    border-radius: 24px;
}

.ab_content{
    background: linear-gradient(66.22deg, #1F1F1F 21.36%, #262626 110.4%);
    box-shadow: 6px 6px 10px 0px #00000026;
    border-radius: 24px;
    padding: 24px;
    width: 100%;
}

.ab_content h4{
    font-family: Roboto;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    color: white;
    margin-top: 0px;
    margin-bottom: 0px;
}

.ab_content p{
    margin-bottom: 0px;
    margin-top: 35px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #949494;
}

.ab_h4_mt{
    margin-top: 15px !important;
}

.number_six_steps{
    width: 32px;
    height: 32px;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 6px 6px 10px 0px #00000026;
    font-family: Roboto;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #161616;
    display: flex;
    align-items: center;
    justify-content: center;
}

.six_step_one{
    position: relative;
    height:100%;
}

.six_step_one_ab{

}

.pluses_block h1{
    font-family: Roboto;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    color: white;
}

.ab_content button{
    margin-top: 24px;
    background: #FFFFFF;
    width: 149px;
    height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #000;
    border-radius: 12px;
    border: none;
}

.why_us h2{
    font-family: Tinos;
    text-align: center;
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 0px;
}

.why_us_content{
    margin-top: -25px;
    width: 100%;
    border: 1px solid #fff;
    padding: 30px 30px 50px 30px;
    position: relative;
    background-color: #151515;
    z-index: 2;
}

.why_us_content h3{
    font-family: Tinos;
    font-weight: 400;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #D9D9D9;
    margin-bottom: 0px;
}

.why_us_content p{
    margin-top: 20px;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 5%;
    text-align: center;
    margin-bottom: 0px;
}

.why_us h4{
    margin-top: 25px;
    margin-bottom: 0px;
    font-family: Tinos;
    font-weight: 400;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #656565;
}

.contacts_content {
    position: absolute;
    max-width: 346px;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

.contacts_content h2{
    font-family: Tinos;
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin-bottom: 0px;
}

.contacts_content h3{
    font-family: Helvetica;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 5%;
    margin-bottom: 0px;
    margin-top: 29px;
}

.contacts_content button{
    margin-top: 20px;
    width: 139px;
    height: 47px;
    border-radius: 15px;
    background-color: #fff;
    color: #151515;
    font-family: Helvetica;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 5%;
    border: none;
}

.contacts_content_bottom{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contacts_content_bottom h4{
    font-family: Helvetica;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 5%;
    margin-bottom: 0px;
    color: #656565;
}

.map_content{
    width: 100%;
}

.map_content_info{
    padding: 24px;
    border-radius: 24px;
    background: #202020;
    box-shadow: 6px 6px 10px 0px #00000026;
}

.map_content_info h2{
    font-family: Roboto;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

.one_map_info{
    margin-top: 24px;
}

.one_map_info h3{
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;    
    margin-bottom: 0px;
}

.one_map_info h4{
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;    
    margin-bottom: 0px;
    margin-top: 8px;
}

.map_content_info button{
    margin-top: 24px;
    width: 100%;
    height: 36px;
    border-radius: 12px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    border: 1.5px solid #4A4A4A;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: white;
}

.map_content_info button img{
    margin-left: 16px;
}

.last_content_info{
    margin-top: 24px;
    background: linear-gradient(34.16deg, #140A08 -53.58%, #826C5D 93.5%);
    width: 100%;
    padding: 24px;
    border-radius: 24px;
}

.last_content_info1{
    width: 100%;
    background: #161616;
    box-shadow: 6px 6px 10px 0px #00000026;
    border-radius: 24px;
    padding: 24px;
}

.last_content_info1 h2{
    font-family: Roboto;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 0px;
}

.last_content_info1 input[type=text]{
    margin-top: 6px;
    width: 100%;
    height: 48px;
    border-radius: 12px;
    border: 1.5px solid #4A4A4A;
    background-color: transparent;
    color: white;
    padding-left: 20px;
}

.last_content_info1 button{
    width: 100%;
    margin-top: 24px;
    height: 32px;
    background-color: white;
    border-radius: 12px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #0D0D0D;
    border: none;
}

.map_content iframe{
    border-radius: 24px;
}

.footer{
    background: transparent;
    width: 100%;
}

.footer_logo{
    width: 200px;
    margin-top: 25px;
}

.menu_container_footer{

}

.footer p{
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #949494;
    margin-bottom: 0px;
    margin-top: 8px;
}

.footer_soc{
    margin-top: 32px;
}

.footer h6{
    font-family: Helvetica;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 5%;
    margin-top: 50px;
    margin-bottom: 10px;
    color: #656565;
}

.form-check-input:checked{
    background-color: black;
    border-color: black;
}

.form-check-input:focus{
    box-shadow: none;
}

.botom_form_content_second{
    margin-top: 20px;
}

.owl-carousel button.owl-dot{
    background: #FFFFFF33;
    width: 6px;
    height: 6px;
    border-radius: 99px;
}

.owl-dots{
    margin-top: -48px;
    position: relative;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.owl-dot.active {
    /* Ваши стили здесь */
    background-color: white !important; /* Пример стиля */
    height: 6px !important;
    width: 6px !important;
}

.item {
    position: relative; 
    overflow: visible; 
    width: 100%; 
    height: 100vh; 
}

.item img {
    position: absolute; 
    top: 50%;
    left: 50%; 
    width: 100%; 
    height: 100% !important; 
    object-fit: cover; 
    transform: translate(-50%, -50%); 
}

.about_content p{
    font-weight: 400 !important;
}
.main_content p{
    font-weight: 400 !important;
}

.contacts_content_bottom img{
    width: 31.08px;
}

.footer_soc img{
    width: 31.08px;
}

.call_to_action {
    width: 100%;
    height: 55px;
    /* border-radius: 100px; */
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 5;
    /* animation: pulse 1.5s infinite; */
}

@keyframes pulse {
    0% {
        transform: scale(1);

        box-shadow: 0 0 0 0 rgba(85, 85, 85, 0.8);
    }
    50% {
        transform: scale(1.2);

        box-shadow: 0 0 10px 10px rgba(85, 85, 85, 0.5);
    }
    100% {
        transform: scale(1);

        box-shadow: 0 0 0 0 rgba(85, 85, 85, 0.8);
    }
}

.pluses_block{
    width: 100%;
    background: linear-gradient(34.16deg, #140A08 -53.58%, #826C5D 93.5%);
    padding: 24px;
    border-radius: 24px;
}

.pluses_one{
    width: 100%;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 6px 6px 10px 0px #00000026;
}

.pluses_one {
    position: relative; 
    background: #161616; 
    z-index: 1; 
    color: white; 
}

.pluses_one::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/star.png);
    background-size: 10px;
    opacity: 0.02; 
    z-index: -1; 
}

.pluses_one h2{
    font-family: Roboto;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
}

.pluses_one h2:first-child {
    margin-top: 31px; /* Для первого элемента */
}

.pluses_one h2:nth-child(2),
.pluses_one h2:nth-child(3) {
    margin-top: 67px; /* Для второго и третьего элементов */
}

.pluses_one p{
    margin-top: 4px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #959595;
    margin-bottom: 0px;
}

.one_map_info a{
    color: #fff;
}

.about_mers_fon{
    width: 100%;
    background: url(../img/mers.avif) center/cover no-repeat;
    border-radius: 24px;
}

.about_mers_fon1{
    width: 100%;
    padding: 48px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) -82.7%, rgba(0, 0, 0, 0.5) 117.6%);
    box-shadow: 6px 6px 10px 0px #00000026;
    border-radius: 24px;
}

.about_mers_fon h2{
    font-family: Roboto;
    font-weight: 500;
    font-size: 48px;
    line-height: 50px;
    letter-spacing: 0px;
}

.about_mers p{
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    margin-top: 200px;
    margin-bottom: 0px;
}

.about_mers button{
    width: 234px;
    height: 32px;
    border-radius: 12px;
    margin-top: 24px;
    background-color: white;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #0D0D0D;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
}

.auto_in_stock h2{
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 0;
    color: white;
}

.one_auto_in_stock{
    width: 100%;
    background: #16161699;
    border: 1.33px solid #4A4A4A;
    box-shadow: 7.98px 7.98px 13.29px 0px #00000026;
    border-radius: 12px;
    height: 100%;
    margin-left: 3px;
}

.one_auto_in_stock img{
    border: 1.33px solid #4A4A4A;
    box-shadow: 7.98px 7.98px 13.29px 0px #00000026;
    border-radius: 12px;
}

.one_auto_in_stock_bottom{
    width: 100%;
    padding: 16px 20px;
}

.one_auto_in_stock_bottom h3{
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 2px;
    vertical-align: middle;
    color: white;
    margin-bottom: 0;
}

.one_auto_in_stock_bottom h4{
    margin-top: 8px;
    margin-bottom: 0;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: white;
}   

.one_auto_in_stock_bottom h5{
    margin-bottom: 0;
    margin-top: 25px;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #949494;
}

.one_auto_in_stock {
    position: relative;
    overflow: hidden;
    border-radius: 12px; /* если нужно */
  }
  
  .image-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  
  .image-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.25%, rgba(0, 0, 0, 0.765) 89.02%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1;
  }
  
  .image-wrapper::after {
    content: 'Открыть предложение';
    position: absolute;
    top: 0%;
    left: 0%;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #949494;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .one_auto_in_stock:hover .image-wrapper::before,
  .one_auto_in_stock:hover .image-wrapper::after {
    opacity: 1;
  }

.auto_in_stock button{
    font-size: 24px;
    width: 238px;
    height: 45px;
}

.top_all_pages{
    padding-top: 60px;
}

.pluses_title{
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: white;
}

.pluses_desc{
    margin-bottom: 32px;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    color: white;
}

.legal_information button{
    margin-bottom: 50px;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 24.5px;
    leading-trim: NONE;
    line-height: 31.5px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: black;
    width: 664px;
    background-color: #FFFFFF;
    border-radius: 21px;
    border: none;
    height: 56px;
}

.blog h2{
    margin-top: 12px;
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    color: white;
    margin-bottom: 0;
}

.one_blog h2{
    margin-bottom: 0;
    position: absolute;
    bottom: 24px;
    left: 24px;
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 50px;
    letter-spacing: 0px;
    color: white;
}

.one_blog p{
    margin-bottom: 12px;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    color: #959595;
}

.one_blog h3{
    margin-bottom: 0;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    color: white;
}

.one_blog li{
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    color: white;
    list-style: initial;
    margin-top: 10px;
    padding-left: 20px;
}

.pb_con{
    width: 100%;
    padding: 48px 20px;
    background-color: #242424;
    border-radius: 24px;
}

.pb_con h2{
    margin-bottom: 12px;
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    color: white;
}

.main_content h3{
    text-align: left;
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 95px;
    leading-trim: NONE;
    line-height: 100px;
    letter-spacing: 0px;
    margin-bottom: 0;
}

.main_content_plus{
    gap: 48px;
}

.main_content h4{
    margin-top: 16px;
    margin-bottom: 0;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 35px;
    letter-spacing: 3px;
    color: white;
}

.ab_content ul{
    margin-top: 35px;
}

.ab_content li{
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    margin-bottom: 10px;
    color: #949494;
    list-style: inside;
}

.ab_content1{
    height: calc(100% - 12px);
}

.cta_h2{
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 50px;
    letter-spacing: 0px;
    text-align: center;
    color: white;
    margin-bottom: 0;
}

.cta_h3{
    margin-top: 12px;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: #959595;
    margin-bottom: 0;
}

.calculator_con{
    position: absolute;
    padding:32px;
    top: 0px;
    left: 0px;
}

.calculator_con h2{
    margin-bottom: 0;
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 50px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: white;
}

.calculator_con h3{
    margin-top: 24px;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: white;
}

.one_calc_con{
    background: #16161699;
    border-radius: 12px;
    border: 1px solid #4A4A4A;
    box-shadow: 6px 6px 10px 0px #00000026;
}

.calculator_con_bottom{
    padding: 12px;
    border-bottom: 1px solid #4A4A4A;
    border-radius: 0px 0px 12px 12px;
}

.one_calc_con img{
    border-bottom: 1px solid #4A4A4A;
    border-radius: 12px;
}

.calculator_con_bottom h4{
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 1.2px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0;
    color: #949494;
}

.one_brand{
    background: linear-gradient(0deg, rgba(22, 22, 22, 0.6), rgba(22, 22, 22, 0.6)),
linear-gradient(26.3deg, rgba(20, 10, 8, 0.2) -65.68%, rgba(130, 108, 93, 0.2) 101.4%);
    border: 1.5px solid #4A4A4A;
    backdrop-filter: blur(4px);
    border-radius: 24px;
    height: 250px;
    width: 100%;
}

.ship h2{
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 50px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: white;
    margin-bottom: 0;
}

.faq_con{
    margin-top: 40px;
    padding: 48px 24px ;
    background: linear-gradient(44.6deg, #140A08 -30.45%, #826C5D 104.84%);
    border-radius: 24px;
}

.faq_con h3{
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 40px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: white;
    margin-bottom: 0;
}

.faq_con details{
    font-family: Roboto;
    margin-top: 24px;
    padding: 14px 20px;
    background: #222222;
    box-shadow: 6px 6px 4px 0px #00000026;
    border-radius: 12px;
    font-size: 18px;
}

summary {
    list-style: none;
  }
  
/* Для WebKit-браузеров (Chrome, Safari, Edge и др.) */
summary::-webkit-details-marker {
display: none;
}

summary::after {
    content: '';
    background: url('../img/Arrow_Right_LG.svg') no-repeat;
    background-size: contain;
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%)
}

.faq_con button{
    margin-top: 24px;
    width: 676px;
    max-width: 100%;
    height: 56px;
    border: none;
    background-color: white;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 24.5px;
    leading-trim: NONE;
    line-height: 31.5px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    border-radius: 21px;
}

.faq_con summary{
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0px;
    color: white;
    position: relative;
    padding-right: 30px;
}

.news_main h3{
    width: 100%;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #4A4A4A;
    background: #161616;
    box-shadow: 6px 6px 10px 0px #00000026;
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 0px;
    vertical-align: middle;
    margin-bottom: 0;
    color: #949494;
    margin-top: -20px;
    position: relative;
    z-index: 2;
}

.news_main h2{
    font-family: Roboto;
    text-align: center;
    font-weight: 500;
    font-style: Medium;
    font-size: 48px;
    leading-trim: NONE;
    line-height: 50px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: white;
    margin-bottom: 0;
    margin-top: 48px;
}

.news_main h2 span{
    font-family: Roboto;
    font-weight: 400;
    font-style: Italic;
    letter-spacing: 0px;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;

}


/* Делаем элементы Owl в одной строке с одинаковой высотой */
.auto_in_stock-slider .owl-stage {
    display: flex;
}

.auto_in_stock-slider .owl-item {
    display: flex;
    height: 100%;
}

/* Карточка растягивается по высоте элемента */
.one_auto_in_stock {
    display: flex;
    flex-direction: column;
    height: 100%;
}


@media(max-width: 1400px){
    .menu_container{
        gap: 10px;
    }
    .menu button{
        margin-right: 0;
    }
    .menu p{
        font-size: 13px;
    }
    .contacts_content{
        padding: 10px 10px 10px 10px;
        border-radius: 0px 0px 15px 15px;
    }
    .menu_container_footer{
        gap: 20px;
    }
    .menu_container_footer p{
        font-size: 16px;
    }
    .main_fon{
        left: -1px;
    }
    .owl-carousel .owl-item img{
        height: auto;
    }
    .calc_img_bg{
        display: none;
    }
    .calc_img_bg_mob{
        background: url('../img/image\ 5.png') center/cover no-repeat;
        border-radius: 27.56px;
    }
    .calculator_con{
        position: relative;
    }
}

@media(max-width: 1200px){
    .menu button{
        width: 145px;
    }
    .menu{
        display: none;
    }
    .hamburger-menu{
        display: block;
    }
    header{
        position: fixed;
        z-index: 10;
        width: 100%;
        height: 52px;
    }
    .menu_container_footer p{
        margin-bottom: 10px;
    }
    .auto_first img {
        width: 320px;
    }
    .auto_second{
        right: -240px;
    }
    .auto_first{
        left: -240px;
    }
    .auto_second img {
        width: 320px;
    }
    .main{
        margin-top: 0px;   }
    .menu_container{
        gap: 10px;
    }
    .menu p{
        font-size: 16px;
    }
    .auto_center p{
        margin-bottom: 0px;
    }
    .auto_center p{
        font-size: 15px;
    }
    .about_content p{
        font-size: 16px;
    }
    .about_content h3{
        font-size: 50px;
    }
    .about_content h4{
        font-size: 20px;
        margin-bottom: 0px;
    }
    .about_content h3{
        margin-top: 38px;
    }
    .menu_container_footer{
        justify-content: space-between;
        gap: 0;
    }
    .pluses_one{
        height: 100%;
    }
    .main_content h3{
        font-size: 80px;
    }
}

@media(max-width: 992px){
        .pluses_one{
        height: 100% !important;
    }

    .main_content h2{
        font-size: 30px;
        font-size: 32px;
    }
    .main_content p{
        margin-top: 5px;
        font-size: 14px;
    }
    .main_content_form{
        margin-top: 10px;
    }
    .main_content_form h3{
        font-size: 14px;
    }
    .main_content_input{
        margin-top: 10px;
    }
    .botom_form_content{
        margin-top: 5px;
    }
    .about_content h3 span{
        font-size: 35px;
    }
    .contacts_content h2{
        font-size: 25px;
    }
    .contacts_content h3{
        font-size: 12px;
        margin-top: 5px;
    }
    .main_content_input{
        margin-top: 10px;
    }
    .botom_form_content_second{
        margin-top: 10px;
    }
    .contacts_content button{
        margin-top: 10px;
    }
    .contacts_content_bottom{
        margin-top: 10px;
    }
    .contacts_content_bottom h4{
        font-size: 14px;
    }
    .map_content_info{
        height: auto;
    }
    .auto_center{
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        height: 336px;
    }
    .why_us_content{
        border: none;
        padding: 0px 0px 0px 0px;
    }
    .why_us_content_mob{
        margin-top: -25px;
        width: 100%;
        border: 1px solid #fff;
        padding: 20px 20px 20px 20px;
        position: relative;
        background-color: #151515;
        z-index: 2;
    }
    .about_mers p{
        margin-top: 100px;
    }
    .about_mers_fon h2{
        font-size: 36px;
        line-height: 38px;
    }
    .six_step_one_ab{
        right: 24px;
    }
    .main_content_form button{
        width: 250px;
    }
    .main_content_input{
        width: 250px;
    }
    .pluses_title{
        font-size: 40px;
    }
    .pluses_desc{
        font-size: 20px;
    }
    .one_blog h2{
        position: relative;
        left: 0px;
        bottom: 0px;
        font-size: 32px;
        line-height: 110%;
    }
    .blog h2{

        line-height: 110%;
    }
    .main_content h3{
        font-size: 60px;
        line-height: 100%;
    }
    .main_content h4{
        font-size: 27px;
    }
    .ship h2{
        font-size: 32px;
    }
    .faq_con h3{
        font-size: 32px;
    }
    .faq_con summary{
        font-size: 18px;
    }
    .news_main h2{
        font-size: 32px;
        margin-top: 32px;
    }
}

@media(max-width: 768px){
    .main_content{
        width: 100%;
        max-width: 100%;
    }
    .main_content_form h3{
        font-size: 18px;
    }
    .form-check-label{
        font-size: 12px;
        max-width: 227px;
    }
    .form-check-input{
        margin-right: 0px;
    }
    .main_content p{
        font-size: 16px;
    }
    .main_mob_content{
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        z-index: 3;
        font-family: Inter;
        font-weight: 300;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #FFFFFF;
    }
    .main_content_form button{
        margin-top: 10px;
    }
    .about_mers p{
        margin-top: 30px;
    }
    .about_mers_fon h2 {
        font-size: 30px;
        line-height: 32px;
    }

    .auto_center p{
        font-size: 16px;
    }
    .about_content h3{
        margin-top: 24px;
        font-size: 70px;
    }
    .about_content h3 span{
        font-size: 30px;
    }
    .why_us_content h3{
        font-size: 20px;
    }
    .why_us_content p{
        font-size: 16px;
        margin-top: 15px;
    }
    .why_us_content img{
        width: 100px;
    }
    .why_us h4{
        margin-top: 20px;
        font-size: 20px;
    }
    .contacts_content{
        position: relative;
        margin-top: 20px;
        border: 1px solid #fff;
        border-radius: 0px;
    }
    .why_us_content_mob{
        margin-top: -20px;
    }
    .main_fon{
        background: 
linear-gradient(40.68deg, rgba(0, 0, 0, 0.5) 39.22%, rgba(0, 0, 0, 0) 102.04%),
linear-gradient(171.63deg, #000000 -0.83%, rgba(0, 0, 0, 0) 23.86%);

    }
    .about_content{
        width: 100% !important;
        margin-bottom: 15px;
        height: auto !important;
    }
    .about_content_first{
        margin-top: 15px;
    }
    .contacts_content h3{
        font-size: 16px;
        margin-top: 15px;
    }
    .main_content_input{
        display: block;
    }
    .botom_form_content_second{
        margin-top: 20px;
    }
    .contacts_content button{
        margin-top: 20px;
    }
    .menu_container_footer{
        display: block;
    }
    .menu_container_footer p{
        margin-top: 10px;
    }
    .menu_container_footer p:nth-child(1){
        margin-top: 20px;
    }
    .footer_logo{
        width: 157px;
    }
    .footer_soc{
        text-align: right;
        margin-top: 21px;
    }
    .footer h6{
        margin-top: 25px;
    }
    .auto_center{
        height: auto;
    }
    .contacts_content{
        transform: none;
    }
    .form_check_last .form-check-input{
        margin-right: 8px;
    }
    .form_check_last  .form-check-label{
        width: 100%;
        max-width: 100%;
    }
    .pluses_title{
        font-size: 30px;
        line-height: 32px;
    }
    .legal_information button{
        max-width: 100%;
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .one_blog h2{
        font-size: 25px;
    }
    .one_blog p{
        font-size: 18px;
    }
    .one_blog h3{
        font-size: 20px;
    }
    .one_blog li{
        font-size: 20px;
    }
    .blog h2{

    }
    .main_content_plus{
        gap: 12px;
        flex-wrap: wrap;
    }
    .main_content h4{
        margin-top: 0;
    }
    .auto_in_stock h2{
        font-size: 32px;
    }
    .faq_con button{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 576px){
    .botom_form_content{
        display: block;
    }
    .form-check-label{
        max-width: 258px;
    }
    .botom_form_content{
        margin-top: 20px;
    }
    .auto h2{
        text-align: left;
    }
    .about h2{
        text-align: left;
    }
    .auto_center{
        padding: 20px 20px 50px 20px;
    }
    .about_content{
        padding: 20px 20px 30px 20px;
    }
    .contacts_content{
        padding: 20px 20px 30px 20px;
    }
    .main_content_input{
        width: 100%;
    }
    .botom_form_content button{
        margin-top: 20px;
    }
    .auto h2{
        font-size: 24px;
    }
    .about h2{
        font-size: 24px;
    }
    .contacts_content{
        max-width: 100%;
    }
    .why_us_content p:nth-child(3){
        max-width: 100%;
    }
    .one_map_info h4{
        font-size: 16px;
    }
    .contacts_content_bottom h4{
        font-size: 14px;
    }
    .map_content_info h2{
        font-size: 24px;
    }
    .one_map_info h3{
        display: none;
    }
    .one_map_info{
        margin-top: 20px;
    }
    .footer h6{
        font-size: 16px;
    }
    .hamburger_menu_logo{
        width: 150px;
        margin-top: 15px;
        margin-left: 24px;
    }
    .main_content h2{
        margin-top: 150px;
        font-size: 20px;
        line-height: 100%;
        text-align: left;
    }
    .main_content{
        padding-left: 24px;
        padding-right: 24px;
    }
    .main_content p{
        margin-top: 12px;
        font-size: 14px;
        line-height: 100%;
        text-align: left;
    }
    .main_content_form{
        margin-top: 16px;
        width: 100%;
    }
    .main_content_input{
        margin-top: 16px;
        width: 100%;
    }
    .item {
        position: relative; 
        overflow: visible; 
        width: 100%; 
        height: 100vh; 
    }
    
    .item img {
        position: absolute; 
        top: 50%;
        left: 50%; 
        width: 100%; 
        height: 100% !important; 
        object-fit: cover; 
        transform: translate(-50%, -50%); 
    }

    .form-check-label{
        width: 100%;
        font-size: 10px;
        line-height: 100%;
        max-width: 100%;
    }
    .botom_form_content{
        margin-top: 16px;
    }
    .main_content_form button{
        margin-top: 30px;
        width: 100%;
    }
    .pluses_block{
        padding: 12px;
    }
    .pluses_one h2{
        margin-bottom: 0px;
        margin-top: 20px;
    }
    .pluses_one p{
        line-height: 100%;
    }
    .pluses_one h2:nth-child(2), .pluses_one h2:nth-child(3){
        margin-top: 63px;
    }
    .form-check-label{
        text-align: left;
        margin-left: 8px;
    }
    .about h2{
        font-family: Roboto;
        font-weight: 400;
        font-size: 23px;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: center;

    }
    .about h3{
        font-family: Roboto;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        margin-top: 6px;
    }
    .ab_content p{
        line-height: 100%;
        margin-top: 48px;
    }
    .ab_h4_mt{
        margin-top: 48px !important;
    }
    .about_mers_fon1{
        padding: 24px;
    }
    .about_mers_fon h2{
        margin-bottom: 0px;
        font-size: 24px;
        line-height: 100%;
    }
    .about_mers p{
        margin-top: 122px;
        line-height: 100%;
    }
    .pluses_block h1{
        font-size: 30px;
        line-height: 100%;
    }

    .one_map_info h3{
        display: block;
    }
    .map_content_info h2{
        font-size: 32px;
    }
    .one_map_info h4{
        font-size: 14px;
        line-height: 100%;
    }
    .one_map_info{
        margin-top: 16px;
    }
    .map_content_info button{
        margin-top: 12px;
        height: 48px;
    }
    .map_content_info button{
        font-size: 14px;
        line-height: 100%;
    }
    .last_content_info{
        padding: 12px;
    }
    .legal_information button{
        font-size: 20px;
    }
    .pluses_desc{
        font-size: 16px;
    }
    .one_blog h2{
        font-size: 20px;
    }
    .one_blog p{
        font-size: 14px;
    }
    .one_blog h3{
        font-size: 16px;
    }
    .one_blog li{
        font-size: 16px;
    }
    .blog h2{
        font-size: 20px;
        margin-top: 10px;
    }
    .main_content h3{
        font-size: 30px;
        margin-bottom: 12px;
    }
    .main_content h4{
        font-size: 18px;
        line-height: 100%;
    }
    .main_content_plus{
        max-width: 100px;
    }
    .cta_h2{
        font-size: 24px;
        line-height: 100%;
        margin-top: 32px;
    }
    .cta_h3{
        font-size: 16px;
    }
    .calculator_con{
        padding: 24px;
    }
    .calculator_con h2{
        font-size: 24px;
        line-height: 100%;
    }
    .calculator_con h3{
        margin-top: 12px;
        font-size: 16px;
    }
    .ship h2{
        text-align: center;
        font-size: 24px;
    }
    .faq_con{
        margin-top: 32px;
        padding: 32px 12px;
    }
    .faq_con h3{
        font-size: 24px;
    }
    .faq_con details{
        margin-top: 10px;
    }
    .faq_con summary{
        font-size: 14px;
    }
    .faq_con details{
        font-size: 12px;
    }
    .faq_con button{
        font-size: 16px;
        height: 43px;
    }
    .news_main h2{
        font-size: 24px;
    }
    .one_brand{
        height: 165px;
        padding: 20px;
    }
    .auto_in_stock h2{
        font-size: 24px;
    }
    .one_auto_in_stock_bottom{
        padding: 10px;
    }
    .one_auto_in_stock_bottom h3{
        font-size: 14px;
        line-height: 110%;
    }
    .one_auto_in_stock_bottom h4{
        font-size: 14px;
        line-height: 110%;
    }
    .one_auto_in_stock_bottom h5{
        font-size: 14px;
        line-height: 110%;
    }
}