/* Home "Client testimonials" carousel (L2w), front page only.
 * Under the quote: bullets at the start, the two arrows (gold rings) at the end. The arrows keep the same physical
 * order in both languages (left-pointing on the left); in Arabic Swiper makes the left one go forward.
 * Slides share one height so the controls never jump. */
.abd-home-testimonials .abd-tm-carousel {
  position: relative;
  padding-bottom: 76px;
}
.abd-home-testimonials .abd-tm-carousel .swiper-wrapper { align-items: stretch; }
.abd-home-testimonials .abd-tm-carousel .swiper-slide { height: auto; }
.abd-home-testimonials .abd-tm-card { height: 100%; }
.abd-home-testimonials .abd-tm-card .elementor-widget-text-editor p { margin: 0; }
.abd-home-testimonials .abd-tm-logo-box { flex: none; }
.abd-home-testimonials .abd-tm-logo { display: block; max-width: none; filter: grayscale(1); opacity: .6; }

/* arrows (Elementor's loop carousel rules weigh 0,4,0: these weigh 0,5,0) */
.abd-home-testimonials .abd-tm-carousel.elementor-element .swiper ~ .elementor-swiper-button {
  position: absolute;
  top: auto;
  bottom: 0;
  left: auto;
  right: auto;
  transform: none;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  border: 1px solid #BB8100;
  border-radius: 50%;
  background: transparent;
  color: #BB8100;
  font-size: 15px;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}
.abd-home-testimonials .abd-tm-carousel.elementor-element .swiper ~ .elementor-swiper-button svg { width: 15px; height: 15px; fill: currentColor; }
.abd-home-testimonials .abd-tm-carousel.elementor-element .swiper ~ .elementor-swiper-button i { color: currentColor; }
.abd-home-testimonials .abd-tm-carousel.elementor-element .swiper ~ .elementor-swiper-button:hover { background: #BB8100; color: #fff; }
.abd-home-testimonials .abd-tm-carousel.elementor-element .swiper ~ .elementor-swiper-button:focus-visible { outline: 2px solid #BB8100; outline-offset: 3px; }
.abd-home-testimonials .abd-tm-carousel.elementor-element .swiper ~ .elementor-swiper-button-next { left: auto; right: 0; }
.abd-home-testimonials .abd-tm-carousel.elementor-element .swiper ~ .elementor-swiper-button-prev { left: auto; right: 56px; }
html[dir="rtl"] .abd-home-testimonials .abd-tm-carousel.elementor-element .swiper ~ .elementor-swiper-button-prev { right: auto; left: 0; }
html[dir="rtl"] .abd-home-testimonials .abd-tm-carousel.elementor-element .swiper ~ .elementor-swiper-button-next { right: auto; left: 56px; }

/* bullets */
.abd-home-testimonials .abd-tm-carousel .swiper-pagination {
  position: absolute;
  top: auto;
  bottom: 0;
  left: auto;
  right: auto;
  inset-inline-start: 0;
  width: auto;
  height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  transform: none;
  text-align: start;
}
.abd-home-testimonials .abd-tm-carousel .swiper-pagination-bullet {
  position: relative;
  width: 8px;
  height: 8px;
  margin: 0 8px !important;
  border-radius: 4px;
  background: #cfc6b4;
  opacity: 1;
  transition: width .3s ease, background-color .3s ease;
}
.abd-home-testimonials .abd-tm-carousel .swiper-pagination-bullet::after {   /* a 32 px hit area */
  content: "";
  position: absolute;
  inset: -12px;
}
.abd-home-testimonials .abd-tm-carousel .swiper-pagination-bullet:hover { background: #9c8a64; }
.abd-home-testimonials .abd-tm-carousel .swiper-pagination-bullet-active { width: 26px; background: #BB8100; }
.abd-home-testimonials .abd-tm-carousel .swiper-pagination-bullet:focus-visible { outline: 2px solid #BB8100; outline-offset: 4px; }

@media (max-width: 767px) {
  .abd-home-testimonials .abd-tm-carousel { padding-bottom: 68px; }
  .abd-home-testimonials .abd-tm-carousel .swiper-pagination-bullet { margin: 0 6px !important; }
}
/* reduce motion: testimonials.js sets Swiper's speed to 0 (a CSS 0 ms transition would leave Swiper waiting for transitionend) */