.leadContainer p a,
.vowHaveAccountContainer .noAccount span {
  text-decoration: underline;
}

.text-danger {
  color: rgba(var(--vs-danger), 1);
}

.closeBtn > img:last-child,
.loginAdditional {
  display: none;
}

.leadContainer {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: 0.3s ease-in-out;
}

.leadContainer.vowOpened {
  z-index: 999999;
  opacity: 1;
}

.singlePopup {
  width: 90%;
  max-width: 1100px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: -1;
  max-height: 90%;
  overflow: auto;
}

.vowInquiryOuter {
  max-width: 550px;
}

.inputContainer,
.vowHaveAccountContainer p {
  max-width: 350px;
}

.singlePopup.opened {
  opacity: 1;
  z-index: 999;
}

.popupContainer {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

.popupContainer > .halfColumn {
  width: 50%;
}

.inputContainer {
  width: 100%;
  margin: auto;
}

form .inputContainer {
  padding-top: 25px;
}

.inputContainer .RegisterBtn,
.inputContainer .loginBtn,
.inputContainer .submitBtn,
.inputContainer .verificationBtn,
.inquirySubmitBtn {
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 20px;
  margin: 10px 0 0;
  padding: 10px;
  color: #fff;
  background: var(--theme-color) !important;
  box-shadow: 0 8px 20px -6px rgb(0 0 0 / 40%) !important;
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

.RegisterBtn:hover,
.inputContainer .submitBtn:hover,
.inquirySubmitBtn:hover,
.loginBtn:hover,
.verificationBtn:hover {
  transform: translateY(-6px);
}

.RegisterBtn:disabled,
.inputContainer .submitBtn:disabled,
.inquirySubmitBtn:disabled,
.loginBtn:disabled,
.verificationBtn:disabled {
  pointer-events: none;
  opacity: 0.35;
}

.loginUnderLineBtn,
.signupUnderLineBtn {
  text-decoration: underline;
  color: #000;
  cursor: pointer;
}

.inputContainer input {
  background: #fff;
  color: rgba(var(44, 62, 80), 1);
  padding: 7px 13px 7px 10px;
  border-radius: 3px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  width: 100%;
  line-height: 21px;
  margin-bottom: 0.5rem;
  border: 1px solid #ccc !important;
}

.leadContainer h2 {
  font-size: 30px !important;
  text-align: center;
  margin: 0 0 20px;
  line-height: 1.2em;
  font-weight: 600;
  color: #464646;
}

.leadContainer p {
  font-size: 14px;
  text-align: center;
}

.leadContainer p a {
  color: #000;
  font-size: 14px;
}

.noAccountContainer p {
  margin: 10px 0;
}

.popupContainer .popupInner {
  max-width: 400px;
  margin: auto;
}

.closeBtn {
  position: absolute;
  top: 25px;
  cursor: pointer;
  right: 25px;
}

.vowSliderOuterContainer .slick-slider {
  background-color: transparent !important;
}

.disclaimer {
  margin-top: 25px;
  font-size: 13px !important;
  color: #616161;
}

.alertBox {
  display: none;
  width: 100%;
  padding: 10px 20px;
  border-radius: 0 12px 12px 0;
  position: relative;
  font-size: 0.9rem;
  z-index: 10;
  -webkit-transition: height 0.25s;
  transition: height 0.25s;
  overflow: hidden;
  margin-top: 20px;
  height: auto !important;
}

.alertBox.danger {
  background: rgba(255, 71, 87, 0.1);
  color: #ff4757;
}

.alertBox.primary {
  background: rgba(25, 91, 255, 0.1);
  color: #195bff;
}

.alertBox p {
  text-align: left;
}

.alertBox.show {
  display: block;
}

.alertBox:after {
  content: '';
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  position: absolute;
}

.alertBox.primary:after {
  background: #195bff;
}

.alertBox.danger:after {
  background: #ff4757;
}

.pwToggler {
  cursor: pointer;
  position: absolute;
  top: calc(42%);
  right: 10px;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .closeBtn > img:last-child {
    display: block;
  }

  .closeBtn > img:first-child {
    display: none;
  }

  .popupContainer > .halfColumn {
    width: 100%;
  }
}

.vowHaveAccountContainer {
  background-image: url('/wp-content/plugins/viii-wp/assets/images/slide-bg.jpg');
  min-height: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
  padding: 35px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.inquiryFormContainer,
.popupContainer > div:first-child {
  padding: 50px 35px !important;
}

.vowHaveAccountContainer h2,
.vowHaveAccountContainer p {
  color: #fff !important;
}

.vowHaveAccountContainer .inputContainer {
  margin: unset !important;
}

.vowHaveAccountContainer .noAccount {
  font-size: 14px;
  margin-top: 1.25rem;
}

.inquiryFormContainer {
  width: 100% !important;
}

.grid-cols-2 {
  display: flex;
  margin: 0 -0.25rem;
}

.grid-cols-2 input {
  width: calc(50% - 0.5rem);
  margin: 0 0.25rem 0.5rem;
}

.inquirySubmitBtn {
  width: 100%;
  display: block;
  padding: 10px;
  border-radius: 20px;
  margin: 0 !important;
  color: #fff;
  background: #195bff;
  cursor: pointer;
}

.signUp {
  cursor: pointer;
}

.inquiry-text-area {
  background: rgba(0, 1, 0);
  color: rgba(0, 1, 0);
  padding: 7px 13px 7px 10px;
  border-radius: 3px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc !important;
  margin-bottom: 0.5rem;
}

/* vow reason */

.vowReasonContainer {
  background-image: url('/wp-content/plugins/viii-wp/assets/images/slide-bg.jpg');
  min-height: 100%;
  background-size: cover;
  background-position: center;
  padding: 50px;
}
.vowReasonContainer h2 {
  color: #fff !important;
  max-width: 270px;
  margin: 0 auto 20px;
  line-height: 1.3em;
}
.vowReasonContainer .vowSliderOuterContainer {
  background-color: #fff;
  padding: 50px 25px;
  border-radius: 15px;
}
.vowReasonContainer .vowSliderOuterContainer .singleVowSlide img {
  margin: auto;
  display: block;
  max-width: 100%;
}
.vowReasonContainer .vowSliderOuterContainer .singleVowSlide h3 {
  font-size: 18px !important;
  text-align: center;
  color: #000 !important;
  font-weight: 500 !important;
}
.vowReasonContainer .vowSliderOuterContainer .singleVowSlide h3 span {
  color: #e54a4a;
}
.vowReasonContainer .signupBtn {
  border-radius: 20px;
  margin: auto;
  max-width: 300px;
  margin-top: 35px;
}
.vowReasonContainer .signupBtn .vs-button__content {
  padding: 10px;
}
.vowReasonContainer .slick-dots {
  bottom: 25px;
  left: 0;
}

/* vow signin */

/* vow signup verified */
.email-confirm-icon {
  display: block;
  margin: 20px auto;
}
.verificationCompletedContainer,
.verificationRequiredContainer {
  display: none;
}
.verificationCompletedContainer.show,
.verificationRequiredContainer.show {
  display: block !important;
}
.singupResendBtn {
  width: 100%;
  display: block;
  padding: 10px;
  border-radius: 20px;
  margin-top: 10px;
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
  box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
/* vow signup */
.disclaimerContainer.show,
.registerFormContainer.show {
  display: block;
}
.disclaimerContainer,
.registerFormContainer {
  display: none;
}
.disclaimerInner {
  max-height: 300px;
  overflow: auto;
}
.signUpConfirmBtn {
  margin: 45px auto 10px;
}

/* vow verification */
.email-confirm-icon {
  display: block;
  margin: 20px auto;
}
.verificationCompletedContainer,
.verificationRequiredContainer {
  display: none;
}
.verificationCompletedContainer.show,
.verificationRequiredContainer.show {
  display: block !important;
}
.resendBtn {
  width: 100%;
  display: block;
  padding: 10px;
  border-radius: 20px;
  margin-top: 10px;
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
  box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
/* vow login */
#VowSignIn,
#VowSignInVerification {
  display: none;
}
#VowSignIn.show,
#VowSignInVerification.show {
  display: block;
}
/* vow register */
#VowSignUpContainer,
#VowSignUpVerification {
  display: none;
}

#VowSignUpContainer.show,
#VowSignUpVerification.show {
  display: block;
}