/* Worksoft Business — marka şeridi (Swiper yok; CSS marquee) */

.brand-section--wb .brand-section-2__wrap {
  border-bottom: 1px solid rgba(25, 41, 41, 0.08);
}

.wb-brand-marquee {
  --wb-brand-speed: 28s;
  width: 100%;
  overflow: hidden;
}

.wb-brand-marquee__track {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: max-content;
}

.wb-brand-marquee.is-autoplay .wb-brand-marquee__track {
  animation: wb-brand-marquee-scroll var(--wb-brand-speed) linear infinite;
}

.wb-brand-marquee__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 220px;
  padding: 72px 56px;
  border-right: 1px solid rgba(25, 41, 41, 0.08);
  box-sizing: border-box;
  transition: background-color 0.3s ease-in-out;
}

.wb-brand-marquee__item:hover {
  background-color: var(--rr-heading-primary, #192929);
}

.wb-brand-marquee__item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.wb-brand-marquee__item img {
  display: block !important;
  width: 140px !important;
  max-width: none !important;
  height: auto !important;
  min-width: 100px;
  min-height: 28px;
  object-fit: contain;
  opacity: 1 !important;
  visibility: visible !important;
}

.wb-brand-marquee__item:hover img {
  filter: invert(85%) sepia(57%) saturate(505%) hue-rotate(38deg) brightness(101%) contrast(92%);
}

.wb-brand-marquee__item.is-custom:hover img {
  filter: invert(85%) sepia(57%) saturate(505%) hue-rotate(38deg) brightness(101%) contrast(92%);
}

@media only screen and (max-width: 1199px) {
  .wb-brand-marquee__item {
    padding: 56px 48px;
    min-width: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .wb-brand-marquee__item {
    padding: 40px 32px;
    min-width: 160px;
  }

  .wb-brand-marquee__item img {
    width: 110px !important;
    min-width: 80px;
  }
}

@keyframes wb-brand-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wb-brand-marquee.is-autoplay .wb-brand-marquee__track {
    animation: none;
  }
}