:root {
  --bg-dark: #1C1C1C;
  --text-muted: #BABABA;
}
@font-face {
  font-family: 'NeueHaasGrotText-55Roman';
  src: url('../fonts/NeueHaasGroteskDisplayFamily/NeueHaasGrotDisp-55Roman-Trial.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SyneBold';
  src: url('../fonts/Syne-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SyneRegular';
  src: url('../fonts/Syne-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'alfont';
  src: url('../fonts/alfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'h2';
  src: url('../fonts/h2.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
      scroll-behavior: smooth;
    }
body {
  font-family: 'NeueHaasGrotText-55Roman', sans-serif;
}
.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}
.font-alfont {
  font-family: 'alfont', sans-serif;
}

.font-h2 {
  font-family: 'h2', sans-serif;
}


[dir="ltr"] .space-inline-20 > :not([hidden]) ~ :not([hidden]) {
  margin-left: 5rem; /* 20 */
}
[dir="rtl"] .space-inline-20 > :not([hidden]) ~ :not([hidden]) {
  margin-right: 5rem;
}