body {
  font-family: 'Work Sans', sans-serif;
  --bs-primary: #353a86;
  --bs-primary-rgb: 53,58,134;
  --bs-info: #e65e2c;
  --bs-info-rgb: 230,94,44;
  --bs-dark: #131416;
  --bs-dark-rgb: 19,20,22;
  --bs-body-color: var(--bs-white);
  --bs-body-bg: var(--bs-dark);
  --bs-body-font-weight: 300;
  background: rgb(255,255,255);
}

.container {
  height: 100%;
  max-width: 960px;
}

.text-badge {
  padding: .1em .4em;
  background: var(--bs-dark);
}

.banner {
  padding: 2em 1em;
  text-align: center;
  background: var(--bs-primary);
  border-radius: 1em;
}

.projects {
  --bs-gutter-y: 1.5rem;
}

footer {
  background: var(--bs-gray-900);
}

@media  {
  .btn-primary {
    background: var(--bs-info);
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    border-style: none;
    font-size: 18px;
  }
}

@media  {
  .btn-secondary {
    background: var(--bs-primary);
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    border-style: none;
  }
}

.sub-hero {
  text-align: center;
}

.hero-text {
  font-size: 42px;
}

.income {
  font-size: x-large;
  font-weight: bold;
}

#faq .accordion-item {
  border: 1px solid #ddd;
}

#faq .accordion-button {
  background-color: #f8f9fa;
  color: #333;
}

#faq .accordion-collapse {
  background-color: #f2f2f2;
}

.text-justify {
  text-align: justify;
}

