.app-cookies-overlay {
    z-index: 49;
    cursor: pointer;
    background: 0 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.app-cookies-banner-component {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 90%;
    max-width: 1900px;
    margin: 0 auto;
    padding: 0;
    display: flex;
}
.app-cookies-banner-component .app-cookie-icon {
    width: 6vw;
    max-width: 100px;
    height: auto;
}
.app-cookies-banner-component div {
    line-height: 1.2;
}
.app-close-cookies-btn {
    color: #06f;
    background: 0 0;
    border: 1px solid #06f;
    border-radius: 8px;
    width: 165px;
    padding: 10px 24px;
    position: absolute;
    right: 10px;
}
.app-close-cookies-btn:hover {
    background: #f0f0f0 !important;
}
[lang="he"] .app-close-cookies-btn {
    right: inherit;
    position: absolute;
    left: 0;
}
[lang="en"] .app-cookies-banner-component div {
    font-size: 15px;
}
[lang="en"] .app-cookies-banner-component div.text-base {
    width: 75%;
}
.app-cookies-banner-component a {
    color: var(--app-secondary-color);
    text-decoration: underline;
}
.app-chevron-right-icon {
    color: var(--app-secondary-color);
}
@media (max-width: 1400px) {
    .app-cookies-banner-component div {
        max-width: 80%;
        font-size: 15px;
    }
    [lang="en"] .app-cookies-banner-component div {
        font-size: 12px;
    }
}
@media (max-width: 1000px) and (min-width: 768px) {
    .app-cookies-banner-component > div {
        flex-direction: column;
    }
    .app-cookies-banner-component .app-cookie-icon-wrapper {
        position: absolute;
        right: 0;
    }
    [lang="en"] .app-cookies-banner-component .app-cookie-icon-wrapper {
        left: inherit;
    }
    .app-cookies-banner-component .app-cookies-banner {
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 50%;
        display: flex;
    }
    .app-cookies-banner-component .app-cookies-banner > div {
        text-align: center !important;
    }
}
@media (max-width: 1000px) {
    .app-cookies-banner-component {
        width: 100%;
        margin: 0;
    }
    .app-close-cookies-btn {
        border: 0;
        width: auto;
        padding-left: 13px;
        top: 10px;
    }
    [lang="en"] .app-close-cookies-btn,
    [lang="he"] .app-close-cookies-btn {
        right: inherit;
        position: absolute;
        left: -10px;
    }
    .app-cookies-banner-component div {
        max-width: 100%;
        font-size: 16px;
    }
    .app-cookies-banner-component .app-cookie-icon {
        width: 60px;
        max-width: 100px;
        height: auto;
        position: relative;
        top: 0;
        right: -13px;
    }
    [lang="en"] .app-cookies-banner-component .app-cookie-icon {
        width: 50px;
    }
    [lang="en"] .app-cookies-banner-component div.text-base {
        width: 100%;
    }
    .app-cookies-banner {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .app-chevron-right-icon {
        width: 8px;
        height: auto;
    }
}
.app-login-footer-component {
    background: #f8fafc;
    margin-bottom: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}
.app-footer-component {
    z-index: 3;
    background: #f1f2f9;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 60px;
    position: relative;
}
.app-login-footer-component a:hover,
.app-login-footer-component a:hover > span {
    color: #06f;
    text-decoration: none;
}
.app-footer-component a > svg {
    display: none;
}
@media (max-width: 768px) {
    .app-footer-component {
        border-radius: 32px;
        max-width: 90%;
        padding: 20px 40px 40px;
    }
    .app-footer-component > nav {
        flex-direction: column;
    }
    .app-footer-component > nav > div > div {
        justify-content: start;
    }
    .app-footer-component a,
    .app-footer-component span {
        font-weight: 400;
    }
    .app-login-layout-component .last\:border-b-0:last-child {
        border-bottom-width: 1px;
    }
    .app-login-footer-component {
        margin-top: 0;
        padding-top: 0;
    }
}
[lang="en"] .app-login-under-title-component .flex.w-full.flex-col.items-center.pt-5 > .mt-4 svg {
    transform: rotate(180deg);
}
[lang="en"] .app-top-level-container form {
    direction: rtl;
}
[lang="en"] .app-top-level-container form .flex-1 {
    padding-left: 1rem;
}
[lang="en"] .app-top-level-container .app-form .absolute.bottom-2 {
    left: inherit;
    right: 0;
}
[lang="en"] .app-top-level-container [role="tooltip"] {
    --tw-translate-x: 60%;
}
[lang="en"] .app-login-under-title-component .flex.w-full.flex-col.items-center.pt-5 > .mt-4 a {
    flex-direction: row;
    font-size: 14px;
}
[lang="en"] .app-top-level-container .app-form form .items-start {
    align-items: flex-end;
}
[lang="en"] .app-top-level-container .app-form form .mt-5 [aria-label="Show\ password"],
[lang="en"] .app-top-level-container .app-form form .mt-5 [aria-label="Hide\ password"] {
    position: relative;
    right: 30px;
}
[lang="en"] #userform_errorCode {
    direction: ltr;
}
[lang="en"] .app-top-level-container [role="tooltip"] p {
    text-align: left;
    direction: ltr;
    font-size: 15px;
    line-height: 1.2;
}
@media (max-width: 1000px) {
    [lang="en"] .app-top-level-container [role="tooltip"] {
        --tw-translate-x: 10%;
    }
}
:root {
    --app-primary-color: #0d54d8;
    --app-secondary-color: #070762;
}
.app-color-secondary {
    color: var(--app-primary-color);
}
.app-login-layout-component {
    background: #f8fafc;
}
.app-overlay-background {
    width: 100%;
    height: auto;
    position: absolute;
    top: -85px;
    left: 0;
    box-shadow: 55vw -50px 34px #bcbcc17d;
}
.app-overlay-background-2 {
    z-index: 2;
    width: 100%;
    max-width: 1100px;
    height: auto;
    position: absolute;
    top: -85px;
    left: 0;
}
.app-section-2-wrapper {
    z-index: 2;
    background: #fff;
    width: 100%;
    padding-bottom: 0;
    position: relative;
    top: -100px;
}
.app-login-container-component {
    z-index: 3;
    width: 100%;
    max-width: 1100px;
    margin-top: -620px;
    position: relative;
    top: 0;
}
.app-reflect {
    opacity: 1;
    pointer-events: none;
    background: linear-gradient(
        #ececf0 0%,
        #fafafa 8.17%,
        #fdfdff 27.88%,
        #f7f8fbb3 60%,
        #f7f8fb66 80%,
        #f7f8fb00 100%
    );
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: -100px;
    left: 0;
}
.app-top-banner-component-wrapper {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
}
.app-bg-gradient {
    background: linear-gradient(#ebeaf0 0%, #e6e5eb 51%, #dcdbe1 85.72%, #cbcbcf 100%);
    height: 850px;
}
.app-bg-gradient:after {
    content: "";
    background: linear-gradient(#f8fafc 0%, #edecf1 51%, #e0dfe5 85.72%, #d7d6db 100%);
}
.app-blue-wave {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100px;
}
.app-show-on-mobile {
    display: none;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate(-210px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate(-1210px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
.app-animate {
    opacity: 0;
}
.app-active .app-animate.app-animate-up {
    animation: 0.6s ease-out forwards fadeInUp;
}
.app-active .app-animate.app-animate-left {
    animation: 0.6s ease-out 0.5s forwards fadeInUp;
}
.app-animation-done .app-animate {
    opacity: 1 !important;
    animation: none !important;
    transform: translate(0) !important;
}
@media (max-width: 1000px) {
    .app-section-2-wrapper {
        top: 0;
    }
    .app-login-container-component {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    .app-login-container {
        box-shadow: none;
        opacity: 1 !important;
        transform: translate(0) !important;
    }
    .app-full-w-on-mobile {
        width: 100%;
        max-width: 100%;
    }
    .app-remvoe-rounded-on-mobile {
        border-radius: 0;
    }
    .app-hide-on-mobile {
        display: none;
    }
    .app-show-on-mobile {
        display: block;
    }
}