.youtuo_solution_partner {
  padding: 4.0625rem 0;
  font-family: Poppins;
}

.youtuo_solution_partner_title {
  font-size: var(--font-size-62);
  font-weight: 600;
  color: #000;
  line-height: 2.59375rem;
  margin-bottom: 2.5rem;
}

/* grid: 4 equal columns */
.youtuo_solution_partner_box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
  align-items: start;
}

/* even items sit 92px lower than odd items */
.youtuo_solution_partner_item:nth-child(even) {
  margin-top: 2.875rem;
}

/* card */
.youtuo_solution_partner_item {
  position: relative;
  border-radius: 0.5625rem;
  overflow: hidden;
  cursor: pointer;
  color: #000;
  background: #f8f8f8;
}
.youtuo_solution_partner_item:hover {
  color: #ffffff;
}

.youtuo_solution_partner_item img {
  width: 100%;
  aspect-ratio: 161/121;
  object-fit: cover;
  display: block;
  border-radius: 0.5625rem;
  position: relative;
  z-index: 2;
}

.partner_item_bottom {
  width: 100%;
  aspect-ratio: 96 / 49;
  padding: 1rem 1.75rem 1rem 1.75rem;
}
.partner_item_title {
  font-size: var(--font-size-22);
  font-weight: 600;
  text-align: center;
}

.partner_item_desc {
  font-size: var(--font-size-16);
  font-weight: 400;
  margin-top: 0.4375rem;
  text-align: center;
}

.youtuo_solution_partner_item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5625rem;
  background: var(--color-primary);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.youtuo_solution_partner_item:hover::after {
  opacity: 1;
}

/* title + desc above overlay on hover */
.partner_item_title,
.partner_item_desc {
  position: relative;
  z-index: 1;
}

/* CTA button */
.youtuo_solution_partner .clean-home-btn.service {
  margin-top: 2.5rem;
  text-align: center;
}

.youtuo_solution_partner .clean-home-btn.service a {
  display: inline-block;
  font-size: var(--font-size-26);
  font-weight: 500;
  color: #fff;
  line-height: 1.34375rem;
  background-color: var(--color-primary);
  border-radius: 0.3125rem;
  padding: 0.25rem 0.9375rem;
  text-transform: capitalize;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .partner_item_bottom {
    padding: 1rem 1.25rem;
  }
}

/* responsive */
@media (max-width: 992px) {
  .youtuo_solution_partner_box {
    grid-template-columns: repeat(2, 1fr);
  }

  .youtuo_solution_partner_item:nth-child(even) {
    margin-top: 0;
  }

  .youtuo_solution_partner_title {
    /* font-size: var(--font-size-48); */
  }
}

@media (max-width: 768px) {
  .youtuo_solution_partner_title {
    /* font-size: var(--font-size-36); */
    margin-bottom: 1.75rem;
  }
}

@media (max-width: 576px) {
  .youtuo_solution_partner_box {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }

  .youtuo_solution_partner_title {
    /* font-size: var(--font-size-28); */
  }

  .partner_item_title {
    font-size: var(--font-size-18);
  }

  .partner_item_desc {
    font-size: var(--font-size-14);
  }
}

/* scroll-repeat fade-up animation */
.partner-fade-up {
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.partner-fade-up.in-view {
  opacity: 1;
  transform: translateY(0);
}