.dropdown{outline:none;display:inline-block;position:relative}.dropdown *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropbtn{color:#eb3282;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;width:4rem;height:2rem;font-size:20px;line-height:100%;transition:all .35s ease-out;display:flex}.dropbtn svg{transition:rotate .2s ease-in-out}.dropdown .dropdown-content{z-index:100000;visibility:hidden;opacity:0;background-color:#fff;border-radius:.5rem;min-width:120%;transition:all .2s linear;position:absolute;right:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ccc}.-translate-y-full .dropdown .dropdown-content{opacity:0!important;visibility:hidden!important}.dropdown-content button{color:#999;cursor:pointer;text-align:left;white-space:pre;border-bottom:1px solid #ccc;width:100%;padding:.5rem 1rem;text-decoration:none;transition:background-color .1s;display:block}.dropdown-content button:last-child{border-bottom-width:0}.dropdown-content button:hover{background-color:rgba(200,200,200,.5)}.dropdown:focus .dropdown-content{visibility:visible;opacity:1;outline:none}.dropdown .db2{opacity:0;cursor:pointer;z-index:10;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.dropdown:focus .db2{display:inline-block}.dropdown .db2:focus .dropdown-content{visibility:hidden;opacity:0;outline:none}.dropdown:focus .dropbtn>svg{rotate:-.5turn}
.loginWrapper{background-image:url(/images/imageBottom.png),url(/images/backgroundTwo.png);background-position:bottom,50%;background-repeat:no-repeat,no-repeat;background-size:contain,cover;flex-direction:column;justify-content:center;align-items:center;width:auto;height:auto;min-height:100vh;padding:78px 0;display:flex}.loginWrapper .login{border-radius:12px;flex-direction:column;align-items:center;width:400px;height:auto;padding-bottom:250px;display:flex}.loginWrapper .login .logo{flex-direction:column;justify-content:center;align-items:center;gap:15px;width:230px;height:150px;margin-bottom:84px;display:flex}.loginWrapper .login .logo .img{object-fit:contain;width:230px;height:106px}.loginWrapper .login .form{flex-direction:column;width:100%;max-width:370px;display:flex}.loginWrapper .login .form .label{color:#000;text-align:left;width:100%;margin-bottom:32px;font-size:32px;font-weight:700;line-height:130%}.loginWrapper .login .form .inputs{flex-direction:column;gap:8px;margin-bottom:34px;display:flex}.loginWrapper .login .form .inputs .phoneRow{align-items:flex-end;gap:12px;display:flex}.loginWrapper .login .form .inputs .phoneRow .countryCodeBox{width:50px;position:relative}.loginWrapper .login .form .inputs .phoneRow .countryCodeToggle{cursor:pointer;background:#fff;border:1px solid #d6d6d6;border-radius:8px;align-items:center;width:100%;height:48px;padding:0 12px;display:flex}.loginWrapper .login .form .inputs .phoneRow .countryCodeDisplay{color:#111827;font-size:14px}.loginWrapper .login .form .inputs .phoneRow .countryCodeList{z-index:10;background:#fff;border:1px solid #d6d6d6;border-radius:8px;width:160px;max-width:max-content;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 20px rgba(0,0,0,.08)}.loginWrapper .login .form .inputs .phoneRow .countryCodeItem{color:#111827;cursor:pointer;padding:10px 12px;font-size:14px}.loginWrapper .login .form .inputs .phoneRow .countryCodeItem:hover{background:#f5f5f5}.loginWrapper .login .form .inputs .phoneRow .inputWrapper{flex:1}.loginWrapper .login .form .button{flex-direction:column;gap:16px;display:flex}.loginWrapper .imageBottom{max-width:100%;position:absolute;bottom:0}.loginWrapper .imageBottom img{max-width:100%;height:100%;display:flex}