@charset "utf-8";

  .bg-section {
    background-image: url("../img/bg2.jpg");
    background-size: cover;
    background-position: center;
    padding: 50px 0;
    color: #fff;
  }

  .google-map-responsive {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 aspect ratio (divide height by width ratio) */
  }
  
  .google-map-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  

  .left-content {
    padding-right: 20px;
    margin-bottom: 20px;
  }

  .right-content img {
    max-width: 100%;
    height: auto;
  }

  @media (max-width: 767px) {

    .left-content,
    .right-content {
      padding-right: 0;
      text-align: center;
    }
  }