.elementor-9458 .elementor-element.elementor-element-3958b5ce{--display:flex;--min-height:949px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9458 .elementor-element.elementor-element-3958b5ce:not(.elementor-motion-effects-element-type-background), .elementor-9458 .elementor-element.elementor-element-3958b5ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://radhyariti.com/wp-content/uploads/2026/01/Frame-14-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9458 .elementor-element.elementor-element-9a9175c{--spacer-size:190px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9458 .elementor-element.elementor-element-0552856{text-align:center;}.elementor-9458 .elementor-element.elementor-element-0552856 .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:50px;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9458 .elementor-element.elementor-element-523e00c{margin:0px 700px calc(var(--kit-widget-spacing, 0px) + 0px) 700px;text-align:center;font-family:"Source Sans Pro", Sans-serif;font-size:20px;font-weight:400;line-height:35px;letter-spacing:0.8px;}.elementor-9458 .elementor-element.elementor-element-d81b752{--spacer-size:3px;}.elementor-9458 .elementor-element.elementor-element-cfb86fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9458 .elementor-element.elementor-element-0115dcd{margin:-40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Source Sans Pro", Sans-serif;font-weight:400;color:#5E6255;}.elementor-9458 .elementor-element.elementor-element-0115dcd a{color:#5E6255;}.elementor-9458 .elementor-element.elementor-element-15dec13{--spacer-size:155px;}@media(max-width:767px){.elementor-9458 .elementor-element.elementor-element-9a9175c{--spacer-size:66px;}.elementor-9458 .elementor-element.elementor-element-0552856 .elementor-heading-title{font-size:38px;}.elementor-9458 .elementor-element.elementor-element-523e00c{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;font-size:13px;line-height:1.6em;letter-spacing:0px;}.elementor-9458 .elementor-element.elementor-element-d81b752{--spacer-size:1px;}.elementor-9458 .elementor-element.elementor-element-cfb86fb{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-9458 .elementor-element.elementor-element-0115dcd{font-size:15px;}.elementor-9458 .elementor-element.elementor-element-15dec13{--spacer-size:53px;}}/* Start custom CSS for shortcode, class: .elementor-element-cfb86fb *//* --- ULTIMATE MEMBER VISIBILITY FIX START --- */

/* 1. Labels (Naam/Email text) ko Black karo */
.um-field-label {
    color: #000000 !important;
    display: block !important;
}

/* 2. Input Boxes ko visible karo (Border aur Text) */
.um-form input[type="text"], 
.um-form input[type="password"],
.um-form input[type="email"], 
.um-form input[type="tel"] {
    background-color: #ffffff !important; 
    color: #000000 !important; /* Text Black */
    border: 1px solid #cccccc !important; /* Grey Border */
    box-shadow: none !important;
}

/* 3. Placeholder Text (Box ke andar ka dhundhla text) */
.um-form ::placeholder {
    color: #555555 !important;
    opacity: 1 !important;
}

/* 4. Agar content hidden hai toh zabardasti dikhao */
.um-login, .um-register, .um-col-1 {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* 5. Button Fix */
.um-button {
    opacity: 1 !important;
    visibility: visible !important;
}

/* --- FIX END --- */
/* --- ULTIMATE MEMBER MODERN DESIGN START --- */

/* 1. Main Form Container Styling */
.um-login, .um-register {
    max-width: 480px; /* Thoda chouda kiya */
    margin: 0 auto;
    background: #ffffff;
    padding: 40px !important; /* Andar se spacing */
    border-radius: 16px; /* Soft Rounded Corners */
    box-shadow: 0 10px 40px rgba(0,0,0,0.08); /* Premium Soft Shadow */
    border: 1px solid #f0f0f0; /* Halka sa border */
}

/* 2. Labels (Username, Password headings) */
.um-field-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 10px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 3. Input Fields (Boxes) */
.um-form input[type="text"], 
.um-form input[type="password"],
.um-form input[type="email"], 
.um-form input[type="tel"] {
    height: 50px !important; /* Box ki height badhayi */
    background-color: #fafafa !important; /* Light Grey Background */
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important; /* Corners Round kiye */
    padding: 0 20px !important; /* Text ke liye jagah */
    font-size: 15px !important;
    color: #333 !important;
    transition: all 0.3s ease; /* Animation */
}

/* Jab user box par click karega */
.um-form input:focus {
    background-color: #fff !important;
    border-color: #333 !important; /* Black Border on Focus */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

/* 4. Login Button (Sabse Important) */
.um-button {
    background-color: #111 !important; /* Premium Black Button */
    color: #fff !important;
    height: 55px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none !important;
    transition: all 0.3s ease;
    width: 100% !important; /* Pura button faila hua */
    margin-top: 10px !important;
}

/* Button Hover Effect */
.um-button:hover {
    background-color: #333 !important; /* Thoda light black hover par */
    transform: translateY(-2px); /* Button thoda upar uthega */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
}

/* 5. "Keep me signed in" & "Forgot Password" Links */
.um-col-alt {
    padding-top: 15px;
}

/* Checkbox Text */
.um-field-checkbox-option {
    color: #666 !important;
    font-size: 14px !important;
}

/* Forgot Password Link */
.um-link-alt {
    color: #666 !important;
    font-size: 14px !important;
    text-decoration: underline;
    transition: color 0.2s;
}

.um-link-alt:hover {
    color: #000 !important; /* Hover par black */
}

/* 6. Error Message Styling (Agar password galat ho) */
.um-field-error {
    background: #ffe6e6 !important; /* Light Red bg */
    color: #d63031 !important; /* Dark Red text */
    padding: 10px !important;
    border-radius: 6px;
    font-size: 13px;
    margin-top: 5px;
    border: 1px solid #ffcccc;
}

/* --- DESIGN END --- */
/* --- ULTIMATE MEMBER: STRUCTURAL FIX --- */

/* 1. CONTAINER: Padding aur Sizing thik karna */
.um-login, .um-register {
    padding: 40px 50px !important; /* Side padding badhayi taaki content center lage */
    max-width: 500px !important;   /* Box ki width fix ki */
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto; /* Center alignment */
}

/* 2. LABELS: Spacing aur Text Case */
.um-field-label {
    margin-bottom: 8px !important; /* Label aur Box ke beech ka gap */
    color: #444 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important; /* Screenshot jaisa Uppercase */
    letter-spacing: 0.5px;
    display: block;
    text-align: left; /* Hamesha left align rahe */
}

/* 3. INPUT FIELDS: Full Width & Sizing */
.um-form input[type="text"], 
.um-form input[type="password"],
.um-form input[type="email"], 
.um-form input[type="tel"] {
    width: 100% !important; /* ZABARDASTI Full Width */
    height: 50px !important;
    border-radius: 8px !important;
    border: 1px solid #ccc !important;
    padding: 0 15px !important;
    box-sizing: border-box !important; /* Padding width ke andar rahe */
    margin-bottom: 5px !important;
}

/* 4. BUTTON: Input ke barabar Width */
.um-button {
    width: 100% !important; /* Button ko Input ke barabar failaya */
    display: block !important;
    margin-top: 15px !important;
    height: 50px !important;
    border-radius: 8px !important;
    background-color: #e6dccf !important; /* Beige color */
    color: #222 !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer;
}

/* Center Div jo button ko hold karta hai */
.um-col-alt-b {
    text-align: center;
    padding-top: 10px;
}

/* 5. CHECKBOX ROW: Alignment Fix */
.um-field-c {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center; /* Checkbox aur text ko ek line me lata hai */
}

/* Checkbox aur Text ke beech gap */
.um-field-checkbox {
    margin: 0 !important;
}

.um-field-checkbox-option {
    margin-left: 8px !important; /* Text ko checkbox se thoda door kiya */
    color: #666 !important;
    font-size: 14px !important;
    line-height: 1; /* Line height fix taaki text upar na bhage */
}

/* 6. FORGOT PASSWORD: Bottom Spacing */
.um-col-alt {
    margin-top: 20px !important;
    text-align: center;
}

.um-link-alt {
    color: #888 !important;
    text-decoration: none;
    font-size: 13px !important;
}
/* --- FORCE FIX: HEIGHT & WIDTH --- */

/* 1. INPUT FIELDS (COLUMNS) HEIGHT INCREASE */
/* Humne yahan 'div.um' add kiya taaki power badh jaye */
div.um .um-form input[type="text"], 
div.um .um-form input[type="password"],
div.um .um-form input[type="email"], 
div.um .um-form input[type="tel"] {
    height: 60px !important;       /* Height ko 60px kiya */
    line-height: 60px !important;  /* Text ko vertically center kiya */
    padding: 0 20px !important;    /* Text ke side mein jagah */
    font-size: 16px !important;    /* Font size */
    min-height: 60px !important;   /* Zabardasti height apply karne ke liye */
}

/* 2. LOGIN BUTTON WIDTH INCREASE (Full Width) */
div.um .um-button {
    width: 100% !important;        /* Poori choudai (Full Width) */
    min-width: 100% !important;    /* Kam se kam 100% rahe */
    display: block !important;     /* Block element banaya */
    height: 55px !important;       /* Button ki height */
    line-height: 1 !important;     /* Text centering fix */
    margin-top: 15px !important;   /* Input se thoda door */
    border-radius: 8px !important;
    text-align: center !important;
}

/* Button ke andar agar koi input tag hai toh usse bhi failao */
div.um .um-button input[type="submit"] {
    width: 100% !important;
    height: 100% !important;
}

/* 3. CENTER ALIGNMENT FIX (Agar button left mein chipka hai) */
div.um-col-alt-b {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
}
/* --- NUCLEAR FIX: CHECKBOX & BUTTON --- */

/* 1. CHECKBOX OVERLAP FIX (Zabardasti Alag Karna) */
/* Container ko simple Flexbox banao */
div.um .um-field-checkbox {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important; /* Line mein laao */
    height: auto !important;
    margin-bottom: 25px !important;
}

/* Checkbox (Dabba) ko fix karo */
div.um .um-field-checkbox input[type="checkbox"] {
    /* Position reset taaki wo hawa mein na ude */
    position: static !important; 
    float: none !important;
    
    /* Size fix */
    min-width: 20px !important;
    width: 20px !important;
    height: 20px !important;
    
    /* Margin Right se Text ko door dhakelo */
    margin: 0 15px 0 0 !important; 
    
    /* Default look wapas laao */
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    opacity: 1 !important;
    z-index: 99 !important;
}

/* Text (Span) ko fix karo */
div.um .um-field-checkbox-option {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    font-size: 15px !important;
    color: #555 !important;
    display: inline-block !important;
}

/* 2. LOGIN BUTTON HEIGHT (Zabardasti Bada Karna) */
/* Button aur uske andar ka input dono target kiye */
div.um .um-button, 
div.um input[type="submit"].um-button,
div.um .um-button input {
    height: 65px !important;      /* Height badhayi */
    min-height: 65px !important;  /* Kam nahi hone denge */
    line-height: 65px !important; /* Text vertically center */
    padding: 0 !important;        /* Padding hatayi taaki height fix rahe */
    width: 100% !important;
    display: block !important;
    font-size: 18px !important;
}
/* --- BUTTON HOVER & SPACING FIX --- */

/* 1. BUTTON HOVER COLOR FIX */
/* Black hatakar Dark Beige kar rahe hain */
div.um .um-button:hover,
div.um input[type="submit"].um-button:hover {
    background-color: #d4c6b5 !important; /* Thoda sa dark beige (Sand darker) */
    color: #000000 !important; /* Text Black hi rahega */
    border: none !important;
    opacity: 1 !important;
}

/* 2. FORGOT PASSWORD SPACING */
/* Isse neeche khiskane ke liye */
div.um .um-col-alt {
    margin-top: 30px !important;  /* Button aur text ke beech 30px ka gap */
    padding-top: 0 !important;
    text-align: center !important;
}

/* Link ka color thoda saaf kiya */
div.um .um-link-alt {
    color: #666 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    display: inline-block !important;
}

div.um .um-link-alt:hover {
    color: #000 !important; /* Hover par Dark Black */
    text-decoration: underline !important;
}
/* --- LOGIN FORM WIDTH INCREASE --- */

div.um-login, div.um-register {
    /* Is value ko badhakar aap form ko aur chauda kar sakte hain */
    max-width: 550px !important; 
    
    /* Mobile responsive ke liye zaroori */
    width: 100% !important;
    
    /* Form ko page ke beech (center) mein rakhne ke liye */
    margin: 0 auto !important;
}
/* --- FIX BOTTOM WHITE BAR --- */

/* 1. Page ke background ko force karein */
html, body, .site-content, #page {
    background-color: #F5F2E4 !important; /* Aapka Cream Color */
}

/* 2. Footer/Socket ka color bhi Cream karein */
footer, .site-footer, #colophon, .footer-socket, .site-info {
    background-color: #F5F2E4 !important; /* White ko Cream banaya */
    border-top: none !important; /* Agar koi line hai toh hatao */
}
/* =========================================
   MOBILE RESPONSIVE LOGIN FORM (Max 768px)
   ========================================= */

@media only screen and (max-width: 768px) {

    /* 1. Form Container ki choudai aur padding kam karo */
    div.um-login, div.um-register {
        max-width: 95% !important; /* Screen ka 95% hissa lega */
        padding: 25px 20px !important; /* Andar ka gap kam kiya */
        margin: 20px auto !important; /* Upar-neeche thoda gap */
    }

    /* 2. Input Fields ki height thodi kam (Mobile friendly) */
    div.um .um-form input[type="text"], 
    div.um .um-form input[type="password"],
    div.um .um-form input[type="email"], 
    div.um .um-form input[type="tel"] {
        height: 50px !important; /* 60px se 50px kiya */
        font-size: 15px !important;
    }

    /* 3. Button thoda compact */
    div.um .um-button, 
    div.um input[type="submit"].um-button {
        height: 55px !important;
        line-height: 55px !important;
        font-size: 16px !important;
    }

    /* 4. Labels thode chote */
    .um-field-label {
        font-size: 13px !important;
    }

    /* 5. Checkbox text wrap issue fix */
    div.um .um-field-checkbox {
        align-items: flex-start !important; /* Top align agar text 2 line mein jaye */
    }
    
    div.um .um-field-checkbox-option {
        font-size: 14px !important;
        line-height: 1.4 !important; /* Line height badhayi taaki padhne mein aaye */
    }
}
/* --- FINAL FIX: ICONS ALIGNMENT & CHECKBOX --- */

/* 1. INPUT TEXT KO RIGHT SIDE SHIFT KARNA (Padding Fix) */
/* Hum specific .elementor-9458 .elementor-element.elementor-element-cfb86fb use kar rahe hain taaki theme isko na roke */
div.um .um-form input[type="text"], 
div.um .um-form input[type="password"],
div.um .um-form input[type="email"], 
div.um .um-form input[type="tel"] {
    
    /* 55px ki jagah chhodi left side mein taaki Icon wahan aa sake */
    padding-left: 55px !important; 
    
    /* Right side mein normal gap */
    padding-right: 15px !important;
    
    /* Box ki height aur alignment */
    height: 55px !important;
    line-height: normal !important; /* Text vertical center fix */
}

/* 2. ICONS KO SAHI JAGAH RAKHNA */
div.um .um-field-icon {
    position: absolute !important;
    left: 15px !important; /* Left se 15px door */
    top: 50% !important;
    transform: translateY(-50%) !important; /* Exact Vertical Center */
    z-index: 10 !important;
    color: #888 !important; /* Icon Grey Color */
    font-size: 20px !important;
    width: 25px !important; /* Icon area width */
    text-align: center !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
}

/* 3. CHECKBOX "WEIRDNESS" FIX */
/* Checkbox aur Text ko Flexbox se seedha karo */
div.um .um-field-checkbox {
    display: flex !important;
    align-items: center !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}

/* Checkbox (Square Box) Styling */
div.um .um-field-checkbox input[type="checkbox"] {
    /* Position reset */
    position: static !important;
    appearance: auto !important; /* Browser default style wapas laao */
    
    /* Size fix */
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    
    /* Text se doori (Margin Right) */
    margin: 0 12px 0 0 !important; 
    
    opacity: 1 !important;
    outline: none !important;
    float: none !important;
}

/* Checkbox Text (Label) Styling */
div.um .um-field-checkbox-option {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 15px !important;
    color: #555 !important;
    float: none !important;
}
/* --- FIX: REMOVE DOUBLE CHECKBOX --- */

/* 1. NAKLI DESIGN WALA DABBA CHHUPAO */
/* Yeh wo element hai jo Ultimate Member design ke liye banata hai */
div.um .um-field-checkbox-state, 
div.um .um-field-checkbox i {
    display: none !important; /* Isse gayab kar diya */
}

/* 2. ASLI (NATIVE) CHECKBOX KO DIKHAO */
div.um .um-field-checkbox input[type="checkbox"] {
    /* Isse visible karo */
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    
    /* Position reset */
    position: static !important;
    float: none !important;
    
    /* Browser ka default look wapas laao */
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    
    /* Size fix */
    width: 16px !important;
    height: 16px !important;
    
    /* Text se doori */
    margin-right: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    
    cursor: pointer !important;
    z-index: 100 !important;
}

/* 3. ALIGNMENT (Box aur Text ek line mein) */
div.um .um-field-checkbox {
    display: flex !important;
    align-items: center !important; /* Vertical center */
    margin-bottom: 20px !important;
}

div.um .um-field-checkbox-option {
    margin: 0 !important;
    line-height: 1 !important;
    color: #555 !important;
}/* End custom CSS */