:root {
  --color-LightPurple: #6b52c7; /* replace with your real values */
  --color-MediumBlue: #1f9dc8;
  --color-LightGreen: #9bd56a;
  --gradient-BlueGreenPurple: linear-gradient(147deg, var(--color-LightPurple), var(--color-MediumBlue), var(--color-LightGreen));
}

.testimonials-section {
  background-image: var(--gradient-BlueGreenPurple);
}


.testimonials-section {
  padding: 60px 0 80px;
}

.testimonials-section {
  position: relative;
  z-index: 1;
  height: 180vh;
  background-image: var(--gradient-BlueGreenPurple)!important;

}

.testimonials-section .mobile-headline {
  display: none;
  font-size: 2.2rem;
  font-family: 'Anton', sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.testimonials-section .arrow-container {
  display: none;
}

/* Testimonial General */
.testimonials-section .testimonial {
  display: none;
  position: absolute;
  padding: 20px;
  box-shadow: 0px 5px 6px 5px rgba(0, 0, 0, 0.24) !important;
  border-radius: 7px;
  background-color: #fff;
}

.testimonials-section .testimonial .text {
  line-height: 1.4;
}

.testimonials-section .testimonial .testimonial-footer {
  display: flex;
  margin-top: 15px;
}

.testimonials-section .testimonial .increditation {
  margin-right: auto;
  font-weight: bold;
}

.testimonials-section .testimonial .increditation .name {
  font-size: 0.9rem;
  font-family: 'Geeks On The Beach Font Medium', Helvetica, Arial, sans-serif;
}

.testimonials-section .testimonial .increditation .title {
  font-size: 0.9rem;
}

.testimonials-section .testimonial .img-rating {
  align-self: flex-end;
  position: relative;
  top: -4px;
}

/* Big */
.testimonials-section .testimonial.big {
  width: 430px;
  font-size: 1.1rem;
  z-index: 13;
  background-color: rgb(255, 255, 255);
}

.testimonials-section .testimonial.big .increditation .name,
.testimonials-section .testimonial.big .increditation .title {
  font-size: 1rem;
}

.testimonials-section .testimonial.big .img-rating {
  width: 145px;
}

/* Medium */
.testimonials-section .testimonial.medium {
  width: 360px;
  font-size: 1rem;
  padding: 15px;
  z-index: 12;
  background-color: rgb(226, 226, 226);
}

.testimonials-section .testimonial.medium .increditation .name,
.testimonials-section .testimonial.medium .increditation .title {
  font-size: 0.9rem;
}

.testimonials-section .testimonial.medium .img-rating {
  width: 110px;
}

/* Small */
.testimonials-section .testimonial.small {
  width: 320px;
  font-size: 0.9rem;
  padding: 10px;
  z-index: 11;
  background-color: rgb(235, 245, 226);
}

.testimonials-section .testimonial.small .increditation .name,
.testimonials-section .testimonial.small .increditation .title {
  font-size: 0.8rem;
}

.testimonials-section .testimonial.small .img-rating {
  width: 90px;
}

/* Tablet + Mobile */
@media screen and (max-width: 1200px) {
  .testimonials-section {
    height: initial;
  }

  .testimonials-container {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .testimonials-section .mobile-headline {
    display: block;
    width: 80vw;
    margin: 0 auto;
    color: #fff;
    padding: 40px 0;
    text-align: center;
  }

  .testimonials-section .testimonial:is(.big, .medium, .small) {
    width: 80vw;
    max-width: 630px;
    font-size: 1.2rem;
    padding: 25px;
    display: none;
  }

  .testimonials-section .testimonial .text {
    max-height: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
    white-space: normal;
  }

  .testimonials-section .testimonial:is(.big, .medium, .small) .img-rating {
    width: 130px;
  }

  .testimonials-section .testimonial.active {
    display: block;
  }

  .testimonials-section .testimonial .testimonial-footer {
    margin-top: 40px;
  }

  .testimonials-section .testimonial .increditation .name {
    margin-bottom: 5px;
  }

  .testimonials-section .testimonial:is(.big, .medium, .small) .increditation .name,
  .testimonials-section .testimonial:is(.big, .medium, .small) .increditation .title {
    font-size: 1rem;
  }

  .testimonials-section .arrow-container {
    margin: 0 20%;
    padding: 30px 0;
    display: flex;
  }

  .testimonials-section .arrow-container .arhw1 {
    margin-right: auto;
  }

  .testimonials-section .arrow-container .arrows {
    width: 100px;
    fill: #fff;
    transition: transform 0.3s;
  }

  .testimonials-section .arrow-container .arrow-left {
    transform: scaleX(-1);
  }
}

@media only screen and (max-width: 457px) {
  .testimonials-container {
    margin-bottom: 20px;
  }
}

.testimonials-block {
  position: relative;
  overflow: hidden; /* prevents bleed above/below */
  z-index: 1;
}
.testimonials-block .dekstop-headline {
  position: relative;
  bottom: -0.55vw;
}

.testimonials-prequel {
  position: relative;
  z-index: 3!important;
  padding: 40px 0 0;
  background-color:white;
}

.testimonials-prequel .dekstop-headline {
  font-size: 7vw;
  text-align: center;
  font-family: 'Anton', sans-serif;
  letter-spacing: 8px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
  background-image: linear-gradient(90deg, #6b52c7 0%, #1f9dc8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 1200px) {
  .testimonials-prequel {
    display: none; /* matches original behavior where mobile headline is used */
  }
}