.elementor-3833 .elementor-element.elementor-element-a873e16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3833 .elementor-element.elementor-element-76190fd{border-style:none;}body.elementor-page-3833:not(.elementor-motion-effects-element-type-background), body.elementor-page-3833 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-76190fd *//* 1. पूरा बैकग्राउंड और सेंटरिंग */
.orange-login-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f6f9;
    padding: 40px 20px;
    min-height: 60vh;
}

/* 2. कार्ड (Box) का डिज़ाइन */
.orange-login-card {
    background: #ffffff !important;
    width: 100%;
    max-width: 450px;
    padding: 40px;
    border-radius: 12px !important;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1) !important;
    font-family: 'Poppins', sans-serif;
    border-top: 5px solid #F46F11 !important; /* ऊपर ऑरेंज लाइन */
}

/* 3. हेडर (टाइटल) */
.orange-login-header {
    text-align: center !important;
    margin-bottom: 25px !important;
}

.orange-login-header h2 {
    margin: 0;
    font-size: 26px !important;
    color: #333 !important;
}

.orange-login-header p {
    margin-top: 5px;
    color: #777;
    font-size: 14px;
}

/* 4. लेबल्स को लेफ्ट (Left) साइड करने के लिए - STRICT FIX */
.orange-login-card form .wpf_form_group,
.orange-login-card label,
.orange-login-card .wpf_input_label {
    text-align: left !important; /* सेंटर से हटाकर लेफ्ट किया */
    display: block !important;
    width: 100% !important;
    color: #444 !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

/* 5. इनपुट बॉक्स का डिज़ाइन */
.orange-login-card input[type="text"],
.orange-login-card input[type="email"],
.orange-login-card input[type="password"] {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    background-color: #fdfdfd !important;
    font-size: 14px !important;
    box-shadow: none !important;
    margin-bottom: 15px !important;
    box-sizing: border-box !important;
}

.orange-login-card input:focus {
    border-color: #F46F11 !important;
}

/* 6. बटन का कलर (Button Color Fix) - VERY IMPORTANT */
/* मैंने यहाँ कई क्लास नाम यूज़ किये हैं ताकि कलर पक्का चेंज हो जाए */

.orange-login-card button,
.orange-login-card button[type="submit"],
.orange-login-card .wpf_submit_button, 
.orange-login-card #stripe_form_submit_3859 {
    background-color: #F46F11 !important; /* आपका ऑरेंज कलर */
    background: #F46F11 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 20px !important;
    width: 100% !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* बटन होवर (Hover) इफेक्ट */
.orange-login-card button:hover,
.orange-login-card .wpf_submit_button:hover {
    background-color: #d65a05 !important; /* माउस ले जाने पर डार्क ऑरेंज */
    background: #d65a05 !important;
}

/* अगर बटन किसी div के अंदर फंसा है तो उसे भी ठीक करें */
.orange-login-card .wpf_form_submissions {
    text-align: center !important;
    margin-top: 20px !important;
    width: 100% !important;
}/* End custom CSS */