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

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

.input-box-1 {
  top: 63%;
  left: 18%;
  z-index: 999;
  position: relative;
}

.input-box-1 img {
  width: 30%;
}

.input-1 {
  position: absolute;
  top: 45%;
  left: 53%;
  transform: translate(-50%, -50%);
  width: 50%;
  z-index: 9999;
}

.input-1 input {
  width: 62%;
  font-size: 14px;
  background: transparent;
  border: none;
  border-radius: 30px;
  outline: none;
}

.input-box-2 {
  top: 71%;
  left: 18%;
  z-index: 999;
  position: relative;
}

.input-box-2 img {
  width: 30%;
}

.input-2 {
  position: absolute;
  top: 45%;
  left: 51%;
  transform: translate(-50%, -50%);
  width: 31%;
  z-index: 9999;
}

.input-2 input {
  width: 100%;
  font-size: 10px;
  background: transparent;
  border: none;
  outline: none;
}

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

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

.btn {
  top: 77%;
  left: 20%;
  z-index: 999;
}

.btn input {
  width: 51%;
  height: 50px;
  border: none;
  border-radius: 30px;
  outline: none;
  background: none;
}

.iti__selected-flag {
    padding: 0 0 0 12px !important;
}


/*-------------------------------------------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;
  }
}