:root {
  --royal-logo: var(--royal-menu);
  --white: white;
  --royal-menu: #1b2091;
  --pearl: #ebe8dd;
  --gray: #707070;
  --yellow-gold: #fede5b;
  --purple-light: #a2a4d2;
  --purple-line: #7376bc;
  --sand: #ccc0a2;
  --black: black;
  --mercury: #ebebeb;
  --sand-medium: #aa9f84;
  --sand-dark: #7a7465;
  --font-family: Jost, sans-serif;
}

body {
  color: var(--royal-logo);
  font-family: Jost, sans-serif;
  font-size: 1vh;
  line-height: 1;
}

.body {
  color: var(--white);
  background-color: #fff0;
  font-family: Jost, sans-serif;
  font-size: 1vw;
  line-height: 1;
}

.navbar {
  background-color: #ddd0;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 4em;
  position: sticky;
  top: 0%;
  left: 0%;
  right: 0%;
}

.brand {
  background-color: var(--royal-menu);
  margin-top: 20px;
  padding: 1em 2em 1em 4em;
  position: static;
}

.brand.w--current {
  background-color: var(--royal-menu);
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  justify-content: center;
  align-items: center;
  height: 100px;
  padding: 1em 2em 1em 4em;
  display: flex;
  position: static;
}

.nav-menu {
  z-index: 2;
  background-color: var(--pearl);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 40%;
  margin-top: 8em;
  margin-bottom: auto;
  margin-right: 3em;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  left: 55%;
}

.nav-dropdown {
  width: 100%;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  flex-flow: row;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  color: var(--gray);
  margin-right: 10px;
  font-size: 1.3em;
  line-height: 1;
  position: relative;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide {
  position: relative;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
  border-radius: 0;
  padding-left: 8em;
}

.nav-dropdown-link {
  color: var(--gray);
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.5em;
  line-height: 1.5;
}

.list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 6px;
}

.menu-button-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--royal-menu);
  text-align: center;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 66px;
  height: 135px;
  padding: 65px 0 0;
  display: flex;
  box-shadow: 2px 4px 13px #00000057;
}

.menu-button-2.w--open {
  z-index: 99;
  background-color: var(--royal-menu);
}

.text-button-menu {
  color: var(--white);
  margin-bottom: 10px;
  font-size: .7em;
}

.burger {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.burger-line-1 {
  background-color: var(--yellow-gold);
  width: 100%;
  height: .2em;
}

.burger-line-middle {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: .2em;
  display: flex;
}

.burger-line-2 {
  background-color: var(--yellow-gold);
  width: 100%;
  height: .2em;
}

.half-line-left, .half-line-right {
  background-color: var(--yellow-gold);
  width: 50%;
  height: .2em;
}

.nav-menu-2 {
  background-color: var(--white);
  width: 100vw;
  height: 100vh;
}

.wrapper-bg-image {
  z-index: 0;
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/6634a9363efcc9418d0bf81a/6654903e79ddce53f65e1534_Treno.jpg");
  background-position: 100%;
  background-size: cover;
  background-clip: border-box;
  width: 80vw;
  height: 95vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.wrapper-logo {
  background-color: var(--royal-logo);
  margin-top: 60px;
  padding: 10px 20px 10px 60px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.wrapper-logo.w--current {
  inset: 0% auto auto 0%;
}

.link-block {
  padding-left: 3em;
  padding-right: 10em;
  text-decoration: none;
  display: block;
  position: relative;
}

.text-menu {
  color: var(--gray);
  text-align: left;
  font-size: 1.9em;
  line-height: 1.9;
  text-decoration: none;
  position: relative;
}

.card-whipe {
  z-index: 0;
  background-color: var(--white);
  display: block;
  position: absolute;
  inset: 0%;
}

.wrapper-text-icon {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  padding-left: 3em;
  padding-right: 10em;
  display: inline-flex;
}

.text-size-h1 {
  color: var(--royal-logo);
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 3.6em;
  font-weight: 600;
  line-height: 1.2;
}

.text-size-medium {
  color: var(--gray);
  font-family: Inter, sans-serif;
  font-size: 1.8em;
  line-height: 1.3;
}

.text-size-medium.margin-left-text-list {
  margin-left: 179px;
}

.text-size-medium.margin-left-text-list.text-color-blue {
  color: var(--royal-logo);
}

.text-size-medium.align-center {
  text-align: center;
}

.text-size-medium.text-color-blue.margin-title, .text-size-medium.margin-ricerca {
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 2em;
}

.text-size-medium.margin-top-bottom-2em {
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 1em;
}

.text-size-medium.margin-top-bottom-2em.padding-left {
  margin-left: 2em;
}

.wrapper-title-section {
  width: 92%;
  max-width: 940px;
  margin-top: 4em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 40px;
}

.wrapper-title-section.margin-bottom {
  margin-bottom: 4em;
}

.wrapper-title-section.margin-bottom.margin-top-text {
  margin-top: 8em;
  margin-bottom: 0;
}

.text-size-h2 {
  color: var(--royal-logo);
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.2;
}

.text-size-h2.margin-bottom {
  margin-top: 2em;
  margin-bottom: 2em;
}

.wrapper-paragraph {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 8em;
  display: flex;
  position: relative;
}

.wrapper-paragraph.margin-0 {
  margin-left: 0;
}

.text-size-regular {
  color: var(--gray);
  text-align: left;
  align-self: flex-end;
  font-family: Inter, sans-serif;
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1.3;
}

.text-size-regular.margin-top-bott-40 {
  margin-top: 2em;
  margin-bottom: 2em;
}

.text-size-regular.margin-top-bott-40.margin-left-40 {
  margin-left: 4em;
  line-height: 1.3;
}

.text-size-regular.link-blue {
  color: var(--royal-logo);
  text-transform: none;
}

.text-size-regular.padding-top {
  padding-top: 32px;
  padding-left: 12px;
  font-family: Inter, sans-serif;
}

.text-size-regular.margin-left-40 {
  margin-left: 40px;
}

.text-size-regular.margin-top-40 {
  margin-top: 40px;
}

.text-size-regular.text-color-white {
  color: var(--white);
  text-transform: none;
}

.text-size-regular.text-color-white.margin-left-40 {
  margin-left: 40px;
}

.text-size-regular.text-color-white.margin-left-40.padding-top-bott-20 {
  text-transform: none;
  text-transform: none;
  margin-left: 4em;
  padding-top: 2em;
  padding-bottom: 2em;
  line-height: 1.3;
}

.line-blue {
  z-index: 3;
  background-color: var(--purple-light);
  width: .8em;
  height: 110%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.line-blue.line-height-15em {
  height: 130%;
  inset: 0% auto auto 0%;
}

.line-blue.line-height-sicurezza {
  height: 120%;
}

.line-blue.line-height-tutela-ambientale {
  height: 160%;
  top: -104px;
}

.line-blue.line-height-tutela-ambiente-1 {
  height: 120%;
}

.line-blue.line-height-etica {
  height: 150%;
  inset: -32% auto 0% 0%;
}

.line-blue.line-height-15em-salute {
  height: 130%;
  margin-left: 4em;
  inset: 0% auto auto 0%;
}

.line-blue.line-height-responsabilita {
  height: 200%;
}

.line-blue.line-height-100 {
  height: 100%;
}

.image-5 {
  width: 230px;
  max-width: none;
  height: auto;
}

.footer-wrapper-sedi {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  background-color: var(--royal-menu);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  position: relative;
}

.heading-2 {
  text-transform: none;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.8;
}

.tex-size-extra-smallt {
  font-family: Inter, sans-serif;
  font-size: 1.2em;
  line-height: 1.4;
}

.footer-wrapper-brands {
  grid-column-gap: 5.4em;
  grid-row-gap: 5.4em;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  position: relative;
}

.image-7 {
  max-width: 7.5em;
}

.image-8 {
  max-width: 5em;
}

.image-9 {
  max-width: 9em;
}

.image-10 {
  max-width: 20em;
}

.footer-wrapper-bottom {
  grid-column-gap: 1.3em;
  grid-row-gap: 1.3em;
  background-color: var(--pearl);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  position: relative;
}

.box-link {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: block;
}

.link {
  color: var(--gray);
  font-size: 1.3em;
}

.divider {
  background-color: var(--gray);
  width: 1px;
  height: 20px;
}

.divider.margin-divider {
  margin-left: 2em;
  margin-right: 2em;
}

.text-address, .text-copyright {
  color: var(--gray);
  font-size: 1em;
}

.div-block-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 1.45em;
  height: 1.28em;
  display: flex;
}

.footer-logo {
  border-right: 2px solid var(--purple-light);
  border-left: 2px solid var(--purple-light);
  padding-left: 40px;
  padding-right: 40px;
}

.wrapper-image {
  width: 100%;
}

.title-color-blue {
  color: var(--royal-logo);
  margin-top: 2em;
  margin-bottom: 0;
  font-size: 1.8em;
  line-height: 1.3em;
}

.title-color-blue.margin-bottom {
  margin-bottom: 1em;
}

.title-color-blue.margin-left {
  margin-left: 40px;
}

.image-21 {
  width: auto;
}

.wrapper-text-raillandscape {
  margin-bottom: 4em;
  padding-left: 4em;
}

.section-raillandscape {
  padding-bottom: 8em;
  position: relative;
}

.background-blue-azienda-copy {
  z-index: 2;
  background-color: var(--royal-logo);
  width: 70%;
  padding-top: 2em;
  padding-bottom: 8em;
  position: relative;
}

.wrapper-text-box-sand {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 940px;
  margin-top: 4em;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 4em 4em;
  display: flex;
  position: relative;
}

.box-text-landscape {
  background-color: var(--pearl);
  width: 120%;
  position: relative;
}

.wrapper-title-section-landscape {
  width: 100%;
  max-width: 940px;
  margin-top: 4em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 40px;
}

.div-block-22 {
  align-items: center;
  display: flex;
}

.div-block-23 {
  justify-content: center;
  margin-top: 1em;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .brand.w--current {
    background-color: var(--royal-logo);
    align-items: center;
    height: 100px;
    display: flex;
  }

  .nav-dropdown-link {
    font-size: 1.4em;
    line-height: 1.4;
  }

  .text-menu {
    font-size: 1.8em;
    line-height: 1.8;
  }

  .text-size-h1 {
    font-size: 3.4em;
  }

  .text-size-medium {
    font-size: 1.7em;
  }

  .text-size-medium.margin-top-bottom-2em {
    color: var(--gray);
    font-size: 1.7em;
  }

  .text-size-medium.margin-left-text-list {
    margin-left: 185px;
  }

  .wrapper-title-section {
    max-width: 1100px;
  }

  .text-size-h2 {
    font-size: 2.9em;
  }

  .text-size-regular {
    font-size: 1.5em;
    line-height: 1.4;
  }

  .text-size-regular.margin-top-bott-40.margin-left-40, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20, .text-size-regular.padding-top, .text-size-regular.margin-top-bott-40.margin-left-40, .text-size-regular.margin-top-bott-40.margin-left-40, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20, .text-size-regular.padding-top {
    font-size: 1.5em;
  }

  .line-blue.line-height-tutela-ambientale {
    height: 180%;
  }

  .line-blue.line-height-etica {
    height: 160%;
    inset: -37% auto 0% 0%;
  }

  .wrapper-cards {
    max-width: 1100px;
  }

  .image {
    z-index: 0;
    width: 100%;
    position: relative;
  }

  .text-size-h3 {
    text-align: left;
    font-size: 2.2em;
  }

  .text-size-h3.margin-top-bottom {
    text-align: center;
    text-align: center;
  }

  .text-size-small {
    font-size: 1.3em;
  }

  .text-size-regular-link.text-color-white {
    font-size: 2em;
    line-height: 1.8;
  }

  .wrapper-paragraph-ricerca, .wrapper-card {
    max-width: 1100px;
  }

  .image-5 {
    width: 18em;
  }

  .heading-2 {
    font-size: 1.3em;
  }

  .tex-size-extra-smallt {
    font-size: 1em;
  }

  .image-7, .image-8 {
    max-width: 6em;
  }

  .image-9 {
    max-width: 8em;
  }

  .footer-wrapper-bottom {
    grid-column-gap: 1.2em;
    grid-row-gap: 1.2em;
  }

  .link {
    font-size: .9em;
  }

  .text-address, .text-copyright {
    font-size: .8em;
  }

  .arrow-yellow {
    width: 2em;
  }

  .wrapper-text-azienda, .wrapper-text-azienda-mission, .wrapper-box-text-azienda, .wrapper-box-contact-azienda, .wrapper-cards-sicurezza, .wrapper-paragraph-sicurezza, .wrapper-box-sand-sicurezza, .wrapper-cards-tutela-ambientale {
    max-width: 1100px;
  }

  .text-color-blue {
    font-size: 2.1em;
  }

  .background-sand-ricerca {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .section-prodotti-diserbanti {
    font-size: 1em;
  }

  .title-color-blue.margin-bottom {
    margin-bottom: 1em;
  }

  .wrapper-cards-tecnologie, .wrapper-text-whistelblowing {
    max-width: 1100px;
  }

  .text-color-blue-segnalazioni {
    font-size: 2.1em;
  }

  .wrapper-contatti {
    max-width: 1100px;
  }

  .text-size-regular-label, .text-size-regular-sede {
    font-size: 1.5em;
    line-height: 1.4;
  }

  .wrapper-tabs {
    max-width: 1100px;
  }

  .text-size-small-icon {
    font-size: .8em;
  }

  .titolo-certificati-small {
    margin-left: 3.4em;
  }

  .wrapper-certificato-small {
    width: 10em;
    min-width: 10em;
    height: 14em;
  }

  .image-22 {
    width: 80%;
  }

  .wrapper-text-raillandscape {
    margin-bottom: 4em;
  }

  .wrapper-text-box-sand, .wrapper-title-section-landscape {
    max-width: 1100px;
  }

  .text-span-8 {
    color: var(--royal-logo);
    text-decoration: none;
  }

  .link-11 {
    color: var(--royal-logo);
  }

  .wrapper-gallery {
    max-width: 1100px;
  }

  .wrappaer-cover-documenti {
    height: 23.5em;
  }

  .card-item-servizi-home {
    height: auto;
  }

  .div-block-19 {
    z-index: 2;
  }

  .text-size-h2-servizi {
    font-size: 2.9em;
  }

  .wrapper-text-infrastrutture-ferroviarie, .wrapper-text-elettriche, .wrapper-text-verde-pubblico {
    max-width: 1100px;
  }

  .background-blue-diserbo {
    left: 164px;
  }

  .text-size-h2-title-diserbo {
    font-size: 2.4em;
  }

  .image-salute {
    z-index: 0;
    width: 50%;
    position: relative;
  }

  .text-color-blue-documentazione {
    font-size: 2.1em;
  }

  .wrapper-text-tutela-ambientale-1, .wrapper-text-etica {
    height: 60%;
  }

  .text-size-h3-sede {
    text-align: left;
    font-size: 2.2em;
  }

  .text-color-blue-tutela {
    font-size: 2.1em;
  }

  .wrap-text-certificazioni-small {
    padding-left: .5em;
  }

  .wrapper-cards-ricerca {
    max-width: 1100px;
  }

  .wrapper-cards-ricerca.margin-top-40.margin-bottom-40 {
    display: block;
  }

  .wrapper-cards-personale {
    max-width: 1100px;
  }

  .wrapper-cards-personale.margin-top-40.margin-bottom-40 {
    display: block;
  }

  .wrapper-text-prevenzione, .wrapper-paragraph-pulizia {
    max-width: 1100px;
  }

  .wrapper-text-pulizie {
    max-width: 1000px;
  }

  .wrapper-text-pulizie-gallerie, .wrapper-text-pulizia-gallerie {
    max-width: 1100px;
  }

  .image-34 {
    max-width: 70%;
  }

  .background-sand-landscapy-item {
    max-width: 55%;
  }

  .background-sand-landscapy-item.margin-bottom {
    margin-bottom: 4em;
  }

  .wrapper-text-etica-box {
    height: auto;
  }
}

@media screen and (min-width: 1440px) {
  .nav-dropdown-link {
    font-size: 1.3em;
    line-height: 1.3;
  }

  .text-menu {
    font-size: 1.6em;
    line-height: 1.6;
  }

  .container-title {
    max-width: 1400px;
  }

  .box-white-title {
    width: 40%;
  }

  .text-size-h1 {
    font-size: 3em;
  }

  .text-size-medium, .text-size-medium.margin-top-bottom-2em {
    font-size: 1.6em;
  }

  .text-size-medium.margin-top-bottom-2em {
    font-size: 1.6em;
  }

  .text-size-medium.margin-left-text-list {
    margin-left: 185px;
  }

  .line-hero-blue {
    right: -2.6em;
  }

  .wrapper-title-section {
    max-width: 1150px;
  }

  .text-size-h2 {
    font-size: 2.8em;
  }

  .text-size-regular, .text-size-regular.margin-top-bott-40.margin-left-40, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20 {
    font-size: 1.4em;
  }

  .text-size-regular.margin-top-bott-40.margin-left-40, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20 {
    font-size: 1.4em;
  }

  .text-size-regular.padding-top {
    padding-top: 34px;
    font-size: 1.4em;
  }

  .line-blue {
    height: 110%;
  }

  .line-blue.line-height-tutela-ambientale {
    height: 170%;
  }

  .line-blue.line-height-etica {
    height: 170%;
    inset: -40% auto 0% 0%;
  }

  .wrapper-cards {
    max-width: 1150px;
  }

  .text-size-h3 {
    font-size: 2.1em;
  }

  .text-size-small {
    font-size: 1.2em;
  }

  .text-size-regular-link.text-color-white {
    font-size: 1.8em;
    line-height: 1.8;
  }

  .wrapper-text-ricerca {
    flex-flow: row;
    height: 60%;
  }

  .wrapper-card {
    max-width: 1150px;
  }

  .image-5 {
    width: 200px;
  }

  .footer-wrapper-sedi {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }

  .heading-2 {
    font-size: 1.2em;
  }

  .footer-wrapper-brands {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }

  .image-7 {
    max-width: 5.5em;
  }

  .image-8 {
    max-width: 4em;
  }

  .image-9 {
    max-width: 6em;
  }

  .footer-wrapper-bottom {
    grid-column-gap: 1.1em;
    grid-row-gap: 1.1em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }

  .link {
    font-size: .8em;
  }

  .text-address, .text-copyright {
    font-size: .7em;
  }

  .arrow-yellow {
    width: 1.8em;
  }

  .section-main-azienda {
    flex-flow: column;
    display: block;
  }

  .wrapper-text-azienda {
    max-width: 1150px;
    display: flex;
  }

  .wrapper-text-1 {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .number {
    color: var(--purple-light);
    font-size: 7em;
  }

  .wrapper-text-2 {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .wrapper-text-azienda-mission, .wrapper-box-text-azienda, .wrapper-box-contact-azienda {
    max-width: 1150px;
    display: flex;
  }

  .wrapper-cards-sicurezza, .wrapper-paragraph-sicurezza, .wrapper-box-sand-sicurezza, .wrapper-cards-tutela-ambientale {
    max-width: 1150px;
  }

  .text-color-blue {
    font-size: 2em;
  }

  .section-sa-8000, .section-reclami, .section-point-pulizia, .section-documenti {
    flex-flow: column;
    display: block;
  }

  .background-sand-documenti {
    width: 75%;
  }

  .background-sand-ricerca {
    width: 80%;
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .wrapper-cards-tecnologie {
    max-width: 1150px;
  }

  .wrapper-text-ricerca-2 {
    flex-flow: row-reverse;
    height: 60%;
  }

  .background-sand-brevetti {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding-right: 10em;
  }

  .section-brevetti {
    flex-flow: column;
    display: block;
  }

  .titolo-brevetti, .text-brevetti {
    font-size: 1.1em;
  }

  .wrappaer-cover-brevetto {
    width: 15em;
    height: 21em;
  }

  .wrapper-text-brevetti {
    padding-left: 4.9em;
    padding-right: 3px;
  }

  .wrapper-list-formazione, .wrapper-list-come-formare {
    flex-flow: column;
    display: block;
  }

  .wrapper-text-whistelblowing {
    max-width: 1150px;
    display: flex;
  }

  .text-color-blue-segnalazioni {
    font-size: 2em;
  }

  .wrapper-list-segnalazioni, .wrapper-list-segnalazioni-2 {
    flex-flow: column;
    display: block;
  }

  .text-size-regular-label, .text-size-regular-sede {
    font-size: 1.4em;
  }

  .line-blue-documentazione {
    height: 110%;
  }

  .text-size-small-icon {
    font-size: .8em;
  }

  .titolo-certificati-small {
    margin-left: 4.1em;
    font-size: .7em;
  }

  .image-22 {
    width: 70%;
  }

  .wrapper-text-box-sand {
    width: 92%;
    max-width: 1150px;
    display: flex;
  }

  .wrapper-title-section-landscape {
    max-width: 1150px;
  }

  .wrapper-gallery {
    max-width: 1100px;
  }

  .collection-list-2 {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
  }

  .wrappaer-cover-documenti {
    width: 15em;
    height: 20.5em;
  }

  .text-size-h2-servizi {
    font-size: 2.6em;
  }

  .wrapper-text-infrastrutture-ferroviarie, .wrapper-text-elettriche, .wrapper-text-verde-pubblico {
    max-width: 1150px;
    display: flex;
  }

  .background-blue-diserbo {
    left: 176px;
  }

  .text-size-h2-title-diserbo {
    font-size: 2.6em;
  }

  .image-salute {
    width: 50%;
  }

  .text-color-blue-documentazione {
    font-size: 2em;
  }

  .wrapper-text-tutela-ambientale-1, .wrapper-text-etica {
    flex-flow: row;
    height: 50%;
  }

  .text-size-h3-sede {
    font-size: 2.1em;
  }

  .text-color-blue-tutela {
    font-size: 2em;
  }

  .wrapper-cards-ricerca, .wrapper-cards-personale {
    max-width: 1150px;
  }

  .wrapper-text-prevenzione {
    max-width: 1150px;
    display: flex;
  }

  .wrapper-text-pilizia-gallerie {
    flex-flow: row;
  }

  .wrapper-paragraph-pulizia {
    max-width: 1150px;
  }

  .background-sand-pulizia {
    width: 90%;
  }

  .wrapper-text-pulizie {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 1150px;
    display: grid;
  }

  .wrapper-text-pulizie-gallerie {
    max-width: 1150px;
    display: flex;
  }

  .section-pulizia-raffronto {
    flex-flow: column;
    display: block;
  }

  .wrapper-text-prevenzione-incendi {
    flex-flow: row;
  }

  .wrapper-text-pulizia-gallerie {
    max-width: 1150px;
    display: flex;
  }

  .section-point-sistemi-gestione {
    flex-flow: column;
    display: block;
  }

  .wrapper-text-etica-box {
    flex-flow: row;
    height: auto;
  }
}

@media screen and (min-width: 1920px) {
  .navbar {
    max-width: 2500px;
  }

  .nav-dropdown-link {
    font-size: 1.2em;
    line-height: 1.2;
  }

  .nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
    color: var(--royal-logo);
  }

  .text-menu {
    font-size: 1.4em;
    line-height: 1.4;
  }

  .wrapper-hero {
    width: 100%;
    max-width: 100%;
  }

  .background-video {
    max-width: 100%;
  }

  .container-title {
    max-width: 1500px;
  }

  .box-white-title {
    width: 45%;
    height: 40%;
    left: -5%;
  }

  .text-size-h1 {
    font-size: 2.5em;
  }

  .text-size-medium, .text-size-medium.margin-top-bottom-2em, .text-size-medium.margin-top-bottom-2em.padding-left {
    font-size: 1.5em;
  }

  .text-size-medium.margin-top-bottom-2em, .text-size-medium.margin-top-bottom-2em.padding-left, .text-size-medium.margin-top-bottom-2em.padding-left {
    font-size: 1.5em;
  }

  .text-size-medium.margin-left-text-list {
    margin-left: 200px;
  }

  .text-size-medium.align-center {
    font-size: 1.6em;
  }

  .line-hero-blue {
    right: -3.4em;
  }

  .wrapper-title-section {
    max-width: 1250px;
  }

  .text-size-h2 {
    font-size: 2.7em;
  }

  .text-size-regular, .text-size-regular.margin-top-bott-40.margin-left-40, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20 {
    font-size: 1.3em;
  }

  .text-size-regular.margin-top-bott-40.margin-left-40, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20, .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20 {
    font-size: 1.3em;
  }

  .text-size-regular.link-blue {
    font-size: 1.4em;
  }

  .text-size-regular.padding-top {
    padding-top: 49px;
    font-size: 1.3em;
  }

  .line-blue.line-height-tutela-ambientale {
    height: 160%;
  }

  .line-blue.line-height-10em {
    height: 120%;
  }

  .wrapper-cards {
    max-width: 1250px;
  }

  .text-size-h3 {
    font-size: 2em;
  }

  .text-size-small {
    font-size: 1.2em;
    line-height: 1.4;
  }

  .text-size-small.text-color-white {
    font-size: 1.2em;
  }

  .text-size-regular-link.text-color-white {
    font-size: 1.3em;
    line-height: 1.8;
  }

  .wrapper-paragraph-ricerca, .wrapper-card {
    max-width: 1250px;
  }

  .image-5 {
    width: 250px;
  }

  .footer-wrapper-sedi {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .heading-2 {
    margin-bottom: 5px;
    font-size: 1em;
  }

  .tex-size-extra-smallt {
    font-size: .7em;
  }

  .footer-wrapper-brands {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .image-7 {
    max-width: 5em;
  }

  .image-8 {
    max-width: 4em;
  }

  .image-9 {
    max-width: 7em;
  }

  .footer-wrapper-bottom {
    grid-column-gap: .8em;
    grid-row-gap: .8em;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .link {
    font-size: .7em;
  }

  .text-address, .text-copyright {
    font-size: .6em;
  }

  .arrow-yellow {
    width: 1.3em;
  }

  .wrapper-text-azienda {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper-text-2 {
    align-items: flex-start;
  }

  .wrapper-text-azienda-mission {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }

  .line-big {
    height: 70em;
  }

  .wrapper-box-text-azienda, .wrapper-box-contact-azienda {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }

  .background-sand-certificati.width-single-item {
    width: 55%;
  }

  .wrapper-cards-sicurezza {
    max-width: 1250px;
  }

  .wrapper-text-sicurezza {
    width: 50%;
  }

  .wrapper-paragraph-sicurezza {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper-box-sand-sicurezza, .wrapper-cards-tutela-ambientale {
    max-width: 1250px;
  }

  .text-color-blue {
    font-size: 1.9em;
  }

  .section-hero-ricerca {
    max-width: 100%;
  }

  .background-sand-ricerca {
    width: 80%;
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .wrapper-paragraph-diserbanti {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }

  .title-color-blue.margin-bottom {
    margin-bottom: 1em;
  }

  .wrapper-cards-tecnologie {
    max-width: 1250px;
  }

  .wrapper-text-ricerca-2 {
    justify-content: center;
  }

  .background-sand-brevetti {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    padding-right: 10em;
  }

  .titolo-brevetti {
    font-size: 1.1vw;
    left: 0%;
  }

  .text-brevetti {
    font-size: 1em;
    position: relative;
    left: 0;
  }

  .wrappaer-cover-brevetto {
    width: 15em;
    height: 21em;
  }

  .wrapper-text-brevetti {
    padding-left: 4.9em;
    padding-right: 15px;
  }

  .image-17 {
    width: 100%;
  }

  .wrapper-text-whistelblowing {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-color-blue-segnalazioni {
    font-size: 1.9em;
  }

  .image-21 {
    width: 100%;
  }

  .div-block-10 {
    padding-left: 6em;
  }

  .wrapper-contatti {
    max-width: 1250px;
  }

  .wrapper-form-contatti {
    width: 100%;
  }

  .text-size-regular-label {
    font-size: 1.3em;
  }

  .text-size-regular-sede {
    font-size: 1.1em;
  }

  .line-blue-documentazione {
    height: 110%;
  }

  .wrapper-tabs {
    max-width: 1250px;
  }

  .text-size-small-icon {
    font-size: .6em;
    line-height: 1.4;
  }

  .titolo-certificati-small {
    margin-left: 4.9em;
    font-size: .6em;
  }

  .wrapper-certificato-small {
    width: 9em;
    height: 13em;
  }

  .image-22 {
    width: 100%;
  }

  .wrapper-text-box-sand {
    width: 92%;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-utilizzo-dati {
    background-color: #171c8f00;
    padding-bottom: 0;
  }

  .box-text-landscape {
    width: 120%;
    left: 0%;
  }

  .wrapper-title-section-landscape {
    max-width: 1250px;
    padding-left: 2em;
    padding-right: 0;
  }

  .wrapper-gallery {
    max-width: 1250px;
  }

  .collection-list-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .wrappaer-cover-documenti {
    z-index: 3;
    width: 15em;
    height: 20.5em;
    position: relative;
  }

  .div-block-19 {
    justify-content: flex-end;
  }

  .text-size-h2-servizi {
    font-size: 2.3em;
  }

  .wrapper-text-infrastrutture-ferroviarie, .wrapper-text-elettriche, .wrapper-text-verde-pubblico {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }

  .background-blue-diserbo {
    left: 230px;
  }

  .text-size-h2-title-diserbo {
    font-size: 2.4em;
  }

  .image-salute {
    width: 50%;
  }

  .text-color-blue-documentazione {
    font-size: 1.9em;
  }

  .wrapper-text-etica {
    height: auto;
  }

  .text-size-h3-sede {
    font-size: 1.8em;
  }

  .text-color-blue-tutela {
    font-size: 1.9em;
  }

  .foglio {
    z-index: 1;
    background-color: var(--white);
    position: absolute;
    inset: 0%;
    box-shadow: 4px 5px 7px 3px #0003;
  }

  .collection-item-4 {
    position: relative;
  }

  .wrapper-cards-ricerca, .wrapper-cards-personale {
    max-width: 1250px;
  }

  .title-box-pulizia-gallerie {
    font-size: 1.8em;
    line-height: 1.2em;
  }

  .wrapper-text-prevenzione, .wrapper-paragraph-pulizia, .wrapper-text-pulizie, .wrapper-text-pulizie-gallerie {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-pulizia-raffronto {
    padding-top: 2em;
  }

  .background-video-2 {
    height: 30em;
  }

  .wrapper-text-pulizia-gallerie {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-span-11, .text-span-12 {
    text-decoration: none;
  }

  .wrapper-logo-clienti {
    align-items: end;
  }

  .image-34 {
    height: 99.9997%;
  }

  .background-sand-landscapy-item {
    max-width: 65%;
  }

  .wrapper-text-etica-box {
    height: auto;
  }
}

@media screen and (max-width: 991px) {
  .body {
    display: block;
  }

  .nav-menu {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    background-color: var(--pearl);
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 8em;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    display: flex;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
    position: relative;
  }

  .list-item {
    margin-bottom: 2px;
  }

  .wrapper-bg-image {
    background-position: 50%;
  }

  .text-menu {
    font-size: 2.5em;
  }

  .background-video {
    width: 80vw;
    height: 70vh;
  }

  .text-size-h1 {
    font-size: 3.7em;
  }

  .text-size-medium {
    font-size: 2em;
  }

  .line-hero-blue {
    right: -3.4em;
  }

  .wrapper-title-section {
    margin-bottom: .7em;
  }

  .wrapper-title-section.margin-bottom.margin-top-text {
    margin-top: 12em;
  }

  .text-size-h2 {
    font-size: 3.8em;
  }

  .text-size-h2.margin-bottom {
    margin-top: 3em;
  }

  .text-size-regular, .text-size-regular.margin-top-bott-40.margin-left-40 {
    font-size: 2.3em;
  }

  .text-size-regular.margin-top-bott-40.margin-left-40 {
    font-size: 2.3em;
  }

  .text-size-regular.padding-top {
    padding-top: 20px;
  }

  .line-blue {
    height: 120%;
  }

  .line-blue.line-height-tutela-ambiente-1, .line-blue.line-height-10em {
    height: 110%;
  }

  .line-blue.line-height-sicurezza {
    height: 110%;
  }

  .line-blue.line-height-tutela-ambientale {
    height: 140%;
    top: -47px;
  }

  .line-blue.line-height-tutela-ambiente-1, .line-blue.line-height-10em {
    height: 110%;
  }

  .line-blue.line-height-etica {
    height: 140%;
    inset: -25% auto 0% 0%;
  }

  .wrapper-cards {
    font-size: 1em;
  }

  .text-size-h3 {
    text-align: left;
    font-size: 2.8em;
  }

  .text-size-h3.margin-top-bottom {
    text-align: center;
    text-align: center;
  }

  .text-size-small {
    font-size: 2em;
  }

  .text-size-regular-link {
    font-size: 2.5em;
  }

  .wrapper-paragraph-ricerca {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
  }

  .wrapper-paragraph-blue {
    position: relative;
    left: -38px;
  }

  .image-5 {
    width: 200px;
    height: auto;
  }

  .arrow-yellow {
    width: 2.5em;
  }

  .wrapper-text-azienda, .wrapper-text-azienda-mission {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    max-width: 600px;
  }

  .line-big {
    height: 78%;
  }

  .wrapper-box-text-azienda, .wrapper-box-contact-azienda {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    max-width: 600px;
  }

  .background-sand-certificati.margin-bottom {
    margin-bottom: 8em;
  }

  .card-item-sicurezza {
    width: auto;
  }

  .wrapper-paragraph-sicurezza {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    margin-right: auto;
  }

  .text-color-blue {
    margin-left: 2em;
  }

  .background-sand-ricerca {
    padding-top: 8em;
  }

  .wrapper-paragraph-diserbanti {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
  }

  .title-color-blue {
    font-size: 2em;
  }

  .title-color-blue.margin-bottom {
    margin-top: 1em;
  }

  .background-sand-brevetti {
    flex-flow: wrap-reverse;
    padding-right: 1em;
  }

  .titolo-brevetti {
    font-size: 1.5em;
  }

  .wrappaer-cover-brevetto {
    width: 22em;
    height: 30em;
  }

  .wrapper-text-brevetti {
    padding-left: 8.3em;
  }

  .image-19 {
    width: 30%;
  }

  .wrapper-text-whistelblowing {
    grid-column-gap: 2.2em;
    grid-row-gap: 2.2em;
    max-width: 600px;
  }

  .text-color-blue-segnalazioni {
    font-size: 2.8em;
    line-height: 1.3;
  }

  .text-size-regular-label, .text-size-regular-sede {
    font-size: 2.3em;
  }

  .line-blue-documentazione {
    height: 120%;
  }

  .wrapper-tabs {
    width: 92%;
  }

  .tab-link-tab-2, .tab-link-tab-2.w--current {
    margin-top: 0;
  }

  .tab-link-tab-5 {
    margin-top: .125em;
  }

  .text-size-small-icon {
    font-size: 2em;
  }

  .link-file-pdf {
    width: 5%;
  }

  .wrapper-certificato-small {
    background-image: url("https://cdn.prod.website-files.com/6634a9363efcc9418d0bf81a/6656f4abbaf444046fa5301d_Cover%20certificato.svg");
  }

  .wrapper-text-box-sand {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    max-width: 600px;
  }

  .text-title-tab {
    font-size: 1.4em;
  }

  .collection-list-2 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .wrappaer-cover-documenti {
    width: 20em;
    height: 27em;
  }

  .text-size-h2-servizi {
    font-size: 3.8em;
  }

  .wrapper-text-infrastrutture-ferroviarie, .wrapper-text-elettriche, .wrapper-text-verde-pubblico {
    grid-column-gap: 2.2em;
    grid-row-gap: 2.2em;
    max-width: 600px;
  }

  .background-blue-diserbo {
    width: 130%;
    left: 50px;
  }

  .text-size-h2-title-diserbo {
    font-size: 3.4em;
  }

  .collection-list-wrapper-3 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .image-salute {
    width: 50%;
  }

  .text-color-blue-documentazione {
    margin-left: 0;
  }

  .wrapper-text-tutela-ambientale-1 {
    height: 70%;
  }

  .wrapper-text-etica {
    height: 80%;
  }

  .text-size-h3-sede {
    text-align: left;
    font-size: 2.8em;
  }

  .text-color-blue-tutela {
    margin-left: 2em;
  }

  .wrapper-cards-ricerca, .wrapper-cards-personale {
    font-size: 1em;
  }

  .wrapper-text-prevenzione {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    max-width: 600px;
  }

  .wrapper-text-pilizia-gallerie {
    height: auto;
  }

  .wrapper-paragraph-pulizia {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    margin-right: auto;
  }

  .wrapper-text-pulizie {
    grid-column-gap: 3.1em;
    grid-row-gap: 3.1em;
    max-width: 650px;
  }

  .wrapper-text-pulizie-gallerie {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    max-width: 600px;
  }

  .background-video-2 {
    width: 60%;
  }

  .wrapper-text-prevenzione-incendi {
    height: auto;
  }

  .wrapper-text-pulizia-gallerie {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    max-width: 600px;
  }

  .wrapper-img-pulizia-gallerie {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .image-31 {
    max-width: 100%;
  }

  .image-33 {
    max-width: 60%;
  }

  .wrapper-logo-clienti {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
  }

  .wrapper-logo-title {
    width: 100%;
    height: 100%;
  }

  .image-34 {
    width: 100%;
    max-width: 60%;
  }

  .background-sand-landscapy-item {
    margin-top: 0;
  }

  .quik-stak-landscape-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .wrapper-text-etica-box {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .brand.w--current {
    height: 60px;
  }

  .nav-menu {
    justify-content: flex-start;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
    box-shadow: none;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .menu-button-2 {
    width: 2.3em;
    height: 4.8em;
    padding-top: 2em;
  }

  .text-button-menu {
    font-size: .6em;
  }

  .wrapper-bg-image {
    height: 100%;
  }

  .section-hero-home {
    padding-bottom: 0;
  }

  .background-video {
    width: 70vw;
  }

  .box-white-title {
    flex-flow: column;
    justify-content: center;
  }

  .text-size-h1 {
    font-size: 3.7em;
  }

  .text-size-medium {
    font-size: 3em;
  }

  .text-size-medium.margin-left-text-list.text-color-blue {
    margin-left: 125px;
  }

  .wrapper-title-section {
    margin-bottom: .7em;
  }

  .wrapper-title-section.margin-bottom.margin-top-text {
    margin-top: 14em;
  }

  .text-size-h2.margin-bottom {
    margin-top: 3em;
  }

  .wrapper-paragraph {
    margin-left: 4em;
  }

  .text-size-regular, .text-size-regular.margin-top-bott-40.margin-left-40 {
    font-size: 2.8em;
  }

  .text-size-regular.margin-top-bott-40.margin-left-40 {
    font-size: 2.8em;
  }

  .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20 {
    margin-left: 2em;
  }

  .text-size-regular.padding-top {
    padding-top: 13px;
  }

  .line-blue {
    height: 110%;
  }

  .line-blue.line-height-15em {
    height: 120%;
  }

  .line-blue.line-height-15em-salute, .line-blue.line-height-15em {
    height: 120%;
  }

  .line-blue.line-height-etica {
    height: 110%;
    top: 2%;
  }

  .line-blue.line-height-15em-salute {
    height: 120%;
  }

  .wrapper-cards {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
  }

  .image {
    overflow: clip;
  }

  .text-size-h3 {
    font-size: 3.2em;
  }

  .text-size-small {
    font-size: 2.3em;
  }

  .text-size-small.text-color-white {
    line-height: 1.3;
  }

  .text-size-regular-link {
    font-size: 3em;
  }

  .wrapper-text-ricerca {
    padding-bottom: 2em;
    top: auto;
    left: 0%;
    right: 0%;
  }

  .wrapper-paragraph-blue {
    left: -41px;
  }

  .image-5 {
    width: 26em;
  }

  .div-block-3 {
    width: 1.3em;
    height: 1.2em;
  }

  .arrow-yellow {
    width: 1.8em;
  }

  .wrapper-text-azienda {
    grid-column-gap: 2.2em;
    grid-row-gap: 2.2em;
    max-width: 450px;
  }

  .wrapper-text-azienda-mission {
    max-width: 450px;
  }

  .line-big {
    height: 80%;
  }

  .wrapper-box-text-azienda, .wrapper-box-contact-azienda {
    max-width: 450px;
  }

  .wrapper-text-sicurezza {
    width: 50%;
  }

  .title-color-blue {
    margin-top: 1em;
    font-size: 3em;
  }

  .wrapper-text-ricerca-2 {
    inset: auto 0% auto auto;
  }

  .arrow-yellow-2 {
    width: 3em;
  }

  .titolo-brevetti {
    font-size: 1.5em;
  }

  .image-16 {
    width: 42%;
  }

  .wrapper-text-whistelblowing {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    max-width: 450px;
  }

  .text-color-blue-segnalazioni {
    font-size: 3.2em;
  }

  .wrapper-map {
    width: 100%;
  }

  .wrapper-contatti {
    flex-flow: column;
  }

  .text-size-regular-label, .text-size-regular-sede {
    font-size: 2.8em;
  }

  .line-blue-documentazione {
    height: 110%;
  }

  .line-blue-documentazione.line-height-15em {
    height: 120%;
  }

  .tab-link-tab-5 {
    margin-top: .125em;
  }

  .text-size-small-icon {
    font-size: 2.3em;
  }

  .link-file-pdf {
    width: 4%;
  }

  .div-block-12 {
    width: 79.8184%;
  }

  .wrapper-text-box-sand {
    max-width: 450px;
  }

  .text-title-tab {
    font-size: 1.5vw;
  }

  .wrapper-gallery {
    column-count: 2;
  }

  .wrapper-text-infrastrutture-ferroviarie, .wrapper-text-elettriche, .wrapper-text-verde-pubblico {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    max-width: 450px;
  }

  .image-salute {
    width: 50%;
    overflow: clip;
  }

  .wrapper-text-tutela-ambientale-1 {
    height: 70%;
    top: auto;
    left: 0%;
    right: 0%;
  }

  .wrapper-text-etica {
    height: 100%;
    top: auto;
    left: 0%;
    right: 0%;
  }

  .text-size-h3-sede {
    font-size: 3.2em;
  }

  .wrapper-text-prevenzione {
    max-width: 450px;
  }

  .wrapper-text-pilizia-gallerie {
    top: auto;
    left: 0%;
    right: 0%;
  }

  .wrapper-text-pulizie {
    grid-column-gap: 2.2em;
    grid-row-gap: 2.2em;
    grid-template-columns: 1fr;
    max-width: 450px;
  }

  .box-tecnologia-pulizia {
    padding-left: 4em;
  }

  .wrapper-text-pulizie-gallerie {
    grid-column-gap: 2.2em;
    grid-row-gap: 2.2em;
    max-width: 450px;
  }

  .background-video-2 {
    width: 60%;
  }

  .wrapper-text-prevenzione-incendi {
    top: auto;
    left: 0%;
    right: 0%;
  }

  .wrapper-text-pulizia-gallerie {
    max-width: 450px;
  }

  .wrapper-img-pulizia-gallerie {
    flex-flow: row;
    justify-content: center;
  }

  .image-30 {
    max-width: 30%;
  }

  .image-31 {
    max-width: 100%;
  }

  .image-34 {
    width: 100%;
  }

  .image-36 {
    max-width: 30%;
  }

  .quik-stak-landscape-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .wrapper-text-etica-box {
    height: auto;
    top: auto;
    left: 0%;
    right: 0%;
  }

  .h2-box-bold {
    font-size: 26px;
  }
}

@media screen and (max-width: 479px) {
  .brand.w--current {
    padding-top: 2em;
    padding-right: 4em;
  }

  .nav-menu {
    z-index: 1;
    background-color: var(--pearl);
    flex-direction: column;
    width: 70%;
    height: auto;
    margin-top: 102px;
    left: 32%;
  }

  .nav-dropdown-icon {
    font-size: 4em;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
    left: -32px;
  }

  .nav-dropdown-link {
    font-size: 5em;
  }

  .menu-button-2 {
    width: 2.3em;
    height: 4.8em;
    padding-top: 2em;
  }

  .text-button-menu {
    font-size: .6em;
  }

  .nav-menu-2 {
    height: 100vh;
  }

  .wrapper-bg-image {
    background-position: 45%;
    background-size: cover;
    width: 90vw;
    height: 100vh;
  }

  .wrapper-logo {
    z-index: 4;
    margin-top: 37px;
    padding-left: 27px;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .text-menu {
    font-size: 6em;
  }

  .section-hero-home {
    margin-top: 10px;
    top: -8.6em;
  }

  .background-video {
    width: 90vw;
    height: 30vh;
  }

  .box-white-title {
    width: 70%;
    height: 70%;
    padding-top: 4em;
    padding-left: 4em;
    inset: auto 0% -50%;
  }

  .text-size-h1 {
    margin-top: 10px;
    font-size: 6em;
  }

  .text-size-medium {
    font-size: 4em;
    line-height: 1.3;
  }

  .text-size-medium.margin-top-bottom-2em {
    margin-left: 2em;
  }

  .text-size-medium.margin-left-text-list.text-color-blue {
    margin-bottom: 20px;
    margin-left: 44px;
    font-size: 4em;
  }

  .line-hero-blue {
    width: 1.2em;
    height: 10em;
    inset: -5em auto auto 50%;
  }

  .section-servizi {
    margin-top: 26.3em;
    padding-top: 4em;
  }

  .wrapper-title-section {
    margin-bottom: -.9em;
    padding-left: 0;
    position: relative;
  }

  .wrapper-title-section.margin-bottom.margin-top-text {
    margin-top: -36.2em;
    position: static;
  }

  .text-size-h2 {
    font-size: 5.5em;
  }

  .text-size-h2.margin-bottom {
    margin-top: 4em;
  }

  .wrapper-paragraph {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-left: 8em;
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .text-size-regular {
    font-size: 3.5em;
  }

  .text-size-regular.margin-top-bott-40.margin-left-40 {
    margin-bottom: 2em;
    margin-left: 2em;
    font-size: 3.5em;
    line-height: 1.3;
  }

  .text-size-regular.text-color-white.margin-left-40.padding-top-bott-20 {
    margin-left: 2em;
    font-size: 3.5em;
  }

  .text-size-regular.link-blue {
    font-size: 4em;
  }

  .text-size-regular.padding-top {
    padding-top: 11px;
    font-size: 3.5em;
  }

  .text-size-regular.padding-top.text-color-white {
    line-height: 1.4;
  }

  .line-blue {
    width: 1.2em;
    height: 110%;
    display: block;
  }

  .line-blue.line-height-15em, .line-blue.line-height-sicurezza {
    height: 120%;
  }

  .line-blue.line-height-tutela-ambiente-1, .line-blue.line-height-15em-salute {
    height: 120%;
  }

  .line-blue.line-height-15em, .line-blue.line-height-sicurezza {
    height: 120%;
  }

  .line-blue.line-height-tutela-ambientale {
    height: 85em;
    position: absolute;
    top: -86px;
  }

  .line-blue.line-height-tutela-ambiente-1, .line-blue.line-height-15em-salute {
    height: 120%;
  }

  .line-blue.line-height-responsabilita {
    height: 160%;
  }

  .wrapper-cards {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .image {
    z-index: 0;
    width: 100%;
  }

  .wrapper-text {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 4em;
  }

  .text-size-h3 {
    margin-top: 10px;
    font-size: 5em;
  }

  .text-size-h3.margin-top-bottom {
    font-size: 5.5em;
  }

  .text-size-small {
    width: 100%;
    font-size: 3.8em;
    line-height: 1.3;
    display: block;
  }

  .text-size-regular-link {
    font-size: 5em;
  }

  .text-size-regular-link.text-color-white {
    font-size: 4em;
  }

  .background-blue.padding-top-8em {
    padding-bottom: 8em;
  }

  .background-blue.padding-top, .background-blue.padding-top-8em {
    padding-bottom: 8em;
  }

  .background-blue.padding-top-8em.margin-bottom {
    margin-bottom: 12.8em;
  }

  .background-blue.padding-top {
    padding-bottom: 8em;
  }

  .card-item-ricerca {
    flex-flow: column;
    justify-content: flex-end;
  }

  .card-item-ricerca.margin-top-40.margin-bottom {
    margin-bottom: 60em;
  }

  .wrapper-text-ricerca {
    width: 80%;
    height: 60%;
    padding-bottom: 4em;
    padding-left: 4em;
    padding-right: 4em;
    bottom: -31%;
  }

  .wrapper-paragraph-ricerca {
    width: 90%;
    margin-top: -9px;
    margin-left: 4em;
  }

  .wrapper-paragraph-ricerca.mobile-margin-top-10 {
    margin-top: 36px;
    margin-left: 4em;
  }

  .wrapper-paragraph-blue {
    left: -29px;
  }

  .wrapper-paragraph-soluzioni {
    margin-left: 26px;
  }

  .image-5 {
    width: 35em;
  }

  .footer-wrapper-sedi {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    justify-content: center;
    padding: 4em 20px;
  }

  .heading-2 {
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 3em;
  }

  .tex-size-extra-smallt {
    font-size: 2.4em;
  }

  .footer-wrapper-brands {
    grid-column-gap: 5.8em;
    grid-row-gap: 5.8em;
  }

  .image-7 {
    max-width: 12em;
  }

  .image-8 {
    max-width: 10em;
  }

  .image-9 {
    max-width: 12em;
  }

  .image-10 {
    max-width: 26em;
  }

  .footer-wrapper-bottom {
    padding: 4em 20px;
  }

  .link {
    font-size: 3.5em;
  }

  .text-address {
    text-align: center;
    font-size: 2.3em;
    line-height: 1.8;
  }

  .text-copyright {
    font-size: 2.3em;
  }

  .image-15 {
    max-width: 80%;
  }

  .footer-logo {
    padding-left: 10px;
    padding-right: 10px;
  }

  .arrow-yellow {
    width: 4em;
  }

  .image--ricerca {
    z-index: 0;
    width: 100%;
  }

  .section-hero-azienda {
    margin-top: 4em;
    padding-top: 4em;
  }

  .wrapper-text-azienda {
    grid-column-gap: .8em;
    grid-row-gap: .8em;
    width: 92%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .wrapper-text-1 {
    margin-top: 9px;
    margin-bottom: 15px;
    margin-left: 41px;
  }

  .number {
    font-size: 10em;
  }

  .background-blue-azienda {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .box-text-mission {
    width: 80em;
  }

  .wrapper-text-azienda-mission {
    margin-top: auto;
    margin-bottom: auto;
  }

  .line-big {
    width: 1em;
    height: 75%;
    left: 13%;
  }

  .wrapper-box-text-azienda {
    margin-top: 15em;
    margin-bottom: 14.3em;
    padding-right: 12em;
  }

  .wrapper-box-contact-azienda {
    margin-top: 33px;
    margin-bottom: 22em;
  }

  .btn-contact-azienda {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 3em;
    padding-right: 3em;
  }

  .section-hero-sistemi-di-gestione {
    margin-top: 4em;
    padding-top: 4em;
  }

  .background-sand-certificati {
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .background-sand-certificati.margin-bottom {
    width: 100%;
  }

  .background-sand-homr {
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .section-salute-e-sicurezza {
    margin-top: 22em;
    padding-top: 14.8em;
  }

  .background-blue-salute-e-sicurezza {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .wrapper-text-sicurezza {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .card-item-sicurezza {
    flex-flow: column-reverse;
    align-items: center;
  }

  .wrapper-paragraph-sicurezza {
    margin-top: 80px;
    position: relative;
  }

  .section-tutela-ambientale {
    margin-top: 9.7em;
    padding-top: 4em;
  }

  .wrapper-cards-tutela-ambientale {
    margin-bottom: 42.1em;
  }

  .text-color-blue {
    margin-bottom: 20px;
    font-size: 4em;
  }

  .section-hero-responsabilit--sociale {
    margin-top: 4em;
    padding-top: 4em;
  }

  .background-sand-documenti {
    width: 100%;
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .section-etica {
    margin-top: 0;
    margin-bottom: 13em;
    padding-top: 8em;
  }

  .section-hero-ricerca {
    margin-top: 4em;
    padding-top: 4em;
  }

  .background-sand-ricerca {
    width: 90%;
    margin-top: 0;
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .wrapper-paragraph-diserbanti {
    margin-top: 0;
  }

  .title-color-blue {
    margin-top: 1em;
    font-size: 5em;
  }

  .background-sand-tecnologie {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .card-item-ricerca-2 {
    justify-content: flex-start;
  }

  .wrapper-text-ricerca-2 {
    width: 80%;
    height: 50%;
    padding-left: 4em;
    padding-right: 4em;
    inset: auto 0% -25% auto;
  }

  .arrow-yellow-2 {
    width: 5em;
  }

  .background-sand-brevetti {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: fill;
    flex-flow: row-reverse wrap;
    justify-content: space-around;
    padding: 10em 2em 10em 4em;
    overflow: visible;
  }

  .titolo-brevetti {
    padding-right: 1.9em;
    font-size: 2.2em;
    left: 11%;
  }

  .wrappaer-cover-brevetto {
    width: 30em;
    height: 40em;
  }

  .wrapper-text-brevetti {
    padding-right: 0;
  }

  .line-blue--brevetti {
    width: 1.2em;
    height: 120%;
  }

  .wrapper-paragraph-brevetti {
    height: 60px;
    margin-left: 8em;
  }

  .section-partners {
    margin-bottom: 13.5em;
  }

  .image-16 {
    width: 40%;
  }

  .image-19 {
    width: 30%;
  }

  .section-hero-lavora-con-noi {
    margin-top: 4em;
    padding-top: 4em;
  }

  .section-main {
    margin-bottom: 8em;
    padding-top: 8em;
  }

  .wrapper-text-whistelblowing {
    grid-column-gap: 4.6em;
    grid-row-gap: 4.6em;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 8em;
  }

  .background-blue-whistelblowing {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .link-whistleblowing {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 3em;
    padding-right: 3em;
  }

  .text-color-blue-segnalazioni {
    margin-bottom: 20px;
    font-size: 4.2em;
  }

  .section-hero-contatti {
    margin-top: 4em;
    padding-top: 4em;
  }

  .wrapper-contatti {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-size-regular-label, .text-size-regular-sede {
    font-size: 3.5em;
  }

  .section-hero-gallery {
    margin-top: 4em;
    padding-top: 4em;
  }

  .background-sand-gallery {
    padding-top: 12em;
  }

  .line-blue-documentazione {
    width: 1.2em;
    height: 120%;
    display: block;
  }

  .line-blue-documentazione.line-height-15em {
    height: 120%;
  }

  .tab-link-tab-2, .tab-link-tab-3, .tab-link-tab-4, .tab-link-tab-5 {
    margin-top: .5em;
  }

  .wrappwer-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .text-size-small-icon {
    font-size: 3em;
    line-height: 1.3;
  }

  .link-file-pdf {
    width: 7%;
  }

  .titolo-certificati-small {
    margin-left: 1.9em;
    font-size: 1.6em;
  }

  .wrapper-certificato-small {
    background-image: url("https://cdn.prod.website-files.com/6634a9363efcc9418d0bf81a/6656f4abbaf444046fa5301d_Cover%20certificato.svg");
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    width: 25em;
    min-width: 25em;
    height: 35em;
  }

  .div-block-12 {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .wrapper-text-raillandscape {
    margin-bottom: 1em;
  }

  .background-blue-azienda-copy, .section-utilizzo-dati {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .box-text-landscape {
    width: 80em;
  }

  .wrapper-title-section-landscape {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .text-title-tab {
    font-size: 4vw;
  }

  .tab-link-tab-6, .tab-link-tab-7 {
    margin-top: .5em;
  }

  .wrapper-gallery {
    column-count: 1;
  }

  .collection-list-2 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .wrappaer-cover-documenti {
    width: 28em;
    height: 38em;
  }

  .btn-servizi-home {
    padding-left: 2em;
    padding-right: 2em;
  }

  .div-block-18 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    display: flex;
  }

  .div-block-19 {
    padding-left: 4em;
    padding-right: 4em;
  }

  .text-size-h2-servizi {
    font-size: 5em;
  }

  .wrapper-text-infrastrutture-ferroviarie {
    grid-column-gap: 4.6em;
    grid-row-gap: 4.6em;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 8em;
  }

  .background-blue-infrastrutture-ferroviarie, .background-blue-elettriche {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .wrapper-text-elettriche {
    grid-column-gap: 4.6em;
    grid-row-gap: 4.6em;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 8em;
  }

  .section-hero-verde-pubblico {
    margin-top: 4em;
    padding-top: 4em;
  }

  .background-blue-ve-rde-pubblico {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .wrapper-text-verde-pubblico {
    grid-column-gap: 4.6em;
    grid-row-gap: 4.6em;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 8em;
  }

  .section-hero-difesa-ambientale {
    margin-top: 4em;
    padding-top: 4em;
  }

  .background-blue-diserbo {
    padding-bottom: 8em;
    left: -20px;
  }

  .text-size-h2-title-diserbo {
    font-size: 5.5em;
  }

  .image-salute {
    z-index: 0;
    width: 100%;
  }

  .text-color-blue-documentazione {
    margin-bottom: 20px;
    font-size: 4em;
  }

  .wrapper-text-tutela-ambientale-1 {
    width: 80%;
    height: 70%;
    padding-left: 4em;
    padding-right: 4em;
    inset: auto 0% -46% auto;
  }

  .wrapper-text-etica {
    width: 80%;
    height: 100%;
    padding-left: 4em;
    padding-right: 4em;
    inset: auto 0% -67% auto;
  }

  .text-size-h3-sede {
    margin-top: 10px;
    font-size: 5em;
  }

  .text-color-blue-tutela {
    margin-bottom: 20px;
    font-size: 4em;
  }

  .wrap-text-certificazioni-small {
    width: 25em;
    padding-left: 3.4em;
  }

  .title-box-pulizia-gallerie {
    font-size: 4.5em;
    line-height: 1.2em;
  }

  .section-hero-pulizia-gallerie {
    margin-top: 4em;
    padding-top: 4em;
  }

  .background-blue-prevenzione {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .box-text-tecnologie {
    width: 80em;
  }

  .wrapper-text-prevenzione {
    margin-top: auto;
    margin-bottom: auto;
  }

  .image--pulizia-gallerie {
    z-index: 0;
    width: 100%;
  }

  .wrapper-text-pilizia-gallerie {
    width: 80%;
    padding-left: 4em;
    padding-right: 4em;
    inset: auto 0% -77% auto;
  }

  .wrapper-paragraph-pulizia {
    margin-top: 45px;
    position: relative;
  }

  .card-item-pulizia {
    flex-flow: column;
    justify-content: flex-end;
  }

  .background-sand-pulizia {
    width: 100%;
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .wrapper-text-pulizie {
    grid-column-gap: 5.6em;
    grid-row-gap: 5.6em;
    grid-template-columns: 1fr;
    width: 92%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .box-tecnologia-pulizia {
    padding-left: 8em;
  }

  .wrapper-text-pulizie-gallerie {
    grid-column-gap: .8em;
    grid-row-gap: .8em;
    width: 92%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .background-video-2 {
    width: 100%;
    height: 100em;
  }

  .wrapper-text-prevenzione-incendi {
    width: 80%;
    padding-left: 4em;
    padding-right: 4em;
    position: relative;
    left: auto;
    right: 0%;
  }

  .image--prevenzione-incendi {
    z-index: 0;
    width: 100%;
  }

  .wrapper-text-pulizia-gallerie {
    margin-top: auto;
    margin-bottom: auto;
  }

  .wrapper-img-pulizia-gallerie {
    flex-flow: column;
    align-items: center;
    width: 100%;
    margin-right: 2em;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .image-30 {
    max-width: 80%;
  }

  .section-hero-roadlandscape {
    margin-top: 4em;
    padding-top: 4em;
  }

  .image-31 {
    width: 70%;
    max-width: 100%;
  }

  .image-32 {
    max-width: 100%;
  }

  .image-33 {
    max-width: 50%;
  }

  .section-clienti {
    margin-bottom: 13.5em;
  }

  .wrapper-logo-clienti {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    place-items: center start;
  }

  .image-34, .image-36, .background-sand-landscapy-item {
    max-width: 80%;
  }

  .wrapper-text-etica-box {
    width: 80%;
    height: auto;
    padding: 3em 4em;
    inset: auto 0% -67% auto;
  }

  .h2-box-bold {
    font-size: 24px;
  }
}