/* ===== WEPADBOL-GLOBAL-FIX v2 ===== */

.referance-section {
  overflow: hidden;
}

.referance-section .sm-certificates-slider,
.referance-section .about-certificates {
  direction: ltr !important;
  overflow: hidden !important;
  width: 100%;
  max-width: 1740px;
  margin-inline: auto;
}

.referance-section .sm-certificates-slider .swiper-wrapper,
.referance-section .about-certificates .swiper-wrapper {
  direction: ltr !important;
  display: flex !important;
  grid-template-columns: none !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  width: max-content !important;
  height: 110px !important;
  transition: none !important;
  transform: translate3d(calc(-1 * var(--reference-cycle-width, 1560px)), 0, 0);
  animation: wepadbol-reference-scroll-right var(--reference-duration, 28s) linear infinite;
  will-change: transform;
}

.referance-section .sm-certificates-slider:hover .swiper-wrapper,
.referance-section .about-certificates:hover .swiper-wrapper {
  animation-play-state: paused;
}

.referance-section .sm-certificates-slider .swiper-slide,
.referance-section .sm-certificates-slider .item,
.referance-section .about-certificates .swiper-slide,
.referance-section .about-certificates .item {
  flex: 0 0 clamp(190px, 17.5vw, 300px) !important;
  width: clamp(190px, 17.5vw, 300px) !important;
  max-width: none !important;
  height: 110px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  transform: none !important;
}

.referance-section .sm-certificates-slider .inner,
.referance-section .about-certificates .inner {
  width: 100% !important;
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.referance-section .sm-certificates-slider img,
.referance-section .about-certificates img {
  width: min(220px, 82%) !important;
  max-width: 220px !important;
  height: 58px !important;
  object-fit: contain !important;
  object-position: center !important;
}

@keyframes wepadbol-reference-scroll-right {
  from {
    transform: translate3d(-50%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 768px) {
  .referance-section .sm-certificates-slider .swiper-wrapper,
  .referance-section .about-certificates .swiper-wrapper {
    height: 90px !important;
    --reference-duration: 20s;
  }

  .referance-section .sm-certificates-slider .swiper-slide,
  .referance-section .sm-certificates-slider .item,
  .referance-section .about-certificates .swiper-slide,
  .referance-section .about-certificates .item {
    flex-basis: 220px !important;
    width: 220px !important;
    height: 90px !important;
  }

  .referance-section .sm-certificates-slider .inner,
  .referance-section .sm-certificates-slider img,
  .referance-section .about-certificates .inner,
  .referance-section .about-certificates img {
    height: 52px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .referance-section .sm-certificates-slider .swiper-wrapper,
  .referance-section .about-certificates .swiper-wrapper {
    animation: none !important;
    transform: translate3d(0, 0, 0) !important;
  }
}

/* ===== WEPADBOL-AE-BLOG-DETAIL-SLIDER-FIX 2026-08-20-v3 ===== */
@media (min-width: 1025px) {
  [dir="rtl"] .blog-detail-section .image-wrapper.sticky-module {
    overflow: visible !important;
    z-index: 1;
  }

  [dir="rtl"] .blog-detail-section .three-carousel {
    overflow: hidden !important;
  }

  [dir="rtl"] .blog-detail-section .three-carousel .swiper-slide {
    left: 0 !important;
  }
}