/* ============================================================
   RiseInCloud — modernization CSS v3 (Aug 31, 2026)
   v2 grayscale filter was killing white logos on gradient sections.
   v3 removes the filter entirely and just polishes slider arrows.
   ============================================================ */

/* ── Slider arrows: visible, high-contrast, positioned inside the carousel ─── */
.swiper-button-prev, .swiper-button-next,
.elementor-swiper-button-prev, .elementor-swiper-button-next {
  width: 48px !important;
  height: 48px !important;
  background: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.18) !important;
  color: #1E40AF !important;
  opacity: 1 !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.swiper-button-prev { left: 20px !important; }
.swiper-button-next { right: 20px !important; }
.elementor-swiper-button-prev { left: 20px !important; }
.elementor-swiper-button-next { right: 20px !important; }

.swiper-button-prev:hover, .swiper-button-next:hover,
.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover {
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 8px 24px rgba(30, 64, 175, 0.3) !important;
}

.swiper-button-prev::after, .swiper-button-next::after,
.elementor-swiper-button-prev::after, .elementor-swiper-button-next::after {
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #1E40AF !important;
  line-height: 1 !important;
}

.swiper-button-prev svg, .swiper-button-next svg,
.elementor-swiper-button-prev svg, .elementor-swiper-button-next svg {
  width: 18px !important;
  height: 18px !important;
  fill: #1E40AF !important;
  stroke: #1E40AF !important;
}

/* ── Card hover polish (transform only, no color/bg change) ─── */
.elementor-widget-icon-box:hover,
.elementor-widget-image-box:hover {
  transform: translateY(-2px);
  transition: transform .2s ease;
}

/* ── Ensure client logos are visible (no filter override) ─── */
.elementor-widget-image-carousel img,
.swiper-slide img {
  filter: none !important;
  opacity: 1 !important;
}