/* Contact page-specific styles, extracted from inline HTML. */
/* Default map height 70% of original */
    .map-container {
      position: relative;
      width: 100%;
      padding-bottom: 39.375%; /* 70% of 56.25% */
      height: 0;
    }

    .map-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

    /* Responsive scaling for tablets and small devices */
    @media (max-width: 992px) {
      .map-container {
        padding-bottom: 45%; /* slightly taller for tablets */
      }
    }

    @media (max-width: 576px) {
      .map-container {
        padding-bottom: 55%; /* taller for mobiles for readability */
      }
    }

    /* Preloader Styles */
    #preloader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    #preloader img {
      width: 150px;
      opacity: 0;
      animation: logoFadeScale 2.5s forwards;
    }

    @keyframes logoFadeScale {
      0% {
        opacity: 0;
        transform: scale(0.5);
      }

      25% {
        opacity: 1;
        transform: scale(1);
      }

      75% {
        opacity: 1;
        transform: scale(2);
      }

      100% {
        opacity: 0;
        transform: scale(2);
      }
    }

/* Former element-level styles. */
.contact-inline-1 {margin-top:30px;}