/* ========== Global ========== */

:root {
  --primary: #45464b;
  --secondary: #f7b313;
  --yellow: #ffeb00;
  --orange100: #f9b400;
  --orange200: #f6bf3d;
  --white100: #f4f4f4;
}

/* ========================================== */

.hidden {
  display: none;
}

.terms-of-use-modal-content {
  max-width: 95%;
  max-height: 95%;
  height: 95%;
  width: 95%;
  z-index: 13;
}

#terms-of-use-overlay {
  z-index: 12;
}

.terms-of-use-modal-content > div {
  width: 100% !important;
  height: 100% !important;
}

.terms-of-use-container {
  max-height: 100%;
  overflow-y: scroll;
  padding: 10px;
}

.terms-of-use-container > h2 {
  text-align: left;
  font-size: 35px;
  color: var(--primary);
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}

.terms-of-use-container > p {
  font-size: 15px;
  color: var(--primary);
  margin-bottom: 10px;
}

.nv1 {
  margin-left: 15px;
}

.nv2 {
  margin-left: 30px;
}

.nv3 {
  margin-left: 45px;
}

.underline {
  text-decoration: underline;
}

.terms-of-use-button {
  margin-top: 13px;
  background-color: var(--orange100);
  max-width: inherit;
  width: 200px;
  font-size: 17px;
  font-weight: bold;
  height: 36px;
  border: 0;
  border-radius: 20px;
  color: var(--primary);
  cursor: pointer;
  transition: opacity 0.2s linear;
}

.terms-of-use-button:hover {
  opacity: 0.8;
}