/**
 * Page block: Testimonial — compiled to style.css (npm run watch / compile:blocks).
 */
/* stylelint-disable-next-line wrap-rem-on-px/wrap-rem-on-px */
/* stylelint-disable wrap-rem-on-px/wrap-rem-on-px */
/* stylelint-enable wrap-rem-on-px/wrap-rem-on-px */
/*
USAGE:
font-size: fluid(12, 62); : from rem(12)@380px to  rem(62)@1440px
gap: fluid(10, 33, 992);  : from rem(10)@991px to  rem(33)@1440px
margin-right: fluid(32, 65, 320, 2560);  : from rem(32)@320px to  rem(65)@2560px
*/
/*
AUTOFILL

USAGE:
@include mixin.autofill(background-color, text-color);
@include mixin.autofill;

Note: Call this mixin in the wrapper or container to where you intend to manipulate the
      default chrome autofill styles for input, textarea and select elements.
*/
/* stylelint-disable */
/* stylelint-enable */
/* Font */
/* Brand palette */
/* Neutral palette */
/* CardWorks UI kit — eyebrow pills, section surfaces (stack-showcase, etc.) */
/* Accents & states */
/* News filter cards (Figma — Filter + Cards) */
section.section.section--testimonial {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 6rem 0 6rem;
  background: linear-gradient(195deg, #150D50 15.92%, #2626FF 98.5%, #221FCE 124.63%);
}
@media screen and (min-width:991px) {
  section.section.section--testimonial {
    padding: 8rem 0 8rem;
  }
}
section.section.section--testimonial {
  color: #fff;
}
section.section.section--testimonial .cws.testimonial {
  position: relative;
}
section.section.section--testimonial .cws.testimonial .testimonial__inner {
  display: flex;
  max-width: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: 2.5rem;
}
@media screen and (min-width:991px) {
  section.section.section--testimonial .cws.testimonial .testimonial__inner {
    gap: 8rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
section.section.section--testimonial .cws.testimonial .testimonial__inner.testimonial__box {
  padding: 2.5rem;
  border-radius: 2rem;
  background: linear-gradient(24deg, rgba(38, 38, 255, 0.5) 22.57%, rgba(83, 235, 255, 0.5) 86.63%);
  gap: 2.5rem;
}
@media screen and (min-width:991px) {
  section.section.section--testimonial .cws.testimonial .testimonial__inner.testimonial__box {
    gap: 0;
    padding: 4rem;
  }
}
section.section.section--testimonial .cws.testimonial .testimonial__inner.testimonial__box blockquote p {
  max-width: unset;
}
section.section.section--testimonial .cws.testimonial .testimonial__col--content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2.5rem;
}
@media screen and (min-width:991px) {
  section.section.section--testimonial .cws.testimonial .testimonial__col--content {
    gap: 4rem;
  }
}
@media screen and (min-width:1199px) {
  section.section.section--testimonial .cws.testimonial .testimonial__col--content {
    max-width: 48rem;
    flex-basis: 64%;
  }
}
section.section.section--testimonial .cws.testimonial .testimonial__quote-wrap blockquote {
  margin: 0;
}
section.section.section--testimonial .cws.testimonial .testimonial__quote-wrap blockquote:before {
  content: "";
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"><path d="M68 49.625C68 53 66.6746 55.9375 64.0237 58.4375C61.499 60.8125 58.217 62 54.1775 62C49.7594 62 46.0986 60.5 43.1953 57.5C40.4181 54.375 39.0296 50.1875 39.0296 44.9375C39.0296 39.0625 39.9132 34.0625 41.6805 29.9375C43.4477 25.8125 45.6568 22.375 48.3077 19.625C51.0848 16.875 54.0513 14.8125 57.2071 13.4375C60.4891 12.0625 63.5187 11.25 66.2959 11V21.3125C64.4024 21.6875 62.572 22.375 60.8047 23.375C59.0375 24.375 57.4596 25.625 56.071 27.125C54.8087 28.625 53.7357 30.3125 52.8521 32.1875C52.0947 34.0625 51.6529 36 51.5266 38C51.7791 37.875 52.2209 37.6875 52.8521 37.4375C53.4832 37.1875 54.3037 37.0625 55.3136 37.0625C59.1006 37.0625 62.1302 38.25 64.4024 40.625C66.8008 42.875 68 45.875 68 49.625ZM32.9704 49.625C32.9704 53 31.645 55.9375 28.9941 58.4375C26.4694 60.8125 23.1874 62 19.1479 62C14.7298 62 11.069 60.5 8.16568 57.5C5.38856 54.375 4 50.1875 4 44.9375C4 39.0625 4.88363 34.0625 6.65089 29.9375C8.41815 25.8125 10.6272 22.375 13.2781 19.625C16.0552 16.875 19.0217 14.8125 22.1775 13.4375C25.3333 12.0625 28.3629 11.25 31.2663 11V21.3125C27.3531 21.9375 23.9448 23.875 21.0414 27.125C18.1381 30.375 16.5602 34 16.3077 38C16.5602 37.875 17.002 37.6875 17.6331 37.4375C18.3905 37.1875 19.2742 37.0625 20.284 37.0625C23.9448 37.0625 26.9744 38.25 29.3728 40.625C31.7712 42.875 32.9704 45.875 32.9704 49.625Z" fill="%2353EBFF"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}
section.section.section--testimonial .cws.testimonial .testimonial__quote-wrap blockquote p {
  margin: 0;
  padding-top: 4rem;
  font-family: "Circular XX TT", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 450;
  letter-spacing: normal;
  line-height: 1.1666666667;
  max-width: 43.75rem;
}
@media screen and (min-width:991px) {
  section.section.section--testimonial .cws.testimonial .testimonial__quote-wrap blockquote p {
    font-size: 3rem;
  }
}
section.section.section--testimonial .cws.testimonial .testimonial__quote-wrap cite {
  display: block;
  margin: 0;
  padding-top: 4rem;
  font-family: "Circular XX TT", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.333;
}
@media screen and (min-width:991px) {
  section.section.section--testimonial .cws.testimonial .testimonial__quote-wrap cite {
    font-size: 1.5rem;
  }
}
section.section.section--testimonial .cws.testimonial figure {
  width: 100%;
  flex: 0 1 auto;
  margin: 0;
  --aspect-ratio: 432/432;
  border-radius: 1.5rem;
  background: linear-gradient(203.42deg, rgba(83, 235, 255, 0.25) 15.11%, rgba(255, 255, 255, 0) 84.89%);
}
@media screen and (min-width:1199px) {
  section.section.section--testimonial .cws.testimonial figure {
    max-width: 27rem;
    flex-basis: 36%;
  }
}
section.section.section--testimonial .cws.testimonial figure img {
  border-radius: 1.5rem;
  object-fit: contain;
}
section.section.section--testimonial .cws.testimonial .testimonial__slider-root {
  width: 100%;
}
section.section.section--testimonial .cws.testimonial .testimonial__slider-track.slick-initialized .slick-list {
  overflow: hidden;
}
section.section.section--testimonial .cws.testimonial .testimonial__slider-track.slick-initialized .slick-slide {
  height: auto;
}
section.section.section--testimonial .cws.testimonial .testimonial__slider-track.slick-initialized .slick-slide > div {
  height: 100%;
}
section.section.section--testimonial .cws.testimonial .testimonial__slide {
  outline: none;
}
section.section.section--testimonial .cws.testimonial .testimonial__slider-controls {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 2.5rem;
}
@media screen and (min-width:991px) {
  section.section.section--testimonial .cws.testimonial .testimonial__slider-controls {
    margin-top: 4rem;
  }
}
section.section.section--testimonial .cws.testimonial .testimonial__slider-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 3.25rem;
  height: 3.25rem;
  padding: 0.75rem;
  border: 0.125rem solid #fff;
  border-radius: 50%;
  margin: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease, opacity 0.2s ease;
}
section.section.section--testimonial .cws.testimonial .testimonial__slider-btn:hover {
  background: rgba(255, 255, 255, 0.08);
}
section.section.section--testimonial .cws.testimonial .testimonial__slider-btn:focus-visible {
  outline: 0.125rem solid #fff;
  outline-offset: 0.25rem;
}
section.section.section--testimonial .cws.testimonial .testimonial__slider-btn svg {
  display: block;
  flex-shrink: 0;
}
section.section.section--testimonial .cws.testimonial .cws-wysiwyg ul li::before, section.section.section--testimonial .cws.testimonial .cws-wysiwyg ul li::marker, section.section.section--testimonial .cws.testimonial .cws-wysiwyg ol li::before, section.section.section--testimonial .cws.testimonial .cws-wysiwyg ol li::marker {
  background-color: #fff;
  color: #fff;
}
section.section.section--testimonial .testimonial__gradient-overlay {
  display: none;
}
section.section.section--testimonial.has-gradient {
  padding: 6rem 0 0;
}
@media screen and (min-width:991px) {
  section.section.section--testimonial.has-gradient {
    padding-top: 8rem;
  }
}
section.section.section--testimonial.has-gradient .testimonial__gradient-overlay {
  display: block;
  position: relative;
  z-index: 9;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(32%);
  margin-top: -7.2%;
}
section.section.section--testimonial.has-gradient .testimonial__gradient-overlay svg {
  width: 100%;
  height: 100%;
}
section.section.section--testimonial.testimonial--slider-mode {
  background: linear-gradient(170deg, #221FCE 18.72%, #2626FF 36.62%, #53EBFF 101.47%);
}
section.section.section--testimonial.testimonial--slider-mode .cws.testimonial .testimonial__quote-wrap blockquote p {
  max-width: unset;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 450;
}
@media screen and (min-width:991px) {
  section.section.section--testimonial.testimonial--slider-mode .cws.testimonial .testimonial__quote-wrap blockquote p {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
section.section.section--testimonial.testimonial--slider-mode .cws.testimonial .testimonial__quote-wrap cite {
  max-width: 39.375rem;
}

/*# sourceMappingURL=style.css.map */