header.masthead .bg-circle {
  z-index: 0;
  position: absolute;
  border-radius: 100%;
  background: linear-gradient(0deg, #808080 0%, #404040 100%);
}

header.masthead {
  position: relative;
  overflow: hidden;
  padding-top: calc(7rem + 72px);
  padding-bottom: 7rem;
  background: linear-gradient(0deg, #808080 0%, #404040 100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  color: #fff;
  background-color: #303030 !important;
  border-color: #202020 !important;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #202020;
  --bs-btn-border-color: #202020;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f12e8d;
  --bs-btn-hover-border-color: #303030;
  --bs-btn-focus-shadow-rgb: 202, 8, 103;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f13a94;
  --bs-btn-active-border-color: #f02286;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ee0979;
  --bs-btn-disabled-border-color: #ee0979;
}

.btn-primary {
  color: #fff;
  background-color: #808080;
  border-color: #404040;
}

.mt-5 {
  margin-top: 0rem !important;
}