.elementor-849 .elementor-element.elementor-element-84e0950{--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;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-849 .elementor-element.elementor-element-4793758{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-4793758 *//* =========================================================
   BASE CONTAINER
   ========================================================= */

.um.um-815 {
    width: 100%;
    max-width: 720px;          /* desktop */
    margin: 0 auto;
    padding: 0 16px;
}

/* Tablet */
@media (max-width: 1024px) {
    .um.um-815 {
        max-width: 600px;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .um.um-815 {
        max-width: 100%;
        padding: 0 12px;
    }
}

/* =========================================================
   FIELD WRAPPERS
   ========================================================= */

.um.um-815 .um-field {
    margin-bottom: 18px;
}

/* =========================================================
   LABELS
   ========================================================= */

.um.um-815 .um-field-label label {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    margin-bottom: 6px;
}

/* =========================================================
   INPUTS – curved + shadow
   ========================================================= */

.um.um-815 input.um-form-field {
    width: 100%;
    height: 48px;
    padding: 10px 14px;
    font-size: 15px;

    border-radius: 8px;                    /* minimal curve */
    border: 1px solid #d6d6d6;
    background: #fff;

    box-shadow: 0 2px 6px rgba(0,0,0,0.06); /* subtle elevation */
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

.um.um-815 input.um-form-field:focus {
    outline: none;
    border-color: #000;
    box-shadow: 0 4px 10px rgba(0,0,0,0.10);
}

/* =========================================================
   REMEMBER ME
   ========================================================= */

.um.um-815 .um-field-checkbox-option {
    font-size: 14px;
    color: #444;
}

/* =========================================================
   BUTTON ROW
   ========================================================= */

.um.um-815 .um-left.um-half,
.um.um-815 .um-right.um-half {
    width: 48%;
}

/* Mobile: stack buttons */
@media (max-width: 600px) {
    .um.um-815 .um-left.um-half,
    .um.um-815 .um-right.um-half {
        width: 100%;
        margin-bottom: 12px;
    }
}

/* =========================================================
   BUTTONS – curved + shadow
   ========================================================= */

.um.um-815 #um-submit-btn,
.um.um-815 .um-button.um-alt {
    width: 100%;
    height: 48px;

    font-size: 15px;
    font-weight: 500;

    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.10);
    transition: transform .15s ease,
                box-shadow .15s ease;
}

/* Login button */
.um.um-815 #um-submit-btn {
    background: #000;
    color: #fff;
    border: none;
}

/* Register button */
.um.um-815 .um-button.um-alt {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

/* Hover feedback */
.um.um-815 #um-submit-btn:hover,
.um.um-815 .um-button.um-alt:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.14);
}

/* =========================================================
   FORGOT PASSWORD
   ========================================================= */

.um.um-815 .um-link-alt {
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

.um.um-815 .um-link-alt:hover {
    text-decoration: underline;
}

.um-login .um-button.um-alt {
    display: none !important;
}

.um-link-alt{
    text-align: left !important;
}/* End custom CSS */