html {
  scroll-behavior: smooth;
}

.gradient-bg {
  background-image: linear-gradient(
    219.39deg,
    rgba(63, 63, 63, 0.67) 1.59%,
    #7b7b7b 103.49%
  );
}

.blur-effect {
  filter: blur(8px);
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: white!important;
  color: black;
  border-radius: 100px 0px 0px 100px;
  font-size: 15px;
  left: 20px;
  height: 40px;
  top: -1px;
}

.iti__country-name {
  color: black;
}


.custom-alert {
  position: fixed;
  bottom: 2%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  padding: 20px;
  border-radius: 5px;
  color: white;
  text-align: center;
  z-index: 1000; /* Make sure it's above other elements */
}


.iti input {
  background-color: transparent!important;
}


/* Forbidden button style */
.rent-button.forbidden {
  cursor: not-allowed; /* Forbidden sign */
  opacity: 0.7;        /* Slightly faded to indicate it's not active */
}