.arc-testimonials-carousel {

   .splide__list {
      align-items: center;
   }

   .testimonial-content {
      padding: 0 64px;
      text-align: center;

      .testimonial-body {
         position: relative;
         margin: 0 auto 40px auto;
         font-style: italic;
         font-weight: 300;
         font-size: 18px;
         line-height: 24px;
         max-width: fit-content;
      }

      /* .testimonial-body::before, 
      .testimonial-body::after {
         content: '';
         display: block;
         width: 65px;
         height: 65px;
         position: absolute;
         left: calc(-42px);
         top: calc(-16px);
         background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M96 280C96 213.7 149.7 160 216 160L224 160C241.7 160 256 174.3 256 192C256 209.7 241.7 224 224 224L216 224C185.1 224 160 249.1 160 280L160 288L224 288C259.3 288 288 316.7 288 352L288 416C288 451.3 259.3 480 224 480L160 480C124.7 480 96 451.3 96 416L96 280z" /></svg>');
         background-repeat: no-repeat;
         background-size: contain;
         opacity: 0.1;
      }

      .testimonial-body::after {
         left: calc(100% - 25px);
         top: calc(100% - 48px);
         transform: rotate(180deg);
      } */

      .testimonial-title {
         font-weight: 600;
         font-size: 17px;
         line-height: 24px;
         letter-spacing: 2px;
      }

   }

   .splide__arrow {
      padding: 24px;
      overflow: hidden;
      background: url('slider-nav-arrow.png') center center no-repeat;
      opacity: 1;

      svg {
         position: absolute;
         top: -999em;
         width: 50px;
         height: 50px;
         fill: #fff;
      }

   }

   .splide__arrow--prev {
      left: 0;
      transform: rotate(180deg) translateY(50%);
   }

   .splide__arrow--next {
      right: 0;
   }

   /* .splide__arrow::before {
      content: '';
      display: block;
      position: absolute;
      width: 26px;
      height: 26px;
      border-top: 3px solid #222;
      border-right: 3px solid #222;
      transform: rotate(225deg);
   }

   .splide__arrow--next::before {
      transform: rotate(45deg);
   } */

}

@media (max-width: 400px) {
   
   .arc-testimonials-carousel {

      .testimonial-content {
         padding: 0 40px;

         .testimonial-body {
            font-size: 15px;
            line-height: 28px;
         }

         .testimonial-title {
            font-size: 13px;
            line-height: 17px;
         }

      }

   }

}





/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/




.arc-testimonials-list {

   .testimonial:not(:last-child) {
      padding: 0 0 60px 0;
      margin: 0 0 60px 0;
      border-bottom: 2px solid #ccc;
   }

   .testimonial {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between;
      column-gap: 60px;

      .testimonial-content {
         max-width: 900px;
         padding: 20px 60px;

         .testimonial-date {
            font-weight: bold;
            font-size: 15px;
            line-height: 20px;
         }

         .testimonial-title {
            font-weight: bold;
            font-size: 24px;
            line-height: 34px;
            margin: 0 0 8px 0;
         }
         
      }

      .testimonial-image {
         min-width: 280px;
         max-width: 280px;
         padding: 20px 60px;
      }
      
   }

}

@media (max-width: 991px) {
   
   .arc-testimonials-list {

      .testimonial {
         column-gap: 30px;
   
         .testimonial-content {
            padding: 20px 30px;
         }
   
         .testimonial-image {
            min-width: 200px;
            max-width: 200px;
            padding: 20px 30px;
         }
         
      }

   }

}

@media (max-width: 768px) {
   
   .arc-testimonials-list {

      .testimonial {
         flex-direction: column-reverse;
   
         .testimonial-content {
            padding: 20px 30px;
         }
   
         .testimonial-image {
            width: 100%;
            max-width: 300px;
            padding: 20px 30px;
         }
         
      }

   }

}

@media (max-width: 540px) {
   
   .arc-testimonials-list {

      .testimonial {
         /**/
   
         .testimonial-content {
            padding: 20px 5px;
         }
   
         .testimonial-image {
            padding: 20px 5px;
         }
         
      }

   }

}