.horizontal-axis-md-col {
  display: flex;
  flex-direction: column;
  justify-content: var(--jst);
  align-items: var(--items);
  gap: calc(var(--gap) * 1vw / 7.67);
  --jst: space-between;
  --items: center;
  --gap: 0;
}
@media (min-width: 768px) {
  .horizontal-axis-md-col {
    flex-direction: row;
    gap: calc(var(--gap) * 1vw / 12);
  }
}

.horizontal-axis-md-row {
  display: flex;
  justify-content: var(--jst);
  align-items: var(--items);
  gap: calc(var(--gap) * 1vw / 7.67);
  --jst: space-between;
  --items: center;
  --gap: 0;
}
@media (min-width: 768px) {
  .horizontal-axis-md-row {
    gap: calc(var(--gap) * 1vw / 12);
  }
}

.horizontal-axis {
  display: flex;
  justify-content: var(--jst);
  align-items: var(--items);
  gap: calc(var(--gap) * 1vw / 7.67);
  --jst: space-between;
  --items: center;
  --gap: 0;
}
@media (min-width: 768px) {
  .horizontal-axis {
    gap: calc(var(--gap) * 1vw / 12);
  }
}

.horizontal-axis-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--jst);
  align-items: var(--items);
  gap: calc(var(--gap) * 1vw / 7.67);
  --jst: center;
  --items: center;
  --gap: 0;
}
@media (min-width: 768px) {
  .horizontal-axis-wrap {
    gap: calc(var(--gap) * 1vw / 12);
  }
}

.vertical-axis-md-row {
  display: flex;
  flex-direction: row;
  justify-content: var(--jst);
  align-items: var(--items);
  gap: calc(var(--gap) * 1vw / 7.67);
  --jst: space-between;
  --items: center;
  --gap: 0;
}
@media (min-width: 768px) {
  .vertical-axis-md-row {
    flex-direction: column;
    gap: calc(var(--gap) * 1vw / 12);
  }
}

.vertical-axis {
  display: flex;
  flex-direction: column;
  justify-content: var(--jst);
  align-items: var(--items);
  gap: calc(var(--gap) * 1vw / 7.67);
  --jst: space-between;
  --items: center;
  --gap: 0;
}
@media (min-width: 768px) {
  .vertical-axis {
    gap: calc(var(--gap) * 1vw / 12);
  }
}

.dual-axis {
  display: grid;
  grid-template-columns: 0.83fr 1fr 1fr;
  grid-template-rows: 1.68fr 1fr;
  gap: 0.8333333333vw;
}

.dual-axis-upper {
  grid-column: 1/4;
  grid-row: 1/1;
}

.dual-axis-under-left {
  grid-column: 1/2;
  grid-row: 2/3;
}

.dual-axis-under-right {
  grid-column: 2/4;
  grid-row: 2/3;
}

.brand-logo-img {
  width: calc(var(--w) * 1vw / 7.67);
}
@media (min-width: 768px) {
  .brand-logo-img {
    width: calc(var(--w) * 1vw / 12);
  }
}

.rounded-form {
  border-radius: calc(var(--rnd) * 1vw / 7.67);
  --rnd:0;
}
@media (min-width: 768px) {
  .rounded-form {
    border-radius: calc(var(--rnd) * 1vw / 12);
  }
}/*# sourceMappingURL=utility.css.map */