.section-tabs-slider{

    background-color: #fff;
  }
.section-tabs-slider > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 24px;
    background-color: #fff;
    padding-left: 24px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1248px;
  }

  #tabs-slider .swiper-wrapper {
    justify-content: center;
  }

  
.tab.swiper-slide {
    display: flex;
    gap: 8px;
    font-size: 22px;
    width: 100%;
    flex-basis: 100%;
    max-width: 282px;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    text-wrap: nowrap;
    font-weight: bold;
    height: auto;

    border-radius: 8px;
    background: #EDEDED;
    color: #616972;
}

.tab span {
    display: none;
}

.tab.active {
    background: #1B1E20;
    color: #fff;
}

.tab.active span {
    display: flex;
}

.sliders {
    width: 100%;
}

.slider-subtext {
    margin: 40px 0;
}

.slider-subtext h5 {
    color: #616972 !important; 
}

.swiper-container {
    width: 100%;
    position: relative;
}

.sliders .swiper-slide {
    display: flex;
    width: 1164px;
    height: 464px;
    align-items: center;
    gap: 40px;
}

.container-image-slider {
    width: 100%;
    flex-basis: 100%;
    max-width: 600px;
    height: 100%;

    border-radius: var(--Radius-small, 8px);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.container-text-slider {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 524px;
    flex-basis: 100%;
    
}

.prev-button,
.next-button {
    display: flex;
    padding: 10px;
    position: absolute;
    border-radius: 50px;
    background: rgba(255, 217, 223, 0.60);
    z-index: 1000;
    top: calc(50% + 42px);
}

.prev-button {
    left: 8px;
}

.next-button {
    right: calc(50% + 8px);
}

.container-text-slider h5 {
    color: #616972 !important;
}
  

@media (max-width: 768px) {

    /* .tabs {
        gap: 8px;
      } */   
      
    .tab.swiper-slide {
        font-size: 15px;
        max-width: fit-content;
        padding: 12px 16px;
    }

    .tab.active span {
        display: none;
    }

    .sliders .swiper-slide {
        flex-direction: column;
        height: auto;
        gap: 24px;
    }

    .container-image-slider {
        min-height: 265px;
        max-height: 265px;
        
    }

    .prev-button,
    .next-button {
        top: calc(50% - 15px);
    }

    .prev-button svg,
    .next-button svg {
        width: 16px;
        height: 16px;
    }

    .prev-button {
        left: 8px;
    }

    .next-button {
        right: 8px;
    }

    .container-image-slider,
    .container-text-slider {
        max-width: none;
    }

    .container-text-slider h5 {
        font-size: 16px ;
    }
}

@media (max-width: 768px) {

    .redcoach-prepare-your-trip .prev-button,
    .redcoach-prepare-your-trip .next-button {
        top: calc(50% - 87px);
    }
}

@media (max-width: 480px) {

    #tabs-slider .swiper-wrapper {
    justify-content: normal;
    }

    .container-image-slider {
        min-height: 285px;
        max-height: 285px;
    }


    .redcoach-prepare-your-trip .prev-button,
    .redcoach-prepare-your-trip .next-button {
        top: calc(50% - 135px);
    }
}