/** Style of the registration form **/

.gradient-custom {
background:
linear-gradient(135deg, rgba(215, 235, 243, 0.88), rgba(255, 255, 255, 0.98)),
radial-gradient(circle at 12% 18%, rgba(29, 124, 30, 0.12), transparent 50%),
radial-gradient(circle at 82% 12%, rgba(233, 16, 64, 0.14), transparent 48%);
}

.card-registration .select-input.form-control[readonly]:not([disabled]) {
    font-size: 1rem;
    line-height: 2.15;
    padding-left: .75em;
    padding-right: .75em;
}

.registration-section .card-registration {
    border: 0;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 18px 45px rgba(15, 35, 95, 0.12);
}

.registration-section .form-control,
.registration-section .form-select {
    border-radius: 10px;
    border-color: rgba(15, 35, 95, 0.16);
}

.registration-section .form-control-lg,
.registration-section .form-select-lg {
    font-size: 1rem !important;
}

.registration-section .form-control:focus,
.registration-section .form-select:focus {
    border-color: rgba(233, 16, 64, 0.45);
    box-shadow: 0 0 0 0.22rem rgba(233, 16, 64, 0.12);
}

.registration-section .btn.btn-primary {
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
}

.card-registration .select-arrow {
    top: 13px;
}

@media (max-width: 767.98px) {
    .registration-section .card-body {
        padding: 1.1rem !important;
    }

    .registration-section h6 {
        font-size: 0.95rem;
    }

    .registration-section .btn.btn-lg {
        width: 100%;
    }
}