/* purgecss start ignore */

.post-cta-slider-container {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 60px;
  padding-bottom: 74px;
  margin-top: 100px;
  max-width: none !important;
}

@media (min-width: 1366px) {

.post-cta-slider-container {
    max-width: none !important;

    padding-top: 97px;

    padding-right: 0 !important;

    padding-bottom: 112px;

    padding-left: 0 !important;

    margin-top: 120px
}
  }

.post-cta-slider-container .hashtag {
    /* Layer */
    text-align: center;
  }

.post-cta-slider-container .title {
    margin-bottom: 2.75rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 900;
    --tw-text-opacity: 1;
    color: rgba(0, 15, 10, var(--tw-text-opacity));
  }

.post-cta-slider-container .swiper-container {
    width: 100%;
    margin-bottom: 50px;
  }

.post-cta-slider-container .swiper-container.swiper-container-initialized {
      padding-right: 32px;
      padding-left: 32px;
    }

.post-cta-slider-container .swiper-container .swiper-wrapper {
      display: flex;
      height: 100%;
    }

.post-cta-slider-container .swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
      align-items: center;
      justify-content: center;
    }

.post-cta-slider-container .swiper-container:not(.swiper-container-initialized) .swiper-wrapper .swiper-slide:not(:last-child) {
        margin-right: 50px;
      }

.post-cta-slider-container .swiper-slide {
    position: relative;
    min-height: 262px;
    max-height: 262px;
    min-width: 216px;
    max-width: 216px;
    box-shadow: 0 5px 50px rgba(0, 0, 0, 0.08);
  }

.post-cta-slider-container .swiper-slide .link {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center;
      --tw-bg-opacity: 1;
      background-color: rgba(0, 63, 58, var(--tw-bg-opacity));
      text-align: center;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 900;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      padding-top: 20px;
      padding-bottom: 20px;
    }

.post-cta-slider-container .swiper-slide .link:after {
        content: '';
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
      }

.post-cta-slider-container .swiper-slide .picture {
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      min-height: 160px;
      max-height: 160px;
    }

.post-cta-slider-container .swiper-slide .cta-text {
      display: flex;
      align-items: center;
      justify-content: center;
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
      text-align: center;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 900;
      --tw-text-opacity: 1;
      color: rgba(0, 63, 58, var(--tw-text-opacity));
      transition-property: background-color, border-color, color, fill, stroke;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 200ms;
      padding-top: 10px;
      padding-bottom: 10px;
    }

.post-cta-slider-container .swiper-slide .link:hover ~ .cta-text, .post-cta-slider-container .swiper-slide .link:focus ~ .cta-text {
      --tw-bg-opacity: 1;
      background-color: rgba(104, 130, 122, var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

/* purgecss end ignore */

