/* /public_html/assets/css/styles.css */
body {
  font-family: 'Barlow', sans-serif;
  margin: 0; /* Remove default margin */
  padding: 0; /* Remove default padding */
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Mono', monospace;
}
.hero-section {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  overflow: hidden; /* Prevent overflow causing white space */
  min-height: 400px; /* Match reference height; adjust as needed */
}
.hero-gradient {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0.9), transparent);
  z-index: 1;
}
.hero-content {
  position: relative;
  z-index: 2;
  padding: 20px 0 28px; /* Match reference py-20 md:py-28 */
}
.hero-content h1 {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); /* Subtle shadow for readability */
}
.hero-content p {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); /* Subtle shadow for readability */
}
.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
}
.dropdown-trigger:hover .dropdown {
  display: block;
}
.mobile-dropdown div {
  transition: all 0.3s ease-in-out;
}
.mobile-dropdown a {
  z-index: 70;
}
body {
  padding-top: 80px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.service-card:hover {
  background-color: rgba(246, 236, 47, 0.1);
  transform: translateY(-5px);
}
.industry-card:hover {
  transform: translateY(-5px);
}