/* === wpcode CSS snippets === */
 /* Desktop fixed layout */
  .brand-section { max-width: 1200px; margin: 0 auto; padding: 24px; }
  .brand-grid { display: grid; gap: 16px; grid-template-columns: repeat(6, 1fr); align-items:center; }
  .brand-grid img { max-height: 48px; width: auto; display:block; margin:0 auto; }

  /* Swiper mobile layout (hidden on desktop) */
  .brand-swiper { display: none; }
  .brand-swiper .swiper-slide { width: auto; display:flex; align-items:center; justify-content:center; padding: 0 12px; }
  .brand-swiper img { height: 40px; width: auto; display:block; }

  /* make Swiper movement linear */
  .brand-swiper .swiper-wrapper {
    transition-timing-function: linear !important;
  }

  /* Responsive switch: show Swiper below 992px, grid above */
  @media (max-width: 991.98px) {
    .brand-grid { display: none; }
    .brand-swiper { display: block; }
  }

.marquee {
  display: flex;
  gap: 24px;
  animation: marqueeAnim 8s linear infinite; /* 8s = fast */
}
@keyframes marqueeAnim {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Make all slides visible on desktop */
@media (min-width: 992px) {
  .custom-mobile-slider .swiper-wrapper {
    transform: none !important; /* stop Swiper moving */
    display: flex;
  }
  .custom-mobile-slider .swiper-slide {
    width: 25% !important;
    flex: 1 1 auto;
  }
	
	.custom-mobile-slider .swiper-slide {
  display: flex;
  justify-content: center;  /* center horizontally */
  align-items: center;      /* center vertically */
  text-align: center;
}
}

@media (max-width: 991px) {
  .custom-mobile-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .custom-mobile-slider .swiper-slide img {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
    display: block;
  }
}

.custom-mobile-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: auto !important;
}