.signup_header {
    width: 10%;
}

.signup_header_text {
    top:3px
}

.text-center {
    justify-content: center;
}

.signup_header_image {
    width: 3%;
    border-radius: 50%;
}

.signin_header_text {
    color:antiquewhite;
}

.requiredIcon{
    color: red;
}

.verifyButtons{
    border-radius: 8px;
}

#enteredCode{
    border: 0px;
    box-shadow: 0px 0px 5px;
}

.signupSuccessHeader{
    height: 131px;
    background-color: forestgreen;
}

#signUpSuccessContent{
    width: 426px;
    /* margin-top: 45%; */
    margin-left: 8%;
    max-width: calc(100% - 50px);
}
#mailVerification .modal-dialog {
  max-width: 400px;
}
input[type="password"]::-ms-reveal,
      input[type="password"]::-ms-clear {
        display: none;
      }
      #passwordShow .fa-eye{
position: absolute;
right: 0;
      }
.modal.show .modal-dialog {
  display: flex;
    align-content: center;
    flex-wrap: wrap;
    height: calc(100% - 60px);
}

.loginButton{
    border-radius: 62px;
    box-shadow: 0px 0px 7px;
    color: #e4ede3;
    background-color: forestgreen;
}

.successIcon{
    font-size: 110px;
    color: white;
}

input:-webkit-autofill,
       input:-webkit-autofill:hover, 
       input:-webkit-autofill:focus, 
       input:-webkit-autofill:active{
          -webkit-box-shadow: 0 0 0 30px white inset !important;
       }
/* .float-label.tempClass{
    top: -14px;
    font-size: 11px;
    color: #448aff;
} */

#logoSignup{
    margin-left: -180px;
    display: inline-block;
    height: 40px;
    border-radius: 2rem;
    position: absolute;
    margin-top: -5px;
}

.container-box {
    width: 100%;
    min-height: 100vh;
    padding: 20px 0;
    background-image: linear-gradient(115deg, #4b176e -4%, #0f9b92 96%);
  }

  .login-card {
    width: 498px;
    height: 549.7px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items:stretch;
    gap: 32px;
    padding: 32px;
    border-radius: 24px;
    box-shadow: 0 4px 40px 0 rgba(75, 23, 110, 0.1);
    background-color: #fff;
    margin: auto;
  }

  img.logo-seqursign {
    width: 237.5px;
    height: 103.7px;
    /* margin-top: 1%; */
    flex-grow: 0;
    display:flex;
    /* display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center; */
    gap: 11.9px;
    padding: 0;
    object-fit: contain;
  }
  
  input {
    height: 61px;
    align-self: stretch;
    flex-grow: 0;
    padding: 19px 307px 18px 12px;
    border: solid 1px rgba(13, 37, 60, 0.4);
  }

  .Email-Address {
    width: 115px;
    height: 24px;
    opacity: 0.6;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
  }

  .Password {
    width: 78px;
    height: 24px;
    margin: 4.8px 289px 3.2px 0;
    opacity: 0.6;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
  }

  .Frame-67 {
    height: 24px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .Forgot-Password {
    width: 147px;
    height: 24px;
    flex-grow: 0;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #2d9cdb;
  }

  .Sign-in-button {
    /* height: 54px; */
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 32px 24px;
    border-radius: 8px;
    background-color: #0d253c;
  }

  .Sign-In {
    width: 72px;
    height: 24px;
    flex-grow: 0;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }

  .unstyled-button {
    border: none;
    padding: 0;
    background: none;
  }

  .Frame-66 {
    width: 267px;
    height: 52px;
    flex-grow: 0;
    display: flex;
    flex-direction:column;
    justify-content: space-evenly;
    align-items: center;
    gap: 4px;
    padding: 0;
  }

  .Group-23 {
    width: 267px;
    height: 24px;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items:center;
    flex-grow: 0;
    gap: 10px;
    padding: 0;
  }
  
  .Dont-have-an-account {
    width: 192px;
    height: 24px;
    flex-grow: 0;
    /* margin: 0 10px 0 0; */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    /* text-align: left; */
    color: #0d253c;
  }

  .Sign-Up {
    width: 65px;
    height: 24px;
    flex-grow: 0;
    /* margin: 0 0 0 10px; */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    /* text-align: end; */
    color: #2d9cdb;
  }
  
  .version-number {
    width: 95px;
    height: 24px;
    flex-grow: 0;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    /* text-align: center; */
    color: #0d253c;
  }

  .fpwd-card {
    width: 498px;
    height: 424px;
    display: flex;
    flex-direction: column;
    /* justify-content: center;
    align-items: center; */
    justify-content: space-evenly;
    align-items:stretch;
    gap: 32px;
    padding: 32px;
    border-radius: 24px;
    box-shadow: 0 4px 40px 0 rgba(75, 23, 110, 0.1);
    background-color: #fff;
  }

  .Frame-body {
    width: 441px;
    height: 94px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 0;
  }

  .Forgot-Password-2 {
    width: 186px;
    height: 30px;
    flex-grow: 0;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
  }

  .Text-1 {
    /* width: 441px;
    height: 48px; */
    flex-grow: 0;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #0d253c;
  }

  .Frame-buttons {
    /* height: 54px; */
    /* align-self: stretch; */
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
  }

  .Cancel-text {
    /* width: 70px;
    height: 24px; 
    flex-grow: 0;*/
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    font-size: 14px;
    /* font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;  */
    color: #0d253c;
  }

  .Cancel-button {
    height: 54px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 8px;
  }

  .Submit-button {
    width: 179px;
    height: 54px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 32px 24px;
    border-radius: 8px;
  }

  .Submit-text {
    /* width: 76px;
    height: 24px; 
    flex-grow: 0;*/
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    font-size: 14px;
    /* font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left; */
    color: #fff;
  }

  .Signup-card {
    width: 498px;
    height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin: auto;
    padding: 32px;
    border-radius: 24px;
    box-shadow: 0 4px 40px 0 rgba(75, 23, 110, 0.1);
    background-color: #fff;
  }

  .Sign-Up {
    width: 81px;
    height: 30px;
    flex-grow: 0;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
  }

  .Frame-signup {
    height: 61px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding: 0;
  }
  

  .input-signup {
    height: 61px;
    flex-grow: 1;
    padding: 19px 94px 18px 12px;
    border: solid 1px rgba(13, 37, 60, 0.4);
  }

  .First-Name {
    width: 95px;
    height: 24px;
    opacity: 0.6;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
  }

  .First-Name .text-style-1 {
    color: #eb5757;
  }

  ::-webkit-input-placeholder {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
 }
 
 :-moz-placeholder { /* Firefox 18- */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
 }

 ::-moz-placeholder {  /* Firefox 19+ */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
 }

 /* [required]::-webkit-input-placeholder:after {
  content: " *";
  color: #eb5757;
}

[required]:-moz-placeholder:after {
  content: " *";
  color: #eb5757;  
}

[required]:-ms-input-placeholder:after {  
  content: " *";
  color: #eb5757;  
} */

.requiredIcon {
  color: #eb5757;
}

.Pop-Confirmation {
  width: 509px;
  height: 361px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin: 0 11px 0 0;
  padding: 32px;
  object-fit: contain;
  border-radius: 16px;
  background-color: #fff;
}

.verify-code-input {
  width: 256px;
  height: 87px;
  flex-grow: 0;
  /* display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; */
  gap: 4px;
  padding: 0;
}

@media only screen and (max-width: 576px){
  .Frame-signup {
    height: auto;
  }
  .Signup-card, .fpwd-card {
    width: calc(100% - 40px);
    height: auto;
    padding: 0 32px;
  }
}

@media only screen and (max-width: 520px){
  .login-card {
    width: calc(100% - 40px);
  }
  .Group-23 {
    margin-left: auto !important;
    width: auto;
    height: auto;
    margin-bottom: 15px;
  }
  #logoSignup {
    margin-left: auto !important;
    display: block;
    width: calc(100% - 30px);
  }
  .fpwd-card #logoSignup {
    width: auto;
    left: calc(50% - 64px);
  }
}