/* Brand Section */
.brand-section {
  padding: 30px 20px;
}

/* Swiper */
.brand-swiper {
  padding: 20px 10px;
}

/* Brand Card */
.brand-card {
  height: 110px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  transition: transform 0.25s ease;
}

.brand-card:hover {
  transform: translateY(-4px);
}

.brand-card img {
  max-width: 95%;
  max-height: 85px;
  object-fit: contain;
}

/* Swiper arrows */
.swiper-button-next,
.swiper-button-prev {
  color: #111;
}


.brand-section .swiper-button-next,
.brand-section .swiper-button-prev {
  width: 28px;
  height: 28px;
  margin-top: 0;              /* default margin remove */
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-primary);
  color: var(--color-text-white);
  border-radius: 999px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.12);
}


/* icon size ছোট করা */
.brand-section .swiper-button-next::after,
.brand-section .swiper-button-prev::after {
  font-size: 12px;            /* arrow icon size */
  font-weight: 700;
}

/* edge এ চেপে দেয়া */
.brand-section .swiper-button-prev {
  left: 0px;                  /* আরো চেপে চাইলে -4px */
}

.brand-section .swiper-button-next {
  right: 0px;                 /* আরো চেপে চাইলে -4px */
}

/* swiper এর ভিতরে padding থাকলে arrow যেন বাইরে চলে না যায় */
.brand-section .brand-swiper {
  padding-left: 34px;
  padding-right: 34px;
}

@media (max-width: 480px) {
  .brand-card {
    height: 70px;
  }

  .brand-header h3 {
    font-size: 18px;
  }

  .brand-section {
  padding: 30px 10px;
}
}