.brand-container {
    max-width: 1440px;
    margin: auto;
}
.brand-container h2{
    font-family: Archivo;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 10px;
}
.brand-swiper-container{
    padding: 20px 14px 59px 42px;
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-wrapper:first-child{
    padding: 0 !important;
}
.swiper-brand-work img{
    width: 100%;
    height: 48px;
    object-fit: contain;
}
/* Brand marquee styles */
.brand-swiper-container { 
  position: relative; 
  overflow: hidden; 
  width: 100%; 
  margin-top: 10px;
}

.brandMarquee { width: 100%; overflow: hidden; }

.brandTrack {
  display: flex;
  align-items: center;
  gap: 50px;                 /* space between logos (desktop) */
  will-change: transform;
}

.brandSlide {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.brandSlide img {
  display: block;
  height: 40px;              /* adjust to taste */
  width: auto;
  object-fit: contain;
}
.brand-swiper-container .swiper { overflow: hidden; }
.brand-swiper-container .swiper-wrapper {
  align-items: center;
  transition-timing-function: linear !important;
}
.brand-swiper-container .swiper-slide {
  width: auto; flex: 0 0 auto; display: flex; align-items: center;
}
.brand-swiper-container .swiper-slide img {
  height: 42px; width: auto; display: block;
  filter: grayscale(100%); opacity: .85; transition: opacity .2s ease, filter .2s ease;
}
.brand-swiper-container .swiper-slide img:hover { opacity: 1; filter: none; }

@media (max-width: 640px) {
  .brand-swiper-container .swiper-slide img { height: 32px; }
}

/* GPU hint */
.brand-swiper-container .swiper-wrapper,
.brand-swiper-container .swiper-slide { will-change: transform; transform: translate3d(0,0,0); }

@media (max-width: 1024px) {
    .brand-container h2{
        font-weight: 400;
        font-size: 15px;
		line-height: 1.5;
        color: #191919;
        margin-bottom: 8px;
    }
    .brand-swiper-container{
        padding: 10px 32px 18.5px 27px;
    }
    .swiper-brand-work img{
        height: 30px;
    }
    @media (max-width: 767px) {
  .brandTrack { gap: 28px; }
  .brandSlide img { height: 32px; }
}
}