:root {
    --color-custom: #ffeba7;
    --color-primary: #ff3671;
    --color-text-dark: #967CDD;
    --color-text-medium: #4e4a67;
    --color-text-light: #7b7992;
    --color-light: #fff;
    --color-bg-medium: #4e4a67;
    --color-bg: #26242e;
    --spacing-base: 4px;
    --gradient-bg: linear-gradient(45deg, #4527a0, #6a1b9a);
    --shadow-base: 0px 14px 80px rgba(34, 35, 58, 0.2);
    --shadow-colored: rgba(255, 54, 110, 0.2) 0px 0px 5px 0px,
                      rgba(255, 54, 110, 0.4) 0px 3px 20px 0px,
                      rgba(255, 54, 110, 0.3) 0px 10px 28px 0px;
  }

.c-card-testimonial .c-card-testimonial__profile {
    width: 300px;
    flex-shrink: 0;
    height: 300px;
    border-radius: 20px;
    transform: translateX(-80px);
    overflow: hidden;
  }
  @media screen and (max-width: 768px) {
    .c-card-testimonial .c-card-testimonial__profile {
      transform: translateY(-50%);
      width: 90%;
    }
  }
  @media screen and (max-width: 576px) {
    .c-card-testimonial .c-card-testimonial__profile {
      width: 95%;
    }
  }
  @media screen and (max-height: 500px) and (min-width: 992px) {
    .c-card-testimonial .c-card-testimonial__profile {
      height: 270px;
    }
  }
  .c-card-testimonial__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    opacity: 0;
    transition: all 0.3s;
  }
  .c-card-testimonial__description {
    padding-right: 25px;
  }
  @media screen and (max-width: 768px) {
    .c-card-testimonial__description {
      margin-top: -80px;
      text-align: center;
      padding: 0 30px;
    }
  }
  @media screen and (max-width: 576px) {
    .c-card-testimonial__description {
      padding: 0;
    }
  }
  .c-card-testimonial__description > * {
    opacity: 0;
    transform: translateY(25px);
    transition: all 400ms;
  }
  .c-card-testimonial__job {
    color: var(--color-text-light);
  }
  .c-card-testimonial__author {
    margin: var(--spacing-base) 0 calc(var(--spacing-base) * 5);
    color: var(--color-text-dark);
    font-size: 24px;
    font-weight: 700;
  }
  .c-card-testimonial__excerpt {
    margin-bottom: 30px;
    color: var(--color-text-medium);
    line-height: 1.5em;
  }
  
  .c-testimonials {
    width: 95%;
    max-width: 800px;
    margin: auto;
    padding: calc(var(--spacing-base) * 8);
    background: var(--color-light);
    border-radius: 25px;
    position: relative;
    height: 400px;
    transition: all 300ms;
    border: 2px solid #C8E7F1;
  }
  @media (max-width: 992px) {
    .c-testimonials { max-width: 680px; height: 400px; }
  }
  @media (max-width: 768px) {
    .c-testimonials { min-height: 500px; height: auto; margin: 180px auto; }
  }
  @media (max-height: 500px) and (min-width: 992px) {
    .c-testimonials { height: 350px; }
  }
  
  .c-testimonials__item { display: flex; align-items: center; }
  @media (max-width: 768px) {
    .c-testimonials__item { flex-direction: column; }
  }
  .c-testimonials__item.swiper-slide-active .c-card-testimonial__image {
    opacity: 1; transition-delay: 300ms;
  }
  .c-testimonials__item.swiper-slide-active .c-card-testimonial__description > * {
    opacity: 1; transform: none;
  }
  .c-testimonials__item.swiper-slide-active .c-card-testimonial__description > *:nth-child(1) { transition-delay: .3s; }
  .c-testimonials__item.swiper-slide-active .c-card-testimonial__description > *:nth-child(2) { transition-delay: .4s; }
  /* …continue the nth-child delays up to .nth-child(10) or as needed… */
  
  .c-testimonials__pagination {
    position: absolute;
    top: 50%; right: calc(var(--spacing-base)*5);
    transform: translateY(-50%);
    z-index: 21;
  }
  @media (max-width: 768px) {
    .c-testimonials__pagination {
      top: 205px; left: 50% !important;
      width: 100% !important; display: flex;
      justify-content: center; transform: translateX(-50%);
    }
  }
  .c-testimonials__pagination .swiper-pagination-bullet { margin: 8px 0; }
  @media (max-width: 768px) {
    .c-testimonials__pagination .swiper-pagination-bullet { margin: 0 5px; }
  }
  
  .c-testimonials__arrows {
    position: absolute; top: 100%; left: 0;
    width: 100%; margin-top: calc(var(--spacing-base)*3);
    display: flex; justify-content: center;
  }
  @media (min-width: 768px) {
    .c-testimonials__arrows { justify-content: flex-end; }
  }
  .c-testimonials__arrow-prev,
  .c-testimonials__arrow-next {
    margin-left: calc(var(--spacing-base)*2);
    background: transparent; border: none; cursor: pointer;
    position: relative; outline: none;
    border-radius: 16px;
    width: 85px;
    height: 85px;
  }

  .c-testimonials__arrow-prev:hover,
  .c-testimonials__arrow-next:hover {
    color: #333 !important;
  }
  
  /* Swiper pagination bullets */
  .swiper-pagination-bullet {
    width: 11px; height: 11px; border-radius: 50%;
    background: var(--color-bg-medium);
    transition: all .3s;
  }
  .swiper-pagination-bullet-active {
    height: calc(11px*3); background: var(--color-primary);
  }
  @media (max-width: 768px) {
    .swiper-pagination-bullet-active {
      width: calc(11px*3); height: 11px;
    }
  }