@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("/lib/fonts/open-sans/open-sans-latin.woff2") format("woff2");
}

:root {
  --brand-primary: #b91521;
  --brand-primary-hover: #96111a;
  --brand-primary-rgb: 185, 21, 33;

  --bs-link-color-rgb: var(--brand-primary-rgb);
  --bs-link-hover-color-rgb: var(--brand-primary-rgb);
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  background-color: #f8f9fa;
}

.hero {
  background: linear-gradient(135deg, var(--brand-primary-hover), var(--brand-primary));
  color: #fff;
  padding: 3rem 0 4rem;
}

.site-header {
  background-color: #fff;
  padding: .75rem 0;
  text-align: center;
  border-bottom: 3px solid var(--brand-primary);
}

.site-header .logo {
  height: 48px;
}

.btn-primary {
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary-hover);
  --bs-btn-hover-border-color: var(--brand-primary-hover);
  --bs-btn-active-bg: var(--brand-primary-hover);
  --bs-btn-active-border-color: var(--brand-primary-hover);
  --bs-btn-disabled-bg: var(--brand-primary);
  --bs-btn-disabled-border-color: var(--brand-primary);
  --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--brand-primary-rgb), 0.25);
}

.form-check-input:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--brand-primary-rgb), 0.25);
}

.form-check-input:checked {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}

.card-form {
  max-width: 640px;
  margin: -3rem auto 3rem;
}

.privacy-box {
  max-height: 260px;
  overflow-y: auto;
  background: #f1f3f5;
  border: 1px solid #dee2e6;
  border-radius: .5rem;
  padding: 1rem;
  font-size: .9rem;
}

.box {
  max-width: 560px;
  margin: 6rem auto;
}

.check-circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #d1e7dd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
}