/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/testimonials/src/testimonial.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
.twz-testimonials {
  padding-bottom: 2rem;
}
.row:not([style*="--backgroundColor"]) .twz-testimonials {
  --testimonial-page-dot: var(--blue-200);
  --testimonial-page-dot-selected: var(--brown-500);
}
.twz-testimonials .twz-title {
  margin-bottom: 4rem;
}
.twz-testimonials .twz-text + .twz-testimonials__items {
  margin-top: 5rem;
}
.twz-testimonials-grid .twz-testimonials__items, .twz-testimonials-slider:not(:has(.flickity-viewport)) .twz-testimonials__items {
  display: grid;
  grid-template-columns: repeat(var(--testimonials-columns, 4), 1fr);
  gap: var(--testimonials-gap, 2.4rem);
  max-width: 100%;
}
@media (max-width: 767px) {
  .twz-testimonials-grid .twz-testimonials__items, .twz-testimonials-slider:not(:has(.flickity-viewport)) .twz-testimonials__items {
    --testimonials-columns: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .twz-testimonials-grid .twz-testimonials__items, .twz-testimonials-slider:not(:has(.flickity-viewport)) .twz-testimonials__items {
    --testimonials-columns: 2;
  }
}
.twz-testimonials-slider:has(.flickity-viewport) .twz-testimonials__item {
  min-height: 100%;
  max-width: var(--testimonial-slider-item-max-width, 30rem);
}
@media (max-width: 767px) {
  .twz-testimonials-slider:has(.flickity-viewport) .twz-testimonials__item {
    --testimonial-slider-item-max-width: 100%;
  }
}
.twz-testimonials-slider:has(.flickity-viewport) .twz-testimonials__item:not(:last-of-type) {
  margin-right: var(--testimonial-slider-item-gap, 2.4rem);
}
.twz-testimonials-slider:has(.flickity-viewport) .twz-testimonials__item-image {
  width: 100%;
}
.twz-testimonials-slider:has(.flickity-viewport) .twz-testimonials__item-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.twz-testimonials-slider:has(.flickity-viewport) .twz-testimonials__item .btn {
  margin-top: auto;
}
.twz-testimonials .flickity-viewport {
  overflow: visible;
}
.twz-testimonials .twz-testimonials__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.twz-testimonials .twz-testimonials__item-image {
  position: relative;
  margin-bottom: 2rem;
}
.twz-testimonials .twz-testimonials__item-image:hover img {
  opacity: 0.8;
}
.twz-testimonials .twz-testimonials__item-image img {
  width: 35rem;
  max-height: 20rem;
  max-width: 100%;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
  aspect-ratio: 3/2;
}
.twz-testimonials .twz-testimonials__item-image .linkedin {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: var(--testimonial-linkedin-icon-size, 2.5rem);
  height: var(--testimonial-linkedin-icon-size, 2.5rem);
}
.twz-testimonials .twz-testimonials__item-image .linkedin svg {
  width: 100%;
  height: auto;
}
.twz-testimonials .twz-testimonials__item-image .linkedin svg path {
  fill: var(--testimonial-linkedin-icon-color, var(--blue-800));
}
.twz-testimonials .twz-testimonials__item-image .linkedin:hover {
  --testimonial-linkedin-icon-color: var(--brown-500);
}
.twz-testimonials .twz-testimonials__item h3.twz-testimonial-title {
  margin-top: 0;
  font-size: var(--theme-font-size-h3);
}
.twz-testimonials .twz-testimonials__item h3.twz-testimonial-title + p.twz-testimonial-text {
  margin-block-start: 0.3em;
}
.twz-testimonials .twz-testimonials__item p {
  font-size: 1.6rem;
}
.twz-testimonials .twz-testimonials__item h3:has(+ .btn),
.twz-testimonials .twz-testimonials__item p:has(+ .btn) {
  margin-bottom: 1em;
}
.twz-testimonials .twz-testimonials__item .btn {
  --btn-theme: var(--text-color);
}

.twz-testimonials-slider__items:has(.flickity-viewport) {
  display: block;
}
.twz-testimonials-slider .flickity-viewport {
  width: 100%;
}
.twz-testimonials-slider .flickity-page-dots .flickity-page-dot {
  background: var(--testimonial-page-dot, var(--blue-100));
  opacity: 1;
  transition: opacity 0.3s ease;
}
.twz-testimonials-slider .flickity-page-dots .flickity-page-dot.is-selected {
  opacity: 1;
  background: var(--testimonial-page-dot-selected, var(--blue-800));
}
.twz-testimonials-slider .flickity-button {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.twz-testimonials-slider .flickity-button:hover {
  background: rgb(255, 255, 255);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.twz-testimonials-slider .flickity-button:disabled {
  opacity: 0.3;
}
.twz-testimonials-slider .flickity-button svg {
  width: 1.5rem;
  height: 1.5rem;
}
.twz-testimonials-slider .flickity-prev-next-button.previous {
  left: -2rem;
}
.twz-testimonials-slider .flickity-prev-next-button.next {
  right: -2rem;
}