.f-features-slideshow {
  .slideshow-header, .slideshow-pagination {
    background-color: var(--black-2-color);
  }

  .slideshow-header {
    padding-top: 2rem;
  }

  .text-slideshow-title {
    color: rgb(var(--link-color));
    margin: 0;
  }

  .slideshow-pagination {
    visibility: hidden;
    padding: 0.8rem 0;
  }

  .slideshow {
    margin-block-start: -3rem;
  }

  hr {
    border: 2px solid rgb(var(--heading-color));
    width: 100%;
  }

  .page-btn {
    margin: 0;
    cursor: pointer;
    h6 {
      font-size: 14pt;
      color: #ABE1F3;
      text-transform: none;
      display: inline-block;
      padding: 0;
    }
    &:hover > .page-btn__line {
      background-color: transparent;
    }
  }

  .page-btn__line {
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 0;
    background-color: transparent;
  }

  [data-autoplay=false] [aria-current=true] > .page-btn__line {
    background-color: transparent;
    h6 {
      color: white;
      border-bottom: 3px solid #3E80E0;
    }
  }

  .slideshow-nav {
    top: calc(50% - 21px);
    z-index: 1;
    width: 100%;
    padding: 0 2rem;
  }

  .slideshow-nav__btn {
    border: 2px solid #3E80E0;
    path {
      stroke: #3E80E0;
      stroke-width: 4;
    }
    &.prev {
      transform: rotate(180deg);
    }
    &:hover {
      background-color: #fff;
    }
  }

  .slideshow__slide {
    .container {
      padding: 0;
    }
    padding-bottom: 0;
  }

  .product-features__image {
    height: 40rem;
  }


  .text__title {
    width: 100%;
    background-color: var(--black-2-color);
    padding: 1rem;
    color: white;
    margin-bottom: 0;
  }

  .img-icon {
    width: 3rem;
    margin-right: 1rem;
  }

  .img-hero-feature {
    height: 100%;
    object-fit: cover;
  }

  .wrapper__left-right {
    flex-direction: column;
  }

  .wrapper__left {
    width: 100%;
    height: 40%;
  }

  .wrapper__text-icon {
    width: 70%;
    margin: 0 auto;

    .flex {
      align-items: center;
      margin-bottom: 1rem;
    }

    h5 { 
      margin-top: 0;
      margin-bottom: 0;
    }

    p {
      line-height: 1.6;
    }
  }

  .image-top-layer {
    width: 100%;
    height: 60%;
    object-fit: cover;
  }
}

@media (min-width: 769px) {
.f-features-slideshow {

    .slideshow-pagination {
      display: flex;
      visibility: visible;
    }

    .slideshow {
      margin-block-start: 0;
    }

    .text__title {
      display: none;
    }

    .wrapper__left-right {
      flex-direction: row;
    }

    .wrapper__left {
      width: 40%;
      height: 100%;
    }

    .wrapper__text-icon {
      .flex {
        flex-direction: column;
        align-items: start;
      }
      width: 60%;
    }

    .image-top-layer {
      width: 60%;
      height: 100%;
    }

    .img-icon {
      width: 6rem;
      margin-bottom: 2rem;
    }
  }
}