/* z-index start */
.site-header {
  z-index: 10;
}

#collapse-header-form {
  z-index: 10;
}

.site-header-content {
  z-index: 11;
}

/* z-index end */

.bg-number-plate {
  background-color: #ffcd26;
}
.bg-number-plate::placeholder {
  color: #af8807;
}

#collapse-header-form {
  top: -80px;
  opacity: 0;
  pointer-events: none;
  transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

#collapse-header-form.active {
  top: 0;
  opacity: 1;
  pointer-events: auto;
}

.step-arrow {
  position: absolute;
  width: 75px;
  right: -20px;
  top: auto;
  bottom: -55px;
  transform: rotate(90deg);
}
.step-arrow-2 {
  left: -20px;
  transform: rotate(90deg) scaleY(-1);
}

@media(min-width: 768px) {
  .step-arrow {
      transform: rotate(0);
      top: 0;
      right: -50px;
  }
  .step-arrow-2 {
      left: unset;
  }
}

@media(min-width: 992px) {
  .step-arrow {
      width: auto;
      right: -60px;
      top: -10px;
  }
}