.elementor-1474 .elementor-element.elementor-element-6b36dd4a{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;}.elementor-1474 .elementor-element.elementor-element-6b36dd4a:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1474 .elementor-element.elementor-element-1439840{padding:14px 14px 14px 14px;border-radius:6px 6px 6px 6px;}.elementor-1474 .elementor-element.elementor-element-1439840.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1474 .elementor-element.elementor-element-5727126{padding:0px 0px 0px 0px;border-radius:6px 6px 6px 6px;}.elementor-1474 .elementor-element.elementor-element-341e0284{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:23px 23px 23px 23px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-1474 .elementor-element.elementor-element-341e0284.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-1474 .elementor-element.elementor-element-1439840{margin:-30px -20px calc(var(--kit-widget-spacing, 0px) + -20px) -20px;}.elementor-1474 .elementor-element.elementor-element-5727126{margin:-30px -20px calc(var(--kit-widget-spacing, 0px) + -20px) -20px;}.elementor-1474 .elementor-element.elementor-element-341e0284{margin:-1px 4px calc(var(--kit-widget-spacing, 0px) + 4px) 4px;}}@media(min-width:768px){.elementor-1474 .elementor-element.elementor-element-6b36dd4a{--content-width:100vw;}}/* Start custom CSS for shortcode, class: .elementor-element-341e0284 *//* ============================================================
   ULTRA PREMIUM NGO PORTAL — FULL FORM UI UPGRADE
   (Form Container + Inputs + Labels + Checkbox + Buttons)
=========================================================== */

/* GLOBAL TYPOGRAPHY */
.um, .um * {
    font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0.25px;
    color: #1a2b3c !important;
}


/* ============================================================
   1️⃣ FORM CONTAINER — PREMIUM CARD STYLE
=========================================================== */
.um-login, .um-register {
    background: #ffffff !important;
    padding: 22px 26px !important;
    border-radius: 18px !important;

    /* Premium deep NGO shadow */
    box-shadow: 0 8px 32px rgba(23, 40, 72, 0.08) !important;

    border: 1px solid #e8eef5 !important;
    margin: 0 !important;
}

/* Tighter mobile layout */
@media (max-width: 480px){
    .um-login, .um-register {
        padding: 18px !important;
        border-radius: 16px !important;
    }
}



/* ============================================================
   2️⃣ INPUT FIELDS — ROYAL NAVY THEME
=========================================================== */

.um-form input[type="text"],
.um-form input[type="email"],
.um-form input[type="password"],
.um-form input[type="number"],
.um-form select,
.um-form textarea {
    width: 100% !important;
    background: #ffffff !important;

    border: 1px solid #d1d9e6 !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;

    font-size: 15.5px !important;
    font-weight: 500 !important;

    transition: all 0.25s ease !important;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

/* FOCUS GLOW */
.um-form input:focus,
.um-form select:focus,
.um-form textarea:focus {
    border-color: #294a71 !important; 
    box-shadow: 0 0 8px rgba(41, 74, 113, 0.25) !important;
    background: #fdfdfd !important;
}


/* PLACEHOLDER */
.um-form ::placeholder {
    color: #9ea8b7 !important;
}


/* ============================================================
   3️⃣ LABELS — PREMIUM SMALL CAPS
=========================================================== */

.um-field-label {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #2b3c50 !important;
    text-transform: none !important;
    margin-bottom: 6px !important;
}



/* ============================================================
   4️⃣ CHECKBOX — MODERN SQUARE STYLE
=========================================================== */

.um-field-checkbox-option input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;

    cursor: pointer;

    border: 2px solid #2f4b6d !important;
    border-radius: 5px !important;

    accent-color: #2f4b6d !important;
}

/* Checkbox label */
.um-field-checkbox-option span {
    font-size: 14px !important;
    color: #2d3f54 !important;
    margin-left: 6px !important;
}



/* ============================================================
   5️⃣ BUTTONS — ROYAL PREMIUM ACTION BUTTONS
=========================================================== */

.um-button,
.um-login .um-button,
.um-register .um-button {
    width: 100% !important;
    border-radius: 14px !important;

    padding: 13px 0 !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 0.3px !important;

    background: linear-gradient(135deg, #1e3550, #233f5d) !important;
    color: #ffffff !important;

    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
}

/* Hover Shine */
.um-button:hover {
    background: linear-gradient(135deg, #192b42, #1f3550) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18) !important;
}

/* Active */
.um-button:active {
    transform: translateY(0px);
}



/* ============================================================
   6️⃣ FORGOT PASSWORD LINK — ROYAL UNDERLINE
=========================================================== */

.um a.um-link,
.um-login a,
.um-register a {
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #1f3b5a !important;
    text-decoration: none !important;
}

.um a.um-link:hover {
    color: #0f253a !important;
    text-decoration: underline !important;
}



/* ============================================================
   7️⃣ OVERALL BACKGROUND & SPACING
=========================================================== */

/* Container holding the form */
.um.um-login, .um.um-register {
    max-width: 430px !important;
    margin: 20px auto !important;
}

/* Page background */
body {
    background: #ffffff !important;
}/* End custom CSS */