.logo-slider {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #fff; /* adjust to match your site */
}

.logo-slide-track {
  display: flex;
  animation: scroll 30s linear infinite;
}

.logo-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-right: 100px; /* default spacing */
  flex: 0 0 auto; /* prevents logos from squishing */
}

.logo-slide img {
  max-height: 80px;
  max-width: 200px;
  object-fit: contain;
}

/* Animation for smooth scrolling */
@keyframes scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* RESPONSIVE ADJUSTMENTS */
@media (max-width: 1024px) {  /* tablets */
  .logo-slide {
    margin-right: 30px;
  }
  .logo-slide img {
    max-height: 70px;
    max-width: 160px;
  }
}

@media (max-width: 768px) {  /* mobile landscape */
  .logo-slide {
    margin-right: 20px;
  }
  .logo-slide img {
    max-height: 60px;
    max-width: 140px;
  }
}

@media (max-width: 480px) {  /* mobile portrait */
  .logo-slide {
    margin-right: 15px;
  }
  .logo-slide img {
    max-height: 50px;
    max-width: 120px;
  }
}



.menu-item-11270 > a,
#menu-item-11270 > a {
  background: #4F4798 !important;
  color: #fff !important;
  padding: 10px 20px;
  display: inline-block;
}
.menu-item-11272 > a,
#menu-item-11272 > a {
  background: #ba0079 !important;
  color: #fff !important;
  padding: 10px 20px;
  display: inline-block;
}
/* Adds space under the entire nav */
#site-navigation,
.main-navigation,
.primary-navigation {
  margin-bottom: 40px;  /* adjust as needed */
}
.main-navigation .menu > li > a[style],
.main-navigation .menu > li.solid-bg > a,
#menu-item-11270 > a,
#menu-item-11272 > a {
  margin: 0 8px; /* left/right spacing */
}