.testimonials {
  margin-bottom: 60px !important;

  &-item {
    margin: 0 15px;
    display: flex;
    flex-direction: column;

    &:focus {
      outline: none !important;
    }

    .quote {
      display: flex;
      position: relative;

      p {
        height: 320px;
        background-color: $orange;
        @include doubleRound(50px);
        padding: 80px 30px 40px;
        color: $white;
        line-height: 1.75em;
        margin: 0;
        @include rem-size(1);
      }
      i.fas {
        position: absolute;
        color: darken($orange, 10%);
        top: 30px;
        left: 30px;
        @include rem-size(3);
      }

      @media (max-width:1199px) {
        i.fas {
          top: 20px;
          left: 20px;
          @include rem-size(2.5);
        }
        p {
          padding: 70px 20px 40px;
          line-height: 1.5em;
          height: 300px;
          @include rem-size(0.95);
        }
      }
      @media (max-width:767px) {
        i.fas {
          display: none;
        }
        p {
          height: 275px;
          margin: auto;
          padding: 20px 20px 40px;
          line-height: 1.5em;
        }
      }
      @media (max-width:550px) {
        i.fas {
          top: 20px;
          left: 30px;
          display: block;
        }
        p {
          height: 275px;
          margin: auto;
          padding: 70px 30px 40px;
          line-height: 1.5em;
        }
      }
    }

    .client {
      text-align: center;
      position: relative;
      top: -60px;

      img {
        display: block;
        margin: 0 auto;
        width: 120px;
        height: 120px;
        border-radius: 60px;
        border: solid 6px $white;
      }

      @media (max-width:767px) {
        top: -45px;
        @include rem-size(0.9);
        img {
          width: 90px;
          height: 90px;
          border-radius: 45px;
          border: solid 4px $white;
        }
      }
    }
  }
}