@media (max-width: 84em) {
  .container {
    max-width: 134rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    margin: 0 auto;
    /* min-height: 100vh; */
  }

  .heading {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 3rem;
  }

  .main-heading {
    font-size: clamp(4rem, 15vw, 20rem);
    font-weight: bold;
    width: 100%;
    /* line-height: 8rem; */
  }

  .locate-us {
    grid-column: 1 / -1;
    padding: 1rem;
  }
}

@media (max-width: 75em) {
  .container {
    max-width: 120rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    margin: 0 auto;
    /* min-height: 100vh; */
  }

  .heading {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 3rem;
  }

  .main-heading {
    font-size: clamp(4rem, 15vw, 20rem);
    font-weight: bold;
    width: 100%;
    /* line-height: 8rem; */
  }

  .locate-us {
    grid-column: 1 / -1;
    padding: 1rem;
  }
}

@media (max-width: 37.5em) {
  .container {
    max-width: 60rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    margin: 0 auto;
    /* min-height: 100vh; */
  }

  .heading {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 3rem;
  }

  .main-heading {
    font-size: clamp(4rem, 15vw, 20rem);
    font-weight: bold;
    width: 100%;
    /* line-height: 6rem; */
  }

  .locate-us {
    grid-column: 1 / -1;
    padding: 8rem;
  }

  .office-ncr,
  .office-mum {
    grid-column: 1 / -1;
  }
}

@media (max-width: 56em) {
  .container {
    max-width: 90rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    margin: 0 auto;
    /* min-height: 100vh; */
  }

  .heading {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 3rem;
  }

  .main-heading {
    font-size: clamp(4rem, 15vw, 20rem);
    font-weight: bold;
    width: 100%;
    /* line-height: 8rem; */
  }

  .locate-us {
    grid-column: 1 / -1;
    padding: 1rem;
  }
}