@import "https://use.typekit.net/aua1inq.css";
@import "/wp-content/themes/windowrama/assets/fonts/stylesheet.css";
.promo-testimonials-slider {
  display: flex;
  overflow-x: visible;
  scroll-snap-type: x mandatory;
  gap: 2rem;
  padding-bottom: 1rem;
}
.promo-testimonials-slider {
  position: relative;
  padding: 0 60px; /* create space for arrows */
}

.promo-testimonials-slider .slick-prev,
.promo-testimonials-slider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background: white; /* or transparent if desired */
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 1.5rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.promo-testimonials-slider .slick-prev {
  left: -30px; /* adjust spacing as needed */
}

.promo-testimonials-slider .slick-next {
  right: -30px;
}

.testimonial-slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  display: flex;
  justify-content: center;
}

.testimonial-layout {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  background: transparent;
  color: white;
  padding: 2rem;
  border-radius: 8px;
  align-items: center;
}

.testimonial-image img {
  width: 429px;
  height: auto;
  border-radius: 0px;
}
.layout--promo-testimonials .egc-acf-block-title{
	    font-size: 52px;
    color: #fff;
}
.testimonial-text blockquote {
  margin: 0;
  font-size: 1.125rem;
}
.testimonial-text p{
	    font-size: 26px;
    line-height: 39px;
    color: #fff;
    font-family: 'Lato';
    font-weight: 300;
}

.testimonial-text footer {
  margin-top: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}

.stars {
  color: #fff;
  font-size: 1.5rem;
  margin-top: 0.5rem;
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.layout--testimonials {
    position: relative
}

.layout--testimonials .testimonials-container {
    max-width: 100%;
    position: relative;
    width: 100%
}

.layout--testimonials ul.slick-dots {
    display: flex;
    gap: 1rem;
    justify-content: center;
    list-style: none;
    padding-left: 0;
    width: 100%
}

.layout--testimonials ul.slick-dots li button {
    background: #fff;
    border: 2px solid var(--egc-brand-color-2);
    border-radius: 50%;
    color: transparent;
    height: 1rem;
    width: 1rem
}

.layout--testimonials ul.slick-dots li.slick-active button {
    background-color: var(--egc-brand-color-2)
}

.layout--testimonials ul.slick-dots li:first-child:last-child {
    display: none
}

.layout--testimonials .slick-arrow {
    background-color: #fff;
    border-radius: 50%;
    font-size: max(24px, min(calc(-4.61538px + 2.88462vw), 30px));
    height: max(24px, min(calc(-4.61538px + 2.88462vw), 30px));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: max(24px, min(calc(-4.61538px + 2.88462vw), 30px));
    z-index: 1
}

.layout--testimonials .slick-arrow[\:has\(\.fa-circle-chevron-right\)] {
    right: 0
}

.layout--testimonials .slick-arrow:has(.fa-circle-chevron-right) {
    right: 0
}

.layout--testimonials .slick-arrow[\:has\(\.fa-circle-chevron-left\)] {
    left: 0
}

.layout--testimonials .slick-arrow:has(.fa-circle-chevron-left) {
    left: 0
}

.layout--testimonials .slick-track {
    align-items: center;
    display: flex
}

.layout--testimonials .single-testimonial {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-width);
    position: relative;
    width: 100%
}

.layout--testimonials .single-testimonial .testimonial-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    position: relative;
    width: 100%
}

.layout--testimonials .single-testimonial blockquote {
    position: relative;
    z-index: 1
}

.layout--testimonials .single-testimonial blockquote p {
    font-size: var(--egc-font-h4-size);
    text-align: left
}

.layout--testimonials .single-testimonial blockquote footer {
    text-align: left;
    text-transform: uppercase
}

.layout--testimonials .single-testimonial blockquote cite {
    font-family: var(--egc-font-family-base);
    font-size: var(--egc-font-size-lg);
    font-style: normal;
    font-weight: 200;
    text-align: center
}

.layout--testimonials.has-bg-color.brand-color-1 blockquote * {
    color: #fff
}

.layout--testimonials.has-bg-color.brand-color-1 .quotation-marks svg path {
    fill: #fff
}

.layout--testimonials.has-white-text blockquote * {
    color: #fff
}

.layout--testimonials.has-white-text .quotation-marks svg path {
    fill: #fff
}

@media all and (max-width: 980px) {
.testimonial-layout {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    background: transparent;
    color: white;
    padding: 0;
    border-radius: 8px;
    align-items: center;
}
.testimonial-image img {
    width: 100%;
    height: auto;
    border-radius: 0px;
}
}