@charset "UTF-8";
/* CSS Document */
.cloud-page-form html {
  background: #FFC257;
}
.banner-bg .row {
  align-items: inherit;
}
html {
  background: #FFC257;
}
iframe.cloud-page-form {
  width: 480px;
  height: 780px;
  padding: 30px;
  box-sizing: border-box;
  margin-top: -50px;
}
.signup-data-middle-child {
  background: #FFC257;
  padding: 0px;
  margin-top: 0px;
}
#signupform input, .za-otp-container input {
  padding: 20px 40px 20px 15px !important;
  border-radius: 2px !important;
  border: 1px solid #fff;
  font-size: 16px;
}
.hide-pswd-icon {
  background-position: -105px -133px;
}
.hide-pswd-icon {
  background-position: -105px -133px;
}
.show-pswd-icon, .hide-pswd-icon {
  right: 15px;
  top: 4px;
}
.zs-txtfldnew-pl {
  line-height: 42px;
  position: absolute;
  right: 25px;
  font-size: 12px;
}
#signupform select {
  font-size: 14px;
  padding: 0px 20px 0px 20px !important;
  width: 100% !important;
  height: 37px !important;
  color: #000;
  outline: none;
  background: var(--white) !important;
  border-radius: 0px !important;
  margin: 5px auto 0px auto !important;
  -webkit-appearance: none;
  border-radius: 2px !important;
  border: 1px solid #70abc0;
}
input::placeholder {
  color: #000;
}
#za-signup-btn.zs-signupbutco, .zs-signinbutco, #signupform .za-submitbtn-otp input.signupbtn {
  background: #000000 !important;
  padding: 8px 30px !important;
  font-size: 16px;
  height: 50px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 2px !important;
  color: #fff;
}
#za-signup-btn.zs-signupbutco:hover, #signupform .za-submitbtn-otp input.signupbtn:hover {
  background: #000 !important;
  color: #fff;
}
li#res {
  display: none;
}
li#supp {
  display: none;
}
.banner a {
  background: transparent !important;
  color: #ee4a44 !important;
  border: 1px solid #ee4a44 !important;
}
.banner a:hover {
  background: #ee4a44 !important;
  color: #fff !important;
}
.privacy-container div, .privacy-container a, .zcountry-info, p.dc-info, .signup-form .signintxt {
  color: #000000;
}
#signupform input.potlinptbx {
  padding-right: 225px !important;
}
.field-msg .error.jqval-error {
  color: #000000 !important;
}
.signupcont h2 {
  color: #fff;
}
.signupcont .welcom-msg-usrmail {
  color: #fff;
}
.signupcont p {
  color: #fff;
}
.signup-form .ortxt {
  background: #082857;
  color: #fff;
}
#signupform input, .za-otp-container input {
  padding: 15px 40px 15px 15px !important;
  font-size: 14px;
}
.zs-txtfldnew-pl {
  line-height: 36px;
}
label#sendmemailcheck {
  line-height: 1.5;
  color: #000000;
}
#main-container .form-head-wrap p {
  margin: 0px 0px 8px 0px;
}
#signupform select {
  border: 1px solid #fff;
}
.privacy-container div, .privacy-container a {
  font-size: 12px;
}
a.creatnewac {
  color: #fff;
  border: 1px solid #fff;
}
.signup-validateform .zcountry-detai {
  padding-bottom: 3px;
}
.zcountry-detai {
  padding: 2px 8px;
}
@media only screen and (max-width:768px) {
  .container-new h1 {
    margin-top: 0px;
  }
  .banner p {
    max-width: 100%;
  }
}
@media only screen and (max-width:414px) {
  iframe.cloud-page-form {
    width: 400px;
  }
  #signupform input.potlinptbx {
    padding-right: 0px !important;
  }
  p.logo-text {
    max-width: 100%;
  }
  a.continueSignin {
    font-size: 16px;
    padding: 13px 20px 13px 20px;
  }
}
@media only screen and (max-width:375px) {
  iframe.cloud-page-form {
    width: 370px;
  }
}
@media only screen and (max-width:320px) {
  iframe.cloud-page-form {
    width: 300px;
  }
  .zs-txtfldnew-pl {
    font-size: 8px;
  }
  a.creatnewac {
    font-size: 14px;
    padding: 10px 30px 10px 30px;
  }
}