body {
  font-family: "Inter", sans-serif;
}
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

h1,
h2,
h3,
.nav-link {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.nav-link:hover {
  color: #f59e0b;
}

.bg-industrial {
  background:
    linear-gradient(rgba(15, 23, 42, 0.8), rgba(15, 23, 42, 0.8)),
    url("https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&q=80");
  background-size: cover;
  background-position: center;
}
.text-gold {
  color: #f59e0b;
}
.bg-gold {
  background-color: #f59e0b !important;
}
.border-gold {
  border-color: #f59e0b;
}

.corBox:hover {
  background-color: #f59e0b;
}

/* Ensure the phone input doesn't break the layout */
.iti {
  display: block !important; /* Force block to respect container width */
  width: 100%;
}

.iti__country-list {
  background-color: #0f172a;
  color: white;
  border: 1px solid #334155;
}
.iti__country:hover {
  background-color: #f5f5dc !important;
  color: #0f172a;
}
.iti__selected-dial-code {
  color: #64748b;
}

input#phone:focus {
  /* border-color: #f59e0b; */
  outline: none;
}
.error-msg {
  color: #ef4444;
  font-size: 0.75rem;
  margin-top: 4px;
  display: none;
}
.valid-msg {
  color: #10b981;
  font-size: 0.75rem;
  margin-top: 4px;
  display: none;
}