.testimonial-wrapper {
  position: relative;

  &::after {
    display: block;
    content: "";
    background-image: url('../images/red-lines.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -20px;
    right: -74px;
    width: 350px;
    height: 50px;
    z-index: -1;

    @include media-breakpoint-up(md) {
      top: -40px;
      width: 634px;
      height: 80px;
    }
  }

  .card.card-testimonial {
    background-color: transparent;
    border-radius: $cards-border-radius-radius-md;

    .testimonial-content {
      background-image: url("../images/card-image-bg.png");
      background-position: -10px;
      background-size: cover;
      position: relative;

      @include media-breakpoint-up(lg) {
        padding-bottom: rem-calc(92) !important;
        padding-top: rem-calc(92) !important;
      }

      &::after {
        display: block;
        content: "";
        position: absolute;
        bottom: -30px;
        right: -30px;
        width: 152px;
        height: 152px;
        background-image: url('../images/card-image-corner.png');
        background-repeat: no-repeat;
        background-position: top left ;
        background-size: cover;
      }

      .testimonial-body {
        @include media-breakpoint-up(md) {
          font-size: rem-calc(32);
          line-height: rem-calc(44);
          letter-spacing: rem-calc(-1);
        }
      }

      .testimonial-name {
        @include media-breakpoint-up(md) {
          font-size: rem-calc(20);
          line-height: rem-calc(28);
          margin-bottom: rem-calc(10);
        }
      }

      .testimonial-role {
        color: #ADB1B5;

        @include media-breakpoint-up(md) {
          letter-spacing: rem-calc(-1);
        }
      }
    }

    .testimonial-image {
      position: relative;
      z-index: 1;
    }

    .row {
      @include media-breakpoint-up(lg) {
        margin-left: 0;
        margin-right: 0;
      }
    }

    .col-lg-6:has(.testimonial-content) {
      @include media-breakpoint-up(lg) {
        width: calc(100% - 470px);
        padding: 0;
      }
    }

    .col-lg-6:has(.testimonial-image) {
      @include media-breakpoint-up(lg) {
        width: 470px;
        padding: 0;
      }
    }
  }

  &.image-location-full .card.card-testimonial {
    .col-lg-6:has(.testimonial-content) {
      @include media-breakpoint-up(lg) {
        width: 100%;
      }
    }

    .col-lg-6:has(.testimonial-image) {
      display: none;
    }
  }
}
