.advantages_slider_section {
  width: 100%;
  padding: 2rem;
  padding-top: 150px;
  font-family: 'DG Trika', sans-serif;
  background: var(--gradient-primary-invert);
  padding-block: 50px;

  .advantages_header {
    font-family: 'DG Trika', sans-serif;
    text-align: center;
    line-height: normal;
    color: var(--text-primary);
    font-size: clamp(1rem, 5vw, 3rem);
    font-weight: 900;

    &:nth-child(1){
      margin-top: 50px;
    }
  }

  .advantages_slider_container {

    
    position: relative;
    overflow: hidden;
    max-width: 1200px;
    margin: auto;


    .slider-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: transparent;
      border: none;
      font-size: 1.5rem;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      cursor: pointer;
      z-index: 10;
    }


    .slider-arrow.prev {
      left: 10px;
    }

    .slider-arrow.next {
      right: 10px;
    }


    .slider-wrapper {

      display: flex;
      transition: transform 0.4s ease;
      touch-action: pan-y;
      /* direction: ltr; */
      /* Force LTR for the flex container */


      .slide {
        box-sizing: border-box;

        padding: 1rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;



        .slide_img_container {
          max-width: 80%;
          height: 280px;
          margin-bottom: 1rem;
          display: flex;
          align-items: center;
          justify-content: center;

          img {
            width: 100%;

          }

        }


        h3 {
          color: var(--text-secondary-invert);
          margin-bottom: 0.5rem;
          font-size: 1.5rem;
          font-weight: 900;
          font-family: 'DG Trika', sans-serif;
        }

        p {
          color: var(--text-secondary-invert);
          line-height: normal;
          font-size: 0.9rem;
          width: 70%;
          font-family: 'DG Trika', sans-serif;
        }


        .slide-number {
          width: 72px;
          height: 72px;
          padding-top: 10px;

          display: flex;
          align-items: center;
          justify-content: center;
          line-height: 72px;
          color: var(--text-secondary-invert);
          margin-bottom: 0;
          font-size: 1.8rem;
          font-weight: bold;
          font-family: 'DG Trika', sans-serif;

          border-left: 4px solid var(--text-secondary-invert);
          border-right: 0.5px solid var(--text-secondary-invert);
          border-top: 1px solid var(--text-secondary-invert);
          border-bottom: 1px solid var(--text-secondary-invert);
          border-radius: 50%;
        }




      }



    }

  }

}



@media (min-width: 320px) {
  .slide {
    flex: 0 0 100%;
    /* 2 cards */
  }
}


/* Responsive */
@media (min-width: 768px) {
  .slide {
    flex: 0 0 50%;
    /* 2 cards */
  }
}

@media (min-width: 992px) {
  .slide {
    flex: 0 0 33.3333%;
    /* 3 cards */
  }
}


