/* Base styles for the map container */
.map-container {
  width: 100%; /* Full width for the container */
  height: 500px; /* Fixed height for desktop */
  top: 140px;
  left: 0;
  overflow: hidden; /* Hide overflow for iframe edges */
}

.map-container iframe {
  width: 100%;
  height: 100%;
  border: none; /* Remove iframe border */
}

/* Responsive adjustments for map container on mobile */
@media only screen and (max-width: 768px) {
  .map-container {
    height: 300px; /* Adjust height for mobile screens */
    top: 160px; /* Adjust positioning for mobile */
  }
}

@media only screen and (max-width: 435px) {
  .map-container {
    height: 300px; /* Adjust height for mobile screens */
    top: 95px; /* Adjust positioning for mobile */
  }
}

/* Address section base styles */
.address {
  position: relative;

  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
  padding: 5px;
}

.address p,
.address p a {
  color: #000; /* Default text color */
  font-size: 1rem;
}

.address p a:hover {
  text-decoration: underline; /* Add underline on hover */
}

/* Data container styles */
.address .data {
  width: 60%;
  margin-top: 5px;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.address .data .address-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 7px;
}

.address .data .address-row .address-label {
  width: 60px;
  margin-right: 10px;
}

.address .data .address-row .address-value {
  flex-grow: 1; /* Flexible width for value */
}

/* Hide unnecessary figures */
.address figure {
  display: none;
}

/* Contact form styles within address */
.address .contact-form {
  width: 60%;
}

/* General font styling */

.address i {
  font-size: 1rem;
  color: teal; /* Consistent teal icon color */
}

.address .title p {
  font-size: 1.5rem;
}

/* Responsive adjustments for address on medium screens */
@media only screen and (max-width: 1140px) {
  .address .data {
    width: 100%; /* Full width for narrower screens */
  }
}

/* Mobile-specific adjustments for the address section */
@media only screen and (max-width: 768px) {
  .address {
  }

  .address .data {
    width: 100%; /* Full width on mobile */
    padding: 5px;
    flex-direction: column; /* Stack rows vertically */
    justify-content: flex-start;
  }

  .address .data .address-row .address-label {
    width: 20%; /* Smaller width for labels */
  }

  .address .data .address-row .address-value {
    width: 80%; /* Wider for values */
  }

  .address .contact-form {
    width: 100%; /* Full width for contact form */
  }
  .address p,
  .address p a {
    color: #000; /* Default text color */
    font-size: 1rem;
  }
}