.elementor-10 .elementor-element.elementor-element-3ab57e7e{--display:flex;}.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 );}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-3ab57e7e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-3ab57e7e *//* =====================================================PREMIUM STUDENT LOGIN PORTALELEMENTOR + ULTIMATE MEMBER===================================================== */

/* =====================================================MAIN LOGIN CARD===================================================== */

.elementor-10 .elementor-element.elementor-element-3ab57e7e {width: 100%;max-width: 520px;

margin: 50px auto;
padding: 42px 45px;

box-sizing: border-box;

background: #ffffff;

border: 1px solid #e5edf7;
border-radius: 24px;

box-shadow:
    0 20px 60px rgba(15, 42, 75, 0.10),
    0 5px 20px rgba(15, 42, 75, 0.05);

position: relative;
overflow: hidden;

}

/* =====================================================TOP BLUE / CYAN / GREEN LINE===================================================== */

.elementor-10 .elementor-element.elementor-element-3ab57e7e::before {content: "";

position: absolute;
top: 0;
left: 0;

width: 100%;
height: 5px;

background: linear-gradient(
    90deg,
    #2563eb,
    #06b6d4,
    #22c55e
);

}

/* =====================================================STUDENT LOGIN PORTAL===================================================== */

.elementor-10 .elementor-element.elementor-element-3ab57e7e::after {content: "STUDENT LOGIN PORTAL";

display: block;

text-align: center;

margin-top: 0;
margin-bottom: 25px;

color: #2563eb;

font-family: Poppins, sans-serif;

font-size: 13px;
font-weight: 700;

letter-spacing: 1.5px;

text-transform: uppercase;

}

/* =====================================================ULTIMATE MEMBER FORM===================================================== */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um {width: 100% !important;max-width: 100% !important;}

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form {width: 100% !important;max-width: 100% !important;}

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

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-field-label {color: #172033 !important;

font-family: Poppins, sans-serif !important;

font-size: 14px !important;
font-weight: 600 !important;

margin-bottom: 8px !important;

}

/* =====================================================INPUT FIELDS===================================================== */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="text"],.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="email"],.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="password"] {

width: 100% !important;
max-width: 100% !important;

height: 52px !important;

padding: 0 16px !important;

box-sizing: border-box !important;

background: #f8fafc !important;

border: 1px solid #dbe5f0 !important;

border-radius: 11px !important;

color: #172033 !important;

font-family: Poppins, sans-serif !important;

font-size: 14px !important;

transition: all 0.25s ease !important;

}

/* =====================================================INPUT FOCUS===================================================== */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="text"],.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="email"],.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="password"] {

background: #ffffff !important;

border-color: #3b82f6 !important;

box-shadow:
    0 0 0 4px rgba(59, 130, 246, 0.10) !important;

outline: none !important;

}

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

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-field-checkbox {

width: 100% !important;

display: block !important;

margin: 5px 0 12px !important;

}

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-field-checkbox label {

display: inline-flex !important;

align-items: center !important;

width: auto !important;

max-width: 100% !important;

white-space: nowrap !important;

color: #64748b !important;

font-family: Poppins, sans-serif !important;

font-size: 13px !important;

line-height: 20px !important;

}

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-field-checkbox input[type="checkbox"] {

width: 18px !important;

height: 18px !important;

flex: 0 0 18px !important;

margin: 0 9px 0 0 !important;

}

/* =====================================================BUTTON AREA===================================================== */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-col-alt {

width: 100% !important;

display: block !important;

margin: 0 !important;

padding: 0 !important;

box-sizing: border-box !important;

}

/* =====================================================LOGIN BUTTON COLUMN===================================================== */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-col-alt .um-left {

width: 50% !important;

float: left !important;

padding-right: 5px !important;

box-sizing: border-box !important;

}

/* =====================================================REGISTER BUTTON COLUMN===================================================== */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-col-alt .um-right {

width: 50% !important;

float: right !important;

padding-left: 5px !important;

box-sizing: border-box !important;

}

/* CLEAR FLOAT */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-col-alt::after {

content: "";

display: table;

clear: both;

}

/* =====================================================LOGIN BUTTON===================================================== */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="submit"] {

width: 100% !important;

height: 52px !important;

margin: 0 !important;

padding: 0 15px !important;

border: none !important;

border-radius: 11px !important;

background: linear-gradient(
    135deg,
    #2563eb,
    #0ea5e9
) !important;

color: #ffffff !important;

font-family: Poppins, sans-serif !important;

font-size: 15px !important;

font-weight: 700 !important;

letter-spacing: 0.2px !important;

cursor: pointer !important;

box-shadow:
    0 8px 20px rgba(37, 99, 235, 0.22) !important;

transition: all 0.25s ease !important;

}

/* LOGIN HOVER */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="submit"] {

transform: translateY(-2px);

background: linear-gradient(
    135deg,
    #1d4ed8,
    #0284c7
) !important;

box-shadow:
    0 12px 28px rgba(37, 99, 235, 0.30) !important;

}

/* =====================================================REGISTER BUTTON===================================================== */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-button.um-alt {

width: 100% !important;

height: 52px !important;

margin: 0 !important;

padding: 0 !important;

box-sizing: border-box !important;

display: flex !important;

align-items: center !important;

justify-content: center !important;

text-align: center !important;

line-height: 1 !important;

border-radius: 11px !important;

background: #f1f5f9 !important;

border: 1px solid #e2e8f0 !important;

color: #334155 !important;

font-family: Poppins, sans-serif !important;

font-size: 14px !important;

font-weight: 600 !important;

transition: all 0.25s ease !important;

}

/* REGISTER HOVER */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-button.um-alt {

background: #eff6ff !important;

border-color: #bfdbfe !important;

color: #2563eb !important;

}

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

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-link-alt {

color: #2563eb !important;

font-family: Poppins, sans-serif !important;

font-size: 13px !important;

font-weight: 500 !important;

text-decoration: none !important;

transition: color 0.2s ease !important;

}

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-link-alt {

color: #0ea5e9 !important;

}

/* =====================================================TABLET===================================================== */

@media (max-width: 1024px) {

.elementor-10 .elementor-element.elementor-element-3ab57e7e {

    max-width: 480px;

    margin: 40px auto;

    padding: 38px 35px;
}

}

/* =====================================================MOBILE===================================================== */

@media (max-width: 767px) {

.elementor-10 .elementor-element.elementor-element-3ab57e7e {

    width: calc(100% - 30px) !important;

    max-width: none !important;

    margin: 25px auto 40px !important;

    padding: 32px 20px 30px !important;

    border-radius: 20px !important;

    box-sizing: border-box !important;
}


/* MOBILE PORTAL TITLE */

.elementor-10 .elementor-element.elementor-element-3ab57e7e::after {

    font-size: 12px;

    letter-spacing: 1.2px;

    margin-bottom: 23px;
}


/* MOBILE LABELS */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-field-label {

    font-size: 13px !important;

    margin-bottom: 7px !important;
}


/* MOBILE INPUTS */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="text"],
.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="email"],
.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="password"] {

    width: 100% !important;

    height: 50px !important;

    padding: 0 14px !important;

    font-size: 14px !important;
}


/* MOBILE REMEMBER ME */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-field-checkbox {

    margin: 5px 0 12px !important;
}


.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-field-checkbox label {

    display: inline-flex !important;

    align-items: center !important;

    white-space: nowrap !important;

    font-size: 13px !important;

    line-height: 20px !important;
}


.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-field-checkbox input[type="checkbox"] {

    width: 18px !important;

    height: 18px !important;

    flex: 0 0 18px !important;

    margin-right: 9px !important;
}


/* MOBILE BUTTON AREA */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-col-alt {

    width: 100% !important;

    display: block !important;

    margin: 0 !important;
}


/* LOGIN */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-col-alt .um-left {

    width: 50% !important;

    float: left !important;

    padding-right: 4px !important;
}


/* REGISTER */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-col-alt .um-right {

    width: 50% !important;

    float: right !important;

    padding-left: 4px !important;
}


/* MOBILE LOGIN BUTTON */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="submit"] {

    width: 100% !important;

    height: 50px !important;

    font-size: 14px !important;

    padding: 0 !important;
}


/* MOBILE REGISTER BUTTON */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-button.um-alt {

    width: 100% !important;

    height: 50px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;

    line-height: 1 !important;

    font-size: 14px !important;

    padding: 0 !important;
}


/* MOBILE FORGOT PASSWORD */

.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-link-alt {

    font-size: 13px !important;
}

}

/* =====================================================SMALL MOBILE===================================================== */

@media (max-width: 380px) {

.elementor-10 .elementor-element.elementor-element-3ab57e7e {

    width: calc(100% - 20px) !important;

    margin-top: 20px !important;

    padding: 28px 15px 25px !important;

    border-radius: 18px !important;
}


.elementor-10 .elementor-element.elementor-element-3ab57e7e::after {

    font-size: 11px;

    letter-spacing: 1px;

    margin-bottom: 20px;
}


.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="text"],
.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="email"],
.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="password"] {

    height: 48px !important;
}


.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-form input[type="submit"] {

    height: 48px !important;

    font-size: 13px !important;
}


.elementor-10 .elementor-element.elementor-element-3ab57e7e .um-button.um-alt {

    height: 48px !important;

    font-size: 13px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;
}

}/* End custom CSS */