html{position:relative;overflow-x:hidden}html,body{--shkrncom-var-container-width:1220px;width:100%;min-height:100vh;background:#fff!important}body *{box-sizing:border-box}.container-header-footer{max-width:1220px;margin:auto}.grid{display:-ms-grid;display:grid}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-center{justify-content:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.flex-center-in-col{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.relative{position:relative}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none}input[type=email],input[type=tel],input[type=password],input[type=text]{-webkit-appearance:none;outline:0;width:100%;-webkit-transition:all .2s;border:1px solid #dcdcdc!important;border-radius:14px!important;margin:0!important;padding:11px 10px!important;font-family:initial,sans-serif!important;transition:all .2s!important}button{cursor:pointer;width:100%;font-family:inherit;font-size:18px;font-weight:600;background-color:var(--var-otino-main-color)!important;color:#fff!important;border:none!important;border-radius:15px!important;padding:12px!important}.otino-otp-form{flex-direction:column;gap:15px}.response-otino{border-radius:9px;width:100%}.box-main-login-page-otino{flex-wrap:wrap;justify-content:space-between;gap:60px;width:100%;height:100%;min-height:100vh}.image-side-form-otino>img{width:100%;max-width:630px;display:flex}.logo-image-login-page-otino{width:auto;max-height:50px}.image-side-form-otino{flex-direction:column}.image-side-form-otino>span>strong{color:#2b7efe;padding:0 4px}.go-back-btn-login-page-otino{cursor:pointer;border:1px solid #000;border-radius:16px;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:0;right:0}.go-back-btn-login-page-otino svg{width:30px;height:auto}.login-form-box-otino{flex:1}.box-logo-title-above-form-login-otino{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;font-weight:600;display:flex;position:relative}.login-form-wrapper-otino{border-radius:32px;flex-direction:column;flex:1;justify-content:space-between;gap:10px;width:100%;max-width:440px;padding:30px 35px;position:relative;overflow:hidden;box-shadow:0 4px 40px #007dcc1a}.image-side-form-otino>span{z-index:0;font-size:20px;font-weight:600;position:relative}.image-side-form-otino>span:after{content:"";z-index:-1;background:#f1f8ff;width:120%;height:15px;position:absolute;top:20px}.roles-text-under-form-login-lobgu{color:#8492a1;text-align:center;margin-top:5px;font-size:13px;font-weight:500}.roles-page-link-otino{color:#52667b!important;text-decoration:none!important}.otino-mobile-label-form{flex-direction:column;flex:1;gap:12px;width:100%;margin:auto;display:flex}.otino-mobile-label-form input{text-align:center;letter-spacing:10px;box-sizing:border-box;direction:ltr;font-size:16px;line-height:1.5em}.otino-login-form{flex-direction:column;gap:30px;width:100%;display:flex}.desc-above-form-login-lobgu{margin:auto auto 20px}.no-template-otino .form-row{margin:0}.login-form-wrapper-otino.otp-activated .title-under-logo-login-lobgu,.login-form-wrapper-otino.otp-activated .go-back-btn-login-page-otino,.login-form-wrapper-otino.otp-activated .otino-otp-form label,.login-form-wrapper-otino.otp-activated .roles-text-under-form-login-lobgu,label span.required{display:none}.login-form-wrapper-otino.otp-activated .desc-above-form-login-lobgu.otp-activated{display:flex}.desc-above-form-login-lobgu.otp-activated{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:none}.no-template-otino{position:static!important}@media only screen and (width<=1230px){.box-main-login-page-otino{flex-direction:column;gap:5px;padding:60px 10px}.login-form-wrapper-otino{box-shadow:none}}@media only screen and (width<=1024px){.image-side-form-otino{width:100%;padding:0 20px}.login-form-wrapper-otino{padding:30px 10px}.image-side-form-otino>span{display:none}}form.woocommerce-form.woocommerce-form-login.login{flex-direction:column;width:100%;display:flex;gap:12px!important}p.form-row{flex-direction:column;gap:10px;margin:0;display:flex}p.lost_password>a{text-decoration:none}