/* Navbar Styles */

.logo {
  width: 30%;
}

.logo img {
  width: 12%;
}

.navigation {
  padding: 1.5% 0%;
}

.link_active {
  border-bottom: 3px solid rgb(36, 201, 165);
}

.links ul li {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
}

.mobile-nav {
  display: none;
}
@media (min-width: 0px) and (max-width: 575px) {
  .logo {
    width: 50% !important;
  }
  .logo img {
    width: 27% !important;
  }

  .link_active {
    border-left: 3px solid rgba(190, 154, 62, 1) !important;
    border-bottom: none !important;
    color: rgba(190, 154, 62, 1) !important;
  }

  .links ul li {
    font-weight: bold;
    font-size: 13px !important;
    text-transform: uppercase;
    color: #ffffff;
    padding: 1% 3%;
  }
}

.hide {
  display: none;
}

.show {
  display: block;
}

/* Hero styles */

.hero {
  background: url("../../assets/images/banner2.jpg");
  background-size: cover;
  background-position: 0px -140px;
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: overlay;
  height: 88vh;
}

.contact_hero {
  background: url("../../assets/images/how.jpg");
  background-size: cover;
  background-position: 0px -220px;
  background-color: rgba(0, 0, 0, 0.7);
  background-blend-mode: overlay;
  height: 68vh;
}

.search {
  width: 75%;
  margin: auto;
  background-color: #fff;
}

.custome-container {
  width: 75%;
  margin: auto;
}
@media (min-width: 0px) and (max-width: 575px) {
  .hero {
    background: url("../../assets/images/banner2.jpg");
    background-size: cover;
    background-position: -250px 0px;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay;
    height: 89vh;
  }

  .about_hero {
    background: url("../../assets/images/about_banner2.jpg");
    background-size: cover;
    background-position: -150px 0px;
    background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: overlay;
    height: 69vh;
  }

  .property_hero {
    background: url("../../assets/images/about_banner.jpg");
    background-size: cover;
    background-position: -150px 0px;
    background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: overlay;
    height: 69vh;
  }

  .contact_hero {
    background: url("../../assets/images/contact_banner.png");
    background-size: cover;
    background-position: -150px 0px;
    background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: overlay;
    height: 69vh;
  }
  .search {
    width: 98%;
    margin: auto;
    background-color: #fff;
  }

  .custome-container {
    width: 90%;
    margin: auto;
  }
}

/* .card-body-custom {
  width: 70%;
  margin: auto 15%;
  z-index: 2;
  position: absolute;
  top: 235px;
  background-color: rgb(255, 255, 255);
} */

.card-img-top {
  filter: brightness(0.5);
}

/* How it works */
.how_it_works {
  background: url("../../assets/images/how_bg.jpg");
  background-size: cover;
  background-position: 0px -100px;
  margin-bottom: 5%;
  background-color: rgba(0, 0, 0, 0.75);
  background-attachment: fixed;
  background-blend-mode: overlay;
}

.agent img {
  width: 30%;
}

@media (min-width: 0px) and (max-width: 575px) {
  .agent img {
    width: 20% !important;
  }
}

.testimony-img {
  height: 70px !important;
  width: 70px !important;
  border-radius: 50% !important;
}

.footer {
  background: url("../../assets/images/footer.png");
}