@import url('base.css');

/* Chip styles */
.chip{display:inline-block;padding:.35rem .6rem;border-radius:9999px;font-size:.75rem;line-height:1;font-weight:600;background:rgba(255,255,255,.1);color:#e5e7eb;border:1px solid rgba(255,255,255,.15)}
.chip-good{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.35);color:#d1fae5}
.chip-neutral{background:rgba(147,197,253,.15);border-color:rgba(147,197,253,.35);color:#e0f2fe}

/* Row dot styles */
.row-dot{width:14px;height:14px;border-radius:9999px;background:linear-gradient(180deg,#9ca3af,#6b7280);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}

/* Media styles */
.media-16x9{aspect-ratio:16/9}
.media-4x3{aspect-ratio:4/3}
.media-cover{width:100%;height:auto;display:block;object-fit:cover}



.main-title {
  color: #dca24b;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000;
}

/* Compact Service Cards */
.service-card-tag-environmental {
  background-color: #002d59;
  color: #dca24b;
}

.service-card-tag-medical {
  background-color: #002d59;
  color: #dca24b;
}

.service-card-tag-sameday {
  background-color: #002d59;
  color: #dca24b;
}

.service-card-title {
  color: #002d59;
}

.service-card-button {
  background-color: #dca24b;
  color: #002d59;
}

/* Sleek Service Overview */
.overview-title {
  color: #dca24b;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000;
}

.overview-section {
  background: linear-gradient(180deg,#06233f 0%, #0c355a 100%);
}

.overview-row {
  background: #294d74;
}

/* FAQ */
.faq-title {
  color: #002d59;
}

/* Call to Action */
.cta-title {
  color: #dca24b;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000;
}

.cta-primary {
  background-color: #dca24b;
  color: #002d59;
}

.cta-secondary {
  border-color: #dca24b;
  color: #dca24b;
}

/* Footer */
.footer-bg {
  background-color: #dca24b;
}



/* Full-page overlay for hero image and button */
#hero-image-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
  display: flex;
  flex-direction: column; /* Stack image and button vertically */
  justify-content: center;
  align-items: center;
  z-index: 40 !important; /* Ensure it's on top of everything */
  overflow: hidden; /* Hide overflow if image is too large */
}

#hero-image-container.hidden {
  display: none;
}

#hero-image-container img {
  width: 100%; /* Image fills the wrapper */
  height: 100%; /* Image fills the wrapper */
  object-fit: cover; /* Ensure image fits without cropping */
  opacity: 0.9; /* Make image semi-transparent */
  /* Removed margin-bottom as button will be absolutely positioned */
}

@import url('base.css');

.chip{display:inline-block;padding:.35rem .6rem;border-radius:9999px;font-size:.75rem;line-height:1;font-weight:600;background:rgba(255,255,255,.1);color:#e5e7eb;border:1px solid rgba(255,255,255,.15)}
.chip-good{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.35);color:#d1fae5}
.chip-neutral{background:rgba(147,197,253,.15);border-color:rgba(147,197,253,.35);color:#e0f2fe}

.row-dot{width:14px;height:14px;border-radius:9999px;background:linear-gradient(180deg,#9ca3af,#6b7280);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}

.media-16x9{aspect-ratio:16/9}
.media-4x3{aspect-ratio:4/3}
.media-cover{width:100%;height:auto;display:block;object-fit:cover}

.main-title {
  color: #dca24b;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000;
}

.service-card-tag-environmental {
  background-color: #002d59;
  color: #dca24b;
}

.service-card-tag-medical {
  background-color: #002d59;
  color: #dca24b;
}

.service-card-tag-sameday {
  background-color: #002d59;
  color: #dca24b;
}

.overview-title {
  color: #dca24b;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000;
}

.overview-section {
  background: linear-gradient(180deg,#06233f 0%, #0c355a 100%);
}

.overview-row {
  background: #294d74;
}

.faq-title {
  color: #002d59;
}

.cta-title {
  color: #dca24b;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000;
}

.cta-primary {
  background-color: #dca24b;
  color: #002d59;
}

.cta-secondary {
  border-color: #dca24b;
  color: #dca24b;
}

.footer-bg {
  background-color: #dca24b;
}

#hero-image-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 40 !important;
  overflow: hidden;
}

#hero-image-container.hidden {
  display: none;
}

#hero-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
}

.image-button-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start; /* Align items to the top */
  padding-top: 10vh; /* Add padding from the top */
}



.main-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}



.tracking-input {
  background-color: #333; /* dark gray */
  color: #fff;
}

.track-button {
  background-color: #002d59;
  color: #fff;
}

#our-expertise-button {
  position: absolute;
  top: 15%; /* Adjust as needed for vertical position */
  left: 50%;
  transform: translateX(-50%); /* Center horizontally */
  background-color: #dca24b; /* Example color, can be adjusted */
  color: #002d59; /* Example color, can be adjusted */
  padding: 15px 30px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
  z-index: 50; /* Ensure it's above the image */
}