<style>

	@font-face {
		font-family: 'Mulish';
		src: url('../vendor/fonts/Mulish-Regular.woff2') format('truetype');
		font-weight: 400;
		font-style: normal;
		font-display: swap;
	}


	body {
		font-family: 'Mulish', sans-serif;

	}

    .bg-default {
        color: white;
        background-color: #3C3B6E  !important;
    }


    .btn-success {
        color: white;
        background-color: #B31942 !important;
        border-color: #3C3B6E;
    }

    .btn-success:hover {
     color: white;
     background-color: #3C3B6E !important;
     border-color: #B31942;
 }


 /* ── Footer ────────────────────────────────────────── */
 .footer {
  background: #3C3B6E;
  color: #aeb9dc;
  padding: 64px 0 24px;
  font-size: .9rem;
}
.footer-brand {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}
.footer h5 {
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #9ca3af;
  margin-bottom: 14px;
}
.footer a {
  color: white;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
  transition: color .15s;
}
.footer a:hover { color: #fff; }
.footer-disclaimer {
  font-size: .78rem;
  color: #aeb9dc;
  line-height: 1.6;
}
.footer-hr {
  border-color: #1f3829;
  margin: 40px 0 20px;
}
.footer-copy {
  font-size: .78rem;
  color: #aeb9dc;
}

.bg-alert {
  background-color: #B31942;
}


</style>