.elementor-696 .elementor-element.elementor-element-20722a96{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--padding-top:6rem;--padding-bottom:6rem;--padding-left:3%;--padding-right:3%;}.elementor-696 .elementor-element.elementor-element-20722a96:not(.elementor-motion-effects-element-type-background), .elementor-696 .elementor-element.elementor-element-20722a96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://exclusiveepoxyconcrete.com/wp-content/uploads/2025/12/review_background_img-scaled.png");background-position:center center;background-size:cover;}.elementor-696 .elementor-element.elementor-element-49839423{--display:flex;--gap:42px 42px;--row-gap:42px;--column-gap:42px;}.elementor-696 .elementor-element.elementor-element-2a3af126{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0;--margin-bottom:0;--margin-left:auto;--margin-right:auto;}.elementor-696 .elementor-element.elementor-element-17464864{width:var( --container-widget-width, 1165px );max-width:1165px;--container-widget-width:1165px;--container-widget-flex-grow:0;text-align:center;}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-main-swiper .swiper-slide{background-color:var( --e-global-color-primary );border-width:1px 1px 1px 1px;border-radius:0px;border-color:var( --e-global-color-secondary );}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-testimonial__header{padding-top:20px;padding-left:20px;padding-right:20px;padding-block-end:calc( 12px / 2 );}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-testimonial__content{padding-bottom:32px;padding-left:20px;padding-right:20px;padding-block-start:calc( 12px / 2 );}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-swiper-button{font-size:21px;}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-testimonial__name{color:var( --e-global-color-7003d24 );}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-testimonial__header, .elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-testimonial__name{font-family:"Armstrong", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;font-style:italic;}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-testimonial__title{color:var( --e-global-color-secondary );font-family:"Saira", Sans-serif;font-weight:300;text-transform:none;}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-testimonial__text{color:var( --e-global-color-cc35f65 );font-family:"Saira", Sans-serif;font-size:15px;font-weight:400;line-height:21px;}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-testimonial__image img{width:58px;height:58px;}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-testimonial__image + cite{margin-inline-start:13px;margin-inline-end:0;}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-testimonial__icon{font-size:34px;}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-testimonial__icon svg{width:34px;}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-star-rating{font-size:20px;}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-star-rating i:not(:last-of-type){margin-inline-end:3px;}.elementor-696 .elementor-element.elementor-element-6690bcd8 .elementor-star-rating i:before{color:#FFD138;}@media(max-width:1024px) and (min-width:768px){.elementor-696 .elementor-element.elementor-element-2a3af126{--width:100%;}}@media(max-width:767px){.elementor-696 .elementor-element.elementor-element-20722a96:not(.elementor-motion-effects-element-type-background), .elementor-696 .elementor-element.elementor-element-20722a96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}}/* Start custom CSS for reviews, class: .elementor-element-6690bcd8 *//* Scrollable box */
.review-box .elementor-testimonial__content {
  max-height: 7em;              /* UPDATED */
  overflow-y: auto;
  margin-bottom: 2em;

  /* Push scrollbar inward */
  padding-right: 14px;          /* creates inner gutter */
  margin-right: 12px;           /* pulls layout back so text width stays correct */

  box-sizing: border-box;
}

/* =========================================
   Chrome, Edge, Safari scrollbar styling
   ========================================= */

.review-box .elementor-testimonial__content::-webkit-scrollbar {
  width: 2px;
}

.review-box .elementor-testimonial__content::-webkit-scrollbar-track {
  background: #3A3A3A;
  border-radius: 999px;
}

.review-box .elementor-testimonial__content::-webkit-scrollbar-thumb {
  background-color: #FFFFFF;
  border-radius: 0px;
  border: 0px solid transparent;
}

/* Hide scrollbar arrows */
.review-box .elementor-testimonial__content::-webkit-scrollbar-button {
  display: none;
}

/* Remove corner filler */
.review-box .elementor-testimonial__content::-webkit-scrollbar-corner {
  background: transparent;
}

/* =========================================
   Pagination bullets
   ========================================= */

.review-box .swiper-pagination {
  position: absolute !important;
  bottom: -15px !important;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}

.review-box .swiper-pagination-bullet {
  margin: 0 6px !important;
}

/* =========================================
   Header background
   ========================================= */

.review-box .elementor-testimonial__header {
  position: relative;
  background-image: url("http://markezb.sg-host.com/wp-content/uploads/2025/09/review_splatter.svg");
  background-repeat: no-repeat;
  background-position: 107% 0%;
  background-size: 100px 100px;
  padding-top: 20px;
}

/* =========================================
   Navigation arrows
   ========================================= */

/* PREVIOUS BUTTON */
.review-box .elementor-swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #000000;
  border: 2px solid #9A8850;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}

/* NEXT BUTTON */
.review-box .elementor-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #9A8850;
  border: 2px solid #9A8850;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}

/* HOVER STATES */
.review-box .elementor-swiper-button-prev:hover {
  background: #9A8850;
}

.review-box .elementor-swiper-button-next:hover {
  background: #000000;
}

/* ARROW ICONS */
.review-box .elementor-swiper-button-prev::after,
.review-box .elementor-swiper-button-next::after {
  font-size: 16px;
  color: #fff;
}/* End custom CSS */