html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672024d7bc304378fe5ea9a5_SFPRODISPLAYMEDIUM.OTF") format("opentype"), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67209c40f8b2fae6c8bd99a7_SF-Pro-Display-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672024d77f8ecb9820463c80_SFPRODISPLAYBOLD.OTF") format("opentype"), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67209c40a3264823ed26e9f8_SF-Pro-Display-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672024d75015b6a16e5e9e62_SFPRODISPLAYREGULAR.OTF") format("opentype"), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67209c4012dbb269edc237c6_SF-Pro-Display-RegularItalic.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672024d72db0d7886f31669a_SFPRODISPLAYLIGHTITALIC.OTF") format("opentype"), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67209c41dc195b0dba2bb512_SF-Pro-Display-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672024d75f5749f34baa8127_SFPRODISPLAYULTRALIGHTITALIC.OTF") format("opentype"), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67209c41550b8df208abd526_SF-Pro-Display-Ultralight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672024d7119fb7e098066c6b_SFPRODISPLAYBLACKITALIC.OTF") format("opentype"), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672024d75853ed47c685d1bb_SFPRODISPLAYHEAVYITALIC.OTF") format("opentype"), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67209c4126a34c89851d5990_SF-Pro-Display-Heavy.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672024d72db0d7886f31667b_SFPRODISPLAYSEMIBOLDITALIC.OTF") format("opentype"), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67209c417f41a65e7661c995_SF-Pro-Display-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Pro Display;
  src: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672024d732e18b4835ecc242_SFPRODISPLAYTHINITALIC.OTF") format("opentype"), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67209c41e4deed29bd7456ff_SF-Pro-Display-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

:root {
  --apple-white-back: #f5f5f7;
  --border-light-blue: #6cb4fd;
  --dark-blue: #0825ff;
  --white: #fff;
  --90: #e6e6e6;
  --dark-grey: #333;
  --grey: gray;
  --color: #fff0;
  --border: #e4e4e6;
  --blue-termolima: #0472e3;
  --dashboard: #202023;
  --log-in-box: #6e6e73;
  --green: #1bc24d;
  --log-in-box-in: #242426;
  --_servizi-utilizzati---width: var(--_servizi-utilizzati---percentage);
  --color-2: #7a2e2e;
  --folder: #043462;
  --_servizi-utilizzati---percentage: 100%;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-userformheader {
  text-align: center;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

.w-users-useraccountsubscriptionlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  overflow: auto;
}

.w-users-useraccountsubscriptionlistitem {
  align-items: flex-start;
  display: flex;
}

.w-users-gridrow {
  grid-column-gap: 8px;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  display: grid;
}

.w-users-flexcolumn {
  flex-direction: column;
  display: flex;
}

.w-users-useraccountsubscriptioncancelbutton {
  color: #3898ec;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0000;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commerceaddtocartquantityinput, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity {
    font-size: 16px;
  }
}

.navbar-logo-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 5vh;
  margin: auto;
  display: block;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: block;
  position: relative;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.nav-menu-wrapper {
  flex: 0 auto;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}

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

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

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.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 {
  margin-right: 10px;
}

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

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

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

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

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.section {
  background-color: #590c0c;
  height: 80vh;
}

.container-2 {
  justify-content: flex-start;
  align-items: center;
  max-width: 1304px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  line-height: 1.2;
  display: flex;
}

.container-2.nav {
  -webkit-backdrop-filter: saturate(120%) blur(24px);
  backdrop-filter: saturate(120%) blur(24px);
  background-color: #ffffff4d;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 24px;
  display: flex;
}

.container-2.nav.home {
  justify-content: center;
  align-items: center;
  width: auto;
}

.brand-text-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 21px;
  display: flex;
}

.brand-text-holder.segment-background-white {
  background-color: #fff0;
  position: static;
}

.brand-text-holder.segment-background-white.w--current {
  background-color: #fff0;
  width: auto;
  height: auto;
  min-height: auto;
  margin-right: 0;
  display: block;
}

.nav-menu {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.nav-menu.iphone {
  margin-left: 40px;
  margin-right: 0;
  padding-right: 0;
}

.clone-this-holder {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.termolima-logo {
  filter: invert();
  display: block;
}

.termolima-logo.white-background, .termolima-logo.inverted {
  filter: invert();
}

.termolima-logo.inverted.inverted-black {
  filter: none;
}

.termolima-logo.inverted.inverted-black.profile-logo {
  filter: invert();
}

.menu-button-2.iphone {
  margin-right: 0;
}

.navbar {
  background-color: #e7e5e500;
  border: 1px #000;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar.iphone {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: #cdcdcda8;
  background-clip: border-box;
  height: 45px;
}

.navbar.iphone.large {
  color: #fafafc;
  background-color: #fffc;
  border-bottom: 2px #8d8c8c;
  border-radius: 0;
}

.navbar.iphone.large.termocare {
  margin-top: 0;
  position: static;
  inset: 0%;
}

.navbar.iphone.large.termocare.fix, .navbar.iphone.large.termocare.inizio {
  margin-top: 0;
  position: fixed;
}

.navbar.iphone.buy {
  background-color: #fff;
  position: static;
}

.homenav {
  color: #646465;
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 13px;
}

.homenav.impianti {
  color: #000;
  padding-left: 40px;
}

.homenav.impianti.w--current {
  text-decoration: none;
}

.homenav.impianti.mob {
  color: #646465;
  padding-left: 0;
}

.homenav.impianti.mob.w--current {
  color: #323232;
}

.homenav.impianti.mob.current.w--current {
  color: #0472e3;
  padding-left: 0;
}

.homenav.idraulici {
  color: #000;
}

.navbar-categories-group {
  grid-column-gap: 30px;
  color: var(--apple-white-back);
  justify-content: center;
  align-items: center;
  padding-left: 0;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
  line-height: 1.3;
  display: flex;
}

.iphone14-text {
  font-size: 21px;
}

.button {
  background-color: #0071e3;
  border-radius: 50px;
  padding: 6px 24px;
  font-size: 12px;
}

.hero {
  text-align: center;
  background-image: linear-gradient(#9bcff7, #56a6fd 19%, #9980e8 33%, #d46ac1 42%, #ed668f 58%, #fbb38c 72%, #fff);
  height: 40vh;
  margin-top: 0;
  margin-bottom: 0;
  padding: 80px 100px 0;
  position: static;
}

.heading {
  color: #000;
  text-align: center;
  text-transform: none;
  font-family: Sf Pro Display, sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  text-decoration: none;
  position: static;
}

.text-block {
  color: #1d1d1f;
  text-align: center;
  letter-spacing: 0;
  max-width: 600px;
  margin-bottom: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 25px;
  line-height: 35px;
}

.heading-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 60px;
}

.heading-2.elettricisti {
  color: #fff;
}

.heading-2.elettricisti.mobile, .heading-2.idraulici {
  font-size: 60px;
  line-height: 1.2;
}

.heading-2.impianti {
  color: #000;
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}

.heading-2.impianti.mobile {
  color: #fff;
  font-weight: 500;
}

.text-block-2 {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 25px;
  line-height: 1.2;
}

.text-block-2.subsub {
  margin-top: 0;
  font-size: 12px;
}

.text-block-3 {
  color: #0472e3;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 16px;
}

.benefici-button {
  text-align: center;
  letter-spacing: 1px;
  background-color: #0472e3;
  border: 1px solid #001eff;
  border-radius: 30px;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  box-shadow: 0 0 0 3px #accfff;
}

.benefici-button.business {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
}

.benefici-button.business.home {
  box-shadow: none;
  color: #fff;
  border: 1px solid #001eff;
  padding: 8px 17px;
  font-weight: 500;
}

.benefici-button.business.home:hover {
  box-shadow: none;
  color: #0472e3;
  background-color: #accfff;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.benefici-button.termocare {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
}

.benefici-button.aria {
  box-shadow: none;
  background-color: #0472e3;
  border: 1px solid #001eff;
  margin-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
}

.benefici-button.aria.benefici {
  color: #0472e3;
  background-color: #0472e300;
  border: 1px solid #0472e3;
}

.benefici-button.aria.benefici.staccato {
  margin-top: 10px;
  margin-left: 0;
}

.benefici-button.aria.benefici.staccato.mobile.boxes {
  color: #fff;
  border-style: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-decoration: underline;
}

.benefici-button.mobile {
  border: 1px solid #001eff;
  border-radius: 30px;
  box-shadow: 0 0 0 3px #accfff;
}

.benefici-button.mobile.supporto {
  padding: 8px 17px;
  box-shadow: 0 0 0 3px #accfff;
}

.benefici-button.navbot {
  box-shadow: none;
  border: 1px solid #001eff;
  margin-left: 20px;
  padding: 8px 17px;
  font-size: 13px;
  font-weight: 500;
}

.benefici-button.navbot:hover {
  background-color: var(--border-light-blue);
  color: #001eff;
  font-size: 13px;
  font-weight: 500;
}

.benefici-button.navbot.business-referral-cta {
  margin-top: 3vh;
  padding: 15px 20px;
  font-size: 1.5rem;
}

.benefici-button.navbot.opopopopopo {
  margin-top: 20px;
  margin-left: 0;
}

.benefici-button.small {
  box-shadow: none;
  font-size: 1rem;
  font-weight: 500;
}

.benefici-button.small:hover {
  background-color: var(--border-light-blue);
  color: var(--dark-blue);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.body {
  border-radius: 8px;
}

.button-3 {
  color: #007bff;
  letter-spacing: 1px;
  background-color: #fff0;
  border: 1px solid #0066cb;
  border-radius: 30px;
  margin-left: 10px;
  margin-right: 0;
  padding: 12px 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 16px;
}

.button-3.business {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
}

.button-3.business.home {
  color: #fff;
  border-color: #fff;
  padding: 5px 15px;
}

.button-3.business.home.termocare {
  color: #0472e3;
  border-color: #0472e3;
  padding: 8px 20px;
}

.button-3.business.home.clienti {
  color: #000;
  background-color: #fff9;
  margin-left: 0;
  padding: 8px 20px;
  font-weight: 500;
}

.button-3.business.home.mobile.ipad {
  color: #000;
  background-color: #fff9;
  border-color: #fff;
  margin-left: 0;
  padding: 8px 17px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.button-3.business.home.mobile.ipad:hover {
  color: #fff;
  background-color: #0009;
  border-color: #000;
}

.button-3.business.home.ipad {
  color: #000;
  background-color: #fff9;
  margin-left: 0;
  padding: 8px 20px;
  font-weight: 500;
}

.button-3.termocare {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
}

.button-3.idrulici {
  color: #fff;
  border-color: #fff;
}

.button-3.mobile.small.inizio {
  color: #333;
  background-color: #fff9;
  border-color: #fff;
}

.div-block-2 {
  text-align: center;
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
}

.div-block-2.home {
  display: flex;
}

.div-block-2.home.termocare {
  justify-content: center;
  align-items: center;
}

.div-block-2.home.mobile.ipad {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.div-block-2.home.mobile.ipad.hvac {
  margin-top: 0;
}

.div-block-2.home.mobile.ipadbutt {
  justify-content: center;
  align-items: flex-start;
}

.div-block-2.home.mobile.ipadbutty {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.landing {
  text-align: center;
  background-color: #f5f5f7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 50px;
  padding-bottom: 40px;
  display: flex;
}

.landing.pagina {
  background-color: #fff;
  padding-top: 140px;
}

.landing.pagina.hvac {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: auto;
  margin: 70px 110px;
  padding-top: 0;
}

.landing.hvac {
  padding-top: 0;
  padding-bottom: 0;
}

.landing.hvac.phone {
  aspect-ratio: auto;
  object-fit: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -50px;
  padding-top: 50px;
  padding-bottom: 0;
}

.div-block-4 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 40px;
  display: flex;
}

.div-block-4.mob {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-top: 10px;
}

.image {
  max-width: 992px;
}

.image.impianti {
  flex: none;
  width: 85%;
  max-width: 1024px;
  display: block;
}

.image.elettricisti, .image.idraulici {
  width: 85%;
  max-width: 1024px;
}

.electrician {
  color: #303030;
  -webkit-text-stroke-color: #342f2f;
  background-color: #1b1a1a;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.electrician.mobile {
  background-color: #bfbaac;
  background-image: linear-gradient(#00000047, #fff0 17%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751c2dc8cf1697c4d790241_culdesac_az_zdc_105_rt.jpg");
  background-position: 0 0, 100%;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: center;
  margin-top: 14px;
  padding-top: 50px;
}

.plumbers {
  background-color: #6b6b6b;
  background-image: linear-gradient(#0000003d, #00000026), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751c62c0107186acf29f4b9_AnthonyCH43_preview-8eaa2e59d40946e5b00d4ccf1d95c13a.jpg");
  background-position: 0 0, 0%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  margin-top: 14px;
  padding-top: 50px;
  padding-bottom: 40px;
  display: flex;
}

.footer-dark {
  text-align: left;
  background-color: #f5f5f7;
  border-bottom: 1px solid #e4ebf3;
  margin-top: 12px;
  padding: 30px 30px 15px;
  position: relative;
}

.container-3 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  text-align: left;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf Pro Display, sans-serif;
  display: block;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  font-size: 12px;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: capitalize;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.footer-link {
  color: #444445;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.footer-link:hover {
  color: #1a1b1fbf;
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  color: #6c6c6c;
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.bold-text {
  font-weight: 400;
}

.bold-text.mobsub, .bold-text.mob {
  color: #fff;
  font-size: 30px;
}

.grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: center;
  margin-left: 12px;
  margin-right: 12px;
}

.grid._2, .business-and-termocare {
  margin-top: 12px;
}

.div-block-5 {
  background-color: #f5f5f7;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  padding-top: 25px;
  padding-bottom: 20px;
}

.div-block-6 {
  background-color: #f5f5f7;
  width: 100%;
  height: 100%;
  padding-top: 25px;
  padding-bottom: 20px;
}

.heading-3 {
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 35px;
  font-weight: 500;
}

.text-block-4 {
  text-align: center;
  margin-top: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 17px;
}

.div-block-7, .div-block-8 {
  text-align: center;
  margin-top: 20px;
}

.text-block-5 {
  text-align: center;
  margin-top: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 17px;
  text-decoration: none;
}

.heading-4 {
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 35px;
  font-weight: 500;
}

.div-block-9 {
  padding-left: 30px;
  padding-right: 30px;
}

.section-2 {
  height: auto;
}

.slide {
  text-align: center;
  border-radius: 30px;
  position: relative;
}

.slider {
  background-color: #fff0;
  height: 100%;
}

.div-block-10 {
  z-index: 2;
  position: static;
  top: 50px;
}

.image-2 {
  z-index: 0;
  text-align: center;
  height: 100%;
  position: relative;
}

.heading-5, .text-block-6 {
  text-align: left;
}

.card-subline {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}

.card-subline.bianco {
  color: #fff;
}

.card-subline.bianco.bb {
  color: #000;
}

.card-subline.aria, .card-subline.ac, .card-subline.bi {
  color: #fff;
}

.div-block-11 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.hac {
  width: 100vw;
  margin-top: 160px;
  margin-left: auto;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.card-overline {
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: Sf Pro Display, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
}

.card-overline.white {
  color: #fff;
  font-weight: 500;
}

.card-overline.white.why {
  color: #1d1d1f;
  text-transform: none;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
}

.card-overline.white.why.technoe {
  color: #fff;
}

.card-overline.white.why.edghegdegdeg {
  color: #fff;
  margin-top: 0;
}

.card-overline.white.energy-efficiency-upgrades, .card-overline.white.if {
  color: #fff;
}

.card-overline.white.pop {
  color: #ff5701;
}

.card-overline.white.efwefwef, .card-overline.white.euhduheduhe {
  color: #333;
}

.card-overline.white.oopopop, .card-overline.boh {
  color: #ff5701;
}

.card-overline.nero {
  color: var(--white);
}

.card-overline.black {
  color: #333;
}

.product-card {
  cursor: pointer;
  background-image: linear-gradient(133deg, #00000063, #fff0 59%);
  border-radius: 30px;
  flex: none;
  width: 400px;
  height: 600px;
  margin-right: 20px;
  padding: 40px;
  transition: transform .3s, box-shadow .3s;
  box-shadow: 0 10px 20px -4px #1d1d1f26;
}

.product-card:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 20px #1d1d1f33;
}

.product-card._1 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720dd9ed9ad563a3809c19c_store-card-40-iphone-202108.avif");
  border-radius: 30px;
  flex: none;
}

.product-card._1.mobile {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e25f312f8cf63509c3282_HVRF-p20-21_redigert_for_web.gif");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 600px;
}

.product-card._1.mobile.aria {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e3f5f5ae6405324c76060_dyson-purifier-cool-formaldehyde-tp09-pro-luftrenser%20(1).avif");
  background-position: 50%;
  background-size: cover;
}

.product-card._1.mobile.electro {
  background-image: linear-gradient(#00000069, #fff0 45%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747c8d900a7b28d5adeffd1_3industrial.avif");
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.product-card._1.mobile.electro.copy, .product-card._1.mobile.idraulici {
  background-image: none;
}

.product-card._4 {
  background-color: #fff;
  background-image: none;
  border-radius: 30px;
  flex: none;
  width: 800px;
}

.product-card._4.aria-condizionata {
  background-color: #201e1e;
  background-image: none;
  width: 900px;
  height: 600px;
  margin-left: 20px;
  margin-right: 0;
}

.product-card._4.aria-condizionata.ultimo {
  margin-right: 40px;
}

.product-card._4.aria-condizionata.primo {
  width: 900px;
  height: 600px;
  margin-left: 110px;
}

.product-card.empty {
  box-shadow: none;
  background-image: none;
  flex: none;
  transition-property: none;
  display: block;
}

.product-card.watch {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720dd9ed9ad563a3809c251_store-card-40-bands-202108.avif");
  border-radius: 30px;
  flex: none;
  margin-right: 40px;
}

.product-card.watch.uv {
  background-image: linear-gradient(#0009, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e44d4a315b48e8e42adbb_What-Is-UV-C-Technology-in-Air-Purification-scaled.avif");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  height: 600px;
  margin-right: 20px;
}

.product-card.watch.uv.electro {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747cadbd33f606f358cd9c7_Gear-Panel-Photo.jpg.avif"), linear-gradient(#0009, #fff0);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  margin-right: 20px;
}

.product-card.watch.uv.idraulici {
  background-image: linear-gradient(#0009, #fff0);
  margin-right: 20px;
}

.product-card.watch.uv.bas {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f1eb27dc2dd9717fb4175_Review-of-ABB-Building-Automation-Control-System.avif");
  background-position: 0%;
}

.product-card.watch.uv.iot {
  background-image: linear-gradient(#0009, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f2025991f3acb070c7724_The-rise-of-automated-smart-home-systems_Image_4_3.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.product-card.watch.uv.gbc {
  background-image: linear-gradient(#0009, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f3625891721c4075f08cc_da-architects-ates-wind-power-headquarters-architonic-da-architects-ates-10-04-arcit18.avif");
  background-position: 0 0, 0%;
}

.product-card.watch.uv.eob {
  background-image: linear-gradient(#0009, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f3f8f4882a68838112b4d_assets_9342c7ee957c42b28f68132232c5a4d7_6971f88b534d4d50a4876969dc4ed8a7.avif");
  background-position: 0 0, 0 100%;
}

.product-card.watch.uv.eob.shjbwhbsj {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674faa49d37305da4f7244f5_20200323_climecon_farang_168-JPEG_LowRes.avif");
  background-position: 50% 0;
  background-size: auto;
}

.product-card.watch.monitor {
  background-image: linear-gradient(#0009 11%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6723c79a077111f777c82f39_2.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 600px;
  margin-right: 110px;
}

.product-card.watch.monitor.electro {
  background-image: linear-gradient(#0000004d, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67510a7cd0f9956652185c5c_DMC-Essex-Aerial-Installation-51.avif");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  margin-right: 0;
}

.product-card.watch.monitor.electro.sps {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d06718ff2eac84cc664dc_pannelli.solari.notte_.avif");
  background-position: 0 100%;
  background-repeat: repeat;
  background-size: cover;
}

.product-card.watch.monitor.electro.se {
  background-image: linear-gradient(#0009 11%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d0e580a51536aef1829a6_elettricista-roma.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.product-card.watch.monitor.electro.se.uhuhuh {
  background-image: linear-gradient(#0009 11%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67525f4228e06a7d4cefe319_mark-kats-6pwfdFKBREg-unsplash.jpg");
}

.product-card.watch.monitor.idraulici {
  background-image: linear-gradient(#0009 11%, #fff0);
  margin-right: 110px;
}

.product-card.watch.monitor.mqa {
  background-color: #d3884c;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f31fb4449bc7d82879a7b_Qingping-Air-Monitor-Lite-Handheld.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-card.watch.monitor.mqa._0 {
  margin-right: 0;
}

.product-card.watch.monitor.t {
  background-image: linear-gradient(#00000054, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6750e330800ab05a2e7de1cb_product-finder-quiz_US_mobile.avif");
  background-position: 0 0, 50%;
}

.product-card.watch.monitor.t._0 {
  margin-right: 0;
}

.product-card.watch.monitor.busssssss {
  background-image: linear-gradient(#0000007a, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674fae766b3e868401dd8487_office-heating_blog-hero-image.avif");
  background-position: 0 0, 50%;
}

.product-card.watch.monitor.kokokok {
  background-image: linear-gradient(#0009, #fff0 57%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751040b45744e4de349d294_planning-2023-11-27-05-26-20-utc-scaled.avif");
}

.product-card._3 {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720ecde7b248bc303c30640_3.avif");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 400px;
  border-radius: 30px;
  flex: none;
  margin-left: 110px;
}

.product-card._3.pompa-di-calore {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720e9e9d66006145aad0ae2_2.avif");
  background-size: contain;
}

.product-card._3.split {
  background-image: linear-gradient(#00000078 25%, #fff0);
  height: 600px;
  padding: 40px;
  text-decoration: none;
}

.product-card._3.split.why {
  background-image: none;
  height: 300px;
}

.product-card._3.split.why._2 {
  margin-left: 0;
  margin-right: 20px;
}

.product-card._3.split.why._2.last {
  margin-right: 110px;
}

.product-card._3.split.why._2.lastone, .product-card._3.split.why._2.lastone._0 {
  margin-right: 0;
}

.product-card._3.split.why._2.techno {
  -webkit-text-fill-color: inherit;
  background-color: #1b1b1b;
  background-image: linear-gradient(247deg, #0fd, #0051ff 31%, #00aeff 59%, #35ff43);
  background-clip: padding-box;
  padding: 5px;
}

.product-card._3.split.electro {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747c68900c3853cb3b357aa_hero-Basics-of-Electrical-Wiring.avif"), linear-gradient(#00000078 25%, #fff0);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  flex: none;
  padding: 40px;
}

.product-card._3.split.electro.primo {
  margin-left: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 40px;
  text-decoration: none;
}

.product-card._3.split.idraulici {
  background-image: linear-gradient(#00000078 25%, #fff0);
}

.product-card._3.split.idraulici.ps {
  background-image: linear-gradient(#00000078 25%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d0c99937227cf14990dd8_different%20types%20of%20plumbing%20pipes.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.product-card._3.split.idraulici.ps.pipipi {
  background-image: linear-gradient(#00000078, #00000075 0%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67510f3ae1ecdbdef6d4def2_Fire-Sprinkler.jpeg");
  background-position: 0 0, 0%;
}

.product-card._3.purificatore {
  background-image: linear-gradient(#0009 11%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e40baf54eee8ceebaeb88_dea47c8b-c759-4a10-af68-ddded0709526._CR0%2C0%2C1920%2C1920_.avif");
  background-position: 0 0, 30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 600px;
}

.product-card._3.purificatore.electro {
  background-image: linear-gradient(162deg, #0009, #fff0 49%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747d1cbddbc1076939561dc_electrician-testing-industrial-machine-PW7XEXK.avif");
  background-position: 0 0, 0 100%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.product-card._3.purificatore.electro.inspection {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747e61200c3853cb3c94b11_Safety_Inspecition.avif"), linear-gradient(#0009 11%, #fff0);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.product-card._3.purificatore.electro.led {
  background-image: linear-gradient(#0000, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6754c5bc969ac796cf1c546c_philips-hue-lights-home-16-9.avif");
  background-position: 0 0, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.product-card._3.purificatore.electro._3way {
  background-image: linear-gradient(#0009 11%, #fff0);
}

.product-card._3.purificatore.electro._3way.impiantoooo {
  background-image: linear-gradient(#0009 11%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751040ba7d2f676f7611fdd_design2.avif");
  background-position: 0 0, 50% 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.product-card._3.purificatore.idraulici {
  background-image: linear-gradient(#0009 11%, #fff0);
}

.product-card._3.purificatore.idraulici.ldr {
  background-image: linear-gradient(#0009 11%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d11ec5e65de9d993a12d1_variant-14888660041817.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.product-card._3.purificatore.rm {
  background-image: linear-gradient(#0009 11%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f23dfe47f0bb3eb64d232_al-soot-lDYFND1CCgo-unsplash.avif");
}

.product-card._3.purificatore.p {
  background-image: linear-gradient(#00000057, #adadad1c 28%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e40baf54eee8ceebaeb88_dea47c8b-c759-4a10-af68-ddded0709526._CR0%2C0%2C1920%2C1920_.avif");
  background-position: 0 0, 30%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.product-card._3.purificatore.ivrf {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674277f5f202ea83fb50734f_kettenreaktion-l_Vn4HlFQVw-unsplash.avif"), linear-gradient(#0009 11%, #fff0);
  background-position: 30%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
}

.product-card._3.purificatore.shvacs {
  background-image: linear-gradient(#00000069, #fff0 53%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751b5a18d4b1005b8a97b22_202204-blog-photo-smart-home-header-image-scaled.jpeg");
  background-position: 0 0, 80% 60%;
}

.product-card._3.purificatore.tcare {
  background-image: none;
}

.product-card._2 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720dd9dd9ad563a3809c0c1_store-card-40-imac-202108.avif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  border-radius: 30px;
  flex: none;
}

.product-card._2.mobile {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720e9e9d66006145aad0ae2_2.avif");
  background-position: 50% 100%;
  background-size: contain;
}

.product-card._2.mobile.pompedicalore {
  height: 600px;
  margin-right: 20px;
}

.product-card._2.mobile.pompedicalore.electro {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747d44c1e3d8a0d634331a5_66dc0184dc1c17a7a5cbaacb_Hero%20slide%202%20(desktop)%20(1).avif");
  background-position: 100%;
  background-size: cover;
}

.product-card._2.mobile.pompedicalore.electro.pannello {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747cb9265dd25a083acd213_rooftop-solar.avif");
  background-position: 0 0;
  background-size: cover;
}

.product-card._2.mobile.pompedicalore.idraulici {
  background-image: none;
}

.product-card._2.mobile.pompedicalore.idraulici.gsvgsg {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67510d333af2aafe44549dce_221118_CLA_PENK_coco-in-context-2-scaled.avif");
  background-position: 100% 0;
  background-size: cover;
}

.product-card._2.mobile.pompedicalore.idraulici.gsvgsg.dvdfdfd {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67510e62c141a3e33feb49fb_uagmbk_deb86122a8154c571ecb3162dcba9f585ed5a300.avif");
  background-position: 50% 0;
}

.product-card._2.mobile.scaldabagno {
  background-image: linear-gradient(#00000078 25%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e2de676edb4f49c832aac_66032639.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  height: 600px;
  margin-right: 20px;
}

.product-card._2.mobile.scaldabagno.electro {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747cf4168e9755d6d4764a1_Box%20Tog%20Dark%20-%20Portrait%2002.avif"), linear-gradient(#00000078 25%, #fff0);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.product-card._2.mobile.scaldabagno.idraulici {
  background-image: linear-gradient(#00000078 25%, #fff0);
}

.product-card._2.mobile.scaldabagno.idraulici.gd {
  background-image: linear-gradient(#00000078 29%, #3a3a3a5c 34%, #3434345e 37%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d0ed55e65de9d99381558_10546912h_1200x.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.product-card._2.mobile.terra {
  background-image: linear-gradient(#00000070 25%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e2f3333368c06f31b8c0a_1de6501f8d4a0ca189df56f35109eefa.avif");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  height: 600px;
  margin-right: 20px;
}

.product-card._2.mobile.terra.idraulici {
  background-image: linear-gradient(#00000070 25%, #fff0);
}

.product-card._2.mobile.terra.idraulici.is {
  background-image: linear-gradient(#00000070, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d1036810cc63ea8b0cf77_Smart-Irrigation-Systems-scaled.avif");
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.product-card._2.mobile.caldaia {
  background-image: linear-gradient(#00000078 25%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e3110efcfb2c761c720b0_uno.avif");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  height: 600px;
  margin-right: 20px;
}

.product-card._2.mobile.caldaia.idraulici {
  background-image: linear-gradient(#00000078 25%, #fff0);
}

.product-card._2.mobile.deumidificatore {
  background-image: linear-gradient(#00000091, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f1b017d7e865e0a5a5b3b_Elizabethan.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  height: 600px;
  margin-right: 20px;
}

.product-card._2.mobile.deumidificatore.electro {
  background-image: linear-gradient(#0000003d, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751040ba7d2f676f7611fdd_design2.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.product-card._2.mobile.deumidificatore.electro.bo {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d09cb6065de51d0118934_blackout-elettrodomestici.avif");
  background-position: 0%;
}

.product-card._2.mobile.deumidificatore.electro.pi {
  background-image: linear-gradient(#0009, #fff0);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
}

.product-card._2.mobile.deumidificatore.electro.audit {
  background-image: linear-gradient(#0000006b, #fff0 49%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6750f82a8f889f0a35e57a03_getty-images-z1qxE_Wp79I-unsplash-scaled.avif");
  background-position: 0 0, 25%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.product-card._2.mobile.deumidificatore.electro.asasas {
  background-image: linear-gradient(#00000073, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/675261d191c2c882f5b7e485_tips-for-wiring-outlets-and-switches-1824668-schema-cd5df872c6884b54b85042231387b4ea.jpeg");
  background-position: 0 0, 50%;
}

.product-card._2.mobile.deumidificatore.idraulici {
  background-image: linear-gradient(#00000047, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f1b0233156be14cdeea13_YMUQM3wFB5DMz7LPW1nta7AeBjrjW8zukeqrFqGz.avif");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
}

.product-card._2.mobile.deumidificatore.raffreddamento {
  background-image: linear-gradient(#0000005c, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6750e1fb9d22bd04595fda32_Gaudi-House-Mini-Split.avif");
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.product-card._2.mobile.deumidificatore.d {
  background-image: linear-gradient(#00000061, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e3d917e9c3b197fa1bbaa_80938176184350.avif");
  background-position: 0 0, 0 0;
}

.product-card._2.mobile.deumidificatore.preventivo {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674fa3aabc999340512a806e_aboodi-vesakaran-n_i-VRvBxM0-unsplash%20(1).avif");
}

.product-card._2.mobile.deumidificatore.preventivo.manu.manman {
  background-image: linear-gradient(#0009, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f269d4f18cf587fa98c4c_chandler-denise-Lgaw-BnaAAI-unsplash%20(1).avif");
  background-position: 0 0, 50%;
}

.product-card._2.mobile.deumidificatore.sijsushiu {
  background-image: linear-gradient(#0009, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751b5a1afd8c826557da669_015-mit-smarthome-produkten-strom-kosten-sparen-1919292-scaled.jpeg");
  background-position: 0 0, 50%;
}

.product-card.ipad {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720dd9fd9ad563a3809c3f5_store-card-40-ipad-202108.avif");
  border-radius: 30px;
  flex: none;
}

.product-card.ipad.ultimo {
  background-image: linear-gradient(#0009 11%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720e720dc743924a62d1d3d_nest4thgenthermostatleak.avif");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  height: 600px;
  margin-right: 110px;
}

.product-card.ipad.ultimo.electro {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747d0d000c3853cb3ba2a8b_01_EuropTec-Website_Home-Appliance-Einleitung_0.avif"), linear-gradient(#0009 11%, #fff0);
  background-position: 100%, 0 0;
  background-size: cover, auto;
  margin-right: 0;
}

.product-card.ipad.ultimo.idraulici {
  background-image: linear-gradient(#0009 11%, #fff0);
  margin-right: 110px;
}

.product-card.ipad.ventilatore {
  background-image: linear-gradient(#0009, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f1f218bd5e407e6ac937b_outdoorunit_5adf0159c5.avif");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  height: 600px;
}

.product-card.ipad.ventilatore.electro {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6754ad89b6e1c38a960215ad_anker-innovations-uk-ltd-eufy-e340-berwachungskamera-3k-floo-003.avif"), linear-gradient(#0009, #fff0);
  background-position: 75% 0, 0 0;
  background-size: cover, auto;
}

.product-card.ipad.ventilatore.electro.shi {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6750fbba562d725c9283c97f_adobestock_586555846-scaled.avif");
  background-position: 50%;
  background-size: cover;
}

.product-card.ipad.ventilatore.electro.generator {
  background-image: linear-gradient(#00000069, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6750f65fdacf88666c0154c5_battery.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.product-card.ipad.ventilatore.electro.vehicle {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6750fed545744e4de34627bb_How-Many-EV-Chargers-Do-We-Need--Gear-GettyImages-1242853407.avif"), linear-gradient(#0009, #fff0);
  background-position: 50%, 0 0;
}

.product-card.ipad.ventilatore.electro.lightssss {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67510205351ac9d3343a4f6f_marset-zenc-pendant-light-home-decorative-lights-for-dining-balcony-lights.avif"), linear-gradient(#0009, #fff0);
}

.product-card.ipad.ventilatore.idraulici {
  background-image: linear-gradient(#0009, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d12d06f746876815f9144_sewer-line-6.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.product-card.ipad.ventilatore.idraulici.bkr {
  background-image: linear-gradient(#0009, #fff0);
}

.product-card.ipad.ventilatore.installazione {
  background-image: linear-gradient(#0006, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674faa48eafc9463a7a372ff_image-9.avif");
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.product-card.ipad.ventilatore.ss {
  background-image: linear-gradient(#0009, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f1f218bd5e407e6ac937b_outdoorunit_5adf0159c5.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
}

.product-card.ipad.ventilatore.msv {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674fa3aabc999340512a806e_aboodi-vesakaran-n_i-VRvBxM0-unsplash%20(1).avif");
  background-position: 50% 0;
  background-size: cover;
}

.product-card.ipad.ventilatore.ijijoiujh {
  background-image: linear-gradient(#00000078, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674e623693e00b456853e136_Can-VRF-Provide-Heating.avif");
  background-position: 0 0, 30% 0;
}

.product-card.ipad.ventilatore.uppupup {
  background-image: linear-gradient(#0000, #fff0 56%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751cf81f62983e9be118305_do-hvac-plumbing-and-firefighting-design.jpeg");
  background-position: 0 0, 0 0;
}

.product-card.ipad.ventilatore.w4t34ttwt44w {
  background-color: #f0c567;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751d49f375fe1ec706385d9_screen-capture-3.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 500px;
}

.product-card._4 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720dd9cd9ad563a3809c016_store-card-40-bts-202108.avif");
  flex: none;
}

.product-card.small {
  background-color: #fff;
  background-image: none;
  border-radius: 30px;
  flex: none;
  width: 550px;
  height: 400px;
  margin-left: 0;
  margin-right: 0;
}

.product-card.small.primo.unico {
  background-color: #fff;
  margin-left: 0;
}

.product-card.small.primo.unico.hvac {
  width: 550px;
  height: 400px;
  margin-left: 0;
}

.product-card.small.ultimo {
  margin-left: 20px;
  margin-right: 110px;
}

.product-card.small.ultimo.cancella, .product-card.small.ultimo.cancella-finale {
  margin-right: 0;
}

.product-card.small.facts {
  width: 550px;
  height: 400px;
}

.product-card._3 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720dd9ed9ad563a3809c213_store-card-40-iphone-accessories-202108.avif");
  flex: none;
}

.product-card._3.first-support {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67215649f1ca922fdd8dcdac_12.avif");
  background-position: 50%;
  background-size: 300px;
  margin-left: 40px;
  text-decoration: none;
}

.product-card._1 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6748e447f8e1301e81c59fb4_e64b261d-e9ae-4c5e-9ed0-d94baf26dede-min.avif");
  background-position: 50%;
  background-size: cover;
  flex: none;
}

.product-card.ipad {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720dd9fd9ad563a3809c3f5_store-card-40-ipad-202108.avif");
  flex: none;
}

.product-card._2 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747d1cbddbc1076939561dc_electrician-testing-industrial-machine-PW7XEXK.avif");
  background-position: 50%;
  background-size: cover;
  flex: none;
  margin-right: 40px;
}

.product-card._2.support {
  background-image: linear-gradient(#0000008f, #fff0 50%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6769e11a311d6e53ed1e20d6_antique-chair-standing-water.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  margin-right: 0;
  text-decoration: none;
}

.product-card.watch {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720dd9ed9ad563a3809c251_store-card-40-bands-202108.avif");
  flex: none;
}

.product-card.lighting-repair {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67538025864ab9b671196c31_Emergency-Electrical-Repairs-scaled.avif");
  background-position: 50%;
  background-size: cover;
  height: 600px;
}

.product-card.cablaggio {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676941516a4b576e31522c5c_iStock-144327585-scaled.avif");
  background-position: 50% 100%;
  background-size: cover;
  margin-right: 0;
}

.product-card.bagno {
  background-image: linear-gradient(#00000063 23%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751c2dcf529b76d1ddd6000_salvesen-graham-english-country-house-boot-room-loo-64dc01abdb73d.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.product-card.cucina {
  background-image: linear-gradient(164deg, #0009, #fff0 33%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67538b9211d47dc72826b56b_2.-Pastel-Dream28.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.product-card.irrigation-system {
  background-image: linear-gradient(#00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d1036810cc63ea8b0cf77_Smart-Irrigation-Systems-scaled.avif");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.product-card.backflow {
  background-image: linear-gradient(#00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67538d18d7d563d3506742cb_GU4fXKsW8AAUrZT.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-right: 0;
}

.product-card.drain-cleaning {
  background-image: linear-gradient(#00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67538f148cd78741864497a2_a-clean-sewer-drain-in-miami-after-jetting.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.product-card.water-heater-maintenance {
  background-image: linear-gradient(133deg, #00000063 23%, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67539077b791fd613433648c_CYLIA-Air_250_v01_1440x1440.jpg.avif");
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.product-card.pipe-insulation {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/675391243c4009095337fbc0_Pipe-penetration-massive-wall-copper-pipe-FINAL.avif");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  margin-right: 0;
}

.product-card.sewer-line-repair {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d12d06f746876815f9144_sewer-line-6.avif"), linear-gradient(133deg, #00000063, #fff0 59%);
  background-position: 50%, 0 0;
  background-size: auto, auto;
}

.product-card.leak-detection-and-repair {
  background-color: #6da744;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/675443565620869d2210f61f_401429-water-leak-detector-systems-flo-by-moen-smart-water-shutoff-system-900-001-10013557.avif");
  background-position: 50%;
  background-size: cover;
  margin-left: 110px;
}

.product-card.grease-trap-installation-and-maintenance {
  background-color: #3b576c;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753b17c7c57e44048fc09bb_hyhyhy.avif"), linear-gradient(133deg, #00000063, #fff0 59%);
  background-position: 50% 100%, 0 0;
  background-size: cover, auto;
  margin-left: 110px;
}

.product-card.boiler-installation-and-repair {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753b07791eab27b21ec043c_uhuhuh.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-right: 0;
}

.product-card.energy-optimization-for-businesses {
  background-image: linear-gradient(133deg, #00000063 36%, #3838384d 42%, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f9d5268fb51533f6cdaa3_480A_SOIL_-_HUMANS_WORK_VA_04696.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-right: 110px;
}

.product-card.manutenzione-stagionale {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f1f218bd5e407e6ac937b_outdoorunit_5adf0159c5.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-right: 110px;
}

.product-card.manutenzione-stagionale._0 {
  margin-right: 0;
}

.product-card.industrial-piping {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753aef491eab27b21eb5fd4_piping-scaled-1.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.product-card.radiant-floor-heating {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f1b0233156be14cdeea13_YMUQM3wFB5DMz7LPW1nta7AeBjrjW8zukeqrFqGz.avif");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  margin-left: 110px;
}

.product-card.gas-line-services {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753b36d5620869d22c49e6c_4FEB5C93-F6DA-475B-9FB7C0A2A73227E9_source.avif"), linear-gradient(133deg, #00000063, #fff0 59%);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  margin-right: 0;
}

.product-card.water-softening-systems {
  background-image: linear-gradient(#00000063, #fff0 52% 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753b42bd5a3be48345578bb_Abode-stock-6.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.product-card.water-filtration-systems {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753b42b0648b05bf9967a0b_benefits-of-water-softener-missoula-mt.avif"), linear-gradient(133deg, #00000063, #fff0 59%);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.product-card.pressione-e-flusso {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753bb279f75b485a85e3a65_71ie3qfu9RL.avif"), linear-gradient(133deg, #00000063, #fff0 59%);
  background-position: 50% 0, 0 0;
  background-size: cover, auto;
  margin-right: 0;
}

.product-card.plumbing-inspections {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753bc149f75b485a85e9150_pasfield-plumbing-clear-a-blocked-drain-with-a-camera-and-jetter-1.avif"), linear-gradient(133deg, #00000063, #fff0 59%);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  margin-left: 110px;
}

.product-card.water-pressure-testing {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753bddc37014405c0c39fe8_okokoko.avif"), linear-gradient(133deg, #00000063, #fff0 59%);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
}

.product-card.wc {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/675440dea17884ebed6cb073_toilet-and-shower-scaled.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.product-card.doccia {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751bbf8b9831c7b84dbdacd_2023_Harmonia-Navajo_private-residence_bathroom_01_LQ-scaled.webp"), linear-gradient(133deg, #00000063, #fff0 59%);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
}

.product-card.consultazione-e-pianificazione {
  background-image: linear-gradient(133deg, #00000063 28%, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6754a9870a834d8433079af0_construction-managemenet-vancouver-coordination-planning-scaled.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-right: 110px;
}

.product-card.consultazione-e-pianificazione._0 {
  margin-right: 0;
}

.product-card.circuit-breaker-replacements {
  background-color: #0091ca;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6754ae6ed65b0649c043983e_NB1-63%201PN%20C16%206kA-MCB.avif");
}

.product-card.whole-house-surge-protectors {
  background-image: linear-gradient(133deg, #00000063 26% 34%, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6754afa6d65b0649c044383b_we-preach-ups-how-many-have-a-whole-house-surge-protector-v0-ag7lehsj12yb1.avif");
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.product-card.interruttori-differenziali {
  background-color: #0067b6;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6754ae6ed65b0649c043983e_NB1-63%201PN%20C16%206kA-MCB.avif"), linear-gradient(133deg, #00000063, #fff0 59%);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  margin-left: 110px;
}

.product-card.electrical-safety-inspections {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67694866d519ad8fb8c937f3_inspections-1-scaled.avif"), linear-gradient(133deg, #00000063, #fff0 59%);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.product-card.led-lighting-installation-and-replacement {
  background-image: linear-gradient(133deg, #00000063 27%, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6769536eb40595983c3549c1_IA50400.1_1.anw.avif");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.product-card.sustainable {
  background-image: linear-gradient(133deg, #00000063 40%, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6754a988d65b0649c040c4cd_Standardize.avif");
  background-position: 0 0, 20%;
  background-size: auto, cover;
  margin-right: 0;
}

.product-card.energy-recovery-systems {
  background-color: #323765;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/675644889bf72f24b2312a83_Zero-Emission-Energy-Recovery-Brake-System.avif");
  background-position: 50%;
  background-size: cover;
}

.product-card.energy-audits {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6768c1132e09d43667a92fda_CIDSE-Central-Plant-2020-EG-3167a-3x2-hero.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-left: 110px;
}

.product-card.renewable-energy-integration {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751b5a2e9ad6f983fd68cca_okokok.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.product-card.prese-e-interruttori {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676940e6bf1c60d85e5c7c19_switch-it-up-five-light-switch-questions-to-help-turn-interiors-on-04-arcit18.avif"), linear-gradient(133deg, #00000063, #fff0 59%);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
}

.product-card.manutenzione-preventiva {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%);
}

.product-card.iot {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676953a0fe0f78834afe2f7a_64f853a94588af1a4e4c63c8_From%20Code%20to%20Competitive%20Edge.avif");
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.product-card.businesscablaggio {
  background-image: linear-gradient(188deg, #00000063 32%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6769547a1dd275da15fa8d64_doppelboden-min.jpg.avif");
  background-size: auto, cover;
  margin-right: 0;
}

.product-card.installazione {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67695606a75dc198b9a33a53_16085_ACR_Iturrama_7.avif");
  background-position: 50%;
  background-size: cover;
}

.product-card.manutenzione {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676958c3939aafd2d19cc99a_12.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.product-card.riparazione {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676957fef60597239806284a_141458309_m_normal_none.avif");
  background-size: auto, cover;
}

.product-card.manutenzione-prima {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67695c866661ce9bbe68c84f_Importance-of-Regular-Electrical-Inspections-for-Homeowners-scaled.avif");
  background-position: 0 0, 25%;
  background-size: auto, cover;
}

.product-card.ott {
  background-image: linear-gradient(133deg, #00000063 46%, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f9d5268fb51533f6cdaa3_480A_SOIL_-_HUMANS_WORK_VA_04696.avif");
}

.product-card.altriservizi {
  background-image: linear-gradient(133deg, #00000063 45%, #fff0 79%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67698201dab72f4def031ffc_How-Much-Does-it-Cost-to-Replace-5-Ton-AC-Unit-in-Los-Angeles1-1-1.avif");
  margin-right: 0;
}

.product-card.preventivo {
  background-image: linear-gradient(133deg, #00000063, #fff0 59%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751040b45744e4de349d294_planning-2023-11-27-05-26-20-utc-scaled.avif");
  background-position: 0 0, 50%;
  text-decoration: none;
}

.product-card.promozioni {
  background-image: none;
}

.scroll-map-wrapper {
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 100%;
  margin-right: 0;
  padding-top: 60px;
  padding-bottom: 40px;
  padding-right: 0;
  display: flex;
  overflow: scroll;
}

.scroll-map-wrapper.aria.migliorato {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-right: 110px;
}

.scroll-map-wrapper.aria.migliorato.electro, .scroll-map-wrapper.aria.migliorato._30 {
  padding-right: 110px;
}

.scroll-map-wrapper.finale.hvac {
  margin-top: 0;
}

.scroll-map-wrapper.finale.hvac.mobile {
  padding-top: 40px;
  padding-right: 0;
}

.scroll-map-wrapper.finale.hvac.mobile.prova-finale {
  padding-right: 110px;
}

.scroll-map-wrapper.finale.idraulici {
  margin-top: 0;
}

.container-4 {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-4.cards {
  flex-wrap: nowrap;
  justify-content: flex-start;
  max-width: none;
  padding-left: 0;
}

.container-4.cards.tutti-i-servizi {
  padding-left: 0;
}

.container-4.pad-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.container-4.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.container-4.grid.pad-80 {
  grid-template-columns: 2fr;
  align-items: stretch;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.card-header {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.heading-6 {
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
}

.text-block-7 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.text-block-7.piccolo {
  color: #e61919;
  font-size: 1rem;
  font-weight: 500;
}

.div-block-12 {
  text-align: center;
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 40px;
}

.termostati {
  margin-top: 160px;
}

.heading-7, .text-block-8 {
  text-align: center;
}

.div-block-13 {
  background-color: #fff0;
}

.image-3 {
  border-radius: 30px;
  max-width: 70%;
}

.image-4 {
  max-width: 90%;
}

.div-block-14 {
  text-align: center;
}

.image-5 {
  max-width: 90%;
  margin-top: 15px;
}

.div-block-15 {
  text-align: center;
}

.bold-text-2 {
  color: #fff;
  background-color: #fff0;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.div-block-16 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.div-block-16.migliore {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  height: auto;
}

.div-block-16.migliore._1 {
  height: auto;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.div-block-16.migliore._1.aria, .div-block-16.migliore._1.why {
  display: flex;
}

.lista {
  width: 100vw;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.lista.tutti-i-servizi.nuovo {
  margin-top: 220px;
}

.qualit-dall-aria {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.1;
}

.qualit-dall-aria.purificatore-d-aria {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.qualit-dall-aria.purificatore-d-aria.aria {
  color: #333;
}

.qualit-dall-aria.purificatore-d-aria.aria.bi {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
}

.qualit-dall-aria.purificatore-d-aria.aria.bi.nero {
  color: var(--white);
}

.qualit-dall-aria.purificatore-d-aria.why {
  color: #1d1d1f;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 30px;
}

.qualit-dall-aria.purificatore-d-aria.why.technoe {
  color: #fff;
  margin-top: 0;
}

.qualit-dall-aria.purificatore-d-aria.gjvhvhgvhg {
  color: #333;
  font-size: 2rem;
  font-weight: 500;
}

.qualit-dall-aria.umidificatore {
  font-family: Sf Pro Display, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}

.qualit-dall-aria.umidificatore.first {
  color: #333;
}

.qualit-dall-aria.deumidificatori {
  color: #333;
  font-family: Sf Pro Display, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}

.qualit-dall-aria.deumidificatori.bianco {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
}

.qualit-dall-aria.deumidificatori.bianco.first {
  color: #333;
}

.qualit-dall-aria.deumidificatori.bianco.first.dsdsd {
  color: #fff;
}

.qualit-dall-aria.deumidificatori.ac {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
}

.qualit-dall-aria.deumidificatori.bi {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.qualit-dall-aria.deumidificatori.bi.energy-efficiency-upgrades, .qualit-dall-aria.deumidificatori.bi.ir {
  color: #fff;
}

.qualit-dall-aria.deumidificatori.bi._2 {
  font-size: 2rem;
}

.qualit-dall-aria.deumidificatori.white {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
}

.qualit-dall-aria.ventilatori {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}

.qualit-dall-aria.ventilatori.aria {
  color: #333;
  font-size: 2rem;
}

.qualit-dall-aria.ventilatori.aria.bi {
  color: #fff;
  font-size: 2rem;
  line-height: 1.1;
}

.qualit-dall-aria.ventilatori.aria.bi.ijwoifjwiorej {
  color: #333;
  font-size: 2rem;
}

.qualit-dall-aria.ventilatori.aria.bi._2 {
  font-size: 2rem;
}

.qualit-dall-aria.bi {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.qualit-dall-aria.nero {
  color: #333;
  font-weight: 500;
}

.qualit-dall-aria.nero.rem {
  font-size: 2rem;
}

.qualit-dall-aria.leak-detection-and-repair {
  font-weight: 500;
}

.qualit-dall-aria.motion-sensors, .qualit-dall-aria.interruttori-differenziali, .qualit-dall-aria.rem {
  font-size: 2rem;
}

.hvac-head-category {
  width: auto;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.div-block-18, .head-category {
  margin-left: 110px;
}

.heading-8 {
  margin-top: 15px;
  margin-bottom: 0;
  padding-bottom: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.card-header-2 {
  color: #333;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
}

.card-header-2.nota {
  text-align: left;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.card-header-2.pi {
  color: #333;
}

.card-header-2.nero {
  color: #1c1c1e;
}

.container-5 {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-5.u-flex-center {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  margin-top: 20px;
  margin-left: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.grid_2_columns {
  grid-column-gap: 5.125rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: none;
}

.feature-grid {
  margin-right: 0;
}

.iconn {
  background-color: #da898900;
  margin-bottom: 1rem;
}

.iconn.priorita1 {
  filter: invert();
}

.paragraph {
  color: var(--90);
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.italic-text {
  color: var(--90);
  font-style: normal;
}

.div-block-20 {
  margin-left: 110px;
  margin-right: 110px;
}

.div-block-21 {
  margin-top: 15px;
}

.text-block-9 {
  margin-top: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.text-block-9.iniiale {
  color: #e61919;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.div-block-22 {
  margin-top: 160px;
}

.text-block-10 {
  margin-top: 15px;
  font-size: 20px;
  line-height: 25px;
}

.div-block-23 {
  margin-top: 15px;
}

.heading-9 {
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 45px;
  font-weight: 500;
}

.image-6 {
  margin-bottom: 0;
}

.bold-text-3 {
  color: #333;
  background-color: #fff0;
}

.bold-text-3.nero {
  color: #000;
  font-size: 3rem;
}

.bold-text-3.nero._2-5 {
  font-size: 3rem;
}

.bold-text-4 {
  color: #333;
}

.bold-text-4.nero {
  color: #1c1c1e;
  font-size: 3rem;
}

.bold-text-4.nero._2-5 {
  font-size: 3rem;
}

.bold-text-5 {
  color: #333;
}

.bold-text-5.nero {
  color: #1c1c1e;
}

.bold-text-6 {
  color: #333;
  width: auto;
  font-size: 50px;
}

.bold-text-6.nero {
  color: #1b1b1d;
  font-size: 3rem;
}

.bold-text-6.nero._2-5 {
  font-size: 3rem;
}

.bold-text-7 {
  color: #1d1d1f;
}

.bold-text-7.nota {
  font-weight: 500;
}

.bold-text-7.nota.emergenza {
  color: #e61919;
  font-size: 1rem;
}

.bold-text-7._3rem {
  font-size: 3rem;
}

.bold-text-8 {
  color: #1c1c1d;
  font-size: 3rem;
}

.bold-text-9 {
  color: #1c1c1e;
  font-size: 3rem;
}

.bold-text-10 {
  color: #333;
}

.bold-text-10.nero {
  color: #1d1d1f;
  font-size: 3rem;
}

.servizi {
  margin-top: 10rem;
  padding-top: 10em;
}

.i-nostri-sistemi {
  width: auto;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-25 {
  margin-left: 110px;
}

.text-block-11 {
  margin-top: 15px;
  font-size: 20px;
}

.text-block-11.benefici {
  font-size: 13px;
}

.heading-10 {
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 50px;
  line-height: 1.1;
}

.heading-10.nero {
  color: #1d1d1f;
  font-size: 4rem;
  font-weight: 700;
}

.heading-10.nero._2-5 {
  color: #333;
  font-size: 4rem;
}

.text-block-12 {
  color: #e61919;
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.div-block-26 {
  margin-top: 15px;
}

.div-block-26.boxes {
  text-align: right;
  margin-top: 0;
}

.div-block-26.boxes.edgeygdyeg {
  margin-top: 10px;
}

.bold-text-11 {
  font-size: 50px;
  line-height: 1.1;
}

.bold-text-11.nero {
  color: #000;
  font-size: 4rem;
}

.div-block-27 {
  text-align: left;
  max-width: none;
  margin-top: 60px;
  margin-left: 40px;
  margin-right: 40px;
}

.footer-category-item {
  color: #aba9a9;
  letter-spacing: -.01em;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33341em;
}

.footer-category-item:hover {
  text-decoration: underline;
}

.footer-category-item.last {
  margin-bottom: 0;
}

.footer-breadcrumbs-wrapper {
  border-top: 1px solid #d6d6d6;
  align-items: center;
  max-width: 938px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0;
  display: flex;
}

.footer-breadcrumbs-wrapper.okay {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 5px;
}

.disclaimer-message {
  color: #888;
  margin-top: 24px;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.footer-icon.separator {
  margin-left: 10px;
  margin-right: 10px;
}

.footer-icon.apple {
  opacity: 1;
  color: #fafafa;
  cursor: pointer;
  border-radius: 50%;
}

.footer-icon.apple:hover {
  opacity: 1;
}

.country-link {
  color: #555;
  cursor: pointer;
  border-top: 1px #d6d6d6;
  border-bottom: 1px #d6d6d6;
  border-right: 1px #d6d6d6;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.country-link:hover {
  color: #333;
  text-decoration: underline;
}

.extras {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-category-header {
  color: #333;
  letter-spacing: -.01em;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33341em;
}

.site-map-links {
  color: #fafafa;
  cursor: pointer;
  border-top: 1px #d6d6d6;
  border-bottom: 1px #d6d6d6;
  border-right: 1px solid #d6d6d6;
  margin-bottom: 0;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
  font-size: 12px;
  line-height: 16px;
}

.site-map-links:hover {
  color: #333;
  text-decoration: underline;
}

.site-map-links.last {
  cursor: pointer;
  border-right-style: none;
}

.legal {
  padding-top: 34px;
  padding-bottom: 21px;
}

.single-footer-category.stacked {
  margin-bottom: 24px;
}

.footer-columns-d {
  justify-content: space-between;
  align-items: flex-start;
  max-width: none;
  margin-top: 10px;
  padding-top: 0;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
}

.breadcrumb-link {
  color: #000;
  letter-spacing: -.01em;
  cursor: default;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33341em;
}

.breadcrumb-link:hover {
  text-decoration: none;
}

.contact-messaging {
  color: #888;
  border-top: 1px #d6d6d6;
  border-bottom: 1px #d6d6d6;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  line-height: 16px;
}

.image-12 {
  margin-right: 5px;
}

.finale {
  text-align: center;
  margin-top: 160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 110px;
  padding-right: 110px;
}

.finale.elettricisti {
  justify-content: center;
  align-items: center;
  min-height: auto;
  margin-top: 160px;
  display: flex;
}

.finale.home {
  grid-template-columns: 2.25fr auto;
}

.finale.home.iphone.new.big {
  max-width: 1024px;
  margin-top: 10rem;
  padding-left: 40px;
  padding-right: 40px;
}

.finale.home.iphone.new.big.business, .finale.home.iphone.new.big._90 {
  margin-top: 10rem;
}

.container-6 {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.footer-breadcrumbs {
  max-width: 1024px;
}

.site-map {
  margin-left: 30px;
  display: flex;
}

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

.single-footer-column {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.inline-contact-link {
  color: #0070c9;
  text-decoration: none;
}

.inline-contact-link:hover {
  text-decoration: underline;
}

.copyright-and-site-map {
  align-items: center;
  display: flex;
}

.contact {
  color: #888;
  border-top: 1px #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 8px;
  padding-top: 0;
  padding-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
}

.gallery-circle {
  background-color: #0000;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin-left: 7px;
  margin-right: 7px;
}

.gallery-circle.gallery-circle-1 {
  background-color: #c0cfde;
}

.gallery-circle.gallery-circle-2 {
  background-color: #e7d7e9;
}

.gallery-circle.gallery-circle-5 {
  background-color: #e11c2a;
}

.gallery-circle.gallery-circle-3 {
  background-color: #31353a;
}

.gallery-circle.gallery-circle-4 {
  background-color: #f0ece8;
}

.gallery-7-title {
  color: #1d1d1f;
  text-align: right;
  width: 58%;
  margin-top: 3px;
  padding: 20px 8px 20px 20px;
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
}

.gallery-bento-4-titlte {
  color: #6e6e73;
  text-align: center;
  letter-spacing: .011em;
  padding: 67px 20px 20px;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
}

.image-8 {
  max-width: none;
}

.image-13 {
  position: absolute;
  left: 14px;
}

.gallery-bento-2-image {
  width: 61px;
  height: 312px;
}

.gallery-bento-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.gallery-bento {
  background-color: #f5f5f7;
  border-radius: 18px;
  width: 317px;
}

.gallery-bento.gallery-position {
  position: relative;
  overflow: hidden;
}

.gallery-bento.gallery-position.gallery-end.gallery-b-5 {
  background-color: #fff;
  background-image: linear-gradient(#0000004d 5%, #fff0 45%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67ad3de2bede0c8d8b20ed43_9.svg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 100%;
  max-height: 600px;
  padding: 40px;
  overflow: visible;
  box-shadow: 0 2px 20px #0003;
}

.gallery-bento.gallery-end {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.gallery-bento.gallery-end.gallery-b-2 {
  border-radius: 30px;
  width: auto;
}

.gallery-bento.gallery-end.gallery-b-2.hvac {
  background-image: linear-gradient(#000, #fff0 56%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb1cd472a4a28910f06_more_detail_ai__0t676ehs18yi_large.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: flex-start;
  height: 500px;
  padding: 40px;
  box-shadow: 0 2px 20px #0003;
}

.gallery-bento.gallery-end.gallery-b-2.hvac._30 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: none;
  height: 600px;
}

.gallery-bento.gallery-end.gallery-b-2.hvac._30.new {
  background-image: linear-gradient(#0000008c, #fff0 56%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6723edd239a7d03c98852e10_fall2021_nancyholtelectricalsystem_umassd_photochrisdiani_16_51753054998_o.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.gallery-bento.gallery-end.gallery-b-2.hvac._30.new.buyend {
  background-image: linear-gradient(#000, #fff0 56%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674277f5f202ea83fb50734f_kettenreaktion-l_Vn4HlFQVw-unsplash.avif");
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.gallery-bento.gallery-end.gallery-b-2.hvac._30.new.acqua {
  background-image: linear-gradient(#0000008c, #fff0 56%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751bbf8b9831c7b84dbdacd_2023_Harmonia-Navajo_private-residence_bathroom_01_LQ-scaled.webp");
}

.gallery-bento.gallery-b-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  background-color: #fff;
  border-radius: 30px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  width: auto;
  max-height: 500px;
  padding: 40px;
  display: flex;
  position: static;
  overflow: visible;
  box-shadow: 0 2px 20px #0003;
}

.gallery-bento.gallery-b-3._30 {
  height: 600px;
  max-height: none;
}

.gallery-bento.gallery-b-3._30.new {
  background-color: #fff0;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751bbf8b9831c7b84dbdacd_2023_Harmonia-Navajo_private-residence_bathroom_01_LQ-scaled.webp");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 2px 20px -4px #0003;
}

.gallery-bento.gallery-b-3._30.new.energia {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6723edd239a7d03c98852e10_fall2021_nancyholtelectricalsystem_umassd_photochrisdiani_16_51753054998_o.avif");
}

.gallery-bento.gallery-bento-2-row {
  text-align: center;
  width: auto;
}

.gallery-bento.gallery-bento-2-row.gallery-b-7 {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6723e7ee769df9191f6ae245_berkeley-communications-WEDDt-u3q3o-unsplash.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 500px;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  box-shadow: 0 2px 20px #0003;
}

.gallery-bento.gallery-flex-1 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.gallery-bento.gallery-flex-1.gallery-b-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6723a1ed566d17376a7f0912_stefan-stefancik-pzA7QWNCIYg-unsplash%20(1).avif");
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 600px;
  padding: 40px;
  display: flex;
  box-shadow: 0 2px 20px #0003;
}

.gallery-bento.gallery-flex-1.gallery-b-4.new {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6773796a64ad1e5febc9b89e_jason-goodman-ZJlfUi5rTDU-unsplash.avif");
  background-position: 100% 0;
  background-size: cover;
}

.gallery-bento.gallery-flex-1.gallery-b-4.new.aria {
  background-image: linear-gradient(#00000026, #fff0 45%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f9d52f94e758f82283d4e_SLG-04.avif");
  background-position: 0 0, 50% 0;
}

.gallery-bento-2-image-wrapper {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 35%;
  display: flex;
}

.image-14 {
  width: 544px;
  max-width: none;
  height: 305px;
  position: absolute;
  left: 26px;
}

.gallery-bento-1-image {
  padding-top: 20px;
}

.gallery-bento-1-text {
  color: #6e6e73;
  text-align: center;
  letter-spacing: .011em;
  max-width: 250px;
  padding: 20px;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
}

.gallery-bento-2-right {
  width: auto;
}

.gallery-color {
  justify-content: center;
  align-items: center;
  margin-top: 17px;
  margin-bottom: 35px;
  display: flex;
}

.beautifull-durable {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.beautifull-durable.novita {
  color: #0472e3;
  font-size: 15px;
  font-weight: 500;
}

.beautifull-durable.novita.body {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
}

.gallery-flex {
  color: #6e6e73;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.text-block-13 {
  color: #6e6e73;
  letter-spacing: .011em;
  padding-top: 5px;
  padding-bottom: 20px;
  padding-right: 20px;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
}

.gallery-bento-4-text {
  color: #fff;
  text-align: left;
  letter-spacing: -.005em;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.1;
}

.design {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template: "Area Area-2"
                 ". ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 980px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 35px;
  font-weight: 500;
  display: grid;
}

.design.hvac {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  align-items: stretch;
  width: auto;
  max-width: 1024px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
  display: block;
}

.gallery-7-description {
  color: #fff;
  text-align: center;
  letter-spacing: .011em;
  width: auto;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.gallery-7-description.servizio-clienti {
  color: #0472e3;
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.gallery-bento-3-position {
  width: 100%;
  height: 100%;
  padding-top: 0;
  position: relative;
}

.gallery-bento-3-position.gallerry-end-2 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: static;
}

.gallery-bento-6-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 267px;
  height: 271px;
  display: flex;
}

.gallery-bento-6-text {
  color: #6e6e73;
  text-align: center;
  letter-spacing: .011em;
  padding: 20px;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
}

.heading-11 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-11.mobile {
  margin-bottom: 0;
  font-size: 3.5rem;
}

.section-3 {
  perspective: 1000px;
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.section-3.mobile {
  justify-content: center;
  align-items: center;
}

.link-block {
  justify-content: center;
  align-items: center;
  transition: transform .3s;
  display: flex;
  position: absolute;
  top: 15%;
  bottom: auto;
}

.link-block:hover {
  transform: scale(1.2);
}

.logo {
  height: 50px;
}

.tab {
  cursor: pointer;
  background-image: linear-gradient(#b2b2b2, #fff);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  margin-top: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 60px 50px #0000004d;
}

.tab.desktop {
  width: 500px;
  height: 300px;
}

.sun {
  height: 110px;
  margin-bottom: 50px;
  margin-right: 100px;
}

.cloud {
  opacity: .9;
  height: 170px;
  margin-left: 0;
  position: absolute;
}

.shadow {
  z-index: 10;
  filter: blur(30px);
  background-color: #ffffff12;
  border-radius: 100%;
  width: 300px;
  height: 200px;
  position: absolute;
}

.heading-12 {
  color: #e6e6e6;
  text-align: center;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-12.black {
  color: var(--dark-grey);
}

.priorita {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  margin-top: 60px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.paragraph-2 {
  color: gray;
  text-align: center;
  margin-top: 20px;
  font-size: 25px;
  line-height: 1.3;
}

.termocare-options {
  margin-top: 60px;
}

.section-4 {
  width: auto;
  max-width: 938px;
  margin-left: 110px;
  margin-right: 110px;
  font-family: Sf Pro Display, sans-serif;
}

.cosa-copre {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin-top: 60px;
  margin-bottom: 60px;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
}

.linea-1 {
  margin-top: 60px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.section-5 {
  width: auto;
  max-width: 938px;
}

.grid-2 {
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
}

.grid-2.computer {
  grid-template-rows: auto auto;
}

.heading-13 {
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.heading-13.okcomputer {
  color: #e6e6e6;
  margin-top: 0;
  font-size: 40px;
}

.heading-13.okcomputer.black {
  color: var(--dark-grey);
}

.paragraph-3 {
  color: gray;
  text-align: left;
  font-size: 20px;
  line-height: 1.5;
}

.paragraph-4 {
  color: #e6e6e6;
  text-align: left;
  font-size: 20px;
  line-height: 1.3;
}

.paragraph-4.black {
  color: var(--grey);
}

.heading-14 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-14.termocare-servizi {
  color: #fff;
  font-size: 35px;
  line-height: 1.2;
}

.heading-14.termocare-servizi.black {
  color: var(--dark-grey);
}

.foot {
  justify-content: center;
  align-items: flex-start;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.i-nostri-servizi {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.div-block-33 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100vh;
  display: flex;
  overflow: visible;
}

.bold-text-12 {
  font-size: 20px;
}

.hero_interaction-trigger {
  background-color: #0000;
  width: 1%;
  height: 1px;
  position: absolute;
  inset: 15% 0% auto;
}

.grey-circle {
  z-index: 1;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #f5f5f726;
  border-radius: 100px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  padding: 1rem .75rem 1rem 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.padding-section-large {
  height: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-global {
  height: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.blue-circle {
  z-index: 0;
  background-color: #0071e3;
  border-radius: 100px;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0%;
}

.apple_component {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.apple_cta-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: auto 0% 5%;
  overflow: visible;
}

.image-15 {
  width: 2rem;
  height: 2rem;
  margin: 0;
  position: relative;
  inset: 0%;
}

.section_hero {
  background-color: #101010;
  height: 100vh;
  position: relative;
}

.apple_logo {
  filter: invert();
  width: 8rem;
  position: absolute;
  inset: 20% auto 0%;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.cta_text {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  display: none;
  position: absolute;
  inset: auto auto auto 1rem;
}

.apple_cta-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  position: absolute;
  inset: auto;
  overflow: visible;
}

.image-16 {
  width: 2rem;
  height: 2rem;
  margin: 0;
  position: relative;
  inset: 0%;
}

.apple_cta-wrapper-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  position: absolute;
  inset: auto;
  overflow: visible;
}

.image-17 {
  width: 2rem;
  height: 2rem;
  margin: 0;
  position: relative;
  inset: 0%;
}

.section-6 {
  background-color: #000c;
}

.section-6.top-banner {
  background-color: #fff;
}

.text-block-14 {
  color: #1d1d1f;
  font-weight: 400;
}

.text-block-14.link {
  color: #0071e3;
}

.text-block-15 {
  color: #1d1d1f;
  font-weight: 400;
}

.text-block-15.link {
  color: #0071e3;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.bold-text-13 {
  font-weight: 600;
}

.bold-text-14 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 700;
}

.div-block-34 {
  margin-bottom: 10px;
  display: flex;
}

.div-block-35 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.bold-text-15 {
  color: #6e6e73;
  font-size: 40px;
  font-weight: 600;
}

.heading-15 {
  flex: 0 auto;
  display: block;
}

.heading-15.h1 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.1;
  display: flex;
}

.text-span {
  color: #1d1d1f;
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.section-7 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-18 {
  border-radius: 0;
}

.image-18.avatar {
  border-radius: 20px;
  margin-right: 10px;
  padding-top: 0;
}

.card-subline-2 {
  font-size: 17px;
  font-weight: 400;
}

.div-block-36 {
  flex-direction: column;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.section-8 {
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
}

.card-overline-2 {
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: Sf Pro Display, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.scroll-map-wrapper-2 {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  overflow: scroll;
}

.scroll-map-wrapper-2.supporto {
  padding-left: 30px;
  padding-right: 30px;
}

.card-header-3 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.card-header-3.black {
  color: #000;
}

.icon.accordion-icon {
  color: #0009;
  cursor: pointer;
  font-size: 32px;
  line-height: 30px;
}

.accordion-wrapper {
  margin-top: 50px;
  margin-left: 40px;
  margin-right: 40px;
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.accordion-heading {
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  line-height: 1.1;
}

.header-center-box {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.header-center-box._75 {
  width: 75%;
}

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

.content-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.content-wrapper.slim {
  max-width: 1024px;
  margin-top: 80px;
}

.accordion-item-content {
  margin-top: 10px;
  margin-right: 30px;
  overflow: hidden;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 30px;
  margin-bottom: 20px;
  padding: 24px 30px 14px;
  box-shadow: 0 3px 7px #00000008;
}

.section_header {
  height: 60px;
}

.section_text {
  color: #cecece;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 30px;
}

.section_text.yellow {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
}

.section_text.white {
  color: #f5f5f7;
  font-family: Sf Pro Display, sans-serif;
}

.custom_container {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.custom_container.sections {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-4 {
  background-color: #3898ec00;
  border: 1px solid #fff;
  border-radius: 100px;
  margin-top: 15px;
  padding: 15px 30px;
  font-size: 17px;
  font-weight: 400;
  transition: all .5s;
}

.button-4:hover {
  color: #242021;
  background-color: #fff;
}

.button-4.yellow {
  pointer-events: auto;
  color: #fff;
  vertical-align: baseline;
  border-color: #fff;
  margin-top: 0;
  margin-left: 10px;
  padding: 12px 20px;
  font-family: Sf Pro Display, sans-serif;
  transition: all .5s;
}

.button-4.yellow:hover {
  color: #000;
  background-color: #f9d773;
}

.button-4.margin-right {
  margin-right: 20px;
}

.button-4.black {
  color: #231f20;
  border-color: #231f20;
}

.button-4.black:hover {
  color: #fff;
  background-color: #231f20;
}

.section-9 {
  justify-content: center;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: 60vh;
}

.section-9.hero {
  z-index: 9;
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672266f0ba32bc205bc4a99c_Plasma-lamp_2.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65%;
  background-attachment: scroll;
  min-height: 100vh;
  margin-top: 0;
  padding-top: 60vh;
  padding-bottom: 60px;
  position: relative;
}

.section-9.hero.mobile {
  background-image: none;
  margin-top: -50px;
}

.btn-group {
  margin-top: 5px;
  margin-bottom: 100px;
}

.btn-group.iphone {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.section-10 {
  justify-content: center;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: 60vh;
}

.section-10.iphone-12-pro {
  z-index: 8;
  background-color: #000;
  background-image: linear-gradient(0deg, #000, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672260bf86145e80eadddaf3_gretel-and-hansel-20200.avif");
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  padding-top: 70vh;
  position: relative;
}

.section-10.iphone-12-pro.mobile {
  background-size: auto, auto;
}

.section-subtext {
  color: #727272;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  line-height: 1.2;
}

.section-subtext.titolosopra {
  color: red;
  font-family: Sf Pro Display, sans-serif;
  line-height: 1.2;
}

.section-subtext.titolo {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
}

.section-subtext.titolo.iphone {
  line-height: 1.2;
}

.section-subtext.altre-info {
  color: #6d6b6b;
}

.section-subtext.sopratitolo {
  color: red;
}

.section-11 {
  justify-content: center;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: 60vh;
}

.section-11.iphone-12 {
  z-index: 7;
  background-color: #f2f2f2;
  background-image: linear-gradient(0deg, #000000f2 25%, #fff0 75%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6723edd239a7d03c98852e10_fall2021_nancyholtelectricalsystem_umassd_photochrisdiani_16_51753054998_o.avif");
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 78vh;
  position: relative;
}

.section-12 {
  justify-content: center;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: 60vh;
}

.section-12.magsafe {
  z-index: 6;
  background-color: #fff;
  background-image: linear-gradient(0deg, #000000e0, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e60dad5a55904ef7e5e57_AdobeStock_216498376-2_11zon.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 65vh;
  position: relative;
}

.section-13 {
  justify-content: center;
  align-items: flex-end;
  min-height: 100vh;
  padding-top: 60vh;
}

.section-13.homepod {
  z-index: 5;
  background-color: #f2f2f2;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672184969d1611fe829af8c7_Homepod_mnii.avif");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 60vh;
  position: relative;
}

.section-13.homepod.mobile {
  background-image: linear-gradient(0deg, #000000bf, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e59acb8b0bfd57207c0da_pansol.avif");
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.bold-text-16 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
}

.heading-16 {
  color: #333;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-16.nero {
  color: #333;
}

.heading-16.white {
  margin-bottom: 0;
  font-size: 3.5rem;
}

.paragraph-5 {
  margin-top: 20px;
}

.div-block-39 {
  font-size: 50px;
}

.heading-17 {
  color: #fff;
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 60px;
}

.paragraph-6 {
  color: red;
  text-align: center;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
}

.heading-18 {
  color: #fff;
  text-align: center;
  background-color: #fff0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 1;
}

.div-block-40 {
  background-color: #000;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.heading-19 {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.2;
}

.background-video {
  z-index: 10;
  min-height: 100vh;
}

.pay_the_new {
  opacity: 1;
  color: #1d1d1f;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 5vw 6vw;
  display: block;
  position: relative;
}

.text-span-26 {
  display: block;
}

.pay_online {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc9648559a_icon_online_payments__e2n125dv8awm_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 85%;
  height: 75%;
  margin-left: auto;
  margin-right: auto;
}

.piu {
  z-index: 4;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855c4_black_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 55%;
  border-radius: 100px;
  width: 3vw;
  height: 3vw;
  position: absolute;
  inset: auto 5% 5% auto;
}

.piu.white {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855cd_White%20cross.svg");
}

.piu.meno.dietro {
  z-index: 0;
  position: static;
  transform: rotate(45deg);
}

.card_shadow {
  z-index: 1;
  opacity: .53;
  filter: blur(8px);
  background-color: #0000;
  background-image: linear-gradient(#0000004d, #000 10%);
  border-radius: 1vw;
  width: 100%;
  height: 86%;
  margin-bottom: 0;
  position: absolute;
}

.div-block-41 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485116_icon_brands_8__3zxpqivtqaae_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.half_card {
  opacity: 1;
  color: #1d1d1f;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 5vw 6vw;
  display: block;
  position: relative;
}

.half_card.white, .half_card.black {
  padding-bottom: 0;
}

.div-block-42 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484ff6_icon_brands_5__bsv1viu1anma_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.wallet_int {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding-top: 13.8vw;
  display: flex;
  position: relative;
}

.grid-3 {
  grid-column-gap: .7vw;
  grid-row-gap: .3vw;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100%;
  height: 95%;
}

.yellow_card {
  z-index: 2;
  background-color: #ffb003;
  border: 1px #000;
  border-top: 4px #0000001f;
  border-radius: 4.5%;
  justify-content: center;
  align-items: flex-end;
  width: 91%;
  height: 84%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.front_wallet {
  z-index: 5;
  background-color: #a8a69c00;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d34820d95dc96484f2e_wallet_front.svg"), linear-gradient(#0000 40%, #52525242 73%, #69444400);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  width: 100%;
  height: 100%;
  position: absolute;
}

.arw {
  display: inline-block;
  position: relative;
  top: 2px;
  left: -5px;
  transform: rotate(90deg);
}

.flip_card {
  background-color: #828d4400;
  border-radius: 7%;
  justify-content: center;
  align-items: center;
  width: 75vw;
  height: 48vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.text-span-10 {
  display: block;
}

.paragraph-7 {
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
}

.h3 {
  margin-top: 0;
  font-size: 1.5vw;
  font-weight: 600;
  display: inline-block;
}

.text-span-7 {
  display: block;
}

.div-block-43 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d34820d95dc96484f59_back_apple_pay__ghm95zopsga6_small_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

.clone-button-sc {
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 5vw;
  padding-bottom: 2vw;
  display: flex;
}

.column-5 {
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 1.5vw;
  display: flex;
}

.div-block-44 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc9648509a_icon_brands_2__fi7csx7ciqqi_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

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

.text-span-40 {
  color: #fff;
  display: block;
}

.text-span-38 {
  color: #3c98c7;
}

.text-span-41 {
  color: #fff;
}

.pay_in_apps {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855a3_icon_in_app_payments__fvmkhzqov36u_large_2x.avif");
  background-position: 50% 55%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 75%;
}

.text-span-9 {
  display: block;
}

.wallet_body {
  background-color: #d8d6cc;
  border-radius: 9%;
  justify-content: center;
  align-items: flex-end;
  width: 75%;
  height: 55%;
  display: flex;
  position: relative;
  overflow: visible;
}

.text-span-42 {
  color: #fff;
}

.div-block-17 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.div-block-46 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96485075_icon_brands_4__clj6q6njopqq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-span-22 {
  color: #fff;
}

.text-span-25 {
  display: block;
}

.text-span-23 {
  color: #fff;
}

.column-6 {
  align-items: flex-end;
  height: 100%;
  padding-left: 1.5vw;
  padding-right: 0;
  display: flex;
}

.h2 {
  color: #1d1d1f;
  text-align: center;
  margin-top: 0;
  font-size: 6.2vw;
  line-height: 6.5vw;
  display: inline;
}

.h2.half_white {
  text-align: left;
  letter-spacing: .05vw;
  font-size: 3.4vw;
  line-height: 3.7vw;
}

.h2.black {
  text-align: left;
  font-size: 5.6vw;
  line-height: 5.9vw;
}

.h2.black-copy {
  text-align: left;
  font-size: 5.3vw;
  line-height: 5.6vw;
}

.h2.blue {
  text-align: left;
}

.h2.white {
  text-align: left;
  font-size: 5.3vw;
  line-height: 5.3vw;
}

.h2.wrap {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2vw;
  display: block;
}

.loyaltiy_and {
  opacity: 1;
  color: #1d1d1f;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 5vw 4.5vw 5vw 5vw;
  display: block;
  position: relative;
}

.overview_iphone {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484f6c_apple_cash__erwsndmgotci_large_2x.avif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-span-18 {
  color: #3c98c7;
}

.div-block-47 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485566_icon_brands_9__igrjq8c93xyu_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.clonew {
  cursor: pointer;
  margin-right: 35px;
}

.text-span-6 {
  display: block;
}

.bold-text-17 {
  font-style: normal;
}

.bold-text-5-copy {
  color: #fff;
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 0;
}

.link-2 {
  color: #3e3e3d;
}

.div-block-48 {
  height: 50%;
}

.div-block-49 {
  width: 100%;
  height: 100%;
  display: flex;
}

.headline_area {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 70vh;
  display: flex;
  position: static;
}

.columns-3 {
  width: 100%;
  height: 100%;
}

.text-span-22-copy-copy {
  color: #fff;
}

.hero_int {
  z-index: 10;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: auto;
  right: auto;
}

.card-2 {
  background-color: #3c98c7;
  border-radius: 2.7vw;
  justify-content: center;
  align-items: center;
  width: 75vw;
  height: 53vw;
  display: flex;
}

.card-2.fff_card {
  background-color: #fff;
  height: 53vw;
  padding-left: 5vw;
  padding-right: 6vw;
  display: flex;
  overflow: hidden;
}

.card-2.fff_card.mobile {
  display: none;
}

.text-span-24 {
  display: block;
}

.div-block-50 {
  justify-content: center;
  padding-top: 2vw;
  display: flex;
}

.x {
  background-color: #161616;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855cd_White%20cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  border-radius: 100px;
  width: 35px;
  height: 35px;
  position: absolute;
  inset: auto 2.5% 4% auto;
  transform: rotate(45deg);
}

.text-span-39 {
  color: #3c98c7;
  display: block;
}

.div-block-51 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.div-block-52 {
  letter-spacing: .05vw;
  font-size: 1.4vw;
  line-height: 1.8vw;
}

.heading-20 {
  color: #fff;
  letter-spacing: .4vw;
  object-fit: fill;
  object-position: 50% 50%;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484fa4_download-8.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 190px;
  font-weight: 500;
  line-height: 1.1;
  display: block;
}

.bold-text-18 {
  color: #1d1d1f;
  font-size: 2.35vw;
  font-weight: 500;
  line-height: 2.7vw;
}

.columns-2 {
  width: 100%;
  height: 100%;
}

.columns-2.mobile {
  display: none;
}

.half_card_column {
  width: 75vw;
  height: 48vw;
  margin-left: auto;
  margin-right: auto;
}

.underline_onhover:hover {
  text-decoration: underline;
}

.columns {
  width: 100%;
  height: 100%;
}

.div-block-53 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc9648558b_icon_brands_3__c1ue4zu2zegm_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.blue_card {
  z-index: 1;
  background-color: #3c98c7;
  border-radius: 4.5%;
  justify-content: center;
  align-items: flex-end;
  width: 91%;
  height: 94%;
  padding-top: 0;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.text-span-13 {
  color: #16435a;
}

.div-block-54 {
  justify-content: center;
  align-items: flex-start;
  height: 25%;
  padding-top: .2vw;
  display: flex;
}

.paragraph_wrap {
  justify-content: center;
  align-items: center;
  margin-bottom: 2vw;
  display: flex;
}

.paragraph_wrap.mobile {
  display: none;
}

.hero_section {
  z-index: 8;
  background-color: #1b1b1b;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 4vh;
  padding-bottom: 15vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.payment_reward {
  color: #1d1d1f;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 11vw;
  display: flex;
}

.column-4 {
  height: 100%;
  padding-left: .75vw;
  padding-right: 0;
}

.div-block-24 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96485011_icon_brands_6__xuvijyta59eu_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-3 {
  height: 100%;
  padding-left: 0;
  padding-right: .75vw;
}

.creditsw {
  cursor: pointer;
}

.half_white_grid {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: .47fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.div-block-55 {
  justify-content: center;
  display: block;
}

.link {
  color: #06c;
  font-weight: 600;
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}

.clone {
  letter-spacing: .05vw;
  text-indent: 0;
  column-count: 0;
  font-size: 17px;
  font-weight: 400;
}

.div-block-56 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc964850dd_icon_brands_7__fx2djlszxd6q_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-2 {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

._56vw_spacer {
  width: 100vw;
  height: 56vw;
}

.text-span-21 {
  color: #3c98c7;
}

.text-span-11 {
  color: #fff;
}

.column {
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

._1-5vw_spacer {
  width: 100%;
  height: 1.5vw;
}

.credits {
  letter-spacing: .05vw;
  text-indent: 0;
  column-count: 0;
  font-size: 17px;
  font-weight: 400;
}

.card {
  background-color: #3c98c7;
  border-radius: 4.5%;
  justify-content: center;
  align-items: center;
  width: 75.1vw;
  height: 53vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.card._2nd_black_card, .card.black_card {
  z-index: 2;
  opacity: 1;
  backface-visibility: hidden;
  perspective: 1000px;
  transform-origin: 50%;
  background-color: #1d1d1f;
  height: 53vw;
  display: flex;
  position: relative;
  transform: perspective(1000px);
}

.card.half_black_card {
  z-index: 2;
  opacity: 1;
  backface-visibility: hidden;
  perspective: 1000px;
  transform-origin: 50%;
  background-color: #1d1d1f;
  width: 100%;
  height: 100%;
  position: relative;
  transform: perspective(1000px);
}

.card.half_white_card {
  z-index: 2;
  opacity: 1;
  backface-visibility: hidden;
  perspective: 1000px;
  transform-origin: 50%;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: relative;
  transform: perspective(1000px);
}

.card.fff_card {
  background-color: #fff;
  height: 53vw;
  padding-left: 5vw;
  padding-right: 6vw;
  display: flex;
  overflow: hidden;
}

.card.white_under_black {
  z-index: 1;
  opacity: 1;
  backface-visibility: hidden;
  perspective: 1000px;
  background-color: #fff;
  height: 53vw;
  position: absolute;
  transform: translate(0)perspective(1000px);
}

.wallet_icon {
  z-index: 10;
  background-color: #1e1e1f00;
  border-radius: 22%;
  justify-content: center;
  align-items: center;
  width: 22.7vw;
  height: 22.7vw;
  display: flex;
  position: fixed;
}

.div-block-57 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855ab_icon_in_store_payments__fcu1gpv8nqmq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90%;
  height: 75%;
  margin-left: auto;
  margin-right: auto;
}

.wallet_text {
  text-align: center;
  object-fit: fill;
  max-width: 1024px;
  position: relative;
}

._2nd_section {
  background-color: #d8d6cc;
  width: 100vw;
  height: auto;
  overflow: hidden;
}

._2nd_section.mob {
  background-color: #fff0;
  padding-left: 0;
  padding-right: 0;
}

.red_card {
  z-index: 4;
  background-color: #f26d5f;
  border-radius: 4.5%;
  width: 91%;
  height: 64%;
  position: absolute;
}

.div-block-9-copy {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 4.6vw;
  display: flex;
  position: static;
}

.cards {
  background-color: #d8d6cc00;
  border-radius: 11%;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.bold-text-19 {
  font-weight: 500;
  line-height: 1.9vw;
  display: block;
}

.text-block2 {
  color: #6e6e73;
  margin-bottom: 20px;
  font-size: 1.5vw;
  line-height: 1.8vw;
}

.text-span-12 {
  color: #fff;
}

.card_section {
  background-color: #d8d6cc;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 53vw;
  display: flex;
}

.card_section.fixed {
  background-color: #0000;
  flex-flow: column;
  height: auto;
  padding-top: 15vw;
  padding-bottom: 15vw;
  display: flex;
  overflow: hidden;
}

.card_section.fixed.firsfirst {
  background-color: #0000;
  padding-top: 0;
}

.grid-4 {
  grid-column-gap: 8.7vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 80%;
}

.main {
  z-index: 9;
  object-fit: fill;
  width: 100vw;
  max-width: none;
  padding-right: 0;
  position: relative;
  overflow: hidden;
  transform: rotate(0);
}

.h2-2 {
  color: #1d1d1f;
  text-align: center;
  margin-top: 0;
  font-size: 6.2vw;
  line-height: 6.5vw;
  display: inline;
}

.h2-2.white {
  text-align: left;
  font-size: 5.3vw;
  line-height: 5.3vw;
}

.carry-one-thing {
  flex: 0 auto;
  order: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  width: auto;
  max-width: 1024px;
  display: block;
}

.button-5 {
  background-color: #1d1d1f;
  border-radius: 40px;
  margin-top: .5vw;
  padding: 12px 22px;
  font-size: 17px;
  font-weight: 500;
}

.div-block-58 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.green_card {
  z-index: 3;
  background-color: #50be3d;
  border-radius: 4.5%;
  justify-content: center;
  align-items: flex-end;
  width: 91%;
  height: 74%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-59 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485340_icon_brands_1__b3ad0vwgxjqq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-span-8 {
  display: block;
}

.image-19 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  top: -20px;
}

.overview_iphone-2 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855b4_apple_card__d2n8rrc157gy_large_2x.avif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.paragraph-8 {
  color: #fff;
  background-color: #0000;
  font-family: Sf Pro Display, sans-serif;
  font-size: 40px;
  line-height: 1.1;
}

.text-span-44, .text-span-27 {
  display: block;
}

.div-block-60 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485116_icon_brands_8__3zxpqivtqaae_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-61 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484ff6_icon_brands_5__bsv1viu1anma_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.grid-5 {
  grid-column-gap: .7vw;
  grid-row-gap: .3vw;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100%;
  height: 95%;
}

.text-span-46, .text-span-47 {
  display: block;
}

.div-block-62 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d34820d95dc96484f59_back_apple_pay__ghm95zopsga6_small_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

.column-7 {
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 1.5vw;
  display: flex;
}

.div-block-63 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc9648509a_icon_brands_2__fi7csx7ciqqi_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

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

.text-span-49 {
  color: #fff;
  display: block;
}

.text-span-50 {
  color: #3c98c7;
}

.text-span-51 {
  color: #fff;
}

.text-span-52 {
  display: block;
}

.text-span-53 {
  color: #fff;
}

.div-block-65 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.div-block-66 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96485075_icon_brands_4__clj6q6njopqq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-span-54 {
  color: #fff;
}

.text-span-55 {
  display: block;
}

.text-span-56 {
  color: #fff;
}

.column-8 {
  align-items: flex-end;
  height: 100%;
  padding-left: 1.5vw;
  padding-right: 0;
  display: flex;
}

.overview_iphone-3 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484f6c_apple_cash__erwsndmgotci_large_2x.avif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-span-57 {
  color: #3c98c7;
}

.div-block-67 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485566_icon_brands_9__igrjq8c93xyu_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-span-58 {
  display: block;
}

.bold-text-20 {
  font-style: normal;
}

.div-block-68 {
  height: 50%;
}

.div-block-69 {
  width: 100%;
  height: 100%;
  display: flex;
}

.columns-4 {
  width: 100%;
  height: 100%;
}

.text-span-59 {
  display: block;
}

.div-block-70 {
  justify-content: center;
  padding-top: 2vw;
  display: flex;
}

.text-span-60 {
  color: #3c98c7;
  display: block;
}

.div-block-71 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.div-block-72 {
  letter-spacing: .05vw;
  font-size: 1.4vw;
  line-height: 1.8vw;
}

.heading-21 {
  color: #fff;
  letter-spacing: .4vw;
  object-fit: fill;
  object-position: 50% 50%;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484fa4_download-8.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  height: 16vw;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 190px;
  font-weight: 500;
  display: block;
}

.bold-text-21 {
  color: #1d1d1f;
  font-size: 2.35vw;
  font-weight: 500;
  line-height: 2.7vw;
}

.columns-5 {
  width: 100%;
  height: 100%;
}

.div-block-73 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc9648558b_icon_brands_3__c1ue4zu2zegm_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-span-61 {
  color: #16435a;
}

.div-block-74 {
  justify-content: center;
  align-items: flex-start;
  height: 25%;
  padding-top: .2vw;
  display: flex;
}

.column-9 {
  height: 100%;
  padding-left: .75vw;
  padding-right: 0;
}

.div-block-75 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96485011_icon_brands_6__xuvijyta59eu_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-10 {
  height: 100%;
  padding-left: 0;
  padding-right: .75vw;
}

.div-block-76 {
  justify-content: center;
  display: block;
}

.link-3 {
  color: #06c;
  font-weight: 600;
  text-decoration: none;
}

.link-3:hover {
  text-decoration: underline;
}

.div-block-77 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc964850dd_icon_brands_7__fx2djlszxd6q_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-11 {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.text-span-62 {
  color: #3c98c7;
}

.text-span-63 {
  color: #fff;
}

.column-12 {
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.card-3 {
  background-color: #fbae04;
  border-radius: 4.5%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 75.1vw;
  height: 35vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.card-3._2nd_black_card {
  z-index: 2;
  opacity: 1;
  backface-visibility: hidden;
  perspective: 1000px;
  transform-origin: 50%;
  background-color: #1d1d1f;
  height: 48vw;
  display: flex;
  position: relative;
  transform: perspective(1000px);
}

.card-3.black_card {
  z-index: 2;
  opacity: 1;
  backface-visibility: hidden;
  perspective: 1000px;
  transform-origin: 50%;
  background-color: #1d1d1f;
  height: 48vw;
  display: flex;
  position: relative;
  transform: translate(0)perspective(1000px);
}

.card-3.half_black_card {
  z-index: 2;
  opacity: 1;
  backface-visibility: hidden;
  perspective: 1000px;
  transform-origin: 50%;
  background-color: #1d1d1f;
  width: 100%;
  height: 100%;
  position: relative;
  transform: perspective(1000px);
}

.card-3.half_white_card {
  z-index: 2;
  opacity: 1;
  backface-visibility: hidden;
  perspective: 1000px;
  transform-origin: 50%;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: relative;
  transform: perspective(1000px);
}

.card-3.fff_card {
  background-color: #fff;
  height: 48vw;
  padding-left: 5vw;
  padding-right: 6vw;
  display: flex;
  overflow: hidden;
}

.card-3.white_under_black {
  z-index: 1;
  opacity: 1;
  backface-visibility: hidden;
  perspective: 1000px;
  background-color: #fff;
  height: 48vw;
  position: absolute;
  transform: perspective(1000px);
}

.card-3.vantaggio, .card-3.values {
  margin-top: 220px;
}

.div-block-78 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855ab_icon_in_store_payments__fcu1gpv8nqmq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90%;
  height: 75%;
  margin-left: auto;
  margin-right: auto;
}

.wallet_text-2 {
  z-index: 10;
  object-fit: fill;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.bold-text-22 {
  font-weight: 500;
  line-height: 1.9vw;
  display: block;
}

.text-span-65 {
  color: #fff;
}

.grid-6 {
  grid-column-gap: 8.7vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 80%;
}

.h2-3 {
  color: #1d1d1f;
  text-align: center;
  margin-top: 0;
  font-size: 6.2vw;
  line-height: 6.5vw;
  display: inline;
}

.h2-3.white {
  text-align: left;
  font-size: 5.3vw;
  line-height: 5.3vw;
}

.button-6 {
  background-color: #1d1d1f;
  border-radius: 40px;
  margin-top: .5vw;
  padding: 12px 22px;
  font-size: 17px;
  font-weight: 500;
}

.div-block-79 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-80 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485340_icon_brands_1__b3ad0vwgxjqq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-span-67 {
  display: block;
}

.image-20 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  top: -20px;
}

.text-span-68 {
  display: block;
}

.div-block-81 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485566_icon_brands_9__igrjq8c93xyu_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.overview_iphone-4 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484f6c_apple_cash__erwsndmgotci_large_2x.avif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-span-69 {
  display: block;
}

.grid-7 {
  grid-column-gap: .7vw;
  grid-row-gap: .3vw;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100%;
  height: 95%;
}

.heading-22 {
  color: #1b1b1b00;
  letter-spacing: .4vw;
  object-fit: fill;
  object-position: 50% 50%;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484fa4_download-8.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  height: 16vw;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20.9vw;
  display: block;
}

.div-block-82 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485116_icon_brands_8__3zxpqivtqaae_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-span-71 {
  display: block;
}

.wallet_icon-2 {
  z-index: 10;
  background-color: #1e1e1f;
  border-radius: 22%;
  justify-content: center;
  align-items: center;
  width: 22.7vw;
  height: 22.7vw;
  display: flex;
  position: fixed;
}

.text-span-72 {
  display: block;
}

.div-block-83 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc9648509a_icon_brands_2__fi7csx7ciqqi_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-13 {
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 1.5vw;
  display: flex;
}

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

.text-span-74 {
  color: #fff;
  display: block;
}

.text-span-75 {
  color: #3c98c7;
}

.div-block-85 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc9648558b_icon_brands_3__c1ue4zu2zegm_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-span-76 {
  color: #fff;
}

.text-span-77 {
  display: block;
}

.text-span-78 {
  color: #fff;
}

.div-block-87 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.text-span-79 {
  color: #fff;
}

.div-block-88 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96485075_icon_brands_4__clj6q6njopqq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.grid-8 {
  display: none;
}

.text-span-80 {
  color: #fff;
}

.column-14 {
  align-items: flex-end;
  height: 100%;
  padding-left: 1.5vw;
  padding-right: 0;
  display: flex;
}

.text-span-81 {
  color: #3c98c7;
}

.text-span-82 {
  display: block;
}

.bold-text-23 {
  font-style: normal;
}

.div-block-89 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96485011_icon_brands_6__xuvijyta59eu_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-90 {
  height: 50%;
}

.div-block-91 {
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-92 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d34820d95dc96484f59_back_apple_pay__ghm95zopsga6_small_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

.nav_icon {
  cursor: pointer;
  width: 27px;
  height: 22px;
}

.nav_icon.logo {
  filter: brightness(110%);
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672280b325c0ed19426e5797_5e2a2b8eca781465da2a1f44_apple-p-130x130q80.png");
  background-position: 50%;
  background-size: cover;
}

.nav_icon.logo:hover {
  filter: brightness(180%);
}

.nav_icon.search {
  filter: brightness(200%);
  background-color: #3898ec00;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672280b325c0ed19426e57cc_5e2a2cef09623962293bc92c_search-p-130x130q80.avif");
  background-position: 50%;
  background-size: cover;
  width: 22px;
}

.nav_icon.search:hover {
  filter: brightness(200%);
}

.nav_icon.bag {
  filter: brightness(200%);
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672280b325c0ed19426e57bf_5e2a2cf7b3437b61190253b6_bag-p-130x130q80.png");
  background-position: 50%;
  background-size: cover;
  width: 22px;
}

.nav_icon.bag:hover {
  filter: brightness(200%);
}

.columns-6 {
  width: 100%;
  height: 100%;
}

.card-4 {
  background-color: #3c98c7;
  border-radius: 2.7vw;
  justify-content: center;
  align-items: center;
  width: 75vw;
  height: 53vw;
  display: flex;
}

.card-4.fff_card {
  background-color: #fff;
  height: 53vw;
  padding-left: 5vw;
  padding-right: 6vw;
  display: flex;
  overflow: hidden;
}

.card-4.fff_card.mobile {
  display: none;
}

.div-block-93 {
  justify-content: center;
  padding-top: 2vw;
  display: flex;
}

.line {
  color: #9f6464;
  text-align: center;
  background-color: #d6d6d6;
  width: 1024px;
  height: 1px;
}

.nav_list {
  letter-spacing: .5px;
  grid-template-rows: auto;
  grid-template-columns: 2.08333vw 3.19444vw 2.70833vw 2.77778vw 3.75vw 3.54167vw 4.09583vw 5.625vw 6.66667vw 5.75833vw 4.16667vw 2.15278vw 2.01389vw;
  grid-auto-columns: minmax(0, .25fr);
  grid-auto-flow: row;
  justify-content: center;
  justify-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  font-size: 12px;
  display: flex;
}

.text-span-83 {
  color: #3c98c7;
  display: block;
}

.div-block-94 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc964850dd_icon_brands_7__fx2djlszxd6q_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-95 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.nav_bar {
  z-index: 10;
  background-color: #2c2b28;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 44px;
  margin-left: 0;
  padding-left: 22px;
  padding-right: 22px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-96 {
  letter-spacing: .05vw;
  font-size: 1.4vw;
  line-height: 1.8vw;
}

.bold-text-24 {
  color: #1d1d1f;
  font-size: 2.35vw;
  font-weight: 500;
  line-height: 2.7vw;
}

.div-block-97 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485340_icon_brands_1__b3ad0vwgxjqq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.columns-7 {
  width: 100%;
  height: 100%;
}

.text-span-84 {
  color: #16435a;
}

.div-block-98 {
  justify-content: center;
  align-items: flex-start;
  height: 25%;
  padding-top: .2vw;
  display: flex;
}

.div-block-99 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855ab_icon_in_store_payments__fcu1gpv8nqmq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90%;
  height: 75%;
  margin-left: auto;
  margin-right: auto;
}

._1024px_container {
  object-fit: contain;
  background-color: #0000;
  width: 1055px;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.column-15 {
  height: 100%;
  padding-left: .75vw;
  padding-right: 0;
}

.column-16 {
  height: 100%;
  padding-left: 0;
  padding-right: .75vw;
}

.nav_link {
  color: #d5d5d4d4;
  text-transform: none;
  text-decoration: none;
}

.div-block-100 {
  justify-content: center;
  display: block;
}

.link-4 {
  color: #06c;
  font-weight: 600;
  text-decoration: none;
}

.link-4:hover {
  text-decoration: underline;
}

.div-block-101 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484ff6_icon_brands_5__bsv1viu1anma_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-17 {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.text-span-85 {
  color: #3c98c7;
}

.text-span-86 {
  color: #fff;
}

.bold-text-25 {
  font-weight: 500;
  line-height: 1.9vw;
  display: block;
}

.overview_iphone-5 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855b4_apple_card__d2n8rrc157gy_large_2x.avif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero_section-2 {
  z-index: 8;
  background-color: #d9d6cc;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 4vh;
  padding-bottom: 15vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-span-88 {
  color: #fff;
}

.grid-9 {
  grid-column-gap: 8.7vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 80%;
}

.h2-4 {
  color: #1d1d1f;
  text-align: center;
  margin-top: 0;
  font-size: 6.2vw;
  line-height: 6.5vw;
  display: inline;
}

.h2-4.white {
  text-align: left;
  font-size: 5.3vw;
  line-height: 5.3vw;
}

.button-7 {
  background-color: #1d1d1f;
  border-radius: 40px;
  margin-top: .5vw;
  padding: 12px 22px;
  font-size: 17px;
  font-weight: 500;
}

.div-block-102 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav_block {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: .83vw;
  margin-right: .83vw;
  padding-left: .55vw;
  padding-right: .55vw;
  display: flex;
}

.image-21 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  top: -20px;
}

.div-block-103 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485566_icon_brands_9__igrjq8c93xyu_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.heading-23 {
  color: #1b1b1b00;
  letter-spacing: .4vw;
  object-fit: fill;
  object-position: 50% 50%;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484fa4_download-8.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  height: 16vw;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20.9vw;
  display: block;
}

.div-block-104 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485116_icon_brands_8__3zxpqivtqaae_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-105 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc9648509a_icon_brands_2__fi7csx7ciqqi_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-18 {
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 1.5vw;
  display: flex;
}

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

.text-span-94 {
  color: #fff;
  display: block;
}

.text-span-95 {
  color: #3c98c7;
}

.div-block-107 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc9648558b_icon_brands_3__c1ue4zu2zegm_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-span-96, .text-span-97 {
  color: #fff;
}

.div-block-109 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.text-span-98 {
  color: #fff;
}

.div-block-110 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96485075_icon_brands_4__clj6q6njopqq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.grid-10 {
  display: none;
}

.text-span-100 {
  color: #fff;
}

.column-19 {
  align-items: flex-end;
  height: 100%;
  padding-left: 1.5vw;
  padding-right: 0;
  display: flex;
}

.h2-5 {
  color: #1d1d1f;
  text-align: center;
  margin-top: 0;
  font-size: 6.2vw;
  line-height: 6.5vw;
  display: inline;
}

.h2-5.half_white {
  text-align: left;
  letter-spacing: .05vw;
  font-size: 3.4vw;
  line-height: 3.7vw;
}

.h2-5.black {
  text-align: left;
  font-size: 5.6vw;
  line-height: 5.9vw;
}

.h2-5.black-copy {
  text-align: left;
  font-size: 5.3vw;
  line-height: 5.6vw;
}

.h2-5.blue {
  text-align: left;
}

.h2-5.white {
  text-align: left;
  font-size: 5.3vw;
  line-height: 5.3vw;
}

.h2-5.wrap {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2vw;
  display: block;
}

.text-span-101 {
  color: #3c98c7;
}

.text-span-103 {
  display: block;
}

.bold-text-26 {
  font-style: normal;
}

.div-block-111 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96485011_icon_brands_6__xuvijyta59eu_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-112 {
  height: 50%;
}

.div-block-113 {
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-114 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d34820d95dc96484f59_back_apple_pay__ghm95zopsga6_small_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

.columns-8 {
  width: 100%;
  height: 100%;
}

.card-5 {
  background-color: #3c98c7;
  border-radius: 2.7vw;
  justify-content: center;
  align-items: center;
  width: 75vw;
  height: 53vw;
  display: flex;
}

.card-5.fff_card {
  background-color: #fff;
  height: 53vw;
  padding-left: 5vw;
  padding-right: 6vw;
  display: flex;
  overflow: hidden;
}

.card-5.fff_card.mobile {
  display: none;
}

.div-block-115 {
  justify-content: center;
  padding-top: 2vw;
  display: flex;
}

.text-span-105 {
  color: #3c98c7;
  display: block;
}

.div-block-116 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc964850dd_icon_brands_7__fx2djlszxd6q_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-117 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.div-block-118 {
  letter-spacing: .05vw;
  font-size: 1.4vw;
  line-height: 1.8vw;
}

.bold-text-27 {
  color: #1d1d1f;
  font-size: 2.35vw;
  font-weight: 500;
  line-height: 2.7vw;
}

.div-block-119 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485340_icon_brands_1__b3ad0vwgxjqq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.columns-9 {
  width: 100%;
  height: 100%;
}

.text-span-107 {
  color: #16435a;
}

.div-block-120 {
  justify-content: center;
  align-items: flex-start;
  height: 25%;
  padding-top: .2vw;
  display: flex;
}

.div-block-121 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855ab_icon_in_store_payments__fcu1gpv8nqmq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90%;
  height: 75%;
  margin-left: auto;
  margin-right: auto;
}

.column-20 {
  height: 100%;
  padding-left: .75vw;
  padding-right: 0;
}

.column-21 {
  height: 100%;
  padding-left: 0;
  padding-right: .75vw;
}

.div-block-122 {
  justify-content: center;
  display: block;
}

.link-5 {
  color: #06c;
  font-weight: 600;
  text-decoration: none;
}

.link-5:hover {
  text-decoration: underline;
}

.div-block-123 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484ff6_icon_brands_5__bsv1viu1anma_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-22 {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.text-span-110 {
  color: #3c98c7;
}

.text-span-111 {
  color: #fff;
}

.column-23 {
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.bold-text-28 {
  font-weight: 500;
  line-height: 1.9vw;
  display: block;
}

.overview_iphone-6 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855b4_apple_card__d2n8rrc157gy_large_2x.avif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero_section-3 {
  z-index: 8;
  background-color: #d9d6cc;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 4vh;
  padding-bottom: 15vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-span-113 {
  color: #fff;
}

.grid-11 {
  grid-column-gap: 8.7vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 80%;
}

.div-block-124 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-22 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  top: -20px;
}

.nav_wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-bottom: -6px;
  display: flex;
}

.left_panel {
  z-index: 15;
  flex: none;
  height: 100%;
  margin-bottom: 3px;
  margin-right: -64px;
  position: relative;
}

.gradient_blur {
  z-index: 2;
  opacity: .77;
  filter: blur(50px);
  background-color: #3d2219;
  border-radius: 100%;
  width: 200px;
  height: 200px;
  display: none;
  position: absolute;
  inset: -10% 0% auto 50%;
  transform: translate(-50%);
}

.mask_nav {
  height: 98%;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-bottom: 2px;
}

.nav_link_wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav_link_wrap.u-right {
  justify-content: flex-start;
  align-items: center;
  margin-left: 16px;
}

.nav_link_wrap.u-left {
  margin-right: 16px;
}

.img_apple {
  z-index: 10;
  opacity: .81;
  width: 19px;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0;
  position: relative;
}

.right_panel {
  z-index: 13;
  flex: none;
  height: 100%;
  margin-bottom: 3px;
  margin-left: -56px;
  position: relative;
}

.nav {
  z-index: 10;
  background-color: #1a1a1a;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-bottom: 12px;
  padding: 0 80px 8px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav_link-2 {
  z-index: 10;
  color: #bfbfbf;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  position: relative;
}

.menu_wrap {
  z-index: 50;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.underline {
  z-index: 9;
  background-color: #1a1a1a;
  width: 100%;
  height: 12px;
  padding-bottom: 0;
  position: relative;
}

.body-2 {
  background-color: #fff0;
}

.section-14 {
  perspective: 1000px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  height: 60vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.image-23 {
  backface-visibility: hidden;
  width: 25px;
  position: relative;
  inset: 58% 0% 0%;
  transform: rotate(90deg);
}

.card-wrapper {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  inset: 0%;
  transform: none;
}

.heading-24 {
  text-align: center;
}

.fronte {
  background-color: #fff;
  border-radius: 20px;
  width: 700px;
  height: 500px;
}

.fronte.margin {
  backface-visibility: hidden;
  text-align: center;
  width: 500px;
  padding: 40px;
  position: absolute;
  box-shadow: 0 7px 58px #0003;
}

.fronte.pd-tp-l-r-40 {
  backface-visibility: hidden;
  z-index: 1;
  background-color: #7d7878;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 75.1vw;
  height: 48vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.fronte.pd-tp-l-r-40.giro-2 {
  padding-left: 6vw;
  padding-right: 6vw;
  overflow: visible;
}

.heading-25 {
  color: #fff;
  text-align: center;
}

.paragraph-9 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
}

.paragraph-9.white {
  color: #333;
  text-align: center;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 28px;
}

.card-back {
  background-color: #333;
  border-radius: 20px;
  width: 700px;
  height: 500px;
}

.card-back.margin {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #1a1a1a;
  padding: 40px;
  position: absolute;
  inset: auto;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
  box-shadow: 0 7px 194px 10px #0003;
}

.div-block-125 {
  min-height: 100vh;
}

.div-block-126 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855ab_icon_in_store_payments__fcu1gpv8nqmq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90%;
  height: 75%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-127 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d34820d95dc96484f59_back_apple_pay__ghm95zopsga6_small_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

.div-block-128 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485566_icon_brands_9__igrjq8c93xyu_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.grid-12 {
  grid-column-gap: .7vw;
  grid-row-gap: .3vw;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100%;
  height: 95%;
}

.overview_iphone-7 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d37820d95dc964855b4_apple_card__d2n8rrc157gy_large_2x.avif");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-129 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485340_icon_brands_1__b3ad0vwgxjqq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-24 {
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 1.5vw;
  display: flex;
}

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

.text-span-120 {
  color: #fff;
  display: block;
}

.text-span-121 {
  color: #3c98c7;
}

.text-span-122, .text-span-123 {
  color: #fff;
}

.heading-26 {
  color: #1b1b1b00;
  letter-spacing: .4vw;
  object-fit: fill;
  object-position: 50% 50%;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484fa4_download-8.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  height: 16vw;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 200px;
  display: block;
}

.div-block-131 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  overflow: hidden;
}

.text-span-124, .text-span-126 {
  color: #fff;
}

.column-25 {
  align-items: flex-end;
  height: 100%;
  padding-left: 1.5vw;
  padding-right: 0;
  display: flex;
}

.h2-6 {
  color: #1d1d1f;
  text-align: center;
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  line-height: 6.5vw;
  display: inline;
}

.h2-6.half_white {
  text-align: left;
  letter-spacing: .05vw;
  font-size: 3.4vw;
  line-height: 3.7vw;
}

.h2-6.black {
  text-align: left;
  font-size: 5.6vw;
  line-height: 5.9vw;
}

.h2-6.black-copy {
  text-align: left;
  font-size: 5.3vw;
  line-height: 5.6vw;
}

.h2-6.blue {
  text-align: left;
}

.h2-6.white {
  text-align: left;
  font-size: 5.3vw;
  line-height: 5.3vw;
}

.h2-6.wrap {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2vw;
  display: block;
}

.text-span-127 {
  color: #3c98c7;
}

.text-span-129 {
  display: block;
}

.bold-text-29 {
  font-style: normal;
}

.div-block-132 {
  height: 50%;
}

.div-block-133 {
  text-align: left;
  width: 100%;
  height: 100%;
  display: block;
}

.columns-10 {
  width: 100%;
  height: 100%;
}

.card-6 {
  background-color: #3c98c7;
  border-radius: 2.7vw;
  justify-content: center;
  align-items: center;
  width: 75vw;
  height: 53vw;
  display: flex;
}

.card-6.fff_card {
  background-color: #fff;
  height: 53vw;
  padding-left: 5vw;
  padding-right: 6vw;
  display: flex;
  overflow: hidden;
}

.card-6.fff_card.mobile {
  display: none;
  overflow: hidden;
}

.div-block-134 {
  justify-content: center;
  padding-top: 2vw;
  display: flex;
}

.div-block-135 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc9648558b_icon_brands_3__c1ue4zu2zegm_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-span-131 {
  color: #3c98c7;
  display: block;
}

.div-block-136 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.div-block-137 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96484ff6_icon_brands_5__bsv1viu1anma_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-138 {
  letter-spacing: .05vw;
  font-size: 1.4vw;
  line-height: 1.8vw;
}

.bold-text-30 {
  color: #1d1d1f;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.3;
}

.div-block-139 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96485011_icon_brands_6__xuvijyta59eu_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.columns-11 {
  width: 100%;
  height: 100%;
}

.text-span-133 {
  color: #000;
  font-family: Sf Pro Display, sans-serif;
}

.div-block-140 {
  justify-content: center;
  align-items: flex-start;
  height: 25%;
  padding-top: .2vw;
  display: flex;
}

.column-26 {
  height: 100%;
  padding-left: 0;
  padding-right: .75vw;
}

.div-block-141 {
  justify-content: center;
  display: block;
}

.link-6 {
  color: #06c;
  font-weight: 600;
  text-decoration: none;
}

.link-6:hover {
  text-decoration: underline;
}

.div-block-142 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc96485116_icon_brands_8__3zxpqivtqaae_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-27 {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.text-span-136 {
  color: #3c98c7;
}

.text-span-137 {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
}

.column-28 {
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-143 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc9648509a_icon_brands_2__fi7csx7ciqqi_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.bold-text-31 {
  font-weight: 500;
  line-height: 1.9vw;
  display: block;
}

.hero_section-4 {
  z-index: 1;
  background-color: #fff0;
  background-image: linear-gradient(#00000059, #00000059), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676f2cac8108263f2270687d_Termolima.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-span-139 {
  color: #fff;
}

.div-block-144 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d35820d95dc96485075_icon_brands_4__clj6q6njopqq_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-span-140 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  font-weight: 700;
}

.div-block-145 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67227d36820d95dc964850dd_icon_brands_7__fx2djlszxd6q_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-146 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  height: 80vh;
  margin-top: 20vw;
  display: flex;
}

.image-24 {
  border-radius: 30px 0 0 30px;
  width: auto;
  height: 100%;
  top: -20px;
  overflow: clip;
}

.paragraph-10 {
  text-align: center;
  max-width: 1024px;
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 100px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-10.mobile.termolima {
  color: #fff;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(208deg, #e82015 7%, #ff5d1a 26%, #d1a65c 50%, #0074ff 77%, #174586 94%);
  -webkit-background-clip: text;
  background-clip: text;
  border: 1px #000;
  margin-top: 20px;
  font-size: 5rem;
}

.heading-27 {
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 200px;
  font-weight: 500;
  line-height: 1.1;
}

.div-block-147 {
  text-align: center;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.heading-28 {
  color: #000;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-28.bllack {
  color: #333;
  font-size: 4rem;
}

.heading-28.business, .heading-28.business.phoneeee {
  color: #fff;
}

.div-block-148 {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  line-height: 20px;
  display: flex;
}

.hero__image {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722cb91778d2a69c3822d6a_image.avif"), linear-gradient(#0000, #000 15%);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  width: 1347px;
  height: 662px;
  position: static;
  inset: 0% 0 auto 0%;
}

.hero__video {
  z-index: 2;
  width: 1347px;
  height: 662px;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.container-7 {
  justify-content: center;
  align-items: center;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
}

.container-7.hero__container {
  height: 662px;
  padding-top: 14px;
  position: relative;
}

.container-7.hero-content {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-7.less-bezel__container {
  text-align: left;
  position: relative;
}

.hero__sub-heading {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.the-up-1 {
  font-size: 13px;
  position: relative;
  top: -10px;
}

.hero__heading {
  color: #fff;
  text-align: center;
  letter-spacing: -4px;
  font-size: 80px;
  font-weight: 600;
  line-height: 1;
}

.header-overlay {
  z-index: 11;
  background-image: linear-gradient(90deg, #0000001a, #000 26%);
  width: 200%;
  height: 110%;
  position: absolute;
  inset: 0% 0% 0% -50%;
}

.hero-2 {
  text-align: left;
  padding-top: 100px;
  padding-bottom: 220px;
  overflow: hidden;
}

.header__wrappers {
  width: 320px;
  position: relative;
}

.header__wrappers.header__wrappers--1 {
  width: 460px;
}

.header-parent {
  justify-content: center;
  display: flex;
}

.paragraph-11 {
  color: #95959a;
  text-align: center;
  max-width: 660px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.paragraph-11.paragraph--2 {
  color: #fff;
  cursor: pointer;
  margin-top: 60px;
}

.paragraph-11.paragraph--1 {
  margin-top: 60px;
}

.body-3 {
  background-color: var(--color);
}

.less-bezel__image-mask {
  z-index: 5;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6723a1ed566d17376a7f0912_stefan-stefancik-pzA7QWNCIYg-unsplash%20(1).avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 770px;
  height: 715px;
  position: relative;
}

.less-bezel__lottie {
  z-index: 4;
  width: 700px;
  height: 686px;
  position: absolute;
  inset: 34px 0% auto 31px;
}

.less-bezel {
  padding-top: 220px;
  padding-bottom: 150px;
  overflow: hidden;
}

.less-bezel__image {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bea7f832c8687c47f277_design_less_bezel_static__deihs6pgwrcm_large.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 770px 715px;
  width: 770px;
  height: 715px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.less-bezel__overlay {
  z-index: 6;
  opacity: 0;
  text-align: left;
  background-image: linear-gradient(90deg, #0000, #000 45%);
  width: 140%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: -50%;
}

.less-bezel__header {
  color: #999;
  text-align: center;
  max-width: none;
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 100px;
  padding-right: 100px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

.less-bezel__header.ilnostroteam {
  color: #fff;
  margin-bottom: 10px;
  font-size: 60px;
}

.less-bezel__bottom-shadow {
  z-index: 10;
  background-image: linear-gradient(to top, #000, #0000);
  width: 100%;
  height: 150px;
  position: absolute;
  bottom: -10px;
}

.less-bezel__bottom-shadow.alone {
  background-image: linear-gradient(0deg, #000 55%, #0000);
  height: 500px;
  position: relative;
  bottom: 0;
}

.less-bezel__media-wrapper {
  width: 770px;
  height: 715px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.compare__image {
  z-index: 1;
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722beb6ce265377b8b2ea43_design_compare_static__dxh2vl01z1ci_large.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 320px 628px;
  width: 100%;
  height: 100%;
  position: relative;
}

.compare {
  padding-top: 220px;
  overflow: hidden;
}

.compare__heading {
  color: #fff;
  text-align: right;
  max-width: 200px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
}

.compare__heading.compare__heading--left-align {
  text-align: left;
  width: 100%;
  font-family: Sf Pro Display, sans-serif;
  font-size: 25px;
}

.compare__lottie {
  z-index: 2;
  opacity: 1;
  position: absolute;
  inset: 0%;
}

.compare__power {
  font-size: 13px;
  position: relative;
  top: -6px;
}

.compare__flex-right {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.compare__btn {
  z-index: 11;
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 2px solid #919191;
  border-radius: 30px;
  width: 150px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 500;
  display: block;
  position: relative;
  bottom: auto;
}

.compare__media-wrapper {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6723ab981c8ebedf8dfe13a7_Untitled%20design.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 450px;
  height: 628px;
  display: flex;
  position: relative;
}

.compare__para {
  color: #87878b;
  text-align: right;
  width: 100%;
  max-width: 200px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  position: static;
}

.compare__para.compare__para--left-align {
  text-align: left;
}

.compare__flex-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.compare__flex {
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.kick-glass__btn {
  background-color: #3898ec00;
  border-top: 1px solid #61b6cd99;
  border-bottom: 1px solid #005e7f99;
  border-radius: 20px;
  width: 130px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.kick-glass__btn.kick-glass__btn--left {
  margin-left: 0;
  margin-right: 0;
}

.kick-glass__btn._12-pro__flex-btn {
  margin-left: 50%;
  margin-right: 0;
}

.kick-glass__image {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bebf70fed97b21b54e20_design_tougher_glass__czlsbgxawrki_large.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1304px 218px;
  width: 1304px;
  height: 208px;
  margin: 30px auto 60px;
}

.kick-glass__heading {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.kick-glass__header {
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.5;
}

.kick-glass__overlay {
  z-index: 2;
  opacity: 1;
  background-image: linear-gradient(to right, #0000, #000 37%);
  display: block;
  position: absolute;
  inset: 0%;
}

.kick-glass__para {
  color: #fff5f5;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}

.kick-glass__para.download-glass__para {
  text-align: center;
  margin-top: 0;
}

.kick-glass__para.download-glass__para.left-align {
  text-align: left;
  margin-left: 140px;
}

.kick-glass__para.grid-glass__para {
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
}

.kick-glass__para.camera__flex-para {
  flex: 0 58.3%;
  line-height: 1.1;
}

.kick-glass__para.camera__flex-para._12-pro__para {
  flex-basis: auto;
}

.kick-glass {
  padding-top: 220px;
  overflow: hidden;
}

.surgical-grade__flex {
  justify-content: space-around;
  display: flex;
}

.surgical-grade__header {
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.5;
}

.surgical-grade {
  padding-top: 220px;
  overflow: hidden;
}

.surgical-grade__overaly {
  opacity: 1;
  background-image: linear-gradient(to right, #0000, #000 26%);
  width: 200%;
  position: absolute;
  inset: 0% 0% 0% -50%;
}

.surgical-grade__wrapper {
  margin-top: 140px;
  position: relative;
  transform: rotate(90deg);
}

.surgical-grade__wrapper.surgical-grade__wrapper-1 {
  margin-top: 100vh;
}

.surgical-grade__lottie {
  width: 176px;
  height: 1400px;
}

.water__heading3 {
  color: #585858;
  width: 41.6%;
  margin-top: 40px;
  font-size: 18px;
}

.water__heading3.water__heading3-1 {
  margin-top: -10px;
}

.water__content {
  z-index: 2;
  padding-top: 12px;
  position: relative;
  top: -363px;
}

.water__power {
  font-size: 14px;
  position: relative;
  top: -8px;
}

.water {
  overflow: hidden;
}

.water__image {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722becb332b6097dec1d305_design_water_resistance__bx3cq2uzbzw2_large.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1080px 990px;
  width: 1080px;
  height: 990px;
  margin-left: -386px;
  position: relative;
  left: 50%;
}

.water__heading {
  color: #fff;
  width: 41%;
  font-size: 60px;
  font-weight: 600;
  line-height: .7;
}

.four-touch {
  overflow: hidden;
}

.four-touch__meida-wrapper {
  width: 1108px;
  height: 950px;
  margin-left: -549px;
  position: relative;
  left: 50%;
}

.four-touch__image {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bed02bb14bd55fb85acd_design_finishing_touches_static__cerrbjkbibg2_large.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1108px 950px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.four-touch__lottie {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: relative;
}

.four-touch__heading {
  color: #fff;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}

.four-touch__para {
  color: #666;
  text-align: center;
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
}

.download__down-image {
  background-color: #000;
  width: 340px;
  display: block;
  position: absolute;
  top: 12px;
  left: 201px;
}

.download__down-image.download__down-image--movie {
  display: none;
}

.download__head {
  color: #fff;
  text-align: center;
  font-size: 80px;
  font-weight: 600;
  line-height: 1;
}

.download__download-image {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bed889c718108c85ae3f_5g_show_01_downloading__ugasi8688yqi_large.avif");
  background-position: 0 0;
  background-size: 332px 102px;
  width: 332px;
  height: 102px;
}

.download__download-image.download__download-image--4 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bed989c718108c85b085_5g_show_04_downloading__bpwdwow1lmhe_large.avif");
}

.download__download-image.download__download-image--6 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722beda89c718108c85b344_5g_show_07_downloading__e3xx7ozr6owi_large.avif");
}

.download__download-image.download__download-image--5 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bed989c718108c85b106_5g_show_05_downloading__rn0ahwhpe0i2_large.avif");
}

.download__download-image.download__download-image--3 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bed989c718108c85b008_5g_show_03_downloading__el9s5eeilbue_large.avif");
}

.download__headings {
  margin-bottom: 90px;
  position: relative;
}

.download__device {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 0;
  display: flex;
  position: relative;
  left: auto;
  right: auto;
}

.download__arrow {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bed989c718108c85af93_5g_arrow__c9mz5ucsvo2u_large.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 22px 32px;
  width: 22px;
  height: 32px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  right: 65px;
}

.download__arrow.download__arrow--lottie {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  display: flex;
}

.download__hardware {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 770px;
  height: 1336px;
  display: flex;
  position: absolute;
  inset: 0% 0 auto 0%;
}

.download__divider {
  color: #424245;
  background-color: #424245;
  width: 100%;
  height: 1px;
  margin-top: 26px;
}

.download__para {
  color: #95959a;
  text-align: center;
  width: 770px;
  margin: 40px auto 90px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.download__para.download__lidar-para {
  color: #a1a1a6;
  margin-bottom: 100px;
}

.download__para.download__lidar-para.hdr-video-para {
  margin-top: 150px;
}

.download__para.download__lidar-para.hdr-video-para.left-align {
  text-align: left;
  margin-left: 140px;
  margin-right: 0;
}

.download__para.download__lidar-para.charge__para {
  text-align: left;
  width: auto;
}

.download__para.download__para-left {
  text-align: left;
  width: 58.3%;
  margin-left: 16.6%;
  margin-right: 0;
}

.download__overlay-inter {
  opacity: 0;
  background-image: linear-gradient(to right, #0000, #000 65%);
  width: 200%;
  position: absolute;
  inset: 0% 0% 0% -100%;
}

.download__wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 770px;
  height: 1336px;
  margin-bottom: -367px;
  display: flex;
}

.download {
  height: auto;
  margin-top: 425px;
  padding-bottom: 425px;
  position: relative;
  overflow: hidden;
}

.download__sub-head {
  color: #6e6e73;
  text-align: center;
  font-size: 80px;
  font-weight: 600;
  line-height: 1.3;
}

.download__hz-bottom {
  opacity: .5;
  background-color: #424245;
  width: 533px;
  height: 1px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.download__screen {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 1336px;
  padding: 80px 20px 20px;
  display: flex;
  position: absolute;
  inset: 0% 0 auto 0%;
}

.download__downloading {
  width: auto;
  padding-left: 0;
  padding-right: 0;
}

.download__ui-top {
  width: auto;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
}

.download__movie-image {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6756c28bc5716533edaf8937_premium_photo-1672201106204-58e9af7a2888.avif");
  background-position: 0 0;
  background-size: 533px 102px;
  width: 533px;
  height: 102px;
}

.download__movie-image.download__movie-image--2, .download__movie-image.download__movie-image--3, .download__movie-image.download__movie-image--5, .download__movie-image.download__movie-image--6, .download__movie-image.download__movie-image7, .download__movie-image.download__movie-image--4 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6756c28bc5716533edaf8937_premium_photo-1672201106204-58e9af7a2888.avif");
}

.download__download-tv {
  transform-origin: 50% 0;
  background-color: #000;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
}

.download__overlay-exit {
  opacity: 1;
  background-image: linear-gradient(#0000, #000 73%);
  height: 400px;
  position: absolute;
  inset: -400px 0% auto;
}

._5g-download {
  padding-bottom: 90px;
  overflow: hidden;
}

._14bionic__grid {
  margin-bottom: 90px;
}

.grid__backdrop {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cell__para {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.cell__para.body {
  font-size: 13px;
}

.cell__para.body.skinny {
  font-weight: 400;
}

._14bionic__content {
  margin-bottom: 100px;
  position: relative;
}

._14bionic__content-overlay {
  background-image: linear-gradient(315deg, #000 42%, #0000);
  width: 200%;
  position: absolute;
  inset: -5% 0%;
}

.grid__spotlight {
  opacity: .4;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bf9e76ce824e7ee866be_gradient__eb6qddgekbyq_large.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 715px 835px;
  width: 715px;
  height: 835px;
  position: absolute;
}

.grid__spotlight.small-remove.third-child {
  bottom: 0;
  left: 31%;
}

.grid__spotlight.small-remove.second-child {
  top: 340px;
  left: 9px;
}

.grid__spotlight.first-child {
  top: -40px;
}

.grid__spotlight.last-child {
  bottom: -10px;
  left: 18%;
}

.grid__spotlight-wrapper {
  background-color: #000;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cell {
  z-index: 1;
  opacity: 1;
  background-color: #000;
  border-radius: 3px;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 20px 20px 15px;
  display: flex;
  position: relative;
  box-shadow: 0 0 8px #61b6cd4d;
}

.grid-13 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: 170px 210px 285px 215px 170px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 60px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

._14bionic {
  margin-bottom: 760px;
  padding-top: 220px;
  overflow: hidden;
}

._14bionic__headling {
  color: #6e6e73;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 1;
}

._14bionic__headling._14bionic__heading--white {
  color: #fff;
}

._14bionic__headling._14bionic__heading--white._14bionic__heading--margin {
  margin-bottom: 40px;
}

._14bionic__headling.performance {
  color: #2a84a1;
  font-size: 30px;
}

.lidar {
  z-index: 4;
  margin-top: 274px;
  padding-top: 0;
  position: relative;
}

.lidar__line-hz {
  background-color: #3790ab;
  width: 530px;
  height: 2px;
  margin: 30px auto;
}

.lidar__bottom-content {
  z-index: 4;
  margin-top: -555px;
  padding-top: 220px;
  padding-bottom: 49px;
  position: relative;
}

.lidar-test-overlay {
  z-index: 2;
  background-image: radial-gradient(circle, #0000, #000 57%);
  width: 200vw;
  position: absolute;
  inset: 0% 0% 0% 50%;
  transform: translate(-50%);
}

.lidar__content-wrapper {
  margin-left: 60px;
  display: block;
  position: relative;
}

.lidar__content-overlay {
  z-index: 5;
  background-image: linear-gradient(118deg, #0000, #000 26%);
  position: absolute;
  inset: -20% 0% -20% -50%;
}

.lidar__media-container {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.lidar__content {
  z-index: 2;
  margin-top: 0;
  padding-bottom: 220px;
  position: relative;
  top: -50vh;
  overflow: hidden;
}

.lidar__content.normal-one {
  z-index: 5;
  padding-bottom: 0;
  position: relative;
  top: auto;
}

.lidar__scroll-container {
  z-index: 1;
  height: 300vh;
  margin-top: -100vh;
  position: relative;
}

.lidar__header {
  font-size: 80px;
  font-weight: 600;
  line-height: .7;
}

.lidar__header.lidar__header--white {
  color: #fff;
  font-size: 70px;
}

.lidar__header.lidar__header--white.align-center {
  text-align: center;
}

.lidar__header.lidar__header--gray {
  color: #6e6e73;
  font-size: 70px;
}

.lidar__video {
  object-fit: cover;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.lidar__video-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.overflow-hidden {
  width: 100vw;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.portrait-night__headline {
  z-index: 5;
  color: #fff;
  margin-top: 0;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  position: relative;
}

.portrait-night__headline.align-center {
  text-align: center;
}

.gallery-card__stikcy-content {
  min-height: 100vh;
  position: sticky;
  top: 0;
}

.potrait-night__intro {
  width: 80%;
  margin-left: 0%;
}

.center-content {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

._12-pro__call-out {
  flex-wrap: wrap;
  margin-top: 115px;
}

.text-content {
  width: 66.6%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.text-content.deep-fusion {
  width: 33.33%;
  margin-left: 12px;
  margin-right: auto;
}

._12-pro__intro-para {
  z-index: 2;
  margin-top: 126px;
  position: relative;
}

.portrait-day__heading-wrapper {
  text-align: center;
  min-height: 20vh;
  position: relative;
}

.pro-camera__intro {
  margin-bottom: -50px;
  padding-bottom: 50px;
  overflow: hidden;
}

.pro-camera__intro.pro-camera__intro--1 {
  color: #a1a1a6;
  text-align: left;
  margin-top: 70px;
  margin-bottom: 0;
  padding-top: 178px;
  padding-bottom: 0;
}

.portriat-night__para {
  z-index: 86;
  color: #909094;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.bold {
  color: #fff;
}

.image-25 {
  transform-origin: 50% 100%;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb0cd472a4a28910e5f_unlit_portraits__ceh623szrk2u_large.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 980px 735px;
  width: 980px;
  height: 735px;
  margin-left: -490px;
  position: relative;
  left: 50%;
}

.image-25.image--5 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb2cd472a4a28910ff1_zoom__wbsq3le9h4i2_large.avif");
}

.image-25.image--7 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb4cd472a4a2891148d_pro_max__24ieqrvv9g26_large.avif");
}

.image-25.image--6 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb3cd472a4a28911441_bigger_pixels__ehqof22w3tea_large.avif");
}

.image-25.image--3 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb1cd472a4a28910f06_more_detail_ai__0t676ehs18yi_large.avif");
}

.image-25.image--4 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb2cd472a4a28910f6b_scene_detection_02__d2vvpqdmp76u_large.avif");
}

.image-25.image--1 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb1cd472a4a28910e8d_night_mode_on_static__d976ad3281m6_large.avif");
}

.portrait-day__hdr-beach {
  z-index: 2;
  position: relative;
}

.pro-camera__image {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb0cd472a4a28910dfe_night_photography__dt6fw02h1xg2_large.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1210px 695px;
  width: 1210px;
  height: 695px;
  margin-top: 115px;
  margin-left: -330px;
  position: relative;
  left: 50%;
}

.camera__camera-12-pro-max {
  margin-top: 100px;
  overflow: hidden;
}

.row {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.row.row-specs {
  margin-top: 18px;
}

.row.space-between {
  justify-content: space-between;
}

.image-fusion {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb1cd472a4a28910ecc_deep_fusion__cjmcoxv6hzrm_large.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 551px 735px;
  width: 551px;
  height: 735px;
  margin-right: 12px;
  position: relative;
}

.image-fusion.image-fusion--3 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb2cd472a4a28910f98_scene_detection_03__f17p3nmowqie_large.avif");
}

.image-fusion.image-fusion--1 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb1cd472a4a28910ee6_portrait_mode__ganiw7m904uy_large.avif");
}

.image-fusion.image-fusion--2 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb2cd472a4a28910f29_scene_detection_01__dnl7kkcod2c2_large.avif");
}

.camera__portrait-night {
  background-color: #000;
  margin-top: 0;
  padding-top: 40px;
}

.pro-camera__flex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.portrait-day__hdr-dessert {
  z-index: 1;
  position: relative;
}

.portrait-night__gallery-card {
  background-color: #000;
  position: relative;
}

.portrait-night__gallery-card.third, .portrait-night__gallery-card.fourth {
  z-index: 3;
}

.portrait-night__gallery-card.first {
  z-index: 5;
  background-color: #000;
}

.portrait-night__gallery-card.second {
  z-index: 4;
}

.portrait-night__gallery-card.second.z-index-3 {
  z-index: 3;
}

._12-pro__flex-left {
  flex: 0 25%;
  max-width: 25%;
  margin-left: 16.6%;
}

._12-pro__flex-left._12-pro__flex-right {
  margin-left: 8.3%;
}

.pro-camera__image-wrapper {
  margin-bottom: -200px;
}

.camera__portrait-day {
  z-index: 6;
  text-align: center;
  background-color: #000;
  margin-top: 30px;
  position: relative;
}

.card-gallery__overlay {
  z-index: 1;
  background-image: linear-gradient(#000 10%, #0000);
  width: 100%;
  height: 50vh;
  position: absolute;
  top: 0%;
  left: 0%;
}

.portrait-night__cards-gallery {
  background-color: #111;
}

.pro-camera__flex-child {
  flex: 0 58.3%;
  max-width: 58.3%;
  margin-left: 16.6%;
}

.pro-camera__flex-child.pro-camera__flex-child--1 {
  flex-wrap: wrap;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: 0%;
  display: flex;
}

.camera {
  background-color: #111;
  margin-top: 274px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.gallery-card__wrapper {
  min-height: 140vh;
  margin-top: -20vh;
}

._12-pro__image {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb0cd472a4a28910e45_pro_max_camera__bzij6665trhy_large.avif");
  background-position: 0 0;
  background-size: auto;
  width: 1252px;
  height: 595px;
  margin-top: -12px;
  margin-left: -625px;
  position: relative;
  left: 50%;
}

.portrait-day__more-detail {
  z-index: 4;
  margin-top: 40px;
  position: relative;
}

.portrait-day__find-tuned {
  z-index: 5;
  padding-top: 40px;
  position: relative;
}

._12-pro__intro {
  z-index: 2;
  width: 60%;
  margin-left: 16.6%;
  position: relative;
}

.portrait-night__headline-card {
  z-index: 6;
  min-height: 20vh;
  position: relative;
}

.camera__pro-camera-system {
  overflow: hidden;
}

.portrait-day__smart-hdr {
  z-index: 3;
  position: relative;
}

.pro-camera__flex-list {
  padding-bottom: 68px;
}

.pro-camera__header-wrapper {
  margin-left: 8%;
  position: relative;
}

.pro-camera__overlay {
  background-image: linear-gradient(to right, #0000, #000 34%);
  width: 150%;
  position: absolute;
  inset: -20% 0% -30% -50%;
}

._12-pro__flex {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.pro-camera__flex-hz {
  background-color: #439bb5;
  width: 130%;
  height: 2px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.image-static-wrapper {
  z-index: 1;
  width: 578px;
  height: 737px;
  position: absolute;
  top: 0;
}

.segment-nav {
  background-color: #1d1d1f;
  border-radius: 21.5px;
  justify-content: space-between;
  align-items: center;
  width: 350px;
  height: 41px;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  display: flex;
  position: relative;
}

.segment-btn {
  z-index: 2;
  color: #5a5a5a;
  text-align: center;
  background-color: #3898ec00;
  border-radius: 18.5px;
  width: 30%;
  max-height: 98px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  position: relative;
}

.image-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.image-wrapper.telephoto {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfbe59386baadfc9e9a5_telephoto.avif");
  background-position: 0 0;
  background-size: auto;
}

.image-wrapper.ultra-wide-image {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfbe59386baadfc9e97e_ultra%20wide.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 578px 737px;
}

.image-wrapper.wide {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfbe59386baadfc9e988_wide%20lens.avif");
  background-position: 0 0;
  background-size: auto;
}

.gallery-item-container {
  z-index: 1;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: -20px;
  display: flex;
  position: relative;
}

.gallery-image {
  z-index: 1;
  flex: 0 58.3%;
  max-width: 58.3%;
  position: relative;
}

.segment-wrapper {
  flex: 0 50%;
  max-width: 50%;
}

.segment-container.row.row--1 {
  z-index: 1;
  margin-top: 200px;
  position: relative;
}

.column-29 {
  width: 164px;
}

.column-29.column__1 {
  margin-left: 38px;
}

.column-29.column--border {
  border-right: 1px solid #424245;
}

.gallery-item {
  background-color: #000;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  top: 0;
}

.gallery-item.telephoto, .gallery-item.wide {
  z-index: 1;
  opacity: 0;
}

.gallery-item.ultra-wide {
  z-index: 1;
  opacity: 1;
}

.snapshot {
  z-index: 5;
  position: relative;
  overflow: hidden;
}

.image-masked-wrapper {
  z-index: 1;
  width: 578px;
  height: 737px;
  position: relative;
  top: 0;
}

.snapshot__heading-wrapper {
  text-align: center;
}

.segment-background-white {
  z-index: 2;
  color: #fff;
  background-color: #fff;
  border-radius: 18.5px;
  width: 30%;
  height: 37px;
  min-height: 37px;
  position: absolute;
}

.showing_iphone-12 {
  color: #727272;
  margin-top: 120px;
  margin-left: 70px;
  font-weight: 300;
  position: absolute;
}

.static-image {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfbd59386baadfc9e971_camera_system_static__cjipojr1ywb6_large.avif");
  background-position: 0 0;
  background-size: auto;
  width: 578px;
  height: 737px;
}

.column__list-item {
  color: #9b9b9f;
  margin-bottom: 15px;
  font-size: 19px;
  font-weight: 600;
}

.snapshot__para {
  color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1;
}

.snapsot__camera-system {
  flex-wrap: wrap;
  width: 100%;
  min-height: 737px;
  margin-top: 66px;
  display: flex;
}

.gallery-content {
  z-index: 1;
  flex: 0 41.6%;
  max-width: 41.6%;
  margin-top: 84px;
  position: relative;
}

.segment-overflow-container {
  justify-content: flex-end;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.image-scrim {
  z-index: 1;
  opacity: .75;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.raw__header-wrap {
  margin-top: 130px;
  margin-bottom: 35px;
}

.raw__image-wrap {
  flex: 0 50%;
  max-width: 50%;
}

.raw-image {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfc710bdc6df512a6ea6_apple_proraw__dlh2qsx8d9km_large.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 426px 863px;
  width: 426px;
  height: 863px;
  margin-left: auto;
}

.raw__content {
  flex: 0 41.6%;
  max-width: 41.6%;
}

.for-raw {
  z-index: 4;
  margin-top: 65px;
  position: static;
  overflow: hidden;
}

.background-black {
  background-color: #000;
  height: 400px;
}

.airplay {
  margin-left: 140px;
}

.airplay-icon {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfdbce265377b8b43163_airplay.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 50px 41px;
  width: 50px;
  height: 41px;
  margin-bottom: 10px;
}

.true-depth {
  margin-top: 100px;
}

.true-depth.super-retina {
  margin-bottom: 100px;
  overflow: hidden;
}

.super__retina-lottie {
  z-index: 2;
  position: absolute;
  top: 0;
}

.turbo__flex {
  flex-direction: row;
  display: flex;
}

.skattable__lottie-wrap {
  width: 630px;
  height: 716px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.left-retina-flex {
  background-color: #161617;
  border-radius: 15px;
  flex: 0 49%;
  max-width: 49%;
  padding: 30px 60px;
}

.skattable {
  margin-top: 300px;
}

.true-depth__image {
  z-index: 4;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722c0076af9d64f524f3246_trueDepth%20image.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 984px 573px;
  width: 984px;
  height: 573px;
  margin-bottom: 30px;
  position: relative;
}

.mag-safe__lottie-wrap {
  width: 258px;
  height: 698px;
  margin-top: 143px;
  margin-left: auto;
  margin-right: auto;
}

.turbo-image {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722c0096af9d64f524f33bd_flow_key_049.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 384px 896px;
  width: 384px;
  height: 896px;
}

.turbo-flex-image {
  flex: 0 50%;
  justify-content: center;
  align-items: center;
  max-width: 50%;
  display: flex;
}

.instant-attraction {
  margin-top: 100px;
  margin-bottom: 220px;
}

.super-rutina__media {
  justify-content: center;
  align-items: flex-start;
  width: 1304px;
  height: 218px;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: -652px;
  display: flex;
  position: relative;
  left: 50%;
}

.turbo-charge {
  margin-top: 100px;
  margin-bottom: 100px;
}

.retina-flex {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.mag-safe {
  margin-top: 100px;
  margin-bottom: 100px;
}

.super__retina-image {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bebf70fed97b21b54e20_design_tougher_glass__czlsbgxawrki_large.avif");
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.instant-attraciton__lottie-wrap {
  width: 840px;
  height: 234px;
  margin: 60px auto 40px;
}

.hero__image-2 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722be64cf0c7412ef37e4e2_hero%20background.avif"), linear-gradient(#0000, #000 15%);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 1352px 662px, auto;
  width: 1347px;
  height: 662px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.header-overlay-2 {
  background-image: linear-gradient(to right, #0000001a, #000 26%);
  width: 200%;
  height: 110%;
  position: absolute;
  inset: 0% 0% 0% -50%;
}

.hero-3 {
  background-image: linear-gradient(#00000036, #000 89%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722cb91778d2a69c3822d6a_image.avif");
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 200px;
  padding-bottom: 220px;
  display: flex;
  overflow: hidden;
}

.paragraph-12 {
  color: #95959a;
  text-align: center;
  max-width: 660px;
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  position: static;
}

.paragraph-12.paragraph--2 {
  color: #fff;
  cursor: pointer;
  margin-top: 60px;
}

.paragraph-12.paragraph--1 {
  margin-top: 60px;
}

.div-block-149 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.heading-29 {
  color: #fff;
  text-align: center;
  margin-top: 60px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-30 {
  color: #fff;
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 90px;
  font-weight: 500;
  line-height: 1;
}

.paragraph-13 {
  color: #aaa;
  text-align: center;
  max-width: none;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
}

.div-block-150 {
  text-align: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

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

.paragraph-14 {
  color: #333;
  text-align: left;
  font-size: 15px;
  line-height: 1.2;
}

.paragraph-14.nero {
  color: #333;
}

.paragraph-14.white {
  font-size: 1rem;
}

.div-block-151 {
  margin-top: 0;
}

.paragraph-15 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 15px;
}

.paragraph-15.contattaci {
  color: #0472e3;
}

.div-block-152 {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.paragraph-16 {
  color: #fff;
  margin-bottom: 0;
  font-size: 15px;
}

.paragraph-16.novita {
  color: #0472e3;
}

.paragraph-16.tradein {
  text-align: left;
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 400;
}

.div-block-153 {
  background-image: linear-gradient(0deg, #000 68%, #fff0);
  height: 300px;
  margin-top: -200px;
  font-weight: 400;
}

.div-block-154 {
  text-align: left;
  background-color: #0000;
  height: auto;
  padding-top: 0;
}

.div-block-155 {
  z-index: 10;
  text-align: center;
  position: relative;
}

.card-wrapper-2 {
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  display: flex;
  position: relative;
}

.heading-31 {
  color: #fff;
}

.card-back-2 {
  background-color: #000;
  border-radius: 20px;
  width: 700px;
  height: 500px;
}

.card-back-2.pd-tp-l-r-40 {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  position: absolute;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.div-block-156 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 11vw;
}

.retro {
  background-color: #000;
  border-radius: 20px;
  width: 700px;
  height: 500px;
}

.retro.pd-tp-l-r-40 {
  z-index: 2;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 30px;
  width: 75.1vw;
  height: 48vw;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
  transform: none;
}

.giro {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 48vw;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.text-span-141 {
  color: #16435a;
}

.h2-7 {
  color: #1d1d1f;
  text-align: center;
  margin-top: 0;
  font-size: 6.2vw;
  line-height: 6.5vw;
  display: inline;
}

.h2-7.blue {
  text-align: left;
}

.text-span-142 {
  color: #afafaf;
}

.heading-32 {
  color: #fff;
}

.div-block-157 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 75.1vw;
  height: 48vw;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.div-block-158 {
  height: auto;
}

.grid-14 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
}

.grid-15 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
}

.elettricisti {
  color: #646465;
  padding: 0;
}

.elettricisti.home {
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  display: block;
}

.div-block-160 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 95px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.bold-text-32 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.bold-text-33 {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
}

.hero-4 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e5e078c219beda891f9f3_Job-Role-2.avif");
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.hero-heading {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.subtext {
  color: #fff;
  margin-top: 38px;
}

.code-embed {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e6c62e3868d783fb172c2_alli-elder-ttQkdtNs0pE-unsplash.avif");
  background-position: 0 0;
  background-size: auto;
}

.flipcard-back-title {
  color: #333;
  -webkit-text-fill-color: inherit;
  background-color: #f6080800;
  background-clip: border-box;
  width: 80%;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.flipcard-back-title.bhohoho {
  width: auto;
}

.flipcard-title {
  z-index: 9;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  line-height: 1.1;
  position: static;
}

.flipcard-title.trans {
  z-index: 2;
  color: #000;
  background-color: #c07e7e00;
  margin-bottom: 0;
  position: static;
  inset: 0%;
}

.flipcard-title.black {
  color: #333;
}

.flipcard-title.white {
  color: #fff;
  font-size: 4rem;
  font-weight: 700;
}

.flipcard-title.white.intro.black {
  color: #333;
  font-size: 5rem;
}

.flipcard-title.white.rem {
  font-size: 5rem;
  font-weight: 700;
}

.flipcard-title.white.rem.boldddd.tit {
  font-size: 5rem;
}

.flipcard-title.white.benefici.rem {
  font-size: 4rem;
}

.flipcard-title.white.benefici.rem.tit {
  font-size: 5rem;
}

.flipcard-title.white.inclusione-e-diversit {
  font-size: 1.5rem;
  font-weight: 500;
}

.flipcard-title.white.ambiente {
  color: #1d1d1f;
  margin-bottom: 5px;
  font-size: 1.5rem;
  font-weight: 500;
}

.flipcard-title.white.ambiente._1 {
  font-size: 4rem;
  font-weight: 700;
}

.flipcard-title.white.top, .flipcard-title.white.customer {
  font-size: 1.5rem;
  font-weight: 500;
}

.flipcard-title.med {
  font-size: 4rem;
  font-weight: 700;
}

.flipcard-back {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
  box-shadow: 7px 7px 40px 6px #00000017;
}

.flipcard-back.dietro {
  transform-style: preserve-3d;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-left: 6vw;
  padding-right: 6vw;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.flipcard-back.dietro._1 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.flipcard-back.overview {
  filter: grayscale();
  transform-style: preserve-3d;
  justify-content: center;
  align-items: flex-start;
  padding-top: 6vw;
  padding-bottom: 6vw;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
  box-shadow: 7px 7px 40px 6px #00000017;
}

.flipcard-back.inclusione-e-diversit {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.flipcard-wrapper {
  transform-style: preserve-3d;
  background-color: #2a8bb200;
  border-radius: 30px;
  width: 100%;
  position: relative;
  transform: none;
}

.flipcard-wrapper.giro-1, .flipcard-wrapper.secondacarta {
  height: 48vw;
}

.flipcard-wrapper.tech {
  transform-style: preserve-3d;
  background-image: linear-gradient(234deg, #1eadde, #ff7d0d 37%, #de18e8 70%, #f9662a);
  padding: 5px;
  transform: none;
}

.flipcard-wrapper.values {
  background-color: #10d43e;
}

.flipcard-wrapper.chi-siamo, .flipcard-wrapper.accessibilit, .flipcard-wrapper.educazione, .flipcard-wrapper.inclusione-e-diversit, .flipcard-wrapper.customer-centric, .flipcard-wrapper.esperti, .flipcard-wrapper.time {
  transform-style: preserve-3d;
  transform: none;
}

.flipcard-front {
  z-index: 9;
  backface-visibility: hidden;
  color: #fff;
  background-color: #fff;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 75.1vw;
  height: 45vw;
  padding-top: 0;
  padding-left: 11vw;
  padding-right: 11vw;
  display: flex;
  position: relative;
  box-shadow: 7px 7px 40px 6px #00000026;
}

.flipcard-front.fronte-1, .flipcard-front.fronte1 {
  width: 100%;
  height: 100%;
  padding-left: 6vw;
  padding-right: 6vw;
}

.flipcard-front.fiducia {
  z-index: 1;
  background-color: #4b7045;
  box-shadow: 7px 7px 40px 6px #00000026;
}

.flipcard-front.fiducia.competitive-3 {
  background-color: #fcbf49;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f9fa12f3ef9d8e3e7be6b_thisisengineering-gYqrSOyJu9I-unsplash.avif");
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5vw;
}

.flipcard-front.tech {
  opacity: 1;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678854efa17b31d063d7dd06_pqEfimyrr0XCW42dOiDWZchntY.webp");
  background-position: 50%;
  background-size: cover;
  background-clip: border-box;
  border: 5px #6880eb00;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5vw;
  box-shadow: inset 0 0 30px 3px #ac06ff69;
}

.flipcard-front.values {
  background-color: #3cc778;
}

.flipcard-front.adv {
  background-color: #c73c3e;
}

.flipcard-front.trans {
  background-color: #3c98c700;
}

.flipcard-front.trans.competitive-5 {
  z-index: 1;
  color: #fff0;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678855e91dded3938bf196c8_trust_final_e501e24c91d1dd1bb53c2057524667f0.jpg");
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  border: 4px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5vw;
}

.flipcard-front._2 {
  box-shadow: 7px 7px 40px 6px #00000026;
}

.flipcard-front.border-red {
  box-shadow: none;
  background-color: #3395ca;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5vw;
}

.flipcard-front.border-red.first {
  justify-content: center;
  align-items: flex-start;
  height: 45vw;
}

.flipcard-front.inizio {
  box-shadow: none;
  background-color: #fff;
  height: 45vw;
}

.flipcard-front.inizio.mobile {
  position: static;
}

.flipcard-front.inizio.mobile.comp {
  background-color: #f2f2f2;
}

.flipcard-front.ricevi-di-pi-e-pi-in-fretta {
  box-shadow: none;
  background-color: #f29f05;
}

.flipcard-front.termolima-supply-chain {
  box-shadow: none;
  background-color: #6eb766;
}

.flipcard-front.ultimo {
  box-shadow: none;
  background-color: #ed665c;
}

.flipcard-front._2-2 {
  background-color: #63bbf2;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6773e2dd1fffb544763f51ea_raychan-u2IZda2Dn6A-unsplash.jpg");
  background-position: 0 0;
  background-size: cover;
}

.flipcard-front._2-2.semplicit {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6773e2dd1fffb544763f51ea_raychan-u2IZda2Dn6A-unsplash.jpg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5vw;
}

.flipcard-front._2-4 {
  background-color: #62bab8;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6773e42dca973bc67952525b_antenna-ohNCIiKVT1g-unsplash.jpg");
  background-position: 0 0;
  background-size: cover;
}

.flipcard-front._2-4.educazione {
  background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6773e42dca973bc67952525b_antenna-ohNCIiKVT1g-unsplash.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5vw;
}

.flipcard-front.inclusione-e-diversita {
  background-color: #26436a;
  background-image: linear-gradient(#0003, #00000040), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6770b681fbfb32b1f31a4e5d_Balance-and-Belonging.avif");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5vw;
  box-shadow: 7px 7px 40px 6px #00000026;
}

.flipcard-front.ambiente {
  background-color: #00d959;
  background-image: linear-gradient(#f5f5f7 25%, #fff 28%, #00d958 25%);
  justify-content: space-between;
  align-items: flex-start;
  padding: 5vw;
}

.flipcard-front.educazione-1 {
  background-color: #2e4936;
}

.flipcard-front.benefici-3 {
  background-color: #d95b72;
}

.flipcard-front.benefici-6 {
  background-color: #e29773;
}

.flipcard-front.benefici-7 {
  background-color: #a65e4e;
}

.flipcard-front.benefici-8 {
  background-color: #f18ea8;
}

.flipcard-front.ambiente-1 {
  background-color: #9dbe27;
}

.flipcard-front.ambiente-2 {
  background-color: #acf2be;
}

.flipcard-front.competitivita-1 {
  background-color: #f7e36d;
  background-image: linear-gradient(#0000004d 23%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6754a9870a834d8433079af0_construction-managemenet-vancouver-coordination-planning-scaled.avif");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5vw;
}

.flipcard-front.competivita-2 {
  background-color: #745b25;
  background-image: linear-gradient(#00000040, #00000040), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678850b2283a548d5fba5d41_opopo.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5vw;
}

.flipcard-front.values-2 {
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  background-color: #477c9d00;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678852a6283a548d5fbca5ba_smartcontracts-01_0-11.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 5vw;
  padding-left: 5vw;
  padding-right: 5vw;
  font-family: Sf Pro Display, sans-serif;
}

.flipcard-front.obiettivi {
  box-shadow: none;
  background-color: #af5fff;
}

.flipcard-front.goal-3 {
  background-color: #ab09f1;
}

.flipcard-front.who {
  background-color: #c4ccd2;
  background-image: linear-gradient(#00000040, #00000040), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676f2cac8108263f2270687d_Termolima.avif");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  transform: rotate(0);
}

.flipcard-subtitle {
  max-width: 992px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.1;
}

.terzo {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  perspective: 1500px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 75.1vw;
  max-width: 100%;
  height: 48vw;
  display: grid;
}

.flipcard-more {
  color: #ff3434;
  cursor: pointer;
  background-color: #0000;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.flipcard-more.bigfront {
  z-index: auto;
  filter: none;
  position: relative;
  bottom: 0;
  right: 0;
}

.flipcard-more.bigfront.trans, .flipcard-more.bigfront.international {
  filter: none;
}

.flipcard-more.bigfront.white, .flipcard-more.bigfront.white.rev {
  filter: invert();
}

.flipcard-more.bigfront.white.jshdhsjdb {
  filter: none;
}

.flipcard-more.bigfront.colored, .flipcard-more.bigfront.inv, .flipcard-more.bigfront.rev, .flipcard-more.white {
  filter: invert();
}

.flipcard-more._4vw {
  bottom: 4vw;
  right: 4vw;
}

.flipcard-more._4vw.tutorial {
  position: static;
}

.flipcard-less {
  filter: invert();
  cursor: pointer;
  position: absolute;
  bottom: 4vw;
  right: 4vw;
}

.flipcard-less.back, .flipcard-less.black {
  filter: none;
}

.container-9 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  perspective: 1500px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 840px;
  max-width: 90%;
  display: grid;
}

.secondo {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.secondo.introduction {
  flex-flow: row;
  transform: rotate(0);
}

.paragraph-17 {
  color: #333;
  width: 80%;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
}

.paragraph-17.black {
  color: #333;
  font-size: 1.5rem;
}

.flipcard-back-title-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #90ca5a, #d7d65a 50%, #dac355);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 44px;
  line-height: 48px;
}

.flipcard-title-2 {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 56px;
  line-height: 62px;
}

.prova {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  perspective: 1500px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75.1vw;
  max-width: 100%;
  height: 45vw;
  display: grid;
}

.prova.business-referral {
  margin-top: 3vh;
  display: block;
}

.prova.business-referral.opporrrr {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.prova.business-referral.referrall-box-big {
  width: 50vw;
  height: 30vh;
}

.flipcard-back-2 {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  align-items: flex-start;
  height: 600px;
  padding-top: 66px;
  padding-left: 44px;
  padding-right: 107px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
  box-shadow: 7px 7px 40px 6px #00000017;
}

.flipcard-front-2 {
  backface-visibility: hidden;
  color: #fff;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e95b2a6dc86b683506c38_card-bg.avif");
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  height: 600px;
  padding-top: 72px;
  padding-left: 40px;
  padding-right: 51px;
  position: relative;
  box-shadow: 7px 7px 40px 6px #00000017;
}

.flipcard-subtitle-2 {
  max-width: 215px;
  font-weight: 700;
  line-height: 21px;
}

.flipcard-more-2, .flipcard-less-2 {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.prova-1 {
  position: relative;
}

.flipcard-back-title-3 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #90ca5a, #d7d65a 50%, #dac355);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 44px;
  line-height: 48px;
}

.flipcard-back-title-3.mission {
  background-image: none;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}

.flipcard-title-3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  line-height: 1.2;
}

.flipcard-title-3.black {
  color: #333;
  font-size: 4rem;
}

.flipcard-title-3.black.du.med {
  font-size: 3rem;
  font-weight: 700;
}

.flipcard-title-3.black.du.med.business-referral {
  color: #fff;
  font-size: 5rem;
}

.flipcard-title-3.persone.black {
  color: #fff;
  font-size: 4rem;
}

.flipcard-title-3.du.med {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.flipcard-title-3.du.med.business-referral {
  font-size: 5rem;
}

.flipcard-back-3 {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 45vw;
  padding-top: 0;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
  box-shadow: 7px 7px 40px 6px #00000017;
}

.flipcard-back-3.business-referral {
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.flipcard-back-3.business-referral.shsuhsuhsuh {
  transform-style: preserve-3d;
  height: 30vh;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.flipcard-front-3 {
  backface-visibility: hidden;
  color: #fff;
  background-color: #83a7ca;
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  height: 45vw;
  padding: 4vw;
  display: flex;
  position: relative;
  box-shadow: 7px 7px 40px 6px #00000026;
}

.flipcard-front-3.visione {
  background-color: #293540;
  justify-content: space-between;
}

.flipcard-front-3.visione.businessss-bro {
  background-image: linear-gradient(348deg, #00000080, #fff0);
  justify-content: center;
  align-items: center;
  height: 30vh;
}

.flipcard-front-3.visione.businessss-bro.hbwdhbhebdhbe {
  height: 45vw;
}

.flipcard-front-3.persone {
  background-color: #89d995;
  background-image: linear-gradient(#00000040, #00000040), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672ea5d73c86e84dfd80559d_AdobeStock_643419523-min-scaled.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.flipcard-front-3.persone-2 {
  background-color: #b1fc8b;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6788599e80935c0bace76cfc_Wideshot-of-Summit.avif");
  background-position: 50%;
  background-size: cover;
}

.flipcard-front-3.persone-3 {
  background-color: #025949;
}

.flipcard-front-3.persone-4 {
  background-color: #eaeff5;
}

.flipcard-front-3.educazione-2 {
  background-color: #03a688;
}

.flipcard-front-3.benefici-1 {
  background-color: #e8a75c;
  width: auto;
}

.flipcard-front-3.benefici-2 {
  background-color: #bc2f28;
}

.flipcard-front-3.benefici-4 {
  background-color: #f2d9bb;
}

.flipcard-front-3.benefici-5 {
  background-color: #590107;
}

.flipcard-front-3.educazione-3 {
  background-color: #73deb1;
}

.flipcard-front-3.salute-2 {
  background-color: #79e8d9;
}

.flipcard-front-3.salute-3 {
  background-color: #4ba66a;
}

.flipcard-front-3.obieetivo-1 {
  background-color: #603fa6;
}

.flipcard-front-3.obiettivo-2 {
  background-color: #d7aef2;
}

.flipcard-front-3.business-bro {
  box-shadow: none;
  background-image: linear-gradient(55deg, #00000085, #fff0);
  justify-content: center;
  align-items: center;
}

.flipcard-subtitle-3 {
  max-width: none;
  margin-bottom: 50px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.2;
}

.flipcard-subtitle-3.black {
  color: #333;
  font-size: 1.5rem;
}

.flipcard-more-3 {
  filter: invert();
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.flipcard-more-3._4vw {
  bottom: 4vw;
  right: 4vw;
}

.flipcard-more-3._4vw.inverted {
  filter: none;
}

.flipcard-less-3 {
  cursor: pointer;
  position: absolute;
  bottom: 4vw;
  right: 4vw;
}

.prova-3 {
  position: relative;
}

.heading-33 {
  color: #fff;
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.album-section {
  z-index: 99;
  padding-top: 200px;
  padding-bottom: 200px;
  position: relative;
}

.album-section.header {
  height: 100vh;
  padding: 15vh 2% 50vh 10%;
  display: block;
}

.album-section.footer {
  padding: 30vh 10% 5vh;
}

.logo-2 {
  padding-bottom: 200px;
}

.album-title {
  color: #000;
  letter-spacing: -1px;
  text-transform: none;
  padding-bottom: 10px;
  font-size: 58px;
  font-weight: 700;
  line-height: 60px;
}

.album-title.white {
  color: #fff;
}

.column-details {
  padding-left: 5%;
}

.released {
  color: #000;
  letter-spacing: .5px;
  text-transform: none;
  padding-bottom: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.released.whtie {
  color: #fff;
}

.released.white {
  color: #fff;
  border-top-color: #fff;
}

.released.white.years {
  padding-top: 5vh;
}

.album-row {
  padding-left: 10%;
  padding-right: 10%;
}

.spacer {
  height: 6vw;
}

.number {
  color: #ec9650;
  margin-left: -3px;
  padding-top: 5px;
  padding-bottom: 5vw;
  font-size: 125px;
  font-weight: 700;
  line-height: 100px;
}

.number.vulf {
  color: #eb3f34;
}

.number.jeff {
  color: #d1b7c4;
}

.number.rufus {
  color: #0a2543;
}

.number.chair {
  color: #d17969;
}

.number.andy {
  color: #ce3437;
}

.number.kay {
  color: #fde601;
}

.number.lvl {
  color: #f6894c;
}

.number.kendrick {
  color: #fff;
}

.number.omni {
  color: #d3d5bf;
}

.number.phanto {
  color: #9ccfe4;
}

.number.car-seat {
  color: #555;
}

.number.animal {
  color: #15849d;
}

.number.diiv {
  color: #e94443;
}

.number.beach {
  color: #0625cf;
}

.number.whitney {
  color: #8f4661;
  padding-bottom: 4vw;
}

.number.iii {
  color: #ddb853;
}

.number.pinegrove {
  color: #ad2229;
}

.number.cymbals {
  color: #1b3b52;
}

.number.tourist {
  color: #34ffae;
}

.artist {
  color: #000;
  padding-bottom: 50px;
  padding-left: 0;
  font-size: 26px;
  font-weight: 300;
  line-height: 28px;
  display: block;
}

.artist.white {
  color: #fff;
  border-left-color: #fff;
}

.details-row {
  padding-bottom: 30px;
}

.track {
  color: #ec9650;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
  display: block;
}

.track:hover {
  opacity: .5;
}

.track.vulf {
  color: #eb3f34;
}

.track.iii {
  color: #ddb853;
}

.track.whitney {
  color: #8f4661;
}

.track.beach {
  color: #0625cf;
}

.track.pinegrove {
  color: #ad2229;
}

.track.jeff {
  color: #d1b7c4;
}

.track.tourist {
  color: #34ffae;
}

.track.diiv {
  color: #e94443;
}

.track.andy {
  color: #ce3437;
}

.track.car {
  color: #555;
}

.track.omni {
  color: #d3d5bf;
}

.track.chair {
  color: #d17969;
}

.track.cymbals {
  color: #1b3b52;
  font-size: 18px;
}

.track.kendrick {
  color: #fff;
}

.track.animal {
  color: #15849d;
}

.track.kay {
  color: #fde601;
}

.track.rufus {
  color: #0a2543;
}

.track.lvl {
  color: #f6894c;
}

.track.phanto {
  color: #9ccfe4;
}

.date {
  color: #ec9650;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  display: block;
}

.date.vulf {
  color: #eb3f34;
}

.date.animal {
  color: #15849d;
}

.date.lvl {
  color: #f6894c;
}

.date.car {
  color: #555;
}

.date.chair {
  color: #d17969;
}

.date.kendrick {
  color: #fff;
}

.date.omni {
  color: #d3d5bf;
}

.date.tourist {
  color: #34ffae;
}

.date.cymbals {
  color: #1b3b52;
}

.date.whitney {
  color: #8f4661;
}

.date.beach {
  color: #0625cf;
}

.date.kay {
  color: #fde601;
}

.date.iii {
  color: #ddb853;
}

.date.diiv {
  color: #e94443;
}

.date.pinegrove {
  color: #ad2229;
}

.date.phanto {
  color: #9ccfe4;
}

.date.andy {
  color: #ce3437;
}

.date.rufus {
  color: #0a2543;
}

.date.jeff {
  color: #d1b7c4;
}

.column-art {
  padding-left: 0;
  padding-right: 0;
}

.numbers {
  margin-top: -85%;
  margin-left: 90%;
  padding-bottom: 0;
  font-size: 200px;
  position: absolute;
}

.numbers.small {
  margin-top: -85%;
}

.top-track {
  color: #000;
  letter-spacing: .5px;
  text-transform: none;
  padding-bottom: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.top-track.white {
  color: #fff;
}

.album-art {
  box-shadow: 0 0 50px -25px #333;
}

.album-art._17 {
  text-transform: none;
}

.color-8 {
  z-index: 17;
  opacity: 0;
  background-color: #c99997;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-17 {
  z-index: 8;
  opacity: 0;
  background-color: #4a6ea8;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-15 {
  z-index: 10;
  opacity: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-11 {
  z-index: 14;
  opacity: 0;
  background-color: #dc3046;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-4 {
  z-index: 21;
  opacity: 0;
  background-color: #efe9dc;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-13 {
  z-index: 12;
  opacity: 0;
  background-color: #3a3b01;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-3 {
  z-index: 22;
  opacity: 0;
  background-color: #e4e9e7;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-16 {
  z-index: 9;
  opacity: 0;
  background-color: #4bb5c3;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-7 {
  z-index: 18;
  opacity: 0;
  background-color: #dee1ca;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-12 {
  z-index: 13;
  opacity: 0;
  background-color: #7bf3d7;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-6 {
  z-index: 19;
  opacity: 0;
  background-color: #611b95;
  width: 100%;
  height: 100%;
  position: fixed;
}

.honorable-song {
  color: #fff;
  letter-spacing: -1px;
  margin-top: 0;
  font-size: 58px;
  font-weight: 700;
  line-height: 64px;
}

.color-9 {
  z-index: 16;
  opacity: 0;
  background-color: #fefef6;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-10 {
  z-index: 15;
  opacity: 0;
  background-color: #e0e0e0;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-header {
  z-index: 4;
  background-color: #222;
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
}

.color-2 {
  z-index: 23;
  opacity: 0;
  background-color: #7e7d85;
  width: 100%;
  height: 100%;
  position: fixed;
}

.honorable-mention {
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 20px;
  display: flex;
}

.color-19 {
  z-index: 6;
  opacity: 0;
  color: #000;
  background-color: #1a235d;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-5 {
  z-index: 20;
  opacity: 0;
  background-color: #efefef;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-14 {
  z-index: 11;
  opacity: 0;
  background-color: #232323;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-18 {
  z-index: 7;
  opacity: 0;
  background-color: #2584c6;
  width: 100%;
  height: 100%;
  position: fixed;
}

.color-20 {
  z-index: 5;
  opacity: 0;
  background-color: #b4c6da;
  width: 100%;
  height: 100%;
  position: absolute;
}

.color-1 {
  z-index: 24;
  opacity: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
}

.background-colors {
  z-index: auto;
  display: block;
  position: fixed;
  inset: 0;
}

.year {
  color: #fff;
  letter-spacing: -1px;
  font-size: 58px;
  font-weight: 900;
  line-height: 60px;
  text-decoration: none;
}

.color-20-2 {
  z-index: 5;
  opacity: 0;
  background-color: #b4c6da;
  width: 100%;
  height: 100%;
  position: fixed;
}

.background-colors-2 {
  display: block;
  position: fixed;
  inset: 0;
}

.color-header-2 {
  z-index: 4;
  background-color: #837272;
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
}

.color-20-3 {
  z-index: 5;
  opacity: 0;
  background-color: #b4c6da;
  width: 100%;
  height: 100%;
  position: fixed;
}

.background-colors-3 {
  display: block;
  position: fixed;
  inset: 0;
}

.image-27 {
  object-fit: contain;
  width: 100%;
}

.nav-row__right {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  pointer-events: auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-list {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-item {
  justify-content: center;
  align-items: center;
  width: 5em;
  transition: width .5s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
}

.website-link {
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}

.website-link.is--alt {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  justify-content: flex-start;
  align-items: center;
  height: 1.5em;
  display: flex;
}

.code-embed-js {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.cloneable-title__gradient {
  background-image: linear-gradient(270deg, #efeeec, #0000);
  width: 1em;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.cloneable-title__h1 {
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
}

.website-link__arrow {
  position: relative;
  overflow: hidden;
}

.container-10 {
  z-index: 1;
  max-width: var(--size-container);
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-10.is--full {
  max-width: 100%;
}

.header {
  padding-top: var(--gap);
  position: relative;
}

.osmo-ui {
  z-index: 100;
  pointer-events: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: fixed;
  inset: 0;
}

.website-link__arrow-svg {
  width: 1em;
  margin-top: .2em;
}

.website-link__arrow-svg.is--duplicate {
  position: absolute;
  right: 100%;
}

.footer-row {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.nav-item__tooltip {
  z-index: 0;
  opacity: 0;
  white-space: nowrap;
  background-color: #fff;
  border-radius: .25em;
  padding: .4em .5em;
  font-size: 1em;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1), opacity .5s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  top: 0;
  transform: translate(0, -80%);
}

.webflow-logo-svg {
  flex-shrink: 0;
  width: 1.5em;
}

.code-embed-css {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.nav-logo-row {
  pointer-events: auto;
  justify-content: space-between;
  align-items: center;
  width: 13em;
  display: flex;
}

.cloneable {
  padding: var(--section-padding) var(--container-padding);
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.footer {
  padding-bottom: var(--gap);
  position: relative;
}

.clone-in-webflow__p {
  margin-bottom: 0;
  font-size: 1em;
}

.nav-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-item__link {
  z-index: 1;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: .5em;
  padding-right: .5em;
  display: flex;
  position: relative;
}

.clone-in-webflow {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  pointer-events: auto;
  background-color: #efeeec;
  border-radius: .25em;
  justify-content: space-between;
  align-items: center;
  width: 21.25em;
  height: 2.875em;
  margin-bottom: -1em;
  margin-right: -1em;
  padding-left: 1em;
  padding-right: .75em;
  text-decoration: none;
  display: flex;
}

.nav-logo__icon {
  width: 1.5em;
  height: 1.5em;
}

.cloneable-title__nr {
  opacity: .5;
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 500;
}

.osmo-ui__bg {
  height: calc(100% + 1px + (var(--gap) * .5));
  background-color: #e3e1de;
  border-top: 1px solid #cbc8c5;
  width: 100%;
  display: none;
  position: absolute;
  bottom: 0;
}

.osmo-ui__bg.is--header {
  height: calc(100% + 1px + var(--gap));
  border-top-style: none;
  border-bottom: 1px solid #cbc8c5;
  top: 0;
  bottom: auto;
}

.inline-link__p {
  margin-bottom: 0;
}

.nav-logo__wordmark {
  width: 4em;
}

.cloneable-title {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  pointer-events: auto;
  display: flex;
  position: relative;
}

.nav-wrap {
  z-index: 100;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: var(--footer-height);
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
}

.code-embed-osmo {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.text-span-143 {
  color: #fff;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(117deg, #80f, #f70);
  -webkit-background-clip: text;
  background-clip: text;
}

.bold-text-34 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
}

.bold-text-34._2 {
  font-size: 1.5rem;
}

.paragraph-18 {
  margin-top: 10px;
  font-size: 1.5rem;
  line-height: 1.1;
}

.text-span-144 {
  color: var(--90);
}

.text-span-144.esperti {
  color: #f7e36d;
}

.text-span-145 {
  color: #2d2d2d;
}

.card__front {
  color: #fff;
  background-color: #fff;
  border-radius: 22px;
  width: auto;
  position: absolute;
  inset: 4px;
  overflow: hidden;
}

.card__front.business {
  background-color: #333;
  width: auto;
}

.card-7 {
  perspective: 1000px;
  width: 400px;
  position: relative;
}

.card__circle {
  z-index: 1;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  position: absolute;
  inset: auto auto 24px 24px;
  overflow: hidden;
}

.card__label-gradient {
  filter: blur(12px);
  background-image: linear-gradient(122deg, #000 20%, #202020 50%, #131313 80%);
  position: absolute;
  inset: -24px;
}

.card__front-glow-mask {
  background-color: #a9a9a9;
  position: absolute;
  inset: 16px;
}

.card__front-glow-mask.business {
  background-color: #000;
}

.card__bg {
  background-image: linear-gradient(29deg, #0000 37%, #2a63ffed), linear-gradient(135deg, #28eeac, #f3f177 41%, #fd6d38 71%, #a48eb6);
  border-radius: 24px;
  width: 400px;
  height: 250px;
}

.card__glow {
  opacity: .7;
  filter: blur(12px);
  background-image: linear-gradient(29deg, #0000 37%, #2a63ffed), linear-gradient(135deg, #28eeac, #f3f177 41%, #fd6d38 71%, #a48eb6);
  border-radius: 24px;
  width: 400px;
  height: 250px;
  position: absolute;
  inset: 0%;
}

.card__line {
  z-index: 1;
  border-radius: 12px;
  width: 88px;
  height: 16px;
  position: absolute;
  inset: auto auto 36px 104px;
  overflow: hidden;
}

.card__line.card__line--top {
  width: 128px;
  bottom: 60px;
}

.card__holo-glow {
  opacity: .2;
  filter: blur(20px);
  background-image: linear-gradient(29deg, #0000 37%, #2a63ffed), linear-gradient(135deg, #28eeac, #f3f177 41%, #fd6d38 71%, #a48eb6);
  border-radius: 24px;
  position: absolute;
  inset: -48px;
}

.card__holo-glow.card__holo-glow--s {
  opacity: .5;
  filter: blur(20px);
  background-image: linear-gradient(29deg, #0000 37%, #2a63ffed), linear-gradient(135deg, #28eeac, #f3f177 41%, #fd6d38 71%, #a48eb6);
  inset: -24px;
}

.page-wrapper {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.div-block-161 {
  position: absolute;
  top: 24px;
  left: 24px;
}

.menu {
  justify-content: flex-start;
  align-items: center;
  display: block;
  position: relative;
}

.menu_link-text {
  z-index: 2;
  mix-blend-mode: difference;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1;
  text-decoration: none;
  position: relative;
}

.menu_link {
  z-index: 2;
  color: #fff;
  text-align: left;
  vertical-align: middle;
  mix-blend-mode: difference;
  padding: 8px 20px;
  font-family: Sf Pro Display, sans-serif;
  text-decoration: none;
  position: relative;
}

.container-11 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1%;
}

.container-11.is-menu {
  z-index: 1000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 3%;
  padding-left: 4%;
  padding-right: 4%;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.menu_link-bg {
  z-index: 1;
  opacity: 0;
  background-color: #fff;
  border-radius: 100vw;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.menu_shape-bg {
  background-color: #000;
  border-radius: 100vw;
  flex: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.menu_shape {
  z-index: 1;
  opacity: 0;
  justify-content: flex-start;
  width: 7em;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: translate(0);
}

.menu_wrap-2 {
  background-color: #000;
  border-radius: 100vw;
  max-width: 100%;
  padding: 10px 20px;
  font-size: .9rem;
  display: block;
  box-shadow: 1px 1px 13px 2px #30303099;
}

.div-block-162 {
  z-index: 0;
  position: relative;
}

.div-block-162.backward {
  z-index: 0;
  margin-top: -100px;
}

.courses__columns {
  justify-content: space-between;
  margin-left: -16px;
  margin-right: -16px;
  display: flex;
}

.courses__type {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 22px;
}

.courses__block {
  z-index: 2;
  cursor: pointer;
  background-color: #f8efe5;
  border-radius: 40px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  min-height: 500px;
  padding: 40px 32px 56px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-slide {
  height: 100vh;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.section-slide.mod--2 {
  z-index: 2;
}

.section-15 {
  padding: 128px 60px;
  position: relative;
}

.section-15.mod--courses {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/673a8ff2a5fe7ade4cc46794_bg_courses.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.wrap-hide {
  overflow: hidden;
}

.courses__col {
  flex: 1;
  padding-left: 16px;
  padding-right: 16px;
}

.content {
  z-index: 2;
  width: 100%;
  max-width: 1310px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.courses__illustr-wrap {
  z-index: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.courses__heading-wrap {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 64px;
  display: flex;
}

.subheading {
  opacity: .7;
  font-size: 22px;
}

.subheading.mod--courses {
  width: 100%;
  max-width: 520px;
}

.courses__more {
  z-index: 2;
  color: #0f86a1;
  letter-spacing: .01em;
  text-transform: uppercase;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/673a8ff2a5fe7ade4cc4679c_ico_arrow-blue.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 32px;
  font-size: 22px;
  text-decoration: none;
  transition-duration: .3s;
  display: inline-block;
  position: relative;
}

.courses__illustr-elem-wrap {
  transition: all .5s;
  position: absolute;
}

.courses__illustr-elem-wrap.mod--4 {
  bottom: 180px;
  left: 190px;
}

.courses__illustr-elem-wrap.mod--4.mod--screen {
  bottom: 170px;
  left: 170px;
}

.courses__illustr-elem-wrap.mod--4.mod--graph {
  bottom: 166px;
  left: 200px;
}

.courses__illustr-elem-wrap.mod--1 {
  bottom: 30px;
  left: 2px;
}

.courses__illustr-elem-wrap.mod--1.mod--screen {
  bottom: 16px;
  left: -1px;
}

.courses__illustr-elem-wrap.mod--2 {
  bottom: 160px;
  left: 9px;
}

.courses__illustr-elem-wrap.mod--2.mod--graph {
  bottom: 135px;
  left: 21px;
}

.courses__illustr-elem-wrap.mod--2.mod--screen {
  bottom: 146px;
  left: 1px;
}

.courses__illustr-elem-wrap.mod--3 {
  bottom: 220px;
  left: 100px;
}

.courses__illustr-elem-wrap.mod--3.mod--graph {
  bottom: 181px;
  left: 116px;
}

.courses__illustr-elem-wrap.mod--3.mod--screen {
  bottom: 193px;
  left: 86px;
}

.heading--margin-0 {
  margin-bottom: 0;
}

.courses__block-bg {
  z-index: -1;
  background-color: #fff;
  border-radius: 1000px;
  width: 700px;
  height: 700px;
  position: absolute;
  inset: auto auto -100px -100px;
}

.courses__illustr {
  z-index: 0;
  transition: all .5s;
  display: block;
  position: relative;
}

.courses__illustr.mod--2 {
  z-index: 1;
  opacity: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

.courses__illustr-elem {
  transition: all .5s;
}

.courses__illustr-elem.mod--5 {
  opacity: 1;
  background-color: #9b5c8f;
  border-radius: 100px;
  width: 22px;
  height: 6px;
  position: absolute;
  bottom: 53px;
  right: 68px;
  transform: rotate(-20deg);
}

.courses__illustr-elem.mod--ball {
  background-color: #ebc7b5;
  border-radius: 100px;
  width: 14px;
  height: 14px;
  top: 0;
  right: 109px;
}

.courses__illustr-elem.mod--ball.mod--graph {
  width: 18px;
  height: 20px;
}

.courses__illustr-elem.mod--ball.mod--screen {
  width: 14px;
  height: 14px;
}

.courses__illustr-elem.mod--dot {
  background-color: #000;
  border-radius: 100px;
  width: 4px;
  height: 4px;
  top: 34px;
  right: 58px;
}

.courses__illustr-elem.mod--dot.mod--screen {
  width: 6px;
  height: 6px;
}

.courses__illustr-elem.mod--dot.mod--graph {
  background-color: #000;
  width: 8px;
  height: 8px;
}

.courses__illustr-elem.mod--circle {
  border: 1px solid #000;
  border-radius: 100px;
  width: 12px;
  height: 12px;
}

.courses__illustr-elem.mod--circle.mod--graph {
  border-width: 2px;
  width: 20px;
  height: 20px;
}

.courses__illustr-elem.mod--blue {
  top: 41px;
  left: 9px;
}

.courses__illustr-elem.mod--blue.mod--screen {
  max-width: 18px;
}

.video-overlay-layer {
  z-index: 1;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.portfolio-content3_component {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-style-link {
  text-decoration: underline;
}

.portfolio-header_metatag-item {
  display: block;
}

.portfolio-content1_metatag-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.icon-embed-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.portfolio-content2_image {
  width: 100%;
  height: 100%;
}

.portfolio-gallery_image-wrapper {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.portfolio-content1_content-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.portfolio-header_metatag-list {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section_portfolio-header {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section_portfolio-gallery {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.portfolio-gallery_lightbox-link {
  width: 100%;
  height: 100%;
}

.portfolio-gallery_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.padding-section-large-2 {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.portfolio-content2_content-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.portfolio-header_image-wrapper {
  flex: 1;
  width: 100%;
  height: auto;
}

.container-large {
  width: 100%;
  max-width: 1304px;
  margin-left: auto;
  margin-right: auto;
}

.portfolio-header_tag-item {
  background-color: #dfd8d1;
  border: 1px solid #ff5330;
  padding: .25rem .5rem;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
}

.portfolio-header_tag-item.w--current {
  border-bottom: 2px solid #000;
}

.main-wrapper {
  flex-flow: column;
  max-width: none;
  display: flex;
}

.portfolio-content1_metatag-list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-top: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.portfolio-content1_lightbox-image {
  object-fit: cover;
  width: 100%;
}

.portfolio-content1_lightbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin: 1rem 1rem 1rem 0;
}

.margin-bottom.margin-xxsmall {
  margin-left: 0;
  margin-right: 0;
  font-size: 20px;
}

.margin-bottom.margin-medium {
  text-align: left;
}

.text-size-medium {
  color: #b64400;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.125rem;
}

.text-size-medium.uptitle {
  font-weight: 700;
}

.text-size-medium.subtitle {
  color: #1d1d1f;
}

.text-size-medium.subtitle.business {
  margin-top: 0;
}

.portfolio-gallery_image-wrapper-large {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.portfolio-content2_image-wrapper {
  flex: 1;
  width: 100%;
}

.padding-global-2 {
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 1304px;
  padding: 70px 40px 0 60px;
  display: flex;
}

.heading-style-h3 {
  letter-spacing: -.01em;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.175;
}

.portfolio-header_image {
  width: 100%;
  height: 100%;
  margin-top: 1.5rem;
}

.portfolio-header_component {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-bottom: 0;
  display: grid;
}

.portfolio-gallery_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.lightbox-play-icon {
  z-index: 2;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.portfolio-gallery_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.portfolio-header_tag-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  margin-top: 1.5rem;
  display: flex;
}

.heading-34 {
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 5rem;
  line-height: 1.2;
}

.heading-35 {
  text-align: right;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
}

.checkbox {
  width: 500px;
  height: 500px;
}

.mobile-link {
  display: none;
}

.tab-content-holder {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.tab-wrapper {
  grid-column-gap: 30px;
  align-items: center;
  display: flex;
}

.tab-link {
  cursor: pointer;
  background-color: #fff0;
  border: 1px solid #4b94ff00;
  border-radius: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 24px 50px 24px 24px;
}

.tab-link:hover {
  color: #000;
  border-color: #e4e4e4;
}

.tab-link.w--current {
  background-color: #fff;
  border-color: #4b94ff;
  box-shadow: inset 1px 1px 10px #0000000d, 0 2px 5px #3d5cff1a;
}

.stacked-tab-holder {
  width: 100%;
}

.stacked-tab-holder._02 {
  z-index: 5;
  opacity: .7;
  position: absolute;
  transform: scale(.9)translate(76px);
}

.stacked-tab-holder._01 {
  z-index: 6;
  position: relative;
}

.stacked-tab-holder._03 {
  z-index: 4;
  opacity: .3;
  position: absolute;
  transform: scale(.8)translate(167px);
}

.stacked-tabs-container {
  z-index: 10;
  background-color: #fbfbfb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 520px;
  min-width: 520px;
  display: flex;
  position: relative;
}

.tab-paragraph {
  color: #808292;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.stacked-tabs-content-holder {
  background-color: #0000;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.stacked-gradient {
  z-index: 9;
  background-image: linear-gradient(270deg, #fbfbfb00 13%, #fbfbfb 23%);
  width: 70vw;
  height: 120%;
  position: absolute;
  left: -50vw;
  right: auto;
}

.center-text {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-7:hover {
  color: #646464;
}

.tabs-wrapper {
  padding-top: 0;
}

.stacked-tabs-pane-holder {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.stacked-tab-image {
  border: .7px solid #e8eaed;
  border-radius: 12px;
  width: 100%;
}

.section-16.overflow-hidden {
  width: auto;
  position: static;
  overflow: hidden;
}

.container-12 {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.stacked-tabs-holder {
  z-index: 0;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff0;
  grid-template: ". Area"
  / 2.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  margin-top: 0;
  display: grid;
  position: relative;
}

.tab-circle {
  background-color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
  display: flex;
  box-shadow: 6px 6px 26px #65656542, inset -6px -6px 15px #7978781a;
}

.grid-8-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tab-title {
  font-size: 24px;
}

.tab-icon {
  width: 24px;
  height: 24px;
}

.grey-paragraph {
  color: #7f8090;
}

.form-block {
  height: 100%;
}

.link-8:hover {
  color: #646464;
}

.tabs-wrapper-2 {
  padding-top: 4em;
}

.section-17.overflow-hidden {
  overflow: hidden;
}

.container-13 {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
}

.stacked-tabs-holder-2 {
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.text-color-grey {
  color: #aaa;
}

.plan_tabs-menu {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0000;
  flex-flow: column;
  display: flex;
  position: static;
}

.plan_tabs-menu._2 {
  margin-top: 1rem;
}

.image-28 {
  width: 10px;
  height: 10px;
  display: none;
}

.tabs-content {
  margin-top: 40px;
}

.plan_card {
  background-color: #111;
  background-image: linear-gradient(56deg, #0000, #29292900 16%, #85858500 21%, #6e6e6e00 30%, #7a7a7a00 49%, #f5f5f500 69%, #66666647 78%, #c0c0c000 87%, #e3e3e300 91%, #fff0);
  border-radius: 24px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 36px;
  box-shadow: 2px 0 #222, 1px -1px #666;
}

.plan_check {
  color: #201d1d;
  border: 1px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
  position: absolute;
  inset: auto 0 0 auto;
}

.plan_tab-text {
  color: #353333;
}

.text-weight-light {
  font-weight: 300;
}

.plan_tab-icon {
  background-color: #444;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
  box-shadow: 0 1px 1px #666;
}

.plan_button {
  text-align: center;
  background-color: #4926b0;
  background-image: linear-gradient(45deg, #0000, #8a8a8a00 54%, #bfbfbf52 70%, #d9d9d900 85%, #fff0);
  border-radius: 8px;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.plan_button:hover {
  background-color: #4926b038;
  background-image: linear-gradient(45deg, #0000, #8a8a8a00 54%, #bfbfbf1f 70%, #d9d9d900 85%, #fff0);
}

.plan_icon {
  background-color: #222;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 24px;
  display: flex;
}

.heading-style-h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.heading-style-h4.text-weight-semibold {
  font-weight: 600;
}

.plan_tab-link {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: #ccc;
  background-color: #2220;
  border-radius: 12px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding: 0;
  display: flex;
}

.plan_tab-link.w--current {
  color: #ccc;
  background-color: #2220;
}

.plan_tabs {
  z-index: 3;
  margin-top: 20px;
  padding-left: 40px;
  position: static;
}

.div-block-163 {
  z-index: 3;
  width: 100%;
  position: absolute;
  transform: translate(167px)scale(.8);
}

.image-29 {
  border-radius: 12px;
  width: 100%;
}

.playpause {
  z-index: 4;
  cursor: pointer;
  width: 32px;
  height: 32px;
  margin-top: 20px;
  margin-right: 10px;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hero-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.nav-2 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.text-block-17 {
  color: #646465;
  text-align: center;
  margin-top: -5px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 12px;
  line-height: 1.2;
}

.nav-grid {
  grid-column-gap: 55px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.icon-grid {
  grid-column-gap: 35px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.icon-grid.elettricisti {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.icon-grid.elettricisti._90909090 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.icon-grid.hvac {
  grid-column-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: stretch;
}

.center-flex {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.icon-section {
  color: #575757;
  background-color: #ffffffa8;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.icon-section.fix {
  margin-top: 45px;
}

.play {
  display: none;
}

.tv-shows {
  z-index: 0;
  background-color: #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.navtextlink {
  color: #ccc;
  text-decoration: none;
  transition: color .2s;
}

.navtextlink:hover {
  color: #fff;
}

.text-block-18 {
  color: #fff;
  font-size: 17px;
  text-decoration: none;
}

.text-block-18.bigger {
  font-size: 20px;
}

.text-block-18.bigger:hover {
  text-decoration: underline;
}

.scrollingpics {
  z-index: 0;
  background-color: #ccc;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button-8 {
  color: #fff;
  background-color: #0e0e0e;
  border-radius: 100px;
  padding: 10px 25px;
  text-decoration: none;
}

.button-8.flex {
  background-color: #0472e3;
  align-items: center;
  padding: 12px 20px;
  line-height: 14px;
  display: flex;
}

.tv-show {
  flex: none;
  width: 325px;
  height: 100%;
}

.tv-show._7 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6742716ab95441ebd2e8aa50_truthbetold.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.tv-show._6 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6742716ab95441ebd2e8aa59_forallmankind.avif");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.tv-show._2 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674277f64d79f7c607e66211_karsten-fullhaas-tk1QTMNXEFs-unsplash.avif");
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.tv-show._5 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6742716ab95441ebd2e8aa60_Elephant%20Queen.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.tv-show._3 {
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e44d5d735e1ce2ccd31e5_4.VRWork.avif");
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.tv-show._4 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6742716ab95441ebd2e8aa3e_Servant-1.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.tv-show._1 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674277f5f202ea83fb50734f_kettenreaktion-l_Vn4HlFQVw-unsplash.avif");
  background-position: 50%;
  background-size: cover;
}

.hero-5 {
  background-color: #ccc;
  height: 100vh;
  position: relative;
}

.h1 {
  color: #f5f5f7;
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 80px;
  font-weight: 700;
  line-height: 85px;
}

.iconlink {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #f5f5f7;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.iconlink:hover {
  color: #1e9cff;
}

.image-30 {
  margin-left: 5px;
}

.new {
  color: #f86808;
  font-size: 10px;
}

.logo-3 {
  transition: all .2s;
}

.logo-3:hover {
  filter: brightness(200%);
}

.div-block-164 {
  background-color: #f5f5f7;
  justify-content: center;
  align-items: center;
  margin-top: 55px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.div-block-165 {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-19 {
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.text-span-146 {
  color: #06c;
  text-decoration: none;
}

.text-span-147 {
  color: #0472e3;
}

.first-image {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 80vh;
  padding-left: 110px;
  padding-right: 110px;
  display: flex;
}

.div-block-166 {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.background-video-2 {
  border-radius: 30px;
  width: 100%;
  height: 100%;
}

.div-block-167 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  inset: auto;
}

.div-block-167.technoeeeee {
  background-color: #000;
  border-radius: 30px;
  padding: 35px;
}

.div-block-167.technoeeeee.techhhh {
  padding-top: 10px;
}

.div-block-168 {
  text-align: right;
  width: 100%;
}

.div-block-169 {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.div-block-169.nico {
  width: auto;
  position: relative;
}

.div-block-170 {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.div-block-171 {
  flex-flow: column;
  justify-content: space-between;
  width: auto;
  height: 100%;
  display: flex;
}

.div-block-172 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.perche {
  margin-top: 160px;
}

.div-block-173 {
  background-color: #000;
  height: 100vh;
}

.background-video-3 {
  z-index: 2;
  opacity: 1;
  mix-blend-mode: normal;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 110vh;
  display: flex;
}

.bold-text-35 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.bold-text-35.white {
  color: #fff;
  font-size: 2rem;
}

.nav-3 {
  z-index: 10;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #00000080;
  border: 1px #000;
  border-bottom: 1px solid #b3b3b3;
  border-radius: 0;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 55px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.nav-3.distance-45 {
  margin-top: 45px;
}

.nav-3.white-fix {
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--border) var(--border) #d6d6d6;
  background-color: var(--color);
}

.nav-3.white {
  background-color: #000000a6;
}

.nav-3.login-nav-fixed {
  background-color: #00000040;
}

.nav-3.elettricisti {
  position: fixed;
}

.bottom-nav {
  border: 1px #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1024px;
  height: 50px;
  margin-left: 110px;
  margin-right: 110px;
  padding: 10px 60px;
  display: flex;
}

.newsroom-stripe-group {
  justify-content: center;
  align-items: center;
  padding: 0 17px;
  display: flex;
}

.newsroom-stripe-group.right {
  text-align: left;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}

.newsroom-stripe-group.right.profile-pic {
  text-decoration: none;
}

.newsroom-stripe-group.dashboard {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.text-block-19 {
  opacity: .5;
  letter-spacing: -.01em;
  font-size: 12px;
  line-height: 1.3;
}

.text-block-20 {
  color: #ebebeb;
  letter-spacing: .011em;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.left-sub-nav-text {
  color: #fff;
  letter-spacing: -.011em;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.left-sub-nav-text:hover {
  color: #06c;
}

.left-sub-nav-text.w--current {
  opacity: .6;
}

.left-sub-nav-text.cta {
  color: #fff;
  cursor: pointer;
  background-color: #06c0;
  border-radius: 100px;
  margin-left: 0;
  padding: 0;
  font-weight: 500;
}

.left-sub-nav-text.cta:hover {
  color: #fff;
}

.left-sub-nav-text.cta.more {
  letter-spacing: 1px;
  margin-left: 0;
  padding: 8px 20px;
  font-size: 15px;
}

.left-sub-nav-text.prev {
  pointer-events: none;
  margin-left: 5px;
  font-size: 15px;
  font-weight: 400;
}

.div-block-174 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-174.business {
  height: 100vh;
  margin-top: 0;
}

.div-block-175 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 938px;
  margin-top: 0;
  margin-left: 110px;
  margin-right: 110px;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
}

.heading-36 {
  color: #fff;
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.1;
}

.heading-36.land {
  font-size: 4rem;
  font-weight: 700;
}

.div-block-176 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-177 {
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 1024px;
  margin-left: 110px;
  margin-right: 110px;
  padding-left: 0;
  padding-right: 0;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
}

.div-block-178 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.paragraph-20 {
  max-width: 938px;
  margin-bottom: 0;
  font-size: 35px;
  line-height: 1.2;
}

.paragraph-20.landing {
  background-color: #f5f5f700;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 35px;
}

.linea {
  justify-content: center;
  align-items: center;
  max-width: 938px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid-16 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  width: auto;
  max-width: 980px;
}

.div-block-180 {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  margin-left: 110px;
  margin-right: 110px;
  padding: 60px 30px 0;
  display: flex;
}

.div-block-180.prova-size {
  padding-top: 40px;
}

.div-block-181 {
  justify-content: center;
  align-items: flex-start;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
}

.bold-text-36 {
  color: gray;
  max-width: 938px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.div-block-182 {
  flex-flow: column;
  margin-top: 30px;
  display: flex;
}

.div-block-183 {
  text-align: center;
  margin-top: 30px;
}

.heading-37 {
  text-align: center;
  margin-top: 0;
  font-weight: 500;
}

.paragraph-21 {
  text-align: center;
  font-size: 20px;
  line-height: 1.3;
}

.paragraph-21.scopri {
  color: #0070c8;
  text-decoration: none;
}

.heading-38 {
  text-align: center;
  font-weight: 500;
}

.paragraph-22 {
  text-align: center;
  font-size: 20px;
  line-height: 1.3;
}

.paragraph-22.scopri {
  color: #0070c8;
  text-decoration: none;
}

.div-block-184 {
  width: 400px;
  max-width: none;
}

.div-block-185 {
  width: 400px;
  height: auto;
}

.div-block-186 {
  height: auto;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 110px;
}

.brc-linkblock-wrap-pic-2 {
  width: 100%;
}

.brc-link-1 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674666fa851c4effdad1a8ab_Vector%202.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto .6em;
  padding-right: 1em;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.3em;
  display: inline;
}

.brd-wrap-grid-1 {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brb-ab-wrap-b-1 {
  margin-bottom: 1em;
}

.brb-wrap-absolute-1 {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.brb-ab-wrap-tagline-1 {
  margin-bottom: 1em;
}

.brc-wrap-heading-link-1 {
  padding-left: 5em;
  padding-right: 5em;
}

.brd-grid-linkblock-2 {
  color: #000;
  background-color: #fff;
  height: 100%;
  padding-top: 5em;
  text-decoration: none;
}

.brd-grid-linkblock-2:hover {
  color: #2f6ec3;
}

.brd-grid-linkblock-1 {
  color: #000;
  background-color: #fff;
  height: 100%;
  padding-top: 5em;
  text-decoration: none;
}

.brd-grid-linkblock-1:hover {
  color: #2f6ec3;
  text-decoration: none;
}

.brd-1-heading-1 {
  color: #000;
  font-size: 3.2em;
  font-weight: 700;
  line-height: 1.2em;
  text-decoration: none;
}

.brb-ab-wrap-1 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brb-ab-wrap-c-1 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.brb-ab-c-link-1 {
  color: #fff;
  text-align: center;
  margin-bottom: .5em;
  font-size: 1.3em;
  line-height: 1.3em;
  text-decoration: none;
}

.brb-ab-c-link-1:hover {
  text-decoration: underline;
}

.brb-ab-c-link-1._2:hover {
  color: #2f6ec3;
}

.container-class-1 {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.brb-ab-b-text-1 {
  color: #fff;
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 1.3em;
  line-height: 1.3em;
  display: flex;
}

.brb-container-1 {
  background-color: #f2f2f2;
  flex-direction: column;
  align-items: center;
  padding: 5em;
  display: flex;
}

.brb-wrap-linkblock-1 {
  color: #000;
  background-color: #fff;
  flex-direction: column;
  padding-top: 5em;
  padding-bottom: 5em;
  text-decoration: none;
  display: flex;
}

.brb-wrap-linkblock-1:hover {
  color: #2f6ec3;
  text-decoration: none;
}

.section-class-1 {
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  font-size: 1vw;
  display: flex;
}

.brc-wrap-link-1 {
  margin-bottom: 7em;
  padding-right: 7.7em;
}

.brc-linkblock-wrap-pic-1 {
  width: 100%;
  padding-left: 0;
}

.brb-pic-1 {
  border-radius: 0;
  width: 100%;
  max-width: none;
}

.brb-ab-a-heading-1 {
  color: #fff;
  text-align: center;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.3em;
}

.brd-grid-wrap-2 {
  background-color: #fcfcfc;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.brb-ab-wrap-a-1 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.brb-wrap-1 {
  position: relative;
}

.brb-wrap-1._3 {
  margin-bottom: 4em;
  position: static;
}

.brb-wrap-1._2 {
  margin-bottom: 4em;
}

.brb-wrap-1._4 {
  margin-bottom: 4em;
  position: static;
}

.brc-wrap-heading-1 {
  margin-bottom: 1em;
}

.brb-ab-tagline-1 {
  color: #fff;
  text-align: center;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.3em;
}

.link-9 {
  color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}

.link-10 {
  color: #fff;
  margin-left: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 13px;
  text-decoration: none;
}

.link-10.w--current {
  cursor: pointer;
}

.tab-color {
  background-color: #1d1d1f;
  border-radius: 100%;
  width: 34px;
  height: 34px;
}

.tab-color._1 {
  background-color: #1d1d1f00;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.tab-color._2 {
  background-color: #f6f5f800;
  border: 1px solid #1d1d1f00;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.tab-color._2.illuminazione {
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674a45548e0c65d90ad0532e_sun.avif");
  background-position: 0 0;
  background-size: cover;
  width: 25px;
  height: 25px;
}

.tab-color._5, .tab-color._4 {
  cursor: pointer;
  background-color: #1d1d1f00;
  width: auto;
  height: auto;
}

.tab-color._4.ind {
  mix-blend-mode: normal;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674a476b3885182709c31444_plug.avif");
  border-radius: 80%;
  width: 25px;
  height: 25px;
}

.tab-color._3 {
  cursor: pointer;
  background-color: #1d1d1f00;
  width: auto;
  height: auto;
}

.tab-color._3.ind {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674a466e8577b80adf1f7075_solar-panel.avif");
  width: 25px;
  height: 25px;
}

.tabs-image-detail {
  border-radius: 30px;
  width: 35.4919%;
}

.container-14 {
  flex-direction: column;
  width: 100%;
  max-width: 1228px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.tabs-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: auto;
  max-width: 1228px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.padding {
  padding-left: 50px;
  padding-right: 50px;
}

.tabs-image-full {
  border-radius: 30px;
  width: 62.6401%;
}

.variants-heading {
  letter-spacing: -.015em;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  line-height: 1.05;
}

.tab-icon-2 {
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #1d1d1f66;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 80px;
  margin-top: 0;
  margin-left: 15px;
  padding: 0;
  display: flex;
}

.tab-icon-2:hover {
  border-width: 1px;
}

.tab-icon-2.w--current {
  background-color: #0000;
  border-width: 1px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
}

.tab-icon-2.illuminazione {
  justify-content: center;
  align-items: center;
}

.tabs {
  width: 100%;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.tabs-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  height: 500px;
  display: grid;
  overflow: hidden;
}

.spacer-xlarge {
  padding-top: 182px;
}

.tabs-content-2 {
  margin-top: 0;
}

.form-verification {
  align-self: stretch;
  align-items: center;
  height: 60px;
  display: flex;
}

.text-area {
  color: #1e1f24;
  min-height: 200px;
  font-size: 18px;
  line-height: 22px;
}

.radio-btn {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.form-step {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100vh;
  padding: 15% 30% 5% 10%;
  display: flex;
}

.form-step.radio {
  padding-left: 10%;
  padding-right: 10%;
}

.form-close-btn {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674674a39de41a86b9cac10c_close-icon.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 34px;
  height: 34px;
  margin-top: 30px;
  margin-right: 10%;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
}

.right-arrow {
  width: 0;
  height: 0;
}

.nextbutton-text {
  background-color: #0000;
  padding: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
}

.text-alert {
  color: #0cd9ff;
  font-size: 18px;
  font-weight: 600;
  display: none;
}

.next-prev-block {
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-end;
  display: flex;
}

.contact-form-container {
  z-index: 11;
  background-color: #000;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0;
}

.radio-label {
  color: #fff;
  font-size: 24px;
  line-height: 24px;
}

.radio-button-field {
  align-items: center;
  margin-right: 50px;
  display: flex;
}

.input-label {
  color: #fff;
  margin-bottom: 70px;
  font-size: 48px;
  line-height: 48px;
}

.left-arrow-2 {
  width: 0;
  height: 0;
}

.form-radio-container {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-block-2 {
  width: 100%;
}

.submit-btn {
  color: #0cd9ff;
  background-color: #0000;
  padding: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
}

.slider-dot-nav {
  display: none;
}

.slider-2 {
  background-color: #0000;
  justify-content: center;
  height: 100vh;
}

.prev-link {
  color: #848c8e;
  margin-right: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.text-input {
  color: #848c8e;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 2px solid #fff;
  width: 80%;
  height: 60px;
  padding-bottom: 10px;
  font-size: 28px;
  line-height: 28px;
}

.link-11 {
  transition: opacity .2s;
}

.link-11:hover {
  opacity: .7;
}

.price {
  margin-top: 8px;
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
}

.question {
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
  position: relative;
  inset: 0%;
}

.question.option-group.firstquestion {
  margin-top: 140px;
}

.question.option-group.firstquestion.first {
  margin-top: 60px;
}

.question.option-group.mod {
  margin-top: 120px;
}

.question.option-group.report {
  margin-top: 0;
  margin-bottom: 0;
}

.question.option-group.followup {
  margin-bottom: 60px;
}

.question.option-group.primoeuni {
  margin-top: 60px;
}

.radio-input {
  background-color: #fff0;
  border: 1px solid #86868b;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: background-color .2s, border-color .2s;
  position: absolute;
  inset: 0%;
  box-shadow: 0 0 #1d1d1f26;
}

.radio-input:active {
  box-shadow: 0 0 #0000;
}

.radio-input.w--redirected-checked {
  background-color: #ffffff08;
  border: 2px solid #0472e3;
}

.radio-input.option-box {
  border-style: solid;
  border-color: #86868b;
}

.radio-input.option-box.w--redirected-checked {
  border-color: #0472e3;
}

.radio-input.option-box.g2.habla {
  border-style: none;
}

.radio-input.option-box.premium {
  margin-right: 0;
}

.radio-input.o4, .radio-input.o5, .radio-input.o6, .radio-input.a1, .radio-input.a2, .radio-input.a3 {
  border-style: solid;
  border-color: #86868b;
}

.radio-input.community.idra.supersparks-custom-input-1-ccccc {
  box-shadow: none;
  border-color: #e1dddd;
}

.radio-input.community.electro.supersparks-custom-input-1-ccccc, .radio-input.community.hvac.supersparks-custom-input-1-ccccc, .radio-input.community.altro.supersparks-custom-input-1-ccccc {
  border-color: #e1dddd;
}

.page {
  width: 100%;
}

.youtube-link {
  margin-right: 40px;
  transition: opacity .2s;
}

.youtube-link:hover {
  opacity: .7;
}

.nav-text-wrap {
  flex-direction: column;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.question-center-box {
  width: 100%;
  max-width: 820px;
  font-family: Sf Pro Display, sans-serif;
}

.question-center-box.work {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.question-center-box.uuuuu {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.question-center-box.uuuuu.reportport {
  justify-content: center;
  align-items: center;
  display: flex;
}

.question-box {
  flex: 1;
}

.question-box.group-container {
  margin-top: 20px;
}

.question-box.group-container.newgroup {
  margin-top: 30px;
}

.question-box.service {
  margin-top: 20px;
  margin-bottom: 0;
}

.question-box.service.report {
  margin-top: 20px;
}

.top-icons {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section-18 {
  padding-top: 0;
  padding-bottom: 60px;
}

.input-box {
  margin-top: 60px;
  margin-bottom: 0;
}

.input-box.nome-azienda {
  margin-top: 30px;
}

.input-box.nome-azienda.clientengagement {
  margin-top: 20px;
}

.input-box.descrizione, .input-box.unique, .input-box.kokokokok {
  margin-top: 30px;
}

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

.container-15 {
  width: 100%;
  max-width: 90vw;
  padding-left: 60px;
  padding-right: 60px;
}

.label {
  color: #333;
  text-align: left;
  text-transform: none;
  padding-left: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 16px;
}

.nav-button {
  color: #fff;
  letter-spacing: -.03em;
  text-transform: uppercase;
  background-color: #232323;
  border-left: 1px solid #fff;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 64px;
  padding-right: 64px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.nav-button:hover {
  background-color: #414141;
}

.blocs-link {
  color: #fff;
  text-transform: uppercase;
  margin-right: 40px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}

.blocs-link:hover {
  opacity: .7;
}

.goal-subgorup {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  margin-top: 10px;
  padding-top: 0;
  display: grid;
}

.goal-subgorup._3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.goal-subgorup._3.r-m, .goal-subgorup._3.industrie {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.goal-subgorup._3.industrie.idraulici {
  grid-template-columns: 1fr 1fr 1fr;
}

.goal-subgorup._3.commerci {
  grid-template-columns: 1fr 1fr;
}

.goal-subgorup._3._4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.goal-subgorup._3.vrf {
  grid-template-columns: 1fr 1fr;
}

.goal-subgorup._3.vrf.huhuhuhuh {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 0;
}

.goal-subgorup._3.vrf.huhuhuhuh.tre, .goal-subgorup._3.vrf.huhuhuhuh.jhjhjh, .goal-subgorup._3.vrf.huhuhuhuh.wdwdwd {
  grid-template-columns: 1fr 1fr 1fr;
}

.goal-subgorup._3.popopo.ijijijij {
  grid-template-columns: 1fr 1fr;
}

.goal-subgorup._3.community {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 0;
}

.goal-subgorup._2 {
  grid-column-gap: 24px;
  grid-template-columns: 1fr 1fr;
}

.goal-subgorup.vrf {
  grid-template-columns: 1fr 1fr 1fr;
}

.goal-subgorup.vrf.hvac {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.goal-subgorup._5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.goal-subgorup.quantita {
  grid-template-columns: 1fr;
}

.goal-subgorup.joojojoj {
  grid-template-columns: 1fr 1fr 1fr;
}

.goal-subgorup.joojojoj.hihihih {
  margin-top: 20px;
}

.goal-subgorup.impianti {
  grid-template-columns: 1fr 1fr;
}

.goal-subgorup.tipologia {
  grid-template-columns: 1fr 1fr 1fr;
}

.goal-subgorup.location {
  grid-template-columns: 1fr 1fr;
}

.goal-subgorup.problemi, .goal-subgorup.manutenzione, .goal-subgorup.servzio, .goal-subgorup.qualita {
  grid-template-columns: 1fr 1fr 1fr;
}

.goal-subgorup.obbiettivi {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 20px;
}

.goal-subgorup.sostenibilita {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
}

.goal-subgorup.storico, .goal-subgorup.scenario {
  grid-template-columns: 1fr 1fr 1fr;
}

.section-header {
  margin-bottom: 32px;
}

.section-header.small-header {
  margin-bottom: 0;
}

.section-header.medium-header {
  margin-bottom: 40px;
}

.footer-2 {
  width: 100%;
}

.checkbox-field {
  cursor: pointer;
  align-items: center;
  margin-bottom: 24px;
  padding-left: 32px;
  display: flex;
}

.radio-main-text {
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 31px;
  position: static;
}

.radio-main-text.smaller-text {
  text-align: center;
  margin-bottom: 4px;
  font-size: 1.5rem;
  line-height: 1.3;
  position: static;
}

.radio-main-text.smaller-text.nascosto {
  margin-bottom: 0;
  font-size: 0;
  line-height: 0;
}

.form {
  background-color: #0000;
}

.navigation {
  z-index: 1;
  background-color: #141414;
  border-bottom: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding-left: 74px;
  display: flex;
  position: sticky;
  top: 0;
}

.navigation-vertical {
  border-right: 1px solid #fff;
  flex: none;
  justify-content: center;
  width: 80px;
  height: 100vh;
  padding-top: 28px;
  padding-bottom: 28px;
  display: flex;
  position: sticky;
  top: 0;
}

.nav-text {
  width: 153px;
  margin-bottom: 0;
  line-height: 26px;
  transform: translate(-1px, -60px)rotate(-90deg);
}

.text-field {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  height: 40px;
  margin-top: 10px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.text-field:hover {
  border: 1px solid var(--border-light-blue);
  background-color: var(--color);
  box-shadow: none;
  color: #ccc;
}

.text-field:active, .text-field:focus {
  border-bottom-color: #fff;
}

.text-field.messaggio {
  width: 100%;
  height: 300px;
}

.text {
  font-size: 22px;
}

.search-icon {
  width: 24px;
  height: 24px;
}

.div-block-187 {
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.question-wrapper {
  position: relative;
}

.submit-button {
  pointer-events: auto;
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #0472e3;
  background-clip: border-box;
  border: 1px solid #001eff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 3rem;
  padding: 10px 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.submit-button:hover {
  color: #0472e3;
  background-color: #fffc;
}

.submit-button.uiuiu {
  margin-top: 0;
}

.nav-button-wrap {
  align-items: center;
  height: 100%;
  display: flex;
}

.radio-circle-box {
  background-color: #9a474700;
  border: 1px #86868b;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  transition: border-color .2s, background-color .2s;
  position: absolute;
  bottom: 40px;
}

.radio-circle-box:hover {
  background-color: #e6e6e6;
  border-width: 1.5px;
  border-color: #0472e3;
}

.checkbox-2 {
  background-color: #fff0;
  border-radius: 20px;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-left: -32px;
  margin-right: 24px;
  transition: border-color .2s, background-color .2s;
}

.checkbox-2:hover {
  background-color: #3898ec12;
}

.checkbox-2.w--redirected-checked {
  background-color: #ffffff2e;
  background-image: none;
  border-color: #fff;
}

.checkbox-label {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
}

.goal-box {
  text-align: center;
  -webkit-text-stroke-color: #f000;
  cursor: pointer;
  border: 1px #000;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 200px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 32px;
  padding-right: 32px;
  transition: box-shadow .3s, transform .3s;
  display: flex;
  position: relative;
  box-shadow: 0 5px 10px -2px #1d1d1f26;
}

.goal-box:hover {
  border: 2px none var(--border-light-blue);
  color: #ccc;
  background-color: #333;
  font-family: Sf Pro Display, sans-serif;
  transform: scale(1.02);
}

.goal-box.termocare-no {
  justify-content: flex-start;
  align-items: center;
  height: 400px;
  padding-top: 32px;
  padding-bottom: 32px;
}

.goal-box.termocare-no.huhuhuhu {
  justify-content: flex-start;
  align-items: flex-start;
  height: 200px;
}

.goal-box.no {
  height: 200px;
}

.goal-box.community {
  box-shadow: none;
  height: 200px;
}

.success-message {
  pointer-events: auto;
  background-color: #0000;
  border: 1px solid #fff;
  padding-top: 68px;
  padding-bottom: 68px;
}

.logo-line {
  background-color: #fff;
  width: 2px;
  height: 16px;
  margin-top: 2px;
  margin-left: 20px;
  margin-right: 20px;
}

.question-center-flex {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.question-center-flex.joihiouhiuh {
  margin-top: 60px;
}

.price-box {
  background-color: #1a1a1a;
  border: 1px solid #fff;
  padding: 32px 40px 40px;
  position: fixed;
  inset: auto 40px 40px auto;
}

.weblocs-logo {
  width: 122px;
  margin-top: -4px;
}

.radio-sub-text {
  color: #949494;
  max-width: 220px;
  font-size: 15px;
  font-weight: 400;
  position: relative;
}

.hamburger {
  width: 28px;
  margin-bottom: 28px;
}

.radio-button-2 {
  cursor: pointer;
  background-color: #ced0cf;
  width: 34px;
  height: 34px;
  margin-top: 0;
  margin-left: 0;
  display: block;
}

.radio-button-2.ic {
  background-color: #191919;
}

.radio-button-field-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.radio-button-label {
  font-family: Sf Pro Display, sans-serif;
  font-size: 10px;
}

.radio-button-field-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.radio-button-3 {
  -webkit-text-stroke-color: #333;
  cursor: pointer;
  background-color: #73737300;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  width: 34px;
  height: 34px;
  margin-top: 0;
  margin-left: 0;
}

.radio-button-label-2 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.title-1 {
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.q-test {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.heading-41 {
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.heading-42 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.background-video-4 {
  height: 80vh;
}

.image-32 {
  border-radius: 30px;
  width: 100%;
  height: auto;
}

.div-block-188 {
  display: flex;
}

.image-33 {
  margin-bottom: 10px;
}

.text-span-149, .text-span-150, .text-span-151 {
  font-weight: 700;
}

.paragraph-23 {
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  position: static;
}

.paragraph-23.sotto {
  text-align: left;
  margin-top: 10px;
  font-size: 15px;
}

.image-34 {
  filter: invert();
}

.div-block-189 {
  cursor: pointer;
  background-color: #0472e3;
  border: 1px solid #001eff;
  border-radius: 30px;
  margin-left: 20px;
  padding: 8px 20px;
  font-family: Sf Pro Display, sans-serif;
}

.div-block-189:hover {
  color: #000;
  background-color: #0472e3;
  border-color: #001eff;
}

.div-block-189.emergency {
  color: #e6e6e600;
  margin-left: 20px;
  padding: 8px 17px;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.div-block-189.emergency:hover {
  border-color: var(--dark-blue);
  background-color: var(--border-light-blue);
  color: #001eff;
  -webkit-text-stroke-color: var(--dark-blue);
  overflow-wrap: normal;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  text-decoration: none;
}

.div-block-190 {
  border: 1px solid #86868b;
  width: 100%;
  height: .5px;
  line-height: 1px;
  display: block;
}

.heading-43 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
}

.div-block-191 {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.div-block-192 {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.list {
  text-align: left;
  padding-left: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  position: static;
}

.heading-44 {
  max-width: none;
  font-family: Sf Pro Display, sans-serif;
  font-size: 45px;
  font-weight: 700;
}

.div-block-193 {
  width: 100%;
  max-width: 80rem;
  padding-left: 5%;
  padding-right: 5%;
}

.textarea {
  background-color: var(--dark-grey);
  color: var(--90);
  border: 1px solid #c5c5cc;
  border-radius: 30px;
  height: 4vh;
  margin-top: 5px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Sf Pro Display, sans-serif;
  display: block;
}

.textarea.contratti {
  height: 4vh;
}

.check {
  border: 1px solid var(--border);
  cursor: pointer;
  background-color: #fff;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 25vh;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 32px;
  padding-right: 32px;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
  position: relative;
}

.check:hover {
  border: 2px none var(--border-light-blue);
  background-color: var(--color);
  color: var(--dark-grey);
  line-height: 1.1;
}

.check.o1 {
  border-style: none;
  border-color: #86868b;
  border-radius: 30px;
  transition: transform .3s, box-shadow .3s;
}

.check.o1:hover {
  transform: scale(1.02);
}

.checkbox-field-3 {
  height: 290px;
}

.servizio {
  z-index: 2;
  color: #333;
  -webkit-text-stroke-color: #3330;
  border: 1px solid #c5c5cc;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.servizio:hover {
  border-width: 2px;
  border-color: var(--border-light-blue);
  background-color: #3330;
}

.servizio.w--redirected-checked {
  border: 2px solid var(--border-light-blue);
  word-break: normal;
  overflow-wrap: normal;
  mix-blend-mode: darken;
  background-color: #fff0;
  order: 0;
  margin: 0;
  display: block;
  overflow: visible;
}

.servizio.o1 {
  mix-blend-mode: darken;
  border-style: none;
  transition: border-color .2s, background-color .2s;
  box-shadow: 0 2px 5px #0003;
}

.servizio.o1.w--redirected-checked {
  mix-blend-mode: darken;
  width: 100%;
  height: 100%;
}

.servizio.impianti {
  border-style: none;
  border-color: var(--border);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.servizio.impianti:hover {
  border: 1px none var(--border);
  background-color: #e4e4e600;
}

.servizio.impianti.w--redirected-checked {
  border-style: solid;
  border-color: var(--border-light-blue);
}

.checkit {
  border: 1px solid #86868b;
  border-radius: 30px;
  position: absolute;
  inset: 0%;
}

.checkbox-label-2 {
  z-index: 10;
  text-align: center;
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.1;
  position: static;
}

.text-block-21 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 700;
}

.div-block-194 {
  height: 100%;
}

.pronto-intervento {
  text-decoration: none;
}

.mainone {
  margin-left: 20px;
  text-decoration: none;
}

.image-35 {
  z-index: 10;
  opacity: .8;
  position: relative;
}

.image-36 {
  opacity: .8;
}

.paragraph-24 {
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.paragraph-25 {
  font-weight: 400;
}

.text-block-22 {
  margin-bottom: 10px;
}

.bold-text-37 {
  font-size: 2rem;
  font-weight: 500;
}

.bold-text-37.efwfwefwe {
  color: #333;
}

.text-block-23 {
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  line-height: 1.3;
}

.text-block-23.dhiushdiufhsiud {
  color: #333;
}

.text-block-24, .text-block-25 {
  margin-bottom: 10px;
}

.div-block-195 {
  width: auto;
  height: auto;
}

.tab-pane-tab-6 {
  margin-left: auto;
  margin-right: auto;
}

.text-block-26 {
  text-align: center;
  margin-top: 5px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.list-item {
  text-align: left;
}

.text-block-27 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.text-block-28 {
  margin-bottom: 5px;
  padding-left: 0;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 700;
}

.textarea-2 {
  border-radius: 30px;
}

.counter-button {
  color: #fff;
  cursor: pointer;
  background-color: #73cc34;
  border-radius: .7rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-right: .25rem;
  padding: .0625rem .625rem;
  font-size: 1rem;
  font-weight: 900;
  transition: background-color .1s;
  display: flex;
}

.counter-button:hover {
  background-color: #439609;
}

.counter-button.up {
  border-radius: 8rem;
}

.counter-button.down {
  border-radius: 8rem;
  margin-right: 0;
}

.calculator {
  border: 1px #585858;
  margin-bottom: 2rem;
  padding: 1rem;
}

.counter-box {
  align-items: center;
  display: flex;
}

.price-value {
  color: #c3baba;
  margin-left: 1rem;
  font-size: .95rem;
}

.price-2 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.counter-input {
  text-align: center;
  border: .0625rem solid #0000006e;
  border-radius: 8rem;
  width: 5rem;
  height: 3.375rem;
  margin-bottom: 0;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.counter-input::placeholder {
  color: #240c2e;
}

.field {
  border: .0625rem solid #00000078;
  border-radius: .625rem;
  min-height: 3.375rem;
  margin-bottom: 0;
}

.field:focus-visible, .field[data-wf-focus-visible] {
  border-color: #31fe6a;
}

.field.hide {
  display: none;
}

.counter-arrow {
  width: 1.375rem;
}

.counter-arrow.flip {
  transform: rotate(180deg);
}

.counter-row {
  align-items: center;
  display: flex;
}

.text-block-29 {
  color: #000;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.text-block-30, .paragraph-26 {
  color: #000;
}

.intro-sticky {
  z-index: 1;
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.hero-grid-image-left {
  flex: 0 auto;
}

.camera-glass-image {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e3968e51bb9ace9bbd185_BP03_BNKGLDDKBL_primary.avif");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.hero-grid-image-1 {
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  padding-left: 60px;
  display: flex;
}

.hero-triple-grid {
  z-index: 5;
  grid-column-gap: 30px;
  grid-row-gap: 3016px;
  background-color: #111;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  max-height: 780px;
  padding-bottom: 0;
  display: grid;
  position: relative;
}

.hero-shadow {
  z-index: 10;
  background-image: linear-gradient(#000, #0000 100%, #0000);
  height: 20vh;
  position: absolute;
  bottom: -20vh;
  left: 0%;
  right: 0%;
}

.hero-dual-grid-section {
  z-index: 2;
  margin-top: -100vh;
  position: relative;
}

.hero-grid-container {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.hero-grid-container.right {
  padding: 60px;
  display: flex;
}

.hero-image {
  z-index: 6;
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722cb91778d2a69c3822d6a_image.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 15vh;
  padding-left: 22%;
  padding-right: 22%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.img-wrapper-camera-glass {
  -webkit-text-fill-color: inherit;
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6768c113e2275648db0dd879_Business-Energy-Audit-scaled.avif");
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  padding-top: 10vh;
  overflow: hidden;
}

.hero-gtid-image-2 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747d44c1e3d8a0d634331a5_66dc0184dc1c17a7a5cbaacb_Hero%20slide%202%20(desktop)%20(1).avif");
  background-position: 70% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 150%;
}

.hero-frame-bottom {
  z-index: 10;
  background-color: #111;
  height: 30px;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-frame-bottom.mobile {
  top: 0;
  bottom: auto;
}

.dual-grid-left {
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-dual-grid-sticky {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: block;
  position: sticky;
  top: 0;
}

.hero-dual-grid {
  z-index: 100;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  background-color: #111;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-top: 30px;
  padding-bottom: 30px;
  display: grid;
}

.hero-content {
  z-index: 3;
  background-color: #000;
  margin-top: -100vh;
  position: relative;
}

.intro-content {
  max-width: 980px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-headline {
  color: #f5f5f7;
  letter-spacing: -.006px;
  max-width: 380px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 1.05;
}

.cta-links {
  justify-content: center;
  align-items: center;
  margin-top: 1.6em;
  display: flex;
}

.intro-paragraph {
  color: #aaa;
  text-align: center;
  letter-spacing: .004px;
  margin-top: 45px;
  margin-bottom: 50px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.125;
}

.hero-dual-grid-container {
  height: 200vh;
}

.iphone-endframe-image {
  margin-bottom: 0;
  padding-bottom: 0;
}

.cta-link {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
}

.cta-link:hover {
  text-decoration: underline;
}

.cta-link.left {
  margin-right: 30px;
}

.intro-pricing {
  color: #aaa;
  text-align: center;
  letter-spacing: -.003px;
  white-space: nowrap;
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 600;
}

.intro-subhead {
  color: #f5f5f7;
  text-align: center;
  letter-spacing: -.01em;
  font-family: Sf Pro Display, sans-serif;
  font-size: 96px;
  font-weight: 500;
  line-height: 1.04;
  position: static;
}

.hero-gtid-image-3 {
  max-width: 265px;
}

.hero-gtid-image-3.tablet {
  display: none;
}

.hero-image-container {
  z-index: 6;
  height: 90vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
}

.section-paragraph {
  color: #aaa;
  letter-spacing: -.003px;
  max-width: 370px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
}

.hero-6 {
  z-index: 10;
  background-color: #111;
  padding: 0 30px;
  position: relative;
}

.hero-content-conteiner {
  border: 1px #cb9797;
  height: 200vh;
}

.tabnav-keyline {
  background-color: #aaa;
  width: 100%;
  height: 2px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.tabnav-item {
  flex: 0 auto;
  margin-right: 60px;
}

.tabnav-item.last {
  margin-right: 0;
}

.middle-lens {
  transform-origin: -105.26px 409.888px;
  margin-top: -366.5px;
  position: absolute;
  top: 50%;
  right: 0;
}

.callout-details {
  z-index: 20;
  margin-top: 40px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 28px;
  line-height: 1.285;
}

.tabnav-link {
  color: #fff;
  padding-top: 12px;
  padding-bottom: 15px;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  display: block;
}

.camera-three-lens-system {
  z-index: 2;
  background-color: #111;
  margin-top: -5px;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.callout {
  width: 100%;
  margin-top: 100px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.callout.middle {
  margin-top: 100px;
}

.section-content {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-content.flex {
  display: flex;
}

.section-content.sticky-callout {
  min-height: 100vh;
}

.section-content.three-lens {
  align-items: center;
  display: flex;
}

.intro-hardware {
  flex: 0 41.6667px;
  max-width: 41.6667px;
  height: 810px;
  margin-left: 8.33333%;
  display: none;
  position: relative;
  top: 0;
  left: -12px;
}

.three-lens-sticky-container {
  background-color: #000;
  height: 400vh;
  margin-bottom: -100vh;
}

.cameras {
  z-index: 1;
  background-color: #000;
  margin-top: -100vh;
  position: relative;
}

.image-hardware-phone {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 1231px;
  height: 2453px;
}

.div-block-196 {
  display: none;
}

.camera-hero {
  z-index: 1;
  background-color: #000;
  height: 200vh;
  position: relative;
}

.visiually-hidden {
  width: 1px;
  height: 1px;
  display: inline;
  position: absolute;
  overflow: hidden;
}

.fov-intro-text {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
}

.lens-image {
  width: 736px;
  height: 733px;
}

.lens-image.top, .lens-image.bottom {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67539ef4806a91abd09d1737_white-circle-LED-neon-sign.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lens-image.middle {
  letter-spacing: -.015px;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67539ef4806a91abd09d1737_white-circle-LED-neon-sign.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.callout-tittle {
  color: #f5f5f7;
  width: 274px;
  height: 21px;
  margin-top: 0;
  margin-bottom: 0;
}

.callout-tittle.top {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d23b62939cb689d677575_title_wide_camera__tqy958a82xui_large_2x.avif");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 186px;
}

.callout-tittle.bottom {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d23b62939cb689d677579_title_telephoto_camera__bf80695ptvbm_large_2x.avif");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 270px;
}

.callout-tittle.middle {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d23b62939cb689d677564_title_ultrawide_camera__damm96nwse2q_large_2x.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 274px;
}

.fov-intro {
  padding-top: 121px;
  padding-bottom: 95px;
}

.image-hardware-lens {
  opacity: 0;
  width: 458px;
  height: 494px;
  position: absolute;
  top: 84px;
  left: 94px;
}

.image-hardware-lens.bottom {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d23b62939cb689d67757f_top%20copy.avif");
  background-position: 0 0;
  background-size: 458px;
}

.image-hardware-lens.top {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67539ef4806a91abd09d1737_white-circle-LED-neon-sign.avif");
  background-position: 0 0;
  background-size: 458px;
}

.image-hardware-lens.middle {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d23b62939cb689d67758e_middle.avif");
  background-size: 458px;
}

.three-lens-gradient-overlay {
  background-image: linear-gradient(#111, #000);
  width: 100%;
  height: 10vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bottom-lens {
  transform-origin: 567.35px -66.8236px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.right-column {
  flex: 0 41.6667%;
  max-width: 41.6667%;
  margin-left: 8.33333%;
}

.image-intro-hardware {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d23b62939cb689d67755b_camera_three_lens_system_phone_static__czm48g662mgm_large_2x.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1214px 810px;
  width: 1214px;
  height: 810px;
}

.tabnav-items {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.camera-hero-content-container {
  flex: 0 83.3333%;
  padding-bottom: 100px;
}

.camera-hero-sticky-top {
  background-color: #000;
  position: sticky;
  top: 0;
}

.keyline-selcted {
  background-color: #fff;
  width: 30%;
  height: 100%;
}

.three-lens-intro {
  margin-top: 100px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);
}

.three-lens-sticka-hardware-mobile-only {
  display: none;
}

.camera-hero-headline {
  color: #525252;
  font-family: Sf Pro Display, sans-serif;
  font-size: 96px;
  font-weight: 700;
  line-height: 1.0416;
}

.camera-hero-lens-container {
  z-index: 1;
  width: 1507px;
  height: 1627px;
  position: absolute;
  top: 50%;
  left: -175px;
  transform: translate(0, -50%);
}

.img-fov-gallery {
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d23b62939cb689d677597_camera_fov_ultrawide__e4xq1jl1q76u_large_2x.avif");
  background-position: 0 0;
  background-size: 980px;
  width: 930px;
  height: 70vh;
}

.img-fov-gallery.tele {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753aa23fbd2252a68a83bc1_6.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 70vh;
}

.img-fov-gallery.wide {
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753aa23d5a3be483450cff8_7.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.img-fov-gallery.ultrawide {
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753aa231d9a01ce66b86908_8.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.fov-gallery-container {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.top-lens {
  transform-origin: 641.91px 756.436px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.fov-gallery.overflow-hidden-2 {
  width: 100%;
  height: 70vh;
  position: relative;
}

.camera-hero-content {
  z-index: 2;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.callout-keyline {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  background-color: #888;
  height: 2px;
  margin-top: 16px;
  position: relative;
}

.callout-keyline.middle {
  width: 889px;
}

.callout-keyline.top, .callout-keyline.bottom {
  width: 668px;
}

.overflow-hidden-2 {
  background-color: #000;
  overflow: hidden;
}

.three-lens-headline {
  letter-spacing: .004px;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.12533;
}

.text-span-153 {
  color: #aaa;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
  line-height: 1.2;
}

.fov-sticky-content {
  position: sticky;
  top: 143.5px;
}

.callout-single-lens {
  opacity: 0;
  position: relative;
  top: 0;
  left: 0;
}

.callout-single-lens.middle {
  z-index: 2;
  opacity: 0;
  margin-top: 295px;
}

.callout-single-lens.top {
  opacity: 0;
  margin-top: 165px;
}

.callout-single-lens.bottom {
  opacity: 0;
  margin-top: 422px;
}

.camera-hero-sticky-container {
  background-color: #000;
  width: 100%;
  min-height: 300vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.tab-nav {
  order: 2;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  position: relative;
}

.camera-field-view {
  z-index: 3;
  background-color: #000;
  position: relative;
}

.hardware-container {
  position: relative;
  left: -12px;
}

.fov-gallery-item {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.fov-sticky-container {
  height: 300vh;
  position: relative;
}

.three-lens-intro-text {
  flex: 0 50%;
  max-width: 50%;
  margin-top: 192px;
}

.left-column {
  flex: 0 50%;
  max-width: 50%;
}

.container-16 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.container-16.camera {
  background-color: #000;
  height: 100vh;
  margin-top: 100px;
  position: relative;
}

.camera-hero-heading {
  color: #fff;
  letter-spacing: -.015px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 96px;
  font-weight: 700;
  line-height: 1.0416;
}

.three-lens-sticky-hardware-callout {
  padding-top: 0;
  position: sticky;
  top: 0;
}

.div-block-197 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674d1036810cc63ea8b0cf77_Smart-Irrigation-Systems-scaled.avif");
  background-position: 25%;
  background-size: cover;
  flex: 0 auto;
  width: 100%;
  display: block;
  overflow: clip;
}

.div-block-198 {
  z-index: 2;
  background-image: linear-gradient(0deg, #000, #fff0);
  height: 10vh;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
}

.div-block-199 {
  z-index: 5;
  background-color: #111;
  height: 30px;
  margin-top: 0;
  position: relative;
}

.div-block-200 {
  z-index: 5;
  background-color: #fff0;
  background-image: linear-gradient(#000, #fff0);
  height: 20vh;
  position: relative;
}

.div-block-201 {
  background-color: #111;
  height: 30px;
  position: relative;
}

.div-block-202 {
  z-index: 4;
  text-align: left;
  background-color: #fff0;
  background-image: linear-gradient(#000, #fff0);
  height: 10vh;
  position: relative;
}

.div-block-203 {
  z-index: 4;
  background-color: #111;
  height: 30px;
  position: relative;
}

.div-block-204 {
  z-index: 4;
  background-image: linear-gradient(0deg, #0d0d0da3, #fff0);
  height: 20vh;
  position: relative;
}

.italic-text-2 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.heading-45 {
  color: #fff;
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading-45.black {
  color: var(--dark-grey);
}

.image-37 {
  z-index: 0;
  position: absolute;
}

.paragraph-27 {
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  line-height: 1.3;
}

.div-block-205 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6769e5fee052539014291988_jurica-koletic-7YVZYZeITc8-unsplash%20(3).avif");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 30px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.div-block-206 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6769e5cfd051a8507b82fa2a_icons8-team-FcLyt7lW5wg-unsplash.avif");
  background-position: 0 0;
  background-size: cover;
  border-radius: 30px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.bold-text-40 {
  color: #000;
  font-size: 3rem;
}

.bold-text-41 {
  color: #000;
}

.bold-text-42 {
  color: #000;
  font-size: 3rem;
}

.quantity-field {
  border: 1px solid #c5c5cc;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-left: 24px;
  padding-right: 24px;
}

.quantity-field:hover {
  color: #ccc;
  background-color: #333;
  border-width: 2px;
  border-color: #6cb4fd;
  font-family: Sf Pro Display, sans-serif;
}

.quantity-field.report {
  margin-top: 5px;
}

.select-field {
  border: 1px solid #86868b;
  border-radius: 20px;
  margin-top: 5px;
}

.select-field-2 {
  border-radius: 20px;
  margin-top: 5px;
}

.text-span-154 {
  font-weight: 400;
}

.heading-46 {
  font-family: Sf Pro Display, sans-serif;
}

.text-field-3, .text-field-4, .text-field-5, .text-field-6 {
  border-radius: 30px;
}

.text-block-31, .text-block-32, .text-block-33 {
  margin-bottom: 5px;
  padding-left: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 700;
}

.text-field-7 {
  border-radius: 20px;
}

.text-block-34, .text-block-35 {
  margin-bottom: 5px;
  padding-left: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 700;
}

.text-field-8, .text-field-9 {
  border-radius: 30px;
  margin-bottom: 20px;
}

.text-field-10 {
  border-radius: 30px;
}

.text-block-36, .text-block-37, .text-block-38 {
  margin-bottom: 5px;
  padding-left: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 700;
}

.text-block-39 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.heading-47 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.heading-48 {
  font-size: 3rem;
  line-height: 1.2;
}

.div-block-208 {
  text-align: center;
}

.image-38 {
  width: 250px;
}

.pop {
  color: #ff5701;
}

.paragraph-29 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
}

.heading-49 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  line-height: 1.1;
}

.text-block-40 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.text-block-41 {
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
  position: static;
}

.text-block-42, .text-block-43, .text-block-44 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.heading-50 {
  text-align: center;
  margin-top: 60px;
  line-height: 0;
}

.bold-text-43 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
}

.text-span-155 {
  font-family: Sf Pro Display, sans-serif;
}

.div-block-209 {
  background-color: #111;
  width: 100%;
  height: 30px;
}

.utility-page-form {
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40vw;
  padding: 5vw;
  display: flex;
  box-shadow: 0 2px 20px 1px #000;
}

.text-span-156 {
  color: #000;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#000, #000);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.text-block-45 {
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.text-block-45.business-referral {
  color: var(--blue-termolima);
  font-size: 3rem;
  font-weight: 700;
}

.text-block-46 {
  font-family: Sf Pro Display, sans-serif;
}

.text-block-47 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  line-height: 1.3;
}

.text-block-48 {
  text-align: left;
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.text-block-48.head {
  color: #0472e3;
  margin-top: 0;
  font-size: 20px;
}

.text-block-48.business-referral {
  color: var(--blue-termolima);
  text-align: center;
  font-size: 5rem;
  font-weight: 700;
}

.div-block-210 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 20px;
  display: flex;
}

.bold-text-44 {
  font-weight: 500;
}

.text-span-157 {
  color: #3333330f;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(red, #0f4);
  -webkit-background-clip: text;
  background-clip: text;
}

.bold-text-45 {
  -webkit-text-fill-color: transparent;
  background-color: #d91212;
  background-image: linear-gradient(red, #0f9);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-span-158 {
  color: #000;
  -webkit-text-fill-color: transparent;
  background-color: #8d4b4b;
  background-image: linear-gradient(#e81717, #00fd6d);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-span-159 {
  -webkit-text-fill-color: transparent;
  background-color: #333;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
}

.heading-51 {
  margin-top: 0;
  font-size: 6.2vw;
  line-height: 1.1;
}

.text-block-49 {
  font-size: 2rem;
  line-height: 1.2;
}

.white {
  color: #fff;
}

.main-phone {
  display: none;
}

.review {
  margin: 40px;
}

.bold-text-48 {
  color: red;
}

.bold-text-48.black {
  color: #333;
  font-weight: 500;
}

.bold-text-49 {
  color: red;
}

.bold-text-49.white {
  color: #fff;
  font-weight: 500;
}

.bold-text-50 {
  color: red;
}

.bold-text-50.white {
  color: #fff;
  font-weight: 500;
}

.bold-text-51 {
  color: red;
}

.bold-text-51.white {
  color: #fff;
  font-weight: 500;
}

.bold-text-52 {
  color: red;
}

.bold-text-52.white {
  color: #fff;
  font-weight: 500;
}

.bold-text-53 {
  color: red;
}

.bold-text-53.white {
  color: #fff;
  font-weight: 500;
}

.bold-text-54 {
  font-weight: 400;
}

.paragraph-30 {
  color: #000;
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
}

.bold-text-55 {
  font-weight: 500;
}

.paragraph-31 {
  font-family: Sf Pro Display, sans-serif;
}

.paragraph-32 {
  color: #000;
  text-align: left;
}

.paragraph-33 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.text-span-161 {
  text-decoration: none;
}

.bold-text-60 {
  font-size: 12px;
}

.bold-text-61 {
  font-weight: 400;
  line-height: 1.3;
}

.inizio {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-around;
  display: flex;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0%;
}

.text-block-50 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.mini-products {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 80px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
  overflow: auto;
}

._20vw-div {
  flex: none;
  width: 22vw;
  margin-right: 0;
}

.mini-products-individual {
  flex: none;
  width: 120px;
  margin-right: 30px;
}

.mini-products-individual.last {
  margin-right: 0;
}

.link-block-2 {
  text-align: center;
  text-decoration: none;
}

.mini-product-img {
  margin-bottom: 10px;
}

.mini-text {
  color: #1d1d1f;
  margin-bottom: 1px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  position: relative;
}

.slide-bg-copy {
  object-fit: cover;
  border-radius: 0;
  width: auto;
  height: 40px;
  margin-bottom: 10px;
  position: relative;
  inset: 0%;
}

.slide-bg-copy.termosupporto {
  height: 40px;
  margin-bottom: 10px;
}

.pink {
  color: #c11517;
  justify-content: center;
  align-items: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  display: flex;
}

.title-text-24px {
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 30px;
}

.purple {
  color: #2196f3;
}

.blue {
  color: #4875bc;
}

.gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #f89961, #d37b9a 29%, #838fe0 56%, #6cadcf 80%, #6dd69d);
  -webkit-background-clip: text;
  background-clip: text;
}

.slide-text-container {
  z-index: 1;
  color: #1d1d1f;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 30px;
  display: flex;
  position: relative;
}

.slide-box {
  background-color: #fff;
  border-radius: 20px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 500px;
  transition: all .3s;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.slide-box:hover {
  transform: scale(1.01);
  box-shadow: 0 -1px 20px #6e6e7340;
}

.slide-box._240px {
  align-items: flex-start;
  width: 333px;
  height: 240px;
  display: flex;
}

.slide-box._240px.margin-right {
  border: 1px solid #e1dddd;
  border-radius: 30px;
  text-decoration: none;
}

.slide-box._240px.margin-right.supporto {
  border: 1px solid #e1dddd;
}

.slider-container {
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 70px;
  display: flex;
  overflow: auto;
}

.slider-container.supporto {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.bright-green {
  color: #7fd362;
}

.bright-blue {
  color: #027aff;
}

.cell-2 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6754c5bc5deeb678fcb37012_AdobeStock_766709494-scaled.avif");
  background-position: 0 0;
  background-size: auto;
}

.quick-stack {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  height: 70vh;
  padding-top: 0;
}

.cell-3 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751bbf9bbfe5e9b530531d1_industrial-style-bathroom-design-scaled.jpeg");
  background-position: 50%;
  background-size: cover;
}

.cell-4 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674bab2eab62ac580028a325_WEB_Displine_Dame_1-2_blog.avif");
  background-position: 50%;
  background-size: cover;
}

.cell-5 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6754c5bc868796838557ef11_Creative-Landscape-Lighting-Ideas-3.avif");
  background-position: 50%;
  background-size: cover;
}

.cell-6 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f9d52f94e758f82283d4e_SLG-04.avif");
  background-position: 50% 0;
  background-size: cover;
}

.div-block-211 {
  margin-top: 80px;
}

.div-block-212 {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676f1a71f29ce878ea4b9445_windows-72LU8QlGs5E-unsplash.avif");
  background-position: 0 0;
  background-size: cover;
  border-radius: 30px;
  max-width: 1024px;
  height: 50vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  box-shadow: 0 -1px 20px #6e6e731a;
}

.heading-52 {
  color: #fff;
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.paragraph-34 {
  color: #fff;
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.lottie-electro {
  height: 100px;
  margin-bottom: 0;
}

.lottie-animation-3, .lottie-animation-4 {
  height: 100px;
}

.heading-53 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  line-height: 1.1;
}

.paragraph-35, .paragraph-36, .paragraph-37, .paragraph-38, .paragraph-39 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.paragraph-40 {
  font-family: Sf Pro Display, sans-serif;
}

.paragraph-41 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.bold-text-62, .bold-text-63, .bold-text-64, .bold-text-65, .bold-text-66, .bold-text-67 {
  color: #0082f3;
}

.lottie-animation-5 {
  width: 60px;
  height: 60px;
}

.apple-image-playground-animation {
  width: 100px;
  height: 100px;
}

.heading-54 {
  color: #fff;
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  font-weight: 500;
}

.div-block-213 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lottie-animation-6 {
  width: 40px;
  height: 40px;
}

.div-block-214 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.rev-comment-header {
  margin-top: 2px;
  display: flex;
}

.supersparks-star-hover {
  z-index: 3;
  width: 25px;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.supersparks-star-hover._1st-star, .supersparks-star-hover._5th-star {
  width: 25px;
}

.number-star {
  width: 27px;
}

.review-header-div-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0 10px 0 0;
  display: grid;
}

.review-header-div-3.reviews {
  grid-template-rows: auto;
  height: auto;
  margin-bottom: 30px;
}

.review-header-div-3.reviews.replies {
  border: 1.5px solid #accfff;
  border-radius: 30px;
  margin-bottom: 0;
  padding: 20px;
}

.review-header-div-3.reviews {
  margin-bottom: 10px;
}

.review-header-div-3.reviews.review-card {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-auto-flow: row;
  margin-bottom: 0;
  padding-right: 0;
  display: flex;
}

.reply-form {
  width: 100%;
  margin-left: 10px;
  margin-right: 0;
}

.cta-commnt-txt {
  color: #9d9d9d;
  margin-left: 6px;
  font-weight: 600;
  text-decoration: none;
}

.cta-commnt-txt.comment {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.cta-commnt-txt.reply-button {
  color: #0472e3;
  margin-left: 0;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.radio-button-label-3 {
  display: none;
}

.goodreads-h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.book-sticky-div {
  flex-direction: column;
  align-items: center;
  width: auto;
  max-width: 304px;
  height: 500px;
  margin-right: 0;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: sticky;
  top: 30px;
}

.star-select-outlined {
  z-index: 2;
  width: 25px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-215 {
  display: flex;
}

.reviewer-details {
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}

.radio-button-field-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25px;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.member-data-2 {
  grid-column-gap: 15px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  margin-top: 22px;
  display: grid;
}

.reviewer-data {
  flex-flow: row;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.reads-submit-button {
  background-color: #1d1d1d;
  border-radius: 300px;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-left: 22px;
  padding-right: 22px;
  font-weight: 400;
  display: inline-flex;
  box-shadow: 1px 2px 5px #0003;
}

.reads-submit-button.supersparks-comment-submit-ccccc {
  background-color: #0472e3;
  border: 1px solid #001eff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 44px;
  margin-left: 0;
  margin-right: 0;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
  display: inline-flex;
  box-shadow: 0 0 0 3px #accfff;
}

.support-data-div {
  margin-left: 9px;
  display: flex;
}

.star-rating-selected {
  z-index: 4;
  border-radius: 3px;
  width: 25px;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.star-rating-selected._1-star {
  z-index: 8;
  display: none;
}

.star-rating {
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  height: 30px;
  margin-top: 0;
  margin-bottom: 5px;
  display: flex;
}

.goodreads-rating-summary {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.profile-image-11 {
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.profile-image-11.supersparks-member-image-ccccc {
  width: 55px;
  height: 55px;
}

.profile-image-11.supersparks-member-image-ccccc.comments {
  width: 35px;
  height: 35px;
}

.profile-image-11.supersparks-member-image-ccccc.review {
  margin: 0 10px 0 0;
}

.star-main-6 {
  width: 27px;
  height: 27px;
  margin-left: 0;
  margin-right: 5px;
}

.star-main-6.supersparks-filled-star-ccccc {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

.comment-form-test {
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 500;
}

.comment-form-test.comment-spark {
  display: none;
}

.comment-form-test.all-sparks {
  margin-top: 15px;
  margin-bottom: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.goodreads-h2 {
  text-align: center;
  margin-top: 7vh;
  font-family: Sf Pro Display, sans-serif;
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.1;
}

.reviews-card {
  margin-bottom: 12px;
}

.reviews-card.supersparks-comment-card-ccccc {
  border: 1px solid #e1dddd;
  border-radius: 30px;
  flex-flow: column;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 30px;
  display: flex;
}

.reviews-card.supersparks-reply-card-ccccc {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: grid;
}

.show-more-link {
  color: #1e1915;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.star-outlined {
  width: 25px;
  margin-left: 2px;
}

.star-outlined.supersparks-outlined-star-ccccc {
  width: 20px;
  height: 20px;
  margin-left: 0;
  margin-right: 4px;
}

.review-comment-right {
  flex-direction: column;
  align-items: flex-start;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
}

.star-radio-buttons {
  grid-column-gap: 2px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  place-items: center start;
  width: auto;
  max-width: 170px;
  height: 27px;
  margin-bottom: 10px;
  display: grid;
}

.star-radio-buttons.supersparks-rating-input-ccccc {
  align-content: center;
  width: 500px;
  height: 30px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.image-10 {
  width: auto;
}

.book-cover-img {
  width: 70%;
}

.rating-types-div {
  flex-direction: column;
  display: flex;
}

.comment-field.supersparks-comment-input-ccccc {
  color: #333;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-bottom-color: #e1dddd;
  border-radius: 30px;
  height: 120px;
  margin-top: 22px;
  padding: 15px 25px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
}

.review-comment-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr .75fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.goodreads-input-div {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.goodreads-avg-rating {
  align-items: flex-end;
  margin-left: 10px;
  display: flex;
}

.number-rating {
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  height: 30px;
  display: none;
}

.review-content-area {
  flex-direction: column;
  padding-bottom: 42px;
  display: flex;
  position: relative;
}

.review-content-area.comment-sect {
  padding-bottom: 10px;
}

.review-content-area.review-sect {
  padding-bottom: 0;
}

.reviewer-name {
  color: #28292b;
  font-weight: 400;
}

.reviewer-name.supersparks-author-name-ccccc {
  color: #333;
  margin-top: 0;
  font-size: 15px;
  font-weight: 600;
}

.reviewer-name.supersparks-author-name-ccccc.reviewer {
  color: #242424;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.reviewer-name.supersparks-author-name-ccccc.commenter {
  margin-right: 14px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.comment-form-8 {
  border-bottom: 1px solid #ccccd1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 7vh;
  display: flex;
}

.comment-form-8.supersparks-comment-form-t3jt3 {
  border-bottom-style: none;
  margin-top: 5vh;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.comment-profile-image {
  background-color: #cfccc9;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 35px;
  height: auto;
  min-height: 35px;
  max-height: 35px;
  display: flex;
}

.goodreads-reviews-div {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .25fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.replies-cta {
  flex-direction: row;
  align-items: center;
  width: 45px;
  margin-top: 0;
  margin-right: 7px;
  text-decoration: none;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
}

.replies-cta.supersparks-reply-show-ccccc {
  width: 110px;
}

.replies-cta.supersparks-reset-interactions-ccccc {
  color: #0472e3;
  border: 1px solid #0472e3;
  border-radius: 30px;
  width: auto;
  padding: 5px 10px;
}

.star-radio-button {
  z-index: 400;
  cursor: pointer;
  background-color: #da868600;
  border-style: none;
  width: 100%;
  height: 100%;
  margin-left: 0;
  position: absolute;
}

.star-radio-button.star-2 {
  margin-top: 0;
}

.star-radio-button.star-2.w--redirected-checked {
  border-style: none;
}

.star-radio-button.star-2.w--redirected-focus {
  box-shadow: none;
  border-style: none;
}

.star-radio-button.star-1 {
  margin-top: 0;
}

.star-radio-button.star-1.w--redirected-checked {
  background-color: #0000;
  border: 0 #3898ec00;
}

.star-radio-button.star-1.w--redirected-focus {
  box-shadow: none;
  border-style: none;
}

.star-radio-button.star-3 {
  z-index: 400;
  margin-top: 0;
}

.star-radio-button.star-3.w--redirected-checked {
  border-style: none;
}

.star-radio-button.star-3.w--redirected-focus {
  box-shadow: none;
  border-style: none;
}

.goodreads-profile-block {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-gradient {
  z-index: 5;
  background-image: linear-gradient(#fff0, #fff9 49%, #fff);
  height: 30px;
  margin-top: -30px;
  display: none;
  position: relative;
  inset: auto 0% 0%;
}

.name-field {
  color: #333;
  border: 1px solid #e1dddd;
  border-radius: 2px;
  height: 55px;
  padding-left: 25px;
  font-size: 15px;
}

.name-field.supersparks-name-input-ccccc {
  border-radius: 30px;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
}

.name-field.supersparks-email-input-ccccc {
  border-radius: 30px;
  font-family: Sf Pro Display, sans-serif;
}

.name-field.supersparks-email-input-ccccc:focus-visible, .name-field.supersparks-email-input-ccccc[data-wf-focus-visible] {
  color: #333;
}

.bottom-form-area {
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
  display: flex;
}

.average-rating.supersparks-average-rating-ccccc {
  font-family: Sf Pro Display, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: .9em;
}

.reviews-area-div {
  width: auto;
  min-width: 0;
  max-width: 1304px;
  margin-left: 110px;
  margin-right: 110px;
  padding-left: 60px;
  padding-right: 60px;
}

.reviews-grid-gr {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.reviews-grid-gr.supersparks-comments-grid-ccccc {
  grid-row-gap: 0px;
  opacity: 1;
  border: 1.5px #838488;
  border-radius: 30px;
  margin-top: 15px;
  padding: 0;
}

.review-date {
  color: #717171;
  font-size: 13px;
}

.review-date.supersparks-comment-time-ccccc {
  height: 20px;
  font-family: Sf Pro Display, sans-serif;
}

.star-upper-div {
  outline-offset: 0px;
  border-radius: 1px;
  outline: 1px #e1dddd;
  flex-direction: column;
  justify-content: center;
  height: 55px;
  margin: 10px auto 20px;
  padding-left: 0;
  display: flex;
}

.show-more-block {
  align-items: center;
  width: 100px;
  margin-top: 28px;
  text-decoration: none;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.review-content {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 23px;
}

.review-content.supersparks-comment-content-ccccc {
  object-fit: fill;
  object-fit: fill;
  height: auto;
  min-height: 0;
  max-height: none;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  line-height: 24px;
  overflow: hidden;
}

.show-more-image {
  width: 10px;
  height: 10px;
  margin-top: 1px;
  margin-left: 8px;
}

.goodreads-reply-form {
  margin-top: 5px;
  margin-bottom: 0;
  display: block;
}

.login-link-3 {
  color: #1a1a1a;
  font-weight: 600;
}

.profile-details-div {
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
}

.supersparks-number-rating-ccccc {
  text-align: right;
  margin-right: 5px;
  font-size: 18px;
  font-weight: 700;
}

.button-9 {
  text-align: center;
  background-color: #469d69;
  border-radius: 20px;
  width: 100%;
  margin-top: 20px;
  font-weight: 600;
}

.review-reply-form-block {
  border-top: 1px solid #cfccc9;
  margin-top: 20px;
  padding-top: 15px;
  display: none;
}

.goodreads-reply-button {
  background-color: #1e1915;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  height: 35px;
  padding-left: 19px;
  padding-right: 19px;
  font-weight: 500;
  display: inline-flex;
}

.goodreads-reply-button.supersparks-reply-submit-ccccc {
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
}

.grid-17 {
  grid-column-gap: 10px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 3.75fr;
  margin-top: 15px;
}

.goodread-review-top {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.goodreads-review-div {
  border-top: 1px #cfccc9;
  border-bottom: 1px #cfccc9;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.rating-summary-div {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.product-summary-div {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 6px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.product-summary-div.test {
  color: #7e7e7e;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  font-weight: 400;
}

.product-summary-div.supersparks-comment-count-ccccc {
  margin-right: 3px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  font-weight: 400;
}

.rating-average-div {
  justify-content: center;
  align-items: center;
  width: 400px;
  display: flex;
}

.goodreads-reply-input {
  background-color: #fafafa;
  border: 1px solid #908b85;
  border-radius: 7px;
  margin-bottom: 0;
  margin-left: 10px;
}

.goodreads-reply-input.name-input {
  width: 49%;
  margin-left: 0;
}

.goodreads-reply-input.supersparks-comment-input-ccccc {
  margin-left: 0;
}

.goodreads-reply-input.email-input {
  width: 49%;
}

.div-block-216 {
  margin-bottom: 10px;
  display: flex;
}

.cta-comm-img {
  width: 18px;
  height: 18px;
}

.paragraph-42 {
  text-align: center;
  width: auto;
  max-width: 720px;
  margin-bottom: 5vh;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
}

.heading-55 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.paragraph-43 {
  width: 80%;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
}

.heading-56 {
  color: #191717;
  width: 80%;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  line-height: 1.1;
}

.bold-text-69 {
  color: #000;
}

.heading-57 {
  width: 80%;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  line-height: 1.2;
}

.heading-58 {
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  line-height: 1;
}

.paragraph-44 {
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.paragraph-45 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.heading-59 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  line-height: 1.1;
}

.heading-60 {
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}

.lottie-animation-7 {
  width: 75vw;
  height: 45vw;
}

.twitter-icon_wrapper {
  color: #fff;
}

.lottie {
  width: 100%;
  height: 100%;
}

.nc_col-wrapper {
  flex-direction: column;
  width: 50%;
  display: flex;
}

.nc_image_top-wrapper {
  width: 100%;
  display: flex;
  position: relative;
}

.text-style-hero {
  letter-spacing: -.025em;
  font-size: 7.5rem;
  font-weight: 700;
  line-height: .916;
}

.text-style-hero-footer {
  border-bottom: 1px solid #0000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1;
}

.text-style-hero-footer:hover {
  border-bottom: 1px solid #fff;
}

.green-dot {
  opacity: .5;
  background-color: #00ff41;
  border-radius: 50%;
  width: 6.875rem;
  height: 6.875rem;
  margin-left: 0%;
  position: absolute;
  inset: auto 40% 0% 28%;
}

.text-style-nav {
  letter-spacing: -.01em;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.33333;
}

.text-span-medium {
  letter-spacing: 0;
  font-size: 5rem;
  line-height: 1;
}

.xray_text-wrapper {
  color: #6e6e73;
  width: 30%;
}

.dot {
  background-color: #6e6e73;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.icon-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.section_ap {
  width: 100vw;
  margin-top: -80vh;
  position: relative;
  overflow: hidden;
}

.section_noise-cancelation {
  width: 100vw;
  margin-top: -160vh;
  overflow: hidden;
}

.text-span-large {
  letter-spacing: -.016em;
  font-size: 7.5rem;
  line-height: .916;
}

.hyphen {
  display: none;
}

.chip_video-wrapper {
  width: 532px;
  height: 532px;
  position: relative;
}

.nc_image-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  color: #6e6e73;
  border-left: 1px solid #424245;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  max-height: 60.625rem;
  padding: 7.5vw 6vw;
  display: flex;
  overflow: hidden;
}

.nc_details-wrapper {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6772096379de97cbcb24e584_noise_cancel_particle__e2ew4rzcyjee_large.avif");
  background-position: 50%;
  background-size: cover;
  border-bottom: 1px solid #424245;
  justify-content: center;
  align-items: center;
  padding: 7.5vw 6vw;
  display: flex;
}

.nc_details-wrapper.is-2 {
  color: #6e6e73;
  background-color: #0000;
  background-image: none;
  border-bottom: 0 #0000;
  flex: 1;
}

.tips_wrapper {
  grid-column-gap: 2.875rem;
  align-items: flex-start;
  padding-top: 7%;
  display: flex;
}

.nc_info-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #424245;
  border-bottom: 1px solid #424245;
  grid-template: "Area-2 Area" .5fr
                 ". Area" .5fr
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: flex;
}

.nav_wrapper {
  z-index: 5;
  border-bottom: 1px solid #424245;
  justify-content: space-between;
  width: 61.25rem;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  display: flex;
}

.nav_wrapper.is-top {
  border-bottom-style: none;
  border-bottom-width: 0;
  align-items: center;
  height: 2.75rem;
}

.nav_wrapper.is-top.is-mob {
  display: none;
}

.hero_second-text-wrapper {
  opacity: 1;
  text-align: center;
  position: absolute;
}

.xray_row-wrapper {
  width: 100%;
  position: absolute;
}

.xray_row-wrapper.is-right {
  justify-content: flex-end;
  display: flex;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.xray-bg-image {
  position: absolute;
  inset: 0% 0% 0% -34px;
}

.xray-bg-image.is-1 {
  left: 0;
}

.xray-bg-image.is-3 {
  z-index: 5;
  opacity: 0;
}

.xray-bg-image.is-2 {
  opacity: 0;
}

.logo_wrapper {
  width: .875rem;
}

.nc_image_bottom-wrapper {
  width: 34.8125rem;
  height: 49.4375rem;
  position: relative;
  left: 9%;
}

.nav_bottom-wrapper {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.section_case-battery {
  width: 100vw;
  overflow: hidden;
}

.hero_heading-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  inset: 0 auto auto;
  overflow: hidden;
}

.chip-video {
  z-index: 2;
  object-fit: contain;
  position: absolute;
  inset: 0%;
}

.background-video-5 {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.nc_p4-wrapper {
  max-width: 68%;
}

.video_info-wrapper {
  max-width: 980px;
  display: flex;
}

.tip-image {
  object-fit: contain;
}

.section_hero-2 {
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 300vh;
  margin-top: -96px;
  display: flex;
  position: relative;
}

.nc_tips-wrapper {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-style-p2 {
  letter-spacing: .007em;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.142;
}

.nc_details-wrapper-copy {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6772096379de97cbcb24e584_noise_cancel_particle__e2ew4rzcyjee_large.avif");
  background-position: 50%;
  background-size: cover;
  border-bottom: 1px solid #424245;
  justify-content: center;
  align-items: center;
  padding: 7.5vw 6vw;
  display: flex;
}

.nav-mob_wrapper {
  display: none;
}

.text-style-logo {
  font-size: 1.3125rem;
  font-weight: 600;
  line-height: 1.14286;
}

.text-style-p3 {
  letter-spacing: .011em;
  font-size: 1.3125rem;
  font-weight: 600;
  line-height: 1.19;
}

.text-style-p3.is-centered {
  text-align: center;
}

.nav_top_icon-wrapper {
  opacity: .8;
  cursor: pointer;
  padding-left: 9px;
  padding-right: 9px;
}

.nav_top_icon-wrapper:hover {
  opacity: 1;
}

.nav_top_icon-wrapper.is-last {
  padding-right: 0;
}

.nav_top_icon-wrapper.is-first {
  padding-left: 0;
}

.nav_top_icon-wrapper.is-hamburger {
  padding-right: 0;
}

.xray_bg-image-wrapper {
  width: 23rem;
  height: 32.625rem;
  position: absolute;
}

.text-style-hero-top {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1;
}

.nav_button-wrapper {
  cursor: pointer;
  background-color: #0071e3;
  border-radius: 980px;
  min-width: 1.4375px;
  padding: 4px 11px;
}

.nav_button-wrapper.is-mob {
  display: none;
}

.nc_p3-wrapper {
  color: #6e6e73;
  max-width: 465px;
}

.text-span-white {
  color: #fff;
}

.nc_info-wrapper-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #424245;
  border-bottom: 1px solid #424245;
  grid-template: "Area-2 Area" .5fr
                 ". Area" .5fr
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: flex;
}

.green_dot-title-wrapper {
  z-index: 1;
  position: absolute;
  inset: auto 0% 10% 6%;
}

.padding-global-3 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.c-b_image-wrapper {
  z-index: -1;
  width: 602px;
  height: 496px;
  position: absolute;
  inset: auto auto 0% 2%;
}

.xray_wrapper {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.padding-0 {
  padding: 0;
}

.nc_green-dot_wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.hero_wrapper {
  z-index: 1;
  flex-direction: column;
  width: 100vw;
  display: flex;
  position: absolute;
  inset: auto 0%;
  overflow: hidden;
}

.hero_wrapper.is-mob {
  display: none;
}

.size_label-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-left: .3rem;
  display: flex;
}

.text-style-size-label {
  color: #00ff41;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}

.ap_info-wrapper {
  border-top: 1px solid #424245;
  border-bottom: 1px solid #424245;
  width: 100%;
  display: flex;
}

.text-span-large-lime {
  color: #00ff41;
  letter-spacing: -.016em;
  font-size: 7.5rem;
  line-height: .916;
}

.padding-section-ap {
  flex-direction: column;
  display: flex;
}

.menu_wrapper {
  cursor: pointer;
  transition: color .25s;
}

.menu_wrapper:hover {
  color: #0071e3;
}

.menu_wrapper.is-1 {
  color: #6e6e73;
  transition-property: none;
}

.c-b_title-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  padding-bottom: 7.5rem;
  padding-left: 16rem;
  padding-right: 16rem;
  display: flex;
}

.play-icon {
  width: 9px;
  height: 9px;
}

.nc_green-dot_container {
  width: 100%;
  padding-left: 33%;
  position: relative;
}

.nc_wrapper {
  flex-direction: column;
  display: flex;
}

.section_video {
  width: 100vw;
  max-width: 100vw;
  height: 310vh;
  margin-top: -180vh;
  position: relative;
}

.tips_component {
  flex-direction: column;
  display: flex;
}

.sizes_image-wrapper {
  justify-content: center;
  align-items: center;
  height: 10.625rem;
  display: flex;
}

.nav_top_link-wrapper {
  opacity: .8;
  color: #fff;
  cursor: pointer;
  padding-left: 9px;
  padding-right: 9px;
  text-decoration: none;
}

.nav_top_link-wrapper:hover {
  opacity: 1;
}

.green-dot_wrapper {
  position: relative;
}

.hero_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.nc_p1-wrapper {
  max-width: 800px;
}

.link-12 {
  color: #fff;
  text-decoration: none;
}

.hero_bottom-text-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  align-items: center;
  padding-bottom: 1.62188rem;
  display: flex;
  position: sticky;
  bottom: 30px;
}

.xray_video_wrapper {
  opacity: 0;
  width: 100vw;
  max-width: 100vw;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.section_nav {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.section_nav.is-bottom {
  background-color: #000;
  border-bottom: 1px solid #0000;
  position: sticky;
  top: 0;
}

.ap_details-wrapper {
  color: #6e6e73;
  border-left: 1px solid #424245;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 5.32969rem 4.26375rem;
  display: flex;
}

.ap_title-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  padding-left: 16rem;
  padding-right: 16rem;
  display: flex;
}

.nc_heading-wrapper {
  max-width: 900px;
}

.padding-section-c-b {
  padding-top: 10rem;
}

.hero_bottom-wrapper {
  z-index: 5;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  display: flex;
  position: relative;
}

.text-span-5 {
  padding-left: 307px;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.h1-2 {
  font-size: 12rem;
}

.line-2 {
  background-color: #6e6e73;
  width: 1px;
  height: 359px;
  position: static;
}

.xray_image-wrapper {
  z-index: -10;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-left: 16rem;
  padding-right: 16rem;
  display: flex;
  position: sticky;
  top: 0;
  left: 30%;
  right: 30%;
  overflow: hidden;
}

.line_wrapper {
  z-index: 5;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: .5625rem;
  height: 22.875rem;
  display: flex;
  position: absolute;
  inset: 0% 3.5vw auto auto;
}

.text-style-p5 {
  letter-spacing: .128px;
  font-size: 2rem;
  line-height: 2.25rem;
}

.hero_text-wrapper {
  flex-direction: column;
  justify-content: space-between;
  max-width: 100vw;
  height: 62vh;
  display: flex;
  position: absolute;
  inset: auto 0% 63px;
  overflow: hidden;
}

.text-style-p1 {
  letter-spacing: .128px;
  font-size: 2rem;
  line-height: 2.25rem;
}

.c-b_details-wrapper {
  color: #6e6e73;
  background-image: none;
  border-bottom: 1px solid #424245;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 7.5vw 6vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-b_details-wrapper.is-line {
  border-right: 1px solid #424245;
}

.c-b_details-wrapper.is-up {
  justify-content: flex-start;
}

.nc_size-title-wrapper {
  color: #6e6e73;
  max-width: 51%;
}

.black-overlay {
  opacity: 0;
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.nc_p2-wrapper {
  color: #6e6e73;
  max-width: 1800px;
}

.nc_p2-wrapper.is-white {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  color: #fff;
  flex-direction: column;
  display: flex;
}

.nav_bottom_logo-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  cursor: pointer;
  display: flex;
}

.copyrights_component {
  justify-content: flex-end;
  display: flex;
}

.video_info-component {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 120vh;
  padding-top: 10rem;
  display: flex;
  position: relative;
}

.text-span-lime {
  color: #00ff41;
}

.c-b_info-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #424245;
  border-bottom: 1px solid #424245;
  grid-template: "Area-2 Area" .5fr
                 ". Area" .5fr
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 95vh;
  display: flex;
}

.lottie_wrapper {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: -18% auto auto;
}

.ap_wrapper {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-direction: column;
  display: flex;
}

.copyrights_wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 3rem;
  display: flex;
}

.nav_bottom_menu-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.nav_bottom_menu-wrapper.is-mob {
  display: none;
}

.nc_airpod-image-wrapper {
  width: 16.1875rem;
}

.nc_title-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  padding-bottom: 7.5rem;
  padding-left: 16rem;
  padding-right: 16rem;
  display: flex;
}

.play-button_wrapper {
  background-color: #0000;
  border: 2px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.375rem;
  padding-left: 1px;
  display: flex;
}

.c-b_heading-wrapper {
  max-width: 900px;
}

.nav_bottom-button-wrapper {
  display: none;
}

.nc_size-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: column;
  height: 100vh;
  padding: 7.5vw 6vw;
  display: flex;
}

.ap_image-wrapper {
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 3vh;
  display: flex;
}

.section_xray {
  flex-direction: column;
  align-items: center;
  width: 100vw;
  max-width: 100vw;
  height: 400vh;
  position: relative;
}

.sizes_wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  display: flex;
}

.text-style-p4 {
  font-size: 1.3125rem;
  font-weight: 600;
  line-height: 25px;
}

.xray-video {
  width: 100%;
  max-width: 100vw;
  height: 100%;
  display: flex;
  position: relative;
}

.nc_details-wrapper-copy-2 {
  background-image: none;
  border-bottom: 1px solid #424245;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 7.5vw 6vw;
  display: flex;
}

.nc_details-wrapper-copy-2.is-line {
  border-right: 1px solid #424245;
  height: 40rem;
}

.hero_top-text-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #00ff41;
  justify-content: center;
  align-items: center;
  padding-bottom: 1.62188rem;
  display: flex;
  position: sticky;
  bottom: 30px;
}

.nc_green-dot-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-bottom: 1px solid #424245;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 7.5vw;
  padding-left: 6vw;
  padding-right: 6vw;
  display: flex;
}

.body-6 {
  background-color: #000;
}

.slide-nav {
  margin: 0;
  display: none;
}

.slide-1 {
  width: 375px;
  margin-right: 0;
  padding-right: 0;
}

.slide-1.mine {
  width: auto;
}

.slide-1.last {
  margin-right: 110px;
}

.grey {
  color: #6e6e73;
  font-size: 26px;
}

.superscript {
  vertical-align: top;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
}

.superscript.grey {
  text-decoration-thickness: 2px;
}

.modal-superscript {
  vertical-align: super;
  font-size: 12px;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.phone-wrapper {
  flex: none;
  align-self: center;
  height: 100%;
  margin-top: 0;
  position: static;
  inset: 0%;
}

.card-front {
  color: #fff;
  background-image: linear-gradient(#0000004d 20%, #0000 63%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6769c32ed2bc5f8fa1ffe716_main_giving_project_presentation_b0c1c121a8.avif");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 30px;
  width: 375px;
  height: 670px;
  padding-top: 10%;
  padding-left: 10%;
  padding-right: 10%;
  font-family: Sf Pro Display, sans-serif;
  position: relative;
}

.card-front._3 {
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c94806c_battery__2v7w6kmztvm2_large_2x.avif");
  background-position: 50% 100%;
  width: 375px;
  height: 670px;
}

.card-front._4 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c948071_innovation__os9bmmo3mjee_large_2x.avif");
  width: 375px;
  height: 670px;
}

.card-front._7 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c94807b_personalize__dwg8srggrbo2_large_2x.avif");
}

.card-front._2 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c948067_camera__exi2qfijti0y_large_2x.avif");
  background-position: 50%;
  background-size: cover;
  width: 375px;
  height: 670px;
  padding-top: 10%;
  padding-left: 10%;
  padding-right: 10%;
}

.card-front._6 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c948076_privacy__ckc0wa30o55y_large_2x.avif");
}

.card-front._8 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c948085_safety__bwp7rsowtjiu_large_2x.avif");
  width: 400px;
  height: 600px;
}

.card-front._5 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c948080_environment__e3v3gj88dl6q_large_2x.avif");
}

.card-front.mine {
  width: 400px;
  height: 600px;
  font-family: Sf Pro Display, sans-serif;
}

.card-front._8 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c948085_safety__bwp7rsowtjiu_large_2x.avif");
}

.card-front._1 {
  background-image: linear-gradient(#00000040, #0003), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6754a9881ab7c8348d1c1a7e_ID%2BHomepage%2BTile_2024.avif");
  background-position: 0 0, 50% 70%;
  background-size: auto, cover;
}

.card-front._1.phone {
  background-image: linear-gradient(#00000040, #0003), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751040b45744e4de349d294_planning-2023-11-27-05-26-20-utc-scaled.avif");
}

.card-front.a {
  background-image: linear-gradient(#0003, #0000004d), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6723a1ed566d17376a7f0912_stefan-stefancik-pzA7QWNCIYg-unsplash%20(1).avif");
  background-position: 0 0, 50% 70%;
  background-size: auto, cover;
}

.card-front.b.save {
  background-image: linear-gradient(#0000004d 20%, #0000 63%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751b5a1afd8c826557da669_015-mit-smarthome-produkten-strom-kosten-sparen-1919292-scaled.jpeg");
}

.card-front.green {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722bfb1cd472a4a28910f06_more_detail_ai__0t676ehs18yi_large.avif");
  background-position: 50% 70%;
  background-size: cover;
}

.card-front.property {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e59acb8b0bfd57207c0da_pansol.avif");
  background-position: 100%;
  background-size: cover;
}

.card-front.extend {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f9d52a9a0604ac1d3643e_HLW_PlayQ_SantaMonica_California_Workplace_Entertainment_InteriorDesign_BrandExperience8.avif");
  background-position: 50%;
  background-size: cover;
}

.card-front.well {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/677354e69a8d176d562b3f49_Kaiterra%2Bimage%2B1.avif");
  background-position: 75%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cross {
  width: 17px;
  max-width: none;
}

.slider-3 {
  background-color: #fff0;
  height: 100%;
  margin-top: 80px;
  overflow: visible;
}

.left-arrow {
  background-color: #e2e2e5;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin: 0;
  transition: background-color .2s;
  display: none;
  inset: auto 5% -14% auto;
  overflow: visible;
}

.left-arrow:hover {
  background-color: #e9e9eb;
}

.slide-4 {
  width: 375px;
  margin-right: 20px;
}

.slide-4.mine {
  width: 400px;
}

.card-feature-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.card-feature-wrapper.vertical-alignment {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-feature-wrapper.vertical-alignment.another {
  flex-flow: column;
}

.popup-label {
  color: var(--90);
  letter-spacing: -.5px;
  margin-bottom: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
}

.slide-7 {
  width: 375px;
  margin-right: 20px;
}

.slide-7.mine {
  width: 400px;
}

.slide-3 {
  width: 375px;
  margin-right: 20px;
}

.slide-3.mine {
  width: 400px;
}

.slide-2 {
  vertical-align: baseline;
  width: 375px;
  margin-right: 20px;
}

.slide-2.mine {
  width: auto;
}

.webflow-link {
  color: #336cec;
  font-weight: 600;
  text-decoration: none;
}

.instructions-image-4 {
  width: 250px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.right-arrow-image {
  margin-right: -4px;
}

.card-link {
  cursor: pointer;
  transform-style: preserve-3d;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 60px;
  font-family: Sf Pro Display, sans-serif;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.card-link:hover {
  transform: scale3d(1.02, 1.02, 1.02);
}

.generic-link {
  color: #6e6e73;
  font-weight: 700;
  text-decoration: none;
}

.rich-text-block {
  color: #1d1d1f;
  margin-bottom: 0;
  font-weight: 400;
}

.rich-text-block._10px {
  margin-bottom: 10px;
}

.rich-text-block._40px {
  margin-bottom: 40px;
}

.mask {
  width: 375px;
  height: 100%;
  overflow: visible;
}

.mask.phone {
  width: 35vw;
}

.left-arrow-image {
  margin-left: -3px;
  padding-left: 0;
}

.screen-reader-text {
  color: #000;
  text-decoration: none;
  display: block;
}

.feature-card-image {
  width: 600px;
}

.feature-card-image.large {
  width: auto;
  overflow: visible;
}

.feature-card-image.tablet-mobile {
  display: none;
}

.code-embed-2 {
  margin-top: 10px;
  margin-bottom: 0;
}

.section-19 {
  background-color: #fff0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.button-10 {
  color: #fffefa;
  text-align: center;
  background-color: #4353ff;
  border-radius: 2em;
  min-width: 11em;
  padding: .75em 2em .875em;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s;
}

.button-10:hover {
  background-color: #3e4ceb;
}

.button-10.open-modal {
  cursor: pointer;
  background-color: #333336;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 0;
  height: 35px;
  padding: 0;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.button-10.open-modal:hover {
  background-color: #333336;
}

.section-heading {
  color: #e6e6e6;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1;
}

.slide-5 {
  width: 375px;
  margin-right: 20px;
}

.slide-5.mine {
  width: 400px;
}

.paragraph-46 {
  color: #6e6e73;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

.paragraph-46.last {
  margin-bottom: 0;
}

.instructions-image-2 {
  width: 300px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.slide-8 {
  width: 375px;
  margin-right: 20px;
}

.label-2 {
  color: #fff;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

.label-2.black {
  color: #1d1d1f;
}

.plus-icon {
  width: 17px;
  max-width: none;
}

.plus-icon.inverted {
  filter: invert();
}

.popup-heading {
  color: var(--90);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}

.modal-1-popup {
  z-index: 999;
  -webkit-backdrop-filter: brightness(90%) blur(5px);
  backdrop-filter: brightness(90%) blur(5px);
  -webkit-text-fill-color: inherit;
  background-color: #0006;
  background-clip: border-box;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 3rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.container-17 {
  box-sizing: border-box;
  object-fit: fill;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 110px;
  padding-right: 110px;
  display: flex;
  overflow: scroll;
}

.modal-2-popup {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0006;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 3rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.instructions-image-1 {
  width: 150px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.slider-wrapper {
  background-color: #0000;
  flex: 0 auto;
  width: auto;
}

.right-arrow-2 {
  background-color: #e2e2e5;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  inset: auto 0% -14% auto;
  overflow: hidden;
}

.right-arrow-2:hover {
  background-color: #e9e9eb;
}

.modal-bg {
  background-color: #0000;
  width: 100%;
  height: 100%;
  display: block;
  position: static;
  inset: 0%;
}

.slide-6 {
  width: 375px;
  margin-right: 20px;
}

.slide-6.mine {
  width: 400px;
}

.h1-3 {
  color: #1d1d1f;
  margin-top: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
}

.modal-content {
  margin-right: 0;
  padding: 4.5rem;
}

.code-block {
  margin-top: 20px;
  margin-bottom: 20px;
}

.card-8 {
  background-color: #f5f5f7;
  border-radius: 30px;
  margin-bottom: 20px;
  padding-left: 60px;
  padding-right: 60px;
}

.card-8._5 {
  background-color: var(--dark-grey);
  margin-top: 2rem;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.card-8._3 {
  padding-top: 0;
}

.card-8._3.option-1 {
  margin-top: 60px;
}

.card-8._1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--dark-grey);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  margin-bottom: 40px;
  padding-top: 60px;
  padding-bottom: 0;
}

.card-8._4 {
  border: 1px none var(--border);
  background-color: var(--dark-grey);
  margin-top: 2rem;
  margin-bottom: 0;
  padding: 60px 60px 0;
}

.card-8.popopopopopopopo {
  background-color: var(--dark-grey);
  padding-top: 60px;
  padding-bottom: 60px;
}

.card-8._5 {
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.card-8._4 {
  padding-top: 60px;
}

.close-button {
  z-index: 5;
  float: right;
  background-color: #f5efef;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: 2rem;
  margin-right: 2rem;
  display: flex;
  position: sticky;
  top: -2rem;
}

.close-button.button-style-1 {
  cursor: pointer;
  background-color: #333336;
  border-radius: 8rem;
  width: 35px;
  height: 35px;
  margin-top: 1.5rem;
  margin-right: 1.5rem;
}

.close-button.button-style-1.no-sticky {
  position: static;
}

.feature-card-text {
  color: #1d1d1f;
  letter-spacing: -.5px;
  order: -1;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
}

.feature-card-text.right {
  order: 1;
}

.feature-card-text._40px {
  margin-bottom: 40px;
  font-size: 26px;
}

.modal-popup-wrapper {
  z-index: 999;
  background-color: var(--color);
  width: 100vw;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
  inset: 0 0% 0%;
}

.card-wrapper-3 {
  font-family: Sf Pro Display, sans-serif;
  position: static;
}

.card-wrapper-3:hover {
  transform: translate(0);
}

.h2-8 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.modal-3-popup {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0006;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 3rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.heading-wrapper {
  margin-bottom: 0;
}

.card-title {
  color: #fff;
  letter-spacing: -.5px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.card-title.black {
  color: #1d1d1f;
  font-weight: 600;
}

.text-block-51 {
  color: #6e6e73;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}

.modal {
  z-index: 999;
  background-color: #1a1a1a;
  border-radius: 20px;
  flex: none;
  width: auto;
  max-width: none;
  height: auto;
  margin: auto;
  display: block;
  position: absolute;
  top: 100px;
  left: 100px;
  right: 100px;
}

.heading-style-h3-2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.card_text-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: center start;
  display: grid;
}

.card_text-content.is-layout03 {
  grid-template-columns: 1fr;
  align-content: center;
}

.card_text-content.is-layout02 {
  grid-template-columns: 1fr;
  align-content: start;
}

.nav_icons {
  width: 1rem;
  margin-left: 1rem;
}

.faq_content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  place-items: flex-start start;
}

.footer_line {
  background-color: #ccc;
  height: 1px;
}

.wrapper {
  justify-content: flex-start;
  display: flex;
}

.footer_link {
  color: #666;
  font-size: .875rem;
}

.footer_link:hover {
  color: #444;
  text-decoration: underline;
}

.scroll-reveal_trigger {
  height: 12rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.device_image-left {
  border-radius: 1.5rem;
}

.button-11 {
  color: #fff;
  text-align: center;
  background-color: #852dc4;
  border-radius: 50rem;
  padding: 1rem 2rem;
  font-weight: 600;
  text-decoration: none;
}

.button-11:hover {
  background-color: #a945e3;
}

.button-11.is-small {
  padding: .2rem .65rem;
  font-size: .75rem;
  font-weight: 300;
  transition: background-color .2s;
}

.button-11.is-small:hover {
  background-color: #a945e3;
}

.footer_contact-ways {
  color: #666;
  display: flex;
}

.device_text-content {
  text-align: center;
  padding: 4rem 3rem 3rem;
}

.footer_links-column {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.footer_breadcrumb {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #444;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer_breadcrumb.text-size-small {
  color: #666;
}

.card_image {
  border-radius: .5rem;
}

.code-embed-3 {
  color: #1d1d1f;
}

.faq_question-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.marquee_list {
  display: flex;
}

.nav_menu {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.card_item {
  text-align: left;
  background-color: #fff;
  border-radius: 1.5rem;
  margin-bottom: 2rem;
}

.card_item.is-scroll-reveal {
  border: 1px #000;
}

.relative {
  position: relative;
}

.relative.rounded-20 {
  overflow: visible;
}

.faq_text-content {
  position: relative;
}

.section_podcast-featured {
  justify-content: center;
  align-items: center;
  padding-bottom: 3rem;
  display: flex;
  overflow: hidden;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.page-wrapper-3.is-centered {
  text-align: center;
}

.devices-icon_row {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.device_text-content_paragraph {
  font-size: 1.2rem;
}

.devices_description {
  margin-top: 10rem;
  padding-top: 0;
  padding-left: 110px;
  padding-right: 110px;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.card_item-layout-02 {
  grid-column-gap: 3rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  padding: 6rem 6rem 0;
  display: grid;
}

.card_graphics-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-small {
  font-size: .875rem;
}

.main-wrapper-3 {
  position: relative;
}

.faq_list-item {
  text-align: left;
  padding: 1rem 1.5rem 0;
  position: relative;
}

.footer_copyright {
  color: #666;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  display: flex;
}

.faq_list-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.device_left {
  text-align: left;
  background-color: #fff;
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  display: flex;
}

.device_left.is-scroll-reveal {
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  height: 700px;
  min-height: auto;
  display: flex;
}

.section_tabs-images {
  display: none;
}

.podcaster_icon-image {
  width: 15px;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.devices_text-content {
  position: relative;
}

.text-color-purple {
  color: #a945e3;
}

.faq_answer {
  overflow: hidden;
}

.heading-style-h4-2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}

.podcast-featured_column {
  position: relative;
}

.podcast-featured_column.is-scrolling-02.c {
  z-index: 2;
}

.podcast-featured_column.is-scrolling-02.e {
  z-index: 4;
}

.podcast-featured_column.is-scrolling-02.a {
  z-index: 0;
}

.podcast-featured_column.is-scrolling-01.b {
  z-index: 1;
}

.podcast-featured_column.is-scrolling-01.d {
  z-index: 3;
}

.callout_component {
  margin-bottom: 3rem;
}

.heading-style-tinyh1 {
  font-size: 1rem;
  line-height: 1.5;
}

.card_slide-image {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.podcast-featured_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 90%;
  display: flex;
}

.home-heo_logo-image {
  transform-origin: 50% 0;
  width: 5rem;
  transform: none;
}

.home-heo_logo-image.is-small {
  width: 3.5rem;
}

.home-heo_logo-image.for-mobile {
  display: none;
}

.nav_component {
  background-color: #fafafccc;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: relative;
  inset: 0% 0% auto;
}

.footer_links-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card_item-layout01 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 6rem 2rem 6rem 6rem;
  display: grid;
}

.podcaster_cta-link {
  color: #2d62ff;
}

.faq_line {
  background-color: #ccc;
  height: 1px;
}

.brands-icon_row {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.devices_paragraph {
  max-width: 60ch;
  margin-left: auto;
  margin-right: auto;
}

.marquee_component {
  overflow: hidden;
}

.footer_list-item {
  text-align: left;
}

.section_card-features {
  overflow: hidden;
}

.div-block-217 {
  color: #fff;
  max-width: 30ch;
}

.text-weight-bold {
  font-weight: 700;
}

.horizontal-between-center {
  background-color: #ac8710;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
  display: flex;
}

.horizontal-between-center.is-pink {
  background-color: #e995b6;
}

.horizontal-between-center.is-gray {
  background-color: #aaa;
}

.horizontal-between-center.is-blue {
  background-color: #2d62ff;
}

.horizontal-between-center.is-error-red {
  background-color: #3b0b0b;
}

.tabs_text-content {
  position: relative;
}

.marquee_item {
  flex: none;
  margin-right: 2rem;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.device_image-right {
  width: auto;
  max-width: none;
}

.nav_logo {
  z-index: 1;
  width: 1.5rem;
  margin-right: 1rem;
  position: relative;
}

.heading-style-h5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

.card_item-layout03 {
  color: #f5f5f7;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720dff91f3f9852c95bca7_carplay__ewuz8qx1kui6_large.avif");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #cbcbcb;
  border-radius: 1.5rem;
  height: 40rem;
  padding: 4rem;
  display: flex;
}

.nav_menu_link {
  color: #3a3a3a;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .75rem;
  text-decoration: none;
}

.podcast-featured_item {
  z-index: 2;
  position: relative;
}

.sticky_component {
  z-index: 100;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #fafafccc;
  border-bottom: 1px solid #aaa;
  padding-top: .65rem;
  padding-bottom: .65rem;
  position: sticky;
  top: 0;
}

.devices-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.padding-global-4 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.footer_list {
  color: #666;
}

.footer_list.text-size-small {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.nav_content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card_slider {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  flex-direction: column;
  width: 370px;
  display: flex;
}

.section-20 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.card_text-content_paragraph {
  max-width: 27ch;
}

.text-size-medium-2 {
  font-size: 1.25rem;
}

.container-medium-2 {
  align-items: stretch;
  width: 100%;
  max-width: 64rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.list-2 {
  grid-column-gap: 32px;
  flex: none;
  margin-right: 32px;
  display: flex;
}

.sticky_content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.podcaster_link-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.device_right {
  text-align: left;
  background-color: #fff;
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  margin-bottom: 2rem;
  display: flex;
}

.device_right.is-scroll-reveal {
  height: 700px;
  min-height: auto;
  margin-bottom: 0;
}

.button-12 {
  color: #fff;
  text-align: center;
  background-color: #852dc4;
  border-radius: 50rem;
  padding: 1rem 2rem;
  font-weight: 600;
  text-decoration: none;
}

.button-12:hover {
  background-color: #a945e3;
}

.page-wrapper-4.is-centered {
  text-align: center;
}

.main-wrapper-4 {
  position: relative;
}

.heading-style-h4-3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}

.div-block-218 {
  color: #fff;
  max-width: 30ch;
}

.padding-global-5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.section-21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.list-3 {
  grid-column-gap: 32px;
  flex: none;
  margin-right: 32px;
  display: flex;
}

.button-13 {
  color: #fff;
  text-align: center;
  background-color: #852dc4;
  border-radius: 50rem;
  padding: 1rem 2rem;
  font-weight: 600;
  text-decoration: none;
}

.button-13:hover {
  background-color: #a945e3;
}

.page-wrapper-5.is-centered {
  text-align: center;
}

.page-wrapper-5.is-relative {
  position: relative;
}

.ononpad {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.main-wrapper-5 {
  position: relative;
}

.heading-style-h4-4 {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}

.onpad {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.div-block-219 {
  color: #fff;
  max-width: 30ch;
}

.pad {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.section-22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.list-4 {
  grid-column-gap: 32px;
  flex: none;
  margin-right: 32px;
  display: flex;
}

.heading-64 {
  text-align: center;
}

.div-block-220 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin: 0 110px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.paragraph-47 {
  color: var(--blue-termolima);
  text-align: center;
  max-width: none;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.heading-65 {
  color: #ebebeb;
  text-align: center;
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 5rem;
  line-height: 1;
}

.heading-66 {
  color: var(--dark-grey);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-bottom: 5px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  line-height: 1;
}

.links {
  justify-content: space-around;
  align-items: center;
  max-width: 720px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-222 {
  background-color: var(--color);
  margin-top: 0;
  padding-top: 0;
}

.link-13 {
  color: #e6e6e6;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.2rem;
  line-height: 1.1;
  text-decoration: none;
}

.link-13:hover {
  color: #0472e3;
}

.link-14, .link-15, .link-16, .link-17 {
  color: #e6e6e6;
  text-decoration: none;
}

.paragraph-48 {
  color: #86868b;
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.div-block-223 {
  justify-content: center;
  align-items: center;
  height: 90vh;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.slider-4 {
  background-color: #fff0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  overflow: visible;
}

.instructions-image-5 {
  width: 250px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.code-embed-4 {
  margin-top: 10px;
  margin-bottom: 0;
}

.instructions-image-3 {
  width: 250px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.section-23 {
  background-color: #fff0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.button-14 {
  color: #fffefa;
  text-align: center;
  background-color: #4353ff;
  border-radius: 2em;
  min-width: 11em;
  padding: .75em 2em .875em;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s;
}

.button-14:hover {
  background-color: #3e4ceb;
}

.button-14.open-modal {
  cursor: pointer;
  background-color: #333336;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 0;
  height: 35px;
  padding: 0;
  display: flex;
  position: absolute;
  bottom: 4vw;
  right: 4vw;
}

.button-14.open-modal:hover {
  background-color: #333336;
}

.button-14.open-modal.white {
  background-color: #fff;
}

.button-14.open-modal.inverted {
  filter: invert();
}

.section-heading-2 {
  color: #1d1d1f;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}

.paragraph-49 {
  color: #6e6e73;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

.paragraph-49.last {
  margin-bottom: 0;
}

.instructions-image-6 {
  width: 300px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.label-3 {
  color: #fff;
  margin-bottom: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

.label-3.black {
  color: #1d1d1f;
}

.container-18 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: scroll;
}

.instructions-image-7 {
  width: 150px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.slider-wrapper-2 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 110px;
  padding-right: 0;
  display: flex;
}

.right-arrow-3 {
  background-color: #e2e2e5;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  transition: background-color .2s;
  display: none;
  position: absolute;
  inset: auto 0% -14% auto;
  overflow: hidden;
}

.right-arrow-3:hover {
  background-color: #e9e9eb;
}

.text-block-52 {
  color: #6e6e73;
  margin-bottom: 0;
  padding: 17px 5px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}

.intro {
  margin-top: 0;
  margin-left: 110px;
  margin-right: 110px;
}

.heading-67 {
  color: #e4dede;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.paragraph-50 {
  color: #e4dede;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
}

.useit {
  margin-top: 10vw;
}

.bold-text-70 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.benefici {
  margin-top: 10rem;
  padding-top: 10em;
}

.innovazione {
  margin-top: 10rem;
}

.p-xs-end {
  padding-bottom: 1.6em;
}

.ipad-scroll-animation-subtitle {
  color: var(--dashboard);
  margin-bottom: .3em;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.7em;
  font-weight: 500;
  line-height: 1.2;
}

.section-ipad-scroll-animation {
  min-height: 200vh;
  position: relative;
}

.ipad-scroll-animation-title {
  color: var(--dark-grey);
  letter-spacing: -.02em;
  font-family: Sf Pro Display, sans-serif;
  font-size: 6.5em;
  font-weight: 700;
  line-height: 1.1;
}

.ipad-scroll-animation-sticky {
  width: 100%;
  padding-top: 10em;
  padding-bottom: 7em;
  position: sticky;
  top: 0;
}

.ipad-scroll-animation-sticky.produttivit {
  position: static;
}

.ipad-item-fly-right {
  width: auto;
  margin-top: -30%;
  position: relative;
}

.ipad-item-fly-right.is-1 {
  transform-style: preserve-3d;
  margin-top: 0%;
  transform: translate3d(0, 0, 1px);
}

.ipad-screen-wrapper {
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67722b9104b08e44fa2d1142_ipad-pro.svg");
  background-position: 0 0;
  background-size: auto;
  width: 93.8%;
  height: 91.5%;
  position: absolute;
  inset: 4% 0% 0% 3%;
  overflow: hidden;
}

.ipad-landscape-screen {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.ipad-mockup {
  position: relative;
}

.ipad-scroll-animation {
  width: 100%;
  padding: 10em 7%;
  overflow: hidden;
}

.ipad-scroll-animation-content {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 36em;
  display: flex;
}

.container-w1 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.text-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #f46678, #d66bbd 47%, #bd6cf7);
  -webkit-background-clip: text;
  background-clip: text;
}

.ipad-shape {
  border-radius: 30px;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0;
  position: relative;
  box-shadow: 0 2px 20px 5px #000000b3;
}

.copy-medium {
  color: var(--log-in-box);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

.ipad-animation-inner {
  perspective: 1000px;
  perspective-origin: 100%;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  max-width: 55%;
}

.ipad-animation-inner.fly-center {
  perspective-origin: 0%;
  width: auto;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.page-padding {
  margin-top: 5vw;
  padding-left: 4em;
  padding-right: 4em;
}

.container-w3 {
  width: 100%;
  max-width: 56em;
  margin-left: auto;
  margin-right: auto;
}

.container-w3.text-center {
  max-width: none;
}

.ipad-item-fly-left {
  width: 100%;
  margin-top: -30%;
  position: relative;
}

.ipad-item-fly-left.is-1 {
  z-index: 0;
  width: auto;
  margin-top: 0%;
}

.blue_dashboard-card {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #506385;
  border: 1px solid #000;
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
  transition: all .5s;
  display: flex;
  box-shadow: 0 2px 20px 10px #0003;
}

.blue_dashboard-card:hover {
  color: #506385;
  background-color: #f1f0e1;
}

.card_menu-icon {
  transform-style: preserve-3d;
  width: 20px;
  height: 17px;
  transition: all .5s;
}

.card_menu-icon:hover {
  transform: scale3d(1, 1, 2);
}

.card_total {
  overflow: hidden;
}

.cross-2 {
  font-size: 1.5rem;
  position: absolute;
  inset: 5% 5% auto auto;
}

.popup_button-group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 40px;
  display: flex;
}

.popup_button-group.flex {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  display: grid;
}

.left-arrow-3, .right-arrow-4 {
  display: none;
}

.slide-2 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/677234b885f9b41aefa68529_Pattern%20Elements%20(1).svg");
  background-position: 500% -68%;
  background-repeat: no-repeat;
  background-size: auto;
  width: auto;
  margin-right: 0;
}

.div-block-225 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 42px;
  display: flex;
}

.graph_number {
  text-align: center;
  font-size: .8rem;
  position: relative;
  top: 50px;
}

.popup_features-wrap {
  z-index: 3;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.popup_card {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #1f1f22;
  width: 100%;
  max-width: 450px;
  padding: 30px 40px;
  transition: all .5s;
  position: relative;
}

.arrow {
  cursor: pointer;
  width: 38px;
  transition: all .3s;
}

.arrow:hover {
  transform: rotate(45deg);
}

.popup_horizontal-flex {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.slide-nav-2 {
  font-size: .5rem;
  inset: auto auto 0% 6%;
}

.focus_span {
  font-size: 1rem;
}

.dashboard_grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #10101500;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  min-height: auto;
  margin-top: 15px;
  display: grid;
}

.card-divider {
  background-color: #444;
  width: 100%;
  height: 1px;
  margin-top: 1rem;
}

.circle_wrap {
  z-index: -1;
  border: 30px solid #506385;
  border-top-color: #f1f0e1;
  border-radius: 50%;
  flex: 0 auto;
  width: 300px;
  height: 300px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  transform: rotate(-45deg);
}

.absolute_arrow {
  width: 35px;
  height: 35px;
  transition: all .3s;
  position: absolute;
  inset: 10% 2% auto auto;
}

.absolute_arrow:hover {
  transform: rotate(45deg);
}

.custom_dashboard {
  cursor: pointer;
  background-color: #adada4;
  border: 1px solid #000;
  border-radius: 30px;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all .5s;
  display: flex;
  position: relative;
}

.custom_dashboard:hover {
  color: #fff;
  background-color: #1f1f22;
}

.graph_chart {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.text-color-green {
  color: #28971e;
}

.popup_button {
  color: #f1f0e1;
  background-color: #506385;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: all .5s;
  display: flex;
}

.popup_button:hover {
  background-color: #444;
}

.popup_button.is-alternative {
  background-color: #50638500;
  border: 1px solid #f1f0e1;
}

.popup_button.is-alternative:hover {
  color: #506385;
  background-color: #f1f0e1;
}

.popup_divider {
  background-color: #444;
  width: 100%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.chart_bar {
  background-color: #b2b1a8;
  width: 55px;
  height: 35%;
}

.chart_bar.height_70 {
  height: 70%;
}

.chart_bar.height_70.background_color {
  color: #333;
  background-color: #f1f0e1;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100px;
  height: 40%;
  padding-bottom: 10px;
  font-size: 1vh;
  display: flex;
}

.chart_bar.height_45 {
  color: #333;
  background-color: #f1f0e1;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100px;
  height: 15%;
  padding-bottom: 10px;
  display: flex;
}

.chart_bar.height_50 {
  background-color: #506385;
  border-radius: 15px;
  justify-content: center;
  align-items: flex-end;
  width: 100px;
  height: 100%;
  padding-bottom: 10px;
  display: flex;
}

.chart_bar.height_55 {
  color: #333;
  background-color: #f1f0e1;
  border-radius: 15px;
  justify-content: center;
  align-items: flex-end;
  width: 100px;
  height: 65%;
  padding-bottom: 10px;
  display: flex;
}

.popup_invoice {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #1f1f22;
  width: 100%;
  max-width: 450px;
  padding: 30px 40px;
  transition: all .5s;
  position: relative;
  box-shadow: 0 0 5px #0003;
}

.popup_features {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #1f1f22;
  width: 100%;
  max-width: 450px;
  padding: 30px 20px;
  transition: all .5s;
  position: relative;
}

.dashboard_container {
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Sf Pro Display, sans-serif;
}

.focus_text {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0;
  font-size: 4rem;
  line-height: 1;
  display: flex;
}

.total_text {
  justify-content: space-between;
  align-items: stretch;
  margin-top: .5rem;
  display: flex;
}

.slider_card {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #506385;
  border-radius: 30px;
  transition: all .5s;
  position: relative;
}

.slider_card:hover {
  background-color: #343435;
}

.section_hero-3 {
  background-color: #10101500;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  min-height: auto;
  display: flex;
  position: relative;
}

.popup_invoice-wrap {
  z-index: 3;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.text-color-red {
  color: #a01212;
}

.text-block-53 {
  margin-bottom: 10px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
}

.card_head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.popup_tick-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.circle_text {
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.card_graph-wrap {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
}

.popup_heading2 {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
}

.image_grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.popup_wrap {
  z-index: 3;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.card_graph {
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.procces-bar {
  background-color: #444;
  background-image: linear-gradient(270deg, #343435 55%, #506385 55%);
  width: 100%;
  height: 8px;
  margin-top: 2rem;
}

.slider-5 {
  background-color: #ddd0;
  border: 1px solid #000;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
}

.graph_text {
  color: #878682;
}

.dark_dashboard-card {
  color: #f1f0e1;
  cursor: pointer;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 30px;
  transition: all .5s;
  display: flex;
  box-shadow: 0 2px 20px 10px #0003;
}

.dark_dashboard-card:hover {
  background-color: #506385;
}

.dark_dashboard-card.item-center {
  z-index: 1;
  cursor: pointer;
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40vw;
  display: flex;
  position: relative;
  box-shadow: 0 2px 20px 10px #0003;
}

.dark_dashboard-card.item-center:hover {
  color: #000;
  background-color: #adada4;
}

.dark_dashboard-card.card_flex {
  cursor: pointer;
  background-color: #000;
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  height: 40vw;
  padding-bottom: 20px;
  display: flex;
  box-shadow: 0 2px 20px 10px #0003;
}

.dark_dashboard-card.card_flex:hover {
  background-color: #343435;
}

.dark_dashboard-card.card_flex.hover {
  cursor: pointer;
  background-color: #000;
  border: 1px solid #000;
}

.dark_dashboard-card.card_flex.hover:hover {
  color: #1f1f22;
  background-color: #adada4;
}

.dark_dashboard-card.card_flex.hover.is-relative {
  border-color: #000;
  position: relative;
  box-shadow: 0 2px 20px 10px #0000001a;
}

.dark_dashboard-card.invoice_flex {
  cursor: pointer;
  border: 1px solid #000;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.grid_image {
  object-fit: cover;
  border-radius: 10px;
  width: 81.8281px;
  height: 83.9531px;
  transition: all .3s;
}

.grid_image:hover {
  transform: translate(0, -8px);
}

.time_text {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  display: flex;
}

.tick_icon {
  width: 30px;
}

.popup_heading {
  color: #506385;
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: 600;
}

.produttivita {
  margin-top: 10rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.text-block-54 {
  padding-top: 0;
  line-height: 1.1;
}

.div-block-227 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  height: auto;
  display: flex;
}

.text-block-55 {
  font-family: Sf Pro Display, sans-serif;
}

.elettricisti-scroll {
  width: 10em;
  height: 100vh;
}

.dil-wrap-1-2 {
  color: #e6e6e6;
  justify-content: flex-end;
  align-items: center;
  width: 17em;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1;
  display: flex;
}

.dil-text-3 {
  opacity: 0;
  color: #e6e6e6;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.1;
}

.hvac-pic {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67722b9104b08e44fa2d1142_ipad-pro.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 60em;
  height: 80vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.dil-text-1 {
  color: #e6e6e6;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}

.dil-spam-2 {
  color: #a83838;
}

.dil-container-1 {
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
}

.dil-wrap-3 {
  z-index: 2;
  width: auto;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.dil-section-1 {
  margin-top: 80px;
  font-size: 1vw;
}

.dil-wrap-10 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.elettricisti-text {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 25rem;
  padding-right: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.hvac-text {
  flex: 0 40%;
  justify-content: flex-end;
  align-items: center;
  padding-right: 6em;
  display: flex;
}

.elettricisti-pic {
  z-index: 2;
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6774b69f9c60761dada1100f_hero_havenskichalet.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 25px 0 0 25px;
  align-items: stretch;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 25px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hvac-scroll {
  width: 10em;
  height: 100vh;
}

.dil-spam-1 {
  color: #a83837;
  font-size: 3rem;
}

.dil-section-2 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  font-size: 1vw;
  position: sticky;
  top: 119px;
}

.dil-wrap-1 {
  display: flex;
  position: relative;
}

.idraulici-text {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  width: 25rem;
  padding-right: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  line-height: 1.1;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.dil-text-2 {
  opacity: 0;
  color: #e6e6e6;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: auto;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.1;
  display: flex;
}

.pics {
  flex: 1;
  position: relative;
}

.idraulici-scroll {
  width: 10em;
  height: 100vh;
}

.dil-spam-3 {
  color: #a73635;
  font-size: 3rem;
  line-height: 1.1;
}

.idraulici-pic {
  z-index: 3;
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751c62c46e58cde70cc40a0_0123_NB_Reno-Panner_AlexandrasClient-7-scaled.jpg.optimal.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 25px 0 0 25px;
  align-items: stretch;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 25px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.dil-wrap-6 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6774b9cd303c74e27879f85a_The-Wren-Urban-Nest-Hotel-21-Spaces-Sustainable-Hospitality-Design.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 25px 0 0 25px;
  align-items: stretch;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 25px;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tyu-pic-4, .tyu-pic-2 {
  width: 100%;
  position: sticky;
  top: 0;
}

.tyu-wrap-1-1 {
  margin-top: 1rem;
}

.tyu-pic-8 {
  width: 23em;
  margin-right: 0;
  position: sticky;
  top: 0;
}

.tyu-pic-6 {
  width: 100%;
  position: sticky;
  top: 0;
}

.tyu-heading-1 {
  color: #e6e6e6;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.1;
  position: sticky;
  top: 19.9em;
}

.tyu-wrap-3 {
  height: 45em;
  position: absolute;
  inset: 0% 0% auto;
}

.tyu-wrap-3:hover {
  transform: scale(1.1);
}

.tyu-pic-3 {
  width: 100%;
  position: sticky;
  top: 0;
}

.tyu-section-1 {
  margin-bottom: 0;
  padding: 5em 110px 10rem;
  font-size: 1vw;
}

.tyu-wrap-8 {
  height: 45em;
  position: absolute;
  inset: auto 0% 0%;
}

.tyu-wrap-9 {
  justify-content: space-between;
  align-items: stretch;
  height: 52.8em;
  display: flex;
  position: absolute;
  inset: 45em 0% 0%;
}

.tyu-wrap-5 {
  height: 45em;
  position: absolute;
  inset: 0% 0% auto;
}

.tyu-pic-5 {
  width: 100%;
  position: sticky;
  top: 0;
}

.tyu-wrap-1 {
  justify-content: center;
  align-items: center;
  padding-top: 44em;
  padding-bottom: 44em;
  display: flex;
  position: relative;
}

.tyu-pic-1 {
  width: 100%;
  position: sticky;
  top: 0;
}

.tyu-pic-9 {
  display: none;
}

.tyu-pic-7 {
  width: 28em;
  position: sticky;
  top: 0;
}

.tyu-wrap-1-2 {
  padding-top: 5em;
  position: sticky;
  top: 0;
}

.tyu-wrap-7 {
  height: 45em;
  position: absolute;
  inset: auto 0% 0%;
}

.tyu-container-1 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.tyu-wrap-10 {
  justify-content: center;
  height: auto;
  display: flex;
  position: relative;
}

.partners-text {
  width: 40em;
}

.tyu-paragraph-1 {
  color: #86868b;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.5em;
  line-height: 1.6em;
}

.tyu-wrap-4 {
  height: 45em;
  position: absolute;
  inset: 0% 0% auto;
}

.tyu-wrap-6 {
  height: 45em;
  position: absolute;
  inset: auto 0% 0%;
}

.partners {
  margin-top: 10rem;
  padding-top: 10em;
}

.div-block-228 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6772ad69c2d3862e0f9a6c51_apps_middle_base__cwf2r0yp6cqe_large.avif");
  background-position: 0 0;
  background-size: cover;
  width: 28em;
}

.div-block-228.secondo {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6772ad69c2d3862e0f9a6c51_apps_middle_base__cwf2r0yp6cqe_large.avif");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-229 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-51 {
  color: #e5e5e5;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  line-height: 1.1;
}

.paragraph-52 {
  color: #999797;
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
}

.text-block-57 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 2vh;
  font-weight: 500;
  line-height: 1.1;
}

.paragraph-53 {
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.div-block-230 {
  width: 80%;
  font-family: Sf Pro Display, sans-serif;
}

.text-span-162 {
  color: #fff;
}

.div-block-231 {
  width: 80%;
}

.bold-text-79, .bold-text-80 {
  font-weight: 500;
}

.div-block-232, .div-block-233 {
  width: 80%;
}

.text-span-163 {
  color: #17435a;
  font-weight: 700;
}

.download-2 {
  transform-origin: 50% 0;
  text-align: left;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
}

.download-2.download--show {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/677455fe0056bb91cd20ebe6_image-airbnb.webp");
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 400px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  box-shadow: 0 2px 20px 10px #000000b3;
}

.download-2.download--show.fra {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/677453930056bb91cd1ee2be_FD_Foto_1.jpg");
  background-position: 0 0;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5rem;
  padding-top: 30px;
}

.download-2.download--show.bun {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6774528d4490418e3036ef52_tata-gallery-1-1200x0-c-default.jpg");
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 5rem;
}

.download-2.download--show.tata {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67745481f0340c7ec063b95c_merlata-bloom-ughi-hr-49-scaled.jpg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 5rem;
}

.download-2.download--show.ciocco {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67744a706cad467d160d61e2_image.jpeg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 5rem;
}

.download-2.download--film {
  background-color: #e1241d;
  border-radius: 30px;
  height: 400px;
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: 0 2px 20px 10px #000;
}

.download-2.download--film.rosso {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6774533c42d8ecddf855798c_image%20(3).jpeg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 5rem;
  box-shadow: 0 2px 20px 10px #000000b3;
}

.download-2.download--film.merlata {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/677451275439063703745ed2_image%20(2).jpeg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 5rem;
  box-shadow: 0 2px 20px 10px #000000b3;
}

.section-header-2 {
  margin-bottom: 0;
  position: relative;
}

.ui-arrow {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/677447ecd2d410aa65da2dd9_5g_arrow__c9mz5ucsvo2u_large_2x.jpg");
  background-position: 50%;
  background-size: contain;
  width: 22px;
  height: 32px;
  position: absolute;
  top: 50px;
  right: 65px;
}

.screen {
  z-index: 1;
  width: 100%;
  max-width: none;
  height: auto;
  padding: 80px 20px 20px;
  position: static;
  inset: 0% auto auto 0%;
}

.screen-ui-top {
  width: 650px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
}

.downloads {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  list-style-type: none;
  display: block;
}

.ix-shadow {
  background-image: linear-gradient(110deg, #0000, #000 50%);
  width: 200%;
  position: absolute;
  inset: 0%;
}

.hardware-gradient {
  background-image: linear-gradient(#0000, #0009 10%, #000 30%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.container-19 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-19.container--center {
  text-align: center;
}

.section-heading-3 {
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 1.2;
}

.hardware {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.ui-download-progress {
  width: 50px;
  position: absolute;
  top: 34px;
  right: 50px;
}

.divider {
  background-color: #424245;
  height: 1px;
  margin-top: 26px;
  margin-left: 0;
  margin-right: 0;
}

.download-divider {
  background-color: #cdcdcd;
  width: auto;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.download-text {
  background-color: #000;
  width: 340px;
  position: absolute;
  top: 12px;
  left: 201px;
}

.section-heading-eyebrow {
  color: #6e6e73;
  display: block;
}

.device {
  box-shadow: none;
  width: 800px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.download-img {
  width: auto;
  height: 100%;
  display: block;
}

.download-img.fra {
  height: 40%;
}

._5g {
  margin-top: 10rem;
  overflow: hidden;
}

.div-block-234 {
  background-color: #1d1d1f;
}

.div-block-234.nostro-team {
  background-color: var(--white);
  max-width: 1034px;
}

.div-block-235 {
  display: flex;
}

.heading-68 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  line-height: 1.1;
}

.div-block-236 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.heading-69 {
  text-align: center;
}

.div-block-237 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.text-block-58 {
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 1.5vh;
  font-weight: 500;
}

.div-block-238 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.text-block-59 {
  padding-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5vh;
  font-weight: 500;
}

.text-block-60, .text-block-61, .text-block-62 {
  font-size: 2vh;
  font-weight: 500;
  line-height: 1.1;
}

.titolo {
  margin-bottom: 5px;
  font-size: 4vh;
  font-weight: 500;
  line-height: 1.1;
}

.text-block-63 {
  margin: 0;
}

.text-block-63.sub {
  margin-bottom: 5px;
  font-size: 2vh;
  font-weight: 500;
}

.hvac-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cerchio-1 {
  background-color: #ddd0;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.cerchio-1.w--current {
  background-color: #ddd0;
}

.cerchio-2 {
  background-color: #ddd0;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
}

.cerchio-2.w--current {
  background-color: #c8c8c800;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.sfondo {
  width: 34px;
  height: 34px;
  margin-left: 0;
}

.sfondo._1 {
  background-color: #84ecff;
  margin-top: 0;
}

.sfondo._1.ic2 {
  background-color: #faab04;
}

.sfondo._3 {
  background-color: #2d2d31;
  margin-top: 0;
}

.sfondo._3.ic3 {
  background-color: #5b4d42;
}

.sfondo._4 {
  background-color: #da996b;
  margin-top: 0;
}

.sfondo._4.ic4 {
  background-color: #364178;
}

.sfondo._5 {
  background-color: #a2b6b5;
}

.sfondo._5.ci5 {
  background-color: #87694d;
}

.cerchio-3 {
  background-color: #ddd0;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
}

.cerchio-3.w--current {
  background-color: #ddd0;
}

.cerchio-4 {
  background-color: #ddd0;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
}

.cerchio-4.w--current {
  background-color: #ddd0;
}

.radio-button-field-5 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.cerchio-5 {
  background-color: #ddd0;
  padding-left: 0;
  padding-right: 0;
}

.cerchio-5.w--current {
  background-color: #ddd0;
}

.div-block-239 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6786b9d5c095ccc2c059a963_Smart-Home-Italia.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  width: auto;
  height: auto;
}

.div-block-240 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674bab2eab62ac580028a325_WEB_Displine_Dame_1-2_blog.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  overflow: hidden;
}

.grid-singolo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.singolo {
  text-align: center;
  background-color: #0000;
  border: 1px #ccc;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 200px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  transition: transform .4s, box-shadow .3s;
  display: flex;
  position: relative;
}

.singolo:hover {
  background-color: var(--color);
  color: var(--dashboard);
  border: 2px #6cb4fd;
  transform: scale(1.03);
}

.singolo._1 {
  box-shadow: 0 2px 10px 1px #0000001a;
}

.singolo._1:hover {
  background-color: #1d1d1d;
}

.singolo.up {
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.scelta {
  border: 1px solid #c5c5cc;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.scelta:hover {
  border-width: 2px;
  border-color: #6cb4fd;
}

.scelta.w--redirected-checked {
  border: 2px solid #52a7ff;
}

.scelta._1.w--redirected-checked {
  border-style: solid;
  border-width: 1.5px;
}

.scelta._2, .scelta._2.w--redirected-checked, .scelta._3, .scelta._3.w--redirected-checked {
  border-style: solid;
}

.client {
  margin-top: 3rem;
}

.risposta {
  margin-top: 1rem;
}

.nome-e-cognome {
  grid-column-gap: 50px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  margin-top: 10px;
  display: grid;
}

.nome-e-cognome-input {
  border-radius: 10px;
}

.input {
  background-color: var(--color);
  color: var(--dashboard);
  -webkit-text-stroke-color: var(--color);
  overflow-wrap: normal;
  border-radius: 30px;
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
  transition: transform .4s;
  overflow: clip;
}

.input:hover {
  color: #ccc;
  background-color: #333;
  border: 2px solid #6cb4fd;
  font-family: Sf Pro Display, sans-serif;
  transform: scale(1.03);
}

.input::placeholder {
  background-color: #1a1a1a;
  font-family: Sf Pro Display, sans-serif;
}

.texto-iniziale {
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}

.head {
  margin-top: 1rem;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}

.head.tit {
  color: #232020;
  font-size: 2rem;
}

.service-name-e-termo {
  color: var(--dashboard);
  margin-top: 3rem;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
}

.tipo-di-cliente {
  margin-top: 0;
}

.property-group {
  margin-top: 3rem;
}

.property {
  margin-top: 1rem;
}

.quantity {
  margin-top: 3rem;
}

.title-2 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
}

.service {
  margin-top: 3rem;
}

.service-group {
  margin-top: 10px;
}

.service-options {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-description {
  margin-top: 3rem;
}

.service-description.sub {
  margin-top: 1rem;
}

.goal-option {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.goal-option:hover {
  border: 2px solid var(--border-light-blue);
  background-color: #3330;
}

.goal {
  margin-top: 3rem;
}

.goal-group {
  margin-top: 10px;
}

.material {
  margin-top: 3rem;
}

.material-included {
  margin-top: 10px;
}

.material-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.materials {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 200px;
  margin-bottom: 0;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.materials:hover {
  color: #ccc;
  background-color: #333;
  border-radius: 30px;
  font-family: Sf Pro Display, sans-serif;
}

.technology {
  margin-top: 3rem;
}

.technology-group {
  margin-top: 10px;
}

.technology-subgroup {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.additional-service {
  margin-top: 3rem;
}

.additional-service-group {
  margin-top: 1rem;
}

.additional-service-subgroup {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.inside {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.efficienza {
  margin-top: 3rem;
}

.efficiency-group {
  margin-top: 10px;
}

.grid-subgroup {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.grid-subgroup._4 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-subgroup._3 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.calendar, .termocare {
  margin-top: 3rem;
}

.paragraph-54 {
  text-align: left;
  padding-left: 50px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.lottie-animation-8 {
  width: 60px;
  height: 60px;
}

.fixed {
  z-index: 99;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  mix-blend-mode: normal;
  background-color: #00000080;
  border: 1px #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

.fixed.white {
  background-color: #000000a6;
}

.emergency {
  color: #e6e6e6;
  font-weight: 500;
}

.emergency:hover {
  color: var(--dark-blue);
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  font-weight: 500;
}

.contact-form {
  margin-top: 3rem;
}

.introduction-pictures {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 2.75fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.div-block-241 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6786b940752113124fdc2d9c_image_6276d9.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-242 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6786b940752113124fdc2d9c_image_6276d9.webp");
  background-position: 100%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-243 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722cb91778d2a69c3822d6a_image.avif");
  background-position: 40%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-244 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722cb91778d2a69c3822d6a_image.avif");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-245 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e59acb8b0bfd57207c0da_pansol.avif");
  background-position: 0%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-246 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/672e59acb8b0bfd57207c0da_pansol.avif");
  background-position: 100%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-247 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f9fa094952b1f975518bc_mapbox-LJtfV2Dkp4U-unsplash.avif");
  background-position: 0%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-248 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f9fa094952b1f975518bc_mapbox-LJtfV2Dkp4U-unsplash.avif");
  background-position: 100%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.tecnologia-elettricisti {
  overflow: hidden;
}

.installazione-idraulici, .ispezione-idraulici, .specialisti-idraulici, .riparazione-idraulici {
  overflow: visible;
}

.consultaizone-idraulici {
  overflow: hidden;
}

.div-block-249 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751bbf8d88dde71b014e20e_Barnard-031-772d80669f9f4e45bfc9ad16b080e036-fd64b53d521e43dc8cd7e43d6f728643.jpg");
  background-position: 0 100%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-250 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751bbf8d88dde71b014e20e_Barnard-031-772d80669f9f4e45bfc9ad16b080e036-fd64b53d521e43dc8cd7e43d6f728643.jpg");
  background-position: 100% 100%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-251 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753bc149f75b485a85e9150_pasfield-plumbing-clear-a-blocked-drain-with-a-camera-and-jetter-1.avif");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 600px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-252 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6753bc149f75b485a85e9150_pasfield-plumbing-clear-a-blocked-drain-with-a-camera-and-jetter-1.avif");
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto 600px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-253 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f1b048700b37c7d79e50d_Hydronic-Heating-Radiators-Melbourne.avif");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-254 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f1b048700b37c7d79e50d_Hydronic-Heating-Radiators-Melbourne.avif");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-255 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6786c923f7371e60429210c1_Insulation-Service-Vancouver-WA.jpg");
  background-position: 0%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-256 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6786c923f7371e60429210c1_Insulation-Service-Vancouver-WA.jpg");
  background-position: 100%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-257 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676f1a71f29ce878ea4b9445_windows-72LU8QlGs5E-unsplash.avif");
  background-position: 0%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.div-block-258 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676f1a71f29ce878ea4b9445_windows-72LU8QlGs5E-unsplash.avif");
  background-position: 100%;
  background-size: auto 650px;
  border-radius: 30px;
  overflow: hidden;
}

.text-block-64 {
  color: #333;
  text-align: left;
}

.div-block-259 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 90vh;
  display: flex;
}

.div-block-260 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.heading-70 {
  text-align: center;
  width: auto;
  max-width: 720px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.div-block-261 {
  width: 200px;
  height: 100px;
}

.supporto-box {
  color: #333;
  width: 200px;
  text-decoration: none;
}

.supporto-box.telefono {
  border-radius: 30px;
}

.div-supporto {
  border: 1px solid #e4e4e6;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 10px 1px #80808033;
}

.div-supporto:hover {
  border-width: 2px;
  border-color: var(--border-light-blue);
  color: #f8f8f8;
  background-color: #404040;
  font-family: Sf Pro Display, sans-serif;
}

.div-block-263, .div-block-264 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.support-head {
  color: var(--blue-termolima);
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.text-block-65 {
  color: #c00;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.text-block-66 {
  text-align: center;
  font-size: 13px;
}

.navbar-termolima {
  z-index: 999;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #333333a6;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.navbar-termolima.nofix {
  position: relative;
}

.navbar-termolima.nofix.white-background.profile {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #00000040;
}

.navbar-termolima.white-background {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #4d4d4d00;
}

.navbar-termolima.white-background.nofix.noline {
  border: 1px #000;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 0;
}

.navbar-termolima.white {
  background-color: #000000a6;
}

.navcategory {
  color: #e5e2e2;
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.navcategory:hover {
  color: var(--border-light-blue);
  font-weight: 500;
}

.navcategory.w--current {
  color: var(--border-light-blue);
}

.navcategory.white-background {
  color: #333232;
}

.navcategory.white-background.navphone {
  color: var(--apple-white-back);
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.navcategory.white-background.navphone:hover, .navcategory.white-background.navphone.w--current {
  color: var(--border-light-blue);
}

.navcategory.white-background.navphone.black {
  color: #333;
}

.navcategory.white-background.navphone.profile {
  color: var(--90);
}

.navcategory.white-background.navphone.profile:hover {
  color: var(--blue-termolima);
}

.navcategory.navphone {
  color: var(--white);
  font-weight: 500;
}

.navcategory.navphone:hover {
  color: var(--border-light-blue);
}

.navcategory.navphone.w--current {
  color: var(--blue-termolima);
}

.navcategory.navphone.whitebackground {
  color: var(--apple-white-back);
}

.navcategory.navphone.whitebackground:hover, .navcategory.navphone.whitebackground.w--current {
  color: var(--border-light-blue);
}

.navcategory.navphone.whitebackground.profile {
  color: var(--90);
}

.chiamata {
  border: 1px solid var(--dark-blue);
  background-color: var(--blue-termolima);
  border-radius: 30px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.chiamata:hover {
  background-color: var(--border-light-blue);
  color: var(--dark-blue);
  font-weight: 500;
}

.div-block-265 {
  text-align: left;
}

.lottie-animation-9 {
  width: 40px;
  height: 40px;
}

.newsroom-stripe-text {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}

.newsroom-search-button {
  background-color: #3898ec00;
  margin-right: 10px;
  padding: 0;
  font-weight: 400;
}

.news-group {
  background-color: var(--dark-grey);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
  display: flex;
}

.newsroom-first-title {
  justify-content: center;
  align-items: center;
  display: flex;
}

.newsroom-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.story-beta {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  max-width: 1024px;
  margin-top: 50px;
  display: flex;
}

.latest-news {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
  position: static;
}

.text-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(0deg, #00000080 18%, #fff0 54%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6786c923f7371e60429210c1_Insulation-Service-Vancouver-WA.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 980px;
  max-width: none;
  height: 550px;
  margin-left: 0;
  margin-right: 0;
  padding: 60px;
  display: flex;
}

.image-40 {
  width: 100%;
  height: auto;
}

.news-head {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  line-height: 1.1;
}

.news-head._10px {
  margin-top: 10px;
  margin-bottom: 0;
}

.news-category {
  color: #fff;
  background-color: #00d959;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 5px 14px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  display: block;
  position: static;
}

.div-block-266 {
  flex-flow: column;
  flex: 0 auto;
  display: block;
}

.newsroom-date {
  color: #fff;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.newsroom-introduction {
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.story {
  width: 980px;
  height: 550px;
  margin-top: 5vh;
  padding: 0;
}

.story.news-grid {
  width: auto;
  margin-top: 0;
}

.newsroom-story {
  background-color: #ddd0;
  background-image: linear-gradient(0deg, #0009 23%, #fff0 53%), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751b5a1afd8c826557da669_015-mit-smarthome-produkten-strom-kosten-sparen-1919292-scaled.jpeg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 30px;
  height: 100%;
  padding: 0;
}

.mask-story, .story-mock {
  height: 100%;
}

.div-block-267 {
  width: 100%;
  height: 100%;
}

.news-small-intro._10px {
  color: #fff;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.div-block-268 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 5vh;
  display: flex;
}

.div-block-269 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.news-grid-group {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 980px;
  padding: 1.5vh 0 5vh;
  display: grid;
}

.news-body {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-270 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.text-block-67 {
  color: #fff;
  padding: 8px 17px;
  font-size: 15px;
  font-weight: 400;
}

.div-block-271 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.title-open {
  color: var(--90);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading-71 {
  color: var(--90);
  text-align: center;
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
}

.paragraph-55 {
  color: var(--90);
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
}

.div-block-272 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  display: grid;
}

.div-block-272.news-open-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 20px;
}

.heading-72 {
  color: var(--blue-termolima);
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.heading-72.detrazione {
  color: var(--blue-termolima);
  font-size: 5rem;
  font-weight: 700;
}

.heading-73 {
  color: var(--blue-termolima);
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.heading-73.detrazione {
  color: var(--blue-termolima);
  font-size: 5rem;
  font-weight: 700;
}

.div-block-273 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
  text-decoration: none;
  display: flex;
}

.div-block-273.incentive-hoover {
  border-color: #000;
}

.div-block-273.incentive-hoover:hover {
  color: #ccc;
  background-color: #1a1a1a;
  font-family: Sf Pro Display, sans-serif;
}

.div-block-273.black-background {
  background-color: #1a1a1a;
  border-color: #000;
}

.div-block-274 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
  text-decoration: none;
  display: flex;
}

.div-block-274.incentive-hoover {
  border-color: #000;
}

.div-block-274.incentive-hoover:hover {
  background-color: #1a1a1a;
}

.div-block-274.black-background {
  background-color: #1a1a1a;
  border-color: #000;
}

.div-block-275 {
  margin-top: 3rem;
}

.div-block-275.first-incentive {
  margin-top: 0;
}

.text-block-68 {
  color: var(--90);
  text-align: right;
  margin-top: 2rem;
  font-family: Sf Pro Display, sans-serif;
  font-size: 10px;
}

.text-block-69 {
  color: var(--90);
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
}

.text-block-69.sotto {
  color: var(--90);
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.text-block-70 {
  color: #333;
  text-align: center;
  -webkit-text-stroke-color: #e6e6e6;
  overflow-wrap: normal;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.bold-text-81, .bold-text-82 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.image-41 {
  height: auto;
}

.image-42 {
  overflow: visible;
}

.image-43 {
  border-bottom-left-radius: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.paragraph-56 {
  color: #b3b3b3;
  text-align: center;
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.div-block-276 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.condomini {
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.condomini._1 {
  background-color: #1a1a1a;
}

.condomini.black-background {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #1a1a1a;
  justify-content: space-between;
  align-items: stretch;
}

.condomini.bdchdbcjhd {
  flex-flow: column;
}

.condomini-option {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #1a1a1a;
  border: 1px solid #000;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 30px;
  display: flex;
}

.condomini-option._1 {
  background-color: var(--color);
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.condomini-option._1._222 {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 40px;
}

.condomini-option._2 {
  justify-content: flex-start;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.image-44 {
  border-radius: 30px;
}

.paragraph-57 {
  color: var(--90);
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.bold-text-83 {
  color: var(--green);
}

.div-block-277 {
  color: var(--90);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
}

.div-block-277.lolololo {
  justify-content: center;
  align-items: center;
}

.text-block-71, .text-block-72 {
  color: var(--90);
  font-family: Sf Pro Display, sans-serif;
}

.text-block-73 {
  color: #b3b3b3;
  text-align: left;
  font-size: 1rem;
  line-height: 1.3;
}

.bold-text-84, .bold-text-85, .bold-text-86 {
  color: var(--90);
}

.bold-text-87 {
  color: var(--blue-termolima);
}

.bold-text-88, .bold-text-89, .bold-text-90, .bold-text-91 {
  color: var(--90);
}

.text-block-74 {
  color: #b3b3b3;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.text-block-75 {
  color: #b2b0b0;
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  line-height: 1.1;
}

.heading-74 {
  color: var(--90);
  text-align: center;
  margin-top: 3rem;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 500;
}

.text-block-76 {
  color: var(--90);
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.1;
}

.heading-75 {
  color: var(--blue-termolima);
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 5rem;
  line-height: 1.1;
}

.div-block-278 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-77 {
  color: #ccc;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.heading-76 {
  color: var(--90);
  text-align: center;
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
}

.text-block-78 {
  color: var(--90);
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
}

.heading-77 {
  color: var(--blue-termolima);
  text-align: center;
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 5rem;
  line-height: 1.1;
}

.ristrutturazione-option {
  background-color: #1a1a1a;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.div-block-279 {
  background-color: var(--blue-termolima);
  border-radius: 30px;
  margin-top: 20px;
}

.div-block-279:hover {
  border: 1px solid var(--dark-blue);
  background-color: var(--border-light-blue);
  color: var(--dark-blue);
}

.search-2 {
  color: var(--90);
  background-color: #fff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.search-input {
  color: var(--90);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #fff0;
  background-clip: border-box;
  border: 1px #000;
  width: 50px;
  margin-bottom: 0;
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  line-height: 0;
  display: block;
}

.search-button {
  background-color: #3898ec00;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6742716ab95441ebd2e8aa28_search.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 10px;
}

.div-block-280 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f2375772ffb20c8d853d6_henry-co-3coKbdfnAFg-unsplash%20(1).avif");
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
}

.div-block-281 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674b97bac29e9c0c2570b3d5_inside-roof-3.avif");
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
}

.div-block-282 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6750f82a4f5820522ea60c81_energyaudit-img3.avif");
  background-position: 0 0;
  background-size: cover;
  border-radius: 30px;
}

.div-block-283 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674f23dfe47f0bb3eb64d232_al-soot-lDYFND1CCgo-unsplash.avif");
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
}

.div-block-284 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751040b45744e4de349d294_planning-2023-11-27-05-26-20-utc-scaled.avif");
  background-position: 50% 0;
  background-size: cover;
  border-radius: 30px;
}

.div-block-285 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6756448723b9f3422e8e7c8a_DSC07032%2B(1)%2B(2).avif");
  background-position: 0 0;
  background-size: cover;
  border-radius: 30px;
}

.div-block-286 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674faa49d37305da4f7244f5_20200323_climecon_farang_168-JPEG_LowRes.avif");
  background-position: 0 0;
  background-size: cover;
  border-radius: 30px;
}

.div-block-287 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674277f64d79f7c607e66211_karsten-fullhaas-tk1QTMNXEFs-unsplash.avif");
  background-position: 0 0;
  background-size: cover;
  border-radius: 30px;
}

.installazione-hvac-home {
  padding-left: 0;
}

.referral-title {
  color: #666;
  text-align: center;
  max-width: 980px;
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.3;
}

.referral-box {
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-bottom: 40px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.referral-box:hover {
  border: 2px solid var(--border-light-blue);
  color: #fff;
  background-color: #333;
}

.referral-text {
  text-align: center;
  margin-top: 40px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
}

.heading-78 {
  text-align: center;
  margin-top: 0;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.grid-18 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 50vw;
  min-width: auto;
  max-width: 938px;
  display: block;
}

.grid-18.ubusiness {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80vw;
  display: grid;
}

.div-block-288 {
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  display: flex;
}

.referral-option-box {
  color: #4d4d4d;
  background-color: #e6e6e6;
  border: 1px solid #000;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 30vh;
  display: flex;
  overflow: visible;
  box-shadow: 0 2px 5px #000;
}

.referral-option-box.black {
  color: gray;
  background-color: #262626;
  box-shadow: 0 2px 20px 3px #00000080;
}

.body-7 {
  background-color: #1a1a1a;
}

.heading-79 {
  color: var(--blue-termolima);
  text-align: center;
  margin-top: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.heading-79.pppppp {
  font-size: 4rem;
}

.div-block-289 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
  display: flex;
}

.text-block-79 {
  color: var(--blue-termolima);
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.heading-80 {
  color: #fff;
  text-align: center;
}

.heading-81 {
  color: var(--blue-termolima);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 9rem;
  font-weight: 700;
  line-height: 1.1;
}

.text-block-80 {
  color: gray;
  text-align: center;
  font-size: 2rem;
  line-height: 1.2;
}

.text-block-81 {
  color: #fff;
  text-align: center;
}

.image-45 {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  height: 300px;
}

.image-46 {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.text-block-82 {
  margin-bottom: 20px;
  font-size: 1rem;
  text-decoration: none;
}

.text-block-82._1 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}

.text-block-82._1.beta {
  text-align: center;
  display: block;
}

.text-block-82._2 {
  color: var(--blue-termolima);
  text-decoration: none;
}

.text-block-83 {
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 1.1;
  text-decoration: none;
}

.text-block-83._1 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}

.text-block-83._2 {
  color: var(--blue-termolima);
  text-decoration: none;
}

.div-block-290, .div-block-291 {
  text-align: center;
}

.text-block-84 {
  color: #f33;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
}

.div-block-292 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678bcce4fc1c147c5eae8a0c_6a3fa809bd896d7437e9b0b171b060d6.avif");
  background-position: 0 0;
  background-size: cover;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  width: 100%;
  height: 30vh;
}

.div-block-292._2 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678bcce32645f0d1e98b0269_AdobeStock_637933439.avif");
}

.steps {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-19 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  max-width: 1024px;
  margin-top: 5vh;
}

.div-block-293 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 938px;
  display: flex;
}

.div-block-294 {
  margin-top: 60px;
}

.div-block-295 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 938px;
  display: grid;
}

.div-block-296 {
  border-radius: 30px;
}

.div-block-297 {
  color: var(--90);
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  line-height: 1.1;
  display: flex;
}

.image-47 {
  border-radius: 30px;
}

.text-block-85 {
  color: var(--90);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
}

.text-block-85.black {
  color: var(--dark-grey);
}

.heading-82 {
  color: var(--90);
  margin-top: 0;
  font-size: 3rem;
  line-height: 1.1;
}

.heading-82.black {
  color: var(--dark-grey);
}

.div-block-298 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-48 {
  border-radius: 30px;
}

.div-block-299 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-300 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-300._1 {
  grid-template-columns: 1.75fr 1fr;
}

.div-block-300._2 {
  grid-template-columns: 1fr 1.75fr;
}

.image-49, .image-50 {
  border-radius: 30px;
}

.div-block-301, .div-block-302 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-span-164 {
  font-size: 3rem;
  font-weight: 700;
}

.text-block-86 {
  color: var(--blue-termolima);
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
}

.text-block-87 {
  color: gray;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
}

.text-block-88 {
  color: var(--blue-termolima);
  margin-top: 20px;
  font-size: 1rem;
  text-decoration: none;
}

.submit-button-2 {
  border: 1px solid var(--dark-blue);
  background-color: var(--blue-termolima);
  border-radius: 30px;
  font-size: 1rem;
  line-height: 1.1;
}

.text-field-11 {
  background-color: var(--color);
  color: var(--90);
  text-align: left;
  border: 1px #000;
  border-radius: 30px;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.1;
}

.heading-83 {
  margin-top: 10px;
  font-size: 3rem;
  line-height: 1.1;
}

.field-label {
  font-size: 0;
  line-height: 1.1;
}

.lowenbruge {
  max-width: none;
}

.lowenbruge.nome-e-cognome {
  border-radius: 30px;
}

.lowenbruge.nome-e-cognome:hover {
  background-color: var(--dark-grey);
  color: var(--90);
}

.lowenbruge.title {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
}

.lowenbruge-body {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lowengrube {
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}

.preventive-maintenance {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  margin-top: 20px;
  display: grid;
}

.lowengrube-box {
  margin-top: 5vh;
}

.text-block-89 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
}

.text-block-90 {
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 400;
}

._1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contract-head {
  margin-top: 60px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}

.contract-categories {
  border-bottom: 1px solid var(--border);
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
}

.div-block-305 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fafafc;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 500;
  display: flex;
}

.category {
  font-weight: 400;
}

.covered-stores {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.covered-stores:hover {
  color: #fff;
}

.image-51 {
  z-index: 2;
  border-radius: 100px;
  position: relative;
}

.text-block-91 {
  font-weight: 400;
}

.contract-text {
  z-index: 2;
  color: var(--dark-grey);
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1;
  position: static;
}

.contract-text:hover {
  color: var(--dark-grey);
}

.cotract-subtext {
  z-index: 2;
  color: var(--dark-grey);
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
  position: static;
}

.cotract-subtext:hover {
  color: #333;
}

.contract-multiple {
  border: 1px none var(--border);
  color: #fff;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 20vh;
  margin-bottom: auto;
  padding-left: 0;
  display: flex;
  position: relative;
}

.contract-multiple:hover {
  color: var(--90);
  border-style: none;
}

.contract-hoover {
  z-index: 1;
  color: var(--90);
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: transform .35s;
  position: absolute;
  inset: 0%;
}

.contract-hoover:hover {
  color: var(--90);
  overflow-wrap: normal;
  background-color: #08589e;
  transform: scale(1.05);
}

.contract-hoover.w--redirected-checked {
  border: 2px solid var(--border-light-blue);
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
}

.text-span-165 {
  color: #ff4646;
}

.locations-additional-considerations, .details {
  margin-top: 20px;
  margin-bottom: 40px;
}

.contract-number {
  border-radius: 20px;
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.contract-number._2 {
  background-color: var(--90);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.traffic {
  margin-top: 20px;
  margin-bottom: 40px;
}

.deets-options {
  margin-top: 20px;
}

.div-block-306 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.deets {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  display: grid;
}

.deets.electrooo {
  border: 1px solid var(--90);
  background-color: #f2f2f2;
  border-radius: 30px;
  padding: 20px;
}

.place {
  border: 1px solid var(--90);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding: 20px;
  display: flex;
  position: relative;
}

.place.electrolux {
  border-color: var(--dark-grey);
  background-color: #fff;
}

.div-block-307 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.select-field-3 {
  background-color: var(--dark-grey);
  color: var(--90);
  border-radius: 20px;
  margin-bottom: 0;
}

.deets-head {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
}

.maintenance {
  margin-top: 20px;
  margin-bottom: 40px;
}

.paragraph-58 {
  font-size: 1rem;
  font-weight: 400;
}

.checkbox-field-4 {
  margin-bottom: 0;
  padding-left: 0;
}

.div-block-308 {
  color: var(--90);
  text-align: center;
  background-color: #333;
  border-radius: 0 0 30px 30px;
  height: 15vh;
  margin-top: 0;
  padding: 20px;
}

.text-block-92 {
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.contract-option-structure {
  z-index: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px none var(--border);
  border-radius: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.1;
  transition: transform .35s;
  display: grid;
  position: relative;
}

.contract-option-structure:hover {
  border: 2px none var(--border-light-blue);
  background-color: #3330;
  transform: scale(1.05);
}

.image-52 {
  z-index: 4;
  position: relative;
}

.bold-text-92, .bold-text-93, .bold-text-94, .bold-text-95, .bold-text-96, .bold-text-97, .bold-text-98, .bold-text-99, .bold-text-100 {
  color: var(--border-light-blue);
}

.paragraph-59 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.repairs {
  margin-top: 20px;
  margin-bottom: 40px;
}

.pronto-intervento-contract {
  margin-top: 20px;
}

.div-block-309, .div-block-310, .div-block-311 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--dark-grey);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.status-p {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 11px;
}

.table {
  margin-top: 0;
}

.page-content {
  grid-column-gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  display: flex;
  position: static;
  inset: 5% 0% 0;
  overflow: auto;
}

.spacer-10 {
  height: 10px;
  min-height: 10px;
}

.table-status {
  background-image: linear-gradient(#acacac, #7e7e7e);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 25px;
  padding: 2px 5px;
  font-weight: 600;
  display: flex;
}

.table-status.orange {
  background-image: linear-gradient(#ff0059, #b4000e);
}

.table-status.blue {
  background-image: linear-gradient(#0554ff, #6564e7);
}

.mac-icon {
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
  overflow: hidden;
}

.table-p {
  color: #939393;
  font-size: 12px;
  line-height: 12px;
}

.dock-link {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  padding-bottom: 10px;
}

.dock-link.w--current {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678d126fd862a1b5bb251b09_circle.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 4px;
}

.scroll {
  overflow: auto;
}

.paragraph-60 {
  font-size: 16px;
  font-weight: 300;
}

.dock-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.table-wrap {
  background-color: #fff;
  border-radius: 10px;
  padding: 0;
}

.dock {
  grid-column-gap: 20px;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: linear-gradient(#fff3, #fff3);
  border-radius: 20px;
  align-items: center;
  padding: 13px 13px 5px;
  display: flex;
  box-shadow: inset 0 0 2px #fff3;
}

.table-line {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #f5f5f5;
  grid-template-rows: auto;
  grid-template-columns: minmax(150px, 1fr) minmax(200px, 1fr) minmax(70px, 1fr) minmax(100px, 1fr) repeat(auto-fit, minmax(70px, 80px));
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  display: grid;
}

.table-line.last {
  border-bottom-style: none;
  align-items: center;
  margin-bottom: 0;
}

.dock-item {
  color: #000;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
  box-shadow: inset 0 2px 5px #0003, 0 2px 3px #0003;
}

.dock-item.green {
  color: #fff;
  background-image: linear-gradient(#0cd334, #18a73a);
}

.dock-item.red {
  color: #fff;
  background-image: linear-gradient(139deg, #ff0303, #ff6363);
}

.page-wrap {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678d126fd862a1b5bb251b00_macos-13-macos-ventura-macos-2022-stock-light-5k-retina-6016x6016-8135-min.jpg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  min-height: 100vh;
  padding: 2% 2% 125px;
}

.spacer-50 {
  height: 50px;
  min-height: 50px;
}

.body-8 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678d1958ff5a494a839e8c71_richard-horvath-cPccYbPrF-A-unsplash%20(1).jpg");
  background-position: 50%;
  background-size: cover;
}

.div-block-312 {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 938px;
  height: auto;
  display: flex;
}

.div-block-313 {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 5vh;
  margin-bottom: 5vh;
  display: flex;
}

.div-block-314 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 90vw;
  display: grid;
}

.div-block-315 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-53 {
  border-radius: 100px;
  padding-right: 0;
}

.name-customer {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
}

.div-block-316 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 30px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 40vw;
  max-width: 600px;
  height: auto;
  display: flex;
  box-shadow: 0 2px 20px #00000080;
}

.div-block-317 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-318 {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.heading-85 {
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}

.div-block-319 {
  background-color: #e4f0fb;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.div-block-320 {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 30px;
  display: flex;
}

.text-block-93 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.button-15 {
  background-color: var(--blue-termolima);
  border-radius: 30px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.button-15:hover {
  border: 1px solid var(--dark-blue);
  background-color: var(--border-light-blue);
  color: var(--dark-blue);
  font-weight: 500;
}

.body-9 {
  background-color: #fff0;
}

.text-block-94 {
  color: #fff;
  margin-left: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  line-height: 1.1;
}

.image-54, .image-55 {
  border-radius: 15px;
}

.div-block-321 {
  position: relative;
}

.checkbox-label-3, .text-block-95 {
  z-index: 9;
  color: var(--dark-grey);
  position: relative;
}

.div-block-322 {
  height: auto;
  position: fixed;
  inset: auto 5% 5vh;
}

.div-block-323 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678d91b82e451b30c3dc98b8_Ready%20blue.jpg");
  background-position: 50%;
  background-size: cover;
  height: 100vh;
}

.div-block-324 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #00000040;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.image-56, .image-57 {
  border-radius: 20px;
}

.app {
  border-radius: 20px;
  transition: transform .35s;
  box-shadow: 0 2px 10px 1px #0003;
}

.app:hover {
  transform: scale(1.1);
}

.div-block-325, .div-block-326, .div-block-327 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-328 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.app-name {
  color: var(--90);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1;
  display: none;
}

.paragraph-61 {
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.profile-body {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.div-block-329 {
  background-color: #08589e;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 10vw;
  padding: 10px;
  display: flex;
}

.div-block-330 {
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
}

.paragraph-63 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.obbiettivi-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 20vh;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
  position: relative;
}

.obbiettivi-check {
  z-index: 1;
  border: 1px solid var(--border);
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: transform .35s;
  position: absolute;
  inset: 0%;
}

.obbiettivi-check:hover {
  border-width: 2px;
  border-color: var(--border-light-blue);
  color: var(--90);
  background-color: #3330;
  transform: scale(1.05);
}

.obbiettivi-check.w--redirected-checked {
  z-index: 1;
  border-width: 2px;
  border-color: var(--border-light-blue);
  background-color: #fff;
  margin-top: 0;
  margin-left: 0;
}

.image-58 {
  z-index: 10;
  position: static;
}

.sostenibilita {
  border: 1px #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 20vh;
  margin-bottom: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.sosteinilta-check {
  border: 1px solid var(--90);
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: transform .35s;
  position: absolute;
  inset: auto;
}

.sosteinilta-check:hover {
  border: 2px solid var(--border-light-blue);
  transform: scale(1.05);
}

.sosteinilta-check.w--redirected-checked {
  border: 2px solid var(--border-light-blue);
}

.sosteinilta-check.opopopopo {
  border-style: none;
}

.image-59, .image-60, .image-61 {
  z-index: 99;
  position: static;
}

.emergenze {
  justify-content: center;
  align-items: center;
  height: 20vh;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.emergenze:hover {
  border: 1px #000;
}

.emergenze-check {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: transform .35s;
  position: absolute;
  inset: 0%;
}

.emergenze-check:hover {
  border: 2px solid var(--border-light-blue);
  transform: scale(1.05);
}

.emergenze-check.w--redirected-checked {
  border: 2px solid var(--border-light-blue);
}

.contract-label {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1;
}

.select-field-4 {
  background-color: var(--dark-grey);
  color: var(--90);
  border-radius: 30px;
  font-family: Sf Pro Display, sans-serif;
}

.select-field-5, .select-field-6 {
  background-color: var(--dark-grey);
  color: var(--90);
  border-radius: 30px;
}

.image-62 {
  z-index: 10;
  position: relative;
}

.link-18, .link-19 {
  color: var(--blue-termolima);
  text-decoration: none;
}

.business-card {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6773e2dd1fffb544763f51ea_raychan-u2IZda2Dn6A-unsplash.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  width: 100%;
  height: 55vh;
  padding: 4vw;
}

.business-card-link {
  z-index: 0;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: absolute;
  inset: 0%;
}

.business-card-wrapper {
  height: auto;
}

.business-card-slide {
  margin-right: 30px;
}

.business-card-title {
  color: var(--90);
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.business-card-category {
  color: var(--90);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
}

.reset_form-block {
  width: 100%;
  margin-bottom: 0;
}

.reset_brand {
  width: 26px;
  height: 26px;
}

.page-wrapper-6 {
  color: #fff;
}

.reset_top-right {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  opacity: .7;
  color: #fff;
  cursor: pointer;
  align-items: center;
  padding: 6px 12px;
  text-decoration: none;
  transition: all .25s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.reset_top-right:hover {
  opacity: 1;
}

.reset_top-right.left {
  inset: 0% auto auto 0%;
}

.reset_input-wrap {
  flex-flow: column;
  display: flex;
}

.padding-global-6 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.hide {
  display: none;
}

.show-password {
  background-color: #0000;
  padding: 0 7px 0 6px;
  font-size: 13.5px;
  display: flex;
  bottom: 5px;
}

.show-password.w--current {
  display: none;
}

.reset_code-inner-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.section_code {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.reset_form-button {
  color: #000;
  text-align: center;
  background-color: #8f8fff;
  border-radius: 12px;
  padding-top: 9px;
  transition: all .25s;
}

.reset_form-button:hover {
  background-color: #b8bbff;
}

.reset_text-field {
  background-color: #202029;
  border: 1px solid #0000;
  border-radius: 10px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 1.1rem;
  transition: all .25s;
}

.reset_text-field:hover {
  border-width: 1px;
  border-color: #80808080;
}

.reset_text-field:focus-visible, .reset_text-field[data-wf-focus-visible] {
  color: #fff;
  border-color: #808080e6;
}

.reset_form {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  display: flex;
}

.reset_back {
  transform-style: preserve-3d;
  width: 15px;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.global-styles-2 {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.reset_field-label {
  color: #ffffffb3;
  font-size: .875rem;
  font-weight: 500;
}

.container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.reset_back-link {
  color: #ffffffa6;
  text-align: center;
  cursor: pointer;
  font-size: .875rem;
  transition: all .2s;
}

.reset_back-link:hover {
  color: #ffffff80;
}

.reset_form-bottom {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.show-password-wrap {
  z-index: 4;
  position: absolute;
  inset: 37px 0 auto auto;
}

.reset_content {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: #1b1b24;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: flex;
}

.reset_content._2 {
  height: 368px;
  display: flex;
}

.eye-svg {
  filter: invert();
  justify-content: center;
  align-items: center;
  width: 16px;
  margin-right: 4px;
  display: flex;
}

.field-label-2 {
  color: var(--grey);
  height: 30px;
  margin-bottom: 3px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.text-field-wrapper {
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.text-field-wrapper.password-wrap {
  height: 0;
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 2px;
  padding-right: 2px;
  transition: height .2s;
  overflow: hidden;
}

.form-wrapper {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 60vw;
  display: flex;
  position: relative;
  overflow: visible;
}

.flex-row-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.email-login {
  color: #000;
  border: 1px solid #dcdce5;
  border-radius: 6px;
  height: 42px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 1px 2px #dcdce580;
}

.email-login:hover {
  border-color: #000c;
  box-shadow: 0 1px 4px #dcdce5e6;
}

.email-login:focus {
  border: 1px solid #434de7;
}

.email-login::placeholder {
  color: #6e6e6e;
}

.email-login.email-field {
  background-color: var(--color);
  box-shadow: none;
  color: #fff;
  text-align: left;
  border-style: none;
  height: auto;
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.1;
}

.link-20 {
  border-bottom: 1px dashed #7b83ff;
}

.link-20:hover {
  color: #272d88;
}

.form-field-wrapper {
  flex-flow: column;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 0;
  display: flex;
}

.hide-on-load {
  color: var(--90);
}

.checkbox-field-5 {
  color: var(--90);
  margin-top: 5px;
  margin-bottom: 20px;
}

.checkbox-label-4 {
  color: var(--90);
  font-weight: 300;
}

.flex-stack-center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.button-16 {
  border: 2px solid var(--border);
  background-color: #434de7;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 45px;
  font-size: 16px;
  font-weight: 400;
  transition: background-color .2s, box-shadow .2s;
  display: flex;
  box-shadow: 0 1px 20px #22222229;
}

.button-16:hover {
  background-color: #272d88;
  box-shadow: 0 5px 30px #22222229;
}

.field-description {
  color: var(--90);
  margin-top: 3px;
  font-size: 12px;
  font-weight: 300;
}

.checkbox-3 {
  width: 14px;
  height: 14px;
}

.checkbox-3.w--redirected-checked {
  background-color: #2d323e;
}

.div-block-331 {
  height: 100vh;
}

.div-email-field-group {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 2px solid var(--log-in-box);
  background-color: var(--log-in-box-in);
  border-radius: 15px 15px 0 0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 10px 20px;
  display: flex;
}

.div-email-field {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  line-height: 1.1;
  display: flex;
}

.link-icon-next {
  background-color: #e6e6e600;
  border: 2px #6e6e73;
  border-radius: 100px;
  padding: 0;
  display: block;
}

.body-10 {
  background-color: #1c1c1e;
}

.text-block-96 {
  color: var(--90);
}

.icon-next {
  border: 2px solid var(--90);
  border-radius: 30px;
  padding: 10px;
}

.image-icon-next {
  display: block;
  overflow: visible;
}

.heading-86 {
  color: var(--90);
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
}

.email-field {
  background-color: var(--color);
  border: 1px #000;
  margin-bottom: 0;
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

.email-field::placeholder {
  background-color: var(--color);
}

.field-label-3 {
  color: #374252;
  margin-bottom: 3px;
  font-size: 13.5px;
  font-weight: 600;
}

.text-field-12 {
  color: #000;
  border: 1px solid #dcdce5;
  border-radius: 6px;
  height: 42px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 1px 2px #dcdce580;
}

.text-field-12:hover {
  border-color: #000c;
  box-shadow: 0 1px 4px #dcdce5e6;
}

.text-field-12:focus {
  border: 1px solid #434de7;
}

.text-field-12::placeholder {
  color: #6e6e6e;
}

.checkbox-field-6 {
  margin-top: 5px;
  margin-bottom: 20px;
}

.checkbox-label-5 {
  color: var(--90);
  font-weight: 300;
}

.field-description-2 {
  color: var(--90);
  margin-top: 3px;
  font-size: 12px;
  font-weight: 300;
}

.password-group {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 2px none var(--log-in-box);
  background-color: #24242600;
  border-radius: 0 0 15px 15px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding: 10px 20px;
  display: flex;
}

.password {
  background-color: var(--color);
  color: var(--90);
  border: 1px #000;
  width: 20vw;
  margin-bottom: 0;
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.1;
}

.code-embed-5 {
  display: none;
}

.div-block-332 {
  width: auto;
}

.div-block-333 {
  margin-top: 40px;
}

.div-block-334 {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-335, .div-block-336 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-6 {
  display: block;
}

.form-block-4 {
  width: 30vw;
  max-width: none;
  margin-bottom: 0;
}

.div-block-337 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-338 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.group-password {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--log-in-box);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.group-login-input {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--log-in-box);
  background-color: var(--log-in-box-in);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.group-login-input.email-input-log-in {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.group-login-input.email-input-log-in:active {
  border-style: solid;
  border-color: var(--log-in-box);
}

.group-login-input.email-input-log-in:focus-visible, .group-login-input.email-input-log-in[data-wf-focus-visible] {
  border: 1px solid var(--log-in-box);
}

.group-login-input.password-input-log-in {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.email {
  background-color: var(--color);
  color: var(--90);
  border: 1px #000;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.1;
}

.next-icon {
  display: block;
}

.submit-log-in {
  border: 1px solid var(--color);
  background-color: var(--blue-termolima);
  border-radius: 30px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.1;
}

.div-block-339 {
  border: 1px solid var(--log-in-box);
  background-color: var(--log-in-box-in);
  border-radius: 30px;
  padding: 5px;
  text-decoration: none;
}

.password-login {
  background-color: var(--color);
  border: 1px #000;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.1;
}

.div-block-340 {
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 5vw;
  display: flex;
  box-shadow: 0 2px 20px 1px #000;
}

.heading-87 {
  color: var(--90);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
}

.log-in-logo {
  filter: invert();
}

.log-in-logo.inverted {
  filter: none;
  display: block;
}

.log-in-logo.inverted.homepage {
  filter: invert();
}

.form-2 {
  padding-top: 3vw;
  padding-bottom: 0;
}

.radio-button-field-6 {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.radio-button-4 {
  background-color: var(--log-in-box-in);
  border: 1.5px solid #fcfcfc;
  width: 20px;
  height: 20px;
  margin-left: 0;
}

.radio-button-4.w--redirected-checked {
  background-color: var(--blue-termolima);
  border: 1.5px solid #fcfcfc;
}

.radio-button-5 {
  width: 20px;
  height: 20px;
}

.div-block-341 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.radio-button-field-7 {
  align-items: stretch;
  display: flex;
}

.radio-button-label-4 {
  margin-left: 20px;
  padding-left: 0;
}

.radio-button-label-5 {
  color: var(--90);
  margin-bottom: 0;
  margin-left: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.text-block-97 {
  color: var(--blue-termolima);
  text-align: center;
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  text-decoration: none;
}

.text-block-97.inizio-log-in-text {
  margin-top: 40px;
  text-decoration: none;
}

.text-log-in {
  color: var(--90);
  margin-left: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}

.guide-log-in {
  filter: invert();
}

.div-block-342 {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.profile-picture {
  -webkit-backdrop-filter: invert();
  backdrop-filter: invert();
  border-radius: 30px;
}

.image-63 {
  border-radius: 20px;
}

.text-span-166 {
  color: #d6b328;
}

.nav_container {
  background-color: #200005;
  justify-content: space-between;
  align-items: center;
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  display: flex;
}

.profile-link {
  color: #fbfef9;
  text-decoration: none;
}

.member_nav-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.dashboard_left-wrapper {
  text-align: center;
  align-self: auto;
  padding: 2rem 2.5rem;
}

.fsbo_univ-wrapper {
  background-color: #fff;
  border: 1px solid #19192d0f;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-top: 30px;
  margin-left: 2rem;
  margin-right: 2rem;
  padding: 2.5rem 4rem;
  box-shadow: 1px 1px 10px #19192d1c;
}

.member-name {
  color: #fbfef9;
}

.university_tab-menu {
  justify-content: space-between;
  display: flex;
}

.univ_tab-link {
  color: #19192d;
  background-color: #0000;
  font-size: 1.1rem;
  font-weight: 500;
}

.univ_tab-link:hover {
  color: #f05d23;
}

.univ_tab-link.w--current {
  color: #f05d23;
  background-color: #0000;
  border: 2px solid #f05d23;
  border-radius: 27px;
  padding: .75rem 3.75rem;
  font-size: 1.2rem;
  font-weight: 600;
}

.dashboard_column-left {
  background-color: #19192d;
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.dashboard_column-left.z-2 {
  background-color: var(--dashboard);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: auto;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.container-large-3 {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.univ_video-item {
  min-height: 14rem;
}

.member_nav-logout-link-wrapper {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.member_nav-logout-link-wrapper:hover {
  background-color: #fbfef926;
}

.member_nav-logout-link-wrapper.w--current {
  background-color: #fbfef926;
  border-right: 4px solid #f05d23;
  align-self: auto;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.dashboard_column-right {
  background-color: #fbfef9;
  padding-left: 0;
  padding-right: 0;
}

.dashboard_column-right.z-1 {
  background-color: #1b1b1d00;
  height: 100%;
  padding: 30px;
  position: relative;
  left: 25%;
  right: auto;
}

.brand-image {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}

.member_nav-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 4vw;
  margin-left: 0;
  margin-right: 0;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.text-span-167 {
  font-weight: 500;
}

.text-color-cream {
  color: #fbfef9;
}

.text-color-cream.is-tablet-large.is-mobile-medium {
  font-size: 2rem;
}

.video_collection-list {
  grid-column-gap: 2.5rem;
  grid-row-gap: 1.8rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-2-col {
  background-color: #20202300;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678d126fd862a1b5bb251b00_macos-13-macos-ventura-macos-2022-stock-light-5k-retina-6016x6016-8135-min.jpg");
  background-position: 0 0;
  background-size: cover;
  align-items: stretch;
  height: auto;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.member_nav {
  flex: 1;
  align-self: stretch;
  width: 25%;
  display: block;
  position: fixed;
  top: 0;
}

.member_nav-link-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #80808000;
  border-radius: 15px;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .35s;
  display: flex;
}

.member_nav-link-wrapper:hover {
  border: 1px solid var(--log-in-box);
  background-color: #fbfef926;
}

.member_nav-link-wrapper.w--current {
  background-color: #343436;
  border: 1px solid #000;
  align-self: auto;
}

.navbar-2 {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-top: 4vw;
  display: flex;
}

.member-heading_text-wrapper {
  text-align: center;
  width: auto;
}

.member_nav-logout-link {
  color: #fbfef9b0;
  align-self: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 0 0;
  font-size: 1.3rem;
  line-height: 1.3;
  transition: color .2s;
}

.member_nav-logout-link:hover {
  color: #fbfef9;
}

.welcome-text {
  color: #19192d;
  text-align: left;
  font-size: 2rem;
}

.member_nav-link {
  color: #fbfef9;
  align-self: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 0 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  text-decoration: none;
}

.page-padding-2 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: static;
}

.fsbo_univ-heading {
  color: #f05d23;
  font-size: 3rem;
  font-weight: 300;
}

.clone-button {
  color: #000;
  background-color: #f7f5e1;
  border-radius: 4px;
  padding: 14px 40px;
  font-family: Montserrat, sans-serif;
  transition: background-color .2s;
}

.clone-button:hover {
  color: #fff;
  background-color: #d99566;
}

.univ_tabs-content.margin-top.margin-medium {
  overflow: visible;
}

.profile-heading-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-color-dark-blue {
  color: #19192d;
}

.member-header-component {
  display: flex;
}

.avatar-image {
  border-radius: 100%;
  max-width: 9rem;
  margin-bottom: 1.75rem;
}

.member_header-wrapper {
  background-color: #fbfef9;
  border-radius: 12px;
  margin: 1rem 2rem 2rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
  box-shadow: 1px 1px 5px #19192d2e;
}

.nav_brand {
  width: auto;
  height: 5rem;
}

.member-link-icon {
  color: #fbfef9;
  width: auto;
  height: 3rem;
}

.member-link-icon.is--bigger {
  height: 3.5rem;
}

.dashboard {
  -webkit-text-fill-color: inherit;
  background-color: #15151700;
  background-clip: border-box;
  height: auto;
}

.body-11 {
  background-color: #20202300;
}

.logo-group {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-343 {
  border: 1.5px solid #fff;
  border-radius: 30px;
  padding: 5px;
}

.ciao-cliente {
  color: #fff;
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
}

.small-introduction {
  color: var(--90);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.overview-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 20px;
}

.overview-grid.first-line {
  align-items: start;
  height: 100%;
  margin-top: 0;
}

.overview-grid.second-line {
  grid-template-columns: 1fr 1fr;
  height: auto;
}

.overview-grid.second-line.manutenzione {
  margin-top: 30px;
}

.overview-grid.third-line {
  grid-template-columns: 1.75fr;
  height: auto;
}

.informazione-cliente {
  border: 1px solid var(--90);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff80;
  border-radius: 30px;
  flex-flow: column;
  padding: 30px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.heading-88 {
  color: var(--dashboard);
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.text-block-98 {
  color: var(--dashboard);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.text-block-99 {
  color: var(--grey);
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.overview-template-box {
  border: 1px none var(--border);
  border-radius: 30px;
  flex-flow: column;
  align-items: stretch;
  width: auto;
  height: 100%;
  display: flex;
  box-shadow: 0 2px 5px #00000080;
}

.notification-icon {
  background-color: var(--color);
  border-radius: 10px;
  padding: 0;
  display: inline-block;
}

.e-head-cover {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffffb3;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.notification-group {
  border: 1px #000;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  height: 100%;
  display: flex;
}

.e-body-cover {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #e7e6e64d;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.e-body-cover.contratto-dentro {
  padding: 0;
}

.head-box {
  color: var(--dashboard);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
  position: relative;
}

.recenti {
  color: var(--grey);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.div-block-344 {
  height: 100%;
}

.puntini-logo.inverted {
  filter: invert();
}

.div-block-345 {
  background-color: #a3a2a6;
  background-image: linear-gradient(0deg, #0000004d, #fff0);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.saluto {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
}

.gruppo-saluto {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-346 {
  border: 1px solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.image-64 {
  border-radius: 100px;
  width: 100px;
  height: 100px;
}

.div-block-347 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
}

.html-embed {
  position: absolute;
  inset: 0 0 55px;
}

.colorful-icon {
  color: #1875f0;
  text-align: center;
  background-color: #1875f01a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 1em;
  display: flex;
}

.colorful-icon.purple {
  color: #a279f9;
  background-color: #6a75d81a;
}

.colorful-icon.green {
  color: #02c908;
  background-color: #02c9081a;
}

.control-bar {
  z-index: 10;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  height: 57px;
  padding: 8px 10px 3px;
  display: flex;
  position: absolute;
  bottom: 1px;
  left: 1px;
  right: 1px;
}

.project-message {
  margin-bottom: 1em;
}

.template-right {
  background-color: #fff;
  border-radius: 4px;
  width: 70%;
  height: 65vh;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 7px 7px 20px -5px #0000001a;
}

.template-left {
  flex: none;
  width: 30%;
  min-width: 290px;
  margin-right: 15px;
}

.dash-tab-wrapper {
  width: 75%;
  min-height: 100vh;
  margin-left: 25%;
  padding-top: 5vw;
  padding-bottom: 5vw;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
}

.white-box {
  color: #333;
  background-color: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  width: 48%;
  margin-bottom: 2%;
  margin-left: 1%;
  margin-right: 1%;
  box-shadow: 11px 11px 15px -5px #0000001a;
}

.white-box.third {
  width: 31%;
}

.white-box.full-width {
  width: 100%;
}

.white-box.link-box {
  transition: box-shadow .2s, transform .2s, color .2s;
}

.white-box.link-box:hover {
  transform: translate(-2px, -2px);
  box-shadow: 21px 21px 25px -10px #0000001a;
}

.white-box.link-box.paper-box {
  width: 23%;
  position: relative;
}

.white-box.link-box.asset-box {
  width: auto;
  margin-bottom: 4%;
  position: relative;
  overflow: hidden;
}

.white-box.two-third {
  width: 64%;
  margin-left: 1%;
  margin-right: 1%;
}

.progress-text-column {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  font-weight: 700;
}

.project-grid {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.option-row {
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 140px;
  height: 100%;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.template-height {
  padding-bottom: 70%;
}

.termocare-nav {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--color);
  opacity: .6;
  color: var(--dashboard);
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.termocare-nav:hover {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--border);
  opacity: .9;
  color: var(--dashboard);
  border: 1px #fff;
  border-radius: 15px;
  margin-bottom: 0;
  padding: 10px 15px;
}

.termocare-nav:active {
  opacity: .8;
}

.termocare-nav.w--current {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--dark-grey);
  opacity: 1;
  color: #fff;
  border: 1px solid #000;
  border-radius: 15px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 15px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
  box-shadow: 0 2px 5px #0003;
}

.termocare-nav.w--current:active {
  opacity: .7;
  color: #32343a;
}

.dashboard-section {
  padding: 0 2em;
}

.progress-bar {
  background-color: #1875f0;
  background-image: linear-gradient(96deg, #a279f9, #1875f0);
  border-radius: 20px;
  width: 31%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.large-number {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 1.6;
  display: inline-block;
}

.progress-icon {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin-bottom: .25em;
  margin-left: auto;
  margin-right: auto;
  padding: 7px;
  font-size: 18px;
  font-weight: 700;
  box-shadow: 4px 4px 5px -2px #0000001a;
}

.progress-bar-wrap {
  background-color: #f1f6fd;
  border-radius: 20px;
  width: 100%;
  height: 1em;
  margin-top: 1em;
  position: relative;
  overflow: hidden;
  box-shadow: inset 1px 1px 5px #33333317;
}

.navigation-menu {
  z-index: auto;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--color);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-align: right;
  background-image: linear-gradient(#ffffffbf, #ffffffbf);
  border: 1px #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  padding: 10vw 30px 0;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
  box-shadow: 0 2px 5px #0003;
}

.iframe {
  width: 166.667%;
  height: 166.667%;
  position: absolute;
  inset: 0 0% 0% 0;
  transform: scale(.6);
}

.iframe.hide {
  display: none;
}

.filter-drawer {
  z-index: 10000;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 364px;
  padding: 80px 60px 80px 20px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  transform: translate(-100%);
  box-shadow: 10px 0 20px -10px #2d3e501f;
}

.center-label {
  text-align: center;
  margin-top: 1em;
}

.iframe-wrapper {
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
  box-shadow: 4px 4px 14px #0000001a;
}

.navigation-icon {
  text-align: right;
  width: 20px;
  margin-right: 1em;
}

.box-padding {
  padding: 1.6em;
}

.option-svg {
  color: #263d49e6;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  min-width: 30px;
  padding: 3px 7px 4px;
  font-size: 19px;
  transition: box-shadow .2s, color .2s;
  position: relative;
  box-shadow: 0 2px 3px #2d3e501f;
}

.option-svg:hover {
  color: #2aa8ff;
  box-shadow: 0 10px 10px -2px #2d3e501f;
}

.dash-row {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.dash-row.cms-dash-row {
  margin-left: -1%;
  margin-right: -1%;
}

.progress-text-row {
  display: flex;
  position: relative;
}

.container-20 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.tabs-3 {
  background-color: #0000;
  margin-top: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.container-21 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-100 {
  color: var(--white);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.body-12, .div-block-348 {
  background-color: var(--dashboard);
}

.overview-dash-tab {
  max-width: none;
  margin-top: 5vw;
  padding-left: 30px;
  padding-right: 30px;
}

.manutenzione-dash-tab {
  margin-top: 5vw;
  padding-left: 30px;
  padding-right: 30px;
}

.riparazione-dash-tab {
  margin-top: 5vw;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 400;
}

.termocare-dash-tab, .notification-dash-tab, .client-service-dash-tab {
  margin-top: 5vw;
  padding-left: 30px;
  padding-right: 30px;
}

.div-block-349 {
  padding: 5px;
}

._5space {
  background-color: #fff;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67983c32bd2d066abb64e42c_engine.png");
  background-position: 0 0;
  background-size: auto;
  border-radius: 10px;
  padding: 5px;
}

.heading-91 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.3;
}

.heading-91.pure {
  color: var(--dashboard);
}

.tabs-menu-2 {
  margin-top: 30px;
}

.div-block-356 {
  border: 1px #000;
}

.form-4 {
  border: 1px solid var(--log-in-box);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 5vw;
  padding: 10px 30px;
  display: flex;
}

.field-label-4 {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.1;
  display: flex;
}

.button-17 {
  background-color: var(--blue-termolima);
  border-radius: 20px;
}

.success-message-2 {
  border: 2px solid var(--blue-termolima);
  background-color: #ffffffb3;
  border-radius: 15px;
  margin-top: 5vw;
}

.text-block-103 {
  color: var(--dashboard);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
}

.default-state {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 20px 30px;
  display: flex;
}

.select-field-7 {
  margin-bottom: 0;
}

.option-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.collection-item-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--log-in-box);
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
  display: block;
}

.buy-now-button {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.collection-item-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px none var(--log-in-box);
  background-color: var(--color);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 0;
  display: flex;
}

.text-block-104 {
  color: var(--90);
  justify-content: flex-start;
  align-items: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.3rem;
  line-height: 1.1;
  display: flex;
}

.buy-now-button-2 {
  border: 1px solid var(--90);
  background-color: var(--blue-termolima);
  border-radius: 20px;
  font-size: 1rem;
}

.collection-list-wrapper-2 {
  margin-top: 1vw;
}

.div-block-357 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.div-block-358 {
  background-color: var(--white);
  border-radius: 15px;
  width: auto;
  padding: 10px;
  display: block;
}

.div-block-359 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 80%;
  display: flex;
}

.paragraph-64 {
  color: var(--grey);
  margin-top: 5px;
  margin-bottom: 0;
  font-size: .8rem;
  line-height: 1.3;
}

.add-to-cart {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.default-state-2 {
  margin-bottom: 0;
}

.add-to-cart-button {
  border: 1px solid var(--90);
  background-color: var(--blue-termolima);
  border-radius: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.1;
}

.cart-button {
  background-color: #3898ec00;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: block;
}

.image-65 {
  filter: invert();
  width: 35px;
  height: auto;
  display: block;
  position: static;
  overflow: visible;
}

.cart-quantity {
  color: var(--dashboard);
  border: 1px #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 11px;
  min-width: auto;
  height: 11px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
}

.error-state {
  border-radius: 20px;
}

.error-message {
  color: var(--dashboard);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
}

.out-of-stock-state {
  border-radius: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.1;
}

.cart-form-wrapper {
  z-index: 990;
  position: relative;
  inset: 0% auto;
}

.cart-header {
  max-width: 900px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  inset: 0% auto;
}

.cart-container {
  background-color: #fff;
  border-radius: 20px;
  min-width: 500px;
  max-width: 720px;
  height: auto;
  margin-top: 10px;
  box-shadow: 0 5px 25px 20px #00000040;
}

.cart-wrapper {
  background-color: #0000;
}

.heading-92 {
  color: var(--dashboard);
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
}

.text-block-105 {
  color: var(--dashboard);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.text-block-106 {
  text-decoration: none;
}

.remove-button {
  margin-top: 5px;
  text-decoration: none;
}

.cart-quantity-2 {
  border-color: var(--grey);
  background-color: var(--90);
  color: var(--dashboard);
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  display: block;
}

.checkout-button {
  background-color: var(--blue-termolima);
  border-radius: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.checkout-button:hover {
  border: 1px solid var(--dark-blue);
  background-color: var(--border-light-blue);
  color: var(--dark-blue);
}

.cart-item {
  margin-top: 0;
  margin-bottom: 0;
}

.manutenzione-check {
  margin-top: 5vw;
}

.collection-item-4 {
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 10px;
  padding: 5px 10px;
  display: flex;
}

.collection-list-wrapper-3 {
  width: 100%;
}

.div-block-360 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.div-block-361 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-362 {
  background-color: #fff;
  padding: 5px;
}

.div-block-363 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.collection-item-5 {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.collection-list-2, .collection-list-wrapper-4 {
  width: 100%;
}

.div-block-364 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-365 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.heading-93 {
  margin-top: 0;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.text-block-107 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.grid-20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 720px;
}

.product {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-367 {
  background-color: var(--grey);
  height: auto;
}

.body-13 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.rich-text-block-2, .text-block-108, .heading-94, .image-66 {
  border: 1px solid #000;
}

.collection-list-wrapper-5 {
  display: block;
}

.collection-item-6 {
  background-color: var(--color);
  text-align: left;
  border: 1px #000;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding: 0;
  display: block;
}

.tabs-menu-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #e7e6e64d;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.tab-link-tab-1 {
  background-color: var(--dark-grey);
  color: var(--grey);
  border-radius: 15px;
  flex: 1;
  width: 100%;
  font-weight: 400;
}

.tab-link-tab-1.w--current {
  border: 1px solid var(--border);
  background-color: var(--90);
  border-radius: 15px;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.tab-link-tab-1.programmato-label.w--current {
  background-color: var(--white);
  color: var(--dark-grey);
  flex: 1;
  display: flex;
}

.tab-link-tab-2 {
  background-color: var(--dark-grey);
  color: var(--grey);
  border: 1px solid #000;
  border-radius: 15px;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
}

.tab-link-tab-2.w--current {
  border: 1px solid var(--border);
  background-color: var(--90);
  color: var(--dashboard);
  font-weight: 500;
  box-shadow: 0 2px 5px #0003;
}

.tab-link-tab-3 {
  background-color: var(--dark-grey);
  color: var(--grey);
  border: 1px solid #000;
  border-radius: 15px;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  display: flex;
}

.tab-link-tab-3.w--current {
  border-color: var(--border);
  background-color: var(--90);
}

.tab-link-tab-3.programmato-label.w--current, .tab-link-tab-3.da-programmare-label.w--current {
  color: var(--dark-grey);
  font-weight: 500;
  box-shadow: 0 2px 5px #0003;
}

.completato {
  border-radius: 0;
  font-weight: 400;
}

.div-block-368 {
  display: flex;
}

.collection-list-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.status-e-termo-service {
  background-color: var(--color);
  color: var(--90);
  border-radius: 15px;
  margin-top: 0;
  padding: 9px 15px;
  font-size: 1rem;
}

.status-e-termo-service.in-corso-button {
  color: var(--dark-grey);
}

.dropdown-list {
  z-index: 99;
  background-color: var(--blue-termolima);
  margin-top: 10px;
  position: relative;
}

.dropdown-list.w--open {
  background-color: var(--color);
  color: var(--90);
  margin-top: 0;
}

.dropdown {
  z-index: 1;
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.dropdown-toggle {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--color);
  color: var(--blue-termolima);
  cursor: pointer;
  border-radius: 20px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.dropdown-toggle.w--open {
  z-index: 999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  bottom: 0;
}

.container-status-service-e-termo {
  background-color: var(--color);
  color: var(--90);
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  padding: 0;
  display: flex;
}

.tabs-content-3 {
  border-radius: 20px;
  margin-top: 15px;
  padding: 10px 10px 20px;
}

.container-image-service-e-termo {
  background-color: var(--white);
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 8px;
  display: flex;
}

.updates-e-termo {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.more-information-e-termo {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.text-block-110 {
  color: var(--grey);
  margin-top: 10px;
  font-size: .8rem;
}

.notes-e-termo {
  color: var(--dashboard);
  text-align: left;
}

.scheduled-next-service {
  color: var(--dashboard);
  text-align: left;
  margin-top: 0;
  font-weight: 400;
  text-decoration: none;
}

.scheduled-next-service.next {
  color: var(--blue-termolima);
}

.text-block-113 {
  color: var(--apple-white-back);
  text-align: left;
  margin-top: 0;
  font-size: 1rem;
  font-weight: 500;
}

.note {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  display: flex;
}

.div-block-373 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  display: flex;
}

.text-block-114 {
  color: var(--apple-white-back);
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.div-block-374 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  display: flex;
}

.link-21 {
  color: var(--blue-termolima);
  text-decoration: none;
}

.div-block-375 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0 10px 0 15px;
  font-family: Sf Pro Display, sans-serif;
  display: flex;
}

.div-block-376 {
  border: 1px solid var(--border);
  background-color: var(--color);
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  outline-color: var(--color);
  outline-offset: 0px;
  mix-blend-mode: normal;
  border-radius: 15px;
  outline-width: 3px;
  outline-style: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-bottom: 10px;
  padding: 15px;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #9b9b9b33;
}

.collection-item-7 {
  width: auto;
}

.collection-list-wrapper-6 {
  width: 100%;
}

.riprogramma {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  display: flex;
}

.riprogramma-link {
  color: var(--blue-termolima);
  font-size: 1rem;
  line-height: 1.1;
  text-decoration: none;
}

.contattaci {
  color: var(--blue-termolima);
  font-size: .8rem;
  text-decoration: none;
}

.programmato-icon {
  color: var(--90);
}

.div-block-377 {
  background-color: var(--color);
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 1rem;
}

.propgrammato-box-scelta {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.div-block-378 {
  font-family: Sf Pro Display, sans-serif;
  text-decoration: none;
}

.link-22 {
  color: var(--blue-termolima);
  text-decoration: none;
}

.div-block-379 {
  border: 1px solid var(--dark-grey);
  background-color: var(--color);
  border-radius: 20px;
  padding: 5px;
}

.in-corso-manutenzione {
  background-color: var(--color);
}

.div-block-380 {
  background-color: var(--color);
  border-radius: 20px;
  padding: 5px 10px;
}

.cambia-data {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.cambia-data-qui {
  color: var(--blue-termolima);
  text-decoration: none;
}

.text-block-115 {
  color: var(--apple-white-back);
  font-weight: 500;
}

.text-block-116 {
  color: var(--color);
  text-align: center;
  line-height: 1.3;
  text-decoration: none;
}

.div-block-381 {
  background-color: var(--white);
  border-radius: 15px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 8px;
  display: block;
}

.collection-item-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px none var(--log-in-box);
  background-color: var(--color);
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.incluso-service-icon {
  border-radius: 0;
}

.included-service-name {
  color: var(--dashboard);
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}

.incluso-in-termocare {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.collection-list-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  margin-top: 0;
  display: grid;
}

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

.image-68, .image-69 {
  border: 1px solid var(--90);
  border-radius: 15px;
}

.shipping-address, .shipping-method, .payment-info, .billing-address {
  display: none;
}

.checkout-form {
  background-color: var(--white);
}

.block-header {
  border-style: none;
  border-bottom-width: 1.5px;
  border-bottom-color: var(--grey);
}

.block-content {
  border-bottom: 1.5px none var(--grey);
  border-left-style: none;
  border-right-style: none;
}

.order-item {
  border-bottom: 1.5px solid #e6e6e6;
  padding: 10px;
}

.customer-info {
  border-bottom: 1px #000;
  border-right: 1px #000;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.heading-95 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.3;
}

.div-block-384 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-385 {
  flex: 0 auto;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-386 {
  margin-right: 0;
}

.submit-button-5 {
  border-radius: 15px;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.apple-pay {
  border-radius: 15px;
}

.line-item {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}

.block-content-2 {
  border-style: none;
  border-top-width: 1px;
  border-top-color: #000;
  padding-left: 0;
  padding-right: 0;
}

.text-block-118, .text-block-119 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}

.text-block-120 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.text-block-121 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.block-header-2 {
  border-style: none;
  justify-content: space-between;
  align-items: center;
  width: 50%;
}

.block-content-3 {
  border: 1px #000;
  width: 50%;
}

.heading-96 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}

.field-label-5 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.email-2 {
  border-radius: 15px;
}

.body-14 {
  background-color: var(--dashboard);
}

.backround-status-e-termo {
  color: var(--dark-grey);
  border-radius: 20px;
  font-weight: 500;
}

.body-15 {
  background-color: var(--dashboard);
}

.termocare-nav-log-in {
  background-color: #000000b3;
}

.body-16 {
  background-color: var(--dashboard);
}

.div-block-388 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--log-in-box);
  background-color: var(--log-in-box-in);
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1vw;
  padding: 10px 20px;
  font-size: 1rem;
  display: flex;
}

.collection-list-5, .collection-list-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-e-termo {
  width: 60px;
}

.technician-name {
  color: var(--dashboard);
}

.mock-collection {
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #e7e6e673;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.group-incluso-in-termocare {
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #e7e6e64d;
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding: 20px;
  line-height: 1.3;
  transition: transform .35s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.mock-suggerimento {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.collection-list-wrapper-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.collection-item-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: block;
}

.collection-list-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-2 {
  color: var(--90);
  text-align: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.text-block-122 {
  color: var(--blue-termolima);
}

.dropdown-toggle-2 {
  padding: 0;
}

.dropdown-list-2 {
  position: relative;
}

.dropdown-list-2.w--open {
  background-color: #ddd0;
  width: auto;
  margin-top: 20px;
}

.manutenzione-termocare {
  border: 1px none var(--log-in-box);
  background-color: var(--color);
  color: var(--log-in-box);
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.3;
  text-decoration: none;
}

.manutenzione-termocare.w--current {
  border-bottom: 1px solid var(--white);
  background-color: var(--color);
  color: var(--white);
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 400;
  line-height: 1.3;
}

.manutenzione-termocare.initioz-termocare {
  border-bottom-style: solid;
}

.riparazione-termocare {
  border-bottom: 1px none var(--log-in-box);
  background-color: var(--color);
  color: var(--log-in-box);
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.3;
}

.riparazione-termocare.w--current {
  border-bottom-color: var(--white);
  background-color: var(--color);
  color: var(--white);
  text-decoration: none;
}

.riparazione-termocare.mezzo, .riparazione-termocare.mezzo.w--current {
  border-bottom-style: solid;
}

.servizi-utilizzati {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--log-in-box);
  background-color: var(--color);
  color: var(--log-in-box);
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.3;
}

.servizi-utilizzati.w--current {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--white);
  background-color: var(--color);
  color: var(--white);
}

.servizi-utilizzati.without-line {
  border-bottom-style: none;
}

.tabs-content-4 {
  border: 1px #000;
  margin-top: 5vw;
}

.tabs-menu-4 {
  display: block;
}

.tabs-4 {
  border: 1px #000;
}

.tabs-4.without-line {
  border-style: none;
}

.text-block-123 {
  line-height: 1.3;
}

.internal-tab-head {
  color: var(--90);
  margin-top: 3vw;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.3;
}

.head-inside-tab {
  color: var(--white);
  margin-top: 5vw;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.3;
}

.collection-list-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block-124, .text-block-125 {
  line-height: 1.3;
}

.document {
  border-bottom: 1px solid var(--log-in-box);
  background-color: var(--color);
  color: var(--log-in-box);
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.3;
}

.ti-suggeriamo {
  color: var(--white);
  margin-top: 5vw;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.3;
}

.ti-suggeriamo.pure {
  color: var(--dashboard);
}

.pronto-intevrento-dash-tab {
  margin-top: 5vw;
  padding-left: 30px;
  padding-right: 30px;
}

.collection-list-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.riparazione-check {
  margin-top: 5vw;
}

.collection-list-10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-list-3 {
  width: 100%;
  margin-top: 20px;
  position: relative;
}

.dropdown-list-3.w--open {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--color);
  flex-flow: column;
  display: flex;
}

.div-block-389 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.dropdown-3 {
  text-align: right;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.text-block-126 {
  color: var(--blue-termolima);
}

.dropdown-toggle-3 {
  padding: 0;
}

.dropdown-toggle-3.w--open {
  z-index: 9999;
  position: absolute;
  bottom: 0;
  right: 0;
}

.benefit {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--log-in-box);
  color: var(--90);
  text-align: left;
  width: 80%;
  padding-bottom: 20px;
}

.heading-97 {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.text-block-127, .text-block-128 {
  margin-top: 10px;
}

.button-18 {
  background-color: var(--blue-termolima);
  border-radius: 20px;
}

.collection-list-11 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block-129 {
  color: var(--grey);
  font-family: Sf Pro Display, sans-serif;
  font-weight: 200;
}

.rich-text-block-3 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.empty-state {
  background-color: var(--color);
  color: var(--90);
  border-radius: 20px;
}

.text-block-130 {
  text-align: center;
}

.prenota-e-termo {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--blue-termolima);
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.collection-list-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph-65 {
  margin-bottom: 0;
}

.text-block-131 {
  color: var(--dark-grey);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: .8rem;
  font-weight: 300;
}

.text-block-132 {
  color: var(--white);
  text-align: left;
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.collection-list-13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-390 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid var(--grey);
  text-align: left;
  flex-flow: column;
  padding-bottom: 20px;
  display: flex;
}

.heading-98 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
}

.text-block-133 {
  text-align: center;
  font-size: 1rem;
}

.text-block-134 {
  color: var(--grey);
  text-align: center;
  font-size: .8rem;
  font-weight: 200;
}

.heading-99 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.3;
}

.paragraph-66 {
  color: var(--white);
  margin-top: 1vw;
}

.div-block-391 {
  margin-top: 2vw;
}

.div-block-392 {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.collection-item-10 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-bottom: 1px none var(--dark-grey);
  flex-flow: column;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
}

.div-block-393 {
  text-align: left;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-394 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.tot {
  color: var(--dashboard);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}

.div-block-395 {
  background-color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 15px;
  line-height: 1.1;
  display: flex;
}

.collection-list-wrapper-8 {
  margin-top: 3vw;
}

.div-block-396, .div-block-397 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: flex-start;
  font-size: 1.5rem;
  display: flex;
}

.puntino-piccolo {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  font-size: 3rem;
  display: flex;
}

.text-block-135 {
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
}

.text-block-136 {
  color: var(--white);
  font-size: 1.5rem;
}

.div-block-398 {
  background-color: var(--log-in-box-in);
  border-radius: 10px;
  height: 2vh;
}

.text-block-137 {
  font-size: 1rem;
  font-weight: 500;
}

.numero-1 {
  font-size: 1rem;
  font-weight: 700;
}

.text-block-139 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.div-block-399 {
  justify-content: space-between;
  display: flex;
}

.image-70 {
  width: 50px;
}

.div-block-400 {
  background-color: var(--white);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

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

.heading-101 {
  color: var(--90);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}

.e-termo-progress-bar {
  width: var(--_servizi-utilizzati---width);
  background-color: #ff9500;
  border-radius: 10px;
  height: 2vh;
  display: block;
  position: absolute;
  inset: 0% 0;
}

.div-block-402 {
  position: relative;
}

.div-block-403 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px #000;
  flex-flow: column;
  margin-bottom: 3vw;
  padding-bottom: 3vw;
  display: flex;
}

.numero-2 {
  color: var(--white);
  font-size: 1rem;
  font-weight: 700;
}

.code-embed-7 {
  background-color: var(--color-2);
  height: 100px;
}

.collection-list-14 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-404 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #323236cc;
  border-bottom: 2px #000;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 20px;
  display: flex;
}

.div-block-405 {
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 20px;
  display: flex;
}

.div-block-406 {
  border: 1px #000;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.image-71 {
  width: 50px;
}

.heading-102 {
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
  display: flex;
}

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

.collection-item-11 {
  height: auto;
  padding: 0;
}

.div-block-408 {
  background-color: var(--folder);
  border-top: 1px #000;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
}

.text-block-140 {
  color: var(--grey);
  margin-top: 0;
  line-height: 1.3;
}

.text-block-141 {
  color: var(--90);
}

.div-block-409 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #e6e6e673;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 20px 20px 30px;
  display: flex;
}

.text-block-142 {
  color: var(--blue-termolima);
  line-height: 1.3;
  text-decoration: none;
}

.link-block-3 {
  text-decoration: none;
}

.text-block-143 {
  color: var(--dashboard);
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.1;
}

.empty-state-2 {
  background-color: var(--color);
  text-align: center;
}

.text-block-144 {
  color: var(--90);
  font-size: 2rem;
  line-height: 1.3;
}

.div-block-410 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-145 {
  color: var(--90);
  text-align: center;
}

.empty-state-3 {
  background-color: var(--color);
}

.empty-state-4 {
  background-color: var(--color);
  color: var(--90);
  text-align: center;
}

.text-block-146 {
  color: red;
}

.prenota-ora {
  color: var(--blue-termolima);
  text-decoration: none;
}

.empty-state-5 {
  background-color: var(--color);
  text-align: center;
}

.text-block-147 {
  color: var(--90);
}

.foot-container-group, .foot-container-words {
  width: 100%;
}

.collection-list-wrapper-9 {
  margin-top: 5vw;
}

.heading-103 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}

.collection-item-12 {
  justify-content: space-between;
  align-items: flex-start;
  display: block;
}

.div-block-411 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--dashboard);
  border: 1px solid #000;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  padding: 30px;
  display: flex;
  box-shadow: 0 2px 5px 1px #000;
}

.text-block-148 {
  color: var(--90);
  font-size: 1.5rem;
  line-height: 1.3;
}

.text-block-149 {
  color: var(--grey);
  line-height: 1.3;
}

.div-block-412 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.image-72 {
  width: 70px;
}

.div-block-413 {
  background-color: var(--white);
  border-radius: 15px;
  padding: 10px;
}

.div-block-414 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-block-150 {
  color: var(--grey);
  font-weight: 300;
}

.div-block-415 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-416 {
  background-color: var(--blue-termolima);
  color: var(--white);
  cursor: pointer;
  border-radius: 20px;
  padding: 12px 15px;
}

.div-block-417 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.text-block-151 {
  color: var(--90);
}

.empty-state-6 {
  background-color: var(--color);
  text-align: center;
}

.text-block-152 {
  color: var(--white);
}

.tabs-menu-5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #fff6;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  padding: 5px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.tab-link-tab-1-2 {
  background-color: var(--color);
  text-align: center;
  border: 1px #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.tab-link-tab-1-2.w--current {
  background-color: var(--white);
}

.tab-link-tab-2-2 {
  background-color: var(--color);
  text-align: center;
  border: 1px #000;
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.tab-link-tab-2-2.w--current {
  background-color: var(--white);
}

.tab-link-tab-3-2 {
  background-color: var(--color);
  border: 1px #000;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.tab-link-tab-3-2.w--current {
  border: 1px solid var(--white);
  background-color: var(--white);
  text-align: center;
  border-radius: 1000px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.div-block-419 {
  background-color: var(--color);
  cursor: pointer;
  border: 2px #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  display: flex;
}

.image-73 {
  border-radius: 20px;
}

.secondo-pi {
  background-color: var(--color);
  cursor: pointer;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  display: flex;
}

.div-block-420 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-421 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #fff6;
  border-radius: 100px;
  flex-flow: column;
  padding: 10px;
  display: block;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.tabs-5 {
  margin-top: 5vw;
}

.tabs-content-5 {
  margin-top: 3vw;
}

.link-block-4 {
  border-radius: 1000px;
  box-shadow: 0 2px 5px #0003;
}

.text-block-153 {
  display: none;
}

.collection-list-wrapper-10 {
  margin-top: 5vw;
}

.collection-list-15 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-19 {
  display: flex;
}

.button-20 {
  background-color: var(--blue-termolima);
  border-radius: 30px;
  margin-top: 3vw;
  padding: 13px 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.paragraph-67 {
  color: var(--grey);
  text-align: center;
  margin-top: 10vw;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}

.div-block-422 {
  width: 100%;
  margin-top: 5vw;
}

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

.div-block-423 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-424 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  display: flex;
}

.text-block-154 {
  color: var(--blue-termolima);
}

.text-block-155 {
  font-size: 1.4rem;
  font-weight: 500;
}

.text-block-156 {
  color: var(--dashboard);
  font-size: 2.5rem;
  font-weight: 700;
}

.text-block-157 {
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.div-block-425 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.bold-text-102 {
  line-height: 1.3;
}

.button-21 {
  background-color: var(--blue-termolima);
  color: var(--white);
  border-radius: 30px;
  padding: 13px 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.div-block-426 {
  margin-top: 5vw;
}

.paragraph-68 {
  color: var(--grey);
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1.5vw;
  line-height: 1.3;
}

.text-block-158 {
  color: var(--dashboard);
}

.image-74 {
  border-radius: 100px;
}

.div-block-427 {
  z-index: 2;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.div-block-428 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-75 {
  width: 60px;
}

.div-block-429 {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 15px;
  padding: 8px;
}

.notifice-overview-e-termocare {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px #000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.termocare-overview-notification {
  background-color: #1b1b1b80;
  border-radius: 20px;
  flex-flow: column;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
}

.dropdown-4 {
  border: 1px none var(--90);
  background-color: #fff0;
  border-radius: 0;
  width: auto;
  padding: 0;
  transition: transform .35s;
}

.dropdown-toggle-4 {
  width: 100%;
  padding: 0;
}

.dropdown-toggle-4.w--open {
  border: 1px #000;
}

.dropdown-list-4 {
  z-index: 99;
  background-color: var(--color);
  width: 30vw;
  margin-top: 15px;
  position: absolute;
}

.dropdown-list-4.w--open {
  border: 1px solid var(--border);
  opacity: 1;
  pointer-events: auto;
  text-shadow: 0 1px 1px #0003;
  -webkit-text-fill-color: inherit;
  cursor: auto;
  mix-blend-mode: normal;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 20px;
  width: 40vw;
  padding: 15px;
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  overflow: visible;
  box-shadow: 0 5px 25px 20px #00000040;
}

.div-block-430 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-431 {
  border: 1px solid var(--white);
  background-color: #ffffffb5;
  border-radius: 100px;
  margin-left: 0;
  padding: 5px;
  position: absolute;
  top: -5px;
  right: -5px;
  box-shadow: 0 2px 5px #0006;
}

.image-76 {
  background-color: var(--color);
  border: 1px #000;
  margin: 0;
  padding-right: 0;
}

.text-block-159 {
  color: var(--dashboard);
  font-size: 1rem;
}

.text-block-160 {
  color: var(--log-in-box-in);
  font-family: Sf Pro Display, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.div-block-432 {
  position: relative;
}

.empty-state-7 {
  background-color: var(--color);
}

.text-block-161 {
  color: var(--white);
}

.text-block-162 {
  text-align: center;
}

.empty-state-8 {
  background-color: var(--color);
  color: var(--white);
  text-align: center;
}

.text-block-163 {
  color: var(--white);
  text-align: center;
}

.empty-state-9 {
  background-color: var(--color);
}

.empty-state-10 {
  background-color: var(--color);
  text-align: center;
}

.text-block-164 {
  color: var(--white);
}

.termocare-manutenzione-incluso {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5vw;
  display: grid;
}

.empty-state-11 {
  background-color: var(--color);
  text-align: center;
}

.collection-list-17 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block-165 {
  color: var(--white);
}

.div-block-433 {
  margin-top: 20px;
}

.il-tuo-piano-riparazione-termocare-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5vw;
  display: grid;
}

.collection-list-18 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-434 {
  z-index: 999;
  cursor: pointer;
  background-color: #ffffffb3;
  border: 1px solid #ccc;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 7px;
  display: flex;
  position: absolute;
  top: -10px;
  right: -10px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-435, .div-block-436 {
  background-color: var(--white);
  border-radius: 10px;
  padding: 5px;
}

.collection-list-19 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-437 {
  background-color: var(--white);
  border-radius: 20px;
  width: 80px;
  padding: 10px;
}

.div-block-438 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  transition: transform .35s;
  display: flex;
}

.div-block-438:hover {
  transform: scale(1.05);
}

.text-block-166 {
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.3;
}

.termocare-grid-collection {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.termocare-grid-collection.overview {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.body-17 {
  background-color: var(--color);
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678d91b82e451b30c3dc98b8_Ready%20blue.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.div-block-439 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #e4e4e6b3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 0;
  display: flex;
}

.div-block-440 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  font-size: .8rem;
  display: flex;
}

.div-block-441 {
  background-color: #043462;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70px;
  padding: 10px;
  display: flex;
}

.text-block-167 {
  color: var(--white);
}

.collection-item-13 {
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 0;
  display: flex;
}

.div-block-442 {
  background-color: var(--white);
  border-radius: 10px;
  padding: 5px;
}

.text-block-168 {
  font-size: 1.5rem;
  font-weight: 500;
}

.text-block-169 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.text-block-170 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.section---dashboard {
  z-index: 3;
  height: auto;
  position: relative;
  inset: auto;
}

.dropdown-list-5 {
  width: 30vw;
}

.dropdown-list-5.w--open {
  z-index: auto;
  box-sizing: border-box;
  text-align: left;
  object-fit: fill;
  background-color: #fff;
  border-radius: 30px;
  width: 35vw;
  height: auto;
  margin-top: 20px;
  padding: 30px 20px 10px;
  inset: auto 0 auto auto;
  overflow: visible;
  box-shadow: 0 5px 40px 3px #33333380;
}

.collection-list-20 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-443 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 15px;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 20px;
  padding: 10px 20px 10px 10px;
  display: flex;
  box-shadow: 0 2px 5px #80808033;
}

.div-block-444 {
  border: 1px solid var(--border);
  border-radius: 15px;
  width: 80px;
  padding: 10px;
}

.dropdown-5 {
  z-index: 99;
  overflow: visible;
}

.text-block-171 {
  color: var(--log-in-box-in);
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
}

.div-block-445 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block-172 {
  color: var(--grey);
  font-family: Sf Pro Display, sans-serif;
  font-size: .8rem;
}

.dropdown-toggle-5 {
  width: 40px;
  padding: 0;
}

.text-block-173 {
  font-family: Sf Pro Display, sans-serif;
  font-size: .8rem;
}

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

.text-block-174 {
  font-family: Sf Pro Display, sans-serif;
  font-size: .8rem;
  font-weight: 500;
}

.e-riparazione-app {
  height: 100vh;
}

.app-mock {
  z-index: 999;
  -webkit-backdrop-filter: brightness(60%) blur(5px);
  backdrop-filter: brightness(60%) blur(5px);
  margin: 0 0 0 0;
  padding: 5rem;
  display: none;
  position: fixed;
  inset: 0% 0% 0;
  overflow: auto;
}

.field-label-6, .field-label-7 {
  color: var(--white);
}

.text-field-14, .text-field-15 {
  border-radius: 10px;
}

.form-block-6 {
  margin-top: 2vw;
}

.checkbox-field-7 {
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.checkbox-field-8, .checkbox-field-9 {
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-447 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 200px;
  margin-top: 2vw;
  display: grid;
}

.checkbox-4, .checkbox-5 {
  margin-top: 0;
  margin-left: 0;
  display: none;
}

.checkbox-6 {
  width: auto;
  margin-top: 0;
  margin-left: 0;
  display: none;
}

.checkbox-label-6, .checkbox-label-7, .checkbox-label-8 {
  text-align: center;
}

.heading-104 {
  color: var(--white);
  margin-top: 5vw;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}

.submit-button-6 {
  text-align: center;
  border-radius: 20px;
  margin-top: 0;
}

.div-block-448 {
  text-align: center;
  width: 100%;
  margin-top: 5vw;
}

.body-18 {
  background-color: var(--dark-grey);
}

.body-19 {
  background-color: var(--dashboard);
}

.collection-list-21 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-78 {
  mix-blend-mode: normal;
  border-radius: 100px;
}

.div-block-449 {
  border-radius: 10px;
  margin-top: 5rem;
  box-shadow: 0 5px 20px 5px #6669;
}

.image-79 {
  border: 1px solid var(--border);
  border-radius: 10px;
}

.div-block-450 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.image-80 {
  border-radius: 15px;
  box-shadow: 0 15px 20px 5px #66666680;
}

.div-block-451 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 3rem;
  display: block;
}

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

.div-block-452 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.div-block-453 {
  background-color: #f5f5f7;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 30%;
  padding: 40px;
  display: flex;
}

.div-block-454 {
  background-color: #f5f5f7;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: 40px;
  display: flex;
}

.div-block-455 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--apple-white-back);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px;
  display: flex;
}

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

.image-81 {
  border-radius: 15px;
  box-shadow: 0 2px 5px #0003;
}

.text-block-175 {
  width: auto;
}

.div-block-457 {
  width: 80%;
}

.div-block-458 {
  margin-top: 5rem;
}

.text-block-176 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.div-block-459 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-82 {
  border-radius: 15px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-460 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-461 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  display: flex;
}

.div-block-462 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-463 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-83 {
  border-radius: 15px;
  box-shadow: 0 2px 5px #0003;
}

.text-block-177 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.image-84 {
  border: 1px solid var(--90);
  border-radius: 10px;
  box-shadow: 0 5px 20px 5px #66666680;
}

.div-block-464 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  margin-top: 5rem;
  display: grid;
}

.div-block-465 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.div-block-466 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--apple-white-back);
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 40px;
  display: flex;
}

.div-block-467 {
  background-color: var(--apple-white-back);
  border-radius: 20px;
}

.div-block-468 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--apple-white-back);
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 40px;
  display: flex;
}

.div-block-469 {
  background-color: var(--white);
  border-radius: 15px;
  padding: 5px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-470 {
  width: 70%;
}

.image-85 {
  border-radius: 15px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-471 {
  width: 60%;
}

.div-block-472 {
  width: 40%;
}

.div-block-473 {
  padding: 0;
}

.image-87 {
  border-radius: 10px;
}

.bold-text-103, .text-block-178 {
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.text-block-179 {
  text-align: center;
  margin-top: 2rem;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.div-block-474 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-23 {
  grid-template-rows: auto;
}

.div-block-475 {
  margin-top: 3rem;
}

.div-block-476 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.heading-105 {
  text-align: center;
  font-family: Sf Pro Display, sans-serif;
  font-size: 3rem;
  font-weight: 700;
}

.div-block-477 {
  width: 100%;
}

.div-block-478 {
  margin-top: 5vw;
}

.buisness-termolima {
  background-color: var(--apple-white-back);
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/678d91b82e451b30c3dc98b8_Ready%20blue.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  margin-top: 5vw;
  padding: 20px;
  display: flex;
}

.div-block-479 {
  margin-top: 5vw;
}

.div-block-480 {
  background-color: var(--apple-white-back);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.div-block-481 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-482 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.collection-list-wrapper-11 {
  margin-left: 110px;
}

.collection-list-22 {
  display: flex;
}

.text-block-180 {
  background-color: var(--green);
  color: var(--white);
  border-radius: 20px;
  padding: 5px 10px;
  font-family: Sf Pro Display, sans-serif;
}

.bold-text-104 {
  color: var(--apple-white-back);
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
}

.italic-text-3 {
  text-align: left;
}

.div-block-483 {
  margin-top: 2rem;
}

.image-88 {
  border-radius: 10px;
  box-shadow: 0 6px 20px 5px #65656573;
}

.text-block-181 {
  text-align: center;
  margin-top: 1rem;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.3;
}

.text-span-168 {
  color: #ff0505;
  font-size: 1rem;
  font-weight: 500;
}

.text-block-182 {
  text-align: center;
  margin-top: 1rem;
}

.quantity-2 {
  display: none;
}

.div-block-484 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.default-state-3 {
  margin-bottom: 0;
}

.add-to-cart-button-2 {
  background-color: var(--blue-termolima);
  border-radius: 20px;
}

.text-block-183 {
  text-align: center;
}

.div-block-485 {
  background-color: var(--dark-grey);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.image-89 {
  border-radius: 20px;
  width: 100%;
  box-shadow: 0 4px 13px 4px #00000029;
}

.div-block-486 {
  background-color: var(--apple-white-back);
  border-radius: 15px;
  padding: 20px;
}

.div-block-487 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-184 {
  margin-top: 1rem;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.div-block-488 {
  margin-top: 5rem;
}

.collection-list-23 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 110px;
  display: flex;
}

.div-block-489 {
  text-align: left;
  height: auto;
  padding: 40px;
}

.image-90 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: 100%;
  height: 100%;
}

.mask-3 {
  border-radius: 30px;
  width: 35vw;
  height: 55vh;
  box-shadow: 0 2px 15px 5px #0003;
}

.div-block-490 {
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.slide-9 {
  text-align: center;
  border-radius: 30px;
  margin-left: 0;
  margin-right: 0;
}

.collection-item-14 {
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.image-91 {
  border-radius: 30px;
  height: 100%;
}

.collection-list-wrapper-12 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: scroll;
}

.div-block-491 {
  display: block;
  position: static;
  top: 100px;
  left: 100px;
  right: 100px;
}

.div-block-492 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0% 0 auto 0%;
}

.slide-1-2 {
  width: auto;
  margin-right: 20px;
  padding: 0;
  position: static;
}

.slide-1-2._90909090 {
  background-color: var(--color);
  border-radius: 30px;
  padding: 0;
}

.grey-2 {
  color: #6e6e73;
  font-size: 26px;
}

.modal-1-popup-2 {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0006;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding: 3rem 2rem;
  display: none;
  position: absolute;
  inset: 0% 0 0% 0%;
  overflow: auto;
}

.phone-wrapper-2 {
  flex: none;
  align-self: center;
  height: 100%;
  position: static;
  inset: 0%;
}

.slider-6 {
  background-color: #fff;
  height: 100%;
  margin-top: 40px;
  margin-right: 40px;
  position: static;
  overflow: visible;
}

.left-arrow-4 {
  background-color: #e2e2e5;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin: 0;
  transition: background-color .2s;
  display: none;
  inset: auto 5% -14% auto;
}

.left-arrow-4:hover {
  background-color: #e9e9eb;
}

.card-feature-wrapper-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-feature-wrapper-2.vertical-alignment {
  flex-flow: column;
}

.popup-label-2 {
  color: #1d1d1f;
  letter-spacing: -.5px;
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
}

.card-front-2 {
  border: 1px solid var(--white);
  background-color: var(--log-in-box-in);
  color: #fff;
  border-radius: 30px;
  flex-flow: column;
  justify-content: space-between;
  width: 375px;
  height: 670px;
  padding: 10%;
  display: flex;
  position: static;
  box-shadow: 0 2px 15px 5px #0000004d;
}

.card-front-2._3 {
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c94806c_battery__2v7w6kmztvm2_large_2x.avif");
  background-position: 50% 100%;
  width: 375px;
  height: 670px;
}

.card-front-2._6 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c948076_privacy__ckc0wa30o55y_large_2x.avif");
}

.card-front-2._7 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c94807b_personalize__dwg8srggrbo2_large_2x.avif");
}

.card-front-2._2 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c948067_camera__exi2qfijti0y_large_2x.avif");
  background-position: 50%;
  background-size: cover;
  width: 375px;
  height: 670px;
  padding-top: 10%;
  padding-left: 10%;
  padding-right: 10%;
}

.card-front-2._4 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c948071_innovation__os9bmmo3mjee_large_2x.avif");
  width: 375px;
  height: 670px;
}

.card-front-2._5 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c948080_environment__e3v3gj88dl6q_large_2x.avif");
}

.card-front-2._8 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67720b4591f3f9852c948085_safety__bwp7rsowtjiu_large_2x.avif");
}

.card-link-2 {
  cursor: pointer;
  transform-style: preserve-3d;
  text-decoration: none;
  transition: all .4s;
}

.card-link-2:hover {
  transform: scale3d(1.02, 1.02, 1.02);
}

.rich-text-block-4 {
  color: #1d1d1f;
  margin-bottom: 0;
  font-weight: 400;
}

.rich-text-block-4._10px {
  margin-bottom: 10px;
}

.rich-text-block-4._40px {
  margin-bottom: 40px;
}

.mask-4 {
  width: 375px;
  height: 100%;
  position: static;
  overflow: visible;
}

.screen-reader-text-2 {
  color: #000;
  text-decoration: none;
  display: none;
}

.feature-card-image-2 {
  width: 500px;
}

.feature-card-image-2.large {
  width: 1000px;
}

.feature-card-image-2.tablet-mobile {
  display: none;
}

.card-wrapper-store {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: static;
  overflow: visible;
}

.button-22 {
  color: #fffefa;
  text-align: center;
  background-color: #4353ff;
  border-radius: 2em;
  min-width: 11em;
  padding: .75em 2em .875em;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s;
}

.button-22:hover {
  background-color: #3e4ceb;
}

.button-22.open-modal {
  cursor: pointer;
  background-color: #333336;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 0;
  height: 35px;
  padding: 0;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.button-22.open-modal:hover {
  background-color: #333336;
}

.paragraph-69 {
  color: #6e6e73;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

.paragraph-69.last {
  margin-bottom: 0;
}

.instructions-image-8 {
  width: 300px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.label-4 {
  color: var(--blue-termolima);
  margin-bottom: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

.label-4.black {
  color: #1d1d1f;
}

.label-4.efficienza-hvac {
  color: var(--green);
}

.popup-heading-2 {
  color: #1d1d1f;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}

.container-22 {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.instructions-image-9 {
  width: 150px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.slider-wrapper-3 {
  width: 100%;
  display: flex;
  overflow: visible;
}

.right-arrow-5 {
  background-color: #e2e2e5;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  transition: background-color .2s;
  display: none;
  position: absolute;
  inset: auto 0% -14% auto;
  overflow: hidden;
}

.right-arrow-5:hover {
  background-color: #e9e9eb;
}

.modal-bg-2 {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.modal-content-2 {
  padding: 4.5rem;
}

.modal-popup-wrapper-2 {
  display: block;
}

.card-wrapper-4 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
}

.card-wrapper-4:hover {
  transform: translate(0);
}

.card-wrapper-4.ee909090 {
  background-color: var(--color);
  padding: 0;
}

.heading-wrapper-2 {
  margin-bottom: 60px;
}

.card-title-2 {
  color: var(--90);
  letter-spacing: -.5px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.card-title-2.black {
  color: #1d1d1f;
  font-weight: 600;
}

.card-title-2.riscaldamento-raffreddamento {
  color: var(--dark-grey);
}

.text-block-185 {
  color: #6e6e73;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}

.modal-2 {
  background-color: #fff;
  border-radius: 20px;
  flex: none;
  width: 100%;
  max-width: 65rem;
  height: auto;
  margin: auto;
  position: relative;
}

.collection-list-wrapper-13 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  padding-bottom: 40px;
  padding-left: 110px;
  display: flex;
  overflow: scroll;
}

.collection-list-24 {
  width: 100%;
  display: flex;
  overflow: visible;
}

.quantity-3 {
  display: none;
}

.add-to-cart-button-3 {
  background-color: var(--blue-termolima);
  border-radius: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  line-height: 1.1;
}

.buy-now-button-3 {
  border-radius: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  line-height: 1.1;
}

.global-modal-overlay {
  z-index: 999;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-content-wrapper {
  background-color: var(--color);
  padding-top: 2rem;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
}

.modal-riscaldamento {
  z-index: 9999;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.div-block-493 {
  height: 100vh;
}

.collection-list-25 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.field-label-8 {
  display: none;
}

.select-field-8 {
  color: var(--dashboard);
}

.select-field-9 {
  color: var(--dark-grey);
  border-radius: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.field-label-9 {
  display: none;
}

.default-state-4 {
  margin-bottom: 0;
}

.field-label-10, .field-label-11 {
  display: none;
}

.select-field-10 {
  color: var(--dark-grey);
  border-radius: 15px;
  font-family: Sf Pro Display, sans-serif;
}

.default-state-5 {
  margin-bottom: 0;
}

.select-field-11 {
  color: var(--dark-grey);
  border-radius: 15px;
  font-family: Sf Pro Display, sans-serif;
}

.text-block-186 {
  margin-top: 0;
  margin-bottom: 15px;
}

.div-block-494 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-23 {
  border: 1px solid var(--grey);
  background-color: var(--apple-white-back);
  color: var(--grey);
  border-radius: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
}

.button-23:hover {
  border-style: solid;
  border-color: var(--dark-grey);
  color: var(--log-in-box-in);
  background-color: #33333380;
}

.cart-button-2 {
  background-color: var(--color);
  justify-content: center;
  align-items: center;
}

.cart-quantity-3 {
  margin-left: 0;
}

.cart {
  background-color: var(--color);
}

.image-92 {
  filter: blur(5px);
}

.cart-2 {
  background-color: var(--color);
}

.div-block-496 {
  background-color: var(--white);
  border: 2px solid #000c;
  border-radius: 100px;
  padding: 3px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.div-block-497 {
  text-align: center;
  margin-top: 0;
  display: block;
}

.collection-item-15 {
  margin-left: 0;
}

.image-93 {
  width: 375px;
  height: 670px;
}

.text-block-187 {
  text-align: left;
  font-family: Sf Pro Display, sans-serif;
}

.dropdown-6 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.div-block-498 {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: none;
}

.dropdown-list-6 {
  width: 100%;
}

.dropdown-list-6.w--open {
  background-color: var(--apple-white-back);
  border-radius: 20px;
  margin-top: 10px;
  padding: 20px;
  position: relative;
}

.dropdown-toggle-6 {
  background-color: var(--dark-grey);
  border-radius: 100px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  display: block;
}

.dropdown-toggle-6.w--open {
  background-color: var(--dark-grey);
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  display: inline-block;
  box-shadow: 0 2px 5px #0003;
}

.cart-button-3 {
  background-color: var(--color);
  width: auto;
  padding: 0;
}

.cart-quantity-4 {
  z-index: 99;
  border: 1px solid var(--border-light-blue);
  color: var(--blue-termolima);
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-499 {
  width: 35px;
}

.select-field-12 {
  color: var(--dark-grey);
  border-radius: 15px;
  font-family: Sf Pro Display, sans-serif;
}

.cart-container-2 {
  border-radius: 20px;
  width: 550px;
  margin-top: 2vh;
  overflow: visible;
}

.cart-quantity-5 {
  text-align: center;
  border-radius: 100px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  overflow: clip;
}

.text-block-188 {
  color: var(--dark-blue);
  text-decoration: none;
  -webkit-text-decoration-color: var(--dark-blue);
  text-decoration-color: var(--dark-blue);
}

.remove-button-2 {
  text-decoration: none;
}

.cart-line-item {
  font-size: 1.5rem;
}

.checkout-button-2 {
  background-color: var(--blue-termolima);
  border-radius: 15px;
}

.text-block-189 {
  font-weight: 500;
}

.text-block-190 {
  margin-bottom: 3px;
  font-size: 1rem;
}

.text-block-191, .option-2 {
  margin-bottom: 3px;
}

.paragraph-70 {
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.div-block-500 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  inset: auto;
}

.div-block-500.technoeeeee {
  background-color: #000;
  border-radius: 30px;
  padding: 35px;
}

.div-block-500.technoeeeee.techhhh {
  padding-top: 10px;
}

.div-block-501 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.div-block-501.migliore {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  height: auto;
}

.div-block-501.migliore._1 {
  height: auto;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.div-block-501.migliore._1.why {
  display: flex;
}

.div-block-502 {
  text-align: center;
  margin-top: 20px;
  font-family: Sf Pro Display, sans-serif;
}

.div-block-502.home {
  display: flex;
}

.div-block-502.home.mobile.ipadbutty {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-502.home.mobile.ipad {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.remove-button-3 {
  text-decoration: none;
}

.heading-106 {
  margin-top: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 50px;
  line-height: 1.1;
}

.heading-106.nero {
  color: #1d1d1f;
  font-size: 4rem;
  font-weight: 700;
}

.heading-106.nero._2-5 {
  color: #333;
  font-size: 4rem;
}

.button-24 {
  color: gray;
  background-color: #f5f5f7;
  border: 1px solid gray;
  border-radius: 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 15px;
}

.button-24:hover {
  color: #242426;
  background-color: #33333380;
  border-style: solid;
  border-color: #333;
}

.div-block-503 {
  text-align: left;
  max-width: none;
  margin-top: 60px;
  margin-left: 40px;
  margin-right: 40px;
}

.cart-quantity-6 {
  text-align: center;
  border-radius: 100px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  overflow: clip;
}

.image-94 {
  margin-right: 5px;
}

.checkout-button-3 {
  background-color: #0472e3;
  border-radius: 15px;
}

.paragraph-71 {
  color: #fff;
  margin-bottom: 0;
  font-size: 15px;
}

.paragraph-71.tradein {
  text-align: left;
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 400;
}

.button-25 {
  color: #007bff;
  letter-spacing: 1px;
  background-color: #fff0;
  border: 1px solid #0066cb;
  border-radius: 30px;
  margin-left: 10px;
  margin-right: 0;
  padding: 12px 20px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 16px;
}

.button-25.business {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
}

.button-25.business.home {
  color: #fff;
  border-color: #fff;
  padding: 5px 15px;
}

.button-25.business.home.mobile.ipad {
  color: #000;
  background-color: #fff9;
  border-color: #fff;
  margin-left: 0;
  padding: 8px 17px;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.button-25.business.home.mobile.ipad:hover {
  color: #fff;
  background-color: #0009;
  border-color: #000;
}

.container-23 {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.grid-24 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
}

.cart-button-4 {
  background-color: #fff0;
  width: auto;
  padding: 0;
}

.heading-107 {
  color: #333;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-107.white {
  margin-bottom: 0;
  font-size: 3.5rem;
}

.div-block-504 {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  line-height: 20px;
  display: flex;
}

.collection-list-wrapper-14 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  padding-bottom: 40px;
  padding-left: 110px;
  display: flex;
  overflow: scroll;
}

.cart-quantity-7 {
  text-align: center;
  border: 1px solid #6cb4fd;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.text-block-192 {
  color: #0825ff;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.text-block-193 {
  color: #646465;
  text-align: center;
  margin-top: -5px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 12px;
  line-height: 1.2;
}

.div-block-505 {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.cart-container-3 {
  border-radius: 20px;
}

.text-block-194 {
  font-weight: 500;
}

.heading-108 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 60px;
}

.heading-108.impianti {
  color: #000;
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}

.collection-item-16 {
  margin-left: 0;
}

.navcategory-2 {
  color: #e5e2e2;
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.navcategory-2:hover {
  color: #6cb4fd;
  font-weight: 500;
}

.navcategory-2.w--current {
  color: #6cb4fd;
}

.navcategory-2.navphone {
  color: #fff;
  font-weight: 500;
}

.navcategory-2.navphone:hover {
  color: #6cb4fd;
}

.navcategory-2.navphone.w--current {
  color: #0472e3;
}

.navcategory-2.navphone.whitebackground {
  color: #333;
}

.navcategory-2.navphone.whitebackground:hover {
  color: #6cb4fd;
}

.navcategory-2.navphone.whitebackground.w--current {
  color: #0472e3;
}

.navcategory-2.white-background {
  color: #333232;
}

.navcategory-2.white-background.navphone {
  color: #333;
  font-family: Sf Pro Display, sans-serif;
  font-weight: 500;
}

.div-block-506 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-507 {
  background-color: #f5f5f7;
  justify-content: center;
  align-items: center;
  margin-top: 55px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.div-block-508 {
  width: 35px;
}

.text-block-195 {
  margin-bottom: 3px;
  font-size: 1rem;
}

.heading-109 {
  color: #000;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-family: Sf Pro Display, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2;
}

.div-block-509 {
  margin-left: 110px;
}

.div-block-510 {
  text-align: center;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.collection-list-26 {
  width: 100%;
  display: flex;
  overflow: visible;
}

.container-24 {
  justify-content: flex-start;
  align-items: center;
  max-width: 1304px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-family: Sf Pro Display, sans-serif;
  line-height: 1.2;
  display: flex;
}

.div-block-511 {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-110 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-110.mobile {
  margin-bottom: 0;
  font-size: 3.5rem;
}

.div-block-512 {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.container-25 {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-25.cards {
  flex-wrap: nowrap;
  justify-content: flex-start;
  max-width: none;
  padding-left: 0;
}

.text-block-196 {
  margin-top: 15px;
  font-family: Sf Pro Display, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.text-block-196.iniiale {
  color: #e61919;
  font-family: Sf Pro Display, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.text-block-197 {
  margin-bottom: 3px;
}

.div-block-513 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.text-block-198 {
  font-family: Sf Pro Display, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.div-block-514 {
  z-index: 99999999;
  border-bottom: 1px solid var(--apple-white-back);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(#0009, #0009);
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.image-96 {
  filter: invert();
}

.div-block-515 {
  z-index: 0;
  position: relative;
}

.div-block-516 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-field-16 {
  border-radius: 10px;
  margin-top: 1rem;
  margin-bottom: 0;
}

.textarea-3 {
  border-radius: 10px;
  margin-top: 1rem;
}

.text-field-17, .text-field-18 {
  border-radius: 10px;
  margin-top: 1rem;
  margin-bottom: 0;
}

.text-span-169 {
  color: #ff4d4d;
  font-size: 1.5rem;
}

.text-span-170, .text-span-171, .text-span-172 {
  color: #ff4c4c;
}

.div-block-518 {
  background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6756c28bc5716533edaf8937_premium_photo-1672201106204-58e9af7a2888.avif");
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  padding: 5px;
}

.body-20 {
  background-color: var(--grey);
}

.div-block-519, .section-24 {
  margin-top: 55px;
}

.form-block-7 {
  justify-content: center;
  align-items: center;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.form-block-8 {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.heading-111 {
  text-align: center;
}

.div-block-520 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.grid-25 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr;
  width: 50%;
}

.numero {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.numero-preventivo, .data-preventivo {
  width: 100%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.preventivo-no {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-field-19, .text-field-20 {
  margin-bottom: 0;
}

.preventivo-data {
  border: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-523, .validit {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .finale.home.iphone.new.big {
    margin-top: 10rem;
  }

  .foot {
    margin-top: 5rem;
  }

  .div-block-33.okay {
    justify-content: flex-start;
    align-items: stretch;
  }

  .heading-28.business {
    color: #e6e6e6;
  }

  .flipcard-title.termo {
    color: #000;
    font-size: 5rem;
    font-weight: 700;
  }

  .div-block-162 {
    margin-top: -60px;
  }

  .green-dot {
    bottom: 20%;
  }

  .line_wrapper {
    right: 22%;
  }

  .left-arrow {
    transition: background-color .2s;
    right: 4.5%;
  }

  .left-arrow:hover {
    background-color: #e9e9eb;
  }

  .card-feature-wrapper {
    grid-column-gap: 65px;
    grid-row-gap: 65px;
  }

  .card-feature-wrapper.vertical-alignment {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .section-heading {
    font-weight: 600;
  }

  .modal-1-popup {
    display: none;
  }

  .right-arrow-2 {
    transition: background-color .2s;
  }

  .right-arrow-2:hover {
    background-color: #e9e9eb;
  }

  .card-8._1 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .devices-icons {
    margin-top: 40px;
  }

  .devices_paragraph {
    color: #fff;
    text-align: center;
    margin-top: 20px;
    font-family: Sf Pro Display, sans-serif;
    font-size: 1rem;
    font-weight: 400;
  }

  .text-weight-bold {
    color: #e6e6e6;
    text-align: center;
    margin-top: 5px;
    font-family: Sf Pro Display, sans-serif;
    font-size: 1rem;
  }

  .heading-64 {
    color: #e5e5e5;
    font-family: Sf Pro Display, sans-serif;
    font-size: 4rem;
    line-height: 1;
  }

  .div-block-220 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section-heading-2 {
    font-weight: 600;
  }

  .right-arrow-3 {
    transition: background-color .2s;
  }

  .right-arrow-3:hover {
    background-color: #e9e9eb;
  }

  .hvac-pic {
    height: 80vh;
  }

  .tyu-wrap-3 {
    height: auto;
  }

  .tyu-wrap-3:hover {
    transform: none;
  }

  .tyu-wrap-5, .tyu-wrap-4 {
    height: auto;
  }

  .div-block-229 {
    line-height: 1.1;
  }

  .device {
    height: 350vh;
  }

  .navcategory.white-background.navphone {
    color: var(--apple-white-back);
  }

  .list-5 {
    border-radius: 0;
    margin-top: 0;
  }

  .div-block-350 {
    border-radius: 30px;
    margin-top: 30px;
  }

  .div-block-351 {
    border-radius: 30px 30px 0 0;
  }

  .list-item-2 {
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }

  .div-block-352 {
    border-bottom: 1px solid var(--log-in-box);
    background-color: var(--color);
    border-radius: 0;
    justify-content: space-between;
    align-items: stretch;
    padding: 20px 30px;
    display: flex;
  }

  .div-block-353 {
    width: 100px;
  }

  .collection-item {
    margin-bottom: 0;
    padding-right: 0;
  }

  .text-block-101 {
    color: #fff;
    justify-content: flex-start;
    align-items: center;
    font-family: Sf Pro Display, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.3;
    display: flex;
  }

  .div-block-354 {
    background-color: var(--blue-termolima);
    color: #fff;
    border: 1px solid #000;
    border-radius: 30px;
    padding: 8px 17px;
  }

  .collection-list-wrapper {
    border-radius: 0;
    margin-top: 5vw;
  }

  .collection-list {
    border: 1px solid var(--log-in-box);
    border-radius: 30px;
  }

  .div-block-355 {
    border-bottom: 1px solid #000;
    width: 100%;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .form-block-5 {
    border: 1px solid var(--90);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    width: auto;
    margin-bottom: 0;
    margin-left: 0%;
    padding: 10px 30px;
  }

  .div-block-356 {
    width: auto;
    margin-left: 0%;
    padding: 30px;
  }

  .form-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .text-field-13 {
    margin-bottom: 0;
  }

  .text-block-102 {
    color: var(--90);
    font-family: Sf Pro Display, sans-serif;
    font-size: 1.2rem;
    line-height: 1.1;
  }

  .middle {
    border-style: none solid solid;
    border-width: 1px;
    border-color: var(--90);
    margin-bottom: 0;
    padding: 10px 30px;
  }

  .submit-button-3, .submit-button-4 {
    border-radius: 20px;
  }

  .div-block-409 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
  }

  .text-block-142 {
    color: var(--blue-termolima);
  }

  .text-block-143 {
    color: var(--90);
  }

  .modal-1-popup-2 {
    display: block;
  }

  .left-arrow-4 {
    transition: background-color .2s;
    right: 4.5%;
  }

  .left-arrow-4:hover {
    background-color: #e9e9eb;
  }

  .card-feature-wrapper-2 {
    grid-column-gap: 65px;
    grid-row-gap: 65px;
  }

  .card-feature-wrapper-2.vertical-alignment {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .right-arrow-5 {
    transition: background-color .2s;
  }

  .right-arrow-5:hover {
    background-color: #e9e9eb;
  }

  .collection-list-wrapper-13, .collection-list-wrapper-14 {
    width: 100vw;
    padding-left: 110px;
  }

  .navcategory-2.white-background.navphone {
    color: #333;
  }
}

@media screen and (min-width: 1440px) {
  .container-2.nav {
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
  }

  .product-card.small.ultimo.cancella, .product-card.small.ultimo.cancella-finale {
    margin-right: 0;
  }

  .product-card._3.first-support {
    margin-left: 40px;
  }

  .scroll-map-wrapper.finale.hvac.mobile.prova-finale {
    padding-right: 110px;
  }

  .hvac-head-category {
    margin-top: 160px;
  }

  .scroll-map-wrapper-2 {
    justify-content: center;
    align-items: flex-start;
  }

  .content-wrapper.slim {
    margin-top: 80px;
  }

  .accordion-item {
    box-shadow: 0 3px 7px #c2c1c161;
  }

  .button-4.yellow {
    transition: all .5s;
  }

  .section-9.hero {
    margin-top: 0;
  }

  .section-12.magsafe {
    z-index: 5;
  }

  .section-13.homepod {
    z-index: 4;
  }

  .mobile-link {
    display: none;
  }

  .container-12, .container-13 {
    max-width: 1350px;
  }

  .section-class-1 {
    font-size: 14px;
  }

  .green-dot {
    left: 25%;
  }

  .line_wrapper {
    right: 25%;
  }

  .modal-1-popup {
    display: none;
  }

  .container-17 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .modal {
    max-width: 80rem;
  }

  .nav_menu {
    justify-content: space-between;
    align-items: center;
  }

  .container-18 {
    padding-left: 0;
    padding-right: 0;
  }

  .hvac-pic {
    height: 80vh;
  }

  .dil-section-1 {
    font-size: 14px;
  }

  .idraulici-pic {
    background-position: 50%;
    width: auto;
    height: auto;
  }

  .tyu-section-1 {
    font-size: 14px;
  }

  .device {
    height: 350vh;
  }

  .installazione-hvac-home {
    width: 100vw;
  }

  .div-block-314 {
    max-width: none;
  }

  .div-block-316 {
    width: auto;
    max-width: 500px;
  }

  .card-front-2 {
    z-index: 3;
    position: relative;
  }

  .container-22 {
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .modal-2 {
    max-width: 80rem;
  }

  .collection-list-wrapper-13 {
    width: 100vw;
    padding-bottom: 40px;
    padding-left: 110px;
  }

  .collection-list-24, .progettazione-e-consulenza, .efficienza-energetica-e-aggiornamenti, .qualit-dell-aria-interna, .condotti-e-ventilazione {
    width: 100vw;
  }

  .div-block-497 {
    z-index: 1;
    border: 1px none var(--border);
    background-color: var(--color);
    border-radius: 20px;
    margin-top: 40px;
    padding: 0;
    font-family: Sf Pro Display, sans-serif;
    font-size: 1rem;
    line-height: 1.3;
    display: block;
    position: relative;
  }

  .collection-list-wrapper-14 {
    width: 100vw;
    padding-bottom: 40px;
    padding-left: 110px;
  }

  .collection-list-26 {
    width: 100vw;
  }
}

@media screen and (min-width: 1920px) {
  .container-2 {
    z-index: 3;
    position: sticky;
  }

  .brand-text-holder.segment-background-white.w--current {
    z-index: 2;
  }

  .landing.pagina.hvac {
    margin-bottom: 70px;
  }

  .servizi {
    margin-top: 250px;
  }

  .div-block-27 {
    margin-top: 60px;
  }

  .footer-breadcrumbs-wrapper.okay, .extras {
    max-width: 1024px;
  }

  .finale {
    max-width: none;
  }

  .footer-breadcrumbs, .design.hvac, .foot {
    max-width: 1024px;
  }

  .i-nostri-servizi.hvac {
    margin-top: 40px;
  }

  .section-7 {
    display: flex;
  }

  ._1024px_container {
    width: 1200px;
  }

  .bold-text-30 {
    font-size: 2rem;
  }

  .div-block-147 {
    max-width: 1024px;
  }

  .body-4 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-159 {
    z-index: 2;
    -webkit-text-fill-color: inherit;
    background-color: #7f7d7dcc;
    background-clip: border-box;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: sticky;
  }

  .flipcard-title.white.rem {
    font-size: 7rem;
  }

  .flipcard-title.termo.black {
    font-size: 6rem;
  }

  .flipcard-front.border-red.first {
    justify-content: center;
    align-items: flex-start;
  }

  .flipcard-front.inizio.mobile.comp {
    height: auto;
    padding-top: 11vw;
    padding-bottom: 11vw;
  }

  .paragraph-18 {
    width: 80%;
    font-family: Sf Pro Display, sans-serif;
    font-size: 2rem;
    line-height: 1.2;
  }

  .card__front {
    right: 4px;
  }

  .card-7 {
    right: auto;
  }

  .card__bg {
    width: auto;
  }

  .card__glow {
    width: auto;
    height: auto;
  }

  .grid-16 {
    flex: 0 auto;
    padding-right: 0;
  }

  .hero-image {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-48.rem {
    font-size: 5rem;
  }

  .goodreads-reviews-div {
    max-width: none;
  }

  .reviews-area-div {
    width: 100%;
    min-width: 1304px;
    max-width: 1304px;
    padding-right: 60px;
  }

  .green-dot {
    bottom: 25%;
    left: 18%;
  }

  .nc_image_bottom-wrapper {
    left: 25%;
  }

  .modal-1-popup {
    display: none;
  }

  .container-17 {
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
  }

  .div-block-220 {
    height: 100vh;
  }

  .div-block-223 {
    margin-top: -60px;
  }

  .container-18 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .ipad-screen-wrapper {
    display: none;
  }

  .ipad-animation-inner.fly-center {
    max-width: 55%;
  }

  .blue_dashboard-card {
    border-radius: 30px;
  }

  .dashboard_grid {
    background-color: #10101500;
  }

  .dashboard_container {
    max-width: none;
  }

  .section_hero-3 {
    background-color: #10101500;
  }

  .dark_dashboard-card {
    border-radius: 30px;
  }

  .dil-container-1 {
    margin-top: 0;
  }

  .dil-section-2 {
    top: 119px;
  }

  .idraulici-pic {
    background-position: 50%;
  }

  .tyu-heading-1 {
    top: 19.9em;
  }

  .download-2.download--show {
    margin-bottom: 40px;
  }

  .download-2.download--show.fra {
    background-color: #7fb79f;
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/677453930056bb91cd1ee2be_FD_Foto_1.jpg");
    background-position: 0 0;
    background-size: cover;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .download-2.download--show.bun {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/677451275439063703745ed2_image%20(2).jpeg");
    background-position: 0 0;
    background-size: cover;
  }

  .download-2.download--show.tata {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6774528d4490418e3036ef52_tata-gallery-1-1200x0-c-default.jpg");
    background-position: 0 0;
    background-size: cover;
  }

  .download-2.download--show.ciocco {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67744a706cad467d160d61e2_image.jpeg");
    background-position: 0 0;
    background-size: cover;
  }

  .download-2.download--film {
    margin-bottom: 40px;
  }

  .download-2.download--film.rosso {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6774533c42d8ecddf855798c_image%20(3).jpeg");
    background-position: 50%;
    background-size: cover;
  }

  .download-2.download--film.merlata {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/67745481f0340c7ec063b95c_merlata-bloom-ughi-hr-49-scaled.jpg");
    background-position: 50% 100%;
    background-size: cover;
  }

  .device {
    height: 280vh;
  }

  .download-img.fra {
    height: 40%;
  }

  ._5g {
    height: 50%;
  }

  .div-block-234 {
    margin-top: 10rem;
  }

  .div-block-234.nostro-team {
    margin-top: 0;
  }

  .fixed, .newsroom-container {
    justify-content: center;
    align-items: center;
  }

  .div-block-314 {
    max-width: 90vw;
  }

  .div-block-316 {
    width: 30vw;
  }

  .container-22 {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .collection-list-wrapper-13 {
    width: 100vw;
    padding-bottom: 40px;
    padding-left: 100px;
  }

  .collection-list-24 {
    width: auto;
  }

  .div-block-503 {
    margin-top: 60px;
  }

  .collection-list-wrapper-14 {
    width: 100vw;
    padding-bottom: 40px;
    padding-left: 100px;
  }

  .div-block-510 {
    max-width: 1024px;
  }

  .collection-list-26 {
    width: auto;
  }

  .container-24 {
    z-index: 3;
    position: sticky;
  }
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

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

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .container-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-2.nav {
    align-items: center;
    height: 100%;
  }

  .container-2.nav.home.phone.ipad {
    justify-content: space-between;
  }

  .nav-menu {
    grid-row-gap: 30px;
    text-align: center;
    background-color: #2e2e2e;
    justify-content: center;
  }

  .nav-menu.iphone {
    z-index: 1;
    background-color: #fff;
    flex-flow: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .clone-this-holder {
    flex: 1;
    justify-content: flex-end;
    padding-right: 20px;
  }

  .menu-button-2 {
    padding: 8px;
  }

  .menu-button-2.w--open {
    background-color: #292929;
  }

  .menu-button-2.iphone {
    width: 30px;
    height: 30px;
    padding: 0;
  }

  .menu-button-2.iphone.w--open {
    z-index: 4;
    color: #000;
    background-color: #fff0;
    font-size: 25px;
  }

  .navbar {
    height: 50px;
  }

  .navbar.iphone {
    height: 45px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .navbar.iphone.large.termocare.inizio {
    background-color: #fffc;
    position: fixed;
  }

  .homenav {
    margin-left: 0;
    margin-right: 0;
    font-size: 30px;
    font-weight: 700;
  }

  .homenav.impianti.mob {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    font-size: 30px;
    font-weight: 700;
  }

  .navbar-categories-group {
    z-index: 10;
    grid-row-gap: 30px;
    -webkit-text-fill-color: inherit;
    background-color: #0d0d0d;
    background-clip: border-box;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100vh;
    margin-top: 0;
    padding-top: 110px;
    padding-bottom: 30px;
    padding-left: 0;
    display: flex;
    position: relative;
  }

  .heading-2.elettricisti.mobile {
    font-size: 60px;
    font-weight: 500;
    line-height: 1.2;
  }

  .heading-2.idraulici, .heading-2.impianti {
    font-size: 60px;
    line-height: 1.2;
  }

  .text-block-2 {
    font-size: 25px;
  }

  .text-block-2.subsub {
    max-width: 630px;
  }

  .landing.pagina.hvac {
    margin-left: 40px;
  }

  .landing.hvac.phone {
    margin-top: 0;
    padding-top: 0;
  }

  .div-block-4 {
    width: auto;
  }

  .electrician.mobile {
    margin-top: 15px;
  }

  .plumbers {
    background-color: #222;
    margin-top: 15px;
  }

  .container-3 {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .bold-text.mobsub {
    font-size: 20px;
  }

  .bold-text.mob {
    font-size: 30px;
  }

  .card-overline.white {
    font-size: 12px;
  }

  .card-overline.black {
    color: #333;
  }

  .product-card.empty {
    display: none;
  }

  .product-card.watch.monitor.mqa, .product-card.watch.monitor.t {
    margin-right: 30px;
  }

  .product-card._3 {
    margin-left: 40px;
  }

  .product-card._3.split.why {
    height: 350px;
  }

  .product-card._3.split.why._2.lastone, .product-card.ipad.ultimo.electro.oskoskosk {
    margin-right: 30px;
  }

  .product-card.small, .product-card.small.primo.unico.hvac {
    width: 400px;
  }

  .product-card.small.ultimo {
    margin-right: 30px;
  }

  .product-card.leak-detection-and-repair, .product-card.grease-trap-installation-and-maintenance {
    margin-left: 30px;
  }

  .product-card.energy-optimization-for-businesses, .product-card.manutenzione-stagionale {
    margin-right: 30px;
  }

  .product-card.radiant-floor-heating, .product-card.plumbing-inspections {
    margin-left: 30px;
  }

  .product-card.consultazione-e-pianificazione {
    margin-right: 30px;
  }

  .product-card.interruttori-differenziali {
    margin-left: 30px;
  }

  .product-card.sustainable {
    margin-right: 0;
  }

  .product-card.energy-audits {
    margin-left: 30px;
  }

  .scroll-map-wrapper.aria.migliorato {
    padding-right: 30px;
  }

  .scroll-map-wrapper.aria.migliorato.electro {
    padding-right: 0;
  }

  .scroll-map-wrapper.aria.migliorato._30, .scroll-map-wrapper.aria.migliorato.business {
    padding-right: 30px;
  }

  .scroll-map-wrapper.finale.hvac.mobile {
    padding-left: 40px;
  }

  .scroll-map-wrapper.finale.hvac.mobile.prova-finale {
    padding-right: 30px;
  }

  .head-category {
    margin-left: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid_2_columns {
    grid-column-gap: 20px;
  }

  .div-block-20 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .bold-text-3.nero._2-5, .bold-text-4.nero._2-5, .bold-text-6.nero._2-5, .bold-text-7._2-5, .bold-text-8, .bold-text-9 {
    font-size: 2.5rem;
  }

  .bold-text-10.nero {
    font-size: 2.5rem;
    line-height: 1.1;
  }

  .div-block-25, .div-block-27 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .footer-breadcrumbs-wrapper {
    border-bottom: 1px solid #d6d6d6;
  }

  .extras {
    align-items: flex-start;
  }

  .legal {
    padding-bottom: 24px;
  }

  .footer-columns-d {
    display: none;
  }

  .breadcrumb-link {
    margin-top: 0;
    margin-bottom: 0;
  }

  .finale.home.iphone.new.big {
    padding-left: 40px;
    padding-right: 40px;
  }

  .site-map {
    margin-top: 4px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .copyright-and-site-map {
    flex-direction: column;
    align-items: flex-start;
  }

  .gallery-circle.gallery-circle-1, .gallery-circle.gallery-circle-2, .gallery-circle.gallery-circle-5, .gallery-circle.gallery-circle-3, .gallery-circle.gallery-circle-4 {
    margin-left: 2px;
    margin-right: 2px;
  }

  .gallery-7-title {
    letter-spacing: .009em;
    width: 50%;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .gallery-bento-4-titlte {
    letter-spacing: -.022em;
    padding: 25px 18px 5px;
    font-size: 17px;
    line-height: 21px;
  }

  .image-8 {
    max-width: 372px;
    max-height: 156px;
  }

  .image-13 {
    width: 174px;
    height: 222px;
  }

  .gallery-bento-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .gallery-bento {
    width: 224px;
  }

  .gallery-bento.gallery-position.gallery-end.gallery-b-5 {
    height: 600px;
    max-height: none;
  }

  .gallery-bento.gallery-b-3._30.new {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image-14 {
    width: 385px;
    height: 208px;
  }

  .gallery-bento-1-image {
    width: 180px;
  }

  .gallery-bento-1-text {
    padding: 18px;
    font-size: 17px;
    line-height: 21px;
  }

  .beautifull-durable {
    font-size: 60px;
    line-height: 1.2;
  }

  .text-block-13 {
    letter-spacing: -.022em;
    font-size: 17px;
    line-height: 21px;
  }

  .gallery-bento-4-text {
    letter-spacing: -.003em;
    font-size: 60px;
    line-height: 1.1;
  }

  .design {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 692px;
  }

  .image-7 {
    width: 210px;
    max-width: 210px;
  }

  .gallery-7-description {
    letter-spacing: -.022em;
    width: 50%;
    padding: 18px 18px 18px 8px;
    font-size: 17px;
    line-height: 21px;
  }

  .gallery-bento-3-position.gallerry-end-2 {
    height: 236px;
  }

  .gallery-bento-6-image-wrapper {
    width: 100%;
    height: 179px;
  }

  .gallery-bento-6-text {
    letter-spacing: -.022em;
    padding: 18px;
    font-size: 17px;
    line-height: 21px;
  }

  .heading-11 {
    font-size: 60px;
  }

  .heading-11.mobile {
    line-height: 1.1;
  }

  .section-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .section-3.mobile {
    max-width: 1024px;
  }

  .tab {
    width: 100%;
  }

  .tab.big {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 75%;
  }

  .section-4 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .section-5 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .grid-2.computer.mobile {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .heading-13.okcomputer {
    text-align: right;
    padding-right: 20px;
  }

  .heading-14.termocare-servizi.black {
    text-align: right;
    font-size: 0;
    line-height: 1;
  }

  .div-block-33 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .custom_container.sections {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-9.hero.mobile {
    background-size: cover;
  }

  .section-10.iphone-12-pro.mobile {
    background-size: auto, auto;
  }

  .section-11.iphone-12 {
    background-size: auto, cover;
  }

  .section-12.magsafe {
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
  }

  .section-13.homepod.mobile {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6720e720dc743924a62d1d3d_nest4thgenthermostatleak.avif");
    background-position: 50%;
    background-size: cover;
  }

  .heading-16 {
    text-align: left;
    font-size: 60px;
  }

  .div-block-37 {
    text-align: center;
  }

  .pay_the_new {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .piu {
    background-size: 50%;
  }

  .text-span-20 {
    font-size: 5.4vw;
  }

  .wallet_int {
    padding-top: 16vw;
  }

  .grid-3 {
    grid-column-gap: .6vw;
    grid-row-gap: .6vw;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .column-5 {
    height: 100%;
  }

  .h2.white {
    font-size: 5.4vw;
    line-height: 5.8vw;
  }

  .loyaltiy_and {
    padding-left: 4vw;
  }

  .text-span-18 {
    font-size: 5.4vw;
    line-height: 5.5vw;
  }

  .div-block-49 {
    background-position: 50%;
    background-size: cover;
  }

  .headline_area {
    height: 56vw;
  }

  .columns-3 {
    width: 100%;
    height: 100%;
  }

  .card-2.fff_card {
    padding-left: 4vw;
    padding-right: 3.5vw;
  }

  .columns-2.mobile {
    display: none;
  }

  .hero_section {
    align-items: center;
    padding-top: 0;
  }

  ._56vw_spacer {
    height: 56vw;
  }

  .card.fff_card {
    padding-left: 4vw;
    padding-right: 3.5vw;
  }

  .text-span-19 {
    font-size: 5.4vw;
  }

  ._2nd_section {
    height: 112vw;
  }

  .div-block-9-copy {
    background-image: none;
    padding-left: 4vw;
  }

  .h2-2.white {
    font-size: 5.4vw;
    line-height: 5.8vw;
  }

  .image-19 {
    position: relative;
    top: 0;
  }

  .text-span-45 {
    font-size: 5.4vw;
  }

  .grid-5 {
    grid-column-gap: .6vw;
    grid-row-gap: .6vw;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .column-7 {
    height: 100%;
  }

  .text-span-57 {
    font-size: 5.4vw;
    line-height: 5.5vw;
  }

  .div-block-69 {
    background-position: 50%;
    background-size: cover;
  }

  .columns-4 {
    width: 100%;
    height: 100%;
  }

  .card-3.fff_card {
    padding-left: 4vw;
    padding-right: 3.5vw;
  }

  .text-span-64 {
    font-size: 5.4vw;
  }

  .h2-3.white {
    font-size: 5.4vw;
    line-height: 5.8vw;
  }

  .image-20 {
    position: relative;
    top: 0;
  }

  .text-span-70 {
    font-size: 5.4vw;
  }

  .grid-7 {
    grid-column-gap: .6vw;
    grid-row-gap: .6vw;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .column-13 {
    height: 100%;
  }

  .grid-8 {
    display: none;
  }

  .text-span-81 {
    font-size: 5.4vw;
    line-height: 5.5vw;
  }

  .div-block-91 {
    background-position: 50%;
    background-size: cover;
  }

  .columns-6 {
    width: 100%;
    height: 100%;
  }

  .card-4.fff_card {
    padding-left: 4vw;
    padding-right: 3.5vw;
  }

  .nav_list {
    font-size: 1.3vw;
  }

  ._1024px_container {
    padding-left: 0;
    padding-right: 0;
  }

  .text-span-87 {
    font-size: 5.4vw;
  }

  .hero_section-2 {
    align-items: center;
    padding-top: 0;
  }

  .h2-4.white {
    font-size: 5.4vw;
    line-height: 5.8vw;
  }

  .image-21 {
    position: relative;
    top: 0;
  }

  .text-span-90 {
    font-size: 5.4vw;
  }

  .column-18 {
    height: 100%;
  }

  .grid-10 {
    display: none;
  }

  .h2-5.white {
    font-size: 5.4vw;
    line-height: 5.8vw;
  }

  .text-span-101 {
    font-size: 5.4vw;
    line-height: 5.5vw;
  }

  .div-block-113 {
    background-position: 50%;
    background-size: cover;
  }

  .columns-8 {
    width: 100%;
    height: 100%;
  }

  .card-5.fff_card {
    padding-left: 4vw;
    padding-right: 3.5vw;
  }

  .text-span-112 {
    font-size: 5.4vw;
  }

  .hero_section-3 {
    align-items: center;
    padding-top: 0;
  }

  .image-22 {
    position: relative;
    top: 0;
  }

  .text-span-115 {
    font-size: 5.4vw;
  }

  .grid-12 {
    grid-column-gap: .6vw;
    grid-row-gap: .6vw;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .column-24 {
    height: 100%;
  }

  .h2-6.white {
    font-size: 5.4vw;
    line-height: 5.8vw;
  }

  .text-span-127 {
    font-size: 5.4vw;
    line-height: 5.5vw;
  }

  .div-block-133 {
    background-position: 50%;
    background-size: cover;
  }

  .columns-10 {
    width: 100%;
    height: 100%;
  }

  .card-6.fff_card {
    padding-left: 4vw;
    padding-right: 3.5vw;
  }

  .text-span-138 {
    font-size: 5.4vw;
  }

  .hero_section-4 {
    align-items: center;
    padding-top: 0;
  }

  .image-24 {
    position: relative;
    top: 0;
  }

  .container-7 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .water__heading {
    width: 50%;
  }

  .download__para {
    width: auto;
  }

  .download__para.download__lidar-para.hdr-video-para.left-align {
    text-align: left;
    width: auto;
    margin-left: 140px;
    margin-right: 30px;
  }

  .download__para.download__para-left {
    width: 70%;
  }

  ._14bionic__content-overlay {
    z-index: 0;
    width: 220%;
  }

  ._14bionic__headling, ._14bionic__headling._14bionic__heading--white {
    font-size: 70px;
  }

  ._14bionic__headling._14bionic__heading--white._14bionic__heading--margin {
    font-size: 60px;
  }

  .lidar__content-overlay {
    width: 200%;
    left: 0%;
  }

  .row {
    overflow: hidden;
  }

  .image-fusion {
    width: 500px;
    margin-left: 20px;
    margin-right: 0;
  }

  .image-fusion.image-fusion--1.left {
    margin-left: 0;
    margin-right: 10px;
  }

  .gallery-image {
    flex-basis: 30%;
    max-width: 30%;
  }

  .segment-container.row.row--1 {
    top: 130px;
  }

  .gallery-copy {
    width: 400px;
    margin-top: 210px;
    margin-left: -200px;
    position: relative;
    left: 70%;
  }

  .gallery-item.telephoto, .gallery-item.wide {
    display: none;
  }

  .gallery-content {
    flex-basis: 70%;
    max-width: 70%;
  }

  .turbo__flex {
    justify-content: space-between;
  }

  .true-depth__image {
    margin-left: -492px;
    left: 50%;
  }

  .turbo-flex-image {
    flex-basis: 60%;
    max-width: 60%;
  }

  .hardware-with-conent {
    overflow: hidden;
  }

  .paragraph-14.nero {
    line-height: 1.3;
  }

  .paragraph-14.white {
    width: 70%;
  }

  .grid-15.eyyy.big {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: minmax(200px, 1fr);
  }

  .elettricisti {
    margin-left: 0;
    margin-right: 0;
    font-size: 30px;
    font-weight: 700;
  }

  .burger {
    filter: invert();
    color: #000;
  }

  .burger.inverted, .burger.inverted.menunuuu {
    filter: invert();
  }

  .burger.inverted.ggggg {
    filter: invert();
    height: 30px;
  }

  .div-block-160 {
    margin-top: 40px;
    margin-bottom: 0;
    padding-top: 50px;
  }

  .flipcard-title {
    font-size: 2rem;
  }

  .prova {
    grid-template-columns: 1fr;
  }

  .prova.business-referral.referrall-box-big {
    width: 70vw;
  }

  .flipcard-title-3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
  }

  .flipcard-title-3.black.du.med.business-referral, .flipcard-title-3.du.med.business-referral {
    font-size: 3rem;
  }

  .flipcard-front-3.obieetivo-1 {
    padding-top: 11vw;
    padding-left: 11vw;
    padding-right: 11vw;
  }

  .flipcard-subtitle-3 {
    font-size: 1rem;
  }

  .album-section {
    padding-top: 0;
    padding-bottom: 200px;
  }

  .album-section.header {
    padding-top: 10vh;
  }

  .album-section.footer {
    padding-right: 5%;
  }

  .album-title.white {
    padding-right: 290px;
    line-height: 68px;
  }

  .column-details {
    padding-right: 0;
  }

  .spacer {
    height: 8vw;
  }

  .number.cymbals {
    padding-bottom: 4vw;
  }

  .artist {
    padding-bottom: 40px;
  }

  .date {
    line-height: 22px;
  }

  .honorable-song {
    line-height: 68px;
  }

  .nav-list {
    font-size: 1.5vw;
  }

  .clone-in-webflow {
    margin-right: -.5em;
  }

  .container-11 {
    padding: 2%;
  }

  .container-11.is-menu {
    padding-bottom: 6.5em;
  }

  .courses__columns {
    flex-wrap: wrap;
    justify-content: center;
  }

  .courses__col {
    flex: 0 auto;
    width: 50%;
  }

  .courses__col.mod--3 {
    margin-top: 24px;
  }

  .courses__heading-wrap {
    display: block;
  }

  .portfolio-content3_component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .portfolio-content1_content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .padding-section-large-2 {
    padding-top: 2rem;
    padding-bottom: 0;
  }

  .portfolio-content2_content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .portfolio-content1_lightbox-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-global-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .portfolio-header_component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .stacked-tabs-container {
    width: 100%;
    min-width: 100%;
  }

  .stacked-tabs-content-holder {
    justify-content: flex-start;
  }

  .stacked-tabs-pane-holder {
    width: 80%;
  }

  .stacked-tabs-holder {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .stacked-tabs-holder-2 {
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .text-block-17 {
    font-weight: 400;
  }

  .icon-section {
    margin-top: 25px;
  }

  .first-image {
    padding-left: 40px;
    padding-right: 40px;
  }

  .background-video-3 {
    z-index: 1;
    position: relative;
  }

  .bottom-nav {
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .newsroom-stripe-group {
    padding-right: 0;
  }

  .newsroom-stripe-group.right {
    padding-left: 0;
  }

  .div-block-174 {
    height: auto;
    padding: 3rem 30px;
  }

  .div-block-174.business {
    margin-top: 5vh;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-175 {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-176 {
    margin-top: 3rem;
  }

  .div-block-177 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .div-block-178 {
    padding-right: 0;
  }

  .linea {
    margin-left: 30px;
    margin-right: 30px;
  }

  .grid-16 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .brd-wrap-grid-1 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .container-class-1 {
    width: auto;
  }

  .section-class-1 {
    font-size: 1.3vw;
  }

  .brc-linkblock-wrap-pic-1 {
    background-color: #fff;
  }

  .form-step {
    padding-top: 25%;
    padding-bottom: 25%;
    padding-right: 10%;
  }

  .form-step.radio {
    padding-top: 20%;
    padding-bottom: 20%;
  }

  .radio-button-field {
    margin-bottom: 30px;
  }

  .form-radio-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .text-input {
    width: 100%;
  }

  .container-15 {
    padding-left: 0;
    padding-right: 0;
  }

  .goal-subgorup.obbiettivi {
    grid-template-columns: 1fr 1fr;
  }

  .bold-text-37 {
    line-height: 1.1;
  }

  .hero-triple-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .hero-grid-container.right {
    padding: 40px;
  }

  .hero-image {
    background-position: 50%;
  }

  .hero-frame-bottom {
    height: 20px;
  }

  .dual-grid-left {
    justify-content: flex-start;
    padding-left: 10vw;
  }

  .hero-dual-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .intro-content {
    max-width: 90%;
    padding: 50px 30px;
  }

  .section-headline {
    max-width: 350px;
    font-size: 64px;
  }

  .intro-paragraph {
    margin-top: 35px;
    margin-bottom: 40px;
    font-size: 28px;
  }

  .cta-link {
    font-size: 21px;
  }

  .intro-pricing {
    margin-bottom: 15px;
    font-size: 21px;
  }

  .intro-subhead {
    font-size: 80px;
  }

  .hero-gtid-image-3 {
    display: none;
  }

  .hero-gtid-image-3.tablet {
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .section-paragraph {
    max-width: 300px;
    font-size: 21px;
  }

  .hero-6 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .tabnav-item {
    margin-right: 50px;
  }

  .middle-lens {
    transform-origin: -112px 277.5px;
    margin-top: -277.5px;
  }

  .callout-details {
    margin-top: 30px;
    font-size: 21px;
  }

  .tabnav-link {
    font-size: 17px;
  }

  .camera-three-lens-system {
    padding-top: 155px;
  }

  .callout, .callout.middle, .callout.top {
    margin-top: 150px;
  }

  .section-content.flex, .section-content.sticky-callout, .section-content.three-lens {
    width: 692px;
  }

  .intro-hardware {
    left: -16px;
  }

  .cameras {
    display: block;
  }

  .image-hardware-phone {
    background-size: 754px 1502px;
    width: 754px;
    height: 1502px;
  }

  .fov-intro-text {
    font-size: 21px;
  }

  .lens-image.top, .lens-image.bottom, .lens-image.middle {
    background-size: 556px 555px;
    width: 556px;
    height: 555px;
  }

  .callout-tittle.top {
    background-size: 142px;
    width: 142px;
    height: 16px;
  }

  .callout-tittle.bottom {
    background-size: 207px;
    width: 207px;
    height: 16px;
  }

  .callout-tittle.middle {
    background-size: 210px;
    width: 210px;
    height: 16px;
  }

  .fov-intro {
    padding-top: 106px;
    padding-bottom: 49px;
  }

  .image-hardware-lens.bottom {
    background-size: 280px;
    width: 280px;
    height: 302px;
    top: 52px;
    left: 57px;
  }

  .image-hardware-lens.top {
    background-size: 280px 302px;
    width: 280px;
    height: 302px;
    top: 53px;
    left: 57px;
  }

  .image-hardware-lens.middle {
    background-size: 280px;
    width: 280px;
    height: 302px;
    top: 53px;
    left: 57px;
  }

  .bottom-lens {
    transform-origin: 473px -95px;
  }

  .right-column {
    flex: 0 50%;
    max-width: 50%;
    margin-left: 0%;
  }

  .camera-hero-content-container {
    flex-basis: 100%;
  }

  .three-lens-intro {
    margin-top: 150px;
  }

  .camera-hero-headline {
    font-size: 74px;
  }

  .camera-hero-lens-container {
    width: 1141px;
    height: 1228px;
    left: -162px;
  }

  .img-fov-gallery.tele, .img-fov-gallery.wide, .img-fov-gallery.ultrawide {
    width: 692px;
    height: 521px;
  }

  .top-lens {
    transform-origin: 473px 614px;
  }

  .fov-gallery.overflow-hidden-2 {
    height: 521px;
  }

  .camera-hero-content {
    justify-content: flex-start;
  }

  .callout-keyline.middle {
    width: 564px;
  }

  .callout-keyline.top, .callout-keyline.bottom {
    width: 428px;
  }

  .three-lens-headline {
    font-size: 28px;
  }

  .fov-sticky-content {
    top: 259.5px;
  }

  .callout-single-lens.middle {
    margin-top: 175px;
  }

  .callout-single-lens.top {
    margin-top: 97px;
  }

  .callout-single-lens.bottom {
    margin-top: 254px;
  }

  .hardware-container {
    left: 16px;
  }

  .three-lens-intro-text {
    margin-top: 140px;
  }

  .container-16.camera {
    width: 692px;
    max-width: none;
  }

  .camera-hero-heading {
    font-size: 74px;
  }

  .bold-text-40 {
    font-size: 2.5rem;
  }

  .pop {
    font-size: 15px;
  }

  .white {
    font-size: 2rem;
  }

  .bold-text-46 {
    font-size: 2rem;
    line-height: 1.1;
  }

  .bold-text-47 {
    font-size: 3rem;
  }

  .bold-text-49.white, .bold-text-50.white, .bold-text-51.white, .bold-text-52.white, .bold-text-53.white {
    font-size: 12px;
  }

  ._20vw-div {
    width: 18vw;
  }

  .goodreads-reviews-div {
    padding-left: 25px;
    padding-right: 25px;
  }

  .nc_col-wrapper {
    border-left: 1px solid #424245;
    width: 24.0313rem;
  }

  .text-style-hero {
    letter-spacing: 0;
    font-size: 5rem;
    line-height: .9;
  }

  .green-dot {
    width: 5.3125rem;
    height: 5.3125rem;
    left: 35%;
  }

  .text-style-nav {
    font-size: .875rem;
    line-height: 1.31429;
  }

  .text-span-medium {
    font-size: 3.25rem;
  }

  .xray_text-wrapper {
    width: 11.5rem;
  }

  .xray_text-wrapper.is-2 {
    width: 12rem;
  }

  .section_ap {
    overflow: hidden;
  }

  .section_noise-cancelation {
    width: 100vw;
    overflow: hidden;
  }

  .text-span-large {
    font-size: 5rem;
    line-height: .7;
  }

  .c-b_wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .chip_video-wrapper {
    justify-content: center;
    align-items: center;
    width: 18.75rem;
    height: 18.75rem;
    display: flex;
    overflow: hidden;
  }

  .nc_image-component {
    border-right: 1px solid #424245;
    width: 24.0313rem;
    padding-top: 4rem;
  }

  .nc_details-wrapper {
    min-height: 21.6875rem;
  }

  .nc_details-wrapper.is-2 {
    padding: 6.375rem 3.25rem;
  }

  .tips_wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    align-items: stretch;
    padding-top: 5%;
  }

  .nc_info-wrapper {
    justify-content: center;
    height: 47.5rem;
  }

  .nav_wrapper {
    flex-direction: row;
    width: 100vw;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav_wrapper.is-bottom {
    flex-direction: column;
  }

  .nav_wrapper.is-top {
    display: none;
  }

  .nav_wrapper.is-top.is-mob {
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .hero_second-text-wrapper {
    justify-content: center;
    align-items: center;
    max-width: 40rem;
    display: block;
    inset: -45% auto auto;
  }

  .logo_wrapper {
    width: 1rem;
    height: auto;
  }

  .hamburger-line_wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
  }

  .nc_image_bottom-wrapper {
    width: 22.625rem;
    height: 32.0625rem;
    left: 6%;
  }

  .nav_bottom-wrapper {
    justify-content: space-between;
    display: flex;
  }

  .main-wrapper-2 {
    width: 100vw;
  }

  .section_case-battery {
    width: 100vw;
    overflow: hidden;
  }

  .hero_heading-wrapper {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-bottom: 4.5rem;
    padding-top: 0;
  }

  .airpod-image {
    object-fit: contain;
    width: auto;
  }

  .chip-video {
    object-fit: contain;
    width: 18.75rem;
    height: 18.5rem;
  }

  .nc_p4-wrapper {
    max-width: 13.5rem;
  }

  .video_info-wrapper {
    max-width: 680px;
  }

  .airpods-charging-image {
    width: 100%;
    height: 100%;
  }

  .p4-wrapper {
    max-width: 28rem;
  }

  .heading-62 {
    line-height: .95;
  }

  .nc_tips-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    align-items: flex-start;
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }

  .text-style-p2 {
    letter-spacing: 0;
    font-size: 1.375rem;
    line-height: 1.18182;
  }

  .nc_details-wrapper-copy {
    border-right: 1px solid #424245;
    max-width: 384.5px;
    min-height: 27.5rem;
    padding: 6.375rem 3.25rem;
  }

  .nav-mob_wrapper {
    flex-direction: column;
    padding: .25rem 2.5rem .375rem;
    display: none;
    overflow: hidden;
  }

  .text-style-logo {
    letter-spacing: .228px;
    font-size: 1.1875rem;
    line-height: 1.26316;
  }

  .text-style-p3 {
    letter-spacing: -.022em;
    font-size: 1.0625rem;
    line-height: 1.235;
  }

  .text-style-p3.is-centered {
    line-height: 1.2353;
  }

  .nav_top_icon-wrapper.is-first {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .nav_top_icon-wrapper.is-hamburger {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .xray_bg-image-wrapper {
    width: 18.0625rem;
    height: 25.625rem;
  }

  .text-style-hero-top {
    letter-spacing: .007em;
    font-size: 1.75rem;
    line-height: .407857;
  }

  .nav_button-wrapper.is-mob {
    display: flex;
  }

  .nc_p3-wrapper {
    max-width: 425px;
  }

  .nc_info-wrapper-copy {
    justify-content: center;
    height: auto;
  }

  .green_dot-title-wrapper {
    bottom: 18%;
    left: 0%;
  }

  .hamburger-line {
    background-color: #fff;
    width: 14px;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .c-b_image-wrapper {
    width: 327px;
    height: 329px;
    bottom: -6%;
    left: -30px;
  }

  .nc_green-dot_wrapper {
    grid-column-gap: 3.875rem;
    grid-row-gap: 3.875rem;
    flex-direction: column;
    align-items: flex-start;
    width: 41.625rem;
    display: flex;
  }

  .hero_wrapper {
    height: 50vh;
    padding-bottom: 8rem;
    display: none;
  }

  .hero_wrapper.is-mob {
    justify-content: space-between;
    align-items: center;
    height: 44vh;
    padding-bottom: 3.5rem;
    display: flex;
  }

  .size_label-wrapper {
    height: 1.25rem;
  }

  .text-style-size-label {
    font-size: .875rem;
  }

  .ap_info-wrapper {
    justify-content: center;
    height: 27.5rem;
  }

  .text-span-large-lime {
    font-size: 5rem;
    line-height: .7;
  }

  .menu_wrapper {
    align-items: center;
    height: 2.75rem;
    display: flex;
  }

  .p1_max-width {
    max-width: 83.33%;
    padding-top: 1rem;
  }

  .c-b_title-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: flex-start;
    max-width: 43.25rem;
    padding-bottom: 4.625rem;
    padding-left: 0;
    padding-right: 0;
  }

  .nc_green-dot_container {
    padding-left: 29%;
  }

  .nc_wrapper {
    align-items: center;
  }

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

  .sizes_image-wrapper.is-2 {
    width: 81px;
    height: 115px;
  }

  .sizes_image-wrapper.is-3 {
    width: 81px;
    height: 127px;
  }

  .sizes_image-wrapper.is-4 {
    width: 81px;
    height: 145px;
  }

  .sizes_image-wrapper.is-1 {
    width: 71px;
    height: 112px;
  }

  .menu-line {
    background-color: #424245;
    width: 100%;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .green-dot_wrapper {
    width: 25.25rem;
    height: 20.25rem;
  }

  .hero_component {
    justify-content: flex-end;
    overflow: hidden;
  }

  .nc_p1-wrapper {
    max-width: 37rem;
    padding-top: 1rem;
  }

  .hero_bottom-text-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    bottom: 0;
  }

  .section_nav {
    width: 100vw;
    position: relative;
    overflow: hidden;
  }

  .ap_details-wrapper {
    border-right: 1px solid #424245;
    width: 24.0313rem;
    padding: 6.375rem 3.25rem;
  }

  .ap_title-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: 43.25rem;
    padding-left: 0;
    padding-right: 0;
  }

  .nc_heading-wrapper {
    max-width: 83.33%;
  }

  .padding-section-c-b {
    padding-top: 5rem;
  }

  .text-span-5 {
    padding-left: 218px;
  }

  .h1-2 {
    font-size: 14.6vw;
  }

  .nav_arrow-wrapper {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 1.125rem;
    height: .625rem;
    display: flex;
  }

  .xray_image-wrapper {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }

  .line_wrapper {
    height: 356px;
    left: 236px;
    right: auto;
  }

  .text-style-p5 {
    letter-spacing: 0;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.1;
  }

  .hero_text-wrapper {
    justify-content: space-between;
    align-items: center;
    height: 50vh;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    position: absolute;
    inset: 0%;
  }

  .text-style-p1 {
    letter-spacing: 0;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.166;
  }

  .c-b_details-wrapper.is-line {
    border-left: 1px solid #424245;
    max-width: 384.5px;
    min-height: 27.5rem;
    padding: 6.375rem 3.25rem;
  }

  .c-b_details-wrapper.is-up {
    border-right: 1px solid #424245;
    max-width: 384.5px;
    min-height: 27.5rem;
    padding: 6.375rem 3.25rem;
  }

  .nc_size-title-wrapper {
    width: 41.625rem;
    max-width: none;
  }

  .nc_p2-wrapper.is-white {
    grid-column-gap: 2rem;
    justify-content: space-around;
    align-items: center;
    max-width: none;
    min-height: 455px;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .nav_bottom_logo-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: row;
    display: flex;
  }

  .c-b_info-wrapper {
    justify-content: center;
    height: auto;
  }

  .lottie_wrapper {
    width: 130vw;
  }

  .ap_wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    align-items: center;
  }

  .nav_bottom_menu-wrapper {
    display: none;
  }

  .nav_bottom_menu-wrapper.is-mob {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-items: stretch;
    display: flex;
    overflow: hidden;
  }

  .nc_airpod-image-wrapper {
    width: 10.75rem;
    height: 17.4375rem;
  }

  .nav_menu-wrapper {
    grid-column-gap: 1.125rem;
    grid-row-gap: 1.125rem;
    display: flex;
  }

  .nc_title-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: 43.25rem;
    padding-bottom: 5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .c-b_heading-wrapper {
    max-width: none;
  }

  .nav_bottom-button-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    align-items: center;
    display: flex;
  }

  .nc_size-wrapper {
    grid-column-gap: 8.5rem;
    grid-row-gap: 8.5rem;
    align-items: center;
    width: 100vw;
    height: auto;
    padding: 6.375rem 0;
  }

  .tipless-airpod_image {
    object-fit: cover;
  }

  .ap_image-wrapper {
    border-left: 1px solid #424245;
    width: 24.0313rem;
  }

  .sizes_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: space-around;
  }

  .text-style-p4 {
    letter-spacing: -.374px;
    font-size: 1.0625rem;
    line-height: 1.23529;
  }

  .nc_details-wrapper-copy-2.is-line {
    border-left: 1px solid #424245;
    border-right-style: solid;
    border-right-width: 1px;
    height: auto;
  }

  .hero_top-text-wrapper {
    padding-bottom: 0;
  }

  .nc_green-dot-component {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-bottom: 6.375rem;
    padding-left: 3.25em;
    padding-right: 3.25rem;
  }

  .slide-1 {
    width: 375px;
  }

  .grey {
    font-size: 20px;
  }

  .superscript, .superscript.grey {
    font-size: 12px;
  }

  .card-front {
    box-shadow: none;
    width: 375px;
    height: 575px;
    padding: 15% 10% 0%;
    transition-property: none;
  }

  .card-front:hover {
    transform: none;
  }

  .card-front._3 {
    width: 300px;
    height: 575px;
    padding-top: 15%;
    padding-left: 10%;
    padding-right: 10%;
    transition-property: none;
  }

  .card-front._3:hover {
    transform: none;
  }

  .card-front._4 {
    width: 300px;
    height: 575px;
    transition-property: none;
  }

  .card-front._4:hover {
    transform: none;
  }

  .card-front._7 {
    transition-property: none;
  }

  .card-front._2 {
    box-shadow: none;
    background-position: 50% 100%;
    width: 300px;
    height: 575px;
    padding-top: 15%;
    padding-left: 10%;
    padding-right: 10%;
    transition-property: none;
  }

  .card-front._2:hover {
    transform: none;
  }

  .card-front._6, .card-front._8, .card-front._5, .card-front._8 {
    transition-property: none;
  }

  .card-front._1.phone, .card-front.a, .card-front.b.save, .card-front.green, .card-front.property, .card-front.extend, .card-front.well {
    width: 375px;
  }

  .slider-3 {
    margin-top: 60px;
  }

  .left-arrow {
    right: 7.5%;
  }

  .slide-4 {
    width: 300px;
  }

  .card-feature-wrapper {
    flex-flow: column;
  }

  .slide-7, .slide-3, .slide-2 {
    width: 300px;
  }

  .card-link:hover {
    transform: none;
  }

  .mask {
    width: 300px;
  }

  .mask.phone {
    width: 50vw;
  }

  .feature-card-image {
    display: block;
  }

  .feature-card-image.hide {
    display: none;
  }

  .feature-card-image.tablet-mobile {
    display: block;
  }

  .section-19 {
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .section-heading {
    margin-bottom: 0;
    font-size: 40px;
  }

  .slide-5, .slide-8 {
    width: 300px;
  }

  .popup-heading {
    margin-bottom: 20px;
    font-size: 45px;
  }

  .modal-1-popup {
    display: none;
  }

  .container-17 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 50px;
    padding-right: 50px;
  }

  .slide-6 {
    width: 300px;
  }

  .modal-content {
    padding: 4rem;
  }

  .card-8._3, .card-8._2, .card-8._1, .card-8._1 {
    padding-top: 60px;
  }

  .feature-card-text {
    font-size: 20px;
  }

  .feature-card-text.right {
    order: -1;
    margin-bottom: 0;
  }

  .feature-card-text._40px {
    font-size: 20px;
  }

  .card-title {
    margin-bottom: 0;
    font-size: 21px;
  }

  .card_text-content {
    grid-template-columns: 1.25fr .25fr;
  }

  .card_text-content.is-layout03 {
    align-content: start;
  }

  .faq_content {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .card_image {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .card_item.is-scroll-reveal {
    border-radius: 1.25rem;
    margin-bottom: 1.5rem;
  }

  .section_podcast-featured {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .devices-icon_row {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .card_item-layout-02 {
    grid-row-gap: 3rem;
    flex-flow: column-reverse;
    padding-top: 4.5rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    display: flex;
  }

  .device_left.is-scroll-reveal {
    justify-content: center;
    align-items: stretch;
    width: 100%;
  }

  .section_faq {
    overflow: hidden;
  }

  .podcast-featured_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    min-width: 140vw;
  }

  .card_item-layout01 {
    flex-flow: column;
    padding-top: 4.5rem;
    padding-left: 3.5rem;
    padding-right: 0;
    display: flex;
  }

  .brands-icon_row {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .card_item-layout03 {
    background-color: #000;
    background-position: 100% 210%;
    background-size: 140%;
    background-attachment: scroll;
    padding: 3rem;
  }

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

  .card_slider {
    grid-row-gap: 16px;
  }

  .card_slider:hover {
    margin-right: 64px;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .card_text-content_paragraph {
    max-width: 50ch;
  }

  .faq_icon-down {
    top: 13%;
  }

  .device_right.is-scroll-reveal {
    width: 100%;
    min-height: 90vh;
  }

  .slider-4 {
    margin-top: 60px;
  }

  .section-23 {
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .section-heading-2 {
    margin-bottom: 0;
    font-size: 40px;
  }

  .container-18 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .intro {
    margin-left: 0;
    margin-right: 0;
  }

  .ipad-screen-wrapper, .ipad-landscape-screen {
    border-radius: 7px;
  }

  .ipad-animation-inner {
    max-width: 67%;
  }

  .ipad-animation-inner.fly-center {
    max-width: 80%;
  }

  .page-padding {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .slide-2 {
    background-position: 205% -32%;
  }

  .graph_number {
    top: 0;
  }

  .dashboard_grid {
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .circle_wrap {
    width: 180px;
    height: 180px;
  }

  .graph_chart {
    height: 100%;
  }

  .dashboard_container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section_hero-3 {
    padding-top: 3rem;
  }

  .circle_text {
    font-size: 2rem;
  }

  .image_grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .dark_dashboard-card.item-center {
    font-size: .5rem;
  }

  .dark_dashboard-card.card_flex {
    flex-flow: column;
    height: 80vw;
  }

  .elettricisti-scroll {
    height: 30vh;
  }

  .dil-wrap-1-2 {
    width: auto;
  }

  .hvac-pic {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: 50vh;
  }

  .dil-wrap-3 {
    width: auto;
    padding-left: 40px;
  }

  .dil-section-1 {
    font-size: 1.3vw;
  }

  .dil-wrap-10 {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
  }

  .elettricisti-text {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .hvac-text {
    justify-content: flex-start;
    align-items: center;
  }

  .elettricisti-pic {
    background-position: -13% 17px;
    background-size: auto 44em;
  }

  .hvac-scroll {
    height: 30vh;
  }

  .dil-section-2 {
    top: 220px;
  }

  .dil-wrap-1 {
    flex-flow: column;
    margin-top: 21.4em;
  }

  .idraulici-text {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .pics {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .idraulici-scroll {
    height: 30vh;
  }

  .idraulici-pic {
    background-position: -13% 17px;
    background-size: auto 44em;
  }

  .dil-wrap-6 {
    background-position: 50%;
    background-size: cover;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .tyu-pic-8 {
    width: 15em;
    margin-right: 0;
  }

  .tyu-heading-1 {
    top: 80px;
  }

  .tyu-wrap-3 {
    height: 35em;
  }

  .tyu-section-1 {
    font-size: 1.3vw;
  }

  .tyu-wrap-8 {
    height: 35em;
  }

  .tyu-wrap-9 {
    height: 34em;
    top: 40.5em;
  }

  .tyu-wrap-5 {
    height: 35em;
  }

  .tyu-wrap-1 {
    padding-top: 30em;
    padding-bottom: 30em;
  }

  .tyu-pic-7 {
    width: 17em;
  }

  .tyu-wrap-1-2 {
    position: static;
  }

  .tyu-wrap-7 {
    height: 35em;
  }

  .partners-text {
    width: 35em;
  }

  .tyu-wrap-4, .tyu-wrap-6 {
    height: 35em;
  }

  .bold-text-71, .bold-text-72, .bold-text-73, .bold-text-74, .bold-text-75, .bold-text-76, .bold-text-77, .bold-text-78 {
    font-size: 2rem;
  }

  .download-2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .section-header-2 {
    margin-bottom: 65px;
  }

  .ui-arrow {
    width: 14px;
    height: 23px;
    top: 32px;
    right: 44px;
  }

  .screen {
    width: 100%;
    height: auto;
    padding-top: 54px;
    padding-left: 0;
    padding-right: 0;
  }

  .screen-ui-top {
    width: 439px;
    height: 135px;
  }

  .downloads {
    padding-left: 0;
    padding-right: 0;
  }

  .container-19 {
    max-width: 692px;
  }

  .section-heading-3 {
    letter-spacing: -.005em;
    font-size: 56px;
  }

  .ui-download-progress {
    width: 42px;
    top: 16px;
    right: 34px;
  }

  .divider {
    margin-left: 52px;
  }

  .download-text {
    width: 225px;
    top: 8px;
    left: 135px;
  }

  .device {
    width: 100%;
    height: 350vh;
    margin-left: 0;
    margin-right: 0;
  }

  .download-img {
    width: 360px;
  }

  ._5g {
    margin-top: 220px;
  }

  .div-block-236 {
    flex-flow: column;
  }

  .emergency {
    font-size: 1rem;
  }

  .div-block-259 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .navcategory.navphone {
    font-size: 2rem;
  }

  .navcategory.navphone.whitebackground {
    color: var(--90);
    font-size: 2rem;
  }

  .story {
    width: auto;
  }

  .news-body {
    margin-left: 30px;
    padding-right: 30px;
  }

  .div-block-276 {
    grid-template-columns: 1fr;
  }

  .referral-title {
    font-size: 1.3rem;
  }

  .heading-78 {
    font-size: 3rem;
  }

  .grid-18 {
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .referral-option-box {
    height: 50vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .referral-option-box.black {
    width: 70vw;
    height: 30vw;
  }

  .heading-81 {
    font-size: 4rem;
  }

  .steps {
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-295 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1.75fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    display: grid;
  }

  .text-block-85 {
    font-size: 1.3rem;
  }

  .div-block-298 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.75fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .div-block-303 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-304 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: start stretch;
    display: grid;
  }

  .preventive-maintenance {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-308 {
    height: 15vh;
  }

  .table-line {
    grid-column-gap: 70px;
  }

  .obbiettivi-check:hover {
    transform: scale(1.05);
  }

  .business-card {
    width: 100%;
  }

  .reset_field-label {
    color: #ffffffb3;
    font-size: .875rem;
    font-weight: 400;
  }

  .profile-link.w--current {
    font-size: .8rem;
  }

  .member-name {
    font-size: 1.2rem;
  }

  .university_tab-menu {
    flex-direction: column;
    align-items: flex-start;
  }

  .univ_tab-link.w--current {
    align-self: flex-start;
  }

  .dashboard_column-left {
    flex-direction: column-reverse;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-color-cream.is-tablet-large.is-mobile-medium {
    font-size: 1.5rem;
  }

  .video_collection-list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .member_nav-logout-link, .member_nav-link {
    font-size: 1rem;
  }

  .fsbo_univ-heading {
    font-size: 2.5rem;
  }

  .hub-wrapper {
    flex-direction: column-reverse;
    display: flex;
  }

  .avatar-image {
    max-width: 6rem;
  }

  .member-link-icon {
    height: 2rem;
  }

  .member-link-icon.is--bigger.is-tablet-small {
    height: 2.3rem;
  }

  .template-right {
    width: 100%;
    height: auto;
  }

  .template-left {
    width: 100%;
  }

  .white-box.link-box.paper-box {
    width: 31%;
  }

  .white-box.link-box.asset-box {
    width: 100%;
  }

  .project-grid {
    flex-direction: column;
  }

  .termocare-nav {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .termocare-nav:hover {
    background-color: #f7f8f9;
  }

  .termocare-nav:active {
    background-color: #eef0f3;
  }

  .large-number {
    font-size: 26px;
    line-height: 1.6;
  }

  .option-svg.desktop-login.current {
    display: block;
  }

  .cart-quantity {
    border-style: none;
    border-radius: 0;
    width: 11px;
    height: 11px;
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    position: static;
  }

  .slide-1-2 {
    border-radius: 30px;
    width: 375px;
  }

  .grey-2 {
    font-size: 20px;
  }

  .modal-1-popup-2 {
    display: none;
  }

  .slider-6 {
    border-radius: 30px;
    margin-top: 40px;
    margin-right: 20px;
  }

  .left-arrow-4 {
    right: 7.5%;
  }

  .card-feature-wrapper-2 {
    flex-flow: column;
  }

  .card-front-2 {
    background-image: none;
    width: 375px;
    height: 670px;
    padding: 15% 10% 0%;
    transition-property: none;
    box-shadow: 0 5px 10px 2px #0003;
  }

  .card-front-2:hover {
    transform: none;
  }

  .card-front-2._3 {
    width: 300px;
    height: 575px;
    padding-top: 15%;
    padding-left: 10%;
    padding-right: 10%;
    transition-property: none;
  }

  .card-front-2._3:hover {
    transform: none;
  }

  .card-front-2._6, .card-front-2._7 {
    transition-property: none;
  }

  .card-front-2._2 {
    box-shadow: none;
    background-position: 50% 100%;
    width: 300px;
    height: 575px;
    padding-top: 15%;
    padding-left: 10%;
    padding-right: 10%;
    transition-property: none;
  }

  .card-front-2._2:hover {
    transform: none;
  }

  .card-front-2._4 {
    width: 300px;
    height: 575px;
    transition-property: none;
  }

  .card-front-2._4:hover {
    transform: none;
  }

  .card-front-2._5, .card-front-2._8 {
    transition-property: none;
  }

  .card-link-2 {
    border-radius: 30px;
  }

  .card-link-2:hover {
    transform: none;
  }

  .mask-4 {
    border-radius: 30px;
    width: 375px;
  }

  .feature-card-image-2 {
    display: block;
  }

  .feature-card-image-2.hide {
    display: none;
  }

  .feature-card-image-2.tablet-mobile {
    display: block;
  }

  .card-wrapper-store {
    padding-top: 0;
    padding-bottom: 200px;
  }

  .popup-heading-2 {
    margin-bottom: 20px;
    font-size: 45px;
  }

  .container-22 {
    background-color: var(--color);
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 0;
  }

  .slider-wrapper-3 {
    padding-left: 20px;
  }

  .modal-content-2 {
    padding: 4rem;
  }

  .card-wrapper-4 {
    border-radius: 30px;
  }

  .card-title-2 {
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 1.5rem;
  }

  .card-title-2.riscaldamento-raffreddamento {
    margin-bottom: 10px;
    font-size: 2rem;
  }

  .collection-list-wrapper-13 {
    padding-left: 0;
  }

  .select-field-9 {
    border-radius: 10px;
    line-height: 20px;
  }

  .div-block-495 {
    justify-content: center;
    align-items: center;
    padding: 2px;
    display: flex;
  }

  .div-block-496 {
    background-color: var(--white);
    border: 1px solid #000;
    border-radius: 100px;
    padding: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .div-block-503 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .grid-24.eyyy.big {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: minmax(200px, 1fr);
  }

  .heading-107 {
    text-align: left;
    font-size: 60px;
  }

  .heading-108.impianti {
    font-size: 60px;
    line-height: 1.2;
  }

  .navcategory-2.navphone {
    font-size: 2rem;
  }

  .navcategory-2.navphone.whitebackground {
    color: #e6e6e6;
    font-size: 2rem;
  }

  .div-block-509 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .container-24 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-110 {
    font-size: 60px;
  }

  .heading-110.mobile {
    line-height: 1.1;
  }

  .image-97 {
    filter: invert();
    width: 30px;
  }

  .div-block-517 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

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

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .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;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

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

  .navbar-categories-group {
    padding-left: 0;
  }

  .button-3.business.home.termocare {
    color: #fff;
    border-color: #fff;
  }

  .div-block-2.home.mobile.ipad {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-2.home.mobile.ipadbutt {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .product-card._3 {
    margin-left: 40px;
  }

  .product-card.small, .product-card.small.primo.unico.hvac, .product-card.small.facts.banana {
    width: 450px;
    height: 300px;
  }

  .scroll-map-wrapper.aria.migliorato.ola {
    padding-left: 0;
  }

  .scroll-map-wrapper.finale.hvac.mobile {
    padding-left: 40px;
  }

  .head-category {
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .card-header-2 {
    font-size: 40px;
  }

  .container-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-20 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .bold-text-5 {
    font-size: 40px;
  }

  .div-block-25 {
    margin-left: 40px;
  }

  .heading-10 {
    line-height: 1.1;
  }

  .extras {
    flex-direction: column-reverse;
  }

  .contact-messaging {
    margin-bottom: 0;
  }

  .finale.home.iphone.new {
    padding-left: 30px;
    padding-right: 30px;
  }

  .finale.home.iphone.new.big {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-map {
    margin-top: 4px;
  }

  .country {
    margin-bottom: 12px;
  }

  .copyright-and-site-map {
    margin-bottom: 16px;
  }

  .contact {
    border-bottom-style: none;
  }

  .gallery-bento.gallery-b-3._30.new {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .beautifull-durable.novita.body {
    font-size: 20px;
  }

  .gallery-bento-4-text {
    font-size: 60px;
    line-height: 1.2;
  }

  .design {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    max-width: 500px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .design.hvac {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-33 {
    justify-content: center;
    align-items: center;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .section_text, .section_text.white {
    font-family: Sf Pro Display, sans-serif;
    font-size: 20px;
    line-height: 1.2;
  }

  .custom_container.sections {
    padding-left: 40px;
    padding-right: 40px;
  }

  .button-4.margin-right.black.mobile {
    color: #fff;
    border-color: #fff;
    font-family: Sf Pro Display, sans-serif;
  }

  .button-4.black {
    color: #fff;
    border-color: #fff;
  }

  .heading-16 {
    font-size: 60px;
  }

  .heading-17.iphone {
    text-align: center;
  }

  .pay_online {
    height: 55%;
  }

  .piu {
    background-size: 50%;
    width: 4.5vw;
    height: 4.5vw;
  }

  .piu.white {
    background-size: 9px;
  }

  .text-span-20 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .wallet_int {
    padding-top: 17vw;
  }

  .text-span-31, .text-span-32 {
    display: block;
  }

  .flip_card {
    height: auto;
    min-height: 70vw;
  }

  .pay_in_apps {
    height: 55%;
  }

  .column-6 {
    padding-top: 3vw;
  }

  .h2.half_white, .h2.black {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .h2.blue {
    font-size: 7.5vw;
    line-height: 8vw;
  }

  .h2.wrap {
    text-align: center;
    font-size: 7.5vw;
  }

  .overview_iphone {
    background-size: contain;
  }

  .text-span-18 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .bold-text-5-copy {
    text-align: left;
    justify-content: center;
    font-size: 2.4vw;
    line-height: 3vw;
  }

  .div-block-48 {
    padding-top: 3vw;
    padding-left: 3vw;
  }

  .div-block-49 {
    width: 67%;
    height: 106%;
    display: flex;
    top: 87%;
    overflow: hidden;
  }

  .headline_area {
    justify-content: center;
    width: auto;
    max-width: 100vw;
    height: auto;
    min-height: 70vh;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-51 {
    grid-template-rows: 50% 50%;
  }

  .bold-text-18 {
    text-align: left;
    font-size: 2.6vw;
    line-height: 3vw;
  }

  .columns-2 {
    display: none;
  }

  .columns-2.mobile {
    display: block;
  }

  .half_card_column {
    height: 90vw;
  }

  .div-block-54 {
    padding-top: 1vw;
  }

  .paragraph_wrap {
    text-align: left;
    display: block;
  }

  .paragraph_wrap.mobile {
    display: none;
  }

  .column-4 {
    margin-top: 2.5vw;
  }

  .column-3 {
    height: 100vw;
    padding-right: 0;
  }

  .column-2 {
    height: 40%;
  }

  ._56vw_spacer {
    height: 70vh;
  }

  .column {
    justify-content: center;
    height: 60%;
  }

  ._1-5vw_spacer {
    height: 2.5vw;
  }

  .card {
    border-radius: 4.5%;
    width: 100%;
  }

  .card._2nd_black_card {
    height: auto;
    min-height: 70vw;
    margin-top: 1.5vw;
  }

  .card.black_card {
    height: 70vw;
  }

  .card.fff_card {
    border-radius: 2.7%;
    height: 110vw;
    padding-right: 4vw;
  }

  .wallet_icon {
    width: 27vw;
    height: 27vw;
  }

  .div-block-57 {
    height: 55%;
  }

  .text-span-19 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  ._2nd_section {
    height: 140vh;
  }

  .div-block-9-copy {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 9vw;
    padding-left: 3vw;
  }

  .card_section.fixed {
    padding-left: 13vw;
    padding-right: 13vw;
  }

  .grid-4 {
    width: 90%;
  }

  .text-span-28 {
    text-align: left;
  }

  .div-block-58 {
    justify-content: center;
  }

  .image-19 {
    background-position: 50% 0;
    height: 130%;
    top: -19%;
  }

  .overview_iphone-2 {
    background-size: contain;
  }

  .text-span-45 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .column-8 {
    padding-top: 3vw;
  }

  .overview_iphone-3 {
    background-size: contain;
  }

  .text-span-57 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .div-block-68 {
    padding-top: 3vw;
    padding-left: 3vw;
  }

  .div-block-69 {
    width: 67%;
    height: 106%;
    display: flex;
    top: 87%;
    overflow: hidden;
  }

  .div-block-71 {
    grid-template-rows: 50% 50%;
  }

  .bold-text-21 {
    text-align: left;
    font-size: 2.6vw;
    line-height: 3vw;
  }

  .div-block-74 {
    padding-top: 1vw;
  }

  .column-9 {
    margin-top: 2.5vw;
  }

  .column-10 {
    height: 100vw;
    padding-right: 0;
  }

  .column-11 {
    height: 40%;
  }

  .column-12 {
    justify-content: center;
    height: 60%;
  }

  .card-3 {
    border-radius: 4.5%;
    width: 100%;
  }

  .card-3._2nd_black_card {
    height: auto;
    min-height: 70vw;
    margin-top: 1.5vw;
  }

  .card-3.black_card {
    height: 70vw;
  }

  .card-3.fff_card {
    border-radius: 2.7%;
    height: 110vw;
    padding-right: 4vw;
  }

  .div-block-78 {
    height: 55%;
  }

  .text-span-64 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .grid-6 {
    width: 90%;
  }

  .text-span-66 {
    text-align: left;
  }

  .div-block-79 {
    justify-content: center;
  }

  .image-20 {
    background-position: 50% 0;
    height: 130%;
    top: -19%;
  }

  .overview_iphone-4 {
    background-size: contain;
  }

  .text-span-70 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .wallet_icon-2 {
    width: 27vw;
    height: 27vw;
  }

  .div-block-86 {
    background-color: #0000;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .lines-wrap {
    cursor: pointer;
    align-items: center;
    width: 25%;
    height: 100%;
    padding-left: 8px;
    display: flex;
  }

  .text-span-30 {
    display: block;
  }

  .grid-8 {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    display: grid;
  }

  .column-14 {
    padding-top: 3vw;
  }

  .text-span-81 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .text-span-34, .text-span-37 {
    display: block;
  }

  .div-block-90 {
    padding-top: 3vw;
    padding-left: 3vw;
  }

  .div-block-91 {
    width: 67%;
    height: 106%;
    display: flex;
    top: 87%;
    overflow: hidden;
  }

  .lines {
    cursor: pointer;
    background-color: #fff0;
    width: 16px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .line {
    background-color: #b1b0af;
    width: 100%;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .line._2nd {
    margin-top: 5.5px;
  }

  .nav_list {
    display: none;
  }

  .div-block-95 {
    grid-template-rows: 50% 50%;
  }

  .nav_bar {
    padding-left: 0;
    padding-right: 8px;
  }

  .bold-text-24 {
    text-align: left;
    font-size: 2.6vw;
    line-height: 3vw;
  }

  .text-span-35 {
    display: block;
  }

  .div-block-98 {
    padding-top: 1vw;
  }

  .div-block-99 {
    height: 55%;
  }

  .column-15 {
    margin-top: 2.5vw;
  }

  .column-16 {
    height: 100vw;
    padding-right: 0;
  }

  .text-span-33, .text-span-36 {
    display: block;
  }

  .column-17 {
    height: 40%;
  }

  .text-span-87 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .overview_iphone-5 {
    background-size: contain;
  }

  .grid-9 {
    width: 90%;
  }

  .text-span-89 {
    text-align: left;
  }

  .div-block-102 {
    justify-content: center;
  }

  .image-21 {
    background-position: 50% 0;
    height: 130%;
    top: -19%;
  }

  .text-span-90 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .text-span-91, .text-span-92, .text-span-29 {
    display: block;
  }

  .div-block-108 {
    background-color: #0000;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .text-span-99 {
    display: block;
  }

  .grid-10 {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 100%;
    display: grid;
  }

  .column-19 {
    padding-top: 3vw;
  }

  .h2-5.half_white, .h2-5.black {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .h2-5.blue {
    font-size: 7.5vw;
    line-height: 8vw;
  }

  .h2-5.wrap {
    text-align: center;
    font-size: 7.5vw;
  }

  .text-span-101 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .text-span-102, .text-span-104 {
    display: block;
  }

  .div-block-112 {
    padding-top: 3vw;
    padding-left: 3vw;
  }

  .div-block-113 {
    width: 67%;
    height: 106%;
    display: flex;
    top: 87%;
    overflow: hidden;
  }

  .div-block-117 {
    grid-template-rows: 50% 50%;
  }

  .bold-text-27 {
    text-align: left;
    font-size: 2.6vw;
    line-height: 3vw;
  }

  .text-span-106 {
    display: block;
  }

  .div-block-120 {
    padding-top: 1vw;
  }

  .div-block-121 {
    height: 55%;
  }

  .column-20 {
    margin-top: 2.5vw;
  }

  .column-21 {
    height: 100vw;
    padding-right: 0;
  }

  .text-span-108, .text-span-109 {
    display: block;
  }

  .column-22 {
    height: 40%;
  }

  .column-23 {
    justify-content: center;
    height: 60%;
  }

  .text-span-112 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .overview_iphone-6 {
    background-size: contain;
  }

  .grid-11 {
    width: 90%;
  }

  .text-span-114 {
    text-align: left;
  }

  .div-block-124 {
    justify-content: center;
  }

  .image-22 {
    background-position: 50% 0;
    height: 130%;
    top: -19%;
  }

  .div-block-126 {
    height: 55%;
  }

  .text-span-115 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .text-span-116, .text-span-117 {
    display: block;
  }

  .overview_iphone-7 {
    background-size: contain;
  }

  .text-span-119, .text-span-125 {
    display: block;
  }

  .column-25 {
    padding-top: 3vw;
  }

  .h2-6.half_white, .h2-6.black {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .h2-6.blue {
    font-size: 7.5vw;
    line-height: 8vw;
  }

  .h2-6.wrap {
    text-align: center;
    font-size: 7.5vw;
  }

  .text-span-127 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .text-span-128, .text-span-130 {
    display: block;
  }

  .div-block-132 {
    padding-top: 3vw;
    padding-left: 3vw;
  }

  .div-block-133 {
    width: 67%;
    height: 106%;
    display: flex;
    top: 87%;
    overflow: hidden;
  }

  .div-block-136 {
    grid-template-rows: 50% 50%;
  }

  .bold-text-30 {
    text-align: left;
    font-size: 2.6vw;
    line-height: 3vw;
  }

  .text-span-132 {
    display: block;
  }

  .div-block-140 {
    padding-top: 1vw;
  }

  .column-26 {
    height: 100vw;
    padding-right: 0;
  }

  .text-span-134, .text-span-135 {
    display: block;
  }

  .column-27 {
    height: 40%;
  }

  .column-28 {
    justify-content: center;
    height: 60%;
  }

  .text-span-138 {
    font-size: 6vw;
    line-height: 6.7vw;
  }

  .text-span-140 {
    text-align: left;
  }

  .div-block-146 {
    justify-content: center;
  }

  .image-24 {
    background-position: 50% 0;
    height: 130%;
    top: -19%;
  }

  .hero__image {
    background-position: 0 0, 0 0;
    background-size: 676px 331px, auto;
    width: 673.5px;
    height: 331px;
  }

  .hero__video {
    width: 673.5px;
    height: 331px;
  }

  .container-7 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-7.hero-content, .container-7.less-bezel__container, .container-7.padding-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .less-bezel__media-wrapper {
    margin-left: -385px;
    left: 50%;
  }

  .compare__image {
    background-position: 0 0;
    background-size: 160px 314px;
  }

  .compare__lottie {
    width: 160px;
    height: 314px;
  }

  .compare__media-wrapper {
    width: 160px;
    height: 314px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .kick-glass__btn.kick-glass__btn--left.small {
    width: 120px;
    font-size: 14px;
  }

  .kick-glass__btn.kick-glass__btn--left.small.rigt__small {
    position: relative;
    left: 107px;
  }

  .kick-glass__image {
    background-size: 652px;
    width: 652px;
    height: 104px;
  }

  .kick-glass__para.download-glass__para.left-align {
    margin-left: 0;
  }

  .kick-glass__para.download-glass__para.small {
    font-size: 20px;
  }

  .kick-glass__para.grid-glass__para, .kick-glass__para.grid-glass__para.small {
    font-size: 30px;
  }

  .kick-glass__para.camera__flex-para._12-pro__para {
    font-size: 20px;
  }

  .lottie-animation {
    width: 176px;
    height: 1400px;
  }

  .surgical-grade__lottie {
    width: 50%;
  }

  .water__heading {
    width: 70%;
  }

  .download__down-image {
    width: 200px;
    left: 150px;
  }

  .download__download-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 200px;
    width: 200px;
  }

  .download__device {
    width: 500px;
    margin-left: -250px;
  }

  .download__arrow {
    right: -10px;
  }

  .download__hardware {
    background-position: 50% 0;
    background-size: 500px;
    width: 500px;
  }

  .download__para.download__lidar-para.hdr-video-para.left-align {
    margin-left: 0;
  }

  .download__wrapper, .download__screen {
    width: 500px;
  }

  .download__downloading {
    padding-left: 20px;
  }

  .download__ui-top {
    background-size: 420px;
    width: 500px;
  }

  .download__movie-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 400px;
    width: 400px;
  }

  ._14bionic__content-overlay {
    z-index: 0;
  }

  .grid-13 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  ._14bionic__headling, ._14bionic__headling._14bionic__heading--white {
    font-size: 50px;
  }

  ._14bionic__headling._14bionic__heading--white._14bionic__heading--margin {
    font-size: 40px;
  }

  .lidar__line-hz {
    width: 280px;
  }

  .lidar__content-wrapper {
    margin-left: 10px;
  }

  .lidar__header.lidar__header--white {
    font-size: 50px;
    line-height: 1;
  }

  .lidar__header.lidar__header--gray {
    font-size: 60px;
    line-height: 1;
  }

  .portrait-night__headline {
    font-size: 40px;
  }

  .portrait-night__headline.smaller {
    font-size: 30px;
    line-height: 1.2;
  }

  .potrait-night__intro {
    width: 80%;
  }

  .text-content.deep-fusion {
    z-index: 2;
    width: auto;
    min-width: 150px;
    margin-left: 30px;
    position: relative;
    left: auto;
  }

  .text-content.deep-fusion.left {
    left: -134px;
  }

  .text-content.deep-fusion.left.left--2 {
    left: -124px;
  }

  .portriat-night__para.small {
    font-size: 13px;
  }

  .portriat-night__para.small.right-para {
    position: relative;
    left: 110px;
  }

  .camera__camera-12-pro-max {
    margin-bottom: 100px;
  }

  .image-fusion {
    background-position: 50%;
    background-size: 300px 441px;
    width: 300px;
    height: 441px;
    left: auto;
  }

  .image-fusion.image-fusion--3 {
    left: -15px;
  }

  .image-fusion.image-fusion--1.left {
    left: auto;
  }

  .snapshot {
    display: none;
  }

  .raw__image-wrap {
    max-width: 50%;
  }

  .raw-image {
    background-size: 250px 506px;
    width: 250px;
    height: 506px;
  }

  .raw__content {
    position: relative;
    top: -133px;
  }

  .airplay {
    margin-left: 0;
  }

  .super__retina-lottie {
    width: 652px;
  }

  .skattable__lottie-wrap {
    margin-left: -315px;
    position: relative;
    left: 50%;
  }

  .left-retina-flex {
    padding: 10px;
  }

  .true-depth__image {
    z-index: 6;
    background-size: 400px 233px;
    width: 400px;
    height: 233px;
    margin-left: -200px;
  }

  .turbo-image {
    background-position: 0 0;
    background-size: 192px 449px;
    width: 192px;
    height: 449px;
  }

  .super-rutina__media {
    width: 652px;
    height: 109px;
    margin-left: -326px;
  }

  .super__retina-image {
    background-repeat: no-repeat;
    background-size: 652px 109px;
  }

  .hero__image-2 {
    background-position: 0 0, 0 0;
    background-size: 676px 331px, auto;
    width: 673.5px;
    height: 331px;
  }

  .paragraph-14 {
    font-size: 20px;
  }

  .paragraph-15, .paragraph-16.tradein {
    font-size: 20px;
    line-height: 1.2;
  }

  .h2-7.blue {
    font-size: 7.5vw;
    line-height: 8vw;
  }

  .grid-15.eyyy {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .prova.business-referral.referrall-box-big {
    width: 90vw;
  }

  .flipcard-title-3.black.du.med.business-referral, .flipcard-title-3.du.med.business-referral {
    font-size: 2rem;
  }

  .column-details {
    padding-left: 0%;
  }

  .spacer {
    height: 10vw;
  }

  .track {
    line-height: 22px;
  }

  .date.cymbals, .date.jeff {
    padding-bottom: 25px;
  }

  .honorable-song {
    font-size: 32px;
    line-height: 42px;
  }

  .year {
    font-size: 32px;
    line-height: 36px;
  }

  .nav-row__right {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .cloneable-title__gradient {
    display: block;
  }

  .cloneable-title__h1 {
    font-size: .875em;
  }

  .osmo-ui {
    position: fixed;
  }

  .nav-logo-row {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    width: auto;
  }

  .clone-in-webflow__p {
    display: none;
  }

  .clone-in-webflow {
    justify-content: flex-end;
    width: 100%;
    margin-right: 0;
    padding-left: .75em;
  }

  .cloneable-title__nr {
    font-size: .875em;
  }

  .osmo-ui__bg {
    display: block;
  }

  .cloneable-title {
    pointer-events: none;
    width: calc(100% - 5.25em);
    padding-left: 1em;
    position: absolute;
    overflow: hidden;
  }

  .courses__col {
    width: 100%;
    margin-bottom: 24px;
  }

  .courses__col.mod--3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .portfolio-content3_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top.margin-xlarge.is-mobile-right-1 {
    margin-top: 0;
    margin-right: 1rem;
  }

  .portfolio-content1_content-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .portfolio-content2_content-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .padding-global-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .portfolio-header_component {
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }

  .portfolio-gallery_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .portfolio-gallery_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .tab-link {
    padding-right: 24px;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .icon-section {
    display: none;
  }

  .bottom-nav {
    padding-left: 0;
    padding-right: 0;
  }

  .newsroom-stripe-group {
    padding-right: 0;
  }

  .newsroom-stripe-group.right {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .div-block-180.prova-size {
    margin-left: 0;
    margin-right: 0;
  }

  .brc-link-1 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .brd-wrap-grid-1 {
    grid-template-columns: 1fr;
  }

  .brc-wrap-heading-link-1, .brb-container-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .section-class-1 {
    font-size: 1.69vw;
    display: inline-block;
  }

  .padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-alert {
    font-size: 16px;
    line-height: 16px;
  }

  .radio-label {
    font-size: 20px;
    line-height: 20px;
  }

  .radio-button-field {
    margin-bottom: 20px;
  }

  .input-label {
    font-size: 36px;
    line-height: 36px;
  }

  .nav-text-wrap {
    display: none;
  }

  .container-15 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-button {
    display: none;
  }

  .counter-button {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .counter-button.up, .counter-button.down {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .hero-6, .cameras {
    display: none;
  }

  .book-sticky-div {
    width: 100%;
    max-width: none;
    position: static;
  }

  .goodreads-reviews-div {
    grid-template-columns: .25fr;
    padding-left: 0;
    padding-right: 0;
  }

  .nc_col-wrapper {
    border-left: 0 #0000;
    width: 100%;
  }

  .ap_h2-wrapper {
    max-width: 19rem;
  }

  .nc_image_top-wrapper {
    flex-direction: column;
    align-items: center;
    height: auto;
  }

  .text-style-hero {
    font-size: 3.25rem;
    line-height: .923077;
  }

  .text-style-hero-footer {
    letter-spacing: -.09px;
    font-size: 1.125rem;
  }

  .text-style-hero-footer:hover {
    border-bottom-style: none;
  }

  .green-dot {
    width: 4.5rem;
    height: 4.5rem;
    bottom: 30%;
    left: 38%;
    right: auto;
  }

  .text-style-nav {
    font-size: .75rem;
    line-height: 1.33333;
  }

  .xray_text-wrapper {
    width: auto;
    max-width: 27.5rem;
  }

  .xray_text-wrapper.is-2 {
    width: 27.5rem;
  }

  .section_ap {
    margin-top: -100vh;
  }

  .section_noise-cancelation {
    width: 100vw;
    overflow: hidden;
  }

  .text-span-large {
    font-size: 4.5rem;
    line-height: 1;
  }

  .chip_video-wrapper {
    width: 17.5rem;
    height: 17.5rem;
  }

  .nc_image-component {
    grid-column-gap: 4.75rem;
    grid-row-gap: 4.75rem;
    border-top: 1px solid #424245;
    border-left: 0 #0000;
    border-right: 0 #0000;
    align-items: center;
    width: 100%;
    height: 634px;
    padding-top: 3.75rem;
    padding-left: 6.25%;
    padding-right: 6.25%;
  }

  .nc_details-wrapper {
    height: 22.8125rem;
    padding: 3.75rem 6.25%;
  }

  .tips_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: stretch;
    padding-top: 12%;
  }

  .nc_info-wrapper {
    flex-direction: column;
    height: auto;
  }

  .nav_wrapper.is-bottom {
    padding-top: .8rem;
    padding-bottom: .8rem;
  }

  .nav_wrapper.is-top.is-mob {
    justify-content: space-between;
    align-items: center;
    height: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .hero_second-text-wrapper {
    max-width: 18rem;
  }

  .xray_row-wrapper {
    justify-content: center;
    align-items: center;
    padding-left: 3.25rem;
    padding-right: 3.25rem;
    display: flex;
    inset: 0% 0% auto;
  }

  .xray_row-wrapper.is-right {
    justify-content: center;
  }

  .xray-bg-image.is-3, .xray-bg-image.is-2 {
    left: 0;
  }

  .logo_wrapper {
    width: 1.05rem;
  }

  .logo_wrapper.is-apple {
    width: .95rem;
  }

  .hamburger-line_wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1.125rem;
    height: 1.125rem;
    margin-left: 9px;
    display: flex;
  }

  .nc_image_bottom-wrapper {
    width: 22.4375rem;
    height: 31.8125rem;
    position: relative;
    left: -6%;
  }

  .hero_heading-wrapper {
    margin-bottom: 0;
  }

  .chip-video {
    width: 17.5rem;
    height: 17.5rem;
    position: static;
    inset: 0%;
  }

  .nc_p4-wrapper {
    max-width: 27rem;
  }

  .video_info-wrapper {
    max-width: 398px;
  }

  .airpods-charging-image {
    object-fit: contain;
  }

  .section_hero-2 {
    margin-top: -60px;
  }

  .nc_tips-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .heading-63 {
    line-height: .923077;
  }

  .nc_details-wrapper-copy {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 25rem;
    padding: 3.75rem 6.25%;
  }

  .text-style-p3 {
    letter-spacing: 0;
    font-size: .9375rem;
    line-height: 1.2666;
  }

  .text-style-p3.is-centered {
    font-size: 1.0625rem;
    line-height: 1.3;
  }

  .nav_top_icon-wrapper.is-hamburger {
    display: flex;
  }

  .xray_bg-image-wrapper {
    width: 14.1875rem;
    height: 20.125rem;
    top: 40%;
  }

  .text-style-hero-top {
    letter-spacing: 0;
    font-size: 1.5rem;
    line-height: .0485833;
  }

  .c-b_details_component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column;
    align-items: center;
    max-width: 29.875rem;
    display: flex;
  }

  .nc_info-wrapper-copy {
    flex-direction: column;
  }

  .green_dot-title-wrapper {
    position: relative;
  }

  .hamburger-line {
    background-color: #fff;
    width: 14px;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-global-3 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .c-b_image-wrapper {
    width: 498px;
    height: 297px;
    position: relative;
  }

  .xray_wrapper {
    align-items: center;
    position: absolute;
    top: 122px;
  }

  .nc_green-dot_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 27.5rem;
  }

  .hero_wrapper {
    padding-bottom: 10rem;
  }

  .hero_wrapper.is-mob {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    height: 49vh;
    padding-bottom: 14rem;
  }

  .text-style-size-label {
    letter-spacing: -.016em;
    font-size: .875rem;
    line-height: 1.4285;
  }

  .ap_info-wrapper {
    flex-direction: column;
    height: auto;
  }

  .text-span-large-lime {
    font-size: 4.5rem;
  }

  .p1_max-width {
    max-width: 27.5rem;
  }

  .c-b_title-wrapper {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    max-width: 27.5rem;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .play-icon {
    width: 6px;
    height: 6px;
  }

  .nc_green-dot_container {
    grid-column-gap: 8.5rem;
    grid-row-gap: 8.5rem;
    flex-direction: column;
    align-items: center;
    padding-left: 0%;
    display: flex;
  }

  .nc_wrapper {
    overflow: hidden;
  }

  .sizes_image-wrapper {
    width: 3.5rem;
    height: auto;
  }

  .sizes_image-wrapper.is-2 {
    width: 3.7rem;
    height: auto;
  }

  .sizes_image-wrapper.is-3 {
    width: 3.8rem;
    height: auto;
  }

  .sizes_image-wrapper.is-4 {
    width: 4rem;
    height: auto;
  }

  .sizes_image-wrapper.is-1 {
    width: 3.3rem;
    height: auto;
  }

  .tip_wrapper {
    align-items: center;
    height: 100%;
    display: flex;
  }

  .green-dot_wrapper {
    width: 22.5rem;
    height: 20rem;
  }

  .hero_bottom-text-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    padding-bottom: 0;
  }

  .ap_details-wrapper {
    border-top: 1px solid #424245;
    border-left: 0 #0000;
    border-right: 0 #0000;
    width: 100%;
    height: 24.125rem;
  }

  .nc_heading-wrapper {
    max-width: 16rem;
  }

  .padding-section-c-b {
    padding-top: 0;
  }

  .text-span-5 {
    padding-left: 0;
  }

  .h1-2 {
    letter-spacing: 0;
    font-size: 2.625rem;
    line-height: 1.42857;
  }

  .ap_p5-wrapper {
    max-width: 27.5rem;
  }

  .line-2 {
    height: 172px;
  }

  .xray_image-wrapper {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }

  .line_wrapper {
    height: 185px;
    position: absolute;
    top: 130%;
    left: auto;
    right: auto;
  }

  .hero_text-wrapper {
    justify-content: flex-start;
    padding-top: 0;
  }

  .text-style-p1 {
    letter-spacing: -.015em;
    line-height: 1.2;
  }

  .c-b_details-wrapper.is-line {
    border-left-style: none;
    border-left-width: 0;
    border-right-style: none;
    border-right-width: 0;
    width: 100%;
    max-width: none;
    padding: 3.75rem 6.25%;
  }

  .c-b_details-wrapper.is-up {
    width: 100%;
    max-width: none;
    padding: 3.75rem 6.25% 0;
  }

  .nc_size-title-wrapper {
    width: auto;
    max-width: 28rem;
  }

  .nc_p2-wrapper {
    max-width: 29rem;
  }

  .nav_bottom_logo-wrapper {
    flex-direction: row;
    display: flex;
  }

  .c-b_info-wrapper {
    flex-direction: column;
  }

  .lottie_wrapper {
    justify-content: center;
    align-items: center;
    width: 130vw;
    display: flex;
    overflow: hidden;
  }

  .copyrights_wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .nc_airpod-image-wrapper {
    width: 9rem;
    height: 17.4375rem;
  }

  .nav_menu-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    align-items: center;
  }

  .nc_title-wrapper {
    max-width: 440px;
  }

  .play-button_wrapper {
    width: 1.2rem;
    height: 1.2rem;
  }

  .nc_size-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: space-between;
    height: 36.75rem;
    padding: 3.75rem 0;
  }

  .tipless-airpod_image {
    object-fit: scale-down;
    width: 100%;
    height: 100%;
  }

  .ap_image-wrapper {
    border-left: 0 #0000;
    width: 100%;
    height: 22.25rem;
  }

  .section_xray {
    height: 500vh;
  }

  .sizes_wrapper {
    justify-content: space-between;
  }

  .text-style-p4 {
    letter-spacing: 0;
    font-size: .9375rem;
    line-height: 1.2666;
  }

  .nc_details-wrapper-copy-2.is-line {
    border-left-style: none;
    border-left-width: 0;
    border-right-style: none;
    border-right-width: 0;
    width: 100%;
    max-width: none;
    min-height: 25rem;
  }

  .hero_top-text-wrapper {
    padding-top: .5rem;
  }

  .nc_green-dot-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: row;
    align-items: center;
    height: 38.5rem;
    padding-bottom: 3.75rem;
    padding-left: 6.25%;
    padding-right: 6.25%;
  }

  .grey {
    font-size: 18px;
  }

  .superscript {
    font-size: 12px;
  }

  .modal-superscript {
    font-size: 9px;
  }

  .card-front {
    width: auto;
  }

  .left-arrow {
    right: 10%;
  }

  .card-link {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .mask.phone {
    width: 70vw;
  }

  .section-19 {
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .section-heading {
    margin-bottom: 0;
    font-size: 35px;
  }

  .popup-heading {
    margin-bottom: 20px;
    font-size: 3rem;
  }

  .modal-1-popup {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: none;
  }

  .container-17 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .modal-2-popup {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .modal-content {
    padding: 4rem 2rem;
  }

  .close-button.button-style-1 {
    top: 0;
  }

  .feature-card-text {
    font-size: 18px;
  }

  .modal-3-popup {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .heading-wrapper {
    margin-bottom: 40px;
  }

  .card-title {
    font-size: 30px;
  }

  .text-block-51 {
    font-size: 14px;
  }

  .heading-style-h3-2 {
    font-size: 1.5rem;
  }

  .faq_content {
    max-width: 100%;
    padding-bottom: 2rem;
  }

  .footer_contact-ways {
    text-align: left;
  }

  .card_item.is-scroll-reveal {
    border-radius: 1.125rem;
  }

  .devices-icon_row {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .card_item-layout-02 {
    padding-top: 4rem;
    padding-left: 3rem;
  }

  .footer_copyright {
    text-align: left;
    flex-flow: column;
  }

  .device_left.is-scroll-reveal {
    min-height: 70vh;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .heading-style-h4-2 {
    font-size: 1rem;
  }

  .podcast-featured_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    min-width: 140vw;
  }

  .card_item-layout01 {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 3rem;
  }

  .brands-icon_row {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h5 {
    font-size: .875rem;
  }

  .card_item-layout03 {
    background-position: 97% 180%;
    background-size: 170%;
    padding-top: 4rem;
  }

  .padding-global-4 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .card_slider {
    margin-right: 0;
  }

  .card_slider:hover {
    margin-right: 0;
    transform: none;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .device_right.is-scroll-reveal {
    min-height: 70vh;
  }

  .heading-style-h4-3 {
    font-size: 1rem;
  }

  .padding-global-5, .ononpad {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .heading-style-h4-4 {
    font-size: 1rem;
  }

  .pad {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section-23 {
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .button-14.open-modal.white {
    bottom: 30px;
    right: 30px;
  }

  .section-heading-2 {
    margin-bottom: 0;
    font-size: 35px;
  }

  .container-18 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-block-52 {
    font-size: 14px;
  }

  .p-xs-end {
    padding-bottom: 1.6em;
  }

  .ipad-scroll-animation-title {
    font-size: 3.2em;
  }

  .ipad-scroll-animation-sticky {
    padding-top: 3em;
  }

  .ipad-screen-wrapper, .ipad-landscape-screen {
    border-radius: 6px;
  }

  .ipad-scroll-animation-content {
    max-width: 100%;
  }

  .copy-medium {
    font-size: 1.3em;
    line-height: 1.4em;
  }

  .ipad-animation-inner {
    margin-left: -30%;
  }

  .dil-section-1 {
    display: none;
  }

  .tyu-pic-4, .tyu-pic-2 {
    position: static;
  }

  .tyu-pic-8 {
    display: none;
    position: static;
  }

  .tyu-pic-6, .tyu-heading-1 {
    position: static;
  }

  .tyu-wrap-3 {
    height: 25em;
  }

  .tyu-pic-3 {
    position: static;
  }

  .tyu-section-1 {
    padding-left: 3em;
    padding-right: 3em;
    font-size: 1.69vw;
  }

  .tyu-wrap-8 {
    height: 25em;
  }

  .tyu-wrap-9 {
    align-items: center;
    height: 30em;
    top: 33.5em;
  }

  .tyu-wrap-5 {
    height: 25em;
  }

  .tyu-pic-5 {
    position: static;
  }

  .tyu-wrap-1 {
    padding-top: 20em;
    padding-bottom: 25em;
  }

  .tyu-pic-1 {
    position: static;
  }

  .tyu-pic-9 {
    width: 60em;
    display: block;
  }

  .tyu-pic-7 {
    display: none;
    position: static;
  }

  .tyu-wrap-1-2 {
    position: static;
  }

  .tyu-wrap-7 {
    height: 25em;
  }

  .tyu-wrap-10 {
    height: 45em;
  }

  .tyu-wrap-4, .tyu-wrap-6 {
    height: 25em;
  }

  .download-2 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .section-header-2 {
    text-align: left;
  }

  .ui-arrow {
    width: 9px;
    height: 13px;
    top: 20px;
    right: 32px;
  }

  .screen {
    width: 321px;
    height: 563px;
  }

  .screen-ui-top {
    width: 269px;
    height: 82px;
  }

  .downloads {
    padding-left: 35px;
    padding-right: 9px;
  }

  .ix-shadow {
    width: 200%;
  }

  .container-19 {
    width: 87.5%;
    max-width: none;
  }

  .section-heading-3 {
    font-size: 48px;
  }

  .ui-download-progress {
    width: 24px;
    top: 10px;
    right: 24px;
  }

  .divider {
    margin-left: 35px;
    margin-right: 9px;
  }

  .download-text {
    width: 138px;
    top: 5px;
    left: 84px;
  }

  .device {
    width: 321px;
    height: 563px;
  }

  .download-img {
    width: 221px;
  }

  .grid-singolo, .nome-e-cognome {
    grid-template-columns: 1fr;
  }

  .head.tit {
    font-size: 2rem;
  }

  .grid-subgroup._3 {
    grid-template-columns: 1fr;
  }

  .div-block-259 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-260 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .news-body {
    margin-left: 0;
    padding-left: 30px;
  }

  .title-open {
    text-align: center;
    font-size: 3rem;
  }

  .div-block-272, .div-block-272.news-open-grid {
    grid-template-columns: 1fr;
  }

  .condomini-option._2 {
    padding-bottom: 40px;
  }

  .text-block-71 {
    text-align: center;
  }

  .grid-18 {
    grid-template-columns: 1fr;
  }

  .heading-79.pppppp, .heading-81 {
    font-size: 3rem;
  }

  .text-block-85 {
    font-size: 1rem;
  }

  .lowenbruge-body {
    padding-left: 30px;
    padding-right: 30px;
  }

  .table-line {
    grid-column-gap: 40px;
  }

  .div-block-314 {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-316 {
    width: 100%;
  }

  .div-block-318 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-85 {
    font-size: 1.5rem;
  }

  .padding-global-6 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .profile-link {
    color: #f05d23;
    text-align: right;
  }

  .profile-link.w--current {
    color: #f05d23;
    text-align: right;
    font-size: 1rem;
  }

  .member_nav-menu {
    z-index: auto;
  }

  .dashboard_left-wrapper {
    justify-content: space-around;
    align-self: stretch;
    align-items: center;
    padding: 2rem 1.5rem 1rem .5rem;
    display: flex;
  }

  .fsbo_univ-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .member-name {
    white-space: pre-wrap;
    display: none;
  }

  .menu-button-3 {
    background-color: #19192d;
  }

  .menu-button-3.w--open {
    background-color: #0000;
  }

  .dashboard_column-left {
    z-index: 2;
    flex-direction: column;
    top: auto;
  }

  .dashboard_column-left.z-2 {
    height: auto;
  }

  .member_nav-logout-link-wrapper {
    background-color: #19192d;
    padding-top: 1rem;
  }

  .member_nav-logout-link-wrapper:hover, .member_nav-logout-link-wrapper.w--current {
    background-color: #19192dd9;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dashboard_column-right {
    z-index: 1;
    padding-bottom: 2rem;
  }

  .dashboard_column-right.z-1 {
    z-index: 1;
  }

  .brand-image {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .profile-wrapper {
    align-items: center;
    display: flex;
  }

  .text-color-cream.is-tablet-large {
    font-size: 2.2rem;
  }

  .text-color-cream.text-size-xlarge {
    font-size: 2rem;
  }

  .member_nav-link-wrapper {
    background-color: #19192d;
    padding-left: 2rem;
  }

  .member_nav-link-wrapper:hover, .member_nav-link-wrapper.w--current {
    background-color: #19192dd9;
  }

  .page-padding-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .hub-wrapper {
    flex-direction: row;
    align-items: stretch;
    display: flex;
  }

  .profile-heading-wrapper {
    justify-content: center;
    align-items: center;
    margin-right: 2rem;
    display: flex;
  }

  .avatar-image {
    align-self: center;
    max-width: 4.5rem;
    margin-bottom: 0;
    position: absolute;
    inset: 5% 4% auto auto;
  }

  .member_header-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .html-embed {
    bottom: 0;
  }

  .control-bar {
    display: none;
  }

  .white-box.third {
    width: 48%;
    margin-left: auto;
    margin-right: auto;
  }

  .white-box.third.mobile-full-box {
    flex-direction: column;
    width: 98%;
    display: flex;
  }

  .white-box.link-box {
    width: 100%;
  }

  .white-box.link-box.paper-box {
    width: 48%;
  }

  .white-box.two-third {
    width: 100%;
  }

  .project-grid {
    flex-direction: column;
  }

  .termocare-nav {
    flex-direction: column;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 14px;
  }

  .navigation-menu {
    justify-content: space-around;
    padding-left: 1em;
    padding-right: 1em;
  }

  .navigation-icon {
    text-align: center;
    min-height: 20px;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .box-padding.mobile-flex-padding {
    justify-content: flex-start;
    align-items: center;
    padding-left: 1em;
    padding-right: 1em;
    display: flex;
  }

  .grey-2 {
    font-size: 18px;
  }

  .modal-1-popup-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: none;
  }

  .left-arrow-4 {
    right: 10%;
  }

  .card-front-2 {
    width: 375px;
  }

  .card-wrapper-store {
    padding-top: 10px;
    padding-bottom: 200px;
  }

  .popup-heading-2 {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .container-22 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 0;
  }

  .modal-content-2 {
    padding: 4rem 2rem;
  }

  .heading-wrapper-2 {
    margin-bottom: 40px;
  }

  .card-title-2 {
    font-size: 30px;
  }

  .text-block-185 {
    font-size: 14px;
  }

  .div-block-502.home.mobile.ipad {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-106 {
    line-height: 1.1;
  }

  .paragraph-71.tradein {
    font-size: 20px;
    line-height: 1.2;
  }

  .container-23 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-24.eyyy {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading-107 {
    font-size: 60px;
  }

  .div-block-509 {
    margin-left: 40px;
  }
}

@media screen and (max-width: 479px) {
  .container {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .container-2 {
    flex: 1;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .container-2.nav {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-2.nav.home.phone {
    justify-content: space-between;
  }

  .container-2.nav.home.phone.ipad {
    height: 100%;
  }

  .brand-text-holder.w--current {
    z-index: 2;
    justify-content: flex-start;
    align-items: center;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .brand-text-holder.segment-background-white.w--current {
    width: auto;
    height: auto;
    min-height: auto;
    position: sticky;
  }

  .nav-menu {
    z-index: 1;
    box-sizing: content-box;
    flex: 1;
    width: 100vw;
    height: 100vh;
    padding-top: 0;
    display: block;
    position: fixed;
    overflow: visible;
  }

  .nav-menu.iphone {
    z-index: 1;
    text-align: center;
    background-color: #fff0;
    flex: none;
    width: auto;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    position: absolute;
    inset: 0% 0% 0;
  }

  .clone-this-holder {
    padding-right: 10px;
  }

  .termolima-logo.inverted {
    filter: none;
  }

  .menu-button-2.w--open {
    color: #333;
    background-color: #fff0;
    font-family: Sf Pro Display, sans-serif;
  }

  .menu-button-2.iphone {
    z-index: 10;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0;
    display: flex;
    position: sticky;
    inset: 0%;
  }

  .menu-button-2.iphone.w--open {
    z-index: 2;
    color: #000;
    background-color: #0000;
    border: 1px solid #0000;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: static;
    inset: 0% 0% 0% auto;
  }

  .navbar.desk.mobile.phone {
    z-index: 4;
  }

  .navbar.iphone {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #dededeb3;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .navbar.iphone.large {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .navbar.iphone.large.termocare {
    z-index: 99;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    inset: 0%;
  }

  .navbar.iphone.large.termocare.fix {
    background-color: #ffffffd9;
  }

  .homenav {
    color: #333;
    margin-left: 0;
    margin-right: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
  }

  .homenav.impianti {
    color: #333;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.1;
    position: relative;
  }

  .homenav.impianti._25 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    display: flex;
  }

  .homenav.impianti.mobile {
    padding-left: 0;
  }

  .homenav.impianti.mob {
    color: #333;
    padding-left: 0;
  }

  .homenav.impianti.mob.current {
    color: #333;
  }

  .homenav.idraulici {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
    display: block;
  }

  .navbar-categories-group {
    z-index: 2;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    text-align: left;
    background-color: #0d0d0d;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100vh;
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 0;
    padding-left: 50px;
    font-family: Sf Pro Display, sans-serif;
    font-size: 25px;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .iphone14-text {
    font-size: 16px;
  }

  .button {
    padding-left: 12px;
    padding-right: 12px;
  }

  .heading-2.elettricisti.mobile {
    font-size: 40px;
    font-weight: 400;
  }

  .heading-2.idraulici {
    font-size: 40px;
    font-weight: 500;
  }

  .heading-2.impianti {
    font-size: 4rem;
  }

  .heading-2.impianti.mobile {
    font-size: 40px;
  }

  .text-block-2, .text-block-2.subsub {
    font-size: 20px;
  }

  .text-block-3 {
    font-size: 13px;
  }

  .benefici-button {
    box-shadow: none;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 13px;
  }

  .benefici-button.business.home {
    box-shadow: none;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .benefici-button.business.home:hover {
    box-shadow: none;
  }

  .benefici-button.aria.benefici.staccato {
    margin-top: 0;
    margin-left: 0;
  }

  .benefici-button.aria.benefici.staccato.mobile {
    margin-top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .benefici-button.mobile {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .benefici-button.navbot {
    box-shadow: none;
    padding: 8px 17px;
  }

  .benefici-button.small {
    padding: 8px 17px;
  }

  .button-3 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
  }

  .button-3.business.home {
    margin-left: 0;
  }

  .button-3.business.home.mobile {
    text-align: center;
    margin-left: 0;
    text-decoration: none;
  }

  .button-3.business.home.mobile.ipad {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .button-3.mobile {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    text-decoration: none;
  }

  .button-3.mobile.small {
    color: #fff;
    border-color: #fff;
    margin-top: 0;
    margin-left: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button-3.mobile.small.inizio {
    color: #0472e3;
    border-color: #0472e3;
  }

  .div-block-2 {
    text-align: left;
    margin-top: 15px;
  }

  .div-block-2.home.mobile {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-2.home.mobile.ipad {
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-2.iphone {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .div-block-2.mobile.small {
    flex-flow: column;
    display: flex;
  }

  .landing.pagina {
    padding-top: 40px;
  }

  .landing.pagina.hvac {
    margin-left: 30px;
  }

  .landing.hvac {
    z-index: 1;
    height: 100vh;
    margin-top: -50px;
    position: static;
  }

  .landing.hvac.phone {
    margin-top: -50px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-4 {
    text-align: center;
    flex: 0 auto;
    width: auto;
    max-width: none;
    display: flex;
  }

  .div-block-4.mob {
    width: auto;
    max-width: none;
  }

  .image.impianti {
    flex: 0 auto;
  }

  .electrician.mobile {
    background-position: 0 0, 80%;
    height: 90vh;
    padding: 50px 30px 0;
  }

  .plumbers {
    color: #333;
    background-color: #434343;
    background-image: linear-gradient(#0000003d, #00000026), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751c62c46e58cde70cc40a0_0123_NB_Reno-Panner_AlexandrasClient-7-scaled.jpg.optimal.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    height: 90vh;
    padding: 50px 30px 0;
  }

  .container-3 {
    max-width: none;
  }

  .bold-text {
    font-size: 20px;
  }

  .bold-text.mobsub {
    color: #fff;
  }

  .bold-text.mob {
    font-size: 20px;
  }

  .grid._2, .grid._1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .card-overline {
    font-weight: 400;
  }

  .card-overline.white {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
  }

  .card-overline.white.if._1 {
    font-size: 1rem;
  }

  .card-overline.white.pop._1 {
    color: #fff;
    font-size: 1rem;
    line-height: 1.1;
  }

  .card-overline.white.oopopop {
    font-size: 12px;
  }

  .card-overline.white._1 {
    font-size: 1rem;
  }

  .card-overline.black {
    color: #333;
  }

  .product-card {
    width: 300px;
    height: 500px;
  }

  .product-card._1 {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 250px;
    flex: none;
    width: 300px;
    height: 450px;
    display: block;
  }

  .product-card._1.mobile {
    width: 300px;
    height: 450px;
    margin-right: 20px;
  }

  .product-card._1.mobile.electro {
    height: 500px;
  }

  .product-card._1.mobile.idraulici {
    height: 600px;
  }

  .product-card.watch {
    width: 300px;
    height: 450px;
  }

  .product-card.watch.uv.gbc {
    height: 500px;
  }

  .product-card.watch.monitor {
    margin-right: 30px;
  }

  .product-card.watch.monitor.electro {
    height: 500px;
    margin-right: 30px;
  }

  .product-card.watch.monitor.electro.se, .product-card.watch.monitor.idraulici, .product-card.watch.monitor.mqa {
    margin-right: 30px;
  }

  .product-card.watch.monitor.mqa._0 {
    height: 500px;
    margin-right: 0;
  }

  .product-card.watch.monitor.t {
    margin-right: 30px;
  }

  .product-card.watch.monitor.t._0 {
    height: 500px;
    margin-right: 0;
  }

  .product-card._3 {
    background-size: 250px;
    width: 300px;
    height: 450px;
    margin-left: 30px;
  }

  .product-card._3.split.why {
    height: 400px;
  }

  .product-card._3.split.why._2.last, .product-card._3.split.why._2.lastone {
    margin-right: 30px;
  }

  .product-card._3.split.why._2.lastone._0 {
    margin-right: 0;
  }

  .product-card._3.split.why._2.techno {
    -webkit-text-fill-color: inherit;
    background-color: #fffdfd;
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6756c28bc5716533edaf8937_premium_photo-1672201106204-58e9af7a2888.avif");
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-clip: border-box;
    flex: none;
  }

  .product-card._3.split.electro, .product-card._3.split.idraulici.ps.pipipi {
    height: 500px;
  }

  .product-card._3.purificatore.electro {
    background-image: linear-gradient(#0009 11%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6747d1cbddbc1076939561dc_electrician-testing-industrial-machine-PW7XEXK.avif");
    background-position: 0 0, 0 100%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    height: 500px;
  }

  .product-card._3.purificatore.rm, .product-card._3.purificatore.p, .product-card._3.purificatore.ivrf, .product-card._3.purificatore.shvacs, .product-card._3.purificatore.tcare {
    height: 500px;
  }

  .product-card._2 {
    flex: none;
    width: 300px;
    height: 450px;
  }

  .product-card._2.mobile {
    margin-right: 20px;
  }

  .product-card._2.mobile.pompedicalore.electro, .product-card._2.mobile.pompedicalore.electro.pannello, .product-card._2.mobile.pompedicalore.idraulici.gsvgsg.dvdfdfd, .product-card._2.mobile.scaldabagno.electro, .product-card._2.mobile.scaldabagno.idraulici.gd, .product-card._2.mobile.deumidificatore {
    height: 500px;
  }

  .product-card.ipad {
    width: 300px;
    height: 450px;
  }

  .product-card.ipad.ultimo {
    width: 300px;
    height: 450px;
    margin-right: 40px;
  }

  .product-card.ipad.ultimo.electro {
    height: 500px;
    margin-right: 30px;
  }

  .product-card.ipad.ultimo.idraulici {
    height: 600px;
    margin-right: 30px;
  }

  .product-card.ipad.ventilatore.electro, .product-card.ipad.ventilatore.installazione, .product-card.ipad.ventilatore.msv, .product-card.ipad.ventilatore.ijijoiujh, .product-card.ipad.ventilatore.uppupup, .product-card.ipad.ventilatore.w4t34ttwt44w {
    height: 500px;
  }

  .product-card.small {
    width: 300px;
    height: 350px;
    margin-right: 20px;
  }

  .product-card.small.primo.unico {
    width: 250px;
    height: 300px;
    margin-left: 30px;
  }

  .product-card.small.primo.unico.hvac {
    width: 300px;
    height: 350px;
  }

  .product-card.small.ultimo {
    margin-left: 0;
    margin-right: 0;
  }

  .product-card.small.ultimo.cancella, .product-card.small.ultimo.cancella-finale, .product-card.small.ultimo.cancella-finale.popop {
    margin-right: 30px;
  }

  .product-card.small.facts.banana {
    width: 300px;
    height: 350px;
  }

  .product-card._3.first-support {
    background-position: 50% 80%;
    background-size: 200px;
    width: 300px;
    height: 500px;
    margin-left: 0;
    margin-right: 0;
  }

  .product-card._1 {
    background-size: cover;
    width: 300px;
    height: 450px;
    margin-right: 0;
  }

  .product-card._2 {
    width: 300px;
    height: 450px;
    margin-right: 0;
  }

  .product-card._2.support {
    height: 500px;
  }

  .product-card.mobile {
    width: 300px;
    height: 450px;
  }

  .product-card.lighting-repair {
    width: 300px;
    height: 500px;
  }

  .product-card.cablaggio {
    margin-right: 0;
  }

  .product-card.backflow, .product-card.pipe-insulation {
    margin-right: 30px;
  }

  .product-card.leak-detection-and-repair, .product-card.grease-trap-installation-and-maintenance {
    margin-left: 30px;
  }

  .product-card.boiler-installation-and-repair {
    margin-right: 30px;
  }

  .product-card.energy-optimization-for-businesses {
    width: 300px;
    margin-right: 0;
  }

  .product-card.manutenzione-stagionale {
    width: 300px;
    margin-right: 30px;
  }

  .product-card.manutenzione-stagionale._0 {
    height: 500px;
    margin-right: 0;
  }

  .product-card.radiant-floor-heating {
    margin-left: 30px;
  }

  .product-card.gas-line-services, .product-card.pressione-e-flusso {
    margin-right: 30px;
  }

  .product-card.plumbing-inspections {
    margin-left: 30px;
  }

  .product-card.consultazione-e-pianificazione {
    width: 300px;
    margin-right: 30px;
  }

  .product-card.consultazione-e-pianificazione._0 {
    height: 500px;
    margin-right: 0;
  }

  .product-card.interruttori-differenziali {
    margin-left: 30px;
    display: block;
  }

  .product-card.sustainable {
    width: 300px;
    height: 500px;
    margin-right: 0;
  }

  .product-card.energy-recovery-systems {
    background-image: linear-gradient(#00000070 51%, #fff0), url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/675644889bf72f24b2312a83_Zero-Emission-Energy-Recovery-Brake-System.avif");
    background-position: 0 0, 50%;
    background-size: auto, cover;
    width: 300px;
    height: 500px;
  }

  .product-card.energy-audits {
    width: 300px;
    height: 500px;
    margin-left: 30px;
  }

  .product-card.renewable-energy-integration {
    width: 300px;
    height: 500px;
  }

  .product-card.first {
    margin-left: 30px;
  }

  .product-card.businesscablaggio {
    margin-right: 0;
  }

  .product-card.ott {
    height: 500px;
  }

  .product-card.altriservizi {
    height: 500px;
    margin-right: 0;
  }

  .product-card.preventivo.supporto {
    margin-right: 0;
  }

  .scroll-map-wrapper.aria.migliorato {
    margin-left: 0;
    margin-right: 0;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 30px;
  }

  .scroll-map-wrapper.aria.migliorato.ola {
    padding-right: 0;
  }

  .scroll-map-wrapper.aria.migliorato.electro {
    margin-left: 0;
    margin-right: 0;
  }

  .scroll-map-wrapper.aria.migliorato._30, .scroll-map-wrapper.aria.migliorato.business {
    padding-right: 30px;
  }

  .scroll-map-wrapper.finale {
    padding-top: 30px;
    padding-right: 30px;
  }

  .scroll-map-wrapper.finale.hvac.mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .scroll-map-wrapper.finale.hvac.mobile.prova-finale {
    padding-right: 0;
  }

  .container-4.cards {
    flex-flow: column;
    padding-left: 0;
  }

  .container-4.grid.pad-80 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 2fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: space-between;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .text-block-7.piccolo {
    font-size: 1rem;
    line-height: 15px;
  }

  .div-block-16 {
    height: 100%;
  }

  .lista {
    width: auto;
    padding-right: 0;
  }

  .qualit-dall-aria.purificatore-d-aria {
    color: #333;
    font-size: 30px;
    font-weight: 700;
  }

  .qualit-dall-aria.purificatore-d-aria.aria.bi {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.1;
  }

  .qualit-dall-aria.purificatore-d-aria.aria.bi.nero {
    font-weight: 500;
  }

  .qualit-dall-aria.purificatore-d-aria.why {
    color: #333;
    font-weight: 700;
  }

  .qualit-dall-aria.purificatore-d-aria.why.technoe {
    font-weight: 700;
  }

  .qualit-dall-aria.purificatore-d-aria.pipe {
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
  }

  .qualit-dall-aria.purificatore-d-aria.gjvhvhgvhg {
    font-weight: 500;
    line-height: 1.1;
  }

  .qualit-dall-aria.umidificatore, .qualit-dall-aria.deumidificatori {
    font-size: 25px;
  }

  .qualit-dall-aria.deumidificatori.bianco, .qualit-dall-aria.deumidificatori.ac {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.1;
  }

  .qualit-dall-aria.deumidificatori.bi, .qualit-dall-aria.deumidificatori.bi._2 {
    font-size: 2rem;
    font-weight: 500;
  }

  .qualit-dall-aria.deumidificatori.white, .qualit-dall-aria.ventilatori {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.1;
  }

  .qualit-dall-aria.ventilatori.aria.bi, .qualit-dall-aria.ventilatori.aria.bi.ijwoifjwiorej {
    font-weight: 500;
  }

  .qualit-dall-aria.ventilatori.aria.bi._2 {
    font-size: 2rem;
  }

  .hvac-head-category {
    margin-top: 130px;
  }

  .head-category {
    margin-left: 0;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-8 {
    font-size: 3rem;
    line-height: 1.1;
  }

  .card-header-2 {
    font-size: 2rem;
    line-height: 1.1;
  }

  .card-header-2.nota {
    font-size: 1rem;
  }

  .container-5.u-flex-center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .grid_2_columns {
    text-align: center;
    flex: 0 auto;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    place-items: center;
    padding-left: 50px;
    padding-right: 50px;
    display: block;
  }

  .feature-grid {
    margin-top: 30px;
    margin-right: 0;
  }

  .paragraph {
    font-size: 12px;
    font-weight: 400;
  }

  .div-block-20 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-21 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    display: block;
  }

  .text-block-9 {
    font-size: 1rem;
    line-height: 1.1;
  }

  .text-block-9.iniiale {
    color: #e61919;
    font-size: 1rem;
    line-height: 1.1;
  }

  .text-block-10 {
    font-size: 15px;
  }

  .heading-9 {
    font-size: 3rem;
    line-height: 1.1;
  }

  .bold-text-3 {
    font-size: 25px;
  }

  .bold-text-3.nero {
    font-size: 2rem;
    line-height: 1.1;
  }

  .bold-text-3.nero._2-5 {
    font-size: 2rem;
  }

  .bold-text-4 {
    font-size: 25px;
  }

  .bold-text-4.nero {
    font-size: 2rem;
    line-height: 1.1;
  }

  .bold-text-4.nero._2-5 {
    font-size: 2rem;
  }

  .bold-text-5 {
    font-size: 25px;
    line-height: 25px;
  }

  .bold-text-6 {
    font-size: 25px;
  }

  .bold-text-6.nero {
    font-size: 2rem;
    line-height: 1.1;
  }

  .bold-text-6.nero._2-5 {
    font-size: 2rem;
  }

  .bold-text-7 {
    font-size: 2rem;
    line-height: 1.1;
  }

  .bold-text-7.nota, .bold-text-7.nota.emergenza {
    font-size: 1rem;
  }

  .bold-text-7._2-5, .bold-text-8 {
    font-size: 2rem;
  }

  .bold-text-9 {
    font-size: 2rem;
    line-height: 1.1;
  }

  .bold-text-10 {
    font-size: 25px;
  }

  .bold-text-10.nero {
    font-size: 2rem;
    line-height: 1.1;
  }

  .servizi {
    color: #fff;
    margin-top: 150px;
    padding-top: 15em;
  }

  .servizi.no-space {
    padding-top: 0;
  }

  .i-nostri-sistemi {
    margin-top: 130px;
  }

  .div-block-25 {
    margin-left: 0;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-11 {
    font-family: Sf Pro Display, sans-serif;
    font-size: 1rem;
    line-height: 1.1;
  }

  .heading-10 {
    font-size: 30px;
    line-height: 35px;
  }

  .heading-10.nero {
    font-size: 3rem;
    line-height: 1.1;
  }

  .heading-10.nero._2-5 {
    font-size: 3rem;
  }

  .text-block-12 {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
  }

  .div-block-26 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    width: auto;
    display: block;
  }

  .bold-text-11 {
    font-size: 30px;
    line-height: 35px;
  }

  .bold-text-11.nero {
    color: #333;
    font-size: 3rem;
    line-height: 1.1;
  }

  .div-block-27 {
    margin-left: 0;
    margin-right: 0;
  }

  .footer-breadcrumbs-wrapper {
    border-top-style: none;
    max-width: none;
  }

  .finale, .finale.home {
    padding-left: 30px;
    padding-right: 30px;
  }

  .finale.home.iphone {
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .finale.home.iphone.new.big {
    margin-top: 15vh;
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .site-map {
    flex-wrap: wrap;
  }

  .gallery-7-title {
    text-align: center;
    width: 100%;
    padding-left: 0;
  }

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

  .gallery-bento {
    width: 100%;
  }

  .gallery-bento.gallery-position.gallery-end.gallery-b-5 {
    height: 500px;
    padding: 30px;
  }

  .gallery-bento.gallery-end.gallery-b-2.hvac {
    padding: 20px;
  }

  .gallery-bento.gallery-end.gallery-b-2.hvac._30 {
    padding: 30px;
  }

  .gallery-bento.gallery-end.gallery-b-2.hvac._30.new {
    height: 500px;
  }

  .gallery-bento.gallery-b-3 {
    height: 500px;
    max-height: none;
    padding: 20px;
  }

  .gallery-bento.gallery-b-3._30 {
    padding: 30px;
  }

  .gallery-bento.gallery-b-3._30.new {
    justify-content: flex-start;
    align-items: flex-start;
    height: 500px;
  }

  .gallery-bento.gallery-flex-1.gallery-b-4 {
    padding: 30px;
  }

  .gallery-bento.gallery-flex-1.gallery-b-4.new {
    background-position: 0 0, 12%;
    justify-content: flex-start;
    align-items: stretch;
    height: 500px;
  }

  .beautifull-durable {
    font-size: 40px;
  }

  .beautifull-durable.novita {
    font-size: 12px;
  }

  .beautifull-durable.novita.body {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.2;
  }

  .gallery-flex {
    flex-direction: column;
  }

  .gallery-bento-4-text {
    text-align: left;
    font-size: 40px;
    line-height: 1.1;
  }

  .design {
    flex-direction: column;
    grid-template: "Area Area-2"
                   ". ."
                   ". ."
                   ". ."
                   ". ."
                   ". ."
                   ". ."
                   / 1fr;
    grid-auto-flow: row dense;
    max-width: none;
    display: flex;
  }

  .design.hvac {
    padding-left: 0;
    padding-right: 0;
  }

  .design.hvac.iphone {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .gallery-7-description {
    text-align: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .heading-11 {
    font-size: 30px;
  }

  .heading-11.mobile {
    font-size: 40px;
  }

  .div-block-28, .div-block-29 {
    margin-top: 10px;
  }

  .section-3 {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .section-3.mobile {
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
  }

  .link-block {
    top: auto;
  }

  .logo {
    height: 30px;
  }

  .tab {
    width: 100%;
    height: 150px;
    margin-top: 40px;
  }

  .tab.desktop.mobile {
    width: 80vw;
    height: 200px;
  }

  .cloud {
    max-width: 100%;
    height: 100px;
  }

  .shadow {
    width: 225px;
    height: 150px;
    position: static;
    overflow: visible;
  }

  .heading-12 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 1.1;
  }

  .priorita {
    padding-bottom: 0;
  }

  .paragraph-2 {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.3;
  }

  .termocare-options {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .section-4 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .cosa-copre {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .linea-1 {
    margin-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .grid-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading-13 {
    font-family: Sf Pro Display, sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
  }

  .heading-13.okcomputer {
    text-align: left;
    line-height: 1.1;
  }

  .heading-13.okcomputer.black {
    text-align: right;
  }

  .paragraph-3 {
    font-size: 20px;
    line-height: 1.3;
  }

  .paragraph-3.black, .paragraph-4.black {
    font-size: 1rem;
  }

  .heading-14 {
    line-height: 1.5;
  }

  .foot {
    padding-left: 30px;
    padding-right: 30px;
  }

  .foot.iphone {
    max-width: 100%;
    margin-top: 3rem;
  }

  .div-block-33 {
    flex-flow: column;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .bold-text-12 {
    font-weight: 500;
  }

  .text-block-15.link, .bold-text-13 {
    font-size: 12px;
  }

  .div-block-35 {
    margin-top: 20px;
  }

  .heading-15.h1 {
    font-family: Sf Pro Display, sans-serif;
    font-size: 30px;
    line-height: 40px;
  }

  .text-span {
    font-family: Sf Pro Display, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
  }

  .section-7 {
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .section-8.support {
    width: auto;
  }

  .scroll-map-wrapper-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
  }

  .icon.accordion-icon {
    font-size: 15px;
    display: none;
  }

  .accordion-wrapper {
    flex-flow: column;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 13px;
    display: flex;
  }

  .accordion-item-trigger {
    flex-flow: column;
  }

  .accordion-heading {
    font-family: Sf Pro Display, sans-serif;
    font-size: 1.5rem;
    line-height: 1.3;
  }

  .header-center-box._75 {
    width: 90%;
  }

  .content-wrapper.slim {
    flex-flow: column;
    margin-top: 160px;
    display: flex;
  }

  .accordion-item {
    border: 1px solid #a7a7a7;
    border-radius: 30px;
    width: auto;
    padding: 25px;
  }

  .section_header.mobile {
    font-family: Sf Pro Display, sans-serif;
  }

  .section_text {
    font-family: Sf Pro Display, sans-serif;
    font-size: 20px;
  }

  .section_text.yellow {
    font-family: Sf Pro Display, sans-serif;
    font-size: 25px;
  }

  .section_text.white {
    font-family: Sf Pro Display, sans-serif;
    font-size: 20px;
  }

  .custom_container.sections {
    padding-left: 30px;
    padding-right: 30px;
  }

  .custom_container.sections.iphone {
    margin-bottom: 0;
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .button-4 {
    padding: 12px 20px;
  }

  .button-4.margin-right.black.mobile {
    margin-right: 0;
  }

  .section-9.hero.mobile {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6722cb91778d2a69c3822d6a_image.avif");
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    height: auto;
    padding: 50px 30px 0;
    display: flex;
  }

  .btn-group.iphone {
    text-align: center;
    margin-bottom: 100px;
  }

  .btn-group.iphone.mobileeee {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .btn-group.mobile {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .section-10.iphone-12-pro.mobile {
    background-position: 0 0, 50% 0;
    background-size: auto, auto;
    padding-top: 65vh;
  }

  .section-subtext {
    text-align: center;
    font-size: 15px;
  }

  .section-subtext.titolo.iphone {
    font-size: 40px;
  }

  .section-11.iphone-12 {
    padding-top: 65vh;
  }

  .section-13.homepod.mobile {
    background-position: 50% 0;
    background-size: cover;
  }

  .icon-2 {
    opacity: 1;
    pointer-events: auto;
    mix-blend-mode: normal;
  }

  .text-block-16 {
    font-size: 12px;
  }

  .bold-text-16 {
    font-family: Sf Pro Display, sans-serif;
    font-size: 1.5rem;
  }

  .heading-16 {
    text-align: left;
    font-family: Sf Pro Display, sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
  }

  .heading-16.white {
    font-size: 40px;
  }

  .paragraph-5 {
    color: #3f3f3f;
    text-align: center;
    margin-top: 10px;
    font-family: Sf Pro Display, sans-serif;
    font-size: 12px;
  }

  .div-block-37 {
    line-height: 1.5;
  }

  .div-block-38 {
    height: 1px;
    max-height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .heading-17.iphone {
    text-align: center;
    font-size: 40px;
    line-height: 1.1;
  }

  .heading-18.iphone {
    font-size: 40px;
  }

  .div-block-40 {
    margin-top: -50px;
  }

  .heading-19 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Sf Pro Display, sans-serif;
    font-size: 60px;
    font-weight: 500;
  }

  .piu, .piu.white {
    background-size: 50%;
  }

  .text-span-20 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .wallet_int {
    padding-top: 21vw;
  }

  .flip_card {
    width: auto;
  }

  .paragraph-7 {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-size: 2px;
    font-weight: 500;
    line-height: 23px;
    display: block;
  }

  .clone-button-sc {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 25vw;
    padding-left: 0;
    display: none;
  }

  .text-span-43 {
    display: block;
  }

  .h2 {
    text-align: left;
    margin-bottom: 0;
    font-size: 48px;
    font-weight: 600;
    line-height: 52px;
    display: block;
  }

  .h2.half_white {
    font-size: 6vw;
  }

  .h2.blue {
    font-size: 8.5vw;
    line-height: 9vw;
  }

  .h2.wrap {
    text-align: left;
    margin-bottom: 20px;
  }

  .loyaltiy_and {
    display: none;
  }

  .text-span-18 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .text-span-6 {
    display: flex;
  }

  .bold-text-17 {
    font-size: 8px;
  }

  .bold-text-5-copy {
    justify-content: center;
    margin-top: auto;
    display: flex;
  }

  .headline_area {
    height: 80vh;
  }

  .columns-3 {
    display: none;
  }

  .card-2 {
    width: 349px;
    height: 256px;
  }

  .card-2.fff_card {
    display: none;
  }

  .card-2.fff_card.mobile {
    border-radius: 3%;
    width: auto;
    height: 120vw;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-51 {
    overflow: hidden;
  }

  .text-span-13 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .div-block-54 {
    padding-top: 3vw;
  }

  .paragraph_wrap {
    display: none;
  }

  .paragraph_wrap.mobile {
    text-align: left;
    margin-bottom: 0;
    font-size: 15px;
    display: block;
  }

  .payment_reward {
    padding-left: 8vw;
    padding-right: 7vw;
  }

  .column-4 {
    margin-top: 3vw;
  }

  .clone {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .column-2 {
    height: 30%;
  }

  ._56vw_spacer {
    height: 100vh;
  }

  .text-span-11 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .column {
    height: 80%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  ._1-5vw_spacer {
    height: 5vw;
  }

  .credits {
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 14px;
  }

  .card {
    border-radius: 5%;
    width: 100%;
  }

  .card._2nd_black_card, .card.fff_card {
    display: none;
  }

  .card.white_under_black {
    width: auto;
    display: none;
  }

  .wallet_icon {
    width: 32vw;
    height: 32vw;
  }

  .text-span-19 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  ._2nd_section {
    height: 200vh;
  }

  ._2nd_section.mob {
    height: auto;
  }

  .div-block-9-copy {
    justify-content: flex-start;
    padding-left: 7vw;
  }

  .text-span-12 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .card_section.fixed {
    height: auto;
    margin-bottom: 0;
    padding: 50vw 30px 15vw;
  }

  .card_section.fixed.firsfirst {
    margin-top: auto;
    padding-top: 10vw;
  }

  .grid-4 {
    grid-column-gap: 0px;
    width: 100%;
  }

  .main, .main.phone {
    display: block;
  }

  .h2-2 {
    text-align: left;
    margin-bottom: 0;
    font-size: 38px;
    line-height: 39px;
    display: block;
  }

  .carry-one-thing {
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-span-28 {
    font-size: 48px;
    line-height: 52px;
    display: block;
  }

  .button-5 {
    margin-top: 20px;
    padding: 12px 22px;
    font-size: 17px;
  }

  .div-block-58 {
    justify-content: flex-start;
  }

  .image-19 {
    background-image: none;
    height: 105%;
    top: -6vw;
  }

  .text-span-45 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .text-span-48 {
    display: block;
  }

  .text-span-57 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .text-span-58 {
    display: flex;
  }

  .bold-text-20 {
    font-size: 8px;
  }

  .columns-4 {
    display: none;
  }

  .div-block-71 {
    overflow: hidden;
  }

  .text-span-61 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .div-block-74 {
    padding-top: 3vw;
  }

  .column-9 {
    margin-top: 3vw;
  }

  .column-11 {
    height: 30%;
  }

  .text-span-63 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .column-12 {
    height: 80%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .card-3 {
    border-radius: 5%;
    width: 100%;
  }

  .card-3._2nd_black_card, .card-3.fff_card {
    display: none;
  }

  .card-3.white_under_black {
    width: auto;
    display: none;
  }

  .text-span-64 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .wallet_text-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-span-65 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .grid-6 {
    grid-column-gap: 0px;
    width: 100%;
  }

  .h2-3 {
    text-align: left;
    margin-bottom: 0;
    font-size: 38px;
    line-height: 39px;
    display: block;
  }

  .text-span-66 {
    font-size: 48px;
    line-height: 52px;
    display: block;
  }

  .button-6 {
    margin-top: 20px;
    padding: 12px 22px;
    font-size: 17px;
  }

  .div-block-79 {
    justify-content: flex-start;
  }

  .image-20 {
    background-image: none;
    height: 105%;
    top: -6vw;
  }

  .text-span-70 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .wallet_icon-2 {
    width: 32vw;
    height: 32vw;
  }

  .text-span-73 {
    display: block;
  }

  .text-span-81 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .text-span-82 {
    display: flex;
  }

  .bold-text-23 {
    font-size: 8px;
  }

  .columns-6 {
    display: none;
  }

  .card-4 {
    width: 349px;
    height: 256px;
  }

  .card-4.fff_card {
    display: none;
  }

  .card-4.fff_card.mobile {
    border-radius: 3%;
    width: auto;
    height: 120vw;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-95 {
    overflow: hidden;
  }

  .text-span-84 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .div-block-98 {
    padding-top: 3vw;
  }

  .column-15 {
    margin-top: 3vw;
  }

  .column-17 {
    height: 30%;
  }

  .text-span-86 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .text-span-87 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .text-span-88 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .grid-9 {
    grid-column-gap: 0px;
    width: 100%;
  }

  .h2-4 {
    text-align: left;
    margin-bottom: 0;
    font-size: 38px;
    line-height: 39px;
    display: block;
  }

  .text-span-89 {
    font-size: 48px;
    line-height: 52px;
    display: block;
  }

  .button-7 {
    margin-top: 20px;
    padding: 12px 22px;
    font-size: 17px;
  }

  .div-block-102 {
    justify-content: flex-start;
  }

  .image-21 {
    background-image: none;
    height: 105%;
    top: -6vw;
  }

  .text-span-90 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .text-span-93 {
    display: block;
  }

  .h2-5 {
    text-align: left;
    margin-bottom: 0;
    font-size: 48px;
    font-weight: 600;
    line-height: 52px;
    display: block;
  }

  .h2-5.half_white {
    font-size: 6vw;
  }

  .h2-5.blue {
    font-size: 8.5vw;
    line-height: 9vw;
  }

  .h2-5.wrap {
    text-align: left;
    margin-bottom: 20px;
  }

  .text-span-101 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .text-span-103 {
    display: flex;
  }

  .bold-text-26 {
    font-size: 8px;
  }

  .columns-8 {
    display: none;
  }

  .card-5 {
    width: 349px;
    height: 256px;
  }

  .card-5.fff_card {
    display: none;
  }

  .card-5.fff_card.mobile {
    border-radius: 3%;
    width: auto;
    height: 120vw;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-117 {
    overflow: hidden;
  }

  .text-span-107 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .div-block-120 {
    padding-top: 3vw;
  }

  .column-20 {
    margin-top: 3vw;
  }

  .column-22 {
    height: 30%;
  }

  .text-span-111 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .column-23 {
    height: 80%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .text-span-112 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .text-span-113 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .grid-11 {
    grid-column-gap: 0px;
    width: 100%;
  }

  .text-span-114 {
    font-size: 48px;
    line-height: 52px;
    display: block;
  }

  .div-block-124 {
    justify-content: flex-start;
  }

  .image-22 {
    background-image: none;
    height: 105%;
    top: -6vw;
  }

  .text-span-115 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .text-span-118 {
    display: block;
  }

  .h2-6 {
    text-align: left;
    margin-bottom: 0;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.1;
    display: block;
  }

  .h2-6.half_white {
    font-size: 6vw;
  }

  .h2-6.blue {
    font-size: 8.5vw;
    line-height: 9vw;
  }

  .h2-6.wrap {
    text-align: left;
    margin-bottom: 20px;
  }

  .text-span-127 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .text-span-129 {
    display: flex;
  }

  .bold-text-29 {
    font-size: 8px;
  }

  .columns-10 {
    display: none;
  }

  .card-6 {
    width: 349px;
    height: 256px;
  }

  .card-6.fff_card {
    display: none;
  }

  .card-6.fff_card.mobile {
    border-radius: 3%;
    width: auto;
    height: 120vw;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-136 {
    overflow: hidden;
  }

  .text-span-133 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .div-block-140 {
    padding-top: 3vw;
  }

  .column-27 {
    height: 30%;
  }

  .text-span-137 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .column-28 {
    height: 80%;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .text-span-138 {
    font-size: 6.5vw;
    line-height: 7vw;
  }

  .text-span-139 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .text-span-140 {
    font-size: 48px;
    line-height: 1.1;
    display: block;
  }

  .div-block-146 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 30vh;
    padding-left: 0;
    padding-right: 0;
  }

  .image-24 {
    background-image: none;
    height: 105%;
    top: -6vw;
  }

  .paragraph-10.mobile {
    font-size: 60px;
    line-height: 1.1;
  }

  .paragraph-10.mobile.termolima {
    text-align: center;
    font-size: 4rem;
    font-weight: 500;
  }

  .div-block-147 {
    margin-left: 0;
    margin-right: 0;
    font-family: Sf Pro Display, sans-serif;
    font-size: 3rem;
    line-height: 1.1;
  }

  .heading-28 {
    color: #333;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
  }

  .heading-28.lastoneoneone {
    color: #333;
  }

  .heading-28.bllack {
    color: #333;
    font-size: 3rem;
  }

  .heading-28.mobile, .heading-28.business.phoneeee {
    color: #fff;
  }

  .container-7 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-7.hero__container {
    height: 300px;
    margin-bottom: 60px;
  }

  .container-7.hero-content {
    padding: 40px 10px 60px;
  }

  .container-7.padding-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero__sub-heading {
    font-size: 16px;
  }

  .hero__heading {
    font-size: 60px;
  }

  .header-overlay {
    z-index: 1;
  }

  .hero-2 {
    padding-bottom: 0;
  }

  .paragraph-11 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
  }

  .less-bezel__image-mask {
    background-size: 300px 278px;
    width: 300px;
    height: 278px;
  }

  .less-bezel__lottie {
    width: 300px;
    height: 278px;
    top: 9px;
    left: 2px;
  }

  .less-bezel {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .less-bezel__image {
    background-position: 50%;
    background-size: 300px 278px;
    width: 300px;
    height: 278px;
  }

  .less-bezel__header {
    margin-bottom: 20px;
    font-size: 30px;
  }

  .less-bezel__media-wrapper {
    width: 300px;
    height: 278px;
    margin-left: -150px;
  }

  .compare {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .compare__heading.compare__heading--left-align {
    text-align: center;
  }

  .compare__media-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .compare__para {
    width: auto;
  }

  .compare__flex {
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }

  .kick-glass__btn.kick-glass__btn--left.small.rigt__small {
    left: 0;
  }

  .kick-glass__para {
    font-size: 20px;
  }

  .kick-glass__para.download-glass__para {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
  }

  .lottie-animation {
    width: 100px;
  }

  .surgical-grade__flex {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .surgical-grade__header {
    font-size: 25px;
  }

  .surgical-grade__lottie {
    width: auto;
  }

  .water__content {
    top: auto;
  }

  .water {
    margin-bottom: 60px;
  }

  .water__image {
    background-position: 50%;
    background-size: 400px 367px;
    width: 400px;
    height: 367px;
    margin-left: -200px;
  }

  .water__heading {
    font-size: 40px;
  }

  .four-touch__meida-wrapper {
    width: 554px;
    height: 475px;
    margin-left: -277px;
  }

  .four-touch__image {
    background-size: 554px 475px;
  }

  .download__head {
    padding-left: 30px;
    padding-right: 30px;
    font-family: Sf Pro Display, sans-serif;
    font-size: 4rem;
    font-weight: 700;
  }

  .download__download-image {
    background-position: 0%;
    background-size: 200px;
    width: 200px;
    height: 70px;
    position: relative;
    left: -39px;
  }

  .download__device {
    width: auto;
    margin-left: 0;
  }

  .download__hardware {
    background-image: linear-gradient(to bottom, null, null);
    width: 100%;
  }

  .download__para {
    max-width: 360px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
  }

  .download__wrapper {
    width: 100%;
  }

  .download {
    height: auto;
  }

  .download__sub-head {
    padding-left: 30px;
    padding-right: 30px;
    font-family: Sf Pro Display, sans-serif;
    font-size: 2rem;
    font-weight: 500;
  }

  .download__hz-bottom {
    width: 100%;
  }

  .download__screen {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .download__downloading {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .download__ui-top {
    background-image: linear-gradient(to bottom, null, null);
    width: auto;
    height: 140px;
  }

  .download__movie-image {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674e5e774c683aec86ace14e_Mitsubishi-logo-red-on-white-isolated_o-1.avif");
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    width: 200px;
    height: 76px;
  }

  .download__movie-image.download__movie-image--2 {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/674e5e774c683aec86ace14e_Mitsubishi-logo-red-on-white-isolated_o-1.avif");
  }

  .download__movie-image.download__movie-image--3, .download__movie-image.download__movie-image--5, .download__movie-image.download__movie-image--6, .download__movie-image.download__movie-image7, .download__movie-image.download__movie-image--4 {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6756c28bc5716533edaf8937_premium_photo-1672201106204-58e9af7a2888.avif");
  }

  .download__download-tv {
    width: 100%;
  }

  .cell__para {
    font-size: 11px;
  }

  .lidar__content-overlay {
    width: 250%;
  }

  .lidar__scroll-container {
    height: 200vh;
  }

  .lidar__header.lidar__header--white, .lidar__header.lidar__header--gray {
    font-size: 40px;
  }

  .portrait-night__headline {
    font-family: Sf Pro Display, sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.2;
  }

  .center-content.row-column {
    flex-direction: column-reverse;
    justify-content: center;
  }

  .center-content.row-column.not-reverse {
    flex-direction: column;
  }

  .text-content {
    width: auto;
    max-width: 320px;
    padding-left: 40px;
  }

  .text-content.deep-fusion {
    min-width: auto;
    margin-left: auto;
    padding: 30px;
  }

  .text-content.deep-fusion.left, .text-content.deep-fusion.left.left--2 {
    left: auto;
  }

  .portriat-night__para.small.right-para {
    text-align: left;
    left: auto;
  }

  .pro-camera__image {
    background-size: 605px 347.5px;
    width: 605px;
    height: 347.5px;
    margin-left: -177px;
  }

  .row.space-between {
    flex-direction: column;
    align-items: center;
  }

  .image-fusion {
    margin-left: auto;
    margin-right: auto;
  }

  .camera__portrait-day {
    margin-top: 15px;
  }

  .camera {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  ._12-pro__image {
    background-size: 626px 297.5px;
    width: 626px;
    height: 297.5px;
    margin-left: -313px;
  }

  .portrait-night__headline-card {
    padding-left: 30px;
  }

  .raw__image-wrap, .raw__content {
    max-width: none;
  }

  .turbo__flex {
    flex-direction: column;
    align-items: center;
  }

  .skattable__lottie-wrap {
    width: 315px;
    height: 358px;
    margin-left: -157.5px;
  }

  .skattable {
    margin-top: 100px;
  }

  .mag-safe__lottie-wrap {
    width: 129px;
    height: 349px;
    margin-top: 100px;
  }

  .turbo-flex-image {
    max-width: none;
    position: relative;
    left: auto;
  }

  .instant-attraction {
    margin-bottom: 100px;
  }

  .instant-attraciton__lottie-wrap {
    width: 420px;
    height: 117px;
  }

  .header-overlay-2 {
    z-index: 1;
  }

  .hero-3 {
    padding-bottom: 0;
  }

  .paragraph-12 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
  }

  .paragraph-14 {
    text-align: left;
    margin-bottom: 0;
    font-size: 15px;
  }

  .paragraph-14.white {
    width: 100%;
    font-size: 15px;
  }

  .paragraph-15 {
    font-size: 15px;
  }

  .paragraph-16.tradein {
    margin-top: 10px;
    font-size: 15px;
  }

  .text-span-141 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .h2-7 {
    text-align: left;
    margin-bottom: 0;
    font-size: 48px;
    font-weight: 600;
    line-height: 52px;
    display: block;
  }

  .h2-7.blue {
    font-size: 8.5vw;
    line-height: 9vw;
  }

  .text-span-142 {
    font-size: 8.5vw;
    line-height: 9.5vw;
  }

  .grid-15 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: minmax(200px, 1fr);
  }

  .grid-15.iphone {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex-flow: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column dense;
    place-items: center start;
    display: flex;
  }

  .grid-15.eyyy {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: stretch;
    display: grid;
  }

  .grid-15.eyyy.big {
    grid-auto-flow: column dense;
    width: auto;
  }

  .elettricisti {
    color: #333;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
  }

  .elettricisti.home {
    color: #333;
    margin-left: 0;
    margin-right: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
  }

  .burger {
    z-index: 2;
    filter: invert();
    position: sticky;
    top: 0;
    right: 0;
  }

  .burger.inverted {
    filter: none;
  }

  .div-block-159.iphone {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .div-block-160 {
    margin-top: 95px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .bold-text-32 {
    font-weight: 700;
    line-height: 1.2;
  }

  .bold-text-33 {
    font-weight: 500;
  }

  .bold-text-33._2 {
    font-size: 2rem;
  }

  .flipcard-back-title {
    font-size: 20px;
  }

  .flipcard-title {
    color: #000;
    font-size: 2.5rem;
    font-weight: 500;
  }

  .flipcard-title.trans {
    font-size: 2.5rem;
    font-weight: 500;
  }

  .flipcard-title.headphone, .flipcard-title.upupupup {
    color: #fff;
    font-size: 50px;
  }

  .flipcard-title.white {
    font-size: 2.5rem;
  }

  .flipcard-title.white.intro {
    font-size: 3rem;
  }

  .flipcard-title.white.intro.black {
    font-weight: 700;
  }

  .flipcard-title.white.rem {
    margin-bottom: 0;
    font-size: 3rem;
    font-weight: 700;
  }

  .flipcard-title.white.rem.boldddd, .flipcard-title.white.benefici.rem {
    font-weight: 700;
  }

  .flipcard-title.white.ambiente {
    font-size: 1rem;
  }

  .flipcard-title.white.ambiente._1 {
    font-size: 2.24rem;
  }

  .flipcard-back.overview {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .flipcard-wrapper {
    width: 100%;
    height: 100%;
    transform: none;
  }

  .flipcard-front {
    height: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .flipcard-front.fiducia {
    width: auto;
  }

  .flipcard-front.tech {
    width: 100%;
  }

  .flipcard-front.values.phoneup, .flipcard-front.adv.phoneup {
    box-shadow: none;
  }

  .flipcard-front.trans.competitive-5 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .flipcard-front.border-red {
    width: 100%;
    min-height: 400px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .flipcard-front.inizio {
    height: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .flipcard-front.inizio.mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .flipcard-front.inizio.mobile.comp {
    width: 100%;
  }

  .flipcard-front.ricevi-di-pi-e-pi-in-fretta {
    width: 100%;
    min-height: 400px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .flipcard-front.termolima-supply-chain {
    width: 100%;
  }

  .flipcard-front.ultimo {
    background-color: #ed665c;
    width: 100%;
  }

  .flipcard-front._2-2, .flipcard-front._2-4, .flipcard-front.inclusione-e-diversita, .flipcard-front.ambiente {
    width: 100%;
  }

  .flipcard-front.educazione-1 {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .flipcard-front.benefici-3 {
    background-color: #660026;
    width: auto;
  }

  .flipcard-front.benefici-6 {
    background-color: #a65e4e;
    width: auto;
  }

  .flipcard-front.benefici-7 {
    background-color: #d94848;
    width: auto;
  }

  .flipcard-front.benefici-8 {
    background-color: #f18ea8;
    width: auto;
  }

  .flipcard-front.ambiente-1 {
    width: auto;
  }

  .flipcard-front.ambiente-2, .flipcard-front.competitivita-1, .flipcard-front.competivita-2, .flipcard-front.values-2 {
    width: 100%;
  }

  .flipcard-front.obiettivi {
    box-shadow: none;
    width: auto;
  }

  .flipcard-front.goal-3 {
    width: auto;
  }

  .flipcard-front.who {
    width: 100%;
  }

  .flipcard-more.bigfront {
    position: relative;
    inset: auto 0 0 auto;
  }

  .flipcard-more.bigfront.white {
    filter: invert();
    position: relative;
    bottom: 0;
    right: 0;
  }

  .flipcard-more.bigfront.uhuhuhuhuhuh {
    filter: invert();
  }

  .secondo {
    width: 100%;
    height: 400px;
  }

  .secondo.introduction {
    height: auto;
  }

  .secondo.auto {
    height: auto;
    min-height: 400px;
  }

  .paragraph-17 {
    font-size: 15px;
  }

  .prova {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    grid-template-columns: 1fr;
    width: 100%;
    height: auto;
  }

  .prova.business-referral.opporrrr {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .prova.business-referral.referrall-box-big {
    width: 90vw;
  }

  .flipcard-back-title-3 {
    font-family: Sf Pro Display, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.1;
  }

  .flipcard-title-3 {
    margin-bottom: 0;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.1;
  }

  .flipcard-title-3.black {
    font-size: 2.5rem;
    font-weight: 500;
  }

  .flipcard-title-3.black.du {
    font-size: 2.5rem;
  }

  .flipcard-title-3.persone.black {
    font-family: Sf Pro Display, sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
  }

  .flipcard-title-3.du {
    font-size: 2.5rem;
  }

  .flipcard-title-3.du.med.business-referral {
    font-size: 2rem;
  }

  .flipcard-back-3 {
    height: 400px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .flipcard-front-3 {
    justify-content: flex-start;
    width: 100%;
    height: 400px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .flipcard-front-3.visione {
    justify-content: flex-start;
  }

  .flipcard-front-3.visione.businessss-bro.hbwdhbhebdhbe {
    padding-bottom: 30px;
  }

  .flipcard-front-3.persone, .flipcard-front-3.persone-2, .flipcard-front-3.persone-3, .flipcard-front-3.persone-4, .flipcard-front-3.educazione-2 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 30px;
  }

  .flipcard-front-3.benefici-1 {
    background-color: #e8a75c;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 30px;
  }

  .flipcard-front-3.benefici-2 {
    background-color: #bc2f28;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 30px;
  }

  .flipcard-front-3.benefici-4 {
    background-color: #f2d9bb;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    padding-bottom: 30px;
  }

  .flipcard-front-3.benefici-5, .flipcard-front-3.educazione-3 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 30px;
  }

  .flipcard-front-3.salute-2, .flipcard-front-3.salute-3 {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    padding-bottom: 30px;
  }

  .flipcard-front-3.obieetivo-1 {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    padding: 30px;
  }

  .flipcard-front-3.obiettivo-2 {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    padding-bottom: 30px;
  }

  .flipcard-front-3.business-bro {
    height: 45vw;
    padding-bottom: 20px;
  }

  .flipcard-subtitle-3, .flipcard-subtitle-3.black {
    margin-bottom: 40px;
    font-size: 1.5rem;
    line-height: 1.3;
  }

  .prova-3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .album-section {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .album-section.header {
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .album-section.footer {
    padding: 60px 5% 40px;
  }

  .logo-2 {
    margin-left: -7px;
    padding-bottom: 100px;
  }

  .album-title {
    padding-bottom: 10px;
    font-size: 36px;
    line-height: 36px;
  }

  .album-title.white {
    font-size: 36px;
    line-height: 36px;
  }

  .album-title.white.header {
    font-size: 56px;
    line-height: 54px;
  }

  .column-details {
    padding-left: 0%;
    padding-right: 0;
  }

  .released {
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 12px;
  }

  .released.white, .released.white.years {
    font-size: 12px;
  }

  .album-row {
    padding-left: 5%;
    padding-right: 5%;
  }

  .number {
    padding-bottom: 5vw;
  }

  .artist {
    padding-bottom: 30px;
    font-size: 28px;
    line-height: 38px;
  }

  .date {
    padding-bottom: 30px;
    font-size: 18px;
    line-height: 22px;
  }

  .date.beach {
    font-size: 16px;
    line-height: 20px;
  }

  .numbers {
    margin-top: -355px;
    margin-left: 72%;
  }

  .numbers.small {
    margin-top: -105%;
    margin-left: 79%;
  }

  .top-track {
    padding-bottom: 10px;
  }

  .honorable-song {
    line-height: 37px;
  }

  .color-header, .background-colors {
    display: block;
  }

  .year {
    border-bottom: 1px #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    text-decoration: none;
  }

  .background-colors-2, .color-header-2, .background-colors-3 {
    display: block;
  }

  .text-span-143 {
    font-size: 2.5rem;
    font-weight: 500;
  }

  .paragraph-18 {
    display: none;
  }

  .text-span-144 {
    font-size: 2.5rem;
    font-weight: 500;
  }

  .text-span-145 {
    font-size: 2.5rem;
  }

  .card-7 {
    width: 300px;
  }

  .card__circle {
    width: 32px;
    height: 32px;
  }

  .card__bg, .card__glow {
    width: 300px;
    height: 175px;
  }

  .card__line, .card__line.card__line--top {
    display: none;
  }

  .container-11 {
    padding: 3%;
  }

  .container-11.is-menu {
    padding-bottom: 8%;
  }

  .menu_wrap-2 {
    font-size: 3vw;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top.margin-xlarge.is-mobile-right-1 {
    margin-top: 1rem;
    margin-bottom: .5rem;
    margin-right: 0;
  }

  .section_portfolio-header {
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
  }

  .padding-section-large-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-large {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .main-wrapper {
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-small {
    margin-right: 0;
  }

  .padding-global-2 {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .portfolio-header_component {
    margin-top: 0;
  }

  .heading-34 {
    font-size: 3rem;
  }

  .mobile-link {
    z-index: 1;
    background-color: #fff0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .tab-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    align-items: flex-start;
  }

  .tab-link {
    padding: 10px;
    position: relative;
  }

  .tab-paragraph {
    font-size: 14px;
  }

  .stacked-gradient {
    display: none;
  }

  .stacked-tabs-pane-holder {
    width: 80%;
  }

  .stacked-tab-image {
    border-radius: 8px;
    box-shadow: 6px 6px 8px #56565626;
  }

  .container-12 {
    padding: 1em;
  }

  .stacked-tabs-holder {
    margin-top: 40px;
  }

  .tab-circle {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    box-shadow: 6px 6px 15px #65656542, inset -6px -6px 15px #7978781a;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr;
  }

  .tab-title {
    font-size: 18px;
  }

  .tab-icon {
    width: 20px;
    height: 20px;
  }

  .grey-paragraph {
    font-size: 14px;
  }

  .container-13 {
    padding: 1em;
  }

  .stacked-tabs-holder-2 {
    margin-top: 40px;
  }

  .plan_card, .plan_tab-link {
    padding: 16px;
  }

  .icon-grid.hvac, .icon-section {
    display: none;
  }

  .div-block-164 {
    margin-top: 45px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .first-image {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-167.technoeeeee {
    display: block;
  }

  .bold-text-35.white {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.1;
  }

  .nav-3 {
    z-index: 10;
    margin-top: 0;
    position: sticky;
  }

  .bottom-nav {
    z-index: 1;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
    position: static;
  }

  .text-block-20 {
    font-size: 20px;
    line-height: 1.2;
  }

  .left-sub-nav-text {
    display: none;
  }

  .left-sub-nav-text.cta {
    display: block;
  }

  .div-block-175 {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-36.land {
    font-size: 40px;
  }

  .div-block-176 {
    margin-top: 3rem;
  }

  .div-block-177 {
    margin-left: 30px;
    margin-right: 30px;
    font-weight: 500;
  }

  .paragraph-20 {
    text-align: left;
    font-size: 20px;
  }

  .grid-16 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .div-block-180.termocare-phone {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-180.prova-size {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .bold-text-36 {
    text-align: left;
    font-size: 20px;
    line-height: 1.3;
  }

  .div-block-182, .div-block-183 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-37, .heading-38 {
    font-size: 40px;
  }

  .div-block-184 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 350px;
    display: flex;
  }

  .div-block-185 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 350px;
    display: flex;
  }

  .brb-wrap-absolute-1 {
    padding: 2em;
  }

  .brc-wrap-heading-link-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .section-class-1 {
    font-size: 2.5vw;
  }

  .brc-linkblock-wrap-pic-1 {
    padding-left: 0;
  }

  .link-9 {
    display: none;
  }

  .link-9.w--current {
    flex: 0 auto;
    display: none;
  }

  .link-10 {
    display: none;
  }

  .tabs-image-detail {
    width: 100%;
  }

  .tabs-menu {
    display: flex;
  }

  .tabs-image-full {
    width: 100%;
  }

  .variants-heading {
    font-size: 3rem;
  }

  .tabs {
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .tabs-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    grid-template-rows: 300px auto;
    grid-template-columns: 1fr;
  }

  .tabs-content-2 {
    flex-flow: column;
    display: flex;
  }

  .input-label {
    margin-bottom: 40px;
  }

  .question.option-group.firstquestion.first, .question.option-group.report {
    position: static;
  }

  .question.option-group.opdfjsoidjfois {
    margin-bottom: 40px;
  }

  .container-15 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .label {
    padding-left: 15px;
  }

  .goal-subgorup {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .goal-subgorup._3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .goal-subgorup._3.vrf.huhuhuhuh, .goal-subgorup._3.vrf.huhuhuhuh.tre.challenges {
    grid-template-columns: 1fr;
  }

  .goal-subgorup._3.vrf.huhuhuhuh.jhjhjh, .goal-subgorup._3.vrf.huhuhuhuh.wdwdwd {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .goal-subgorup._2 {
    grid-template-columns: 1fr;
  }

  .goal-subgorup._2.termocare {
    grid-template-rows: auto auto;
  }

  .goal-subgorup.vrf.plplplplpl, .goal-subgorup.joojojoj {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .goal-subgorup.obbiettivi {
    grid-template-columns: 1fr;
  }

  .goal-subgorup.sostenibilita {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .text-field {
    border-radius: 30px;
  }

  .question-wrapper {
    position: static;
  }

  .submit-button {
    border-radius: 30px;
  }

  .submit-button.uiuiu {
    margin-top: 0;
  }

  .goal-box {
    height: 200px;
  }

  .goal-box.termocare-no {
    height: 420px;
    padding: 20px;
  }

  .goal-box.termocare-no.huhuhuhu {
    justify-content: center;
    align-items: center;
    height: 200px;
  }

  .goal-box.no {
    height: 200px;
  }

  .title-1 {
    line-height: 1.1;
  }

  .q-test, .heading-41 {
    font-size: 30px;
    line-height: 1.3;
  }

  .div-block-188 {
    display: none;
  }

  .div-block-189.emergency {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .div-block-191 {
    text-align: center;
  }

  .div-block-192 {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .textarea {
    border-radius: 30px;
  }

  .servizio.o1 {
    border-style: solid;
  }

  .checkbox-label-2 {
    text-align: center;
    line-height: 1.1;
  }

  .pronto-intervento {
    width: 300px;
    margin-right: 20px;
  }

  .mainone {
    margin-left: 0;
  }

  .bold-text-37, .bold-text-37._2 {
    font-size: 2rem;
    font-weight: 500;
  }

  .counter-box {
    margin-bottom: 1rem;
  }

  .price-value {
    font-size: .7rem;
  }

  .price-2 {
    font-size: 1.4rem;
  }

  .counter-row {
    flex-direction: column;
  }

  .intro-sticky {
    height: auto;
    position: relative;
  }

  .camera-glass-image {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751c2dc57b0ae2dab3d5d1b_6199f00e4b704f90936187cc863d45bf.jpeg");
    background-position: 50%;
    background-size: cover;
  }

  .hero-grid-image-1 {
    padding-top: 0;
    padding-left: 0;
  }

  .hero-shadow {
    display: none;
  }

  .hero-grid-container.right {
    padding: 0;
  }

  .hero-image {
    width: 100%;
    height: 88vh;
    padding-left: 30px;
    padding-right: 30px;
    display: inline-block;
    position: sticky;
    top: 0;
  }

  .img-wrapper-camera-glass {
    padding-top: 0;
  }

  .hero-frame-bottom {
    height: 15px;
  }

  .hero-frame-bottom.mobile {
    position: static;
  }

  .hero-dual-grid {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .hero-content {
    margin-top: -114vh;
  }

  .intro-content {
    text-align: left;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .text-span-152 {
    white-space: nowrap;
  }

  .section-headline {
    max-width: 223px;
    font-size: 40px;
  }

  .cta-links {
    flex-direction: column;
    align-items: flex-start;
  }

  .intro-paragraph {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 20px;
  }

  .iphone-endframe-image {
    width: auto;
  }

  .cta-link {
    margin-top: 12px;
  }

  .intro-pricing {
    text-align: left;
    white-space: normal;
    margin-top: 15px;
  }

  .intro-subhead {
    text-align: left;
    font-size: 48px;
  }

  .hero-gtid-image-3.tablet {
    height: 100%;
  }

  .hero-image-container {
    z-index: 2;
    height: 200vh;
  }

  .section-paragraph {
    max-width: 270px;
    font-size: 19px;
  }

  .hero-6 {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }

  .hero-content-conteiner {
    border-style: none;
    height: auto;
  }

  .tabnav-item {
    margin-right: 30px;
  }

  .middle-lens {
    transform-origin: -57.6667px 144.5px;
    margin-top: -144.5px;
  }

  .callout-details {
    margin-top: 15px;
    margin-bottom: 26px;
  }

  .tabnav-link {
    font-size: 14px;
  }

  .camera-three-lens-system {
    padding-top: 15px;
    padding-left: 15px;
  }

  .callout {
    z-index: 2;
    margin-top: 25vh;
    margin-bottom: 150vh;
  }

  .callout.bottom {
    position: relative;
  }

  .callout.middle, .callout.top {
    z-index: 2;
    margin-top: 25vh;
    margin-bottom: 0;
    position: relative;
    top: auto;
    left: auto;
  }

  .section-content.flex {
    width: 87.5%;
  }

  .section-content.sticky-callout {
    width: 87.5%;
    min-height: auto;
  }

  .section-content.three-lens {
    width: 87.5%;
  }

  .three-lens-sticky-container {
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: -100vh;
    padding-top: 20px;
    padding-left: 10px;
    position: relative;
    top: 0;
    left: 0;
  }

  .cameras {
    display: block;
  }

  .image-hardware-phone {
    background-size: 596px 1187px;
    width: 596px;
    height: 1187px;
    max-height: 100vh;
  }

  .fov-intro-text {
    font-size: 19px;
  }

  .lens-image.top, .lens-image.bottom, .lens-image.middle {
    background-size: 290px 289px;
    width: 290px;
    height: 289px;
  }

  .callout-tittle.top {
    background-size: 129px;
    width: 129px;
    height: 15px;
  }

  .callout-tittle.bottom {
    background-size: 187px;
    width: 187px;
    height: 15px;
  }

  .callout-tittle.middle {
    background-size: 191px;
    width: 191px;
    height: 15px;
  }

  .fov-intro {
    padding-top: 111px;
    padding-bottom: 59px;
  }

  .image-hardware-lens.bottom, .image-hardware-lens.top, .image-hardware-lens.middle {
    background-size: 223px 240px;
    width: 223px;
    height: 240px;
    top: 43px;
    left: 45px;
  }

  .bottom-lens {
    transform-origin: 246.333px -30px;
  }

  .right-column {
    display: none;
  }

  .camera-hero-content-container {
    flex: 0 91.6667%;
    max-width: 91.6667%;
    padding-bottom: 220px;
  }

  .three-lens-intro {
    margin-top: 0;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .three-lens-sticka-hardware-mobile-only {
    z-index: 2;
    display: block;
    position: sticky;
    top: 50vh;
  }

  .camera-hero-headline {
    font-size: 48px;
  }

  .camera-hero-lens-container {
    width: 594px;
    height: 638px;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .img-fov-gallery.tele, .img-fov-gallery.wide, .img-fov-gallery.ultrawide {
    width: 375px;
    height: 281px;
  }

  .top-lens {
    transform-origin: 246.333px 319px;
  }

  .fov-gallery.overflow-hidden-2 {
    height: 281px;
  }

  .callout-keyline.middle, .callout-keyline.top, .callout-keyline.bottom {
    display: none;
  }

  .three-lens-headline {
    font-family: Sf Pro Display, sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.1;
  }

  .fov-sticky-content {
    top: 192px;
  }

  .hardware-container-mobile {
    width: 100%;
    position: absolute;
    inset: 0% auto auto 0%;
    overflow: hidden;
  }

  .callout-single-lens.middle, .callout-single-lens.top, .callout-single-lens.bottom {
    margin-top: 0;
    top: auto;
    left: auto;
  }

  .tab-nav {
    padding-top: 24px;
  }

  .hardware-container {
    z-index: 1;
    background-color: #000;
    width: 596px;
    height: 1187px;
    top: 0;
    left: 0;
  }

  .three-lens-intro-text {
    flex: 0 auto;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 62px;
  }

  .left-column {
    flex: 0 83.3333%;
    max-width: 83.3333%;
  }

  .container-16.camera {
    width: 87.5%;
    margin-top: 100px;
  }

  .camera-hero-heading {
    font-size: 48px;
  }

  .three-lens-sticky-hardware-callout {
    z-index: 1;
    display: block;
    position: relative;
    top: auto;
  }

  .div-block-201, .div-block-203 {
    height: 15px;
  }

  .heading-45 {
    font-size: 2.5rem;
  }

  .bold-text-38 {
    font-family: Sf Pro Display, sans-serif;
    font-size: 15px;
  }

  .bold-text-39 {
    font-family: Sf Pro Display, sans-serif;
    font-size: 1.5rem;
  }

  .bold-text-40 {
    font-size: 2rem;
    line-height: 1.1;
  }

  .bold-text-41, .bold-text-42 {
    line-height: 1.1;
  }

  .bold-text-42.box {
    font-size: 2rem;
  }

  .div-block-207 {
    background-color: #000;
  }

  .quantity-field {
    border-radius: 30px;
    height: 60px;
  }

  .heading-48 {
    font-size: 40px;
  }

  .heading-48.rem {
    font-size: 3rem;
    line-height: 1.1;
  }

  .paragraph-28 {
    font-family: Sf Pro Display, sans-serif;
    font-size: 20px;
    line-height: 1.3;
  }

  .whitewhi {
    color: #fff;
  }

  .body-5 {
    height: 100%;
  }

  .pop {
    color: #fff;
    font-size: 1rem;
    line-height: 1.1;
  }

  .div-block-210 {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .bold-text-44 {
    font-size: 1rem;
  }

  .heading-51 {
    font-family: Sf Pro Display, sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
  }

  .text-block-49 {
    font-family: Sf Pro Display, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.3;
    display: block;
  }

  .white {
    font-size: 2.5rem;
    font-weight: 500;
  }

  .main-phone {
    display: block;
  }

  .text-span-160 {
    -webkit-text-fill-color: transparent;
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6756c28bc5716533edaf8937_premium_photo-1672201106204-58e9af7a2888.avif");
    background-position: 100% 0;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700;
  }

  .bold-text-49.white {
    font-size: 12px;
    line-height: 1.1;
  }

  .bold-text-50.white, .bold-text-51.white, .bold-text-52.white, .bold-text-53.white {
    font-size: 12px;
  }

  .paragraph-33.paragraph-black {
    color: #333;
  }

  .bold-text-56, .bold-text-57, .bold-text-58, .bold-text-59, .bold-text-60 {
    font-weight: 500;
  }

  ._20vw-div {
    width: 15px;
  }

  .mini-products-individual {
    width: 100px;
    margin-right: 5px;
  }

  .slide-bg-copy.termosupporto {
    height: 50px;
  }

  .slider-container.supporto.mobile {
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-211.mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-212 {
    background-position: 50%;
    height: 70vh;
  }

  .paragraph-37 {
    line-height: 20px;
  }

  .bold-text-68 {
    font-weight: 500;
  }

  .rev-comment-header {
    flex-flow: column;
  }

  .review-header-div-3 {
    border-top: 1px solid #cfccc9;
    flex-direction: column;
    padding-top: 30px;
    padding-right: 0;
    display: flex;
  }

  .review-header-div-3.reviews.review-card {
    border: 1px #000;
    padding-top: 0;
  }

  .reply-form {
    margin-left: 0;
  }

  .book-sticky-div {
    width: auto;
    height: auto;
  }

  .div-block-215 {
    display: flex;
  }

  .comment-form-block-4 {
    margin-bottom: 15px;
  }

  .reviewer-details {
    margin-top: 0;
  }

  .member-data-2 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    height: auto;
    margin-top: 15px;
    display: block;
  }

  .reviewer-data {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 0;
    display: flex;
  }

  .reads-submit-button.supersparks-comment-submit-ccccc {
    flex: 0 auto;
    width: 100%;
    margin-left: 0;
    display: inline-flex;
  }

  .support-data-div {
    margin-top: 6px;
    margin-left: 0;
  }

  .star-rating {
    align-items: center;
    width: 150px;
    margin-bottom: 0;
  }

  .profile-image-11.supersparks-member-image-ccccc.review {
    width: 45px;
    height: 45px;
  }

  .comment-form-test.all-sparks {
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
  }

  .goodreads-h2 {
    font-family: Sf Pro Display, sans-serif;
    font-size: 4em;
  }

  .reviews-card {
    margin-bottom: 35px;
  }

  .reviews-card.supersparks-comment-card-ccccc {
    margin-top: 0;
  }

  .comment-field.supersparks-comment-input-ccccc {
    margin-top: 10px;
  }

  .review-comment-content {
    flex-flow: column;
  }

  .goodreads-input-div {
    flex-direction: column;
  }

  .review-content-area.review-sect {
    padding-top: 10px;
  }

  .reviewer-name.supersparks-author-name-ccccc.reviewer {
    margin-left: 10px;
  }

  .comment-form-8 {
    margin-bottom: 20px;
  }

  .comment-profile-image {
    margin-bottom: 10px;
  }

  .goodreads-reviews-div {
    flex-direction: column;
    grid-template-columns: .25fr;
    place-items: center;
    width: 100%;
    max-width: none;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .goodreads-profile-block {
    align-items: center;
    display: flex;
  }

  .name-field.supersparks-name-input-ccccc {
    border-bottom-style: solid;
    border-radius: 30px;
    height: 40px;
    margin-bottom: 0;
  }

  .name-field.supersparks-email-input-ccccc {
    height: 40px;
  }

  .reviews-area-div {
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .goodread-review-top {
    justify-content: space-between;
    align-items: flex-start;
  }

  .goodreads-review-div {
    border-top-style: none;
    padding-top: 0;
  }

  .rating-summary-div {
    margin-bottom: 0;
  }

  .rating-average-div {
    flex-direction: column;
    width: auto;
  }

  .paragraph-42 {
    font-size: 1rem;
  }

  .xray_text-wrapper {
    width: 100%;
  }

  .hyphen {
    flex-direction: column;
    display: inline-block;
  }

  .nc_details-wrapper {
    height: 24.125rem;
    min-height: auto;
  }

  .nc_details-wrapper.is-2 {
    min-height: auto;
    padding: 3.75rem 6.25%;
  }

  .tips_wrapper {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    padding-top: 2%;
  }

  .xray_row-wrapper {
    max-width: 27.5rem;
    padding-left: 6.25%;
    padding-right: 6.25%;
  }

  .heading-61 {
    letter-spacing: -.325px;
  }

  .nc_image_bottom-wrapper {
    left: auto;
  }

  .nav_bottom-wrapper {
    align-items: flex-start;
  }

  .hero_heading-wrapper {
    overflow: visible;
  }

  .video_info-wrapper {
    max-width: 324px;
  }

  .p4-wrapper {
    padding-left: 6.25%;
    padding-right: 6.25%;
  }

  .nc_tips-wrapper {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-style-logo {
    letter-spacing: 0;
    font-size: 1.15rem;
    line-height: 1.25;
  }

  .text-style-p3.is-centered {
    letter-spacing: -.374px;
    line-height: 1.3;
  }

  .c-b_details_component {
    width: 100%;
    max-width: none;
  }

  .xray_wrapper {
    max-width: 27.5rem;
  }

  .nc_green-dot_wrapper {
    width: auto;
  }

  .hero_wrapper.is-mob {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-bottom: 12rem;
    overflow: visible;
  }

  .c-b_title-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    max-width: none;
    padding-left: 6.25%;
    padding-right: 6.25%;
  }

  .nc_green-dot_container {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    justify-content: flex-start;
  }

  .tips_component {
    align-items: flex-start;
    width: 70%;
  }

  .sizes_image-wrapper {
    width: 2rem;
  }

  .sizes_image-wrapper.is-2, .sizes_image-wrapper.is-3, .sizes_image-wrapper.is-4, .sizes_image-wrapper.is-1 {
    width: 100%;
    height: auto;
  }

  .nc_p1-wrapper {
    max-width: none;
  }

  .ap_details-wrapper {
    height: 25.75rem;
    padding: 3.75rem 6.25%;
  }

  .ap_title-wrapper {
    max-width: 87.5%;
  }

  .global-styles {
    right: 0;
  }

  .h1-2 {
    font-size: 3rem;
    line-height: 1.1;
  }

  .line_wrapper {
    right: 35%;
  }

  .c-b_details-wrapper.is-line {
    height: 28.9375rem;
    min-height: auto;
  }

  .c-b_details-wrapper.is-up {
    height: 30.8125rem;
    min-height: auto;
  }

  .nav_bottom_logo-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    display: flex;
  }

  .copyrights_component {
    justify-content: flex-start;
  }

  .video_info-component {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  .lottie_wrapper {
    width: 180vw;
  }

  .nc_airpod-image-wrapper {
    width: 30%;
    height: auto;
  }

  .nc_title-wrapper {
    max-width: 87.5%;
  }

  .nc_size-wrapper {
    height: 28rem;
  }

  .ap_image-wrapper {
    padding: 3.75rem 6.25%;
  }

  .sizes_wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: space-between;
    width: 25%;
  }

  .slide-1 {
    width: auto;
    position: static;
  }

  .slide-1.last {
    margin-right: 30px;
  }

  .grey {
    font-size: 1rem;
  }

  .superscript {
    font-size: 12px;
  }

  .superscript.grey {
    font-size: 10px;
  }

  .modal-superscript {
    font-size: 9px;
  }

  .card-front {
    width: 300px;
    height: 600px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .card-front._3, .card-front._4, .card-front._2 {
    width: 250px;
    height: 475px;
  }

  .card-front._1 {
    position: static;
  }

  .card-front._1.phone {
    width: 300px;
    height: 600px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .card-front.phone {
    width: 300px;
    height: 500px;
  }

  .card-front.a, .card-front.b.save, .card-front.green, .card-front.property, .card-front.extend, .card-front.well {
    width: 300px;
    height: 600px;
  }

  .cross {
    width: 15px;
  }

  .slider-3 {
    margin-top: 60px;
  }

  .left-arrow {
    right: 16%;
  }

  .slide-4 {
    width: auto;
  }

  .popup-label {
    font-weight: 500;
  }

  .slide-7, .slide-3, .slide-2 {
    width: auto;
  }

  .mask {
    width: 250px;
    height: 475px;
  }

  .mask.phone {
    width: 80vw;
    height: auto;
    position: static;
  }

  .section-19 {
    padding-top: 50px;
    padding-bottom: 150px;
  }

  .button-10 {
    font-size: .9375rem;
  }

  .section-heading {
    margin-bottom: 0;
    font-size: 30px;
  }

  .slide-5, .slide-8 {
    width: auto;
  }

  .label-2 {
    font-size: 14px;
  }

  .popup-heading {
    margin-bottom: 20px;
    font-size: 2.5rem;
  }

  .modal-1-popup {
    padding: 20px;
    display: none;
  }

  .container-17 {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-2-popup {
    padding: 1rem 0 0;
    display: none;
  }

  .modal-bg {
    margin-left: 0;
    padding-left: 0;
  }

  .slide-6 {
    width: auto;
  }

  .modal-content {
    padding: 4rem 1.5rem;
  }

  .card-8._5, .card-8._3, .card-8._2, .card-8._1, .card-8._4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-8.popopopopopopopo {
    padding: 20px;
  }

  .card-8._5, .card-8._1, .card-8._4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .close-button {
    width: 3rem;
    height: 3rem;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
  }

  .close-button.button-style-1 {
    width: 30px;
    height: 30px;
    top: 0;
  }

  .feature-card-text {
    font-size: 21px;
    font-weight: 500;
  }

  .feature-card-text._40px {
    font-size: 21px;
  }

  .modal-3-popup {
    padding: 1rem 0 0;
  }

  .card-title {
    font-size: 20px;
  }

  .text-block-51 {
    font-size: 14px;
  }

  .modal {
    border-radius: 30px;
  }

  .card_text-content {
    grid-template-columns: 1.25fr;
    padding-right: 1rem;
  }

  .card_text-content.is-layout03, .card_text-content.is-layout02 {
    padding-right: 0;
  }

  .home-hero_logo-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .device_text-content {
    text-align: left;
    padding: 2rem 1rem;
  }

  .footer_component {
    overflow: hidden;
  }

  .card_item.is-scroll-reveal {
    border-radius: 1rem;
  }

  .faq_text-content {
    text-align: left;
  }

  .devices-icon_row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .device_text-content_paragraph {
    font-size: 1rem;
  }

  .devices_description {
    padding-left: 20px;
    padding-right: 20px;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .card_item-layout-02 {
    padding-top: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .faq_list-item {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .faq_list-wrapper {
    padding-left: 0;
  }

  .device_left.is-scroll-reveal {
    min-height: 30vh;
  }

  .devices_text-content.is-scroll-reveal {
    text-align: left;
  }

  .podcast-featured_component {
    min-width: 230vw;
  }

  .home-heo_logo-image.not-mobile {
    display: none;
  }

  .home-heo_logo-image.for-mobile {
    width: 3rem;
    display: block;
  }

  .section_devices {
    overflow: hidden;
  }

  .card_item-layout01 {
    padding: 2rem 0 2rem 1.5rem;
  }

  .brands-icon_row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .section_home-hero {
    min-height: 69vh;
    overflow: hidden;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .device_image-right {
    width: 70%;
  }

  .card_item-layout03 {
    background-position: 100% 100%;
    background-size: 130%;
    height: 70vh;
    padding: 2rem 1.5rem;
  }

  .card_text-content_paragraph {
    font-size: 1rem;
  }

  .faq_icon-down {
    width: 12px;
  }

  .device_right.is-scroll-reveal {
    min-height: 30vh;
  }

  .name-1 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-220 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .paragraph-47 {
    color: #fff;
    max-width: none;
    font-size: 1.2rem;
    font-weight: 500;
  }

  .heading-65 {
    font-size: 3.5rem;
  }

  .heading-66 {
    margin-top: 0;
    font-size: 3.5rem;
  }

  .links {
    flex-flow: column;
    display: none;
  }

  .slider-4 {
    z-index: 1;
    margin-top: 0;
    display: flex;
    position: static;
  }

  .section-23 {
    flex-flow: row;
    padding-top: 40px;
    padding-bottom: 40px;
    position: static;
  }

  .button-14 {
    font-size: .9375rem;
  }

  .section-heading-2 {
    margin-bottom: 0;
    font-size: 30px;
  }

  .label-3 {
    font-size: 14px;
  }

  .container-18 {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 0;
  }

  .slider-wrapper-2 {
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 0;
  }

  .text-block-52 {
    font-size: 14px;
  }

  .intro {
    margin-left: 30px;
    margin-right: 30px;
  }

  .slides {
    display: block;
  }

  .benefici {
    margin-top: 10rem;
  }

  .ipad-scroll-animation-title {
    font-size: 4em;
  }

  .ipad-scroll-animation-sticky {
    padding-left: 30px;
    padding-right: 30px;
  }

  .ipad-scroll-animation-sticky.produttivit {
    padding-bottom: 3em;
  }

  .ipad-scroll-animation-sticky.produttivit._12345 {
    padding-left: 0;
    padding-right: 0;
  }

  .ipad-screen-wrapper, .ipad-landscape-screen {
    border-radius: 4px;
  }

  .ipad-shape {
    border-radius: 20px;
  }

  .ipad-animation-inner {
    max-width: 80%;
  }

  .page-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .blue_dashboard-card {
    flex-flow: column;
    width: 300px;
    padding: 16px;
    display: block;
  }

  .div-block-225 {
    width: auto;
    display: none;
  }

  .dashboard_grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    width: auto;
    overflow: visible;
  }

  .custom_dashboard {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 300px;
    padding-top: 20px;
  }

  .graph_chart {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    display: flex;
  }

  .chart_bar.height_70.background_color, .chart_bar.height_45, .chart_bar.height_50, .chart_bar.height_55 {
    width: 50px;
  }

  .dashboard_container {
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .slider_card {
    height: 342px;
    display: none;
  }

  .section_hero-3 {
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .card_head {
    flex-flow: row;
    align-items: stretch;
  }

  .card_graph-wrap {
    width: 100%;
    max-width: none;
    height: 300px;
  }

  .card_graph {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: auto;
    margin-top: 20px;
    overflow: visible;
  }

  .slider-5 {
    width: auto;
  }

  .dark_dashboard-card {
    flex-flow: column;
    width: 300px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .dark_dashboard-card.item-center {
    width: 300px;
    height: 253px;
  }

  .dark_dashboard-card.card_flex {
    align-items: flex-start;
    width: 300px;
    height: 100%;
  }

  .dark_dashboard-card.card_flex.hover {
    justify-content: space-between;
    align-items: flex-start;
    width: 300px;
  }

  .dark_dashboard-card.invoice_flex {
    width: 300px;
  }

  .time_text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .produttivita {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .elettricisti-scroll {
    height: 100vh;
  }

  .dil-wrap-1-2 {
    width: auto;
    font-size: 2rem;
  }

  .dil-text-3 {
    font-size: 3rem;
  }

  .hvac-pic {
    background-color: #000;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 100%;
    height: 130em;
  }

  .dil-text-1 {
    font-size: 3rem;
  }

  .dil-wrap-3 {
    width: auto;
    padding-left: 0;
  }

  .dil-section-1 {
    flex-flow: column;
    display: flex;
  }

  .dil-wrap-10 {
    width: auto;
  }

  .elettricisti-text {
    flex-flow: row;
    flex: 0 40%;
    width: auto;
    font-size: 2rem;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
  }

  .hvac-text {
    z-index: 1;
    padding-right: 0;
    font-size: 2rem;
    position: relative;
  }

  .elettricisti-pic {
    background-position: 50%;
    background-size: cover;
    align-items: stretch;
    height: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
  }

  .hvac-scroll {
    height: 100vh;
  }

  .dil-spam-1 {
    font-size: 2rem;
  }

  .dil-section-2 {
    flex-flow: column;
    padding-left: 30px;
    padding-right: 0;
    display: flex;
  }

  .dil-wrap-1 {
    flex-flow: column;
    margin-top: 25em;
  }

  .idraulici-text {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    width: auto;
    font-size: 2rem;
    bottom: auto;
    left: auto;
  }

  .dil-text-2 {
    font-size: 3rem;
  }

  .pics {
    z-index: 3;
    margin-top: 20px;
    margin-left: 0;
  }

  .idraulici-scroll {
    height: 100vh;
  }

  .dil-spam-3 {
    font-size: 2rem;
  }

  .idraulici-pic {
    background-position: 50%;
    background-size: cover;
    border-top-left-radius: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
  }

  .dil-wrap-6 {
    background-position: 50%;
    background-size: cover;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
  }

  .tyu-heading-1 {
    font-size: 3rem;
  }

  .tyu-wrap-3 {
    height: auto;
  }

  .tyu-section-1 {
    font-size: 2.5vw;
  }

  .tyu-wrap-8 {
    height: auto;
  }

  .tyu-wrap-9 {
    height: 20em;
    display: none;
    top: 26.8em;
  }

  .tyu-wrap-5 {
    height: auto;
  }

  .tyu-wrap-1 {
    padding-top: 19em;
    padding-bottom: 17em;
  }

  .tyu-wrap-1-2 {
    padding-top: 0;
  }

  .tyu-wrap-7, .tyu-wrap-10, .tyu-wrap-4, .tyu-wrap-6 {
    height: auto;
  }

  .paragraph-52 {
    font-size: 1.2rem;
  }

  .text-block-56 {
    text-align: left;
  }

  .text-block-57 {
    color: #0472e3;
  }

  .bold-text-71, .bold-text-72, .bold-text-73, .bold-text-74, .bold-text-75 {
    font-size: 2rem;
  }

  .bold-text-75.black {
    color: #333;
  }

  .bold-text-76, .bold-text-77, .bold-text-78 {
    font-size: 2rem;
  }

  .paragraph-53 {
    font-size: 1rem;
  }

  .download-2.download--show, .download-2.download--show.fra {
    height: 250px;
  }

  .download-2.download--show.bun {
    background-position: 100%;
    height: 250px;
  }

  .download-2.download--show.tata {
    height: 250px;
  }

  .download-2.download--show.ciocco {
    background-position: 100%;
    height: 250px;
  }

  .download-2.download--film.rosso, .download-2.download--film.merlata {
    background-position: 0%;
    height: 250px;
  }

  .screen {
    width: 100%;
    height: auto;
  }

  .downloads {
    padding-left: 0;
    padding-right: 0;
  }

  .device {
    width: auto;
    height: 250vh;
  }

  .download-img.fra {
    width: auto;
  }

  .div-block-236 {
    flex-flow: column;
  }

  .div-block-239 {
    background-position: 50% 0;
    background-size: auto 650px;
  }

  .div-block-240 {
    background-position: 50% 100%;
  }

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

  .nome-e-cognome {
    grid-column-gap: 50px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-subgroup._3 {
    grid-template-columns: 1fr;
  }

  .div-block-241 {
    background-position: 50%;
  }

  .div-block-242 {
    background-position: 50% 100%;
  }

  .div-block-243 {
    background-position: 50% 0;
    background-size: auto;
  }

  .div-block-244 {
    background-position: 50%;
    background-size: auto;
  }

  .div-block-245 {
    background-position: 100%;
  }

  .div-block-246 {
    background-position: 100% 100%;
  }

  .div-block-247 {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6750f82a4f5820522ea60c81_energyaudit-img3.avif");
    background-position: 50%;
    background-repeat: no-repeat;
  }

  .div-block-248 {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6750f82a4f5820522ea60c81_energyaudit-img3.avif");
    background-position: 50% 100%;
  }

  .div-block-249 {
    background-position: 0%;
  }

  .div-block-250 {
    background-position: 0 100%;
  }

  .div-block-251 {
    background-position: 50% 30%;
  }

  .div-block-252 {
    background-position: 50% 100%;
  }

  .div-block-253 {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751bbf8b9831c7b84dbdacd_2023_Harmonia-Navajo_private-residence_bathroom_01_LQ-scaled.webp");
    background-position: 50% 40%;
  }

  .div-block-254 {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/6751bbf8b9831c7b84dbdacd_2023_Harmonia-Navajo_private-residence_bathroom_01_LQ-scaled.webp");
    background-position: 50% 100%;
  }

  .div-block-255 {
    background-position: 50% 40%;
  }

  .div-block-256 {
    background-position: 50% 100%;
  }

  .div-block-257 {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676f1a71f29ce878ea4b9445_windows-72LU8QlGs5E-unsplash.avif");
    background-position: 50% 0;
    background-size: auto 650px;
  }

  .div-block-258 {
    background-image: url("https://cdn.prod.website-files.com/671ff77ef50e17763e674d94/676f1a71f29ce878ea4b9445_windows-72LU8QlGs5E-unsplash.avif");
    background-position: 50% 65%;
  }

  .div-block-259 {
    height: auto;
    padding-top: 3rem;
  }

  .div-block-260 {
    flex-flow: column;
  }

  .heading-70 {
    width: auto;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 2rem;
  }

  .navbar-termolima {
    height: 50px;
  }

  .navbar-termolima.white-background.nofix.noline {
    margin-bottom: 0;
    padding-top: 0;
  }

  .navcategory {
    margin-left: 0;
    margin-right: 0;
  }

  .navcategory.white-background.navphone {
    color: #fff;
  }

  .navcategory.white-background.navphone.black {
    color: var(--90);
  }

  .navcategory.navphone {
    color: #e5e2e2;
    font-size: 2rem;
    font-weight: 500;
  }

  .navcategory.navphone.whitebackground {
    color: var(--90);
  }

  .news-head._10px {
    font-size: 2.5rem;
  }

  .title-open {
    font-size: 2rem;
  }

  .heading-71 {
    font-size: 1.5rem;
  }

  .condomini._1 {
    display: flex;
  }

  .condomini-option._1 {
    justify-content: space-between;
    align-items: stretch;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .condomini-option._2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-57 {
    font-size: 1.5rem;
  }

  .grid-18 {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .grid-18.ubusiness {
    grid-template-columns: 1fr;
  }

  .div-block-288 {
    align-items: center;
  }

  .referral-option-box.black {
    width: 85vw;
    height: 20vh;
    padding: 40px;
  }

  .heading-79 {
    font-size: 2.5rem;
  }

  .heading-81 {
    font-size: 3rem;
  }

  .text-block-80 {
    font-size: 1.5rem;
  }

  .div-block-290, .div-block-291 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-292 {
    height: 25vh;
  }

  .grid-19 {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
  }

  .div-block-295 {
    grid-template-columns: 1.75fr;
  }

  .image-47 {
    border-radius: 20px;
  }

  .heading-82 {
    font-size: 2rem;
  }

  .div-block-298 {
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
  }

  .image-48 {
    vertical-align: baseline;
    border-radius: 20px;
  }

  .div-block-300._1 {
    grid-template-columns: 1.75fr;
    grid-auto-flow: row;
  }

  .div-block-300._2 {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch;
  }

  .image-49, .image-50 {
    border-radius: 20px;
  }

  .text-block-87 {
    font-size: 1.5rem;
  }

  .lowenbruge {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lowenbruge-body {
    padding-left: 0;
    padding-right: 0;
  }

  .preventive-maintenance {
    grid-template-columns: 1fr;
  }

  .contract-categories {
    display: none;
  }

  .covered-stores {
    grid-template-columns: 1fr;
  }

  .deets-options {
    flex-flow: column;
    display: flex;
  }

  .deets {
    grid-template-columns: 1fr;
  }

  .page-content {
    padding: 20px;
  }

  .table-line {
    grid-template-columns: minmax(150px, 1fr) minmax(200px, 1fr) minmax(120px, 1fr) minmax(120px, 1fr) repeat(auto-fit, minmax(70px, 70px));
  }

  .div-block-314 {
    grid-template-columns: 1fr;
  }

  .div-block-315 {
    padding-bottom: 50vh;
  }

  .div-block-316 {
    width: 90vw;
  }

  .div-block-318, .div-block-320 {
    padding: 20px;
  }

  .body-9 {
    background-image: none;
  }

  .div-block-323 {
    height: auto;
  }

  .paragraph-61, .paragraph-62, .profile-body {
    display: none;
  }

  .bold-text-101 {
    font-size: 2.5rem;
  }

  .business-card {
    padding-top: 10vw;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .business-card-title {
    font-size: 2rem;
  }

  .reset_top-right {
    padding-left: 6px;
    padding-right: 6px;
  }

  .nav_container {
    justify-content: space-around;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .profile-link {
    text-decoration: none;
  }

  .dashboard_left-wrapper {
    flex-direction: column;
    align-self: stretch;
    padding-top: .5rem;
    padding-right: .5rem;
  }

  .fsbo_univ-wrapper {
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dashboard_column-right {
    z-index: 1;
  }

  .brand-image {
    margin-left: 0;
  }

  .text-color-cream.is-tablet-large.is-mobile-medium {
    text-align: center;
    font-size: 1.8rem;
  }

  .clone-button {
    padding-left: 20px;
    padding-right: 20px;
    font-size: .7rem;
  }

  .hub-wrapper {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .profile-heading-wrapper {
    margin-right: 0;
  }

  .text-color-dark-blue {
    text-align: left;
  }

  .avatar-image {
    max-width: 3rem;
  }

  .member_header-wrapper {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .template-left {
    padding-left: 0;
    padding-right: 0;
  }

  .white-box.third {
    width: 100%;
  }

  .white-box.link-box.paper-box {
    min-width: 210px;
    max-width: 300px;
    margin-bottom: 4%;
  }

  .tabs-2 {
    z-index: 9;
  }

  .progress-text-column {
    font-size: 12px;
  }

  .termocare-nav {
    width: 100%;
    font-size: 12px;
  }

  .dashboard-section {
    padding-left: 1em;
    padding-right: 1em;
  }

  .navigation-menu {
    padding: 0;
    position: fixed;
    inset: auto 0% 0%;
  }

  .navigation-icon {
    z-index: 999;
    margin-bottom: 3px;
    font-size: 16px;
  }

  .tabs-3 {
    z-index: 9;
  }

  .slide-1-2 {
    width: auto;
  }

  .grey-2 {
    font-size: 21px;
  }

  .modal-1-popup-2 {
    padding: 1rem 0 0;
    display: none;
  }

  .slider-6 {
    height: auto;
    margin-top: 60px;
  }

  .left-arrow-4 {
    right: 16%;
  }

  .popup-label-2 {
    font-weight: 500;
  }

  .card-front-2 {
    border-radius: 30px;
    width: 375px;
    height: 670px;
  }

  .card-front-2._3, .card-front-2._2, .card-front-2._4 {
    width: 250px;
    height: 475px;
  }

  .mask-4 {
    width: 375px;
    height: 670px;
  }

  .card-wrapper-store {
    padding-top: 0;
    padding-bottom: 150px;
  }

  .button-22 {
    font-size: .9375rem;
  }

  .label-4 {
    font-size: 1rem;
  }

  .popup-heading-2 {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .container-22 {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .modal-bg-2 {
    margin-left: 0;
    padding-left: 0;
  }

  .modal-content-2 {
    padding: 4rem 1.5rem;
  }

  .card-title-2 {
    font-size: 2rem;
  }

  .text-block-185 {
    font-size: 14px;
  }

  .modal-2 {
    border-radius: 30px 30px 0 0;
  }

  .collection-list-wrapper-13 {
    padding-left: 30px;
  }

  .div-block-500.technoeeeee {
    display: block;
  }

  .div-block-501 {
    height: 100%;
  }

  .div-block-502 {
    text-align: left;
    margin-top: 15px;
  }

  .div-block-502.home.mobile {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-502.home.mobile.ipad {
    justify-content: center;
    align-items: flex-start;
  }

  .heading-106 {
    font-size: 30px;
    line-height: 35px;
  }

  .heading-106.nero {
    font-size: 3rem;
    line-height: 1.1;
  }

  .heading-106.nero._2-5 {
    font-size: 3rem;
  }

  .div-block-503 {
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-71.tradein {
    margin-top: 10px;
    font-size: 15px;
  }

  .button-25 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
  }

  .button-25.business.home {
    margin-left: 0;
  }

  .button-25.business.home.mobile {
    text-align: center;
    margin-left: 0;
    text-decoration: none;
  }

  .button-25.business.home.mobile.ipad {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .container-23 {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-24 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: minmax(200px, 1fr);
  }

  .grid-24.eyyy {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: stretch;
    display: grid;
  }

  .grid-24.eyyy.big {
    grid-auto-flow: column dense;
    width: auto;
  }

  .heading-107 {
    text-align: left;
    font-family: Sf Pro Display, sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
  }

  .heading-107.white {
    font-size: 40px;
  }

  .heading-108.impianti {
    font-size: 4rem;
  }

  .navcategory-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .navcategory-2.navphone {
    color: #e5e2e2;
    font-size: 2rem;
    font-weight: 500;
  }

  .navcategory-2.navphone.whitebackground {
    color: #e6e6e6;
  }

  .navcategory-2.white-background.navphone {
    color: #fff;
  }

  .div-block-507 {
    margin-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-109 {
    color: #333;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
  }

  .div-block-509 {
    margin-left: 0;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-510 {
    margin-left: 0;
    margin-right: 0;
    font-family: Sf Pro Display, sans-serif;
    font-size: 3rem;
    line-height: 1.1;
  }

  .container-24 {
    flex: 1;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .heading-110 {
    font-size: 30px;
  }

  .heading-110.mobile {
    font-size: 40px;
  }

  .container-25.cards {
    padding-left: 0;
  }

  .text-block-196 {
    font-size: 1rem;
    line-height: 1.1;
  }

  .text-block-196.iniiale {
    color: #e61919;
    font-size: 1rem;
    line-height: 1.1;
  }

  .image-97 {
    filter: invert();
  }

  .div-block-517 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: center;
    align-items: stretch;
  }
}

#w-node-_318f4a56-8751-256f-4a01-be319c912f0c-9c912f04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_318f4a56-8751-256f-4a01-be319c912f1a-9c912f04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_318f4a56-8751-256f-4a01-be319c912f25-9c912f04 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_318f4a56-8751-256f-4a01-be319c912f2d-9c912f04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_003066f5-baba-5c83-2a51-61471ebd5cf8-de23459e {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e9100059-d52a-c296-8d82-774001f6f1cc-de23459e, #w-node-_5c0c5095-594e-0fa2-39c1-83e2c8cd0a5b-de23459e {
  grid-column: span 2 / span 2;
}

#w-node-add5bb0c-16b6-76db-61be-23cb84d02e12-de23459e {
  align-self: auto;
}

#w-node-f9703fc7-e922-628b-bad6-64a3b9eb01a0-0bcf99a0, #w-node-ca5b1024-dec3-11f4-2b71-ed47955a45f5-0bcf99a0, #w-node-_731de64e-c1c9-a4ad-f372-c1b9a95241df-0bcf99a0, #w-node-_938ea983-b97c-819d-e16e-274d1dc973d7-0bcf99a0, #w-node-_938ea983-b97c-819d-e16e-274d1dc97401-0bcf99a0, #w-node-_938ea983-b97c-819d-e16e-274d1dc97411-0bcf99a0, #w-node-_938ea983-b97c-819d-e16e-274d1dc97431-0bcf99a0, #w-node-_2bc8355c-cede-3c04-b9b9-45df97ca8124-0bcf99a0, #w-node-_34409604-2fbc-d69a-dc6f-69acc6445567-0bcf99a0, #w-node-_5b212297-f576-1f73-ef11-3ac6b243574b-0bcf99a0, #w-node-_5b212297-f576-1f73-ef11-3ac6b2435775-0bcf99a0, #w-node-f8580751-3b50-e9ac-81d3-d898fdc63899-0bcf99a0, #w-node-_5b212297-f576-1f73-ef11-3ac6b2435785-0bcf99a0, #w-node-_5b212297-f576-1f73-ef11-3ac6b2435795-0bcf99a0, #w-node-fa2ef370-a0e1-062e-2638-13fcef2c932d-0bcf99a0, #w-node-fa2ef370-a0e1-062e-2638-13fcef2c933d-0bcf99a0, #w-node-fa2ef370-a0e1-062e-2638-13fcef2c9349-0bcf99a0, #w-node-fa2ef370-a0e1-062e-2638-13fcef2c9357-0bcf99a0, #w-node-fa2ef370-a0e1-062e-2638-13fcef2c9367-0bcf99a0, #w-node-fa2ef370-a0e1-062e-2638-13fcef2c9377-0bcf99a0, #w-node-_6cde463c-5b87-ec89-722d-f1c3a7b42667-0bcf99a0, #w-node-_159d2e72-bf28-ca6f-3042-344c24f2154b-0bcf99a0, #w-node-_159d2e72-bf28-ca6f-3042-344c24f21553-0bcf99a0, #w-node-_159d2e72-bf28-ca6f-3042-344c24f2155f-0bcf99a0, #w-node-_159d2e72-bf28-ca6f-3042-344c24f2156d-0bcf99a0, #w-node-_7eb7e394-38ef-bbad-bd95-fb5e50cc6ed5-0bcf99a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7eb7e394-38ef-bbad-bd95-fb5e50cc6ee3-0bcf99a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_7eb7e394-38ef-bbad-bd95-fb5e50cc6eee-0bcf99a0 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_7eb7e394-38ef-bbad-bd95-fb5e50cc6ef6-0bcf99a0, #w-node-b83e0407-1948-117c-2cd5-2bbca54269bc-e14e6ac0, #w-node-b83e0407-1948-117c-2cd5-2bbca54269c8-e14e6ac0, #w-node-c555c4bd-e786-fe61-51f7-809c1e62cbbd-f6854e7f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-_318f4a56-8751-256f-4a01-be319c912f0c-9c912f04, #w-node-_7eb7e394-38ef-bbad-bd95-fb5e50cc6ed5-0bcf99a0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b83e0407-1948-117c-2cd5-2bbca5426a20-e14e6ac0, #w-node-b83e0407-1948-117c-2cd5-2bbca5426a28-e14e6ac0, #w-node-b83e0407-1948-117c-2cd5-2bbca5426a2b-e14e6ac0, #w-node-b83e0407-1948-117c-2cd5-2bbca5426a33-e14e6ac0, #w-node-b83e0407-1948-117c-2cd5-2bbca5426a34-e14e6ac0, #w-node-c555c4bd-e786-fe61-51f7-809c1e62cbf8-f6854e7f, #w-node-c555c4bd-e786-fe61-51f7-809c1e62cc00-f6854e7f, #w-node-c555c4bd-e786-fe61-51f7-809c1e62cc03-f6854e7f, #w-node-c555c4bd-e786-fe61-51f7-809c1e62cc0b-f6854e7f, #w-node-c555c4bd-e786-fe61-51f7-809c1e62cc0c-f6854e7f {
    order: 9999;
  }

  #w-node-_331c4b45-f173-3365-ef30-367ae788969e-f80a2c8c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}