@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
@import "fonts/opensanscond.css";
.mulish-segnoverde {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

body:has(section.main.page-comparatore) {
  padding-top: 0;
  background-color: #F2F2F2;
}
@media (max-width: 768px) {
  body:has(section.main.page-comparatore) .mobi-wrapper {
    overflow-x: hidden;
    min-height: 100vh;
    width: 100%;
  }
}

section.main.page-comparatore {
  margin: 0;
  padding: 0;
  min-width: 1440px;
}
@media (max-width: 768px) {
  section.main.page-comparatore {
    min-width: unset;
    width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1250px) {
  section.main.page-comparatore {
    min-width: unset;
    width: 100%;
    margin: 0;
  }
}
section.main.page-comparatore .sv-container {
  width: 1140px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 768px) {
  section.main.page-comparatore .sv-container {
    max-width: 100%;
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}
@media (min-width: 769px) and (max-width: 1250px) {
  section.main.page-comparatore .sv-container {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
section.main.page-comparatore .sv-container .frizzi {
  position: absolute;
  top: 20px;
}
@media (max-width: 1250px) {
  section.main.page-comparatore .sv-container .frizzi {
    display: none;
  }
}
section.main.page-comparatore .sv-container .frizzi.frizzi-sx {
  width: 160px;
  left: -210px;
}
section.main.page-comparatore .sv-container .frizzi.frizzi-dx {
  width: 180px;
  right: 0;
  top: 100px;
  transform: translateX(150%);
}
section.main.page-comparatore section.hero,
section.main.page-comparatore section.hero_step2 {
  padding-top: 110px;
  padding-bottom: 110px;
  min-height: 806px;
  background-color: #026759;
  background-repeat: no-repeat;
  background-size: 2005px;
  background-position: center center;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero,
  section.main.page-comparatore section.hero_step2 {
    width: 100%;
    padding-top: 20px;
    min-height: unset;
    padding-bottom: 0;
  }
}
@media (min-width: 769px) and (max-width: 1250px) {
  section.main.page-comparatore section.hero,
  section.main.page-comparatore section.hero_step2 {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 0;
    text-align: center;
  }
}
section.main.page-comparatore section.hero .hero-container,
section.main.page-comparatore section.hero_step2 .hero-container {
  display: flex;
  flex-direction: row;
  position: relative;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero .hero-container,
  section.main.page-comparatore section.hero_step2 .hero-container {
    flex-direction: column;
    gap: 40px;
  }
}
section.main.page-comparatore section.hero .hero-container > div[class^=grafiche],
section.main.page-comparatore section.hero_step2 .hero-container > div[class^=grafiche] {
  position: absolute;
}
section.main.page-comparatore section.hero .hero-container > div,
section.main.page-comparatore section.hero_step2 .hero-container > div {
  flex: 1;
}
section.main.page-comparatore section.hero .hero-container img.logo,
section.main.page-comparatore section.hero_step2 .hero-container img.logo {
  width: 350px;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero .hero-container img.logo,
  section.main.page-comparatore section.hero_step2 .hero-container img.logo {
    width: 275px;
    display: block;
    margin: 0 auto;
  }
}
section.main.page-comparatore section.hero .hero-container div.hero-text,
section.main.page-comparatore section.hero_step2 .hero-container div.hero-text {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 690px;
  margin-top: 40px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero .hero-container div.hero-text,
  section.main.page-comparatore section.hero_step2 .hero-container div.hero-text {
    padding: 0 20px;
  }
}
@media (max-width: 1250px) {
  section.main.page-comparatore section.hero .hero-container div.hero-text,
  section.main.page-comparatore section.hero_step2 .hero-container div.hero-text {
    width: 100%;
  }
}
section.main.page-comparatore section.hero .hero-container div.hero-text h1,
section.main.page-comparatore section.hero_step2 .hero-container div.hero-text h1 {
  color: #B7CE22;
  font-size: 46px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}
section.main.page-comparatore section.hero .hero-container div.hero-text h2,
section.main.page-comparatore section.hero_step2 .hero-container div.hero-text h2 {
  color: #FFF;
  font-family: Mulish;
  font-size: 41px;
  font-style: italic;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.41px;
}
section.main.page-comparatore section.hero .hero-container div.hero-text h2 strong,
section.main.page-comparatore section.hero_step2 .hero-container div.hero-text h2 strong {
  color: #B7CE22;
  font-family: Mulish;
  font-size: 41px;
  font-style: italic;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.41px;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero .hero-container div.hero-text h2,
  section.main.page-comparatore section.hero_step2 .hero-container div.hero-text h2 {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 34px;
    font-style: italic;
    font-weight: 800;
    line-height: 110%; /* 37.4px */
    letter-spacing: -0.34px;
  }
  section.main.page-comparatore section.hero .hero-container div.hero-text h2 strong,
  section.main.page-comparatore section.hero_step2 .hero-container div.hero-text h2 strong {
    color: #B7CE22;
    font-family: Mulish;
    font-size: 34px;
    font-style: italic;
    font-weight: 800;
    line-height: 110%;
    letter-spacing: -0.34px;
  }
}
section.main.page-comparatore section.hero .hero-container div.hero-text p,
section.main.page-comparatore section.hero_step2 .hero-container div.hero-text p {
  color: #FFF;
  font-family: Mulish;
  font-size: 30px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero .hero-container div.hero-text p,
  section.main.page-comparatore section.hero_step2 .hero-container div.hero-text p {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 28px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
  }
}
section.main.page-comparatore section.hero .hero-container div.hero-text p.small,
section.main.page-comparatore section.hero_step2 .hero-container div.hero-text p.small {
  color: #FFF;
  font-family: Mulish;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.13px;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero .hero-container div.hero-text p.small,
  section.main.page-comparatore section.hero_step2 .hero-container div.hero-text p.small {
    color: #FFF;
    font-family: Mulish;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.13px;
    text-align: justify;
  }
}
section.main.page-comparatore section.hero .hero-container div.cta-container,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 640px;
  width: 510px;
  padding: 0 30px;
  position: relative;
  z-index: 10;
}
@media (max-width: 581px) {
  section.main.page-comparatore section.hero .hero-container div.cta-container,
  section.main.page-comparatore section.hero_step2 .hero-container div.cta-container {
    max-width: 100%;
  }
}
@media (min-width: 582px) and (max-width: 1250px) {
  section.main.page-comparatore section.hero .hero-container div.cta-container,
  section.main.page-comparatore section.hero_step2 .hero-container div.cta-container {
    width: calc(100% - 50px);
    max-width: 100%;
    height: unset;
    padding-top: 25px;
  }
}
section.main.page-comparatore section.hero .hero-container div.cta-container .bck-cta-container,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container .bck-cta-container {
  position: absolute;
  z-index: -1;
  top: -25px;
  left: 0;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero .hero-container div.cta-container .bck-cta-container,
  section.main.page-comparatore section.hero_step2 .hero-container div.cta-container .bck-cta-container {
    max-width: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
@media (min-width: 769px) and (max-width: 1250px) {
  section.main.page-comparatore section.hero .hero-container div.cta-container .bck-cta-container,
  section.main.page-comparatore section.hero_step2 .hero-container div.cta-container .bck-cta-container {
    max-width: 100%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
section.main.page-comparatore section.hero .hero-container div.cta-container .bck-cta-container img.fuzzzz,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container .bck-cta-container img.fuzzzz {
  position: absolute;
  width: 85px;
  top: -60px;
  left: -60px;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero .hero-container div.cta-container .bck-cta-container img.fuzzzz,
  section.main.page-comparatore section.hero_step2 .hero-container div.cta-container .bck-cta-container img.fuzzzz {
    position: absolute;
    width: 45px;
    height: 45px;
    left: -3px;
    top: -30px;
    z-index: 100;
  }
}
@media (min-width: 769px) and (max-width: 1250px) {
  section.main.page-comparatore section.hero .hero-container div.cta-container .bck-cta-container img.fuzzzz,
  section.main.page-comparatore section.hero_step2 .hero-container div.cta-container .bck-cta-container img.fuzzzz {
    position: absolute;
    width: 45px;
    height: 45px;
    left: 8px;
    top: -34px;
    z-index: 100;
  }
}
section.main.page-comparatore section.hero .hero-container div.cta-container .bck-cta-container img.sfondo_bianco,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container .bck-cta-container img.sfondo_bianco {
  width: 505px;
  height: 685px;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero .hero-container div.cta-container .bck-cta-container img.sfondo_bianco,
  section.main.page-comparatore section.hero_step2 .hero-container div.cta-container .bck-cta-container img.sfondo_bianco {
    position: absolute;
    width: 144%;
    height: 105%;
    left: -34px;
    top: -20px;
  }
}
@media (min-width: 769px) and (max-width: 1250px) {
  section.main.page-comparatore section.hero .hero-container div.cta-container .bck-cta-container img.sfondo_bianco,
  section.main.page-comparatore section.hero_step2 .hero-container div.cta-container .bck-cta-container img.sfondo_bianco {
    position: absolute;
    width: 120%;
    height: 685px;
    left: -60px;
    right: -60px;
    bottom: -15px;
  }
}
section.main.page-comparatore section.hero .hero-container div.cta-container .cta-title,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container .cta-title {
  color: #B7CE22;
  font-family: Mulish;
  font-size: 30px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
}
section.main.page-comparatore section.hero .hero-container div.cta-container .cta-subtitle,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container .cta-subtitle {
  color: #B7CE22;
  font-family: Mulish;
  font-size: 23px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
section.main.page-comparatore section.hero .hero-container div.cta-container p.cta-quanto,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container p.cta-quanto {
  color: #026759;
  font-family: Mulish;
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
section.main.page-comparatore section.hero .hero-container div.cta-container p,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container p {
  color: #026759;
  font-family: Mulish;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
section.main.page-comparatore section.hero .hero-container div.cta-container p.test-pre-cta,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container p.test-pre-cta {
  color: #026759;
  font-family: Mulish;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.14px;
}
section.main.page-comparatore section.hero .hero-container div.cta-container p.test-pre-cta a,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container p.test-pre-cta a {
  color: #026759;
  font-family: Mulish;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.14px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
section.main.page-comparatore section.hero .hero-container div.cta-container hr.cta-hr,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container hr.cta-hr {
  /* rimuove qualunque bordo ereditato da Bootstrap */
  border: 0 !important;
  /* crea solo un bordo superiore solido di 1px del colore voluto */
  border-top: 1px solid #026759 !important;
  /* imposta l’altezza fissa dell’elemento per far “vedere” il bordo */
  height: 1px;
  /* (opzionale) assicura che occupi tutta la larghezza */
  width: 100%;
  /* (opzionale) margini verticali a piacere */
  margin: 0;
}
section.main.page-comparatore section.hero .hero-container div.cta-container div.cta-rata-fissa,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.cta-rata-fissa {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero .hero-container div.cta-container div.cta-rata-fissa,
  section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.cta-rata-fissa {
    flex-direction: column;
  }
}
section.main.page-comparatore section.hero .hero-container div.cta-container div.cta-rata-fissa .testo,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.cta-rata-fissa .testo {
  color: #026759;
  text-align: center;
  font-family: Mulish;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 18px */
  text-wrap: nowrap;
}
section.main.page-comparatore section.hero .hero-container div.cta-container div.cta-rata-fissa .prezzo,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.cta-rata-fissa .prezzo {
  display: flex;
  width: 225.77px;
  height: 99px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
section.main.page-comparatore section.hero .hero-container div.cta-container div.cta-rata-fissa .prezzo .euromese,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.cta-rata-fissa .prezzo .euromese {
  text-wrap: nowrap;
  padding: 11px 21px;
  color: #B7CE22;
  font-family: Mulish;
  font-size: 55.41px;
  font-style: italic;
  font-weight: 900;
  line-height: 90%; /* 49.869px */
  background-image: url("../img/prezzo-euro-mese.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
section.main.page-comparatore section.hero .hero-container div.cta-container div.cta-rata-fissa .prezzo .euromese span,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.cta-rata-fissa .prezzo .euromese span {
  font-size: 34.11px;
}
section.main.page-comparatore section.hero .hero-container div.cta-container div.cta-rata-fissa .prezzo .iva,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.cta-rata-fissa .prezzo .iva {
  color: #026759;
  font-family: Mulish;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
section.main.page-comparatore section.hero .hero-container div.cta-container div.perche,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.perche {
  color: #026759;
  font-family: Mulish;
  font-size: 23px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
section.main.page-comparatore section.hero .hero-container div.cta-container div.answer,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.answer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
}
section.main.page-comparatore section.hero .hero-container div.cta-container div.answer .svirgolo svg,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.answer .svirgolo svg {
  height: 19px;
  fill: #B7CE22;
}
section.main.page-comparatore section.hero .hero-container div.cta-container div.answer .testo,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.answer .testo {
  flex: 1 0 0;
  color: #026759;
  font-family: Mulish;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
section.main.page-comparatore section.hero .hero-container div.cta-container a.btn-calcolarata,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container a.btn-calcolarata {
  display: flex;
  height: 46px;
  padding: 26px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 100px;
  background: #B7CE22;
  color: #026759;
  font-family: Mulish;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: 100%; /* 24px */
  text-transform: uppercase;
}
section.main.page-comparatore section.hero .hero-container div.cta-container div.unminuto,
section.main.page-comparatore section.hero_step2 .hero-container div.cta-container div.unminuto {
  color: #B7CE22;
  font-family: Mulish;
  font-size: 28px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
section.main.page-comparatore section.vantaggi-offerta {
  background-color: #FFF;
  padding: 30px 0;
}
section.main.page-comparatore section.vantaggi-offerta .perche {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
section.main.page-comparatore section.vantaggi-offerta .perche h3 {
  color: #B7CE22;
  font-family: Mulish;
  font-size: 32px;
  font-style: italic;
  font-weight: 900;
  line-height: normal;
}
section.main.page-comparatore section.vantaggi-offerta .perche div.answer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
  align-self: stretch;
}
section.main.page-comparatore section.vantaggi-offerta .perche div.answer .svirgolo svg {
  height: 19px;
  fill: #B7CE22;
}
section.main.page-comparatore section.vantaggi-offerta .perche div.answer .testo {
  flex: 1 0 0;
  color: #026759;
  font-family: Mulish;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
section.main.page-comparatore section.vantaggi-offerta .perche div.answer .testo strong {
  font-weight: 900;
}
section.main.page-comparatore section.dubbi .dubbi-container {
  display: flex;
  padding: 40px 0px;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  align-self: stretch;
}
section.main.page-comparatore section.dubbi .dubbi-container h3 {
  color: #B7CE22;
  font-family: Mulish;
  font-size: 44px;
  font-style: italic;
  font-weight: 800;
  line-height: normal;
}
section.main.page-comparatore section.dubbi .dubbi-container h5 {
  color: #026759;
  font-family: Mulish;
  font-size: 34px;
  font-style: italic;
  font-weight: 800;
  line-height: normal;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.dubbi .dubbi-container h5 {
    text-align: center;
  }
}
section.main.page-comparatore section.faq_accordion {
  background-color: #FFF;
  padding: 50px 0;
}
section.main.page-comparatore section.faq_accordion .accordion {
  width: 100%;
}
section.main.page-comparatore section.faq_accordion .accordion .card {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #026759;
}
section.main.page-comparatore section.faq_accordion .accordion .card .card-header {
  background-color: transparent;
  border: 0;
}
section.main.page-comparatore section.faq_accordion .accordion .card .card-header .btn-faq-comparatore {
  color: #026759;
  font-family: Mulish;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: transparent;
  border: 0;
  position: relative;
}
section.main.page-comparatore section.faq_accordion .accordion .card .card-header .btn-faq-comparatore .caret {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 20px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../img/suverde.png");
}
@media (max-width: 768px) {
  section.main.page-comparatore section.faq_accordion .accordion .card .card-header .btn-faq-comparatore .caret {
    right: -15px;
  }
}
section.main.page-comparatore section.faq_accordion .accordion .card .card-header .btn-faq-comparatore.collapsed .caret {
  background-image: url("../img/giuverde.png");
}
section.main.page-comparatore section.contatti-container {
  background-color: #FFF;
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100%;
}
section.main.page-comparatore section.contatti-container .contatti {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 106px;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.contatti-container .contatti {
    flex-direction: column;
    gap: 16px;
  }
}
section.main.page-comparatore section.contatti-container .contatti div.contatto {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
section.main.page-comparatore section.contatti-container .contatti div.contatto .contatto-nome {
  color: #026759;
  font-family: Mulish;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
section.main.page-comparatore section.contatti-container .contatti div.contatto .contatto-indirizzo {
  color: #B7CE22;
  font-family: Mulish;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
}
section.main.page-comparatore section.contatti-container .contatti div.vert-sep {
  flex-shrink: 0;
  flex-grow: 0;
  width: 2px;
  background-color: #026759;
}
section.main.page-comparatore section.contatti-container .contatti hr {
  /* rimuove qualunque bordo ereditato da Bootstrap */
  border: 0 !important;
  /* crea solo un bordo superiore solido di 1px del colore voluto */
  border-top: 2px solid #026759 !important;
  /* imposta l’altezza fissa dell’elemento per far “vedere” il bordo */
  height: 2px;
  /* (opzionale) assicura che occupi tutta la larghezza */
  width: 100%;
  /* (opzionale) margini verticali a piacere */
  margin: 0;
}

footer {
  padding: 40px 150px;
  display: flex;
  width: 1440px;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 auto;
  background-image: unset;
}
@media (max-width: 1250px) {
  footer {
    width: calc(100% - 40px);
    padding: 20px;
  }
}
footer:after {
  content: unset;
}
footer:before {
  content: unset;
}
footer div.portale-offerte {
  display: flex;
  width: 50%;
  padding: 14px 10px;
  align-items: center;
  flex-direction: row;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 768px) {
  footer div.portale-offerte {
    flex-direction: column;
    width: 100%;
  }
}
footer div.portale-offerte div.testo {
  flex: 1;
  color: #026759;
  font-family: "Open Sans";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
footer div.portale-offerte div.testo span {
  color: #026759;
  font-family: "Open Sans";
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
footer div.portale-offerte img.logo {
  flex: 0;
  max-width: 140px;
}
footer div.logo-footer {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 30px;
}
@media (max-width: 768px) {
  footer div.logo-footer {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
footer div.logo-footer img.logobrand {
  flex: 0;
  max-width: 325px;
}
@media (max-width: 768px) {
  footer div.logo-footer img.logobrand {
    max-width: 100%;
  }
}
footer div.logo-footer div.testo {
  color: #000;
  font-family: "Open Sans Condensed";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%; /* 16.8px */
}
footer div.logo-footer div.testo strong {
  color: #000;
  font-weight: 700;
}
footer div.footer-privacy-links {
  margin-top: 40px;
}
@media (max-width: 768px) {
  footer div.footer-privacy-links {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 80px;
  }
}
footer div.footer-privacy-links ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  footer div.footer-privacy-links ul {
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 0;
  }
}
footer div.footer-privacy-links ul li {
  margin: 0;
  padding: 0;
}
footer div.footer-privacy-links ul li a {
  color: #026759;
  font-family: "Open Sans";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
}

section.main.page-comparatore section.hero_step2 {
  padding-top: 40px;
  padding-bottom: 40px;
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 {
  display: flex;
  padding: 40px 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero_step2 div.hero_step_2 {
    padding: 20px 0;
  }
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola {
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola {
    gap: 12px;
  }
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola img.logo {
  width: 350px;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola img.logo {
    max-width: 275px;
    width: 275px;
    display: block;
    margin: 0 auto;
  }
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola h1 {
  color: #FFF;
  font-family: Mulish;
  font-size: 37px;
  font-style: italic;
  font-weight: 800;
  line-height: 120%; /* 44.4px */
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola h1 {
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 26px;
    font-style: italic;
    font-weight: 800;
    line-height: 120%; /* 31.2px */
  }
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  color: #FFF;
  font-family: Mulish;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.1px;
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container input[type=radio] {
  width: 17px;
  height: 17px;
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container div.suggerimento {
  color: #FFF;
  font-family: Mulish;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.1px;
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group {
  width: 420px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group {
    width: 100%;
  }
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group:has(input:disabled) {
  opacity: 0.5;
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group input#inputvalore {
  width: 320px;
  margin-right: -50px;
  height: 36px;
  padding: 10px 20px;
  border-radius: 100px;
  border: 0;
  background: #FFF;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group input#inputvalore {
    width: 100%;
  }
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group button#button-calcola {
  width: 135px;
  height: 37px;
  padding: 10px 32px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: rgb(183, 206, 34);
  color: #026759;
  font-family: Mulish;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  z-index: 5;
  border: 0;
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group button#button-calcola:focus {
  box-shadow: none;
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group div#ratafissa {
  opacity: 0.5;
  border-radius: 20px;
  background: #FFF;
  border: 0;
  display: flex;
  width: 100%;
  height: 87px;
  padding: 7px 36px;
  justify-content: flex-start;
  align-items: center;
  align-self: stretch;
  position: relative;
  color: #026759;
  font-family: Mulish;
  font-size: 71px;
  font-style: italic;
  font-weight: 900;
  line-height: 100%; /* 71px */
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group div#ratafissa {
    color: #026759;
    font-family: Mulish;
    font-size: 71px;
    font-style: italic;
    font-weight: 900;
    line-height: 100%; /* 71px */
    padding: 7px 14px;
  }
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group div#ratafissa.active {
  opacity: 1;
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group span#basic-addon2 {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #026759;
  font-family: Mulish;
  font-size: 28px;
  font-style: italic;
  font-weight: 900;
  line-height: 100%;
  background-color: transparent;
  border: 0;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container .input-group span#basic-addon2 {
    font-size: 18px;
  }
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container div.ctas {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  gap: 9px;
}
@media (max-width: 768px) {
  section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container div.ctas {
    flex-direction: column;
  }
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.sx-calcola div.form-container div.ctas .btn-cta {
  flex: 1;
  padding: 10px 32px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: rgb(183, 206, 34);
  color: #026759;
  font-family: Mulish;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  z-index: 5;
  border: 0;
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.container-grafiche {
  flex-grow: 1;
  flex-shrink: 0;
}
section.main.page-comparatore section.hero_step2 div.hero_step_2 div.container-grafiche img.step2_grafiche {
  width: 100%;
}

.main_interstitial .main_generic_header .text-generic div.prezzo_offerta {
  text-align: center;
  font-family: Mulish;
  font-size: 44px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  background: var(--linear-text, linear-gradient(180deg, #2AB086 0%, #A8C70F 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main_interstitial .main_generic_header .text-generic div.prezzo_offerta .small {
  font-size: 20px;
  font-weight: 400;
}

div#comparatoreConsumoTroppoAlto .modal-dialog {
  background-image: url("../img/bkg_popup_troppo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  max-width: unset;
  height: 630px;
  width: 560px;
}
@media (max-width: 768px) {
  div#comparatoreConsumoTroppoAlto .modal-dialog {
    width: 354px;
    height: 535px;
    background-image: url("../img/bkg_popup_troppo-mobi.png");
    background-size: 343px 529px;
  }
}
div#comparatoreConsumoTroppoAlto .modal-dialog .modal-header {
  background-color: transparent;
  border: 0;
}
div#comparatoreConsumoTroppoAlto .modal-dialog .modal-header button {
  opacity: 1;
}
div#comparatoreConsumoTroppoAlto .modal-dialog .modal-header button img {
  height: 20px;
  width: 20px;
}
div#comparatoreConsumoTroppoAlto .modal-dialog .modal-content {
  background-color: transparent;
  border: 0;
}
div#comparatoreConsumoTroppoAlto .modal-dialog .modal-content .modal-body {
  padding: 20px 30px;
}
div#comparatoreConsumoTroppoAlto .modal-dialog .modal-content .modal-body h1 {
  color: #B7CE22;
  font-family: Mulish;
  font-size: 30px;
  font-style: italic;
  font-weight: 900;
  line-height: 120%; /* 36px */
  padding: 18px 22px 22px;
  background-image: url("../img/bck-moda-consumo-h1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 504px;
  height: 155px;
}
@media (max-width: 768px) {
  div#comparatoreConsumoTroppoAlto .modal-dialog .modal-content .modal-body h1 {
    background-image: url("../img/bck-moda-consumo-h1-mobi.png");
    width: unset;
    height: unset;
    color: #B7CE22;
    font-family: Mulish;
    font-size: 19px;
    font-style: italic;
    font-weight: 900;
    line-height: 120%; /* 22.8px */
  }
}
div#comparatoreConsumoTroppoAlto .modal-dialog .modal-content .modal-body ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 15px;
  margin-top: 35px;
}
div#comparatoreConsumoTroppoAlto .modal-dialog .modal-content .modal-body ul li {
  padding-left: 70px;
  position: relative;
}
div#comparatoreConsumoTroppoAlto .modal-dialog .modal-content .modal-body ul li:before {
  content: "";
  background-image: url("../img/checkbox-lista-modal.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 20px;
  top: 0;
  width: 34px;
  height: 30px;
}
div#comparatoreConsumoTroppoAlto .modal-dialog .modal-content .modal-body ul li div {
  color: #026759;
  font-family: Mulish;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.12px;
}
@media (max-width: 768px) {
  div#comparatoreConsumoTroppoAlto .modal-dialog .modal-content .modal-body ul li div {
    font-size: 19px;
  }
}
div#comparatoreConsumoTroppoAlto .modal-dialog .modal-content .modal-body ul li div.numero {
  color: #026759;
  font-family: Mulish;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -0.15px;
}
@media (max-width: 768px) {
  div#comparatoreConsumoTroppoAlto .modal-dialog .modal-content .modal-body ul li div.numero {
    font-size: 15px;
  }
}

/*# sourceMappingURL=comparatore.css.map */