/* ===================   TESTIMONIALS   =============== */
.testimonials {
   margin-bottom: 7rem;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.testimonial--carousel {
   width: 96%;
   border-radius: 0.5rem;
}

.testimonial--box {
   padding: 1rem 0.2rem;
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: 90%;
   gap: 1rem;

   overflow-x: auto;
   overscroll-behavior-inline: contain;
   /* Hide scrollbar for IE, Edge and Firefox */
   -ms-overflow-style: none;
   /* IE and Edge */
   scrollbar-width: none;
   /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.testimonial--box::-webkit-scrollbar {
   display: none;
}

.snaps--inline {
   -ms-scroll-snap-type: inline mandatory;
   scroll-snap-type: inline mandatory;
}

.snaps--inline>* {
   scroll-snap-align: center;
}

.testimonial--item {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   box-shadow: var(--box-shadow-prime);
   border: 1px solid var(--color-teal-green-prime);
   border-radius: 0.5rem;
}

.testimonial--user {
   display: flex;
   align-items: center;
   gap: 1.5rem;
   margin: 1rem 0 0 2rem;
}

.testimonial--user__img {
   height: 3rem;
   width: 3rem;
   border-radius: 50%;
}

.testimonial--user__img__katiakuchmovba {
   opacity: 0.1;
}

.testimonial--user__details {
   font-size: 0.8rem;
}

.testimonial--data {
   margin-top: 0.5rem;
   display: flex;
   align-items: center;
   gap: 1rem;
   margin-left: 2rem;
   line-height: 1;
}

.testimonial--data__stars {
   color: var(--color-yellow-prime);
   font-size: 1.1rem;
}

.testimonial--data__date {
   font-size: 0.8rem;
}

.testimonial--blockquote {
   margin: 0 1rem;
   font-size: 0.9rem;
}

.testimonial--blockquote>h4 {
   margin-top: 0.8rem;
}

.testimonial--link {
   margin: 1rem 1rem 1.5rem 1rem;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   gap: 1rem;
}

.testimonial--link__icon {
   margin-bottom: 1rem;
   height: 1rem;
   max-width: 5rem;
}

.testimonial--link__icon--img {
   width: 100%;
   vertical-align: top;
}

.testimonial--link__a {
   padding: 0.5rem 1.5rem;
   border-radius: 0.5rem;
   border: 2px solid var(--color-yellow-prime);
   font-weight: 700;
}

.testimonial--link__a:hover,
.testimonial--link__a:active {
   font-weight: 700;
}

/* ---   25 rem */
@media(min-width: 25rem) {
   .testimonial--link {
      margin: 1rem 2rem 1.5rem 1rem;
   }
}

/* ---   35 erm */
@media(min-width: 35rem) {
   .testimonial--blockquote {
      font-size: 1rem;
   }

   .testimonial--link {
      gap: 1.5rem;
   }

   .testimonial--link__icon {
      max-width: 5.5rem;
   }
}

/* ---   66 rem */
@media(min-width: 66rem) {
   .testimonial--carousel {
      width: 85%;
   }
}