.onboard_container_outter {
    min-height: 100vh;
    background-color: #FFFFFF;
}

.header_top_container {
	width: 100%;
	top: 0;
	z-index: 999;
    padding: 15px;
    background: #ffffff;
}
.login_container {
    border: 1px solid #0BA5EC;
    box-shadow: 0px 2px 2px 0px #0000001A;
    background: linear-gradient(180deg, #E0F2FE 0%, #FFFFFF 100%);
    min-height: 200px;
    border-radius: 20px;
}
.login_content_top {
    padding: 40px 0 0 15px;
    text-align: left;
    border-top: 3px solid #0BA5EC;
    border-radius: 20px 20px 0 0;
}
.login_content_mid {
    padding: 20px 15px 0 25px;
    text-align: left;
}
.login_content_mid h2 {
    color: #293056;
    font: normal normal 700 18px/22px var(--font-family);
}
.login_content_mid h1 {
    color: #0086C9;
    font: normal normal 400 40px/52px var(--font-coster);
}
.login_content_mid p {
    color: #001749;
    font: normal normal 400 17px/20px var(--font-family);   
}
.login_divider {
    background: #0BA5EC;
    height: 8px;
    margin: 0 auto;
    width: 100px;
    border-radius: 6px;
}
.login_content_btm {
    padding: 100px 15px 20px 15px;
    text-align: left;
}
.login_content_btm h1 {
    color: #3D4A5C;
    font: normal normal 600 18px/21px var(--font-family);
}
.footer_sec {
    border-top: 1px solid #E5E7EB;
}
.footer_sec span {
    color: #000000;
    font: normal normal 600 15px/20px var(--font-family);
    padding: 0 0px 0 10px;
}
.footer_sec a, .footer_sec a:hover {
    color: #60A5FA;
    font: normal normal 600 15px/28px var(--font-family);
    text-decoration: underline;
}

.modal-content {
    border-radius: 16px;
}
.modal_popup_title {
    font: normal normal 700 18px / 30px var(--font-family);
    color: #3D4A5C;
}
.otp_popup_title {
    color: #000000;
    font: normal normal 700 18px / 30px var(--font-family);
}
.otp_popup_desc {
    color: #151A30;
    font: normal normal 400 14px / 20px var(--font-family);
}
.modal-otp {
    max-width: 435px;
}
#otp_popup .modal-dialog {
    position: fixed;
    bottom: -40px;
    left: 0%;
    right: 0%;
}
.animate-bottom {
    position: relative;
    animation: animatebottom 0.4s;
}
@keyframes animatebottom {
    from {
      bottom: -300px;
      opacity: 0;
    }
    to {
      bottom: 0;
      opacity: 1;
    }
}
.resend_otp_link {
    color: #1A946B;
    font: normal normal 500 14px/20px var(--font-family);
    text-decoration: underline;
}
.waiting_status_login {
    pointer-events: none;
    cursor: default;
}
.otp_error {
    border-color: #ff0000 !important;
}
.language_selection_btn {
    border: 1px solid #6B7280;
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #6B7280;
    font: normal normal 600 15px/18px var(--font-family);
    padding: 9px 32px 9px 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1.25L4 4.75L7.5 1.25' stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 16px center;
}
.languages_link_items:hover,
.languages_link_items {
    display: block;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #E3E6EA;
    background: #FAFAFA;
    padding: 16px;
    border-radius: 8px;
    color: #6B7280;
    font: normal normal 600 18px/28px var(--font-family);
}
.languages_link_items:hover span,
.languages_link_items  span{
    font: normal normal 500 14px/20px var(--font-family);
}
.default_language .languages_link_items:hover,
.default_language .languages_link_items {
    border-color: #93C5FD;
    background: #EFF6FF;
}
.popper_confetti {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100vh;
    z-index: 1;
}

.expLink{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: red;
}

.login_content_btm.thanks{
    padding: 100px 15px 20px 15px;
    text-align: left;
}