body {
  font-family: "Inter", sans-serif;
}

#julius-sans-one-regular {
  font-family: "Julius Sans One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@keyframes scale-pulse {
  0% {
    transform: scale(1); 
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1); 
  }
}
.animate-scale-continuous {
  animation: scale-pulse 3s ease-in-out infinite;
}

@keyframes rotate-earth {
  0% {
    transform: rotate3d();
  }
  100% {
    transform: rotate3d();
  }
}

.animate-rotate-earth {
  animation: rotate-earth 1s ease-in-out infinite;
}

.input-tooltip-wrapper {
  position: relative;
}

.country-list{
  max-width: 220px;
}


.error-tooltip {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 4px;
  background: rgb(233, 227, 226);
  color: #000000;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 0.95em;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  white-space: nowrap;
  /* Optional arrow: */
}
.error-tooltip::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 16px;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #e5dcdc transparent;
}


input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-text-fill-color: #fff; /* Or your desired color */
  transition: background-color 5000s ease-in-out 0s;
}

/* 
 #form {
  transition: max-height 0.3s ease;
   overflow: visible;
  max-height: 700px; 
}
#form.expanded {
  max-height: 2000px; 
}  */