#app{overflow-x:hidden}
body{font-family:"Google Sans",sans-serif;}
:root{--white:#ffffff;--black:#000000;--ec-beyondBlue:#6938EF;}
::selection{background-color:var(--ec-beyondBlue);color:var(--white);}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:0 0}
::-webkit-scrollbar-thumb{background-color:#535862;border-radius:10px;border:0 transparent}

img{max-width:100%}
.auth-page .input-checkbox,input.text,input[type=button],input[type=email],input[type=submit],input[type=tel],input[type=text],textarea{-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;outline:0}
.auth-page a{transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.auth-page a:focus{text-decoration:none;outline:0}
.auth-page button:focus-visible{outline:0}
:focus-visible{outline:0!important}
h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty,p:empty{display:none;margin:0}
input[type=checkbox],input[type=radio]{-moz-appearance:none;-o-appearance:none;outline:0;content:none;position:relative;min-width:20px;width:20px;line-height:20px;-webkit-appearance:none;cursor:pointer}
input[type=checkbox]:before,input[type=radio]:before{color:transparent;display:block;margin:auto;content:''}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:0;display:none}
input[type=file]{border:1px solid #BBBBBB;border-radius:5px;width:100%;height:48px;color:#0c3058}
input[type=file]::file-selector-button{border-radius:5px;color:var(--white);background-color:var(--ec-beyondBlue);border:1px solid var(--ec-beyondBlue);height:calc(100% - 35%);margin:8px 15px;cursor:pointer;padding:0 10px;transition:.25s ease-in-out}
input[type=file]::file-selector-button:hover{background-color:var(--ec-beyondBlue);color:#0c3058;transition:.25s ease-in-out}
input[type=checkbox]{height:20px;border-radius:6px;border:1px solid #BBBBBB;background:var(--white)}
input[type=checkbox]:before{font-size:0;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.49373 0.256281C8.83831 -0.085427 9.39698 -0.085427 9.74157 0.256281C10.0861 0.597989 10.0861 1.15201 9.74157 1.49372L4.44745 6.74372C4.10287 7.08543 3.54419 7.08543 3.19961 6.74372L0.258435 3.82705C-0.0861449 3.48534 -0.0861449 2.93132 0.258435 2.58961C0.603014 2.2479 1.16169 2.2479 1.50627 2.58961L3.82353 4.88756L8.49373 0.256281Z' fill='white'/%3e%3c/svg%3e");background-size:9px;background-position:center;background-repeat:no-repeat;text-align:center;border:0;line-height:normal;display:flex;justify-content:center;align-items:center;transition:.2s ease-in-out;transform:rotate(45deg);border-bottom:2px solid transparent;border-right:2px solid transparent;width:100%;height:100%;transform:unset;border-width:0}
input[type=checkbox]:checked{box-shadow:none!important;background:var(--ec-beyondBlue);border-color:var(--ec-beyondBlue)}
input[type=checkbox]:checked:before{border-color:var(--white)}
.disabled input[type=checkbox]:checked,input[type=checkbox].disabled:checked{box-shadow:unset!important;background:unset;border-color:unset}
.disabled input[type=checkbox]:checked:before,input[type=checkbox].disabled:checked:before{border-color:unset}
.form-check{display:flex!important;flex-flow:row;justify-content:flex-start;align-items:center;gap:8px;padding:0;margin:0;}
input[type=checkbox].switch{position:relative;-webkit-appearance:none;min-width:40px;width:40px;height:20px;background:#BBBBBB;outline:0;border-radius:30px;box-shadow:inset 0 0 4px 1px #00000014;transition:.5s}
input[type=checkbox].switch:before{content:'';position:absolute;width:18px;height:18px;left:0;background:var(--white);box-shadow:0 0 4px 1px #00000014;border-radius:50%;top:0;transition:.5s}
input[type=checkbox].switch:checked{background:var(--ec-beyondBlue)}
input[type=checkbox].switch:checked:before{left:20px}
.disabled input[type=checkbox].switch:checked,input[type=checkbox].switch.disabled:checked{background:unset}
.disabled input[type=checkbox].switch:checked:before,input[type=checkbox].switch.disabled:checked:before{left:0}
input[type=radio]{border:2px solid #BBBBBB;background:var(--white);border-radius:100%;height:20px;transition:.4s ease-in-out}
input[type=radio]:before{background-color:transparent;text-align:center;width:8px;height:8px;line-height:normal;border-radius:100%;position:absolute;top:0;bottom:0;left:0;right:0;transition:background .4s ease-in-out}
.auth-page .form-control{background-color:var(--white);border:1px solid #BBBBBB;border-radius:8px;-webkit-border-radius:8px;font-size:16px;color:#464A53;background-repeat:no-repeat;background-size:18px;}
.auth-page .form-control:focus{border-color:#BBBBBB!important;box-shadow:none!important;}
.auth-page .btn{border-radius:8px; position: relative;}
.auth-page .btn-ec-primary{
    --bs-btn-color: var(--white);
    --bs-btn-bg: var(--ec-beyondBlue);
    --bs-btn-border-color: var(--ec-beyondBlue);
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-bg:rgba(105,56,239,.9);
    --bs-btn-hover-border-color:rgba(105,56,239,.9);
    --bs-btn-focus-shadow-rgb:none;
    --bs-btn-active-color:var(--white);
    --bs-btn-active-bg:rgba(105,56,239,.95);
    --bs-btn-active-border-color:rgba(105,56,239,.95);
    --bs-btn-disabled-color:var(--white);
    --bs-btn-disabled-bg:var(--ec-beyondBlue);
    --bs-btn-disabled-border-color:var(--ec-beyondBlue);
    --bs-btn-disabled-opacity:.65;
}
.auth-page .btn-link.ec-primary{
    --bs-btn-color:var(--ec-beyondBlue);
    --bs-btn-bg:transparent;
    --bs-btn-border-color:transparent;
    --bs-btn-hover-color:var(--ec-beyondBlue);
    --bs-btn-hover-border-color:transparent;
    --bs-btn-active-color:var(--ec-beyondBlue);
    --bs-btn-active-border-color:transparent;
    --bs-btn-disabled-color:#6c757d;
    --bs-btn-disabled-border-color:transparent;
    --bs-btn-box-shadow:0 0 0 #000;
    --bs-btn-focus-shadow-rgb:none;
    text-decoration:underline;
}
.mail{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3e%3cpath d='M1.00012 3.5L7.80422 8.26287C8.3552 8.64855 8.63069 8.84139 8.93034 8.91609C9.19503 8.98207 9.47188 8.98207 9.73657 8.91609C10.0362 8.84139 10.3117 8.64855 10.8627 8.26287L17.6668 3.5M5.00012 14.3333H13.6668C15.0669 14.3333 15.767 14.3333 16.3018 14.0608C16.7722 13.8212 17.1546 13.4387 17.3943 12.9683C17.6668 12.4335 17.6668 11.7335 17.6668 10.3333V5C17.6668 3.59987 17.6668 2.8998 17.3943 2.36502C17.1546 1.89462 16.7722 1.51217 16.3018 1.27248C15.767 1 15.0669 1 13.6668 1H5.00012C3.59999 1 2.89993 1 2.36515 1.27248C1.89474 1.51217 1.51229 1.89462 1.27261 2.36502C1.00012 2.8998 1.00012 3.59987 1.00012 5V10.3333C1.00012 11.7335 1.00012 12.4335 1.27261 12.9683C1.51229 13.4387 1.89474 13.8212 2.36515 14.0608C2.89993 14.3333 3.59999 14.3333 5.00012 14.3333Z' stroke='%23BBBBBB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");}
.pw{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='0 0 19 16' fill='none'%3e%3cpath d='M17.6667 6V3.66667C17.6667 2.73325 17.6667 2.26654 17.485 1.91002C17.3252 1.59641 17.0703 1.34144 16.7567 1.18166C16.4001 1 15.9334 1 15 1H3.66667C2.73325 1 2.26654 1 1.91002 1.18166C1.59641 1.34144 1.34144 1.59641 1.18166 1.91002C1 2.26654 1 2.73325 1 3.66667V6.66667C1 7.60009 1 8.0668 1.18166 8.42332C1.34144 8.73692 1.59641 8.99189 1.91002 9.15168C2.26654 9.33333 2.73325 9.33333 3.66667 9.33333H8.5M9.33333 5.16667H9.3375M13.5 5.16667H13.5042M5.16667 5.16667H5.17083M15.375 11V9.54167C15.375 8.73625 14.7221 8.08333 13.9167 8.08333C13.1113 8.08333 12.4583 8.73625 12.4583 9.54167V11M9.54167 5.16667C9.54167 5.28173 9.44839 5.375 9.33333 5.375C9.21827 5.375 9.125 5.28173 9.125 5.16667C9.125 5.05161 9.21827 4.95833 9.33333 4.95833C9.44839 4.95833 9.54167 5.05161 9.54167 5.16667ZM13.7083 5.16667C13.7083 5.28173 13.6151 5.375 13.5 5.375C13.3849 5.375 13.2917 5.28173 13.2917 5.16667C13.2917 5.05161 13.3849 4.95833 13.5 4.95833C13.6151 4.95833 13.7083 5.05161 13.7083 5.16667ZM5.375 5.16667C5.375 5.28173 5.28173 5.375 5.16667 5.375C5.05161 5.375 4.95833 5.28173 4.95833 5.16667C4.95833 5.05161 5.05161 4.95833 5.16667 4.95833C5.28173 4.95833 5.375 5.05161 5.375 5.16667ZM12.3333 14.3333H15.5C15.9667 14.3333 16.2001 14.3333 16.3783 14.2425C16.5351 14.1626 16.6626 14.0351 16.7425 13.8783C16.8333 13.7001 16.8333 13.4667 16.8333 13V12.3333C16.8333 11.8666 16.8333 11.6333 16.7425 11.455C16.6626 11.2982 16.5351 11.1707 16.3783 11.0908C16.2001 11 15.9667 11 15.5 11H12.3333C11.8666 11 11.6333 11 11.455 11.0908C11.2982 11.1707 11.1707 11.2982 11.0908 11.455C11 11.6333 11 11.8666 11 12.3333V13C11 13.4667 11 13.7001 11.0908 13.8783C11.1707 14.0351 11.2982 14.1626 11.455 14.2425C11.6333 14.3333 11.8666 14.3333 12.3333 14.3333Z' stroke='%23BBBBBB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");}
body.auth-page.bg-light{background-color: #FAFAFA !important;}
body.auth-page main {
    position: relative;
    padding-top: 67px;
}
.form-check .form-check-input{margin:0!important;}
.auth-page .pos-end-start-img {
    position: absolute;
    inset-inline-start: 97px;
    inset-block-end: 48px;
    width: 230px;
}
.auth-page .pos-end-end-img {
    position: absolute;
    inset-inline-end: 86px;
    inset-block-end: 27px;
    width: 245px;
    height: 245px;
}
.auth-page .form-box-wrapper{
	max-width:685px;
    min-height: 648px;
	width:96%;
	margin-inline:auto;
	display:flex;
	flex-flow:column;
	padding:80px 50px 74px;
	border-radius:60px;
	background-color:#E9EAEB;
}
.auth-page .logo-main {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom:50px;
}
.auth-page .title-main{
	width: 100%;
}
.auth-page .title, .auth-page .title-main .title{
    width: 100%;
    text-align: center;
    line-height: 30px;
    color: #0F0F0F;
    font-family:"Google Sans",sans-serif;
    font-weight: 700;
    margin-bottom: 0;
}
.auth-page .subtitle, .auth-page .title-main .auth-page .subtitle, .auth-page.title-main .supportingTxt{
    width: 100%;
    text-align: center;
    line-height: 130%;
    color: #0F0F0F;
    font-family:"Google Sans",sans-serif;
    font-weight: 400;
}
.auth-page .form-box-wrapper form{
	max-width:336px;
	width:100%;
	margin-inline:auto;
}
.auth-page .form-box-wrapper .title-main{
	margin-bottom:24px;
}
.auth-page .verify_otp .form-box-wrapper .title-main{
    margin-bottom:22px;
}
.auth-page .form-box-wrapper .title-main .subtitle{
	font-size:16px;
    margin-bottom: 0;
}
.auth-page .form-box-wrapper form .form-input {
    margin-bottom: 15px;
}
.auth-page .form-input .form-control{
	height: 48px;
	padding-inline-start: 40px;
}
[dir="rtl"] .auth-page .form-input .form-control{
	background-position: 96% 50%;
}
[dir="ltr"] .auth-page .form-input .form-control{
	background-position: 4% 50%;
}
.auth-page .form-box-wrapper .form-validation-info {
	font-weight:400;
	font-family:"Google Sans",sans-serif;
	font-size:11px;
	line-height:11px;
	margin-top:12px;
    height: 11px;
}
.auth-page .form-box-wrapper .form-validation-info .invalid {
    color: #F00;
}
.auth-page .form-box-wrapper .form-validation-info .valid {
    color: green;
}
.auth-page .form-box-wrapper form .form-btns{
	margin-top:114px;
}
.auth-page .form-box-wrapper form .form-btns .btn{
    width: 100%;
	--bs-btn-padding-y: 14px;
    font-family:"Google Sans",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}
.btn-loader {
    animation: rotation 1s linear infinite;
    position: absolute;
    left: 18px;
}
html[dir="ltl"] .btn-loader {
    left: auto;
    right: 18px;
}
.btn-loader {
    left: 18px;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.otp-inputs {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
    gap: 6px;
}
.otp-inputs .form-control,
.auth-page .form-input .otp-inputs .form-control{
    padding:5px;
    text-align: center;
    width: 50px;
}
.otp-inputs .form-control:focus,
.auth-page .form-input .otp-inputs .form-control:focus {
    border-color: #33334C !important;
}
.login-register-pg.verify_otp .title-main .title {
    margin-bottom: 36px;
}
.auth-page .login-register-pg.verify_otp .form-box-wrapper form .form-btns {
    margin-top: 60px;
}
.auth-page .form-box-wrapper p,
.auth-page .form-box-wrapper p.text-muted{
    font-weight: 400;
    font-family:"Google Sans",sans-serif;
    font-size: 14px;
    line-height: 130%;
}
.auth-page .form-box-wrapper p.text-muted{
    color: #0F0F0F !important;
}

.auth-page .verify_otp .form-box-wrapper .verify_otp_link {
    text-align: center;
    color: #0F0F0F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: 42px;
}
.auth-page .verify_otp .form-box-wrapper .verify_otp_link .btn-link.ec-primary {
    color: #0068F5 !important;
}
.auth-page .verify_otp .form-box-wrapper .verify_otp_link .btn-link.ec-primary:disabled {
    color: #505D68 !important;
    text-decoration: none !important;
}
.auth-page .back-btn {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 35px;
}
.auth-page .back-btn a {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    color: #252B37;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.auth-page .back-btn a:hover {
    color: #0068F5;
    text-decoration: underline;
}
.auth-page .back-btn a:hover svg path {
    stroke: #0068F5;
}

/*responsive-start*/
@media screen and (min-width:992px) and (max-width:1300px){
    .auth-page .pos-end-start-img{inset-inline-start:15px;}
    .auth-page .pos-end-end-img{inset-inline-end:15px;}
    body.auth-page main { padding: 30px 0;}
}
@media screen and (max-width:991px){
    .auth-page .pos-end-start-img,.auth-page .pos-end-end-img{display:none;position: relative;inset: unset;margin-inline: auto;}
    .auth-page .form-box-wrapper{padding:65px 15px;max-width: 485px;min-height:unset;}
    .login-register-pg.verify_otp .title-main .title {margin-bottom: 22px;}
    .auth-page .login-register-pg.verify_otp .form-box-wrapper form .form-btns {margin-top: 60px;}
}
@media screen and (max-width:767px){
    .auth-page .form-box-wrapper{padding:40px 15px;border-radius:30px;min-height:unset;}
    .login-register-pg.verify_otp .title-main .title {margin-bottom: 16px;}
    .auth-page .login-register-pg.verify_otp .form-box-wrapper form .form-btns {margin-top: 50px;}
}
/*responsive-end*/