/* Swiper Container Styles */

@media screen and (min-width: 992px) {
  .story-tabs-swiper {
    width: 100%;
    overflow: hidden;
  }

  .swiper-slide.swiper-slide-prev,
  .swiper-slide.is-prev-2,
  .swiper-slide.swiper-slide-next,
  .swiper-slide.swiper-slide-active,
  .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 1;
    pointer-events: auto;
  }
  .swiper-wrapper {
    display: flex;
    align-items: stretch;
  }

  .swiper-slide.story-tabs-holder {
    height: auto;
    display: flex;
    flex-shrink: 0;
    transition: width 0.5s ease;
  }

  /* Default: non-active slides are 10% */
  .swiper-slide.story-tabs-holder {
    width: 84px;
    overflow: visible !important;
  }

  /* Active slide is 80% */
  .swiper-slide.story-tabs-holder.active {
    width: 100% !important;
  }

  /* Ensure Swiper is visible */
  .swiper {
    position: relative;
    overflow: visible;
  }

  .stroy-tab-click {
    border: none;
  }

  [story-arrow].swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
  }

  /* Active */
  .swiper-slide-active .stroy-tab-head {
    border: none;
  }

  /* 2nd previous ✅ FIXED */
  .swiper-slide.swiper-slide-prev .stroy-tab-head,
  .swiper-slide.is-prev-2 .stroy-tab-head {
    border: none;
  }

  .swiper-slide {
    opacity: 0;
    pointer-events: none;
  }

  /* 1st next */
  .swiper-slide-active + .swiper-slide .stroy-tab-head {
    border: none;
  }

  /* 2nd next */
  .swiper-slide-active + .swiper-slide + .swiper-slide .stroy-tab-head {
    border: none;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1281px) {
  .story-right-content {
    width: 18rem;
  }
  .story-tabs-content-holder {
    grid-column-gap: 3rem;
  }
  [section-customer-story] .story-body p {
    font-size: 2rem;
  }

  .swiper-slide.swiper-slide-prev,
  .swiper-slide.is-prev-2,
  .swiper-slide.swiper-slide-next,
  .swiper-slide.swiper-slide-active,
  .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 1;
    pointer-events: auto;
  }
}

@media screen and (max-width: 1280px) and (min-width: 992px) {
  .padding-global,
  .max-container,
  .inner-lines {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .story-right-content {
    width: 12rem;
  }

  .story-tabs-content-holder {
    grid-column-gap: 2rem;
  }
  [section-customer-story] .inner-lines {
    padding: 0 5.625rem 0 5.625rem;
  } /*
  [section-customer-story] .max-container {
    padding: 0 5rem 0 5rem;
  } */
  [section-customer-story] .story-body p {
    font-size: 2rem;
  }

  .process_card-content .heading-style-h4 {
    font-size: 1.5rem;
  }

  .swiper-slide.swiper-slide-prev,
  .swiper-slide.swiper-slide-next,
  .swiper-slide.swiper-slide-active {
    opacity: 1;
    pointer-events: auto;
  }

  .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
  .swiper-slide.is-prev-2 {
    opacity: 0;
    pointer-events: none;
  }

  .hh-details {
    flex-direction: column;
    align-items: self-start;
  }

  .hh-badge {
    font-size: 1.25rem;
  }
  .max-container.hero-no-padding {
    aspect-ratio: auto;
  }
  .hh-content {
    padding-top: 10rem;
  }
}
