:root {
  --vx-space-3xs: 2px;
  --vx-space-2xs: 4px;
  --vx-space-xs: 8px;
  --vx-space-s: 12px;
  --vx-space-m: 16px;
  --vx-space-l: 20px;
  --vx-space-xl: 24px;
  --vx-space-2xl: 32px;
  --vx-space-3xl: 40px;
  --vx-space-4xl: 48px;
  --vx-space-5xl: 72px;
  --vx-space-6xl: 96px;
  --vx-size-6xl: 96px;
  --vx-size-5xl: 72px;
  --vx-size-4xl: 48px;
  --vx-size-3xl: 32px;
  --vx-size-2xl: 24px;
  --vx-size-xl: 20px;
  --vx-size-l: 18px;
  --vx-size-m: 16px;
  --vx-size-s: 14px;
  --vx-size-xs: 12px;
  --vx-size-2xs: 10px;
  --vx-size-3xs: 8px;
  --vx-size-4xs: 4px;
  --vx-size-5xs: 2px;
  --vx-size-custom-39: 39px;
  --vx-size-custom-30: 30px;
  --vx-border-radius-max: 50%;
  --vx-border-radius-5xl: 24px;
  --vx-border-radius-4xl: 22px;
  --vx-border-radius-3xl: 20px;
  --vx-border-radius-2xl: 18px;
  --vx-border-radius-xl: 16px;
  --vx-border-radius-l: 12px;
  --vx-border-radius-m: 8px;
  --vx-border-radius-s: 6px;
  --vx-border-radius-xs: 4px;
  --vx-border-radius-2xs: 3px;
  --vx-border-radius-3xs: 2px;
  --vx-max-w: 1120px; }

:root {
  --vx-black: #000;
  --vx-white: #fff;
  --vx-gray: #e5e7eb;
  --vx-nav-hover: #787878;
  --vx-btn-hover: #343434;
  --vx-second-container: #f5f5f5;
  --vx-third-container: #d6e3f5;
  --vx-fourth-container: #212223;
  --vx-fifth-container: #afffba; }

:focus {
  outline: none; }

* {
  -webkit-tap-highlight-color: transparent; }

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-width: 0;
  border-style: solid; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

button {
  all: unset; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden; }

body {
  line-height: 1;
  color: var(--vx-black);
  overflow-x: hidden;
  width: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: 'Space Mono', monospace; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  user-select: none; }

.display-flex {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.display-inline-flex {
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.display-block {
  display: block; }

.display-none {
  display: none; }

.display-grid {
  display: grid; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-fixed {
  position: fixed; }

.flex-row {
  flex-direction: row; }

.flex-row-reverse {
  flex-direction: row-reverse; }

.flex-col {
  flex-direction: column; }

.flex-col-reverse {
  flex-direction: column-reverse; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse; }

.flex-nowrap {
  flex-wrap: nowrap; }

.flex-1 {
  flex: 1 1 0; }

.flex-auto {
  flex: 1 1 auto; }

.flex-initial {
  flex: 0 1 auto; }

.flex-none {
  flex: none; }

.flex-order-first {
  order: -9999; }

.flex-order-last {
  order: 9999; }

.flex-order-none {
  order: 0; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-between {
  justify-content: space-between; }

.justify-center {
  justify-content: center; }

.items-center {
  align-items: center; }

.items-start {
  align-items: start; }

.items-end {
  align-items: end; }

.items-stretch {
  align-items: stretch; }

.justify-items-start {
  justify-items: start; }

.justify-items-end {
  justify-items: end; }

.justify-items-center {
  justify-items: center; }

.justify-items-stretch {
  justify-items: stretch; }

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.svg-fill-current {
  fill: currentColor; }

.svg-stroke-current {
  stroke: currentColor; }

.vx-c-hd {
  max-width: 100%;
  width: 100%; }

a {
  display: flex; }

.l-res:link, .l-res:visited, .l-res:hover {
  text-decoration: none;
  color: var(--vx-black); }

.vx-tf {
  font-family: 'Poppins', sans-serif; }

.vx-h1 {
  font-size: 54px;
  line-height: 54px; }
  @media only screen and (max-width: 720px) {
    .vx-h1 {
      font-size: 38px; } }

.vx-h2 {
  font-size: 36px;
  line-height: 48px; }
  @media only screen and (max-width: 720px) {
    .vx-h2 {
      font-size: 30px;
      line-height: 38px; } }

.vx-f-b {
  font-weight: 700; }

.vx-p-alt {
  font-size: 18px;
  line-height: 28px; }

.vx-text-c {
  text-align: center; }

.vx-fs-0 {
  flex-shrink: 0; }

.t-col-w {
  color: var(--vx-white); }

.vx-b-rounded {
  border-radius: var(--vx-border-radius-m); }

.vx-b-rounded-s {
  border-radius: var(--vx-border-radius-xl); }