/* Do not edit anything below */
.icon-cards-section .icon-cards__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 1rem + 0.25 * (100vw - 48rem) / 27, 1.25rem);
}
@media (width >= 768px) {
  .icon-cards-section .icon-cards__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__grid {
    grid-auto-flow: dense;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-1 {
    grid-column: span 1;
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-2 {
    grid-column: span 2;
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-3 {
    grid-column: span 3;
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-4 {
    grid-column: span 4;
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-5 {
    grid-column: span 5;
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-6 {
    grid-column: span 6;
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-7 {
    grid-column: span 7;
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-8 {
    grid-column: span 8;
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-9 {
    grid-column: span 9;
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-10 {
    grid-column: span 10;
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-11 {
    grid-column: span 11;
  }
}
@media (width >= 1024px) {
  .icon-cards-section .icon-cards__card--h-12 {
    grid-column: span 12;
  }
}
@media (width >= 768px) and (width < 1024px) {
  .icon-cards-section .icon-cards__card:last-child:nth-child(odd) {
    grid-column: span 2;
  }
}
.icon-cards-section .icon-cards__card {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  border-radius: clamp(0.5rem, 0.5rem + 0.25 * (100vw - 48rem) / 27, 0.75rem);
  position: relative;
  overflow: hidden;
}
.icon-cards-section .icon-cards__card::before {
  background: radial-gradient(ellipse at 50% 50%, rgb(255, 255, 255) 0%, rgb(248, 248, 248) 100%);
  border-radius: inherit;
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
}
.icon-cards-section .icon-cards__icon {
  inline-size: clamp(2.625rem, 2.625rem + 0.375 * (100vw - 48rem) / 27, 3rem);
  block-size: clamp(2.625rem, 2.625rem + 0.375 * (100vw - 48rem) / 27, 3rem);
  margin-block-end: clamp(1rem, 1rem + 0.5 * (100vw - 48rem) / 27, 1.5rem);
}
.icon-cards-section .icon-cards__icon img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}
.icon-cards-section .icon-cards__heading {
  color: #080c11;
  font-family: "Oldschool Grotesk", -apple-system, blinkmacsystemfont, "avenir next", "avenir, segoe ui", "helvetica neue", helvetica, ubuntu, roboto, noto, arial, sans-serif;
  font-size: clamp(1.25rem, 1.25rem + 0.375 * (100vw - 48rem) / 27, 1.625rem);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin-block-end: clamp(0.5rem, 0.5rem + 0.5 * (100vw - 48rem) / 27, 1rem);
}
.icon-cards-section .icon-cards__description {
  color: #080c11;
  font-family: "Oldschool Grotesk", -apple-system, blinkmacsystemfont, "avenir next", "avenir, segoe ui", "helvetica neue", helvetica, ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.02em;
}