@charset "UTF-8";
/* CSS Document */



body,
h1,
h2,
h3,
h4,
h5,
p {
  font-family: 'Red Hat Display', sans-serif;
}

a {
  color: #7AA07A;
}
.title-slider{
  font-size: 1.4rem;
}
.bg-light {
  background-color: #fff !important;
  box-shadow: 0px 0px 15px #3e3e3e78;
}

.logo-nav {
  max-width: 300px;
  min-width: 150px;
}

.larghezza-nav {
  max-width: 40%;
}

.nav-link {
  display: block;
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 800;
  margin-right: 1.5rem;
  letter-spacing: 0.1rem;
  color: #737E73;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.dropdown-menu {
  min-width: 60vw;

}

.wa {
  position: fixed;
  max-width: 60px;
  right: 1rem;
  bottom: 1rem;
  z-index: 100000;
}

.dropdown-menu[data-bs-popper] {
  margin-top: 1.5rem;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 800;
  color: #737E73;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 800;
  color: #EEF7EE;
  white-space: nowrap;
  background-color: #81BA8A;
  border: 0;
}

.head {
  background-image: url(../img/head.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 70vh;
}

.title-h1 {
  font-size: calc(32px + (40 - 32) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #4F5E4F;
  text-align: center;
  padding-bottom: 2rem;
}

.subtitle-h1 {
  font-family: 'La Belle Aurore', cursive;
  font-size: calc(24px + (38 - 24) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #93CB93;
  text-align: center;
}

.subtitle-h1-pag {
  font-size: calc(24px + (28 - 24) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
  color: #93CB93;
  text-align: center;
}

.titolo-h1-pag {
  font-size: calc(28px + (54 - 28) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #4F5E4F;
  text-align: center;
  text-transform: uppercase;
}

.logo-head {
  max-width: 50%;
  padding-top: 24vh;
}

.box-chisiamo {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.txt-chisiamo {
  font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(34px + (44 - 34) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
  color: #8EA18E;
  text-align: center;
}

.txt {
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(20px + (26 - 20) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
  color: #8EA18E;
  text-align: center;
}

.num {
  font-size: calc(30px + (50 - 30) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(20px + (26 - 20) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #4F5E4F;
  text-align: center;
}

.txt-l {
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(20px + (26 - 20) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
  color: #8EA18E;
  text-align: left;
}

.txt-r {
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(20px + (26 - 20) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
  color: #8EA18E;
  text-align: right;
  padding-right: 3rem;
}

.txt-preventivi {
  font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #8EA18E;
  text-align: center;
}

.grassetto {
  font-size: calc(22px + (26 - 22) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(34px + (44 - 34) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color: #93CB93;
  text-align: center;
}

.point {
  font-size: calc(24px + (26 - 24) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(34px + (44 - 34) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color: #7AA07A;
  text-align: center;
}

.back-chisiamo {
  background-image: url(../img/back-chisiamo.svg);
  background-position: center;
  background-size: fit;
  background-repeat: no-repeat;
}

.back-serv {

  background-position: center;
  background-size: fit;
  background-repeat: no-repeat;
}

.titolo-sez {
  font-size: calc(34px + (84 - 34) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #4F5E4F;
  text-align: center;
}

.titolo-sopraluoghi {
  font-size: calc(28px + (54 - 28) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 800;
  color: #4F5E4F;
  text-align: center;
}

.back-img-sx {
  background-image: url(../img/back-img-sx.svg);
  background-position: center;
  background-size: fit;
  background-repeat: no-repeat;
}

.back-img-dx {
  background-image: url(../img/back-img-dx.svg);
  background-position: center;
  background-size: fit;
  background-repeat: no-repeat;
}

.sp-img-sx {
  padding-top: 4rem;
  padding-bottom: 6rem;
  padding-left: 4rem;
}

.sp-img {
  padding-top: 4rem;
  padding-bottom: 6rem;
  padding-right: 4rem;
}

.titolo-servizi {
  font-size: calc(34px + (40 - 34) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color: #4F5E4F;
  text-align: center;
  text-transform: uppercase;
  text-align: right;
  padding-top: 6rem;
  padding-right: 3rem;
  margin-bottom: 1rem;
}

.titolo-servizi-dx {
  font-size: calc(34px + (40 - 34) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color: #4F5E4F;
  text-align: center;
  text-transform: uppercase;
  text-align: left;
  padding-top: 6rem;
  padding-right: 3rem;
  margin-bottom: 1rem;
}

.titolo-servizi-pag {
  font-size: calc(34px + (40 - 34) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color: #4F5E4F;
  text-align: center;
  text-transform: uppercase;
  padding-top: 1rem;
}

.tasto-dx {
  text-align: right;
  padding-right: 3rem;
}

.tasto-sx {
  text-align: left;
}

.box-serv-pag {
  padding: 3rem;
}

img {
  border-radius: 1.8rem;
}

.btn-servizi {
  background-color: #5FB37D;
  padding: 10px 20px;
  color: #fff;
  font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  border-radius: 15px;
  text-decoration: none;
  transition-duration: 0.5s;
  border: none;
  margin-bottom: 2rem;
}

.btn-servizi:hover {
  background-color: #449461;
  padding: 10px 20px;
  color: #fff;
  font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 700;
  border-radius: 15px;
  text-decoration: none;
  transition-duration: 0.5s;
}

.box-footer {
  background-color: #92D998;
  padding-top: 5rem;
  padding-bottom: 3rem;
  margin-top: 3rem;
}

.titolo-foot {
  font-size: calc(20px + (22 - 20) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 900;
  color: #457044;
  text-transform: uppercase;
}

.txt-foot {
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
  color: #5C8B61;
}

.txt-foot>a {
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
  color: #5C8B61;
  text-decoration: none;
}

.sp-contatti {
  padding-top: 2rem;
}

.box-dati {
  background-color: #68856A;
  padding-top: 1rem;
}

.dati {
  font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 600;
  color: #fff;
}

.box-dati a {
  color: white;
}


@media only screen and (max-width: 700px) {
  .logo-nav {
    max-width: 300px;
    min-width: 80px;
  }

  .head {
    background-image: url(../img/head.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 60vh;
  }

  .logo-head {
    max-width: 70%;
    padding-top: 16vh;
  }

  .box-chisiamo {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sp-img-sx {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
  }

  .sp-img {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 2rem;
  }

  .titolo-servizi-dx {
    font-size: calc(28px + (40 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 900;
    color: #4F5E4F;
    text-transform: uppercase;
    text-align: left;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-left: 2rem;
    margin-bottom: 1rem;
  }

  .titolo-servizi {
    font-size: calc(28px + (40 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 900;
    color: #4F5E4F;
    text-transform: uppercase;
    text-align: right;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-left: 2rem;
    margin-bottom: 1rem;
  }

  .tasto-dx {
    text-align: right;
    padding-right: 2rem;
  }

  .tasto-sx {
    text-align: left;
    padding-left: 2rem;
  }

  .box-footer {
    background-color: #92D998;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .wa {
    right: 0.2rem;
    bottom: 4rem;
    max-width: 20;
  }

  .txt-l {
    padding-left: 2rem;
  }

  .txt-r {
    padding-right: 2rem;
  }
}