.component-title-sliding-images-texts__nutrition-slider {
  .component-title-sliding-images-texts--wrapper {
    padding: 2rem 0;
    .component-title-sliding-images-texts--head {
      padding: 0 1rem;
      .component-title-sliding-images-texts--title {
        color: var(--blue);
        font-family: var(--font-family-poppins);
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 600;
        line-height: 2.25rem;
      }

      .component-title-sliding-images-texts--description p {
        color: var(--grey);
        text-align: justify;
        font-family: var(--font-family-poppins);
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2rem;
      }
    }
    .component-title-sliding-images-texts--slides {
      padding-left: 1rem;
    }
  }

  .component-title-sliding-images-texts--slides__nutrition-slider {
    max-width: 100%;

    .component-title-sliding-images-texts--slide {
      .topic-image-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        padding-bottom: 2rem;

        .component-wrapper-picture--picture-image {
          height: auto;
        }

        .topic-image-text--caption {
          text-align: center;
          color: var(--blue);
          text-align: center;
          font-family: var(--font-family-poppins);
          font-size: 1.5rem;
          font-style: normal;
          font-weight: 600;
          line-height: 2.375rem;
        }
      }
    }

    .swiper-pagination {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
    }

    .swiper-arrow {
      display: none;
    }

    .swiper-pagination-bullet {
      background-color: var(--orange);
      opacity: 1;
      height: 0.5rem;
      width: 0.5rem;
      margin: 0;
    }

    .swiper-pagination-bullet-active {
      height: 0.75rem;
      width: 0.75rem;
    }
  }
}
@media screen and (min-width: 78rem) {
  .component-title-sliding-images-texts__nutrition-slider {
    max-width: 78rem;
    padding: 0 2.75rem 0 0;
    margin: 4.5rem auto 4rem;

    .component-title-sliding-images-texts--wrapper {
      padding: 1.5rem 0 0 0;
      gap: 3rem;
      .component-title-sliding-images-texts--head {
        max-width: 55.4rem;
        margin: 0 auto;
        gap: 2rem;

        .component-title-sliding-images-texts--title {
          text-align: center;
          font-size: 2.5rem;
          line-height: 1.5625rem;
        }

        .component-title-sliding-images-texts--description p {
          text-align: center;
        }
      }
    }

    .component-title-sliding-images-texts--slides {
      overflow: visible;
      margin: 0;
    }

    .component-title-sliding-images-texts--swiper-wrapper {
      max-width: 74.063rem;
      width: 100%;
      overflow: visible;
      padding-bottom: 1rem;

      .component-title-sliding-images-texts--slide {
        .topic-image-text {
          padding-bottom: 0;
        }
      }

      .component-title-sliding-images-texts--slide:first-child {
        .topic-image-text::before {
          content: "";
          position: absolute;
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
          z-index: 100;
          width: 3.25rem;
          height: 2.75rem;
          border-radius: 0.5rem;
          background: var(--blue);
          bottom: 3.5rem;
          left: -1.625rem;
        }
      }
      .component-title-sliding-images-texts--slide:last-child {
        .topic-image-text::after {
          content: "";
          position: absolute;
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
          z-index: 100;
          width: 5.063rem;
          height: 4.313rem;
          border-radius: 1rem;
          background: var(--orange);
          top: -2.156rem;
          right: -2.531rem;
        }
      }
    }
  }
}
@media screen and (min-width: 64rem) and (max-width: 77.938rem) {
  .component-title-sliding-images-texts__nutrition-slider {
    max-width: 64rem;
    margin: 4.5rem auto 4rem;

    .component-title-sliding-images-texts--wrapper {
      padding: 1.5rem 0 0 0;
      gap: 3rem;
      .component-title-sliding-images-texts--head {
        max-width: 55.4rem;
        margin: 0 auto;
        gap: 2rem;

        .component-title-sliding-images-texts--title {
          text-align: center;
          font-size: 2.5rem;
          line-height: 1.5625rem;
        }

        .component-title-sliding-images-texts--description p {
          text-align: center;
        }
      }
    }

    .component-title-sliding-images-texts--slides {
      overflow: visible;
      margin: 0 3.5rem 0 2.5rem;
    }

    .component-title-sliding-images-texts--swiper-wrapper {
      max-width: 74.063rem;
      width: 100%;
      overflow: visible;

      .component-title-sliding-images-texts--slide {
        .topic-image-text {
          padding-bottom: 0;
        }
      }

      .component-title-sliding-images-texts--slide:first-child {
        .topic-image-text::before {
          content: "";
          position: absolute;
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
          z-index: 100;
          width: 3.25rem;
          height: 2.75rem;
          border-radius: 0.5rem;
          background: var(--blue);
          bottom: 1.5rem;
          left: -1.625rem;
        }
      }
      .component-title-sliding-images-texts--slide:last-child {
        .topic-image-text::after {
          content: "";
          position: absolute;
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
          z-index: 100;
          width: 5.063rem;
          height: 4.313rem;
          border-radius: 1rem;
          background: var(--orange);
          top: -2.156rem;
          right: -2.531rem;
        }
      }
    }
  }
}