.side-by-side {
  .text-content {
    h2 {
      font-size: 30px;
      margin-bottom: 24px;
    }

    p {
      font-size: 20px;
    }
  }

  @media (min-width: 992px) {
    .text-content {
      padding-left: 40px;

      h2 {
        font-size: 36px;
      }
    }

    .flex-md-row-reverse .text-content {
      padding-right: 40px;
    }
  }

  .media-caption p {
    margin-bottom: 0;
  }

  /* Swiper Navigation Buttons */
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-family: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-variant: normal !important;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    content: "";
    display: inline-block;
    width: 2.75rem;
    height: 2.75rem;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.0308 21.5303C16.7379 21.8232 16.2631 21.8232 15.9702 21.5303L6.97016 12.5303C6.67726 12.2374 6.67726 11.7626 6.97016 11.4697L15.9702 2.46967C16.263 2.17678 16.7379 2.17678 17.0308 2.46967C17.3237 2.76256 17.3237 3.23744 17.0308 3.53033L8.56115 12L17.0308 20.4697C17.3237 20.7626 17.3237 21.2374 17.0308 21.5303Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
  }

  .swiper-button-next:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.97016 2.46967C7.26305 2.17678 7.73793 2.17678 8.03082 2.46967L17.0308 11.4697C17.3237 11.7626 17.3237 12.2374 17.0308 12.5303L8.03082 21.5303C7.73793 21.8232 7.26305 21.8232 6.97016 21.5303C6.67726 21.2374 6.67726 20.7626 6.97016 20.4697L15.4398 12L6.97016 3.53033C6.67726 3.23744 6.67726 2.76256 6.97016 2.46967Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  }

  .swiper-button-prev,
  .swiper-button-next {
    bottom: 0 !important;
    top: auto !important;
    transform: translateY(0) !important;
    background-color: var(--cta-blue);
    border-radius: 50%;
    width: auto;
    height: auto;
  }

  .swiper-button-prev {
    left: 0;
  }

  .swiper-button-next {
    right: auto;
    left: 4rem;
  }

  .swiper-container {
    position: relative;
    padding-bottom: 4.25rem;
  }
}

@media (max-width:991px) {

  /* Reset margins on mobile */
  .side-by-side[class*="mt-"] {
    margin-top: auto !important;
  }

  .side-by-side[class*="mb-"] {
    margin-bottom: auto !important;
  }

  .swiper-container {
      padding-bottom: 4rem;
  }
}