/* Variables */
:root {
  --navy: #1a4a8e;
  --orange: #ff5a00;
}

/* Header */
.contact-header {
  background:
    linear-gradient(rgba(26, 74, 142, 0.9), rgba(26, 74, 142, 0.9)),
    url("../img/contact-bg.jpg") no-repeat center center/cover;
  height: 300px;
}

/* Contact Info Box */
.contact-info-box {
  background: #fff;
  border-top: 4px solid var(--orange);
}

.icon-circle-small {
  width: 40px;
  height: 40px;
  background: rgba(255, 90, 0, 0.1);
  color: var(--orange);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

/* Form Styles */
.form-control:focus,
.form-select:focus {
  background-color: #fff !important;
  border: 1px solid var(--orange) !important;
  box-shadow: none;
}

.btn-orange {
  background-color: var(--orange);
  color: white;
  border: none;
  transition: 0.3s;
}

.btn-orange:hover {
  background-color: #e65100;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(255, 90, 0, 0.3);
}

/* Map Container */
.map-container {
  filter: grayscale(100%);
  transition: 0.5s;
}

.map-container:hover {
  filter: grayscale(0%);
}