/* Section */

#Section3 {
  height: 51px;
  margin-top: 1px;
  width: 100vw;
  max-width: none;
  overflow: hidden;
  position: relative;
  color: #fff;
  border: 1px solid #091521;
  font-family: Arial, sans-serif;
  background: linear-gradient(270deg, rgba(154,33,33,0.71), #853333, rgba(248,61,61,0.32));
  background-size: 400% 400%;
  animation: bgMove 8s ease infinite;
}

/* background animation */

@keyframes bgMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* wrapper */

.slider-wrapper {
  display: flex;
  align-items: center;
  width: max-content;
  height: 100%;
  animation: marquee 20s linear infinite;
}

/* pause on hover */

#Section3:hover .slider-wrapper {
  animation-play-state: paused;
}

/* slide */

.slide {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  padding: 0 35px;
  font-size: 16px;
  text-shadow: 2px 2px 2px rgba(0,0,0,2.4);
}

/* logo */

.slide img {
  height: 47px;
  width: auto;
}

/* seamless animation */

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* SPEED CONTROL */

#Section3.speed-slow .slider-wrapper {
  animation-duration: 30s;
}

#Section3.speed-normal .slider-wrapper {
  animation-duration: 20s;
}

#Section3.speed-fast .slider-wrapper {
  animation-duration: 12s;
}

/* responsive */

@media (max-width:576px) {
  .slide {
    font-size: 27px;
    padding: 0 20px;
  }
}

@media (max-width:576px) {
  .slide img {
    height: 44px;
  }
}