@font-face {
  font-display: swap;
  font-family: "Material-Design-Iconic-Font";
  src: url("../source-site/templates/gridbox/library/icons/material/material.woff") format("woff");
}

@font-face {
  font-display: swap;
  font-family: "ba-outline";
  font-style: normal;
  font-weight: 400;
  src: url("../source-site/templates/gridbox/library/icons/outline/flaticon.woff") format("woff");
}

.static-footer-rebuilt {
  background: #030303;
  color: rgba(255, 255, 255, 0.78);
  font-family: "Merriweather Sans", Arial, sans-serif;
}

.reactive-page-loader {
  align-items: center;
  background: rgba(255, 255, 255, 0.96);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 220ms ease, visibility 220ms ease;
  visibility: hidden;
  z-index: 2147483000;
}

.reactive-page-loader.is-visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.reactive-page-loader__mark {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: center;
}

.reactive-page-loader__mark::before {
  animation: reactive-loader-pulse 900ms ease-in-out infinite alternate;
  background: url("logo-reactive.svg") center center / contain no-repeat;
  content: "";
  display: block;
  height: 92px;
  width: min(280px, 70vw);
}

.reactive-page-loader__mark::after {
  animation: reactive-loader-line 900ms ease-in-out infinite;
  background: linear-gradient(90deg, rgba(23, 41, 70, 0.08), #172946, rgba(23, 41, 70, 0.08));
  border-radius: 999px;
  content: "";
  display: block;
  height: 2px;
  width: 92px;
}

@keyframes reactive-loader-pulse {
  from {
    opacity: 0.72;
    transform: scale(0.96);
  }

  to {
    opacity: 1;
    transform: scale(1.04);
  }
}

@keyframes reactive-loader-line {
  0% {
    opacity: 0.35;
    transform: scaleX(0.45);
  }

  50% {
    opacity: 1;
    transform: scaleX(1);
  }

  100% {
    opacity: 0.35;
    transform: scaleX(0.45);
  }
}

@media (prefers-reduced-motion: reduce) {
  .reactive-page-loader,
  .reactive-page-loader__mark::before,
  .reactive-page-loader__mark::after {
    animation: none !important;
    transition: none !important;
  }
}

:root,
body {
  --primary: #172946 !important;
}

.main-menu .item-2955,
.ba-menu-wrapper .item-2955 {
  display: none !important;
}

/* Gridbox's legacy language switcher is replaced by the custom ITA/ENG selector. */
.ba-item-language-switcher {
  display: none !important;
}

.header #item-17489581275230 .mod-menu > li.reactive-language-switcher,
.header #item-17649323092940 .mod-menu > li.reactive-language-switcher {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: 4px !important;
  height: auto !important;
  margin-left: 4px !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: auto !important;
}

.header #item-17489581275230 .mod-menu > li.reactive-language-switcher > a,
.header #item-17649323092940 .mod-menu > li.reactive-language-switcher > a {
  background: transparent !important;
  color: #172946 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  min-width: 0 !important;
  padding: 7px 8px !important;
  text-align: center;
}

.header #item-17489581275230 .mod-menu > li.reactive-language-switcher::before,
.header #item-17489581275230 .mod-menu > li.reactive-language-switcher::after,
.header #item-17489581275230 .mod-menu > li.reactive-language-switcher > a::before,
.header #item-17489581275230 .mod-menu > li.reactive-language-switcher > a::after,
.header #item-17649323092940 .mod-menu > li.reactive-language-switcher::before,
.header #item-17649323092940 .mod-menu > li.reactive-language-switcher::after,
.header #item-17649323092940 .mod-menu > li.reactive-language-switcher > a::before,
.header #item-17649323092940 .mod-menu > li.reactive-language-switcher > a::after {
  content: none !important;
  display: none !important;
}

.header #item-17489581275230 .mod-menu > li.reactive-language-switcher > a[aria-current="page"],
.header #item-17649323092940 .mod-menu > li.reactive-language-switcher > a[aria-current="page"] {
  background: #172946 !important;
  color: #ffffff !important;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
}

.header #item-1725471711489 {
  background-image: linear-gradient(25deg, rgba(23, 41, 70, 0.96) 28%, rgba(23, 41, 70, 0.82) 59%) !important;
}

.header #item-1725471711489 {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

.header #item-16148039790,
.header #item-1726133713502 {
  background-image: linear-gradient(90deg, rgba(23, 41, 70, 0.52) 0%, rgba(255, 255, 255, 0.92) 34%, rgba(255, 255, 255, 0.98) 100%) !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  min-height: 202px !important;
  position: relative !important;
}

.header #item-16148039790 > .column-wrapper,
.header #item-1726133713502 > .column-wrapper {
  align-items: center !important;
  min-height: 202px !important;
}

.header #item-16140888745752,
.header #item-16148039790 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.header #item-16400209485040,
.header #item-17261338635630 {
  display: block !important;
  text-align: left !important;
}

.header #item-16400209485040 .ba-logo-wrapper,
.header #item-17261338635630 .ba-logo-wrapper {
  width: min(280px, 34vw) !important;
}

.header #item-16400209485040 img,
.header #item-17261338635630 img {
  display: block !important;
  height: auto !important;
  width: 100% !important;
}

.header #item-17484267665440 {
  display: none !important;
}

.header #item-17664759496360,
.header #item-17779021318380 {
  display: block !important;
  left: calc(50vw - 69px) !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
}

.header #item-17664759496360 .ba-icon-wrapper,
.header #item-17779021318380 .ba-icon-wrapper {
  align-items: center !important;
  display: flex !important;
  gap: 18px !important;
  justify-content: center !important;
}

.header #item-17664759496360 .ba-icon-wrapper i,
.header #item-17779021318380 .ba-icon-wrapper i {
  color: #030303 !important;
  font-size: 19px !important;
  height: 22px !important;
  line-height: 22px !important;
  padding: 0 !important;
  width: 22px !important;
}

.header #item-17489581275230 .mod-menu,
.header #item-17649323092940 .mod-menu {
  align-items: center !important;
  display: flex !important;
  gap: 34px !important;
  justify-content: flex-end !important;
}

.header #item-17489581275230 .mod-menu > li,
.header #item-17649323092940 .mod-menu > li {
  margin: 0 !important;
  position: relative !important;
}

.header #item-17489581275230 .mod-menu > li > a,
.header #item-17649323092940 .mod-menu > li > a {
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative !important;
}

.header #item-17489581275230 .mod-menu > li > a:hover,
.header #item-17489581275230 .mod-menu > li > a:focus,
.header #item-17489581275230 .mod-menu > li.active > a,
.header #item-17489581275230 .mod-menu > li.current > a,
.header #item-17649323092940 .mod-menu > li > a:hover,
.header #item-17649323092940 .mod-menu > li > a:focus,
.header #item-17649323092940 .mod-menu > li.active > a,
.header #item-17649323092940 .mod-menu > li.current > a {
  color: #3e6aa0 !important;
}

.header #item-17489581275230 .mod-menu > li > a:not([aria-current="page"]),
.header #item-17649323092940 .mod-menu > li > a:not([aria-current="page"]) {
  color: #101010 !important;
}

.header #item-17489581275230 .mod-menu > li > a[aria-current="page"],
.header #item-17649323092940 .mod-menu > li > a[aria-current="page"] {
  color: #3e6aa0 !important;
}

.header #item-17489581275230 .mod-menu > li > a::before,
.header #item-17489581275230 .mod-menu > li > a::after,
.header #item-17649323092940 .mod-menu > li > a::before,
.header #item-17649323092940 .mod-menu > li > a::after {
  display: none !important;
}

.header #item-17489581275230 .mod-menu > li:not(.reactive-language-switcher) > a[aria-current="page"]::before,
.header #item-17649323092940 .mod-menu > li:not(.reactive-language-switcher) > a[aria-current="page"]::before {
  background: #172946 !important;
  content: "" !important;
  display: block !important;
  height: 5px !important;
  left: 50% !important;
  position: absolute !important;
  top: -49px !important;
  transform: translateX(-50%) !important;
  width: 112px !important;
}

.header #item-17489581275230 .reactive-sector-submenu,
.header #item-17649323092940 .reactive-sector-submenu {
  background: #ffffff;
  border: 1px solid rgba(23, 41, 70, 0.12);
  border-radius: 6px;
  box-shadow: 0 18px 36px rgba(23, 41, 70, 0.16);
  box-sizing: border-box;
  display: none;
  left: 50%;
  list-style: none;
  margin: 0;
  min-width: 230px;
  padding: 18px 12px 12px;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  z-index: 50;
}

.header #item-17489581275230 .has-sector-menu:hover .reactive-sector-submenu,
.header #item-17489581275230 .has-sector-menu:focus-within .reactive-sector-submenu,
.header #item-17649323092940 .has-sector-menu:hover .reactive-sector-submenu,
.header #item-17649323092940 .has-sector-menu:focus-within .reactive-sector-submenu {
  display: block;
}

.header #item-17489581275230 .reactive-sector-submenu a,
.header #item-17649323092940 .reactive-sector-submenu a {
  color: #172946 !important;
  display: block;
  font-size: 13px !important;
  font-weight: 400;
  letter-spacing: 0 !important;
  line-height: 1.25;
  padding: 9px 10px !important;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.header #item-17489581275230 .reactive-sector-submenu a:hover,
.header #item-17489581275230 .reactive-sector-submenu a:focus,
.header #item-17649323092940 .reactive-sector-submenu a:hover,
.header #item-17649323092940 .reactive-sector-submenu a:focus {
  background: #f2f4f7 !important;
  color: #172946 !important;
}

.header .tabs-content-wrapper,
.header .ba-menu-backdrop {
  display: none !important;
}

.header .close-menu {
  display: none !important;
}

.header .open-menu {
  display: none !important;
}

body.reactive-blog-page .header > .ba-sticky-header,
body.reactive-sector-page .header > .ba-sticky-header {
  display: none !important;
}

.footer #item-16400721350,
.footer #item-16400721350 .ba-image-wrapper,
.footer #item-16400721350 img {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.footer #item-16400721350 img {
  display: block !important;
}

@media (min-width: 769px) {
  .footer #item-16400721350 {
    transform: translateY(37px) !important;
  }

  /* Desktop header: preserve the native layout and align the logo on the left. */
  html[lang="en"] .header #item-16400209485040,
  html[lang="en"] .header #item-17261338635630,
  html[lang^="it"] .header #item-16400209485040,
  html[lang^="it"] .header #item-17261338635630 {
    position: relative !important;
    transform: translateX(clamp(-150px, -7.9vw, 0px)) !important;
  }

  /* Keep both desktop headers compact and away from the viewport edge. */
  html[lang="en"] .header #item-16148039790,
  html[lang="en"] .header #item-1726133713502,
  html[lang="en"] .header #item-16148039790 > .column-wrapper,
  html[lang="en"] .header #item-1726133713502 > .column-wrapper,
  html[lang^="it"] .header #item-16148039790,
  html[lang^="it"] .header #item-1726133713502,
  html[lang^="it"] .header #item-16148039790 > .column-wrapper,
  html[lang^="it"] .header #item-1726133713502 > .column-wrapper {
    min-height: 156px !important;
  }

  html[lang="en"] .header #item-17489581275230 .mod-menu,
  html[lang="en"] .header #item-17649323092940 .mod-menu,
  html[lang^="it"] .header #item-17489581275230 .mod-menu,
  html[lang^="it"] .header #item-17649323092940 .mod-menu {
    transform: translateX(clamp(-80px, -4.2vw, -40px)) !important;
  }

  html[lang="en"] body.reactive-home #item-15685392840,
  html[lang="en"] body.reactive-home #item-1725471636233,
  html[lang="en"] body.reactive-home #item-1726584138879,
  html[lang^="it"] body.reactive-home #item-15685392840,
  html[lang^="it"] body.reactive-home #item-1725471636233,
  html[lang^="it"] body.reactive-home #item-1726584138879 {
    min-height: calc(100vh - 156px) !important;
    min-height: calc(100svh - 156px) !important;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  /* Gridbox switches this row to 4-5-3 at laptop width, leaving a hidden logo column empty. */
  html[lang] .header #item-16148039790,
  html[lang] .header #item-16148039790 > .column-wrapper {
    min-height: 126px !important;
  }

  .header #item-16148039790 > .column-wrapper {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  .header #item-16148039790 > .column-wrapper > .ba-grid-column-wrapper:nth-child(1) {
    flex: 0 0 42% !important;
    max-width: 42% !important;
    width: 42% !important;
  }

  .header #item-16148039790 > .column-wrapper > .ba-grid-column-wrapper:nth-child(2) {
    display: none !important;
  }

  .header #item-16148039790 > .column-wrapper > .ba-grid-column-wrapper:nth-child(3) {
    flex: 0 0 58% !important;
    max-width: 58% !important;
    width: 58% !important;
  }

  .header #item-16400209485040 .ba-logo-wrapper {
    width: min(230px, 25vw) !important;
  }

  .header #item-17664759496360,
  .header #item-17779021318380 {
    display: none !important;
  }

  .header #item-17489581275230 .mod-menu,
  .header #item-17649323092940 .mod-menu {
    flex-wrap: nowrap !important;
    gap: clamp(12px, 1.35vw, 16px) !important;
    transform: none !important;
    white-space: nowrap !important;
  }

  .header #item-17489581275230 .mod-menu > li > a,
  .header #item-17649323092940 .mod-menu > li > a {
    font-size: clamp(11px, 1.05vw, 13px) !important;
  }

  .header #item-17489581275230 .mod-menu > li.reactive-language-switcher,
  .header #item-17649323092940 .mod-menu > li.reactive-language-switcher {
    gap: 2px !important;
    margin-left: 0 !important;
  }

  .header #item-17489581275230 .mod-menu > li.reactive-language-switcher > a,
  .header #item-17649323092940 .mod-menu > li.reactive-language-switcher > a {
    font-size: 10px !important;
    padding: 6px 7px !important;
  }

  body.reactive-home #item-15685392840,
  body.reactive-home #item-1725471636233,
  body.reactive-home #item-1726584138879 {
    min-height: calc(100vh - 126px) !important;
    min-height: calc(100svh - 126px) !important;
  }
}

@media (min-width: 1201px) and (max-width: 1900px) {
  /* The unused middle column makes the desktop menu wrap before the large-desktop layout takes over. */
  html[lang] .header #item-16148039790,
  html[lang] .header #item-16148039790 > .column-wrapper {
    min-height: 126px !important;
  }

  html[lang] .header #item-16148039790 > .column-wrapper {
    align-items: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  html[lang] .header #item-16148039790 > .column-wrapper > .ba-grid-column-wrapper:has(#item-16400209485040) {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    width: 40% !important;
  }

  html[lang] .header #item-16148039790 > .column-wrapper > .ba-grid-column-wrapper:has(#item-17484267665440) {
    display: none !important;
  }

  html[lang] .header #item-16148039790 > .column-wrapper > .ba-grid-column-wrapper:has(#item-17489581275230) {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    width: 60% !important;
  }

  html[lang] .header #item-16400209485040 .ba-logo-wrapper {
    width: min(250px, 22vw) !important;
  }

  html[lang] .header #item-17489581275230 .mod-menu,
  html[lang] .header #item-17649323092940 .mod-menu {
    flex-wrap: nowrap !important;
    gap: clamp(12px, 1vw, 18px) !important;
    transform: none !important;
    white-space: nowrap !important;
  }

  html[lang] .header #item-17489581275230 .mod-menu > li > a,
  html[lang] .header #item-17649323092940 .mod-menu > li > a {
    font-size: clamp(11px, 0.8vw, 13px) !important;
  }

  html[lang] .header #item-17489581275230 .mod-menu > li.reactive-language-switcher,
  html[lang] .header #item-17649323092940 .mod-menu > li.reactive-language-switcher {
    gap: 2px !important;
    margin-left: 0 !important;
  }

  html[lang] .header #item-17489581275230 .mod-menu > li.reactive-language-switcher > a,
  html[lang] .header #item-17649323092940 .mod-menu > li.reactive-language-switcher > a {
    font-size: 10px !important;
    padding: 6px 7px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1500px) {
  /* At the lower end of this range, icons would compete with the compressed menu. */
  .header #item-17664759496360,
  .header #item-17779021318380 {
    display: none !important;
  }
}

@media (min-width: 1501px) and (max-width: 1900px) {
  html[lang] .header #item-17664759496360,
  html[lang] .header #item-17779021318380 {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

body.reactive-home #item-15685392840,
body.reactive-home #item-1725471636233,
body.reactive-home #item-1726584138879 {
  background-image:
    linear-gradient(180deg, rgba(5, 18, 24, 0.08) 0%, rgba(5, 18, 24, 0.58) 100%),
    url("hero-activated-carbon.webp") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  min-height: calc(100vh - 202px) !important;
  min-height: calc(100svh - 202px) !important;
}

body.reactive-home #item-17485954808270,
body.reactive-home #item-17265853851020 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.reactive-home #item-17485954808270 > .ba-overlay,
body.reactive-home #item-17265853851020 > .ba-overlay {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.reactive-home #item-1725471636233 > .ba-video-background,
body.reactive-home #item-1726584138879 > .ba-video-background {
  display: none !important;
}

body.reactive-home #item-1725471636233 {
  display: flex !important;
}

body.reactive-home #item-1726584138879 {
  display: none !important;
}

body.reactive-home #item-1725471636234,
body.reactive-home #item-17265853851023 {
  min-height: calc(100vh - 202px) !important;
  min-height: calc(100svh - 202px) !important;
}

body.reactive-home #item-1764150620990 h2 {
  text-shadow: 0 2px 22px rgba(0, 0, 0, 0.42) !important;
}

body.reactive-home #item-1764150620990 {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(1120px, calc(100vw - 48px)) !important;
}

body.reactive-home #item-1764150620990 h2.reactive-hero-rotator__text {
  font-size: clamp(24px, 2.35vw, 38px) !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  min-height: 3.6em !important;
  opacity: 1;
  text-align: center !important;
  text-transform: none !important;
  transition: opacity 320ms ease, transform 320ms ease;
}

body.reactive-home #item-1764150620990 h2.reactive-hero-rotator__text.is-changing {
  opacity: 0;
  transform: translateY(8px);
}

@media (max-width: 768px) {
  body.reactive-home #item-17485954808275 {
    box-sizing: border-box !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: 100% !important;
  }

  body.reactive-home #item-1764150620990 {
    max-width: 100% !important;
    width: 100% !important;
  }

  body.reactive-home #item-1764150620990 h2.reactive-hero-rotator__text {
    font-size: 18px !important;
    line-height: 1.32 !important;
    min-height: 7em !important;
    width: 100% !important;
  }

  body.reactive-home #item-17485954808274 {
    width: 100% !important;
  }

  body.reactive-home #item-17485954808274 .ba-button-wrapper a span {
    letter-spacing: 2px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 420px) {
  .header #item-16400209485040 .ba-logo-wrapper,
  .header #item-17261338635630 .ba-logo-wrapper {
    width: 124px !important;
  }

  .header #item-17664759496360,
  .header #item-17779021318380 {
    left: calc(50vw + 26px) !important;
    transform: translate(-50%, -50%) !important;
  }

  .header #item-17664759496360 .ba-icon-wrapper,
  .header #item-17779021318380 .ba-icon-wrapper {
    gap: 12px !important;
  }

  .header #item-17664759496360 .ba-icon-wrapper i,
  .header #item-17779021318380 .ba-icon-wrapper i {
    font-size: 18px !important;
    height: 20px !important;
    line-height: 20px !important;
    width: 20px !important;
  }

  body.reactive-home #item-17485954808275 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  body.reactive-home #item-1764150620990 h2.reactive-hero-rotator__text {
    font-size: 16px !important;
    line-height: 1.24 !important;
    min-height: 0 !important;
    max-width: calc(100vw - 24px) !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.reactive-home #item-17485954808274 .ba-button-wrapper a span {
    letter-spacing: 1.5px !important;
  }
}

@media (min-width: 421px) and (max-width: 560px) {
  .header #item-17664759496360,
  .header #item-17779021318380 {
    left: calc(50vw + 48px) !important;
    transform: translate(-50%, -50%) !important;
  }

  .header #item-17664759496360 .ba-icon-wrapper,
  .header #item-17779021318380 .ba-icon-wrapper {
    gap: 13px !important;
  }

  .header #item-17664759496360 .ba-icon-wrapper i,
  .header #item-17779021318380 .ba-icon-wrapper i {
    font-size: 18px !important;
    height: 20px !important;
    line-height: 20px !important;
    width: 20px !important;
  }
}

body.reactive-subpage #item-15685392840,
body.reactive-subpage #item-1725471636233,
body.reactive-subpage #item-1725471636234 {
  box-sizing: border-box !important;
  height: 450px !important;
  max-height: 450px !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  overflow: hidden !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body.reactive-subpage #item-15685392840 {
  display: block !important;
}

body.reactive-subpage #item-1725471636233 {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.reactive-subpage #item-1725471636234 {
  align-items: center !important;
  justify-content: center !important;
  padding-top: 180px !important;
}

body.reactive-subpage #item-17266440063121,
body.reactive-subpage #item-17266440063121 .headline-wrapper {
  width: 100% !important;
}

body.reactive-subpage #item-17266440063121 h1 {
  color: #ffffff !important;
  font-family: "Merriweather Sans", Arial, sans-serif !important;
  font-size: 56px !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  margin: 0 auto !important;
  max-width: 940px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

body.reactive-subpage #item-1725471636233 > .ba-overlay {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

body.reactive-blue-hero #item-15685392840,
body.reactive-blue-hero #item-1725471636233,
body.reactive-blue-hero #item-1725471636234 {
  background-color: #172946 !important;
  background-image: none !important;
}

body.reactive-blue-hero #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(23, 41, 70, 0.6), rgba(23, 41, 70, 0.84)),
    url("heroes/hero-activated-carbon-generated.webp") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.reactive-activity-page #item-15685392840,
body.reactive-activity-page #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(23, 41, 70, 0.46), rgba(23, 41, 70, 0.78)),
    url("heroes/hero-activated-carbon-generated.webp") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.reactive-activity-page #item-1725471636234 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.reactive-page-azienda #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(34, 42, 34, 0.34), rgba(23, 41, 70, 0.72)),
    url("heroes/hero-company.webp") !important;
}

body.reactive-page-approfondimenti #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(23, 41, 70, 0.42), rgba(23, 41, 70, 0.82)),
    url("heroes/hero-activated-carbon-generated.webp") !important;
}

body.reactive-products-page #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(23, 41, 70, 0.38), rgba(23, 41, 70, 0.8)),
    url("heroes/hero-products-generated.webp") !important;
}

body.reactive-page-certificazioni #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(55, 50, 42, 0.28), rgba(23, 41, 70, 0.74)),
    url("heroes/hero-certifications.webp") !important;
}

body.reactive-page-contatti #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(23, 41, 70, 0.68)),
    url("heroes/hero-contact.webp") !important;
  background-position: center center !important;
}

body.reactive-sector-page--water #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(12, 72, 72, 0.28), rgba(23, 41, 70, 0.76)),
    url("heroes/hero-water.webp") !important;
}

body.reactive-sector-page--gas #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(38, 70, 37, 0.26), rgba(23, 41, 70, 0.76)),
    url("heroes/hero-gas-air.webp") !important;
}

body.reactive-sector-page--food #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(94, 71, 37, 0.22), rgba(23, 41, 70, 0.74)),
    url("heroes/hero-food-chemical.webp") !important;
}

body.reactive-page-azienda #item-15685392840,
body.reactive-page-azienda #item-1725471636233,
body.reactive-page-approfondimenti #item-15685392840,
body.reactive-page-approfondimenti #item-1725471636233,
body.reactive-page-certificazioni #item-15685392840,
body.reactive-page-certificazioni #item-1725471636233,
body.reactive-page-contatti #item-15685392840,
body.reactive-page-contatti #item-1725471636233,
body.reactive-sector-page #item-15685392840,
body.reactive-sector-page #item-1725471636233 {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.reactive-page-azienda #item-15685392840,
body.reactive-page-azienda #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(34, 42, 34, 0.34), rgba(23, 41, 70, 0.72)),
    url("heroes/hero-company.webp") !important;
}

body.reactive-page-certificazioni #item-15685392840,
body.reactive-page-certificazioni #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(55, 50, 42, 0.28), rgba(23, 41, 70, 0.74)),
    url("heroes/hero-certifications.webp") !important;
}

body.reactive-page-contatti #item-15685392840,
body.reactive-page-contatti #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(23, 41, 70, 0.68)),
    url("heroes/hero-contact.webp") !important;
}

body.reactive-sector-page--water #item-15685392840,
body.reactive-sector-page--water #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(12, 72, 72, 0.28), rgba(23, 41, 70, 0.76)),
    url("heroes/hero-water.webp") !important;
}

body.reactive-sector-page--gas #item-15685392840,
body.reactive-sector-page--gas #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(38, 70, 37, 0.26), rgba(23, 41, 70, 0.76)),
    url("heroes/hero-gas-air.webp") !important;
}

body.reactive-sector-page--food #item-15685392840,
body.reactive-sector-page--food #item-1725471636233 {
  background-image:
    linear-gradient(180deg, rgba(94, 71, 37, 0.22), rgba(23, 41, 70, 0.74)),
    url("heroes/hero-food-chemical.webp") !important;
}

body.reactive-page-azienda #item-1725471636234,
body.reactive-page-approfondimenti #item-1725471636234,
body.reactive-page-certificazioni #item-1725471636234,
body.reactive-page-contatti #item-1725471636234,
body.reactive-products-page #item-1725471636234,
body.reactive-sector-page #item-1725471636234 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.reactive-blue-hero #item-15685392840 > .ba-overlay,
body.reactive-blue-hero #item-1725471636233 > .ba-overlay,
body.reactive-blue-hero #item-1725471636234 > .ba-overlay {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.reactive-blue-hero #item-1725471636233 > .ba-video-background {
  display: none !important;
}

body.reactive-home-stripped .body .ba-gridbox-page > .ba-wrapper:not(:first-child) .ba-section-items {
  visibility: hidden !important;
}

body.reactive-home-stripped #item-1749226753361,
body.reactive-home-stripped #item-1726135479013,
body.reactive-home-stripped #item-17494601714481,
body.reactive-home-stripped #item-1749460693237 {
  display: none !important;
}

.reactive-home-intro-section,
.reactive-home-activities-section {
  background: linear-gradient(135deg, #172946 0%, #0f6fa0 100%) !important;
  color: #ffffff;
  font-family: "Merriweather Sans", Arial, sans-serif;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.reactive-home-intro-section > .ba-section-items,
.reactive-home-activities-section > .ba-section-items {
  min-height: 0 !important;
}

.reactive-home-intro-section .ba-overlay,
.reactive-home-activities-section .ba-overlay {
  display: none !important;
}

.reactive-home-intro {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1180px;
  padding: 92px 28px 96px;
}

.reactive-home-activities {
  box-sizing: border-box;
  margin: 54px 0 0;
  max-width: none;
  padding: 0;
}

.reactive-home-intro__eyebrow,
.reactive-home-activities__eyebrow {
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.2px;
  line-height: 1.4;
  margin: 0 0 18px;
  text-transform: uppercase;
}

.reactive-home-activities__eyebrow {
  margin: 0 0 30px !important;
}

.reactive-home-intro h1 {
  color: #ffffff !important;
  font-size: clamp(25px, 2.05vw, 34px) !important;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.24 !important;
  margin: 0;
  max-width: 820px !important;
  text-align: left !important;
}

.reactive-home-intro__text {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  display: grid;
  gap: 34px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 46px;
  padding-top: 34px;
}

.reactive-home-intro__text p {
  color: rgba(255, 255, 255, 0.84);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.72;
  margin: 0;
}

.reactive-home-activities__grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.reactive-home-activity-card {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 252px;
  padding: 34px 26px;
  text-align: center;
}

.reactive-home-activity-card img {
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  display: block;
  height: 112px;
  margin: 0 0 28px;
  object-fit: cover;
  width: 112px;
}

.reactive-home-activity-card h2 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.38;
  margin: 0;
  text-align: center !important;
  text-transform: uppercase;
  width: 100%;
}

.reactive-sector-card-link {
  align-items: center;
  color: inherit !important;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  text-decoration: none !important;
  width: 100%;
}

.reactive-sector-card-link:hover h3,
.reactive-sector-card-link:focus h3,
.reactive-sector-card-link:hover h4,
.reactive-sector-card-link:focus h4 {
  color: #c8cdd3 !important;
}

.reactive-home-activity-card--cta span {
  align-items: center;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  color: #ffffff;
  display: inline-flex;
  font-size: 64px;
  font-weight: 200;
  height: 112px;
  justify-content: center;
  line-height: 1;
  margin-bottom: 28px;
  width: 112px;
}

.reactive-home-activity-card--cta a {
  background: #030303;
  border-radius: 999px;
  color: #ffffff !important;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 2px;
  margin-top: 24px;
  min-width: 130px;
  padding: 14px 26px;
  text-decoration: none;
  text-transform: uppercase;
}

.reactive-home-activity-card--cta a:hover,
.reactive-home-activity-card--cta a:focus {
  background: #c8cdd3;
  color: #172946 !important;
}

@media (max-width: 900px) {
  .reactive-home-intro,
  .reactive-home-activities {
    padding: 64px 24px 72px;
  }

  .reactive-home-activities {
    margin-top: 42px;
    padding: 0;
  }

  .reactive-home-intro__text,
  .reactive-home-activities__grid {
    grid-template-columns: 1fr;
  }

  .reactive-home-intro h1 {
    font-size: 24px !important;
  }

  .reactive-home-activity-card {
    min-height: 220px;
  }
}

.reactive-activity-content {
  background: #ffffff;
  color: #1b1b1d;
  font-family: "Merriweather Sans", Arial, sans-serif;
}

.reactive-activity-content__inner {
  margin: 0 auto;
  max-width: 1180px;
  padding: 86px 28px 96px;
}

.reactive-activity-content__eyebrow {
  color: #172946;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.4;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.reactive-activity-content h2 {
  color: #172946;
  font-size: clamp(28px, 2.25vw, 38px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.22;
  margin: 0 0 46px;
  max-width: 900px;
  text-align: left;
}

#reactive-activity-title {
  padding-bottom: 22px;
}

.reactive-activity-content__grid,
.reactive-activity-content__cards {
  display: grid;
  gap: 28px;
}

.reactive-activity-content__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 64px;
}

.reactive-activity-content__cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.reactive-activity-content__block,
.reactive-activity-content__cards article {
  border-top: 1px solid rgba(23, 41, 70, 0.24);
  padding-top: 28px;
}

.reactive-activity-content__cards article {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 240px;
  text-align: center;
}

.reactive-activity-content__cards .reactive-sector-card-link:hover h4,
.reactive-activity-content__cards .reactive-sector-card-link:focus h4 {
  color: #3e6aa0 !important;
}

.reactive-sector-icon {
  display: block;
  height: 128px;
  margin: 0 0 24px;
  width: 128px;
}

.reactive-activity-content h3,
.reactive-activity-content h4 {
  color: #172946;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  text-align: left;
}

.reactive-activity-content h3 {
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 18px;
  padding-bottom: 15px;
}

.reactive-activity-content h4 {
  font-size: 21px;
  line-height: 1.28;
  margin-bottom: 14px;
}

.reactive-activity-content__cards h4 {
  margin-bottom: 0;
  text-align: center;
}

.reactive-activity-content p,
.reactive-activity-content li {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.72;
  text-align: left;
}

.reactive-activity-content p {
  margin: 0 0 18px;
}

.reactive-activity-content ul {
  margin: 0;
  padding-left: 21px;
}

.reactive-activity-content li + li {
  margin-top: 12px;
}

.reactive-activity-content strong {
  font-weight: 700;
}

.reactive-activity-content__sectors > h3 {
  border-top: 1px solid rgba(23, 41, 70, 0.24);
  margin-bottom: 28px;
  padding-top: 34px;
  text-transform: uppercase;
}

.reactive-product-content {
  margin-top: 64px;
}

.reactive-product-content > h3 {
  border-top: 1px solid rgba(23, 41, 70, 0.24);
  color: #172946;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 28px;
  padding-top: 34px;
  text-transform: uppercase;
}

.reactive-product-content__grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.reactive-product-content__grid article {
  border: 0;
  border-radius: 0;
  padding: 0;
}

.reactive-product-content__grid h4 {
  text-align: left !important;
}

/* Product-specific cards keep this catalogue easy to scan without affecting activity cards. */
.reactive-products-page .reactive-products-list__grid {
  gap: 32px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reactive-products-page .reactive-products-list__grid article {
  border: 1px solid rgba(23, 41, 70, 0.2);
  box-sizing: border-box;
  min-height: 100%;
  padding: 30px 32px 32px;
}

.reactive-products-page .reactive-products-list__grid h4 {
  border-bottom: 1px solid rgba(23, 41, 70, 0.16);
  font-size: 20px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  text-transform: uppercase;
}

/* Keep the activity catalogue visually distinct from the linked sector cards above it. */
body.reactive-activity-page .reactive-product-content__grid {
  gap: 32px;
}

body.reactive-activity-page .reactive-product-content__grid article {
  border: 1px solid rgba(23, 41, 70, 0.2);
  box-sizing: border-box;
  min-height: 100%;
  padding: 30px 32px 32px;
}

body.reactive-activity-page .reactive-product-content__grid h4 {
  border-bottom: 1px solid rgba(23, 41, 70, 0.16);
  font-size: 20px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .reactive-products-page .reactive-products-list__grid {
    gap: 24px;
    grid-template-columns: 1fr;
  }

  .reactive-products-page .reactive-products-list__grid article {
    padding: 26px 24px 28px;
  }

  body.reactive-activity-page .reactive-product-content__grid {
    gap: 24px;
  }

  body.reactive-activity-page .reactive-product-content__grid article {
    padding: 26px 24px 28px;
  }
}

.reactive-company-content {
  background: #ffffff;
  color: #1b1b1d;
  font-family: "Merriweather Sans", Arial, sans-serif;
}

.reactive-company-content__inner {
  margin: 0 auto;
  max-width: 1180px;
  padding: 86px 28px 96px;
}

.reactive-company-content__eyebrow {
  color: #172946;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.4;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.reactive-company-content h2 {
  color: #172946;
  font-size: clamp(28px, 2.25vw, 38px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.22;
  margin: 0 0 42px;
  max-width: 960px;
  padding-bottom: 22px;
  text-align: left;
}

.reactive-company-content__logos {
  display: block;
  margin: 0 0 64px;
  width: 100%;
}

.reactive-company-content__infographic {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  object-fit: contain !important;
  width: 100%;
}

.reactive-company-content__logos article {
  align-items: center;
  border: 1px solid rgba(23, 41, 70, 0.14);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  min-height: 150px;
  padding: 24px;
}

.reactive-company-content__logos img {
  display: block;
  max-height: 84px;
  max-width: min(320px, 100%);
  object-fit: contain;
}

.reactive-company-content__grid {
  display: grid;
  gap: 34px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reactive-company-content__grid article {
  border-top: 1px solid rgba(23, 41, 70, 0.24);
  padding-top: 28px;
}

.reactive-company-content h3 {
  color: #172946;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 18px;
  padding-bottom: 15px;
  text-align: left;
}

.reactive-company-content p {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.72;
  margin: 0 0 18px;
  text-align: left;
}

.reactive-contact-content {
  background: #ffffff;
  color: #1b1b1d;
  font-family: "Merriweather Sans", Arial, sans-serif;
}

.reactive-contact-content__inner {
  margin: 0 auto;
  max-width: 1180px;
  padding: 86px 28px 96px;
}

.reactive-contact-content__intro {
  max-width: 760px;
}

.reactive-contact-content__eyebrow {
  color: #172946;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.4;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.reactive-contact-content h2,
.reactive-contact-content h3 {
  color: #172946;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  text-align: left;
}

.reactive-contact-content h2 {
  font-size: 38px;
  line-height: 1.18;
  margin-bottom: 22px;
  padding-bottom: 22px;
}

.reactive-contact-content h3 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 18px;
  padding-bottom: 15px;
}

.reactive-contact-content p {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7;
  margin: 0 0 18px;
  text-align: left;
}

.reactive-contact-content__grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 54px;
}

.reactive-contact-content__grid article {
  border-top: 1px solid rgba(23, 41, 70, 0.24);
  padding-top: 26px;
}

.reactive-contact-content__grid span {
  color: #3e6aa0;
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 16px;
}

.reactive-contact-content a {
  color: #172946;
  text-decoration: none;
}

.reactive-contact-content a:hover,
.reactive-contact-content a:focus {
  color: #3e6aa0;
}

.reactive-contact-form-panel {
  border-top: 1px solid rgba(23, 41, 70, 0.24);
  display: grid;
  gap: 48px;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  margin-top: 68px;
  padding-top: 48px;
}

.reactive-contact-form-panel__intro h3 {
  color: #172946;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 18px;
  text-align: left;
}

.reactive-contact-form {
  display: grid;
  gap: 18px;
}

.reactive-contact-form__grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reactive-contact-form label {
  display: grid;
  gap: 8px;
}

.reactive-contact-form label > span {
  color: #172946;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.reactive-contact-form input[type="text"],
.reactive-contact-form input[type="tel"],
.reactive-contact-form input[type="email"],
.reactive-contact-form textarea {
  background: #f5f7f8;
  border: 1px solid rgba(23, 41, 70, 0.18);
  border-radius: 6px;
  box-sizing: border-box;
  color: #172946;
  font: 400 16px/1.45 "Merriweather Sans", Arial, sans-serif;
  outline: none;
  padding: 14px 15px;
  width: 100%;
}

.reactive-contact-form input:focus,
.reactive-contact-form textarea:focus {
  border-color: #3e6aa0;
  box-shadow: 0 0 0 3px rgba(62, 106, 160, 0.13);
}

.reactive-contact-form textarea {
  min-height: 150px;
  resize: vertical;
}

.reactive-contact-form__hidden {
  display: none;
}

.reactive-contact-form__privacy {
  align-items: flex-start;
  display: flex !important;
  gap: 12px !important;
}

.reactive-contact-form__privacy input {
  margin-top: 4px;
}

.reactive-contact-form__privacy span {
  color: #1b1b1d !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  line-height: 1.5;
  text-transform: none !important;
}

.reactive-contact-form button,
.reactive-form-response__panel a {
  background: #172946;
  border: 0;
  border-radius: 999px;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 1.8px;
  padding: 15px 28px;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
}

.reactive-contact-form button:hover,
.reactive-contact-form button:focus,
.reactive-form-response__panel a:hover,
.reactive-form-response__panel a:focus {
  background: #c8cdd3;
  color: #172946 !important;
}

.reactive-form-response {
  align-items: center;
  background: #f5f7f8;
  color: #1b1b1d;
  display: flex;
  font-family: "Merriweather Sans", Arial, sans-serif;
  justify-content: center;
  margin: 0;
  min-height: 100vh;
  padding: 28px;
}

.reactive-form-response__panel {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(23, 41, 70, 0.12);
  box-sizing: border-box;
  max-width: 660px;
  padding: 54px;
}

.reactive-form-response__panel img {
  display: block;
  margin: 0 0 38px;
  width: min(300px, 70vw);
}

.reactive-form-response__panel p {
  color: #3e6aa0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.reactive-form-response__panel h1 {
  color: #172946;
  font-size: 34px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 34px;
}

.reactive-site-header {
  background: #ffffff;
  box-sizing: border-box;
  color: #101010;
  font-family: "Merriweather Sans", Arial, sans-serif;
  position: relative;
  z-index: 100;
}

.reactive-site-header__top {
  background: #172946;
  height: 50px;
  width: 100%;
}

.reactive-site-header__main {
  align-items: center;
  background-image: linear-gradient(90deg, rgba(23, 41, 70, 0.52) 0%, rgba(255, 255, 255, 0.92) 34%, rgba(255, 255, 255, 0.98) 100%);
  box-sizing: border-box;
  display: grid;
  gap: 38px;
  grid-template-columns: minmax(320px, 31%) minmax(130px, auto) minmax(620px, 1fr);
  min-height: 150px;
  padding: 0 clamp(54px, 7.6vw, 122px);
}

.reactive-site-header__logo {
  display: block;
  line-height: 0;
}

.reactive-site-header__logo img {
  display: block;
  height: auto;
  max-width: 400px;
  width: min(400px, 30vw);
}

.reactive-site-header__icons {
  align-items: center;
  display: flex;
  gap: 28px;
  justify-content: center;
}

.reactive-site-header__icons a {
  color: #030303;
  display: inline-flex;
  font-size: 22px;
  line-height: 1;
  text-decoration: none;
}

.reactive-site-header__icons a:hover,
.reactive-site-header__icons a:focus {
  color: #3e6aa0;
}

.reactive-site-nav {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(26px, 2.6vw, 52px);
  justify-content: flex-end;
  white-space: nowrap;
}

.reactive-site-nav a {
  color: #101010;
  font-size: clamp(20px, 1.9vw, 28px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  text-decoration: none;
  text-transform: uppercase;
}

.reactive-site-nav a:hover,
.reactive-site-nav a:focus,
.reactive-site-nav a[aria-current="page"] {
  color: #3e6aa0;
}

.reactive-site-nav__group {
  position: relative;
}

.reactive-site-nav__submenu {
  background: #ffffff;
  border: 1px solid rgba(23, 41, 70, 0.12);
  border-radius: 6px;
  box-shadow: 0 18px 36px rgba(23, 41, 70, 0.16);
  box-sizing: border-box;
  display: none;
  left: 50%;
  min-width: 230px;
  padding: 18px 12px 12px;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  z-index: 120;
}

.reactive-site-nav__group:hover .reactive-site-nav__submenu,
.reactive-site-nav__group:focus-within .reactive-site-nav__submenu {
  display: block;
}

.reactive-site-nav__submenu a {
  display: block;
  font-size: 13px;
  line-height: 1.25;
  padding: 9px 10px;
  white-space: nowrap;
}

.reactive-simple-header,
.reactive-blog-header {
  position: relative;
  z-index: 20;
}

.reactive-simple-header {
  align-items: center;
  background: linear-gradient(90deg, rgba(23, 41, 70, 0.18), #fff 42%);
  box-sizing: border-box;
  display: flex;
  gap: 48px;
  justify-content: space-between;
  min-height: 118px;
  padding: 24px 88px;
}

.reactive-simple-header,
.reactive-blog-header {
  border-top: 46px solid #172946;
}

.reactive-simple-logo img {
  display: block;
  height: auto;
  width: 300px;
}

.reactive-simple-nav,
.reactive-blog-nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: flex-end;
}

.reactive-simple-nav a,
.reactive-blog-nav a {
  color: #101010;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: uppercase;
}

.reactive-simple-nav a:hover,
.reactive-simple-nav a:focus,
.reactive-simple-nav a[aria-current="page"],
.reactive-blog-nav a:hover,
.reactive-blog-nav a:focus,
.reactive-blog-nav a[aria-current="page"] {
  color: #3e6aa0;
}

.reactive-simple-nav__group,
.reactive-blog-nav__group {
  position: relative;
}

.reactive-simple-nav__submenu,
.reactive-blog-nav__submenu {
  background: #ffffff;
  border: 1px solid rgba(23, 41, 70, 0.12);
  border-radius: 6px;
  box-shadow: 0 18px 36px rgba(23, 41, 70, 0.16);
  box-sizing: border-box;
  display: none;
  left: 50%;
  min-width: 230px;
  padding: 18px 12px 12px;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  z-index: 30;
}

.reactive-simple-nav__group:hover .reactive-simple-nav__submenu,
.reactive-simple-nav__group:focus-within .reactive-simple-nav__submenu,
.reactive-blog-nav__group:hover .reactive-blog-nav__submenu,
.reactive-blog-nav__group:focus-within .reactive-blog-nav__submenu {
  display: block;
}

.reactive-simple-nav__submenu a,
.reactive-blog-nav__submenu a {
  display: block;
  font-size: 13px;
  line-height: 1.25;
  padding: 9px 10px;
  white-space: nowrap;
}

.reactive-sector-page {
  background: #ffffff;
  color: #1b1b1d;
  font-family: "Merriweather Sans", Arial, sans-serif;
  margin: 0;
}

.reactive-sector-hero {
  background-color: #172946;
  background-image:
    linear-gradient(180deg, rgba(23, 41, 70, 0.45), rgba(23, 41, 70, 0.82)),
    url("heroes/hero-activated-carbon-generated.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}

.reactive-sector-page--water .reactive-sector-hero {
  background-image:
    linear-gradient(180deg, rgba(12, 72, 72, 0.28), rgba(23, 41, 70, 0.76)),
    url("heroes/hero-water.webp");
}

.reactive-sector-page--gas .reactive-sector-hero {
  background-image:
    linear-gradient(180deg, rgba(38, 70, 37, 0.26), rgba(23, 41, 70, 0.76)),
    url("heroes/hero-gas-air.webp");
}

.reactive-sector-page--food .reactive-sector-hero {
  background-image:
    linear-gradient(180deg, rgba(94, 71, 37, 0.22), rgba(23, 41, 70, 0.74)),
    url("heroes/hero-food-chemical.webp");
}

.reactive-sector-hero__inner {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: 1180px;
  min-height: 450px;
  padding: 116px 28px 76px;
  text-align: center;
}

.reactive-sector-hero p,
.reactive-sector-content__eyebrow {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.4;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.reactive-sector-hero p {
  color: rgba(255, 255, 255, 0.76);
}

.reactive-sector-hero h1 {
  color: #ffffff;
  font-size: 56px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0;
  max-width: 940px;
  text-align: center;
}

.reactive-sector-content {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1180px;
  padding: 86px 28px 96px;
}

.reactive-sector-content__intro {
  max-width: 900px;
}

.reactive-sector-content__eyebrow {
  color: #172946;
}

.reactive-sector-content h2,
.reactive-sector-content h3 {
  color: #172946;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  text-align: left;
}

.reactive-sector-content h2 {
  font-size: 36px;
  line-height: 1.22;
  margin-bottom: 24px;
  padding-bottom: 22px;
}

.reactive-sector-content h3 {
  font-size: 24px;
  line-height: 1.24;
  margin-bottom: 16px;
  padding-bottom: 15px;
}

.reactive-sector-content p {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.72;
  margin: 0 0 18px;
  text-align: left;
}

.reactive-sector-content__grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 56px;
}

.reactive-sector-content__grid article {
  border-top: 1px solid rgba(23, 41, 70, 0.24);
  padding-top: 28px;
}

.reactive-sector-cta {
  align-items: center;
  background: #172946;
  border-radius: 8px;
  color: #ffffff;
  display: flex;
  gap: 28px;
  justify-content: space-between;
  margin-top: 72px;
  padding: 34px 38px;
}

.reactive-sector-cta h2 {
  color: #ffffff;
  font-size: 28px;
  margin: 0;
  max-width: 720px;
}

.reactive-sector-cta a {
  background: #ffffff;
  border-radius: 999px;
  color: #172946;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.6px;
  padding: 14px 24px;
  text-decoration: none;
  text-transform: uppercase;
}

.reactive-sector-cta a:hover,
.reactive-sector-cta a:focus {
  background: #c8cdd3;
  color: #172946;
}

@media (max-width: 900px) {
  .reactive-activity-content__grid,
  .reactive-activity-content__cards,
  .reactive-product-content__grid,
  .reactive-company-content__logos,
  .reactive-company-content__grid {
    grid-template-columns: 1fr;
  }

  .reactive-activity-content__inner,
  .reactive-company-content__inner {
    padding: 64px 24px 72px;
  }

  .reactive-activity-content h2,
  .reactive-company-content h2 {
    font-size: 24px;
    line-height: 1.26;
    margin-bottom: 34px;
  }

  .reactive-activity-content h3,
  .reactive-product-content > h3,
  .reactive-company-content h3 {
    font-size: 22px;
  }

  .reactive-activity-content h4 {
    font-size: 19px;
  }

  .reactive-activity-content p,
  .reactive-activity-content li,
  .reactive-company-content p {
    font-size: 16px;
    line-height: 1.62;
  }

  .reactive-contact-content__grid,
  .reactive-sector-content__grid {
    grid-template-columns: 1fr;
  }

  .reactive-contact-content__inner,
  .reactive-sector-content {
    padding: 64px 24px 72px;
  }

  .reactive-simple-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
    padding: 24px;
  }

  .reactive-simple-logo img {
    width: min(280px, 72vw);
  }

  .reactive-simple-nav,
  .reactive-blog-nav {
    gap: 16px;
    justify-content: flex-start;
  }

  .reactive-simple-nav__submenu,
  .reactive-blog-nav__submenu {
    left: 0;
    transform: none;
  }

  .reactive-sector-hero__inner {
    align-items: center;
    min-height: 360px;
    padding: 112px 24px 72px;
  }

  .reactive-sector-hero h1,
  body.reactive-subpage #item-17266440063121 h1 {
    font-size: 38px;
  }

  .reactive-sector-content h2,
  .reactive-contact-content h2 {
    font-size: 28px;
  }

  .reactive-sector-content h3,
  .reactive-contact-content h3 {
    font-size: 22px;
  }

  .reactive-sector-content p,
  .reactive-contact-content p {
    font-size: 16px;
    line-height: 1.62;
  }

  .reactive-contact-form-panel,
  .reactive-contact-form__grid {
    grid-template-columns: 1fr;
  }

  .reactive-contact-form-panel {
    gap: 28px;
    margin-top: 52px;
    padding-top: 36px;
  }

  .reactive-sector-cta {
    align-items: flex-start;
    flex-direction: column;
    padding: 28px;
  }

  .reactive-sector-cta h2 {
    font-size: 24px;
  }

  .reactive-site-header__main {
    grid-template-columns: 1fr auto;
    min-height: 100px;
    padding: 0 24px;
  }

  .reactive-site-header__logo img {
    width: min(250px, 58vw);
  }

  .reactive-site-header__icons {
    display: none;
  }

  .reactive-site-nav {
    grid-column: 1 / -1;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 18px;
    width: 100%;
  }

  .reactive-site-nav__submenu {
    left: 0;
    transform: none;
  }
}

@media (max-width: 768px) {
  body.reactive-mobile-menu-open .header #item-17489581275230 .reactive-sector-submenu,
  body.reactive-mobile-menu-open .header #item-17649323092940 .reactive-sector-submenu {
    background: transparent;
    border: 0;
    box-shadow: none;
    display: block;
    left: auto;
    margin: 8px 0 0;
    min-width: 0;
    padding: 0 0 0 14px;
    position: static;
    transform: none;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .reactive-sector-submenu a,
  body.reactive-mobile-menu-open .header #item-17649323092940 .reactive-sector-submenu a {
    color: #172946 !important;
    font-size: 13px !important;
    padding: 7px 0 !important;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .reactive-sector-submenu a:hover,
  body.reactive-mobile-menu-open .header #item-17489581275230 .reactive-sector-submenu a:focus,
  body.reactive-mobile-menu-open .header #item-17649323092940 .reactive-sector-submenu a:hover,
  body.reactive-mobile-menu-open .header #item-17649323092940 .reactive-sector-submenu a:focus {
    color: #3e6aa0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body:not(.gridbox) .ba-item[data-effect],
body:not(.gridbox) .ba-section[data-effect],
body:not(.gridbox) .ba-row[data-effect],
body:not(.gridbox) .ba-grid-column[data-effect],
body:not(.gridbox) .ba-item[class*="fadeIn"],
body:not(.gridbox) .ba-section[class*="fadeIn"],
body:not(.gridbox) .ba-row[class*="fadeIn"],
body:not(.gridbox) .ba-grid-column[class*="fadeIn"],
body:not(.gridbox) .ba-item.zoomIn,
body:not(.gridbox) .ba-section.zoomIn,
body:not(.gridbox) .ba-row.zoomIn,
body:not(.gridbox) .ba-grid-column.zoomIn {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

#item-1749460693237 .ba-feature-image {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

#item-1749460693237 .ba-feature-box:nth-child(1) .ba-feature-image {
  background-image: url("../source-site/images/reactive/icone/recupero.webp") !important;
}

#item-1749460693237 .ba-feature-box:nth-child(2) .ba-feature-image {
  background-image: url("../source-site/images/reactive/icone/vendita.webp") !important;
}

#item-1749460693237 .ba-feature-box:nth-child(3) .ba-feature-image {
  background-image: url("../source-site/images/reactive/icone/assistenza.webp") !important;
}

#item-1749460693237 .ba-feature-box:nth-child(4) .ba-feature-image {
  background-image: url("../source-site/images/reactive/icone/sviluppo.webp") !important;
}

#item-1749460693237 .ba-feature-box:nth-child(5) .ba-feature-image {
  background-image: url("../source-site/images/reactive/icone/intermediazione.webp") !important;
}

#item-1494846679 .ba-grid-column > .ba-overlay,
#item-1494846679 .ba-row > .ba-overlay {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

#item-1494846679 .ba-shape-divider {
  display: none !important;
}

#item-16152944010 {
  background-image: linear-gradient(90deg, rgba(23, 41, 70, 0.46) 0%, rgba(255, 255, 255, 0.84) 58%, rgba(255, 255, 255, 0.96) 100%) !important;
}

#item-1494846679 h1,
#item-1494846679 h2,
#item-1494846679 h3,
#item-1494846679 h4,
#item-1494846679 h5,
#item-1494846679 h6,
#item-1494846679 p,
#item-1494846679 a,
#item-1494846679 span {
  color: rgba(255, 255, 255, 0.78) !important;
  font-weight: 300 !important;
}

#item-1494846679 h3 {
  letter-spacing: 0 !important;
}

#item-1494846679 .ba-item-social-icons a,
#item-1494846679 .ba-item-social-icons i,
#item-17779021429140 a,
#item-17779021429140 i {
  color: #172946 !important;
}

#item-1494846679 .ba-item-social-icons a:hover,
#item-1494846679 .ba-item-social-icons a:focus,
#item-1494846679 .ba-item-social-icons a:hover i,
#item-1494846679 .ba-item-social-icons a:focus i,
#item-17779021429140 a:hover,
#item-17779021429140 a:focus,
#item-17779021429140 a:hover i,
#item-17779021429140 a:focus i {
  color: #172946 !important;
  opacity: 0.78;
}

#item-1749144798062 h3,
#item-17536996253240 h3 {
  color: #030303 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

.static-footer-rebuilt a {
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
  transition: opacity 200ms ease;
}

.static-footer-rebuilt a:hover,
.static-footer-rebuilt a:focus-visible {
  color: #3e6aa0;
  opacity: 1;
}

.static-footer-rebuilt__inner {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 1170px;
  padding: 34px 25px 28px;
}

.static-footer-rebuilt__panel {
  align-items: center;
  border-right: 1px solid rgba(255, 255, 255, 0.18);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
  text-align: center;
}

.static-footer-rebuilt__panel:last-child {
  border-right: 0;
}

.static-footer-rebuilt__logo {
  display: block;
  max-width: 210px;
  width: min(100%, 210px);
}

.static-footer-rebuilt__text {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.9;
  margin: 0;
}

.static-footer-rebuilt__brand {
  font-weight: 300;
}

.static-footer-rebuilt__links {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
  margin: 0;
  text-transform: uppercase;
}

.static-footer-rebuilt__credit {
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.8;
  margin: 0;
  text-transform: uppercase;
}

.static-footer-rebuilt__bar {
  background: #030303;
}

.static-footer-rebuilt__bar-inner {
  align-items: center;
  display: flex;
  gap: 18px 28px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1170px;
  padding: 14px 25px;
  text-align: center;
}

@media (max-width: 1024px) {
  .static-footer-rebuilt__inner {
    grid-template-columns: 1fr;
  }

  .static-footer-rebuilt__panel {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    min-height: 0;
    padding-bottom: 24px;
  }

  .static-footer-rebuilt__panel:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .static-footer-rebuilt__bar-inner {
    flex-direction: column;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  html {
    scroll-padding-top: 76px;
  }

  /* Keep the complete home hero visible below the mobile header. */
  body.reactive-home #item-15685392840,
  body.reactive-home #item-1725471636233,
  body.reactive-home #item-1726584138879,
  body.reactive-home #item-1725471636234,
  body.reactive-home #item-17265853851023 {
    min-height: calc(100vh - 86px) !important;
    min-height: calc(100svh - 86px) !important;
  }

  .header #item-179497138800,
  .header #item-16140888745750,
  .header #item-16148039790 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  .header #item-16148039790,
  .header #item-1726133713502 {
    min-height: 86px !important;
  }

  .header #item-16148039790 > .column-wrapper,
  .header #item-1726133713502 > .column-wrapper {
    align-items: center !important;
    min-height: 86px !important;
  }

  .header #item-16148039790 {
    left: 50% !important;
    max-width: none !important;
    min-width: 100vw !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
  }

  .header #item-179497138800 > .ba-section-items,
  .header #item-16140888745750 > .ba-row-wrapper,
  .header #item-16148039790 > .column-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  .header #item-16400209485040 .ba-logo-wrapper,
  .header #item-17261338635630 .ba-logo-wrapper {
    width: min(164px, 44vw) !important;
  }

  .header #item-16400209485040,
  .header #item-17261338635630 {
    margin-left: 18px !important;
  }

  .header #item-17664759496360,
  .header #item-17779021318380 {
    display: none !important;
  }

  .header #item-17664759496360 .ba-icon-wrapper,
  .header #item-17779021318380 .ba-icon-wrapper {
    gap: 14px !important;
  }

  .header #item-17664759496360 .ba-icon-wrapper i,
  .header #item-17779021318380 .ba-icon-wrapper i {
    font-size: 18px !important;
    height: 20px !important;
    line-height: 20px !important;
    width: 20px !important;
  }

  .header #item-17489581275230 .main-menu {
    display: none !important;
  }

  .header #item-1748427185477 {
    display: block !important;
    position: relative !important;
    z-index: 1000001 !important;
  }

  .header #item-1748427185477 .ba-btn-transition {
    align-items: center !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #172946 !important;
    display: inline-flex !important;
    justify-content: center !important;
    min-height: 44px !important;
    min-width: 44px !important;
  }

  .header #item-1748427185477 .ba-btn-transition:hover,
  .header #item-1748427185477 .ba-btn-transition:focus,
  .header #item-1748427185477 .ba-btn-transition:active {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #172946 !important;
  }

  .header #item-1748427185477 .ba-btn-transition i,
  .header #item-1748427185477 .ba-btn-transition:hover i,
  .header #item-1748427185477 .ba-btn-transition:focus i,
  .header #item-1748427185477 .ba-btn-transition:active i {
    color: #172946 !important;
  }

  body.reactive-subpage #item-15685392840,
  body.reactive-subpage #item-1725471636233,
  body.reactive-subpage #item-1725471636234 {
    height: 320px !important;
    max-height: 320px !important;
  }

  body.reactive-subpage #item-1725471636234 {
    padding-top: 86px !important;
  }

  .reactive-sector-hero__inner,
  .reactive-blog-hero__inner {
    min-height: 320px !important;
    padding: 96px 20px 52px !important;
  }

  .reactive-sector-hero h1,
  .reactive-blog-hero h1,
  body.reactive-subpage #item-17266440063121 h1 {
    font-size: 32px !important;
    line-height: 1.12 !important;
  }

  .reactive-home-intro,
  .reactive-home-activities,
  .reactive-activity-content__inner,
  .reactive-company-content__inner,
  .reactive-contact-content__inner,
  .reactive-sector-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .reactive-home-intro h1,
  .reactive-activity-content h2,
  .reactive-company-content h2,
  .reactive-contact-content h2,
  .reactive-sector-content h2,
  .reactive-blog-content h2,
  .reactive-blog-card h2 {
    font-size: 24px !important;
    line-height: 1.24 !important;
  }

  .reactive-activity-content h3,
  .reactive-product-content > h3,
  .reactive-company-content h3,
  .reactive-contact-content h3,
  .reactive-sector-content h3 {
    font-size: 21px !important;
    line-height: 1.28 !important;
  }

  .reactive-activity-content p,
  .reactive-activity-content li,
  .reactive-company-content p,
  .reactive-contact-content p,
  .reactive-sector-content p,
  .reactive-sector-content li,
  .reactive-blog-content p,
  .reactive-blog-content li,
  .reactive-blog-card p {
    font-size: 15.5px !important;
    line-height: 1.62 !important;
  }

  body.reactive-mobile-menu-open {
    overflow: hidden !important;
  }

  body.reactive-mobile-menu-open .header #item-1748427185477 {
    position: fixed !important;
    right: 18px !important;
    top: 18px !important;
  }

  body.reactive-mobile-menu-open .header #item-1748427185477 .ba-btn-transition {
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #030303 !important;
    font-size: 0 !important;
    height: 38px !important;
    line-height: 1 !important;
    min-height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    width: 38px !important;
  }

  body.reactive-mobile-menu-open .header #item-1748427185477 .ba-btn-transition:hover,
  body.reactive-mobile-menu-open .header #item-1748427185477 .ba-btn-transition:focus,
  body.reactive-mobile-menu-open .header #item-1748427185477 .ba-btn-transition:active {
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #172946 !important;
  }

  body.reactive-mobile-menu-open .header #item-1748427185477 .ba-btn-transition i {
    display: none !important;
  }

  body.reactive-mobile-menu-open .header #item-1748427185477 .ba-btn-transition::before {
    content: "\00d7";
    color: #030303;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    transform: translateY(-1px);
  }

  body.reactive-mobile-menu-open .header #item-1748427185477 .ba-btn-transition:hover::before,
  body.reactive-mobile-menu-open .header #item-1748427185477 .ba-btn-transition:focus::before,
  body.reactive-mobile-menu-open .header #item-1748427185477 .ba-btn-transition:active::before {
    color: #172946 !important;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 {
    display: block !important;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .ba-menu-wrapper {
    display: block !important;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .main-menu {
    align-items: flex-start !important;
    background: #ffffff !important;
    display: flex !important;
    inset: 0 !important;
    justify-content: flex-start !important;
    min-height: 100vh !important;
    overflow-y: auto !important;
    padding: 118px 34px 44px !important;
    position: fixed !important;
    z-index: 1000000 !important;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .main-menu::before {
    background: url("logo-reactive.svg") center left / contain no-repeat;
    content: "";
    display: block;
    height: 54px;
    left: 34px;
    position: fixed;
    top: 34px;
    width: min(220px, calc(100vw - 100px));
    z-index: 1000001;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .integration-wrapper {
    display: block !important;
    width: 100% !important;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .mod-menu {
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 22px !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100% !important;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .mod-menu > li > a {
    color: #030303 !important;
    display: inline-block !important;
    font-size: 21px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .mod-menu > li > a::before,
  body.reactive-mobile-menu-open .header #item-17489581275230 .mod-menu > li > a::after {
    display: none !important;
    content: none !important;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .mod-menu > li > a:hover,
  body.reactive-mobile-menu-open .header #item-17489581275230 .mod-menu > li > a:focus,
  body.reactive-mobile-menu-open .header #item-17489581275230 .mod-menu > li.active > a,
  body.reactive-mobile-menu-open .header #item-17489581275230 .mod-menu > li.current > a {
    color: #172946 !important;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .mod-menu > li.reactive-language-switcher {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    height: auto !important;
    margin: 8px 0 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  body.reactive-mobile-menu-open .header #item-17489581275230 .mod-menu > li.reactive-language-switcher > a {
    font-size: 13px !important;
    min-width: 0 !important;
    padding: 9px 10px !important;
  }
}

@media (max-width: 480px) {
  .header #item-16148039790,
  .header #item-1726133713502,
  .header #item-16148039790 > .column-wrapper,
  .header #item-1726133713502 > .column-wrapper {
    min-height: 76px !important;
  }

  .header #item-16400209485040 .ba-logo-wrapper,
  .header #item-17261338635630 .ba-logo-wrapper {
    width: min(190px, 58vw) !important;
  }

  .header #item-16400209485040,
  .header #item-17261338635630 {
    margin-left: 16px !important;
  }

  .header #item-17664759496360,
  .header #item-17779021318380 {
    display: none !important;
  }

  .header #item-17664759496360 .ba-icon-wrapper,
  .header #item-17779021318380 .ba-icon-wrapper {
    gap: 11px !important;
  }

  .header #item-17664759496360 .ba-icon-wrapper i,
  .header #item-17779021318380 .ba-icon-wrapper i {
    font-size: 16px !important;
    height: 18px !important;
    line-height: 18px !important;
    width: 18px !important;
  }

  .header #item-1748427185477 .ba-btn-transition {
    min-height: 38px !important;
    min-width: 38px !important;
  }

  body.reactive-subpage #item-15685392840,
  body.reactive-subpage #item-1725471636233,
  body.reactive-subpage #item-1725471636234 {
    height: 280px !important;
    max-height: 280px !important;
  }

  body.reactive-subpage #item-1725471636234 {
    padding-top: 76px !important;
  }

  .reactive-sector-hero__inner,
  .reactive-blog-hero__inner {
    min-height: 280px !important;
    padding: 86px 18px 44px !important;
  }

  .reactive-sector-hero h1,
  .reactive-blog-hero h1,
  body.reactive-subpage #item-17266440063121 h1 {
    font-size: 28px !important;
  }

  .reactive-home-intro h1,
  .reactive-activity-content h2,
  .reactive-company-content h2,
  .reactive-contact-content h2,
  .reactive-sector-content h2,
  .reactive-blog-content h2,
  .reactive-blog-card h2 {
    font-size: 22px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1900px) {
  body.reactive-home #item-15685392840,
  body.reactive-home #item-1725471636233,
  body.reactive-home #item-1726584138879,
  body.reactive-home #item-1725471636234,
  body.reactive-home #item-17265853851023 {
    min-height: calc(100vh - 126px) !important;
    min-height: calc(100svh - 126px) !important;
  }
}
