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

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

.more-btn {
  background-color: #f58634;
  border-color: #f58634;
}

.more-btn:hover {
  background-color: #6871a8!important;
  border-color: #6871a8!important;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #6871a8!important;
  border-color: #f58634!important;
}

.navbar-custom {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: transparent!important;
  position: absolute;
}

.display-4 {
  font-size: 2.5rem;
}

html {
  scroll-behavior: smooth;
}