/*
 * Shortcode: testimonials.scss
 * -----------------------------------------------
*/
.testimonial-current-style1 {
  position: relative;
  margin-top: 80px;
  @include media-breakpoint-down(xl) {
    margin-top: 0px;
  }
  .tm-tst-thumb{
    bottom: -1px;
    position: absolute;
    left: -10px;
    z-index: 9;
    @include media-breakpoint-down(xl) {
      bottom: inherit;
      position: inherit;
      left: inherit;
      text-align: center;
    }
    .tm-tst-thumb-inner {
      display: inline-block;
      position: relative;
    }
    img {
      @include transition(all .4s ease-in-out);
      width: 220px !important;
      border: 10px solid #F0F2F7;
    }
    .tm_tst_icon {
      border-radius: 50%;
      height: 42px;
      left: -15px;
      line-height: 42px;
      position: absolute;
      text-align: center;
      top: 40%;
      width: 42px;
      z-index: 9;
      @include transition(all .4s ease-in-out);
      @include media-breakpoint-down(xl) {
        top: 22%;
      }
    }
  }
  .tm-tst-details{
    background-color: #f0f2f7;
    padding: 30px 30px 30px 125px;
    position: relative;
    margin-left: 100px;
    @include media-breakpoint-down(xl) {
      margin-left: 0;
      padding: 110px 30px 30px 30px;
      margin-top: -100px;
      z-index: -1;
    }
    .name {
      background-color: var(--theme-color1);
      border-radius: 0 25px 25px 0;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      height: 45px;
      line-height:45px;
      padding-left: 20%;
      text-align: left;
      @include transition(all .4s ease-in-out);

      @include media-breakpoint-down(xl) {
        position: inherit;
        left: inherit;
        top: inherit;
        width: 100%;
        border-radius: 0;
        padding-left: 0;
        text-align: center;
      }

      @include media-breakpoint-up(xl) {
        position: absolute;
        left: 0px;
        top: -43%;
        width: 50%;
      }
      @include media-breakpoint-down(sm) {
        margin-top: 0;
      }
    }
    .author-text {
      color: #6a6e7c;
      font-weight: 600;
      font-style: italic;
      margin-bottom: 0;
      @include media-breakpoint-down(lg) {
        text-align: center;
      }
    }
  }
  &:hover {
    .tm-tst-thumb{
      img {
      }
      .tm_tst_icon {
        transform: rotate(180deg);
      }
    }
    .tm-tst-details {
      .name {
        background-color: var(--theme-color2);
      }
    }
  }
}

.testimonial-current-style2 {
  background-color: var(--theme-color1);
  background-image: url("../images/current-theme/testimonial-map-bg1.png");
  padding: 60px;
  position: relative;
  border-radius: 5px;
  @include media-breakpoint-down(md) {
    padding: 30px;
  }
  .testimonial-content {
    .client {
      display: flex;
      align-items: center;
      @include media-breakpoint-down(md) {
        display: grid
      }
      img{
        margin-right: 25px;
        float: left;
        max-width: 90px;
      }
      .tm-client-name {
        @include media-breakpoint-down(md) {
          margin-top: 20px;
        }
        .name {
          color: #fff;
          margin-top: 0;
          margin-bottom: 0;
        }
        .job-position {
          color: #fff;
          font-size: 0.9rem;
        }
      }
    }
    .author-text {
      position: relative;
      font-size: 25px;
      color: #fff;
      margin-bottom: 45px;
      padding-bottom: 45px;
      border-bottom: 1px solid rgba(255,255,255,0.25);
      &::after {
        content: "“";
        font-family: 'Poppins';
        position: absolute;
        top: -70px;
        left: -54px;
        font-size: 10rem;
        line-height: 1;
        opacity: 0.4;
        @include media-breakpoint-down(md) {
          top: -40px;
          left: auto;
          right: -20px;
          font-size: 8rem;
        }
      }
    }
  }
}