/* Contact Content */



/* Left Column - Contact Info */

.contact-info {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.office-title {

  font-size: 2.5rem;

  font-weight: 700;

  color: #1e4a72;

  margin-bottom: 30px;

  line-height: 1.2;

}



.office-address {

  font-size: 18px;

  color: #808291;

  margin-bottom: 15px;

  line-height: 1.6;

}



.contact-details {

  margin-bottom: 40px;

}



.contact-item {

  display: flex;

  align-items: flex-start;

  /* margin-bottom: 15px; */

  font-size: 1rem;

}



.contact-item b {

  color: #000;

  font-weight: 700;

  /* min-width: 140px; */

  display: inline-block;

  font-size: 18px;

}



.contact-item span {

  font-size: 18px;

  color: #808291;

  margin-left: 10px;

}



.contact-item a {

  font-size: 18px;

  color: #808291;

  text-decoration: none;

  transition: color 0.3s ease;

}



.contact-item a:hover {

  color: #dc3545;

}



/* Right Column - Map */

.map-container {

  padding: 0;

  height: 100%;

  min-height: 500px;

  position: relative;

  overflow: hidden;

}



.map-iframe {

  width: 100%;

  height: 100%;

  min-height: 500px;

  border: none;

  border-radius: 0 15px 15px 0;

}



/* Mobile Responsive */

@media (max-width: 1200px) {

  .office-title {

    font-size: 2.2rem;

  }



  .contact-info {

    padding: 40px 30px;

  }

}



@media (max-width: 992px) {

  .contact-section {

    padding: 60px 0;

  }



  .office-title {

    font-size: 2rem;

  }



  .contact-info {

    padding: 40px 25px;

  }



  .map-container {

    min-height: 400px;

    border-radius: 0 0 15px 15px;

  }



  .map-iframe {

    min-height: 400px;

    border-radius: 0 0 15px 15px;

  }

}



@media (max-width: 768px) {

  .contact-section {

    padding: 40px 0;

  }



  .office-title {

    font-size: 1.8rem;

    margin-bottom: 25px;

  }



  .contact-info {

    padding: 30px 20px;

    text-align: center;

  }



  .office-address {

    font-size: 1rem;

    margin-bottom: 30px;

  }



  .contact-item {

    flex-direction: column;

    text-align: center;

    margin-bottom: 20px;

  }



  .contact-item b {

    min-width: auto;

    margin-bottom: 5px;

  }



  .contact-item span {

    margin-left: 0;

  }



  .map-container {

    min-height: 300px;

    margin-top: 20px;

  }



  .map-iframe {

    min-height: 300px;

  }

}



@media (max-width: 576px) {

  .contact-info {

    padding: 25px 15px;

  }



  .office-title {

    font-size: 1.6rem;

  }



  .office-address {

    font-size: 0.95rem;

    text-align: center;

  }



  .contact-item {

    font-size: 0.9rem;

    margin-bottom: 15px;

    display: block;

  }



  .directions-btn {

    padding: 10px 25px;

    font-size: 0.9rem;

  }



  .map-container {

    min-height: 250px;

  }



  .map-iframe {

    min-height: 250px;

  }

}



@media (max-width: 480px) {

  .container {

    padding: 0 10px;

  }



  .office-title {

    font-size: 1.4rem;

  }



  .contact-info {

    padding: 20px 12px;

  }
 .office-address {
    font-size: 0.95rem;
    text-align: center;
  }

  .contact-item {
    font-size: 0.9rem;
    margin-bottom: 15px;
    display: block;
  }
}