.testimonials {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  padding: 60px 0 0;

  @media (min-width: 992px) {
    flex-direction: row;
  } 
}

 .testimonials .container-fluid {
    @media (min-width: 1400px) {
      max-width: 1248px !important;
      padding: 0 10px;
      margin-right: auto !important;
      margin-left: auto !important;
    }

    @media (min-width: 2000px) {
      max-width: 1784px !important;
    }
  }

  .testimonials-swiper {
    width: 100%;
    height: auto;
    backdrop-filter: blur(40px);    
  }

  .testimonials-swiper:before {
      content: "";
      border-top: 1px solid #000;
      width: calc(100% - 40px);
      position: absolute;
      display: block;
      height: 1px;
      z-index: 10;
      top: 0px;
      left: 50%;
      transform: translateX(-50%);

      @media (min-width: 992px) {
        border-right: 1px solid #000;
        height: 100%;
        width: 1px;
        left: 100%;
        top: auto;
      }
    }  

  .testimonials-swiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      text-align: left;
      padding: 70px 20px 30px;
      height: auto;
      display: flex;
      align-items: self-start;
      flex-direction: column;
      justify-content: flex-start;
      visibility: hidden;

      @media (min-width: 992px) {
        padding: 55px 50px 30px 50px;
      }

      @media (min-width: 1400px) {
        padding: 30px 50px 30px 0;
        justify-content: center;
      }  
    }

    .testimonials-swiper .swiper-slide .text--xl {
      color: #1f2937;
      font-weight: 300;
    }

    .testimonials-swiper .swiper-slide .testimonials__body {
      position: relative;
      margin-bottom: 20px;

      @media (min-width: 992px) {
        margin-bottom: 46px;
      }
    }

    .testimonials-swiper .swiper-slide .testimonials__body:first-letter {
      color: #2c64e7;
      float: left;
      font-family: inherit;
      font-size: 4em;
      font-weight: 600;
      line-height: 0.9;
      margin-right: 0.2em;
      margin-bottom: 0.12em;
      position: relative;
      padding-bottom: 5px;
      border-bottom: 10px solid #2c64e7;
    }

    .testimonials-swiper .swiper-slide .testimonial__description {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      margin: 0;
      padding: 12px 0;    
    }
    
    .testimonials-swiper .swiper-slide .testimonial__description img {
        margin-right: 55px;
        display: none;

        @media (min-width: 992px) {
          display: block;
        }
      } 
    }

    .testimonials-swiper .swiper-slide .testimonial__name {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: self-start;
      margin: 0;
      border-left: solid 1px black;
      padding-left: 20px;
      padding-top: 15px;
      padding-bottom: 15px;      
    }

   .testimonials-swiper .swiper-slide .testimonial__name .name{
     font-weight: 700;
     line-height: 1;
  }

  .testimonials-swiper .swiper-slide-active {
    visibility: visible;
  }



  .testimonials-swiper .swiper-pagination-current {
    font-weight: 700;
    color: #1f2937;
  }

 .testimonials-swiper .testimonials-button__pagination {
      position: absolute;
      top: 30px;
      z-index: 10;
      width: auto;
      height: 35px;
      translate: -50% -50%;
      rotate: 0deg;
      left: calc(100% - 45px);
      text-align: center;
      font-size: 20px;
      display: flex;
      align-items: center;
      flex-direction: row;
      font-weight: 300;
      color: #6b7280;

      @media (min-width: 992px) {
        rotate: 270deg;
        left: calc(100% - 30px);
        top: 40px;
      }
    }

  .testimonials-swiper__thumbs {
    position: relative;
    left: 0;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    overflow: hidden;
    padding: 0 20px 20px;

    @media (min-width: 992px) {
      padding: 0 0 20px;
      padding-left: 20px;
      position: absolute;
      width: 25vw;
      flex-direction: column;
      align-items: self-start;
      justify-content: flex-end;
      right: 0;
      left: auto;
      bottom: 0;
    }

    @media (min-width: 1400px) {
      width: calc(30vw - 50px);
    }    
  }

  .testimonials-swiper__title {
      text-align: center;

      @media (min-width: 992px) {
        text-align: left;
      }
    }

   .testimonials-swiper__thumbs .eyebrow {
      color: #2c64e7;
    }

   .testimonials-swiper__thumbs .title--hdr {
      margin-bottom: 48px;
      width: auto;

      @media (width > 992px) {
        margin-bottom: 24px;
        width: 240px;
      }
      @media (width > 1400px) {
        width: 280px;
      }
    }

   .testimonials-swiper__thumbs .wrap-swiper {
      width: 100%;
      height: 100%;
    }

   .testimonials-swiper__thumbs .swiper-wrapper {
      height: auto;
    }

   .testimonials-swiper__thumbs .swiper-slide {
      width: auto;
    }

   .testimonials-swiper__thumbs .swiper-slide-active .testimonial-thumbnail .testimonial-thumbnail__grad {
      opacity: 1;
    }

   .testimonial-thumbnail {
      align-items: center;
      background: transparent;
      cursor: pointer;
      display: flex;
      height: 80px;
      padding: 12px;
      width: 150px;

      @media (min-width: 992px) {
        width: 235px;
        height: 300px;
        border: solid 2px #b3d3ff;
        align-items: flex-end;
      } 
    }

   .testimonial-thumbnail:hover .testimonial-thumbnail__grad {
      @media (min-width: 992px) {
        opacity: 1;
       }
   }

   .testimonial-thumbnail:hover .testimonial__name {
     @media (min-width: 992px) {
       border-top: solid 1px #2c64e7;
       height: calc-size(auto, size);
     }
   }

    .testimonial-thumbnail__content {
        z-index: 1;
        display: block;
        position: relative;
        width: 100%;
        padding: 10px;
        z-index: 1;

        @media (min-width: 992px) {
          flex-direction: column;
          padding: 10px;
          display: flex;
        }   
      }


      .testimonial-thumbnail__content img {
        width: auto;
        min-width: 100px;
        max-height: 30px;
        height: auto;
        object-fit: contain;

        @media (min-width: 992px) {
          max-width: 160px !important;
        }
      }

     .testimonial-thumbnail__content-wrapper{
         display: flex;
         justify-content: start;
         align-items: start;
      }

      .testimonial__name {
        overflow: hidden;
        padding-top: 0;
        margin-top: 0;
        transition: height 0.3s ease-in-out;
        transition-behavior: allow-discrete;
        height: 0;

        @starting-style {
          height: 0;
        }

        @media (min-width: 992px) {
          padding-top: 10px;
          margin-top: 10px;
        }

        
      }

    .testimonial__name .name {
          font-weight: 700;
     }

    .testimonial-thumbnail__grad {
      backdrop-filter: blur(40px);
      background: hsla(0, 0%, 100%, 0.1);
      border: solid 1px #fff;
      display: block;
      height: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      position: absolute;
      z-index: 0;
      opacity: 0;
      transition: opacity 0.3s ease;

      @media (min-width: 992px) {
        height: calc(100% - 20px);
        width: calc(100% - 20px);
      }
    }

  .testimonials-slider__bg {
    background: #e5f0ff;
    width:700px;
    height: 700px;
    min-height: 700px;
    min-width: 700px;
    position: absolute;
    top: 350px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    border-radius: 100%;   

    @media (min-width: 768px) {
      top: 35%;
      min-width: 560px;
      min-height: 560px;
      width: 560px;
      height: 560px;
      top: 40%;
    }

    @media (min-width: 992px) {
      min-width: 480px;
      min-height: 480px;
      width: 480px;
      height: 480px;
      left: 70%;
      top: 50%;
    }
  }