.elementor-731 .elementor-element.elementor-element-3247a8b{--display:flex;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-login-form .eael-user-login{width:100%;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-login-form .eael-user-password{width:100%;}.elementor-731 .elementor-element.elementor-element-33e1dab .elementor-repeater-item-04cff8a{width:100%;}.elementor-731 .elementor-element.elementor-element-33e1dab .elementor-repeater-item-326d173{width:100%;}.elementor-731 .elementor-element.elementor-element-33e1dab .elementor-repeater-item-3e0ee6f{width:100%;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-lostpassword-form .eael-lr-form-group{width:100%;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-resetpassword-form .eael-lr-form-group {width:100%;}.elementor-731 .elementor-element.elementor-element-33e1dab .lr-form-wrapper .eael-lr-form-control{text-align:left;background-color:#ffffff;}.elementor-731 .elementor-element.elementor-element-33e1dab .lr-form-wrapper .eael-lr-form-control:focus{background-color:#ffffff;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-login-form .eael-lr-footer{flex-direction:row;justify-content:space-between;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-login-form .eael-sign-wrapper{padding-top:0;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-register-form .eael-lr-footer{flex-direction:row;justify-content:space-between;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-register-form .eael-sign-wrapper{padding-top:0;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-lostpassword-form .eael-lr-footer{flex-direction:row;justify-content:space-between;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-lostpassword-form .eael-sign-wrapper{padding-top:0;display:flex;flex-direction:row;justify-content:center;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-resetpassword-form .eael-lr-footer{flex-direction:row;justify-content:space-between;}.elementor-731 .elementor-element.elementor-element-33e1dab .eael-resetpassword-form .eael-sign-wrapper{padding-top:0;}.elementor-731 .elementor-element.elementor-element-a75d2c3{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-61e83ce *//* 1. Form Wrapper ko Full Width aur Beautiful Card banana */
@media (min-width: 600px) {
    .um-register, .um-703 {
        max-width: 950px !important; /* Form ki width barhayein */
        width: 100% !important;
        margin: 40px auto !important;
    }
    
    /* Fields ko Two-Column Layout mein badalna */
    .um-register .um-col-1 {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* Do barabar columns */
        gap: 20px 30px !important; /* Columns aur Rows ke darmiyan gap */
        width: 100% !important;
        float: none !important;
    }
    
    /* Jo fields full width honi chahiye unhein expand karna */
    .um-register #um_field_703_package,
    .um-register .um-field-type_terms_conditions {
        grid-column: span 2 !important;
    }
}

/* 2. Main Card Design (Aapki Pehli Pic jaisa) */
.um-register .um-form {
    background: #ffffff !important;
    padding: 50px !important; /* Andar ki space */
    border-radius: 30px !important; /* Soft Rounded Corners */
    border: 1px solid #f1f5f9 !important; /* Bohat light border */
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.05) !important; /* Soft Premium Shadow */
}

/* 3. Input Fields ka Clean Design */
.um-register .um-form-field {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important; /* Light Slate Border */
    border-radius: 10px !important; /* Inputs ke rounded corners */
    padding: 14px 18px !important;
    font-size: 15px !important;
    color: #0f172a !important;
    transition: all 0.2s ease !important;
}

/* Input field focus karne par color change */
.um-register .um-form-field:focus {
    border-color: #ff6550 !important; /* Coral Glow */
    box-shadow: 0 0 0 4px rgba(255, 101, 80, 0.1) !important;
}

/* 4. Bold Slate Labels (No Icons) */
.um-field-label label {
    font-weight: 700 !important;
    color: #0f172a !important; /* Dark Slate Blue color */
    font-size: 15px !important;
    margin-bottom: 8px !important;
    display: inline-block;
}

/* Required Star (*) ko red/coral karna */
.um-req {
    color: #ff6550 !important;
}

/* Faltu icons ko hide karna (jaise Mobile icon tha) */
.um-field-label-icon {
    display: none !important;
}

/* 5. Pill-Shaped Coral Submit Button (Centered) */
.um-center {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 25px !important;
}

.um-register .um-button {
    background-color: #ff6550 !important; /* Exact Beautiful Coral/Orange Color */
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 14px 45px !important;
    border-radius: 50px !important; /* Pill Shape Button */
    border: none !important;
    width: auto !important;
    min-width: 200px !important;
    box-shadow: 0 8px 20px rgba(255, 101, 80, 0.25) !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
}

.um-register .um-button:hover {
    background-color: #e0533e !important;
    transform: translateY(-2px); /* Hover par thoda upar uthega */
    box-shadow: 0 10px 25px rgba(255, 101, 80, 0.35) !important;
}

/* Errors aur validation messages ko clean karna */
.um-field-error {
    background: #fee2e2 !important;
    color: #ef4444 !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-top: 8px !important;
}/* End custom CSS */