.input-field {column-gap: 10px;display: flex;justify-content: center;}
.input-field input:focus {box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);}
.input-field input::-webkit-inner-spin-button,
.input-field input::-webkit-outer-spin-button {display: none;}
.hidden { display: none;}
.disabled-link {pointer-events: none;}

.loginbox{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;max-width:760px;border:1px solid #ddd;border-radius:8px;padding:35px;background-color:#FCFAF2;text-align:center}
/* .loginbox .pvpl-otp-box,.loginbox .pvpl-login-number,.loginbox .pvpl-login-email{width:65%} */
.loginbox h2{font-size:30px}
.loginbox h2,.loginbox p{margin:0;color:#434343}
.loginbox p{margin-top:.5rem}
.pvpl-otp-box .otpbox,.pvpl-login-number .login-box,.pvpl-login-email .email-box{text-align:center;margin-top:2rem;width:100%}
.pvpl-login-email .email-box,.pvpl-login-number .login-box{text-align:left}
.loginbox .input-group{flex-direction:row;column-gap:5px;display:flex}
.loginbox label{color:#666;font-size:16px;display:block}
.loginbox .login-with-number-link,.loginbox .login-with-email-link{cursor:pointer}
.loginbox input[type="text"],.loginbox input[type="email"],.loginbox input[type="tel"]{height:45px;width:100%!important;border-radius:6px;outline:none;font-size:1.125rem;padding:0 10px;border:1px solid #ddd;box-sizing:border-box;background-color:#fff;margin:0;color:#000}
.loginbox .intl-tel-input{width:100%}
.loginbox button[type="submit"]{margin-top:25px;width:100%;color:#fff;font-size:1rem;border:none;padding:12px 0;cursor:pointer;border-radius:4px;background:#ED981C;transition:all .2s ease;min-height:46px;font-weight:700;margin-bottom:5px}
.loginbox button[type="submit"]:hover{background-color:#CC8205}
.loginbox .pvpl-otp-box input[type="number"]{height:50px;width:50px;outline:none;font-size:1.125rem;padding:0 7px;text-align:center;border:1px solid #ddd;box-sizing:border-box;background-color:#fff;border-radius:.25rem;-moz-appearance: textfield;}
.loginbox .pvpl-otp-box input[type="number"]:focus{border-color:#ED981C}
.loginbox .pvpl-otp-box input[type="number"]::-webkit-outer-spin-button, .loginbox .pvpl-otp-box input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.loginbox .resend-otp,.loginbox .not-received-otp{color:#434343;font-size:14px}
.loginbox .resend-otp span,.loginbox .not-received-otp a{color:#ED981C;font-weight:700}
.loginbox button[type="submit"]:disabled,.loginbox button[type="submit"][readonly]{background-color:#b2b1ac;color:#fff}
.loginbox .error-msg{color:red;font-size:.8em;margin-top:.3rem;display:block}
.pvpl-login-number .login-box p, .pvpl-login-email .email-box p{margin:0;margin-top:1rem;font-size:14px}
.pvpl-login-number .login-box a, .pvpl-login-email .email-box a{text-decoration:underline;color:#ED981C;font-weight:700}
.pvpl-login-number .login-box a:hover, .pvpl-login-email .email-box a:hover{text-decoration:none;color:#CC8205}
.pvpl-login-number .login-box .loginOtherWay,.pvpl-login-email .email-box .loginOtherWay{text-align:center; display: flex; justify-content: space-between; align-items: center;}
.pvpl-login-number .login-box .loginOtherWay a,.pvpl-login-email .email-box .loginOtherWay a{background-color:#fff;padding:10px 20px;color:#434343;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;border-radius:4px;text-decoration:none;margin-bottom:0.25rem;gap:.5rem;transition:all .2s ease}
.pvpl-login-number .login-box .loginOtherWay a:hover,.pvpl-login-email .email-box .loginOtherWay a:hover{background-color:#FCFAF2}
.pvpl-login-number .login-box .loginOtherWay p a,.pvpl-login-email .email-box .loginOtherWay p a{margin:0;width:auto;background-color:transparent;border:0;display:inline-block;padding:0;color:#ED981C;text-decoration:underline}
.pvpl-login-number .login-box .loginOtherWay p a:hover,.pvpl-login-email .email-box .loginOtherWay p a:hover{color:#CC8205;text-decoration:none}
.pvpl-login-number .divider-text,.pvpl-login-email .divider-text{position:relative;text-align:center;}
.pvpl-login-number .login-box p.divider-text {margin-bottom: 0.5rem; margin-top: 0.5rem;}
.pvpl-login-number .divider-text:after,.pvpl-login-email .divider-text:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#ccc}
.pvpl-login-number .divider-text span,.pvpl-login-email .divider-text span{position:relative;display:inline-block;padding:10px 20px;background:#FCFAF2;z-index:1}
.login-box .loginOtherWay p.divider-text,.email-box .loginOtherWay p.divider-text{margin-bottom:1.5rem}
.login-box .loginOtherWay p a,.email-box .loginOtherWay p a{color:#434343}
.login-box .loginOtherWay p a:hover,.email-box .loginOtherWay p a:hover{color:#CC8205}
.login-box .flag-text{margin-left:5px}
.loginbox .phone{position:relative;display:flex;align-items:center}
.loginbox input[type="tel"]{padding-left:100px}
#login-number-form label, .pvpl-login-email .email-box label {cursor: pointer;margin-bottom: 0.5rem;font-weight: 600;}
::placeholder{color: #808080; font-size: 14px;}
textarea:focus, input:focus, select:focus {box-shadow:none;}
textarea:focus-visible, input:focus-visible, select:focus-visible {outline:0;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px white inset !important;-webkit-text-fill-color: black !important;background-color: #fff;}
input:-moz-autofill {box-shadow: 0 0 0 30px white inset !important;-moz-text-fill-color: black !important;background-color: #fff;}
input:-ms-autofill {box-shadow: 0 0 0 30px white inset !important;-ms-text-fill-color: black !important;background-color: #fff;}
.pvpl-login-number .login-box p.signup, .pvpl-login-email .email-box p.signup {text-align: center;}
.select2-results span.flag-text{padding-left:5px}
.select2-dropdown{width:100%!important;position:relative;border-color:#ddd!important}
.select2-container--open .select2-dropdown{left:3px!important;position:relative;bottom:-14px;border-radius:4px;border-top:1px solid #ddd!important}
.select2-container--default .select2-search--dropdown .select2-search__field{border:0!important;border-bottom:1px solid #ddd!important;position:relative}
.select2-container--default .select2-search--dropdown .select2-search__field::before{content:'';position:absolute;background:url(/images/ic-google.svg) left top no-repeat;padding-left:25px}
.select2-container{position:absolute!important;left:-3px;top:8px;z-index:1}
.selection{width:90px;display:block}
.selection:focus{outline:none}
.select2-container--default .select2-selection--single .select2-selection__arrow b{right:-70px;border-color:#434343 transparent transparent!important;border-width:6px 5px 0!important;transition:all .2s ease}
.select2-container--default .select2-selection--single .select2-selection__arrow{right:-5px!important}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{transform:rotate(180deg)}
.select2-container--default .select2-selection--single{background-color:#fff;border:0 solid #aaa;border-radius:4px;position:relative;background-color:#fff;border:0!important;border-radius:4px;left:4px}
.select2-container .select2-selection--single .select2-selection__rendered{padding-right:0!important;text-align:left}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{outline:none}
.select2-search--dropdown .select2-search__field{padding:10px!important}
.select2-container--default.select2-container--disabled .select2-selection--single {background-color: #fff !important;}
.pvpl-login-number .login-box .loginOtherWay, .pvpl-login-email .email-box .loginOtherWay {gap: 1rem; width: 100%;}

@media only screen and (max-width: 600px) {
  .loginbox{padding: 30px 20px;}
  .loginbox .pvpl-otp-box, .loginbox .pvpl-login-number, .loginbox .pvpl-login-email {width: 100%;}
  .loginbox h2 {font-size: 25px;}
  .select2-container {max-width: 310px;}
}
@media only screen and (max-width: 767px) {
   .pvpl-login-number .login-box .loginOtherWay a, .pvpl-login-email .email-box .loginOtherWay a {text-align: left; padding: 5px 5px 5px 15px;}
   .pvpl-otp-box .otpbox, .pvpl-login-number .login-box, .pvpl-login-email .email-box {margin-top: 1.5rem;}
   .pvpl-login-number .login-box .loginOtherWay a span, .pvpl-login-email .email-box .loginOtherWay a span {padding-left: 5px; font-size: 15px;}
}
.spinner {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 3.8px solid #ffffff;
  animation: spinner-bulqg1 0.96s infinite linear alternate,
       spinner-oaa3wk 1.92s infinite linear;
   margin: 0 auto;
   display: none;
}
.spinner-new {
   position: absolute;
}
@keyframes spinner-bulqg1 {
  0% {
     clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
     clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }
  25% {
     clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }
  50% {
     clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  62.5% {
     clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  75% {
     clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }
  100% {
     clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}

@keyframes spinner-oaa3wk {
  0% {
     transform: scaleY(1) rotate(0deg);
  }
  49.99% {
     transform: scaleY(1) rotate(135deg);
  }
  50% {
     transform: scaleY(-1) rotate(0deg);
  }
  100% {
     transform: scaleY(-1) rotate(-135deg);
  }
}