/* Основной контейнер слайдера */
.slider-container {
    position: relative;
    width: 100%;
    padding: 0 10px;
    display: flex;
    gap: 24px;
    @media (max-width: 980px) {
       flex-direction: column;
       align-items: center;
       gap: 34px;
    }
 }
 .slider-inner {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 24px;
 }
 .slider-inner:first-child {
    @media (max-width: 980px) {
       align-items: start;
       gap: 0;
    }
 }
 .slider-inner:last-child {
    @media (max-width: 980px) {
       gap: 8px;
    }
 }
 
 /* Кастомные стили для стрелок */
 .swiper-button-prev,
 .swiper-button-next {
    position: static;
 }
 
 .swiper-button-prev {
    left: 10px;
 }
 
 .swiper-button-next {
    right: 10px;
 }
 
 /* Удаляем стандартные стрелки Swiper */
 .swiper-button-prev::after,
 .swiper-button-next::after {
    display: none;
 }
 
 .swiper-button-prev::after {
    content: url('../../../assets/icons/leftArrow.svg');
 }
 .swiper-button-next::after {
    content: url('../../../assets/icons/rightArrow.svg');
 }
 .swiper-wrapper {
    max-width: 740px;
    @media (max-width: 1160px) {
       max-width: 540px;
    }
    @media (max-width: 580px) {
       max-width: 90dvw;
    }
 }
 /* Настройка слайдов */
 .swiper-slide {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    background: #fff;
    border-radius: 30px;
    height: 300px;
    border: 1px solid #4db0a7;
    @media (max-width: 580px) {
       height: 153px;
       border: 1px solid #8d8d8d;
    }
 }
 
 .swiper-pagination-bullet {
    background-color: #000 !important;
 }
 
 .slider-title {
    text-transform: uppercase;
    @media (max-width: 980px) {
       order: 1;
       margin: 8px 0 16px 0 !important;
     
       width: 85%;
    }
 }
 .slider-text {
    font-family: 'OnesThin' !important;
    @media (max-width: 980px) {
       order: 2;
    }
 }
 
 .arrow-box {
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    flex-grow: 1;
   
    gap: 24px;
    @media (max-width: 980px) {
       justify-content: center;
    }
 }
 
 .img-slider-content {
    width: 100%;
    max-width: 477px;
    height: 302px;
    object-fit: contain;
    @media (max-width: 980px) {
       max-width: 211px;
       height: 132px;
    }
 }
 

 .main {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   margin: 0;
}

.main__inner {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
}

.main__item {
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: flex-start; /* заменено на flex-start для соответствия БЭМ */
   height: 100%;
   position: absolute;
   gap: 24px;
   top: 0;
}

.main__item-bq {
   width: 100%;
   display: flex;
   justify-content: flex-end; /* заменено на flex-end для соответствия БЭМ */
}

.main__title {
   background: #fff;
   padding: 9px 24px;
   border-radius: 0 0 100px 100px;
   text-align: center;
   font-size: 32px !important;

   @media (max-width: 680px) {
      font-size: 24px !important;
   }

   @media (max-width: 450px) {
      font-size: 24px !important;
      padding: 5px 20px;
   }
}

.main__text {
   background: #fff;
   border-radius: 10px;
   padding: 10px 10px 10px 0;
   text-align: center;
   margin: 64px 0 32px 0 !important;
   padding: 0 10px;
}

.main__box-bg {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   gap: 16px;
     background-image: url('http://ve-trans.ru/wp-content/uploads/2024/10/mainBgMobile.png');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;


}

.main__logo {
   width: 85px;
   height: 85px;
   object-fit: cover;
   background: #fff;
   border-radius: 50%;
   transform: translateY(50px);
}

.main__box-advantages {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   gap: 4px;
}

.main__link-box {
   text-align: center;
   width: 100%;
}

.main__mobile-text {
   text-align: center;
   padding: 8px 32px;
   border-radius:50px;
   background: #fafeff;
   width: 60%;
   color: #1B1B1B;
font-family: OnesLight;
   @media (max-width:580px) {
      font-size: 8px;
      line-height: 10.2px;
   
   }
}

#breadcrumbs {
   width: 100%;
   display: flex;
   justify-content: center;
   margin: 20px 0;
   padding: 5px 10px;
}
#breadcrumbs > span {
   width: 100%;
   max-width: 1240px;
   text-align: left;
   margin-left: 20px;
   display: flex;
   flex-wrap: wrap;
}
@media (max-width: 780px) {

   #breadcrumbs {
      font-size: 10px; 
       margin-left: 0;
   }
   #breadcrumbs > span {
 
   margin-left: 0px;
  
}
}