body.site {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
}

#join div {
    font-family: "Ubuntu", sans-serif;
}

#join div.h1,
#join div.h5 {
    font-family: "Ubuntu", sans-serif;
}

#join a:not(.btn) {
  color: #03E7DA;
}

#join a:not(.btn, .navbar *):hover,
#join a:not(.btn, .navbar *):focus {
    color: #03E7DA;
    text-decoration: underline;
}

.price-select {
    border: 1px solid #03E7DA !important;
    border-radius: var(--bs-border-radius) !important;
    background-color: #323232;
    color: #FFFFFF;
}
.price-select .price {
    font-family: "Ubuntu", sans-serif;
}
.price-select:hover,
.price-select.selected {
    background: #03E7DA;
    color: #0A0A0A;
}
.price-select.selected .fs-5,
.price-select.selected h1,
.price-select.selected h5 {
    color: #0A0A0A;
}
.price-select:not(.selected) h5 {
  color: #48494B;
}
.price-select .fs-5 {
    min-height: 60px;
    color:#03E7DA;
    font-family: "Ubuntu", sans-serif;
}
@media (max-width: 768px) {
    .price-select .fs-5 {
        font-size: 1rem !important;
        min-height: unset;
    }
}
.price-select:not(:hover, .selected) .join-title {
    color: #03E7DA;
}
#join .price-select:not(.selected):hover {
  background: #03E7DA;
  color: #0A0A0A;
}

.btn-check:checked + .btn {
    background-color: #48494B;
    border-color: #48494B;
}

#join .btn-check:checked + .btn {
    background-color: #48494B;
    border-color: #48494B;
}

#join .price-select:hover {
    border: 4px solid #738678;
}


#join .price-select:not(.selected) h1,
#join .price-select:not(.selected) h5 {
    color: #fff;
}
#join .price-select:not(.selected):hover .fs-5,
#join .price-select:not(.selected):hover h1,
#join .price-select:not(.selected):hover h5 {
    color: #0A0A0A;
}

#join .text-primary {
    color: #fff !important;
}
#join .btn {
    font-family: "Ubuntu", sans-serif;
}

#join #register-form .label-email.text-danger,
#join #register-form .label-password.text-danger,
#join #login-form .label-name.text-danger,
#join .invalid-feedback,
#join #captcha-error {
    color: #dc3545 !important;
}

#join .form-control.is-invalid,
#join .form-control.is-invalid:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) !important;
}