/* الكود الأصلي */
.slider__bg {
  mix-blend-mode: normal !important;
}




/* 1. السلايدر نفسه */
.brand-area {
  position: relative;
  width: 100vw; /* ملء عرض الصفحة بالكامل */
  overflow: hidden;
  background: #fff;
  margin: 0;
  padding: 50px 0;
}

/* 2. إزالة أي قيود من الكونتينر */
.brand-area .container,
.brand-area .row {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* 3. التغليف العام للّوجوهات */
.brands-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px; /* المسافة بين اللوجوهات */
  animation: scrollLogos 25s linear infinite;
}

/* 4. تنسيق كل لوجو */
.brand-item img {
  width: 150px;
  height: auto;
  display: block;
}

/* 5. حركة مستمرة من اليمين لليسار */
@keyframes scrollLogos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* 6. تأكد من إزالة أي padding داخلي أو خارجي */
.brand-area *,
.brand-area *::before,
.brand-area *::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
}