/* VARIABILI */
:root {
  /* distances */
  --distance-mini: 4px;

  /* NEW COLORS */
  --blu: #040c5e;
  --azzurro_scuro: #3076db;
  --azzurro: #57d1f9;
  --azzurro_chiaro: #e1fdf7;
  --giallo: #fdf46b;
  --lilla: #d1b0f8;
  --grigio: #f5f5f5;

  --grigio_scuro: #646464;

  /* Font Family */
  --degular: "degular-text", sans-serif;

  /* transition */
  --transition_half: 0.15s ease-out;
  --transition_double: 0.6s ease-out;
}

/* GENERALI */
body,
html {
  font-family: var(--degular);
  background: var(--grigio);
}
/* section:first-of-type {
    padding: calc(var(--distance-big) * 1.5) 0;
} */
section:first-of-type .cont-testo {
  margin-top: calc(var(--distance-big) / 2);
}
/* section:first-of-type .cont-testo p:not([class]) {
    max-width: 75%;
} */
section.half-padding {
  padding: calc(var(--distance-big) / 2) 0;
}
section.medium-padding {
  padding: var(--distance-medium) 0;
}

#row-x-sticky {
  transition: var(--transition);
}
.pinned #row-x-sticky {
  margin-top: 140px;
}
/* #row-x-sticky > *{
    margin-top: var(--distance-big);
    margin-bottom: var(--distance-big);
} */
div[data-scroll-sticky] {
  position: sticky;
  top: calc(var(--distance-big) * 2);
}

/* SPAZIATURE ELEMENTI */
.mt-6 {
  margin-top: calc(var(--distance) * 2);
}
.mt-7 {
  margin-top: calc(var(--distance-big) * 0.7);
}
.mt-8 {
  margin-top: calc(var(--distance) * 3);
}
.mt-9 {
  margin-top: var(--distance-big);
}

.mb-6 {
  margin-bottom: calc(var(--distance) * 2);
}
.mb-7 {
  margin-bottom: calc(var(--distance-big) * 0.7);
}
.mb-8 {
  margin-bottom: calc(var(--distance) * 3);
}
.mb-9 {
  margin-bottom: var(--distance-big);
}

.pt-6 {
  padding-top: calc(var(--distance) * 2);
}
.pt-7 {
  padding-top: calc(var(--distance-big) * 0.7);
}

.pb-6 {
  padding-bottom: calc(var(--distance) * 2);
}
.pb-7 {
  padding-bottom: calc(var(--distance-big) * 0.7);
}
.pb-8 {
  padding-bottom: calc(var(--distance-big) * 0.8);
}

.ps-6 {
  padding-left: calc(var(--distance) * 2);
}
.ps-7 {
  padding-left: calc(var(--distance-big) * 0.7);
}
.ps-8 {
  padding-left: calc(var(--distance) * 3);
}

.pe-6 {
  padding-right: calc(var(--distance) * 2);
}
.pe-7 {
  padding-right: calc(var(--distance-big) * 0.7);
}
.pe-8 {
  padding-right: calc(var(--distance) * 3);
}

/* SPAZIATURE TESTI */
.cont-testo {
  margin: 0;
}
.cont-testo.fw-light > p:not([class]) {
  font-weight: 300 !important;
}
.cont-testo.with-mt {
  margin-top: var(--distance);
}
.cont-testo.with-mb {
  margin-bottom: var(--distance);
}
.cont-testo.small > * + * {
  margin-top: calc(var(--distance-mini) * 3);
}
.cont-testo > * + .degular2 {
  margin-top: calc(var(--distance) / 3);
}
.cont-testo > * + .degular6 {
  margin-top: calc(var(--distance-medium) / 2);
}

.cont-testo h1,
.cont-testo h2,
.cont-testo h3,
.cont-testo h4,
.cont-testo h5,
.cont-testo h6 {
  color: var(--blu);
}

/* ANIMATIONS */
.cont-testo[data-scroll] {
  opacity: 0;
  transform: translateY(calc(var(--distance) * 2));
  transition: var(--transition_double);
}
.cont-testo[data-scroll].is-inview {
  opacity: 1;
  transform: translateY(0);
}

.opacity-anim[data-scroll] {
  opacity: 0;
  transition: var(--transition);
}
.opacity-anim[data-scroll].is-inview {
  opacity: 1;
}

.from-dx[data-scroll] {
  opacity: 0;
  transform: translateX(calc(var(--distance) * 2));
  transition: var(--transition_double);
}
.from-sx[data-scroll] {
  opacity: 0;
  transform: translateX(calc(var(--distance) * -2));
  transition: var(--transition_double);
}
.from-bottom[data-scroll] {
  opacity: 0;
  transform: translateY(calc(var(--distance) * 2));
  transition: var(--transition_double);
}
.from-dx[data-scroll].is-inview,
.from-sx[data-scroll].is-inview,
.from-bottom[data-scroll].is-inview {
  opacity: 1;
  transform: translate(0);
}

/* COLORS */
.color-viola,
.color-viola * {
  --bs-link-hover-color: var(--viola);
  color: var(--viola);
}
.color-rosso,
.color-rosso * {
  color: var(--rosso) !important;
}
.color-giallo,
.color-giallo * {
  color: var(--giallo) !important;
}

/* BACKGROUNDS */
.back-viola {
  background-color: var(--viola);
}
.back-viola-chiaro-01 {
  background-color: var(--viola_chiaro_01);
}
.back-viola-scuro {
  background-color: var(--viola_scuro);
}
.back-grigio {
  background-color: var(--grigio);
}
.back-giallo {
  background-color: var(--giallo);
}
.back-giallo-chiaro-02 {
  background-color: var(--giallo_chiaro_02);
}
.back-rosso {
  background-color: var(--rosso);
}

.bg-with-icons {
  overflow: hidden;
}
.bg-with-icons > [class*="icon-"] {
  position: absolute;
  width: 150px;
  height: 150px;
}
.bg-with-icons .icon-clock {
  left: 10%;
  top: 0;
  transform: translateY(-40%);
}
.back-azzurro-50.bg-with-icons .icon-clock {
  transform: translateY(10%);
}
.bg-with-icons .icon-coins.sx {
  left: 25%;
  bottom: 0;
  transform: translateY(30%);
}
.back-azzurro-50.bg-with-icons .icon-coins.sx {
  left: 18%;
  transform: translateY(10%);
}
.bg-with-icons .icon-coins.dx {
  right: 15%;
  top: 0;
  transform: translateY(-60%);
}
.back-azzurro-50.bg-with-icons .icon-coins.dx {
  transform: translateY(10%);
}
.bg-with-icons .icon-stonks {
  right: 25%;
  bottom: 0;
  transform: translateY(15%);
}
.back-azzurro-50.bg-with-icons .icon-stonks {
  right: 18%;
  transform: translateY(5%);
}

/* BORDER COLORS */
.border-viola-scuro {
  border-color: var(--viola_scuro) !important;
}

/* FONT SIZES */
h1 span {
  display: block;
}

.roboto1 {
  font-family: var(--roboto_condensed);
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 400;
  letter-spacing: normal;
}
.roboto2 {
  font-family: var(--roboto_condensed);
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-weight: 400;
  letter-spacing: normal;
}

/* BUTTONS */
.button,
.button:visited,
.button:focus,
.button:hover {
  position: relative;
  padding: calc(var(--distance-big) / 4) var(--distance)
    calc(var(--distance-medium) / 2);
  border-radius: var(--distance-medium);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button.small,
.button.small:visited,
.button.small:focus,
.button.small:hover {
  display: inline-flex;
  padding: calc(var(--distance-mini) * 3) calc(var(--distance) * 2) !important;
}
.button > * {
  position: relative;
  z-index: 1;
}
.button::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: left bottom;
  background: var(--nero);
  opacity: 0.1;
  transition: var(--transition_half);
}
.button:hover::before {
  transform: scaleY(1);
}

/* LINK */
a.link,
a.link:focus,
a.link:visited,
a.link:hover {
  color: var(--azzurro_scuro);
}
a.link span {
  margin-left: calc(var(--distance-mini) * 2);
  transition: var(--transition_half);
}
a.link:hover span {
  margin-left: calc(var(--distance-mini) * 4);
}

.scrollto:hover span {
  transform: translateY(10px) rotate(90deg);
}

/* IMAGE CONTAINERS */
.image-container {
  position: relative;
}
.image-container .image-background {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  z-index: 1;
}
.image-container .image-background.square {
  left: calc(50% - 200px);
  top: calc(50% - 200px);
}
.image-container.is-inview .image-background {
  width: 100%;
  height: 100%;
}
.image-container.is-inview .image-background.square {
  width: 400px;
  height: 400px;
}
.image-container .image {
  position: relative;
  z-index: 2;
}

/* ELEMENTS */
.citazione {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border-radius: var(--distance-big);
  border-top-left-radius: 0;
  padding: calc(var(--distance-medium) / 2) var(--distance-medium);
}
.citazione .rounded-circle {
  width: var(--distance);
  height: var(--distance);
}
.citazione .citazione-testo {
  width: calc(100% - calc(var(--distance) * 1.5));
  margin-left: var(--distance-half);
}
.citazione .citazione-testo .roboto2 {
  margin-top: var(--distance-mini);
  margin-bottom: calc(var(--distance) / 3);
}
.rounded-image {
  border-radius: calc(var(--distance-big) / 2);
}
.rounded-image .img-cliente {
  height: 150px;
}

/* TABS */
.nav-tabs {
  background: var(--bianco);
  border-radius: calc(var(--distance-big) / 2);
  border: 0;
}
.nav-tabs .nav-item {
  width: 25%;
  padding: calc(var(--distance) / 3) var(--distance-half);
}
.nav-tabs .nav-item .nav-link {
  padding: calc(var(--distance-mini) * 3) 0;
  background: none;
  border: none;
  border-radius: var(--distance-medium);
  transition: var(--transition);
}
.nav-tabs .nav-item .nav-link:not(.active):hover {
  opacity: 0.6;
}
.nav-tabs .nav-item .nav-link.active {
  background: var(--azzurro_scuro);
}
.nav-tabs .nav-item .nav-link p {
  color: var(--azzurro_scuro);
  transition: var(--transition);
}
.nav-tabs .nav-item .nav-link.active p {
  color: var(--bianco);
}
.nav-tabs .nav-item .nav-link p span {
  background: var(--azzurro_scuro);
  transition: var(--transition);
}
.nav-tabs .nav-item .nav-link.active p span {
  background: var(--bianco);
}
.tab-content .cont-testo {
  margin-top: calc(var(--distance-big) / 2);
}

/* Prezzo */
.price {
  position: relative;
  padding-left: calc(var(--distance-medium) / 2);
}
.price .degular4 {
  position: absolute;
  left: 0;
  top: calc(var(--distance-mini) * 2);
}

/* BG IMAGE */
.bg-image {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: calc(100% - var(--wrapper-padding));
  max-width: var(--max-width);
  height: 100%;
}

/* PAGINE */
.page-template-page-funzionalita header,
.page-template-page-prezzi header,
.page-template-page-chi-siamo header,
.page-template-page-agenti header,
.page-template-page-contatti header,
.page-template-page-inizia header,
.page-template-page-storie-clienti header,
.page-template-page-webinar header,
.single header,
.page-template-page-video header {
  background: var(--grigio);
}
.page-template-page-funzionalita section:first-of-type {
  padding-top: calc(var(--distance-big) * 2.5);
  padding-bottom: calc(var(--distance-big) * 0.7);
}
.page-template-page-prezzi section:first-of-type,
.page-template-page-chi-siamo section:first-of-type,
.page-template-page-agenti section:first-of-type,
.page-template-page-contatti section:first-of-type,
.page-template-page-inizia section:first-of-type,
.page-template-page-storie-clienti section:first-of-type,
.page-template-page-webinar section:first-of-type,
.single section:first-of-type .single header {
  padding-bottom: calc(var(--distance-big) * 0.7);
}

/* SEZIONE SINGLE FUNZIONALITÀ */
.single-funzionalita .cont-funzionalita .degular3 {
  margin-bottom: calc(var(--distance-medium) / 2);
}
.single-funzionalita .cont-funzionalita .degular7 {
  margin-bottom: var(--distance);
}
.single-funzionalita .cont-funzionalita ul,
.cont-testo ul {
  list-style-type: none;
  padding: 0;
}
.single-funzionalita .cont-funzionalita ul li,
.cont-testo ul li,
.single-funzionalita .cont-funzionalita ol li,
.cont-testo ol li {
  position: relative;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.4;
  letter-spacing: normal;
  font-weight: 400;
  color: var(--blu);
  padding-left: var(--distance);
}
.cont-testo ul li,
.cont-testo ol li {
  color: var(--grigio_scuro);
}
.single-funzionalita .cont-funzionalita ul li + li,
.cont-testo ul li + li,
.single-funzionalita .cont-funzionalita ol li + li,
.cont-testo ol li + li {
  margin-top: calc(var(--distance) / 3);
}
.single-funzionalita .cont-funzionalita ul li::before,
.cont-testo ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-mask: url(../media/icons/check.svg) no-repeat 50% 50%;
  mask: url(../media/icons/check.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--blu);
}
.single-funzionalita .cont-funzionalita .citazione {
  margin-top: var(--distance-medium);
}
.single-funzionalita .image img {
  max-height: 450px;
}

/* NUMBERS */
.cont-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: var(--distance-big);
  border-top-left-radius: 0;
  padding: calc(var(--distance) * 3) calc(var(--distance) * 2.5);
  margin: var(--distance-big) 0;
  transition: var(--transition);
}
.cont-numbers .text-number {
  opacity: 0;
  transition: var(--transition);
}
.cont-numbers .counter-finished .text-number {
  opacity: 1;
}

/* ELENCO VANTAGGI */
.elenco-vantaggi img {
  max-height: calc(var(--distance-medium) * 2);
}

/* PAGE POLICY */
.default-template section .cont-testo a {
  color: var(--azzurro_scuro) !important;
}

/* PAGE 404 */
.error404 footer,
.page-template-page-grazie footer {
  display: none;
}

.otgs-development-site-front-end {
  display: none !important;
}

/* ELENCO STORIE */
.elenco-storie {
  margin: calc(var(--distance-big) / 2) 0 0;
  padding-bottom: calc(var(--distance-big) * 1.2);
  /* border-bottom: 1px solid var(--nero); */
}
.cont-storia {
  height: 100%;
  border-radius: calc(var(--distance-big) / 2);
}
.cont-storia .cont-image {
  position: relative;
  padding: calc(var(--distance) / 3) calc(var(--distance) / 3) 0;
}
.cont-storia .cont-image img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  aspect-ratio: 16/8;
  border-top-left-radius: calc(var(--distance-big) / 2.3);
  border-top-right-radius: calc(var(--distance-big) / 2.3);
}
.cont-storia .cont-image .logo-cliente {
  position: absolute;
  z-index: 3;
  left: calc(var(--distance-big) / 4);
  bottom: 0;
  transform: translateY(50%);
  border: 1px solid var(--blu);
  height: 70px;
  background: var(--bianco);
}
.cont-storia .cont-image .logo-cliente img {
  border-radius: 0 !important;
  aspect-ratio: auto;
  padding: calc(var(--distance-medium) / 2);
  height: 100%;
  width: auto;
}
.cont-storia .cont-testo {
  margin: calc(var(--distance) * 2) calc(var(--distance-big) / 4) 0;
  padding: 0 0 var(--distance);
  /* border-top: 1px solid var(--nero); */
  overflow: hidden;
}
.cont-storia .cont-testo h2 {
  font-size: clamp(20px, 1.66vw, 24px);
  line-height: 1.1;
  letter-spacing: normal;
  font-weight: 600;
  color: var(--blu);
}
.cont-storia .cont-testo > p:not([class]) {
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.25;
  letter-spacing: normal;
  font-weight: 400;
  color: var(--grigio_scuro);
}

/* SINGLE */
.single section:first-of-type img,
.page-template-page-video section:first-of-type img {
  max-height: 300px;
  border-radius: 150px;
}
.single section:first-of-type .image-background,
.page-template-page-video section:first-of-type .image-background {
  border-radius: 150px !important;
}
.single .hero-cit {
  margin: calc(var(--distance-big) / 2) 0 var(--distance);
  padding: calc(var(--distance-big) / 2) 0;
  border-top: 1px solid var(--azzurro_scuro);
  border-bottom: 1px solid var(--azzurro_scuro);
}
.author-label {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  margin-top: var(--distance);
  text-align: start;
}
.author-label.big {
  justify-content: start;
}
.author-label img {
  width: var(--distance);
  height: var(--distance);
  border-radius: 50%;
}
.author-label.big img {
  width: calc(var(--distance-big) / 2);
  height: calc(var(--distance-big) / 2);
}

.video-preview .logo-cliente {
  border-top: 1px solid var(--blu);
  padding-top: var(--distance);
}
.cont-iframe {
  position: relative;
  margin-top: var(--distance-big);
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
.cont-iframe iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.cont-video-link {
  padding: calc(var(--distance-big) / 2);
}

.table-of-contents {
  margin-bottom: calc(var(--distance) * 2);
  padding-bottom: calc(var(--distance-big) / 2);
  border-bottom: 1px solid var(--nero);
}
.table-of-contents #toc {
  margin-top: calc(var(--distance-big) / 4);
}
#toc ul {
  list-style-type: none;
  counter-reset: my-counter;
  padding: 0;
}
#toc ul li {
  position: relative;
  counter-increment: my-counter;
  padding-left: calc(var(--distance-medium) * 3);
}
#toc ul li + li {
  margin-top: var(--distance-half);
}
#toc ul li::before {
  content: counter(my-counter);
  position: absolute;
  left: 0;
  top: 14px;
  transform: translateY(-50%);
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: normal;
  font-weight: 400;
  color: var(--blu);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--distance) * 3);
  height: var(--distance);
  border-radius: var(--distance-half);
  background: rgba(87, 209, 249, 0.2);
}

.cont-interview .cont-testo h2 span {
  position: absolute;
  left: -30px;
  top: 23px;
  transform: translate(-100%, -50%);
  font-size: 2.4rem;
  line-height: 2.6rem;
  letter-spacing: normal;
  font-weight: 400;
  color: var(--blu);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--distance) * 3);
  height: var(--distance-medium);
  border-radius: calc(var(--distance-medium) / 2);
  background: rgba(87, 209, 249, 0.2);
}

.cont-interview .cont-testo > h2 + *,
.cont-interview .cont-testo > h3 + *,
.cont-interview .cont-testo > * + h2,
.cont-interview .cont-testo > * + h3 {
  margin-top: var(--distance-medium);
}
.cont-interview .cont-testo > * + h2 {
  margin-top: calc(var(--distance) * 3);
}
.cont-interview .cont-testo > * + .cit,
.cont-interview .cont-testo > .cit + *,
.cont-interview .cont-testo > * + .img,
.cont-interview .cont-testo > .img + * {
  margin-top: calc(var(--distance-big) / 2);
}

.cont-interview .cont-testo h2 {
  position: relative;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 700;
  color: var(--blu);
}
.cont-interview .cont-testo h3 {
  position: relative;
  font-size: clamp(16px, 1.66vw, 24px);
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 500;
  color: var(--azzurro_scuro);
}
.cont-interview .cont-testo > p:not([class]) {
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.4;
  letter-spacing: normal;
  font-weight: 400;
  color: var(--grigio_scuro);
}
.cont-interview .cont-testo > p:not([class]) strong {
  font-weight: 700;
}
.cont-interview .cont-testo > p:not([class]) a,
.cont-interview .cont-testo > p:not([class]) a:visited,
.cont-interview .cont-testo > p:not([class]) a:focus,
.cont-interview .cont-testo > p:not([class]) a:hover {
  color: var(--blu);
}
.cont-interview .cont-testo > p:not([class]) a:hover {
  text-decoration: underline;
}

.cit {
  padding: calc(var(--distance-big) / 2);
  background: rgba(87, 209, 249, 0.2);
  transform: translate(-25%);
  width: calc(100vw - var(--wrapper-padding));
  max-width: 1400px;
  border-radius: var(--distance-big);
  border-top-left-radius: 0;
}
.cit .author-label {
  margin-top: 0;
  justify-content: start;
}

.img {
  transform: translate(-25%);
  width: calc(100vw - var(--wrapper-padding));
  max-width: 1400px;
}
.img .cont-img {
  padding: 0 calc(var(--distance-big) / 2) var(--distance);
  margin-bottom: var(--distance-half);
  border-bottom: 1px solid var(--blu);
}
.img .cont-img img {
  height: 500px;
  border-radius: 250px;
  overflow: hidden;
}

.autore-intervista {
  padding-top: calc(var(--distance-big) / 2);
  margin-top: calc(var(--distance-big) / 2);
  border-top: 1px solid var(--blu);
}
.autore-intervista .author-label {
  margin-top: 0;
}
.single .elenco-storie {
  margin: var(--distance) 0 0;
  padding-top: calc(var(--distance-big) / 2);
  padding-bottom: 0;
  border-bottom: 0;
  border-top: 1px solid var(--blu);
  --bs-gutter-y: 10px;
}

/* CONT WEBINAR */
.elenco-webinar {
  padding-bottom: calc(var(--distance-big) * 2);
  border-bottom: 1px solid var(--blu);
}
.cont-webinar {
  background: var(--grigio);
  border-top-left-radius: var(--distance-big);
  border-top-right-radius: var(--distance-big);
}
.cont-webinar .cont-image {
  position: relative;
  padding: calc(var(--distance) / 3) calc(var(--distance) / 3)
    calc(var(--distance-medium) / 2);
  overflow: hidden;
}
.cont-webinar .cont-image .durata {
  position: absolute;
  padding: 0 10px;
  bottom: calc(var(--distance-medium) / 2);
  right: calc(var(--distance-medium) / 2);
  background: var(--bianco);
  border-radius: 12px;
  transform: translateY(-50%);
  font-size: 1.2rem;
  line-height: 2.4rem;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--nero);
}
.cont-webinar .cont-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/8;
  border-top-left-radius: var(--distance-big);
  border-top-right-radius: var(--distance-big);
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
.cont-webinar .cont-testo {
  margin: 0 calc(var(--distance-big) / 4);
  padding: calc(var(--distance-big) / 4) 0 calc(var(--distance-big) / 2);
  overflow: hidden;
}
.cont-webinar .cont-header {
  margin: 0 calc(var(--distance-big) / 4);
}
.cont-webinar .cont-header p + p {
  border-top: 1px solid var(--nero);
  margin-top: 3px;
  padding-top: 3px;
}

.cont-webinar .cont-autori {
  padding: calc(var(--distance-medium) / 2) 0;
  margin: calc(var(--distance-big) / 4) 0 calc(var(--distance-medium) / 2);
  border-top: 1px solid var(--nero);
  border-bottom: 1px solid var(--nero);
}
.cont-webinar .cont-autori .author-label {
  justify-content: start;
  margin: 0;
}
.cont-autori .accordion-item {
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}
.cont-autori .accordion-button {
  position: relative;
  display: block;
  border: none;
  outline: none;
  box-shadow: none;
  background: var(--rosso);
  padding: 0;
  margin: 0 0 0 auto;
  width: calc(var(--distance-medium) / 2);
  height: calc(var(--distance-medium) / 2);
  --bs-accordion-inner-border-radius: 50%;
  border-radius: 50% !important;
}
.cont-autori .accordion-button::before,
.cont-autori .accordion-button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 60%;
  background: var(--bianco);
  transform: translate(-50%, -50%);
  transition: all 0.2s linear;
}
.cont-autori .accordion-button::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.cont-autori .accordion-button:not(.collapsed)::before {
  transform: translate(-50%, -50%) scaleX(0);
}
.cont-autori .accordion-body {
  padding: calc(var(--distance-medium) / 2) 0 0;
}

/* ELENCO ARTICOLI */
.elenco-articoli {
  margin: calc(var(--distance-big) / 2) 0 0;
  padding-bottom: calc(var(--distance-big) * 1.2);
  /* border-bottom: 1px solid var(--nero); */
}
.single .elenco-articoli {
  margin: var(--distance) 0 0;
  padding-top: calc(var(--distance-big) / 2);
  padding-bottom: 0;
  border-bottom: 0;
  border-top: 1px solid var(--nero);
}

.wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  height: 0;
  overflow: hidden;
}
.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* AGGIORNAMENTI 12/11/2023 */
.in-evidenza .logo-caso-studio {
  height: auto;
  background: var(--bianco);
  display: flex;
  align-items: center;
  justify-content: center;
  /* min-height: 250px; */
  aspect-ratio: 10 / 6.4;
}

/* AGGIORNATEMENTI 25/09/2023 */
.page-template-page-video header {
  padding: var(--distance-half) 0;
}
.page-template-page-video .table-of-contents a {
  pointer-events: none !important;
}

/* AGGIORNAMENTO 02/05/2024 */
.swiper-recensioni {
  position: relative;
  margin-top: calc(var(--distance) * 2);
  padding-bottom: calc(var(--distance) * 3);
}
.swiper-recensioni::before,
.swiper-recensioni::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: var(--blu);
}
.swiper-recensioni::after {
  top: auto;
  bottom: calc(var(--distance) * 3);
}
.swiper-recensioni .swiper-slide {
  padding: var(--distance-medium) var(--distance) var(--distance-medium) 0;
}
.swiper-recensioni .swiper-button-prev,
.swiper-recensioni .swiper-button-next {
  top: auto;
  bottom: 0;
}

ul.righe {
  border-bottom: 1px solid var(--blu);
}
ul.righe li {
  padding: var(--distance) 0;
  border-top: 1px solid var(--blu);
}
ul.righe li + li {
  margin-top: 0;
}
ul.righe li::before {
  content: none;
}

.switch-periodo {
  position: relative;
  display: flex;
  border-radius: calc(var(--distance-big) / 2);
  margin: 0 0 calc(var(--distance) * 2);
  overflow: hidden;
}
.switch-periodo .single-periodo {
  position: relative;
  display: grid;
  place-items: center;
  width: 50%;
  height: calc(var(--distance-medium) * 2);
  background-color: transparent;
  color: var(--blu);
  cursor: pointer;
  border-radius: calc(var(--distance-big) / 2);
  transition: var(--transition);
  z-index: 2;
}
.switch-periodo[data-current="mensile"] .single-periodo[data-value="mensile"],
.switch-periodo[data-current="annuale"] .single-periodo[data-value="annuale"] {
  color: var(--bianco);
}
.switch-periodo .switch-periodo-bg {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: calc(var(--distance-big) / 2);
  background: var(--azzurro_scuro);
  transition: var(--transition);
  z-index: 1;
}
.switch-periodo[data-current="mensile"] .switch-periodo-bg {
  transform: translateX(0);
}
.switch-periodo[data-current="annuale"] .switch-periodo-bg {
  transform: translateX(100%);
}

.abbonamento {
  position: relative;
  padding: var(--distance-medium) var(--distance) var(--distance-big);
  border-radius: calc(var(--distance-big) / 2);
  height: 100%;
}
.abbonamento .prezzo-abbonamento {
  position: relative;
  height: calc(calc(var(--distance-big) / 2) + var(--distance));
  margin-top: var(--distance-half);
  margin-bottom: var(--distance);
  padding-bottom: var(--distance);
  border-bottom: 1px solid var(--blu);
}
.abbonamento .prezzo-abbonamento .mensile,
.abbonamento .prezzo-abbonamento .annuale {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition);
  opacity: 0;
  pointer-events: none;
}
.abbonamento[data-selected="mensile"] .prezzo-abbonamento .mensile,
.abbonamento[data-selected="annuale"] .prezzo-abbonamento .annuale {
  opacity: 1;
  pointer-events: all;
}
.abbonamento .funzionalita-abbonamento {
  margin: calc(var(--distance-medium) / 2) 0 var(--distance);
}
.abbonamento .funzionalita-abbonamento .degular8 {
  font-size: 12px;
  margin-bottom: calc(var(--distance) / 3);
}
.abbonamento .funzionalita-abbonamento ul {
  padding-left: 0;
  list-style: none;
}
.abbonamento .funzionalita-abbonamento ul li + li {
  margin-top: calc(var(--distance-half) / 3);
}
.abbonamento .funzionalita-abbonamento ul li svg {
  margin-right: calc(var(--distance) / 3);
}
.abbonamento .button,
.abbonamento .button:focus,
.abbonamento .button:visited,
.abbonamento .button:hover {
  position: absolute;
  left: 50%;
  bottom: var(--distance);
  transform: translateX(-50%);
  width: calc(100% - calc(var(--distance) * 2));
}

.tag-abbonamento {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  padding: 0 var(--distance);
  height: 30px;
  width: max-content;
  border-radius: 48px;
  background: var(--blu);
  color: var(--bianco);
  font-size: 12px;
  text-transform: uppercase;
}

.cont-elenco .degular8 {
  max-width: 530px;
}

.toggle-section .button,
.toggle-section .button:focus,
.toggle-section .button:visited,
.toggle-section .button:hover {
  background: transparent;
  border: 1px solid var(--azzurro_scuro);
  cursor: pointer;
  padding: 15px var(--distance-medium);
  gap: 15px;
}
.toggle-section .button::before {
  content: none;
}
section.tabella-prezzi:not(.closed) .button span.closed-label,
section.tabella-prezzi.closed .button span.opened-label {
  display: none;
}
section.tabella-prezzi .button .icona-bottone {
  position: relative;
  width: calc(var(--distance-medium) / 2);
  height: calc(var(--distance-medium) / 2);
}
section.tabella-prezzi .button .icona-bottone::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 3px;
  background: var(--azzurro_scuro);
}
section.tabella-prezzi .button .icona-bottone::after {
  content: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 3px;
  height: 100%;
  background: var(--azzurro_scuro);
}
section.tabella-prezzi.closed .button .icona-bottone::after {
  content: "";
}
section.tabella-prezzi .cont-tabella {
  margin-top: calc(var(--distance-big) / 2);
  margin-bottom: calc(var(--distance-big) / 2);
  height: auto;
  overflow: hidden;
}
section.tabella-prezzi.closed .cont-tabella {
  height: 0;
  margin-bottom: 0;
}
section.tabella-prezzi .cont-tabella > .back-grigio {
  padding: 0;
  margin-bottom: calc(var(--distance-big) / 2);
}

.cont-vantaggi {
  display: flex;
  padding: 20px 0;
  border: 1px solid var(--blu);
  border-radius: 50px;
  margin-top: var(--distance-medium);
}
.cont-vantaggi div {
  display: flex;
  align-items: center;
  padding: 0 20px;
  text-align: center;
  height: auto;
  flex-direction: column;
  justify-content: center;
}
.cont-vantaggi div + div {
  border-left: 1px solid var(--blu);
}
.cont-vantaggi div svg {
  display: block;
  margin: 0 auto;
}

.page-template-page-prezzi .marquee-loghi,
.page-template-page-chi-siamo .marquee-loghi {
  margin: 0 !important;
}

section.faq .accordion {
  --bs-accordion-color: transparent !important;
  --bs-accordion-bg: var(--bianco) !important;
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-width: 0px;
  --bs-accordion-border-radius: 0px;
  --bs-accordion-inner-border-radius: 0px;
  --bs-accordion-btn-padding-x: 3rem;
  --bs-accordion-btn-padding-y: 2rem;
  --bs-accordion-btn-color: var(--blu);
  --bs-accordion-btn-icon-width: 28px;
  --bs-accordion-btn-icon-transform: none;
  --bs-accordion-btn-icon: url("../media/icons/accordion-closed.svg");
  --bs-accordion-btn-active-icon: url("../media/icons/accordion-opened.svg");
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-active-bg: transparent !important;
  --bs-accordion-btn-bg: transparent !important;
  --bs-accordion-body-padding-x: 3rem;
  --bs-accordion-body-padding-y: 2rem;
  --bs-accordion-active-color: var(--blu) !important;
}
/* .accordion-item:nth-child(even) {
  background-color: var(--grigio);
} */
.accordion-item:nth-child(odd) {
  background-color: rgba(87, 209, 249, 0.2) !important;
}
.accordion-item:nth-child(even) {
  background-color: var(--bianco) !important;
}