.adn_created_by{
    padding: 15px   ;
    margin-top: 10px;
      margin-bottom: 10px;
     background-color: #eff31b ;

     border-radius: 10px;
}   

body {
  border: 10px solid rgb(243, 203, 0) !important;
}
/* ============================
   LOGO MARQUEE (FINAL FIX)
============================ */

.logoMarquee {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.logoMarquee:hover .logoMarquee__group {
  animation-play-state: paused;
}

/* تدرّج خفيف على الأطراف */
.logoMarquee::before,
.logoMarquee::after{
  content:"";
  position:absolute;
  top:0;
  height:100%;
  width:110px;
  z-index:2;
  pointer-events:none;
}

.logoMarquee::before{
  left:0;
  background: linear-gradient(to right, var(--logoFade), transparent);
}

.logoMarquee::after{
  right:0;
  background: linear-gradient(to left, var(--logoFade), transparent);
}

:root{ --logoFade:#F5F3FF; }
.dark{ --logoFade:#0b0a10; }

/* سطر الشعارات (مهم: nowrap) */
.logoMarquee__group{
  display: flex;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 56px;
  white-space: nowrap;
  width: max-content;
  animation: logoMarqueeScroll 26s linear infinite;
  will-change: transform;
}

/* عنصر الشعار */
.logoMarquee__item{
  flex: 0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .65;
  transition: .25s ease;
}

.logoMarquee__item:hover{
  opacity: 1;
  transform: scale(1.05);
}

.logoMarquee__img{
  height: 42px;
  width: auto;
  object-fit: contain;
  display:block;
}

/* الحركة */
@keyframes logoMarqueeScroll{
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}

/* موبايل */
@media (max-width: 640px){
  .logoMarquee__group{ gap: 34px; animation-duration: 20s; }
  .logoMarquee__img{ height: 34px; }
  .logoMarquee::before,.logoMarquee::after{ width: 70px; }
}