/* Customers Section */
.customers {
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}
.head__customers {
  text-align: center;
  margin-bottom: 2.4rem;
}
.customers-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  position: relative;
  mask-image:
    linear-gradient(to right, transparent, black 8%, black 92%, transparent),
    linear-gradient(to bottom, transparent, black 8%, black 92%, transparent);
  margin: 0 var(--px-md);
  -webkit-mask-composite: intersect;
  mask-composite: intersect;
}
.customer-item {
}
.customer-item.num-5 {
  grid-column: 2;
}
.customer-item.num-9 {
  grid-column: 1;
  grid-row: 2;
}
.sw--customers .swiper-slide {
  height: auto;
}
.customer__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.4rem;
  gap: 1rem;
  transition: all 0.3s ease;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
}
.customers__logo img {
  object-fit: contain;
  max-height: 10rem;
}
.customer-item {
  /* margin: 0.5px; */
  border: 0.5px solid #d4dbe6;
  /* background: #fff; */
}
.customers__title {
  text-align: center;
}
.num-1,
.num-2,
.num-3,
.num-4 {
  border-top: 0;
}
.num-1 {
  border-right: 0;
}
.num-4 {
  border-left: 0;
}
.num-9,
.num-8,
.num-7,
.num-6,
.num-5 {
  border-bottom: 0;
}
.num-1 {
  border-right: 0;
}
.num-9 {
  border-right: 0;
}
.num-8 {
  border-left: 0;
}

.customer__logo {
  width: 100%;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.customer__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.7;
  transition: all 0.3s ease;
}

.customer__item:hover .customer__logo img {
  filter: grayscale(0%);
  opacity: 1;
}
.customers__logo {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section--customers .adrian-circles.left .circle {
  --c: rgb(254, 248, 231);
}
.section--customers .adrian-circles.right .circle {
  --c2: rgb(233, 241, 237);
}

.swiper-initialized .section--customers .circle-w {
  transform: rotate(180deg);
  transition: 1s;
  opacity: 0;
}
.swiper-slide-active .section--customers .circle-w {
  transform: rotate(360deg);
  opacity: 1;
  transition: 2s ease-in-out;
}
.mobile .section--customers::before {
  content: "";
  background-image: url(../assets/imgs/circle-mobile-yellow.webp);
  position: absolute;
  width: 53%;
  height: 25rem;
  top: -12rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  pointer-events: none;
  z-index: -1;
  left: 0;
}
@media (width >= 768px) {
  .customers {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (width <1024px) {
  .customer__item {
    padding: 1.5rem;
  }
  .num-8 {
    grid-column: 3;
    grid-row: 1;
    border-bottom: 0.5px solid #d4dbe6;
  }
}
@media (width >= 1024px) {
  .customers-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .customers {
    grid-template-columns: repeat(6, 1fr);
    gap: 3rem;
  }

  .customer__logo {
    height: 8rem;
  }
}