body.page-id-507 {
  --body-background-color: #99C31F;
}
.acf-fc-customer-logo-tiles.acf-fc-row[class*="acf-fc-row-style-color"] {
  box-sizing: border-box;
  padding-top: 15px;
  padding-left: 15px;
}
.acf-fc-customer-logo-tiles.acf-fc-row[class*="acf-fc-row-style-color"].no-gap {
  padding-bottom: 15px;
  padding-right: 15px;
}
.acf-fc-customer-logo-tiles.acf-fc-row-full-width-columns-narrow .customer-logo-tiles-container {
  max-width: var(--content-width-narrow);
}
.acf-fc-customer-logo-tiles.acf-fc-row-full-width-columns-extra-narrow .customer-logo-tiles-container {
  max-width: var(--content-width-extra-narrow);
}
.acf-fc-customer-logo-tiles.acf-fc-row-full-width-columns-normal .customer-logo-tiles-container {
  max-width: var(--content-width);
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--content-width);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px 20px;
  container-type: inline-size;
  container-name: customer-logo-tiles-container;
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container li {
  height: calc((100cqw - (4 * 20px)) / 5);
  list-style-type: none;
  text-indent: 0;
  padding-left: 0;
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container li:before {
  content: none;
  width: 0;
}
@media (max-width: 1200px) {
  .acf-fc-customer-logo-tiles .customer-logo-tiles-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .acf-fc-customer-logo-tiles .customer-logo-tiles-container li {
    height: calc((100cqw - (3 * 20px)) / 4);
  }
}
@media (max-width: 900px) {
  .acf-fc-customer-logo-tiles .customer-logo-tiles-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .acf-fc-customer-logo-tiles .customer-logo-tiles-container li {
    height: calc((100cqw - (2 * 20px)) / 3);
  }
}
@media (max-width: 700px) {
  .acf-fc-customer-logo-tiles .customer-logo-tiles-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .acf-fc-customer-logo-tiles .customer-logo-tiles-container li {
    height: calc((100cqw - (1 * 20px)) / 2);
  }
}
@media (max-width: 1000px) {
  .acf-fc-customer-logo-tiles .customer-logo-tiles-container {
    grid-gap: 10px 5px;
  }
  .acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-tile:nth-child(even) .text-container {
    transition-delay: 0.3s;
  }
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container {
  box-sizing: border-box;
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  color: var(--color-main);
  text-decoration: none;
}
@media (min-width: 1001px) {
  .acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container::before {
    display: block;
    position: absolute;
    content: "";
    background-color: white;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transition: all 0.6s ease;
  }
  .acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container:nth-child(odd)::before {
    border-radius: 50%;
  }
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container img {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 50%;
  opacity: 0;
  transform: translateY(50%);
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container img.image-not-hover {
  opacity: 1;
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container .text-container {
  font-family: var(--heading1-font-family);
  text-align: center;
  font-size: 0.73rem;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 0;
  transition: all 0.4s ease;
  opacity: 0;
  pointer-events: none;
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container.expand::before {
  animation: scale-bounce-in 0.4s ease forwards;
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container.expand img {
  animation: move-up-bounce 0.6s ease forwards;
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container.expand img.image-not-hover {
  opacity: 0;
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container.expand img.image-hover {
  opacity: 1;
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container.expand .text-container {
  top: 60%;
  opacity: 1;
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container.not-expand::before {
  animation: scale-bounce-out 0.4s ease forwards;
}
.acf-fc-customer-logo-tiles .customer-logo-tiles-container .customer-logo-container.not-expand img {
  transition: all 0.4s ease;
  animation: move-down-bounce 0.6s ease forwards;
}
@keyframes move-up-bounce {
  0% {
    transform: translateY(50%);
  }
  50% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes move-down-bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(50%);
  }
}
@keyframes scale-bounce-in {
  0% {
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
  }
  50% {
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
  }
  100% {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
@keyframes scale-bounce-out {
  0% {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  50% {
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
  }
  100% {
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
  }
}