.icons-grid {
  background-color: var(--c-main);
  color: var(--c-white);
  position: relative;
}
.icons-grid::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 50%;
  max-height: 800px;
  background-image: url("https://8355570.fs1.hubspotusercontent-na1.net/hubfs/8355570/Website/backgrounds/right-baril-name.webp");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  pointer-events: none;
  z-index: 0;
}
.icons-grid .container {
  position: relative;
  z-index: 1;
}
.icons-grid__content {
  color: var(--c-white);
}
.icons-grid__cards {
  display: grid;
  gap: 5rem;
  grid-template-columns: 1fr;
  padding: var(--col-gap) 0;
}
.icons-grid__icon {
  display: block;
  width: 100%;
  max-width: 80px;
  height: auto;
  margin: 0 auto 2rem auto;
}
.icons-grid__card {
  max-width: var(--width-cards);
  margin: 0 auto 4rem auto;
  {#border-bottom: 3px solid var(--c-main);#}
}
{#.icons-grid__card:hover {
  border-bottom: 3px solid #F7901E;
}#}
.icons-grid__card h4,
.icons-grid__card p {
  color: var(--c-white);
  text-align: center;
}
@media (min-width: 640px) {
  .icons-grid__cards {
    grid-template-columns: repeat(calc(var(--icons-grid-cols) / 2), 1fr);
  }
}
@media (min-width: 1280px) {
  .icons-grid__cards {
    grid-template-columns: repeat(var(--icons-grid-cols), 1fr);
  }
}