.field-icon{position:absolute;top:50%;transform:translateY(-50%);right:0;font-size:18px;color:rgb(0 0 0 / 60%);cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.otp-field input[type=number]{-moz-appearance:textfield}body{overflow-x:hidden}.login-area{padding:0}.login-left{margin:15px;width:35%;height:calc(100vh - 30px)!important;background-color:#f1efec;border-radius:30px}.login-left .l-logo{position:absolute;top:20px;left:20px}.login-bg{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center}.login-bg img{max-width:598px}.login-right{width:75%;display:flex;align-items:center;position:relative}.login-right::before{content:"";height:100%;width:100%;background-image:url(../images/support-bg.jpg);background-position:center center;position:absolute;top:0;left:0;right:0;z-index:-1;opacity:.2}.login-left,.login-right{height:100vh}.login-card{max-width:500px;margin:0 auto;position:relative}.login-card nav{position:absolute;top:130px;left:0;right:0}.page-title .icon{height:60px;width:60px;background-color:#fff;border:1px solid #eee;border-radius:15px;line-height:52px;margin:0 auto 15px}.page-title .icon.reset-icon{height:auto;width:auto;border:0;max-width:280px;margin-bottom:0}.login-card .login-signup .page-title{margin-bottom:120px!important}.login-card .page-title h2{margin-bottom:0}.login-card .page-title p{max-width:440px}.login-area .thembo{font-weight:600;color:#000;transition:all .5s}.l-footer{position:absolute;bottom:15px;left:0;right:0;padding-right:20px}.l-footer p{margin:0;font-size:15px}.l-footer p>a{font-weight:600;color:#000}.l-footer p>a:hover{text-decoration:underline!important}.login-card .btn-main.transparent-btn{border-color:#eee;color:#000}.login-card .form_wrapper .radio{display:none}.login-card .nav-tabs{margin-bottom:30px;border:2px solid #eee;background-color:#fff;border-radius:6px;padding:5px;gap:8px}.login-card .nav-tabs .nav-link{box-shadow:none;display:block;width:calc(50% - 5px);text-align:center;padding:6px 15px;z-index:1;font-size:18px;border:0;outline:0;background-color:transparent;border-radius:5px}.login-card .nav-tabs .nav-link.active{background-color:#eee}.login-card .form_wrapper .tab.login_tab{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.login-card .form_wrapper .tab.signup_tab{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.login-card .form_wrapper .shape{background-color:#eee;width:50%;height:calc(40px - 0px);border-radius:5px;position:absolute;top:3px;left:0;opacity:.9;transition:all .4s ease}.login-card .form_wrapper #login:checked~.login-switch .shape{left:3px}.login-card .form_wrapper #login:checked~.login_tab{border-color:transparent;z-index:1;color:#fff}.login-card .form_wrapper #login:checked~.tile .signup{display:none}.login-card .form_wrapper #login:checked~.form_wrap{transform:translateX(0)}.login-card .form_wrapper #login:checked~.form_wrap .signup_form{opacity:0}.login-card .form_wrapper #signup:checked~.login-switch .shape{left:calc(50% - 3px)}.login-card .form_wrapper #signup:checked~.signup_tab{border-color:transparent;z-index:1;color:#fff}.login-card .form_wrapper #signup:checked~.tile .login{display:none}.login-card .form_wrapper #signup:checked~.form_wrap{transform:translateX(-100%)}.login-card .form_wrapper #signup:checked~.form_wrap .login_form{opacity:0}.login-card .form_wrapper .form_wrap{display:flex;width:100%;flex:0 0 100%;transition:transform .3s ease,opacity .2s ease}.login-card .form_wrapper .form_wrap .form_fild{width:100%;flex:0 0 100%;transition:all .5s ease}.header__dropdown--profile{position:absolute;top:135%;right:11px;padding:25px;background:#fff;box-shadow:0 0 10px rgb(0 0 0 / 10%);border-radius:24px;width:232px;max-width:232px;transition:all .3s;opacity:0;visibility:hidden}.login-btn.user-login .dropdown:hover .header__dropdown--profile{top:100%;opacity:1;visibility:visible}.g_id_signin{text-align:center;max-width:220px;margin:15px auto 0}