@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;600;700;900&display=swap);
* {
  font-family: "Poppins", sans-serif;
}

header {
  padding: 10px;
  box-shadow: 0px 13px 55px -35px;
  height: 90px;
  align-items: center;
  display: flex;
}
header #logo {
  width: 100px;
}
header #menu nav ul {
  display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
header #menu nav ul li {
  margin-right: 20px;
}
header #menu nav ul li a {
  text-decoration: none;
  color: #272423;
  font-weight: 600;
  font-size: 15px;
}

.menu-mobile {
  justify-content: end;
  display: flex;
  align-items: center;
}

.menu-mob-container {
  position: fixed;
  z-index: 11;
  background: #eaeaea;
  width: 100%;
  height: 100%;
  left: -100vw;
  transition: left 1s;
  top: 90px;
}
.menu-mob-container #menu nav ul {
  margin: 0;
  padding: 15px 0px;
  list-style: none;
}
.menu-mob-container #menu nav ul li {
  padding: 5px 0px;
}

.close-menu-mob {
  left: 0;
  transition: left 1s;
}

#hamburguer-button {
  cursor: pointer;
}

@media screen and (max-width: 575px) {
  header {
    position: fixed;
    z-index: 12;
    width: 100%;
    background: white;
  }
}
.btn-whatsapp {
  color: white;
  background: #51c061;
  padding: 10px 20px;
  border-radius: 99px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  height: 45px;
  display: block;
  width: 240px;
  text-align: center;
}

.btn-principal {
  background: #005226;
  color: white;
  text-decoration: none;
  height: 45px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 15px;
}
.btn-principal:hover {
  color: white;
  cursor: pointer;
}

a {
  text-decoration: none !important;
  color: black;
}
a:hover {
  color: black;
}

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

.text-right {
  justify-content: end;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700 !important;
}

#slider-principal {
  height: 600px;
}
#slider-principal .overlay {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6705882353);
  position: absolute;
}
#slider-principal .banner {
  height: 100%;
  display: flex;
  align-items: center;
}
#slider-principal .banner .text {
  z-index: 99;
  color: white;
}

#contact {
  background: #eaeaea;
  padding: 100px 0px;
}
#contact form .form-style {
  background: white;
  padding: 20px;
  border-radius: 15px;
}

.optin {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .content {
    padding-top: 90px;
  }
  .btn-whatsapp {
    width: 100%;
  }
}
footer {
  background: #005226;
  padding: 40px 16px;
  align-items: center;
  display: grid;
}
footer #menu-footer .title-footer {
  color: black;
}
footer #menu-footer nav ul {
  padding: 0;
}
footer #menu-footer nav ul li {
  list-style: none;
  margin: 5px 0px;
}
footer #menu-footer nav ul li a {
  text-decoration: none;
  color: black;
  font-weight: 400;
}
footer .contato {
  color: black;
}
footer .contato a {
  color: black;
  text-decoration: none;
}
footer .copyright-footer {
  color: black;
}

#terrains {
  padding: 100px 0px;
}
#terrains .title-page {
  color: #292929;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 60px;
}
#terrains .box-terrain {
  background-size: 100% 100% !important;
  height: 350px;
  border-radius: 15px;
}
#terrains .box-terrain .terrain {
  background: rgba(0, 0, 0, 0.33);
  height: 100%;
  border-radius: 15px;
  align-items: end;
  display: grid;
  padding: 20px;
}
#terrains .box-terrain .terrain .terrain-title {
  color: white;
  font-size: 24px;
}
#terrains .box-terrain .terrain .terrain-location {
  color: white;
}
#terrains .box-terrain .terrain .terrain-price {
  color: white;
}
#terrains .box-terrain .terrain .terrain-price .value {
  font-size: 20px;
  font-weight: 600;
}

.banner-terreno {
  display: grid;
  align-content: center;
  height: 500px;
}
.banner-terreno .overlay-banner {
  background-color: transparent;
  background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.6784313725) 100%);
  opacity: 0.7;
  mix-blend-mode: darken;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 500px;
  position: absolute;
  width: 100%;
}
.banner-terreno .info-banner {
  z-index: 9;
  color: white;
}

.financiamento-box {
  background: white;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.19);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 20px 40px;
  margin-top: -90px;
  z-index: 10;
  position: relative;
  border-radius: 15px;
}
.financiamento-box .card-financiamento {
  align-items: center;
  display: grid;
  justify-content: end;
}

.head-financiamento {
  display: inline-flex;
}
.head-financiamento .entrada {
  display: grid;
  text-align: center;
  background: #0053cd;
  color: white;
  padding: 20px;
  border-radius: 10px;
  margin: 20px;
  text-decoration: none;
}
.head-financiamento .parcela {
  display: grid;
  text-align: center;
  background: #ff7600;
  color: white;
  padding: 20px;
  border-radius: 10px;
  margin: 20px;
  text-decoration: none;
}
.head-financiamento .tamanho {
  display: grid;
  text-align: center;
  background: #eaeaea;
  color: #474747;
  padding: 20px;
  border-radius: 10px;
  margin: 20px 0px 20px 20px;
  text-decoration: none;
}
.head-financiamento a {
  text-decoration: none;
}
.head-financiamento a .valor {
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
}

.diferenciais {
  margin: 60px 0px;
}
.diferenciais .titulo-diferenciais {
  margin: 20px 0px;
}
.diferenciais .box-diferenciais {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.19);
  padding: 40px 20px;
  border-radius: 15px;
}
.diferenciais .box-diferenciais p {
  font-weight: 600;
}

.calltoaction {
  background: #f2f2f2;
  padding: 80px 0px;
}

#all-terrains {
  background: #eaeaea;
  min-height: 70vh;
}
#all-terrains .single-terrain {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.41);
  padding: 0;
  border-radius: 20px;
  margin: 15px;
  display: flex;
  background: white;
  max-width: 788px;
}
#all-terrains .single-terrain .img {
  width: 40%;
}
#all-terrains .single-terrain .img .img-single-terrain {
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px 0px 0px 20px;
}
#all-terrains .single-terrain .desc {
  width: 60%;
  padding: 30px;
}
#all-terrains .single-terrain .desc .box-price {
  display: inline-flex;
}
#all-terrains .single-terrain .desc .box-price .entry {
  border: 1px solid rgba(0, 0, 0, 0.2784313725);
  border-radius: 20px;
  padding: 15px;
  margin: 5px 0px 5px 0px;
  text-align: center;
}
#all-terrains .single-terrain .desc .box-price .entry img {
  margin-bottom: 10px;
}
#all-terrains .single-terrain .desc .box-price .entry p {
  font-size: 14px;
}
#all-terrains .single-terrain .desc .box-price .installments {
  border: 1px solid rgba(0, 0, 0, 0.2784313725);
  border-radius: 20px;
  padding: 15px;
  margin: 5px;
  text-align: center;
}
#all-terrains .single-terrain .desc .box-price .installments img {
  margin-bottom: 10px;
}
#all-terrains .single-terrain .desc .box-price .installments p {
  font-size: 14px;
}
#all-terrains .single-terrain .total-price p {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .financiamento .card-financiamento {
    display: initial;
  }
  .financiamento .financiamento-box {
    margin-top: -70px;
  }
  .financiamento .head-financiamento {
    display: grid;
  }
  .financiamento .head-financiamento .entrada {
    margin: 20px 0px;
  }
  .financiamento .head-financiamento .parcela {
    margin: 20px 0px;
  }
  .financiamento .head-financiamento .tamanho {
    margin: 20px 0px;
  }
  .banner-terreno .info-banner {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  #all-terrains .single-terrain {
    display: grid;
  }
  #all-terrains .single-terrain .img {
    width: 100%;
  }
  #all-terrains .single-terrain .img .img-single-terrain {
    border-radius: 20px 20px 0px 0px;
  }
  #all-terrains .single-terrain .desc {
    width: 100%;
  }
}