[v-cloak] {
  display: none;
}

.bg-menu-custom {
  background: radial-gradient(85.88% 78.66% at 9.45% 9.52%, rgba(198, 137, 249, 0.3) 0%, rgba(198, 137, 249, 0.042) 100%), #111014 !important;
}

.bg-menu-theme.menu-vertical .menu-item.active>.menu-link:not(.menu-toggle) {
  background: #4D20BD !important;
  box-shadow: 0px 2px 6px 0px #4D20BD48 !important;
  color: #fff !important;
}

.bg-modal {
  background: radial-gradient(85.88% 78.66% at 9.45% 9.52%, rgba(198, 137, 249, 0.3) 0%, rgba(198, 137, 249, 0.042) 100%), #111014 !important;
}

.modal .btn-close {
  border: 1px solid #45166B;
}

.bg-active-custom {
  background: #45166B !important;
}

.bs-stepper-c {
  background: radial-gradient(26.85% 86.45% at 7.99% 40.66%, rgba(198, 137, 249, 0.28) 0%, rgba(198, 137, 249, 0) 100%), #0E0E10;
  box-shadow: 0px 4px 20px rgba(15, 20, 34, 0.4);
  border-radius: 6px;
}

.bs-stepper .step.active .bs-stepper-circle {
  background-color: #4D20BD !important;
  color: #fff;
}

.bs-stepper.vertical .bs-stepper-header .step .step-trigger {
  padding: 0rem 0 !important;
}

.btn-primary {
  color: #fff;
  background-color: #4D20BD !important;
  border-color: #3e1a9a !important;
}

.btn-primary:hover {
  color: #fff;
  background-color: #2f1377 !important;
  border-color: #3e1a9a !important;
}

.step-trigger {
  padding-top: 0rem !important;
  padding-left: 0px;
}

.bs-stepper .bs-stepper-content {
  padding: 6rem 3rem !important;
}

.dark-style .bs-stepper.vertical .bs-stepper-header {
  padding: 6rem 3rem !important;
}

.vertical-line-steps {
  border-left: 2px dotted #211c2d;
  height: 2.5rem;
  margin-left: 1.5rem;
}


.custom-radio input {
  display: none;
}

.radio-btn {
  min-width: 400px;
  height: 100px;
  border: 1px solid #5d596c;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  text-align: center;
  box-shadow: 0 0 2px #211c2d;
  cursor: pointer;
}

.radio-btn>i {
  color: #ffffff;
  background-color: #45166B;
  font-size: 16px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) scale(4);
  border-radius: 50px;
  padding: 3px;
  transition: 0.2s;
  pointer-events: none;
  opacity: 0;
}

.radio-btn .planes-icon {
  width: 100%;
  height: 100%;
  position: relative;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.radio-btn .planes-icon i {
  color: #5d596c;
  line-height: 32px;
  font-size: 30px;
}

.radio-btn .planes-icon h5 {
  color: #5d596c;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0.1rem;
}

.custom-radio input:checked+.radio-btn {
  border: 3px solid #45166B;
}

.custom-radio input:checked+.radio-btn>i {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}