#div-1,
#log-text-0,
.bzGoogleLogin .g-text {
  font-weight: 500;
  font-style: normal;
}
#div-1,
#in-12,
#log-text-0,
#password-field input {
  font-family: Metropolis, sans-serif;
  font-style: normal;
}
#j-10,
#j-9 {
  line-height: 16px;
  color: #333;
}
#j-10,
#j-9,
#r4 {
  color: #333;
}
#j-10 span,
#j-9 span,
#r5 {
  color: #F04E58;
  cursor: pointer;
}
#j-10,
#j-9,
#password-field img,
#r5,
.bzGoogleLogin {
  cursor: pointer;
}
#m {
  font-size: 20px;
}
#lg-9-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#main-top-lg {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
#can-4 {
  height: 38px;
}
#can-3 {
  height: 15px;
  width: 15px;
  position: absolute;
  right: 26px;
}
#log-text-0 {
  font-size: 24px;
  line-height: 24px;
  color: #000;
  text-transform: capitalize;
  margin-top: 17px;
}
.loginModal,
.signupModal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto !important;
  width: auto !important;
  margin: auto !important;
}
.loginModal .modal-content {
  width: 840px;
  height: 570px;
  padding: 24px 0;
}
.bzGoogleLogin {
  width: 350px;
  height: 52px;
  border-radius: 10px;
  margin-top: 38px;
}
.bzGoogleLogin button {
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  border: 0.5px solid #888 !important;
  box-shadow: none !important;
}
.bzGoogleLogin .g-text {
  font-family: Metropolis sans-serif;
  font-size: 20px;
  line-height: 20px;
  color: #F04E58 !important;
}
#in-12,
#password-field input {
  width: 350px;
  height: 52px;
  border: 0.5px solid #888;
  border-radius: 5px;
  margin-top: 16px;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #888;
  padding-left: 16px;
  outline: 0;
}
#log-bt button,
.input-column button {
  font-size: 24px;
  color: #fff;
  line-height: 20px;
}
#password-field {
  position: relative;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
#password-field img {
  position: absolute;
  right: 10px;
  height: 25px;
  width: 25px;
}
#password-field input,
.mobileNoInput-wrap .input-column {
  margin: 0 !important;
}
#div-1 {
  font-size: 24px;
  line-height: 20px;
  color: #888;
  text-transform: uppercase;
  margin-top: 16px;
  letter-spacing: 2px;
}
#r4,
#r5 {
  font-size: 14px;
  font-family: Metropolis, sans-serif;
  font-style: normal;
  font-weight: 500;
}
#r4 {
  display: flex;
  gap: 5px;
  align-items: center;
}
#-o98,
#ph-45 {
  margin-top: 16px;
  flex-direction: row;
  display: flex;
}
#r4 input[type="checkbox"] {
  accent-color: #e42978;
  width: 16px;
  height: 16px;
  border: 0.5px solid #888;
  border-radius: 2px;
  margin: -2px 0 0 !important;
}
#r5 {
  line-height: 20px;
}
#-o98 {
  justify-content: center;
  align-items: center;
  gap: 105px;
}
#log-bt button {
  width: 350px;
  height: 48px;
  background: #F04E58;
  border-radius: 10px;
  outline: 0;
  border: none;
  font-family: Metropolis, sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.5px;
}
#j-10,
#j-9,
#ph-45 span {
  font-size: 16px;
  font-family: Metropolis, sans-serif;
  font-style: normal;
}
#j-9 {
  font-weight: 500;
  margin-top: 23px;
}
#j-10 {
  font-weight: 500;
}
.signupModal .modal-content {
  width: 840px;
  height: 700px;
  padding: 15px;
}
#ph-45 {
  width: 350px;
  height: 52px;
  border: 0.5px solid #888;
  border-radius: 5px;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
  padding-left: 16px;
}
#ph-45 span {
  font-weight: 400;
  line-height: 20px;
  color: #000;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
#ph-45 input {
  height: 100%;
  margin: 0;
  outline: 0;
  border: none;
  padding: 0;
  width: auto;
}
.extra-0,
.si09-btn {
  margin-top: 51px !important;
}
#mn-9-dp {
  position: absolute;
  right: 5px;
  border: 2px solid #3333;
  border-radius: 10px;
  width: 233px;
  z-index: 1;
  background: #fff;
  top: 230px;
}
.journey-signup-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 51px 0 0;
}
.has-feedback {
  width: 350px !important;
  height: 52px !important;
  border: 0.5px solid #888 !important;
  border-radius: 5px !important;
}
.has-feedback .input-column {
  height: 100%;
  width: 100%;
  position: relative;
}
.has-feedback .input-column input {
  height: 100%;
  width: 100%;
  border: none;
  outline: 0;
  padding: 0 0 0 15px !important;
  font-family: Metropolis, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #888;
  box-shadow: none !important;
}
.has-feedback .input-column img {
  position: absolute;
  right: 17px;
  top: 15px;
}
.input-column button {
  width: 350px;
  height: 52px;
  background: #e42978 !important;
  border-radius: 10px !important;
  font-family: Metropolis, sans-serif;
  font-style: normal;
  font-weight: 500;
  margin-top: 25px;
}
.birth-day-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 15px;
  align-items: center;
}
.form-group {
  margin-bottom: 16px;
}
#j-909 {
  margin-left: 5px;
}
@media only screen and (max-width: 768px) {
  #in-12,
  #log-bt button,
  #password-field input,
  #ph-45,
  .bzGoogleLogin {
    width: 320px;
  }
  #mn-9-dp {
    right: 70px;
  }
  .loginModal .modal-content,
  .signupModal .modal-content {
    width: 100%;
    height: fit-content;
  }
  #lg-9-main {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #can-4 {
    height: 30px;
  }
  #log-text-0 {
    font-size: 16px;
  }
  #div-1,
  #log-bt button {
    font-size: 20px;
  }
  #r4 input[type="checkbox"] {
    display: block !important;
  }
  #-o98 {
    gap: 70px;
  }
  .loginModal,
  .signupModal {
    margin: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  #can-3 {
    height: 15px;
    width: 15px;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  #dob6 {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 20px;
  }
  #in-12,
  #password-field input,
  .bzGoogleLogin .g-text,
  .has-feedback .input-column input {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }
  #lg-9-main {
    margin-top: 0;
  }
  .has-feedback,
  .input-column button {
    width: 310px !important;
  }
}
#dob6 {
  font-family: Metropolis, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: #888;
  height: 100%;
  width: 100%;
  border: none;
  outline: 0;
}
.fade.show {
  opacity: 1 !important;
}
.modal-backdrop.show {
  opacity: 0.5 !important;
}
.loginModal-wrap.modal.show,.signupModal-wrap.modal.show,.loginModal-wrap.modal.in,.signupModal-wrap.modal.in{display:flex!important;align-items:center!important;justify-content:center!important;}@media(min-width:768px){.loginModal,.signupModal{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;}}