.p-4 {
  padding: 0.8rem !important;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.search-box-div {
	position: relative;
	background-image: url("/images/background/search-box.jpg");
	background-size: cover;
	margin: auto;
	margin-top: 30px;
	width: 80%;
	height: 350px;
  border-radius: 0.4vw;
  z-index: 7;
}
.search-box {
	margin: 0 auto;
	width: 60%;
	text-align: center;
	transform: translate(0, 190%);
}
.search-box-p {
	margin: 0;
	text-align: center;
	font-family: nazanin;
	font-size: 30px;
	color: white;
	transform: translate(0, 200%);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.search-arrow {
  cursor: pointer;
  text-align: center;
  margin-top: 150px;
  color: white;
  font-size: 40px;
  user-select: none;
}

@media screen and (max-width: 800px) {
  .p-4 {
    padding: 0.4rem !important;
  }
  .search-box-div {
    background-image: url("/images/background/search-box.jpg");
    background-size: cover;
    background-position: center;
    margin-top: 30px;
    width: 95%;
    height: 200px;
    border-radius: 1vw;
  }
  .search-box {
    width: 85%;
    transform: translate(0, 130%);
  }
  .search-box-p {
    font-size: 25px;
    transform: translate(0, 230%);
  }
  .search-arrow {
    margin-top: 65px;
    font-size: 45px;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
  }
  @-moz-document url-prefix() {
    .search-arrow {
      margin-top: 42px;
    }
    .search-box {
      transform: translate(0, 90%);
    }
    .search-box-p {
      transform: translate(0, 100%);
    }
  }
}