:root {
  --navy: #0A1628;
  --navy-mid: #0D1F35;
  --navy-light: #142240;
  --teal: #00AEEF;
  --teal-dim: rgba(0,174,239,0.14);
  --red: #C8102E;
  --white: #ffffff;
  --bg: #F4F5F8;
  --card: #ffffff;
  --border: #E4E7ED;
  --text: #0A1628;
  --sub: #7A8494;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  font-family: "DM Sans", sans-serif;
}
input,
textarea,
button,
select {
  font-family: "DM Sans", sans-serif;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
textarea {
  -webkit-appearance: none;
}
.bc {
  font-family: "Barlow Condensed", sans-serif;
}