.elementor-23 .elementor-element.elementor-element-297bceb{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.03;}.elementor-23 .elementor-element.elementor-element-297bceb::before, .elementor-23 .elementor-element.elementor-element-297bceb > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-297bceb > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-297bceb > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-297bceb > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-297bceb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://cancerpatient360.com/wp-content/uploads/2026/06/logo-finalbgshay.png");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-23 .elementor-element.elementor-element-b273635{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-23 .elementor-element.elementor-element-b273635:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-b273635 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-23 .elementor-element.elementor-element-8ace965{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-23 .elementor-element.elementor-element-8ace965 img{width:37%;}.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-23 .elementor-element.elementor-element-77a637a{background-color:#EBF0F6;padding:5px 10px 5px 10px;border-radius:99px 99px 99px 99px;}.elementor-23 .elementor-element.elementor-element-77a637a .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:18px;font-weight:500;color:#5472A0;}.elementor-23 .elementor-element.elementor-element-4178297 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-weight:900;}.elementor-23 .elementor-element.elementor-element-0b54307 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:18px;font-weight:500;color:#565C74;}.elementor-23 .elementor-element.elementor-element-ad5bcd0 .elementor-heading-title{font-family:"Assistant", Sans-serif;font-size:25px;font-weight:400;color:#000000;}.elementor-23 .elementor-element.elementor-element-42ba01c{--spacer-size:20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-23 .elementor-element.elementor-element-fa3d221 .elementor-button{background-color:#203B64;font-family:"Assistant", Sans-serif;font-size:20px;font-weight:500;border-radius:10px 10px 10px 10px;}.elementor-23 .elementor-element.elementor-element-fa3d221 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-23 .elementor-element.elementor-element-fa3d221 .elementor-button .elementor-button-content-wrapper{gap:17px;}.elementor-23 .elementor-element.elementor-element-f1a6356 .elementor-button{background-color:#61CE7000;font-family:"Assistant", Sans-serif;font-weight:400;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-23 .elementor-element.elementor-element-f1a6356 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-23 .elementor-element.elementor-element-1a852c6f{width:100%;max-width:100%;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-b273635{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-23 .elementor-element.elementor-element-ad5bcd0{text-align:center;}.elementor-23 .elementor-element.elementor-element-ad5bcd0 .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-b273635{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-1a852c6f *//* Login form wrapper */
.login-box-wrap {
    width: 100%;
    max-width: 570px;
    margin: 0 auto;
    padding: 0;
    direction: ltr;
    box-sizing: border-box;
}

/* Login and Register tabs */
.login-box-wrap .custom-login-tabs {
    width: 100%;
    height: 54px;
    margin: 0 auto 24px;
    padding: 5px;
    background: #eef3f8;
    border-radius: 18px;
    display: flex;
    gap: 5px;
    box-sizing: border-box;
}

/* Regular tab */
.login-box-wrap .custom-login-tab {
    width: 50%;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8a96a8;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none !important;
    box-sizing: border-box;
}

/* Active tab */
.login-box-wrap .custom-login-tab.active {
    background: #ffffff;
    color: #203b64;
    font-weight: 400;
    box-shadow: 0 5px 16px rgba(20, 40, 70, 0.10);
}

/* Ultimate Member form */
.login-box-wrap .um-login {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: ltr !important;
    box-sizing: border-box !important;
}

/* Form body */
.login-box-wrap .um-login .um-form {
    width: 100% !important;
    max-width: 100% !important;
}

/* Form fields */
.login-box-wrap .um-login .um-field {
    padding: 0 !important;
    margin: 0 0 18px !important;
}

/* Field label wrapper */
.login-box-wrap .um-login .um-field-label {
    margin: 0 0 6px !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Field label text */
.login-box-wrap .um-login .um-field-label label {
    color: #263b5f !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

/* Hide Ultimate Member help icon */
.login-box-wrap .um-login .um-tip {
    display: none !important;
}

/* Input fields */
.login-box-wrap .um-login input[type="text"],
.login-box-wrap .um-login input[type="email"],
.login-box-wrap .um-login input[type="password"] {
    width: 100% !important;
    height: 54px !important;
    border: 1px solid #dfe5ec !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #203b64 !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    padding: 0 18px !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    text-align: left !important;
    direction: ltr !important;
}

/* Input focus */
.login-box-wrap .um-login input[type="text"]:focus,
.login-box-wrap .um-login input[type="email"]:focus,
.login-box-wrap .um-login input[type="password"]:focus {
    border-color: #cbd6e4 !important;
    box-shadow: 0 0 0 4px rgba(32, 59, 100, 0.07) !important;
}

/* Placeholder text */
.login-box-wrap .um-login input::placeholder {
    color: #c5d0dd !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

/* Remember me area */
.login-box-wrap .um-login .um-field-checkbox {
    margin: 0 0 18px !important;
    padding: 0 !important;
}

/* Remember me text */
.login-box-wrap .um-login .um-field-checkbox-option {
    color: #7e8da1 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* Checkbox icon */
.login-box-wrap .um-login .um-field-checkbox-state i {
    color: #203b64 !important;
    font-size: 20px !important;
}

/* Remove Ultimate Member column layout */
.login-box-wrap .um-login .um-left,
.login-box-wrap .um-login .um-right,
.login-box-wrap .um-login .um-col-alt-b,
.login-box-wrap .um-login .um-col-alt-s {
    float: none !important;
    width: 100% !important;
    display: block !important;
}

/* Buttons area */
.login-box-wrap .um-login .um-col-alt {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Login button */
.login-box-wrap .um-login input[type="submit"].um-button {
    width: 100% !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #203b64 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    cursor: pointer !important;
}

/* Login button hover */
.login-box-wrap .um-login input[type="submit"].um-button:hover {
    background: #182f52 !important;
}

/* Register link under button */
.login-box-wrap .um-login .um-alt {
    display: block !important;
    background: transparent !important;
    color: #f29202 !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    text-decoration: none !important;
}

/* Text before register */
.login-box-wrap .um-login .um-alt::before {
    content: "New here? ";
    color: #a8b4c3 !important;
    font-weight: 400 !important;
}

/* Forgot password centered */
.login-box-wrap .um-login .um-link-alt {
    display: block !important;
    width: 100% !important;
    margin: 22px auto 0 !important;
    color: #3978bb !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    text-align: center !important;
    text-decoration: none !important;
}

/* Forgot password hover */
.login-box-wrap .um-login .um-link-alt:hover {
    color: #203b64 !important;
    text-decoration: none !important;
}

/* Ultimate Member clear */
.login-box-wrap .um-login .um-clear {
    clear: both !important;
}

/* Tablet */
@media (max-width: 768px) {
    .login-box-wrap {
        max-width: 92%;
    }

    .login-box-wrap .custom-login-tabs {
        height: 52px;
        margin-bottom: 22px;
    }

    .login-box-wrap .custom-login-tab {
        height: 42px;
        font-size: 16px;
    }

    .login-box-wrap .um-login .um-field {
        margin-bottom: 17px !important;
    }

    .login-box-wrap .um-login .um-field-label label {
        font-size: 15px !important;
    }

    .login-box-wrap .um-login input[type="text"],
    .login-box-wrap .um-login input[type="email"],
    .login-box-wrap .um-login input[type="password"] {
        height: 52px !important;
        font-size: 16px !important;
    }

    .login-box-wrap .um-login input[type="submit"].um-button {
        height: 56px !important;
        font-size: 20px !important;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .login-box-wrap {
        max-width: 100%;
        padding: 0 18px;
    }

    .login-box-wrap .custom-login-tabs {
        height: 50px;
        padding: 5px;
        border-radius: 16px;
        margin-bottom: 20px;
    }

    .login-box-wrap .custom-login-tab {
        height: 40px;
        border-radius: 13px;
        font-size: 15px;
    }

    .login-box-wrap .um-login .um-field {
        margin-bottom: 15px !important;
    }

    .login-box-wrap .um-login .um-field-label {
        margin-bottom: 5px !important;
    }

    .login-box-wrap .um-login .um-field-label label {
        font-size: 15px !important;
    }

    .login-box-wrap .um-login input[type="text"],
    .login-box-wrap .um-login input[type="email"],
    .login-box-wrap .um-login input[type="password"] {
        height: 50px !important;
        border-radius: 13px !important;
        font-size: 16px !important;
        padding: 0 16px !important;
    }

    .login-box-wrap .um-login .um-field-checkbox {
        margin-bottom: 16px !important;
    }

    .login-box-wrap .um-login .um-field-checkbox-option {
        font-size: 15px !important;
    }

    .login-box-wrap .um-login input[type="submit"].um-button {
        height: 54px !important;
        border-radius: 15px !important;
        font-size: 19px !important;
    }

    .login-box-wrap .um-login .um-alt {
        font-size: 16px !important;
        margin-top: 16px !important;
    }

    .login-box-wrap .um-login .um-link-alt {
        font-size: 16px !important;
        margin-top: 20px !important;
    }
}/* End custom CSS */