/*-------------------------------------------Background Image---------------------------------------------*/
#bg {
  width: 100%;
  height: auto;
}

/*-------------------------------------------Redirect Button---------------------------------------------*/

.input-box-1 {
  top: 62.2%;
  left: 20%;
  z-index: 999;
}

.input-box-1 input {
  width: 30%;
  font-size: 3vw;
  background: transparent;
  border: none;
  outline: none;
}

.input-box-2 {
  top: 70.8%;
  left: 7%;
  z-index: 999;
}

.input-box-2 input {
  font-size: 2.5vw;
  background: transparent;
  border: none;
  outline: none;
}

.input-box-2 .iti {
  width: 5%;
}

.input-box-2 .iti__flag-container {
  background: transparent;
}

.input-box-2 .iti__selected-flag {
  background: transparent;
  border: none;
}

.submit-btn {
  top: 78.5%;
  left: 20%;
  z-index: 99;
}

.submit-btn img {
  width: 42%;
  animation: pulse 0.9s infinite linear;
}

.btn {
  top: 78%;
  left: 19%;
  z-index: 999;
}

.btn input {
  width: 35%;
  height: 25px;
  border: none;
  outline: none;
  background: transparent;
}

/*-------------------------------------------Keyframe Animation---------------------------------------------*/
@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

/*-------------------------------------------Multi Device Screen Size---------------------------------------------*/
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #bg {
    height: 100vh;
  }
}