.section-variation-image-with-text {
  .image-with-text__media {
    border-radius: 10px !important;
  }
  .image-with-text__content {
    padding: 2rem 0;
    @media screen and (min-width: 990px) {
      padding: 0 0 4rem 6rem;
    }
  }
  .image-with-text__text-item {
    width: 100% !important;
  }
  @media screen and (min-width: 990px) {
    .image-with-text__text-item {
      width: 59% !important;
    }
  }
  .image-with-text__text-item.grid__item {
    h2.image-with-text__heading {
      color: #e69d72;
      font-family: Arboria-Black;
      font-size: 33px;
      font-weight: 400;
      line-height: 130%;
      @media screen and (min-width: 440px) {
        font-size: 40px;
      }

      @media screen and (min-width: 990px) {
        font-size: 60px;
        margin-top: -10px;
      }

      @media screen and (min-width: 1024px) {
        font-size: 70px;
        margin-top: -10px;
      }

      .underline {
        color: #73453d;
        text-transform: uppercase;
        position: relative;
        white-space: nowrap;

        &:after {
          content: '';
          position: absolute;
          top: 11px;
          bottom: 7px;
          left: 0;
          width: 100%;
          background: #e69d72;
          z-index: -1;
          white-space: nowrap;

          @media screen and (min-width: 990px) {
            top: 17px;
            bottom: 14px;
          }
        }
      }
      b {
        color: #73453d;
        font-weight: 400;
      }
    }
  }

  .image-with-text__text {
    margin: 0;
  }

  .formatted-content {
    p {
      margin: 0;
      color: #5e5e5e;
      font-family: Arboria-Book;
      font-size: 20px;
      font-weight: 400;
      line-height: 160%;
    }

    > p {
      margin: 0 0 25px;
      font-size: 18px;
      @media screen and (min-width: 990px) {
        font-size: 20px;
        margin: 0 0 30px;
      }
    }
    ul {
      display: flex;
      flex-flow: column;
      margin: 0;
      padding: 0;
      list-style-position: outside;

      li {
        display: flex;
        flex-flow: column;
        position: relative;
        padding-left: 30px;

        &:before {
          position: absolute;
          left: 0;
          top: 5px;
          content: url("../assets/list-decor.svg");
          margin-right: 12px;
          margin-top: 6px;
          width: 18px;
          height: 18px;
        }

        h4 {
          color: #5e5e5e;
          font-family: Arboria-Medium;
          font-size: 24px;
          font-weight: 400;
          line-height: 130%;
          margin: 0 0 10px;
          @media screen and (min-width: 990px) {
            font-size: 28px;
          }
        }
      }
    }

    /* Swiper styles for mobile */
    .formatted-content-swiper {
      margin: 0;
      padding: 0 0 20px;

      .swiper-wrapper {
        display: flex;

        @media screen and (min-width: 990px) {
          display: flex;
          flex-direction: column;
        }
      }

      .swiper-slide {
        display: flex;
        flex-flow: column;
        position: relative;
        width: 100% !important;

        &:before {
          position: absolute;
          left: 0;
          top: 2px;
          content: url("../assets/list-decor.svg");
          margin-right: 12px;
          margin-top: 6px;
          width: 18px;
          height: 18px;
        }

        h4 {
          padding-left: 36px;
          color: #5e5e5e;
          font-family: Arboria-Medium;
          font-size: 24px;
          font-weight: 400;
          line-height: 130%;
          margin: 0 0 5px;
          @media screen and (min-width: 990px) {
            font-size: 28px;
          }
        }
        p {
          padding-left: 36px;
          margin: 0 0 8px;
        }
      }

      .swiper-pagination {
        bottom: 0;

        .swiper-pagination-bullet {
          width: 10px;
          height: 10px;
          background: #d9d9d9;
          opacity: 1;
          margin: 0 10px;
        }

        .swiper-pagination-bullet-active {
          background: #73453d;
        }
      }

      @media screen and (min-width: 990px) {
        padding: 0;

        .swiper-pagination {
          display: none;
        }
      }
    }
  }
}