.elementor-792 .elementor-element.elementor-element-396f1149{--display:flex;--min-height:100vh;--border-radius:0px 0px 0px 0px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-792 .elementor-element.elementor-element-396f1149:not(.elementor-motion-effects-element-type-background), .elementor-792 .elementor-element.elementor-element-396f1149 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://resources.shaperobotics.com/wp-content/uploads/2024/11/BG.svg");background-position:center left;background-size:100vw auto;}.elementor-792 .elementor-element.elementor-element-396f1149.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-792 .elementor-element.elementor-element-59b1d85 > .elementor-widget-container{margin:3vw 0vw 3vw 0vw;}.elementor-792 .elementor-element.elementor-element-59b1d85{text-align:center;}.elementor-792 .elementor-element.elementor-element-3b6b7939 > .elementor-widget-container{margin:0vw 4vw 3vw 4vw;}.elementor-792 .elementor-element.elementor-element-3b6b7939.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-792 .elementor-element.elementor-element-396f1149{--width:100vw;}}/* Start custom CSS for container, class: .elementor-element-396f1149 *//* Main container adjustments */
.um.um-login.um-788 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    box-sizing: border-box;
    margin: auto;
    width: 100%; /* Full width for responsiveness */
    max-width: 400px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #ffffff;
    font-family: 'Poppins', sans-serif;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Input fields styling */
.um.um-login.um-788 input {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* Password and text inputs specific adjustments */
.um.um-login.um-788 input[type="password"],
.um.um-login.um-788 input[type="text"] {
    padding-right: 45px; /* Space for eye icon */
}

/* Eye icon positioning */
.um.um-login.um-788 .um-field-area-password {
    position: relative;
}

.um.um-login.um-788 .um-field-area-password .um-toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
}

/* Input focus behavior */
.um.um-login.um-788 input:focus {
    outline: none;
    border-color: #05184b;
}

/* Buttons styling */
.um.um-login.um-788 .um-button {
    width: 100%;
    background-color: #05184b;
    color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 10px;
}

.um.um-login.um-788 .um-button:hover {
    background-color: #03306e;
}

/* Links styling */
.um.um-login.um-788 a {
    color: #05184b;
    text-decoration: none;
}

.um.um-login.um-788 a:hover {
    text-decoration: underline;
}

/* Extend container beyond 100% width and center it */
.elementor-element-396f1149 {
    width: 160% !important;
    max-width: none !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    padding: 0 !important;
    box-sizing: border-box;
    background-size: cover !important;
    background-position: center !important;
}

/* Optional adjustments for parent container */
body .elementor-section {
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */