html,
body {
  height: 100vh;
  width: 100vw;
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;


}

.wrapper{

  background: linear-gradient(to bottom right, rgba(72, 72, 212, 0), rgba(241, 104, 104, 0)), url('../images/Landing Page.png') ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position:absolute;
   width:100vw;
   height:100vh;
   overflow-y: scroll;

}

.container{
  margin-top: 6rem;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}
.form-control:focus {
      text-align: center;
      display: block;
      width: 100%;
      height: calc(1.5em + 0.75rem + 2px);
      padding: 0.375rem 0.75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #5e2e64;
      background-color: rgb(255 255 255 / 0%);
      background-clip: padding-box;
      /* border: 1px solid #ced4da; */
      border-radius: 0  ;
      border-bottom-color: #894097;
      border-bottom-style: solid;
      border-width: 1px;
      border-top: transparent;
      border-left: transparent;
      border-right: transparent;
    }

.form-control{
  text-align: center;
      display: block;
      width: 100%;
      height: calc(1.5em + 0.75rem + 2px);
      padding: 0.375rem 0.75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #5e2e64;
      background-color: rgb(255 255 255 / 0%);
      background-clip: padding-box;
      /* border: 1px solid #ced4da; */
      border-radius: 0  ;
      border-bottom-color: #894097;
      border-bottom-style: solid;
      border-width: 1px;
      border-top: transparent;
      border-left: transparent;
      border-right: transparent;
}

.header-1{
  color: #5B2A61;
  font-weight: 400;
}

::placeholder {
  /* color: transparent !important; */
  text-align: center;
  color: #894097 !important;
  opacity: 33% !important;
  /* opacity: 1; */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  text-align: center;
  color: #894097 !important;
  opacity: 33% !important;

  /* opacity: 1; */
}

::-ms-input-placeholder { /* Microsoft Edge */
  text-align: center;
  color: #894097 !important;
  opacity: 33% !important;

  /* opacity: 1; */
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
  -webkit-box-shadow: 0 0 0px 1000px #f1f2f4 inset !important;
}

textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active  {
  -webkit-box-shadow: 0 0 0px 1000px #f1f2f4 inset !important;
}

.submitBtn{
  color: white;
  background-color: #5B2A61;
  border: 1px solid transparent;
  padding-top:0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1.1rem;;
  padding-right: 1.1rem;
}

.submitBtn:hover{
  background-color: #5b2a61b0;
  color: white;
}

.hidden-area{
  position: absolute;
  display: none;
}

.closeBtn{
  color: white;
  background-color: #5B2A61;
  border: 1px solid transparent;
  padding-top:0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1.1rem;;
  padding-right: 1.1rem;
}
.closeBtn:hover{
  background-color: #5b2a61b0;
  color: white;
}

.modal-body{
  color: #5B2A61;
}