.quick-links-gallery {
  display: flex;
  justify-content: center;
  margin: 2rem auto;
}


.quick-links-grid {
 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}


.quick-link-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
  text-decoration: none;
  color: inherit;
  width: 98px;
  height: 126px;
}

.quick-link-card img {
  width: 100%;
  height: 78px;
  object-fit: cover;
}

.card-label {
  padding: 10px;
  font-weight: bold;
  color: #0056b3;
}

.quick-link-card:hover {
  transform: translateY(-5px);
}


.map-placeholder {
 background-color: #e0e0e0;
 height: 300px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #666;
 font-style: italic;
 margin-top: 1rem;
}


.accordion {
 background-color: #0056b3;
 color: white;
 cursor: pointer;
 padding: 1rem;
 width: 100%;
 border: none;
 text-align: left;
 outline: none;
 font-size: 1rem;
 transition: background-color 0.3s ease;
 margin-top: 1rem;
}

.accordion:hover,
.accordion.active {
 background-color: #003f7f;
}

.panel {
 padding: 0 1rem;
 background-color: #f9f9f9;
 display: none;
 overflow: hidden;
 border-left: 4px solid #0056b3;
 margin-bottom: 1rem;
}


button-wrapper {
 display: inline-block;
 background-color: #007BFF;
 padding: 12px 24px;
 border-radius: 5px;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 transition: background-color 0.3s ease, transform 0.2s ease;
 margin-top: 10px;
}

.button-wrapper a {
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 display: inline-block;
}

.button-wrapper:hover {
 background-color: #0056b3;
 transform: translateY(-2px);
}




.faq ul {
    list-style-type: none;
    padding: 0;
}

.faq li {
    margin-bottom: 10px;
}

.faq a {
    color: #007BFF;
    text-decoration: none;
}

.faq a:hover {
    text-decoration: underline;
}