:root {
    --color-primary: #535353 !important;
    --color-secondary: #cfa825 !important;
    --color-tertiary: #535353 !important;
    --color-primary-text: #535353;
    --color-background: #fff;
    --max-width: normal;
    --font-primary: 'local', Arial, sans-serif;
    --font-secondary: 'local2', Arial, sans-serif;
  } 
  
  
  
  
  :root { --border-radius: 0.375rem; }
  
  
  
  
  
  .container {
      @media screen and (max-width: 1700px) {
        max-width: 90%;
      }
    }
  @import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap");

.written {
  font-family: "Kalam", cursive !important;
}

.template1 {
  .btn,
  .rounded-xl,
  .rounded-md,
  .select-extra div {
    border-radius: 0;
  }

  .leaflet-map-pane .leaflet-tile {
    filter: none;
  }
}

.banner-box {
  h3 {
    color: var(--color-secondary);
  }
}

.footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  div {
    .footer-flex {
      > div {
        @media (min-width: 1024px) {
          margin-bottom: 0;
        }
      }

      > div:nth-child(1) {
        h3 {
          font-size: 1.5rem;
          color: var(--color-secondary);
          font-weight: 400;
        }
      }

      > div:nth-child(2) {
        text-align: center;

        img {
          max-width: 300px;
          max-height: 70px;
          object-fit: contain;
          margin-bottom: 1rem;
        }

        p {
          margin-top: 1rem;

          a {
            display: inline-block;
            width: 3rem;
            height: 3rem;
            line-height: 2.8rem;
            border: 1px solid var(--color-secondary);
            border-radius: 1.5rem;
            margin-left: 1rem;

            svg {
              font-size: 1.5rem;
            }

            span {
              display: none;
            }
          }
        }
      }

      > div:nth-child(3) {
        text-align: right;

        img {
          max-width: 300px;
        }

        a {
          margin-top: 2rem;
          background-color: var(--color-secondary);
          color: #fff;
          padding: 1rem 2rem;
          display: inline-block;
          width: 100%;
          max-width: 300px;
          text-align: center;
        }
      }
    }
  }
}

.copyright.bg-black {
  background-color: #fff;
  color: var(--color-primary-text);

  .text-white {
    color: inherit;
  }

  a {
    color: var(--color-secondary);
  }
}

#module-66b9c7f4da7904ac5ca91ca5 {
  margin-bottom: 0;

  form {
    input {
      background-color: #ffffff;
    }

    .btn {
      background-color: var(--color-secondary);

      &:hover {
        background-color: var(--color-primary);
      }
    }
  }
}



.template1 header.scrolled:not(.xl\:absolute) .top-bar {
  display: block !important;
}

.module-property-detail, .module-project-detail {
  h2,
  h3 {
    color: var(--color-secondary);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.5rem;
  }

  .written {
    font-weight: 300;
  }
}

.project-detail-description-section {
  @media (min-width: 1024px) {
        grid-column: span 3 / span 3;
}
  @media (min-width: 1280px) {
        grid-column: span 4 / span 4;
    }
}

.project-detail-contact-section {
  display: none;
}

.under-construction {
  div > .flex {
    > div:nth-child(2),
    > div:nth-child(3) {
      img {
        height: 100px;
        object-fit: contain;
      }
    }
  }
}