/*Стили для главной страницы*/
 .banner-front-page {
     overflow-x: hidden;
     padding-top: 48px;
 }

 .banner-front-page p {
     font-size: 20px;
 }

 .wrapper-banner-front-page-info {
     display: flex;
 }

 .banner-front-page-info {
     max-width: 545px;
 }

 .banner-front-page h1 {
     font-size: 46px;
     font-weight: 600;
     margin-bottom: 24px;
 }

 .wrapper-btn {
     margin-top: 32px;
     display: flex;
     align-items: center;
     gap: 24px;
 }

 .wrapper-flag-icons {
     display: flex;
     gap: 12px;
     margin-bottom: 16px;
 }

 .gray {
     background-color: #f5f5f5;

 }

 .image-block {
     position: relative;
     overflow: visible;
 }

 .car-img {
     width: 190%;
     height: 150%;
     object-fit: cover;
     clip-path: circle(60%);
     max-height: 500px;
     margin-top: -55px;
 }

 .why-us-slider {
     overflow: hidden;
 }

 .container {
     overflow: visible;
 }

 .wrapper-banner-front-page-info {
     overflow: visible;
 }

 .info-company {
     padding: 48px 0;
     display: flex;
     gap: 30px;
 }

 .title-info-company {
     font-size: 38px;
     font-weight: 600;
     margin-bottom: 8px;
 }

 .description-company {
     color: var(--text-secondary);
     margin: 0;
 }

 .el-info-company {
     flex: 1;
 }

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

 .wrapper-btn-slider {
     display: flex;
     justify-content: end;
 }


 .minus-margin {
     margin-bottom: -180px;
 }

 .minus-margin-title {
     margin-top: 90px;
 }

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

 .slider-track {
     display: flex;
     transition: transform 0.3s ease-in-out;
     will-change: transform;
 }

 .slide {
     flex: 0 0 100%;
     box-sizing: border-box;
     padding: 10px;
 }


 @media (min-width: 768px) {
     .slide {
         flex: 0 0 49.333%;
     }
 }

 @media (min-width: 1024px) {
     .slide {
         flex: 0 0 33.333%;
     }
 }

 .slider-btn {
     background: #fff;
     border: none;
     cursor: pointer;
     z-index: 10;
 }



 .card-why-us {
     background: var(--white);
     padding: 20px 20px 66px 20px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     height: 100%;
     position: relative;

 }


 .title-card-why-us {
     color: var(--primary);
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 16px;
 }

 .description-card-why-us {
     color: var(--txt-secondary);
     margin: 0;
 }

 .wrapper-title-btn-why-us {
     display: flex;
     justify-content: space-between;
     margin-bottom: 48px;
 }

 .wrapper-title-btn-why-us h2 {
     margin: 0;
 }

 .icon-container {
     position: absolute;
     bottom: 20px;
     right: 20px;
 }

 .icon-container svg,
 .icon-container img {
     display: block;
     width: 48px;
     height: 48px;
 }

 .wrapper-process-el {
     margin-bottom: 48px;
 }

 .process-num {
     font-size: 38px;
     font-weight: 600;
     color: var(--primary);
     margin-bottom: 8px;
 }

 .process-title {
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 16px;
 }


 .process-description {
     font-size: 16px;
     color: var(--txt-secondary);
 }


 .el-title-contact {
     font-weight: 700;
     color: var(--txt-secondary);
 }

 .el-contact p {
     margin: 0;
 }

 .el-contact {
     margin-bottom: 24px;
 }

 .contacts iframe {
     width: 100%;
     max-height: 378px;
 }

 .contacts a {
     text-decoration: none;
     color: var(--txt);
 }

 .messengers {
     display: flex;
     align-items: center;
     gap: 8px;
 }


 .wrapper-country {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 12px 0;
 }

 .wrapper-country a {
     flex: 1;
     text-decoration: none;
     color: var(--txt);
     padding: 12px;
     text-align: center;
     border-bottom: 1px solid var(--secondary);
 }

 .country {
     display: flex;
     justify-content: center;
     gap: 10px;
     align-items: center;
 }

 .wrapper-country a.active {
     border-bottom: 2px solid var(--primary);
 }


 .car-card {
     padding: 20px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     height: 100%;
 }

 .car-card .carousel,
 .car-card .carousel img {
     max-height: 225px;
     width: 100%;
 }

 @media screen and (max-width: 992px) {
     .title-info-company {
         font-size: 32px;
     }



     .car-card .carousel,
     .car-card .carousel img {
         max-height: 100%;
         width: 100%;
     }

 }


 .car-card p {
     margin: 0;
 }

 .car-card .btn {
     width: 100%;
 }

 .car-card .carousel-indicators [data-bs-target] {
     height: 6px;
     background-color: var(--white);
 }

 .card-about-block .slide {
     padding: 0;
 }

 .car-card .carousel-indicators .active {
     background-color: var(--primary);
 }

 .carousel-indicators {
     margin-bottom: 0;
 }

 .card-about-block div.carousel {
     margin-bottom: 35px;
 }

 .car-card .car-name {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 20px;
     margin-bottom: 16px;
 }

 .car-info p {
     font-weight: 700;
     color: var(--txt-secondary);
 }

 .car-card .car-info-title {
     font-weight: 400;
     font-size: 16px;
     color: var(--txt-secondary);
 }


 .car-card .price {
     font-weight: 700;
     font-size: 20px;
 }

 .block-price {
     margin: 16px 0;
 }

 .btn-long {
     width: 100%;
     background-color: var(--secondary);
     color: var(--txt-secondary);
     padding: 14px;
     border-radius: 10px;
     border: none;
 }


 .minus-margin-top {
     margin-top: -175px;
 }

 .padding-bottom {
     padding-bottom: 80px;
 }


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

     .container {
         overflow: hidden;
     }

     .car-img {
         clip-path: circle(55%);
     }

     .image-block {
         display: none;
     }

     .wrapper-banner-front-page-info {
         flex-direction: column;
         padding-bottom: 80px;
     }




     .banner-front-page-info {
         max-width: 100%;
     }

 }



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

     .wrapper-btn {
         flex-direction: column;
     }

     .btn {
         width: 100%;
     }


     .info-company {
         flex-direction: column;
     }

     .wrapper-title-btn-why-us {
         flex-direction: column;
         gap: 24px;
         margin-bottom: 16px;
     }

     .country {
         gap: 4px;
     }

     .wrapper-country a {
         padding: 6px;
     }

     .wrapper-btn-header .btn.btn-red {
         display: none;
     }
 }



 @media screen and (max-width: 576px) {
     .title-info-company {
         font-size: 28px;
     }

 }