@import url("../../common/css/base.css?ver=1.0") layer(common);
@import url("../../business/css/base.css?ver=1.1") layer(base);
@import url("/components/contact-info.css?ver=1.0") layer(contact-info);

@layer custom {
  .mt_1 {
    margin-top: 1em;
  }

  .mt_2 {
    margin-top: 2em;
  }

  .gallary {
    display: grid;
    gap: 1em;
    grid-template-rows: 2fr 1fr 1fr 2fr 1fr 1fr 2fr 1fr 1fr;

    & img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 4 / 3;
    }

    @media(min-width: 769px) {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: 2fr 1fr 1fr;
      grid-auto-flow: column;
    }
  }

  .gallary__one {
    grid-template-rows: 2fr 1fr 2fr 1fr 2fr 1fr;

    @media(min-width: 769px) {
      grid-template-rows: 2fr 1fr;
    }
  }

  .gray_sec {
    background-color: #f7f7f7;
  }

  #new-building_sec {
    margin-top: 5rem;
    padding-bottom: 5rem;
  }

  #medium_v {
    img {
      @media (max-width: 768px) {
        object-fit: cover;
        aspect-ratio: 768 / 358;
      }
    }
  }

  .br {
    @media (max-width: 768px) {
      display: none;
    }
  }

  .link_window__img {
    max-width: 5em;
    height: auto;
    object-fit: contain;
    margin-right: 1em;
  }

  .link_window__img--one {
    max-width: 2em;
  }

  .link_window {
    display: flex;
    align-items: center;
  }

  .link_window_wrapper {
    display: flex;
    justify-content: flex-end;
  }
}