/* ================= GLOBAL ================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ================= BACKGROUND ================= */
.find-map-section {
  background: url("./images/Rectangle 316 (3).png") center/cover no-repeat;
  width: 100%;
}

/* ================= HEADING ================= */
.find-map-section-content {
  padding: 70px 70px 0 70px;
}

.find-map-section-content h4,
.find-map-section-content span {
  font-family: Merriweather;
  font-weight: 700;
  font-size: 36px;
  color: #1c3f94;
}

.find-map-section-content span {
  color: #ee1b22;
}

.find-map-section-content p {
  font-family: Poppins;
  font-size: 16px;
  max-width: 520px;
  width: 100%;
  padding-top: 15px;
  color: #1c3f94;
}

/* ================= MAIN FLEX WRAPPER ================= */
.find-map-section-div {
  padding: 30px 70px 70px 70px;
  display: flex;
  gap: 30px;
  align-items: stretch;     /* ✅ KEY FIX */
  justify-content: space-between;
  flex-wrap: nowrap;        /* ✅ Prevent white gap */
}

/* ================= LEFT MAP ================= */
.find-map-section-div-left-layout {
  flex: 1;
}

.find-map-section-div-left-layout iframe {
  width: 100%;
  height: 100%;
  min-height: 460px;        /* ✅ Makes it match box height */
  border: 0;
  border-radius: 8px;
}

/* ================= RIGHT INFO ================= */
.find-map-section-div-right-layout {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/* ================= BOX ROWS ================= */
.find-map-section-div-right-upper,
.find-map-section-div-right-bottom {
  display: flex;
  gap: 25px;
}

/* ================= BOXES ================= */
.find-box {
  flex: 1;
  background: #fff;
  border-radius: 8px;
  padding: 18px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 0 8px rgba(15, 15, 15, 0.25);
}

.find-box h5 {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  color: #ee1b22;
}

.find-box p,
.find-box span {
  font-family: Poppins;
  font-size: 16px;
  color: #1c3f94;
}

.find-box span {
  font-weight: 600;
}

/* ==========================================================
   ✅ RESPONSIVE FIXED (NO BREAK ON ZOOM)
========================================================== */

/* ---------- LARGE LAPTOP BELOW 1400px ---------- */
@media (max-width: 1400px) {
  .find-map-section-div {
    flex-direction: column;
    padding: 40px 40px 70px;
  }

  .find-map-section-div-left-layout iframe {
    min-height: 380px;
  }
}

/* ✅ Fix layout break at 110% zoom (font-only tuning) */
@media (min-width: 1200px) {
  .find-map-section-content h4,
  .find-map-section-content span {
    font-size: 32px;   /* was 36px */
  }

  .find-map-section-content p {
    font-size: 15px;   /* was 16px */
  }

  .find-box h5 {
    font-size: 18px;   /* was 20px */
  }

  .find-box p,
  .find-box span {
    font-size: 15px;   /* was 16px */
  }
}


/* ---------- TABLET ---------- */
@media (max-width: 900px) {
  .find-map-section-content {
    padding: 50px 30px 0;
  }

  .find-map-section-div-right-upper,
  .find-map-section-div-right-bottom {
    flex-direction: column;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width: 600px) {
  .find-map-section-content h4,
  .find-map-section-content span {
    font-size: 24px;
  }

  .find-map-section-div {
    padding: 25px 20px 50px;
  }

  .find-map-section-div-left-layout iframe {
    min-height: 260px;
  }

  .find-box {
    padding: 15px;
  }

  .find-box p,
  .find-box span {
    font-size: 14px;
  }
}