.elementor-4468 .elementor-element.elementor-element-4a0ae862{--display:flex;}/* Start custom CSS for container, class: .elementor-element-4a0ae862 *//* ==========================================
   Registration Form Background Override
========================================== */

.um.um-register {
    padding: 30px !important;
    background: #0b4832 !important;
    border-radius: 25px !important;
}

/* Remove the previous white form background */
.um.um-register .um-form {
    padding: 0 !important;
    background: transparent !important;
}

/* General readable text */
.um.um-register,
.um.um-register p,
.um.um-register span {
    color: #ffffff !important;
}

/* Field labels */
.um.um-register .um-field-label label {
    color: #ffffff !important;
}

/* Label icons */
.um.um-register .um-field-label-icon {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.16) !important;
}

.um.um-register .um-field-label-icon i {
    color: #ffffff !important;
}

/* Keep input text dark and readable */
.um.um-register .um-form-field,
.um.um-register input[type="text"],
.um.um-register input[type="email"],
.um.um-register input[type="password"],
.um.um-register input[type="tel"],
.um.um-register input[type="date"],
.um.um-register input[type="number"],
.um.um-register textarea,
.um.um-register select {
    color: #1d2939 !important;
    background: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.55) !important;
}

/* Input placeholder text */
.um.um-register input::placeholder,
.um.um-register textarea::placeholder {
    color: #667085 !important;
}

/* Input hover */
.um.um-register .um-form-field:hover,
.um.um-register input:hover,
.um.um-register textarea:hover,
.um.um-register select:hover {
    border-color: #9ec73b !important;
}

/* Input focus */
.um.um-register .um-form-field:focus,
.um.um-register input:focus,
.um.um-register textarea:focus,
.um.um-register select:focus {
    color: #1d2939 !important;
    background: #ffffff !important;
    border-color: #9ec73b !important;
    box-shadow: 0 0 0 4px rgba(158, 199, 59, 0.28) !important;
}

/* Radio option cards */
.um.um-register label.um-field-radio {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.30) !important;
}

.um.um-register label.um-field-radio:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: #ffffff !important;
}

.um.um-register label.um-field-radio.active {
    color: #0d8944 !important;
    background: #ffffff !important;
    border-color: #9ec73b !important;
    box-shadow: 0 0 0 4px rgba(158, 199, 59, 0.25) !important;
}

.um.um-register .um-field-radio-option {
    color: inherit !important;
}

.um.um-register label.um-field-radio:not(.active) .um-field-radio-state i {
    color: #ffffff !important;
}

.um.um-register label.um-field-radio.active .um-field-radio-state i {
    color: #0d8944 !important;
}

/* Checkbox text */
.um.um-register .um-field-checkbox-option {
    color: #ffffff !important;
}

.um.um-register .um-field-checkbox-state i {
    color: #ffffff !important;
}

/* Button separator */
.um.um-register .um-col-alt {
    border-top-color: rgba(255, 255, 255, 0.25) !important;
}

/* Main Register button */
.um.um-register input[type="submit"].um-button {
    color: #0d8944 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
}

.um.um-register input[type="submit"].um-button:hover {
    color: #0d8944 !important;
    background: #f4f9e8 !important;
}

/* Secondary Login button */
.um.um-register a.um-button.um-alt {
    color: #ffffff !important;
    background: transparent !important;
    border: 2px solid #ffffff !important;
}

.um.um-register a.um-button.um-alt:hover {
    color: #0d8944 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

/* Validation errors remain readable */
.um.um-register .um-field-error,
.um.um-register .um-field-error span {
    color: #b42318 !important;
}

/* Mobile spacing */
@media (max-width: 500px) {
    .um.um-register {
        padding: 22px !important;
        border-radius: 20px !important;
    }
}

.um.um-register .um-field-label-icon {
    color: #ffffff !important;
    background: rgb(255 255 255 / 0%) !important;
}/* End custom CSS */