body {
  background-color: #F5F4F9;
}

.form-header>img {
  width: 8.813rem;
  margin-bottom: 0;
}

.form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: white
}

.form-header .btn-primary{
  margin-top: 0;
}

#form {
  width: 100%;
  margin: 2.373rem 0 0 0;
}

#form .form-link,
#form .form-link button {
  width: 100%;
}

#form-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  column-gap: 4rem;
  margin-top: 0;
}

.input-red {
  border: 1px solid red;
}

#form-footer .form-link {
  color: white;
  /* margin: 0 4rem; */
}

.form-header {
  padding: 1rem 5.688rem;
}

.nav-right .secondary-heading {
  display: inline;
  font-size: 1rem;
  margin-right: .5rem;
}

.nav-right .form-link button {
  border-radius: 20px;
}

.form-container-transparent {
  background: transparent;
  border: none;
}

.sub-header{
  background-color: #007FFE;
  color: white;
  padding: 1rem;
  text-align: center;
}

.form-footer::after{
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 70%;
}
.form-footer-2::after{
  content: "";
  position: unset;
  top: unset;
  left: unset;
  height: unset;
  width: unset;
  background-color: black;
  opacity: 100%;
}
/* Media Queries for Responsiveness */

@media (max-width: 768px) {
  #form-footer {
    flex-direction: column;
  }

  .form-header {
    /* padding: 1rem unset; */
    flex-direction: column;
  }
  .popup-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 3.494rem;
    flex-direction: column-reverse;
}
}

#submit-popup{
  padding: 1.857rem;
  border-radius: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  background-color: white;
  display: none;
}

.popup-bottom{
    column-gap: 1.231rem;
}


#submit-popup span{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0.5rem;
}

#submit-popup .form-text-dark{
  text-align: left;
  margin-left: 10px;
}

.submit-flex{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 1.019rem;
  margin-top: 1.859rem;
}

#submit-popup .rr{
  padding: 1.5rem;
  border-radius: 100%;
  border: 1px solid #2493EA;
  color: #2493EA;
  font-size: 1.092rem;
  text-transform: uppercase;
  font-weight: 500;
}

#submit-popup .secondary-heading{
  margin-bottom: 0;
}

.topspan{
  margin-top: .8rem;
}

.popup-bottom{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 3.494rem;
}

.popup-bottom button{
  margin-top: 0;
  margin-left: 12px;
}



.crossbtn{
padding: 0.8rem 1rem;
background-color: #2493EA;
border-radius: 100%;
display: inline;
position: absolute  ;
top: -5%;
left: 94%;
cursor: pointer;
}

.form-header{
background-color: transparent;
}

#submit-popup{
  width: 30rem;
}
.submit-flex{
  
  justify-content: flex-start;
}
@media (max-width: 430px) {
  .form-container {
    position: unset;
    transform: none;
    width: 100%;
  }

  .form-area {
    padding: 1rem;
  }

  .nav-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
  }

  .nav-right button {
    margin-top: 0;
  }
  .form-header {
    padding: 2rem 3.688rem;
}
#submit-popup{
  width: auto;
}
.crossbtn{
    left: 88%;
}

}

@media (max-width: 375px){
  .form-container{
    padding: 0;
  }
  .form-header {
    padding: 2rem 1.688rem;
}
.submit-flex {
  flex-direction: column;
}
}
@media (max-width: 320px){
  #submit-popup{
    padding: 1.5rem;
  }
  .crossbtn{
    left: 88%
  }
  .popup-bottom button {
    margin-top: 0;
    margin-left: 4px;
  }
  .form-header {
  padding: 2rem 0.688rem;
  }   

}

#form .btn-primary, #submit-popup .btn-primary{
  border-radius: 6.97px;
}

.form-container{
  padding-top: 2rem;
}


/* Media Queries for Responsiveness */