/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: 'Barlow Regular';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Regular.ttf"); }

@font-face {
  font-family: 'Barlow Medium';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/Barlow-Medium.ttf"); }

@font-face {
  font-family: 'Myriad Pro';
  font-weight: normal;
  src: url("/app/themes/nfc-vivolta/assets/fonts/MyriadPro-Regular.woff2"); }

[data-aos="fill-in-text"].aos-animate {
  -webkit-clip-path: inset(0);
          clip-path: inset(0); }

.section-icons__container {
  --icon-size: 5rem;
  display: grid;
  grid-template-columns: repeat(3, min-content);
  justify-items: center;
  gap: 1rem;
  margin: 0 auto;
  justify-content: center; }
  @media (min-width: 768px) {
    .section-icons__container {
      --icon-size: 4.3rem;
      display: flex;
      justify-content: space-between; } }
  @media (min-width: 981px) {
    .section-icons__container {
      --icon-size: 6rem; } }

.section-icons__icon {
  width: var(--icon-size);
  height: var(--icon-size);
  position: relative;
  border-radius: 100%;
  background: var(--black);
  display: flex;
  justify-content: center;
  align-items: center; }
  .section-icons__icon img {
    position: absolute;
    filter: brightness(100) contrast(1.5);
    height: 70%;
    width: 70%; }

/*# sourceMappingURL=icons.css.map */