.btn.btn-primary {
  background-image: linear-gradient(45deg, #0e2c46 8%, #0e041c 100%);
  border-radius: 1rem;
  text-transform: uppercase;
  letter-spacing: 6px;
}

.btn.btn-yellow {
  background-image: linear-gradient(45deg, #ffa800 8%, #ffa800 100%);
  border-radius: 1rem;
  text-transform: uppercase;
  letter-spacing: 6px;
}


.main-heading {
  position: relative;
  background-image: linear-gradient(51deg, #0e041c 8%, #0e2c46 100%);
  text-align: center;
  min-height: 16rem;
  text-transform: uppercase;
  padding: 3rem 2rem;
  font-weight: 800;
  border-radius: 34px 34px 0 0;
}
.main-heading::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  border-radius: 14px;
  width: 100%;
  height: 100%;
  background-image: url("../img/hr1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  opacity: 0.2;
  z-index: 1;
}
.main-heading h2 {
  font-size: 2.1rem;
  letter-spacing: 2px;
  color: yellow;
}
.main-heading p {
  margin: 0;
  letter-spacing: 12px;
  color: #fff;
  font-size: 1.5rem;
}

.hr-section {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  z-index: 9;
  border-radius: 22px 22px 0 0;
}
.hr-section::before {
  position: absolute;
  content: "";
  left: 0;
  top: -1rem;
  border-radius: 22px 22px 0 0;
  width: 100%;
  height: 4rem;
  background-color: #fff;
  z-index: 999;
}
.hr-section .multi-step-form {
  position: relative;
  z-index: 9999;
  background-color: #fff;
  padding: 2rem;
}
.hr-section .multi-step-form .form-group {
  margin-bottom: 1rem;
}
.hr-section .multi-step-form .form-group input[type=checked] {
  background-image: linear-gradient(51deg, #0e041c 8%, #0e2c46 100%);
}
.hr-section .multi-step-form .form-group .form-control {
  background: rgb(5, 5, 60);
  background-image: linear-gradient(45deg, #0e2c46 8%, #0e041c 100%);
  padding: 0.75rem 1rem;
  color: rgb(255, 255, 255);
}
.hr-section .multi-step-form .form-group .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.hr-section .multi-step-form .form-group .form-control::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.hr-section .multi-step-form .btn-primary,
.hr-section .multi-step-form .prev-step,
.hr-section .multi-step-form .next-step {
  padding: 0.75rem 2rem;
}
.hr-section .multi-step-form .step {
  display: none;
}
.hr-section .multi-step-form .step.active {
  display: block;
}
.hr-section .branding-section {
  background-color: #fff;
  padding: 1.5rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0e041c !important;
}

.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 255, 0, 0.25);
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
}

.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
  background-color: #c8ffc8;
}

.branding-section {
  position: relative;
}
.branding-section::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 0.25rem;
  width: 100%;
  background: linear-gradient(90deg, rgb(255, 0, 0) 0%, rgb(255, 154, 0) 10%, rgb(208, 222, 33) 20%, rgb(79, 220, 74) 30%, rgb(63, 218, 216) 40%, rgb(47, 201, 226) 50%, rgb(28, 127, 238) 60%, rgb(95, 21, 242) 70%, rgb(186, 12, 248) 80%, rgb(251, 7, 217) 90%, rgb(255, 0, 0) 100%);
}/*# sourceMappingURL=style.css.map */