#map {
    margin-top: 1px; /* Footer ke overlap ko avoid karne ke liye */
    text-align: center;
  }
  
  #map iframe {
    width: 100%;
    height: 420px;
    border-radius: 10px;
  }
  
  @media (max-width: 768px) {
    .block-9 {
      flex-direction: column;
    }
  
    .col-md-6 {
      width: 100%;
      padding: 10px;
    }
  
    #map {
      margin-top: 10px;
    }
  }
  
  .footer {
    margin-top: 70px; /* Ensure space between map and footer */
    padding: 40px 0;
    background: #222;
    color: #fff;
    text-align: center;
  }
  .bg-contact {
    background-image: url("../images/bg_4.jpg");
  }
  .block-31{
    position: relative;
  }