/* Styling for the "Need a functional contact form?" section */
.contact .col-lg-6 h3 {
  /* Targets the "Need a functional contact form?" heading */
  color: #007bff; /* Use your primary color */
  margin-bottom: 1rem; /* Add some space below the heading */
  font-weight: 600;
}

.contact .col-lg-6 p.mb-4 {
  /* Targets the paragraph below it */
  font-size: 1.05em;
  line-height: 1.7;
  color: #495057; /* A slightly softer text color */
  padding: 15px;
  background-color: #f8f9fa; /* A very light background to differentiate it */
  border-left: 4px solid #007bff; /* A left border in your primary color */
  border-radius: 4px;
}

.contact .col-lg-6 p.mb-4 a {
  /* Style the "Download Now" link */
  font-weight: bold;
  color: #28a745; /* A contrasting color, perhaps your success green */
}

.contact .col-lg-6 p.mb-4 a:hover {
  text-decoration: underline;
} /* Styling for the map placeholder */
.contact .h-100 p.text-center {
  /* Targets the "Map information is currently unavailable." text */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 300px; /* Ensure it takes up the same space as the map */
  background-color: #e9ecef; /* A light grey background */
  border-radius: 8px; /* Match iframe's border-radius if you styled it */
  color: #6c757d; /* A muted text color */
  font-style: italic;
  font-size: 1.1em;
  border: 1px dashed #ced4da; /* A dashed border to indicate missing content */
} /* Hover effect for contact detail columns */
.contact .row.g-5 .col-md-4.text-center.wow:hover {
  transform: translateY(-5px); /* Slightly lift the box on hover */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); /* Enhance shadow on hover */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Mandatory field asterisk styling */
.form-label .text-danger {
  color: orange !important;
}
.form-label {
  color: #015462 !important;
  font-size: 18px;
}

.fee-alert {
  --background-color: #fff3cd;
  --border-color: #ffeeba;
  --color: #856404;
  font-weight: 500;
  margin-top: 10px;
  padding: 15px;
  border-radius: 8px;

  background-color: #e2f0ff;
  border-color: #b6d4ff;
  color: #0c5460;
}