/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/hero_homepage/style.scss ***!
  \**************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
.hero-homepage .splide__arrows {
  width: 100%;
  margin: 0px auto;
}
@media (max-width: 767px) {
  .hero-homepage .splide__arrows {
    padding-inline: 20px;
  }
}
@media (min-width: 768px) {
  .hero-homepage .splide__arrows {
    padding-inline: 4.44%;
  }
}
@media (min-width: 1441px) {
  .hero-homepage .splide__arrows {
    max-width: 1312px;
    padding-left: 0;
    padding-right: 0;
  }
}

/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.hero-homepage {
  position: relative;
}
.hero-homepage__image {
  aspect-ratio: 1440/700;
  width: 100%;
  height: 100%;
  min-height: 80dvh;
}
@media (max-width: 767px) {
  .hero-homepage__image {
    aspect-ratio: 800/1200;
    height: 100vh;
  }
}
.hero-homepage__image > picture {
  width: 100%;
  height: 100%;
}
.hero-homepage__image > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-homepage__image.overlay::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 0;
}
.hero-homepage__inner {
  width: 56%;
  position: absolute;
  right: 30px;
  top: 30%;
  z-index: 2;
}
@media (max-width: 767px) {
  .hero-homepage__inner {
    width: 100%;
    top: 100px;
    right: initial;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .hero-homepage__inner {
    width: 70%;
    top: 25%;
  }
}
@media (min-width: 1441px) {
  .hero-homepage__inner {
    margin-inline: 20px !important;
    right: 13%;
    max-width: 600px;
  }
}
.hero-homepage__wrapper {
  color: #2d2826;
}
.hero-homepage__wrapper .h1 {
  margin-bottom: 20px;
}
.hero-homepage__wrapper .desc {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  text-transform: uppercase;
}
.hero-homepage .splide__slide {
  width: 100%;
}
.hero-homepage .splide__list {
  aspect-ratio: 1440/700;
  width: 100%;
  height: 100%;
  min-height: 80dvh;
}
@media (max-width: 767px) {
  .hero-homepage .splide__list {
    aspect-ratio: 800/1200;
    height: 100vh;
  }
}
.hero-homepage .splide__arrows {
  position: absolute;
  top: 65%;
  width: 100%;
  z-index: 10;
  justify-content: flex-end;
}
@media (min-width: 1441px) {
  .hero-homepage .splide__arrows {
    margin-inline: 20px !important;
    right: 13%;
    max-width: 600px;
  }
}
@media only screen and (min-width: 700px) and (max-width: 1280px) {
  .hero-homepage .splide__arrows {
    top: initial;
    bottom: 10%;
  }
}
@media (max-width: 767px) {
  .hero-homepage .splide__arrows {
    display: flex;
    top: initial;
    bottom: 25%;
  }
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-title/style.scss ***!
  \************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-title[class*=bg-] .block-title__content {
  padding: 60px 0;
  margin: 0;
}
.block-title__content {
  display: flex;
  gap: 30px;
  margin: 60px 0;
}
.block-title__content p {
  line-height: 1.875rem;
}
@media (max-width: 1024px) {
  .block-title__content {
    gap: 30px;
    flex-direction: column;
  }
}
.block-title__content div.col {
  flex: 1 1 calc(50% - 10px);
}
@media (max-width: 1024px) {
  .block-title__content div.col {
    flex: 1 0 100%;
  }
}
.block-title__content div.col .button-primary {
  margin-top: 20px;
}
.block-title__content .p-large.text-content > ul {
  list-style-type: none;
  padding-left: 0;
}
.block-title__content .p-large.text-content > ul li {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 15px;
  align-items: center;
  padding: 0 0 30px 0;
}
.block-title__content .p-large.text-content > ul li::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12.0496 4.8C12.3278 4.8 12.5836 4.95866 12.7041 5.20332L18.79 17.6154C18.8993 17.8383 18.8844 18.0939 18.749 18.301C18.6161 18.5069 18.3863 18.6304 18.1354 18.6304H17.5082C17.2312 18.6304 16.9741 18.4717 16.8537 18.2271L12.0496 8.42868L7.24544 18.2271C7.12621 18.4717 6.86787 18.6304 6.58966 18.6304H5.96369C5.7128 18.6304 5.48302 18.5069 5.34889 18.2985C5.21475 18.0926 5.19985 17.8371 5.3079 17.6154L11.3938 5.20332C11.513 4.95866 11.7713 4.8 12.0496 4.8Z' fill='%232D2826'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  grid-column: 1;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-txt-img/style.scss ***!
  \**************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-txt-img {
  margin: 60px 0;
}
@media (max-width: 767px) {
  .block-txt-img {
    margin: 60px 0;
  }
}
.block-txt-img[class*=bg-] {
  margin: 0;
  padding: 60px 0;
}
@media (max-width: 767px) {
  .block-txt-img[class*=bg-] {
    margin: 0;
    padding: 60px 0;
  }
}
.block-txt-img[class*=bg-] .block-txt-img__content {
  color: #ffffff;
}
.block-txt-img[class*=bg-grey] .block-txt-img__content {
  color: #2d2826;
}
.block-txt-img[class*=bg-grey] .button-primary {
  color: #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 1px #2d2826;
  -moz-box-shadow: inset 0px 0px 0px 1px #2d2826;
  box-shadow: inset 0px 0px 0px 1px #2d2826;
}
.block-txt-img[class*=bg-grey] .button-primary .icon,
.block-txt-img[class*=bg-grey] .button-primary svg {
  color: #ffffff;
  fill: #ffffff;
}
.block-txt-img[class*=bg-] + .block-txt-img[class*=bg-] {
  padding-top: 0px;
}
.block-txt-img__wrapper {
  display: flex;
  gap: 120px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .block-txt-img__wrapper {
    gap: 40px;
    flex-direction: column;
  }
}
.block-txt-img__wrapper.dx {
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .block-txt-img__wrapper.dx {
    flex-direction: column-reverse;
  }
}
.block-txt-img__image, .block-txt-img__video {
  flex: 1 1 calc(60% - 60px);
  position: relative;
}
@media (max-width: 1024px) {
  .block-txt-img__image, .block-txt-img__video {
    width: 100%;
  }
}
.block-txt-img__image > picture, .block-txt-img__video > picture {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.block-txt-img__image > picture > img, .block-txt-img__video > picture > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.block-txt-img__image > video, .block-txt-img__video > video {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.block-txt-img__image .play, .block-txt-img__video .play {
  position: absolute;
  top: 50%;
  bottom: initial;
  left: 50%;
  right: initial;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.block-txt-img__image .play > svg, .block-txt-img__video .play > svg {
  width: 70px;
  height: 70px;
  fill: #ffffff;
}
.block-txt-img__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  text-align: left;
  color: #2d2826;
  align-items: flex-start;
}
.block-txt-img__content .button-primary {
  justify-content: flex-start;
}
.block-txt-img .buttons-store {
  display: flex;
  gap: 20px;
  max-width: 380px;
}
.block-txt-img .buttons-store a {
  width: 100%;
}
.block-txt-img .buttons-store a img {
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-banner/style.scss ***!
  \*************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-banner {
  margin: 60px 0;
}
@media (max-width: 767px) {
  .block-banner {
    margin: 40px 0;
  }
}
.block-banner__wrapper {
  overflow: hidden;
  position: relative;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  min-height: 450px;
  display: flex;
  align-items: center;
  aspect-ratio: 1400/600;
}
@media (max-width: 767px) {
  .block-banner__wrapper {
    aspect-ratio: initial;
  }
}
.block-banner__content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1130px;
  padding: 20px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .block-banner__content {
    padding: 40px 20px;
  }
}
.block-banner__content .p-body,
.block-banner__content .h3 {
  margin-bottom: 24px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .block-banner__content .p-body,
  .block-banner__content .h3 {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .block-banner__content .p-body,
  .block-banner__content .h3 {
    width: 80%;
  }
}
.block-banner__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0%;
  pointer-events: none;
  z-index: 0;
}
.block-banner__image picture {
  width: 100%;
  height: 100%;
  aspect-ratio: 1400/600;
}
@media (max-width: 767px) {
  .block-banner__image picture {
    aspect-ratio: 800/1200;
  }
}
.block-banner__image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-banner__image.overlay::after {
  content: "";
  background-color: rgba(45, 40, 38, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .block-banner__image.overlay::after {
    background-color: rgba(45, 40, 38, 0.5);
  }
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-video/style.scss ***!
  \************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-video {
  margin: 60px 0;
}
.block-video[class*=bg-] {
  color: #ffffff;
  padding: 60px 0;
  margin: 0;
}
.block-video__image {
  position: relative;
}
.block-video__image > picture {
  aspect-ratio: 1100/600;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.block-video__image > picture::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(45, 40, 38, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
}
.block-video__image > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-video iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  border-radius: 16px;
}
.block-video .play {
  position: absolute;
  top: 50%;
  bottom: initial;
  left: 50%;
  right: initial;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.block-video .play > svg {
  width: 70px;
  height: 70px;
  fill: #ffffff;
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-quote/style.scss ***!
  \************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-quote__wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 450px;
  display: flex;
  align-items: center;
  aspect-ratio: 1400/500;
}
@media (max-width: 767px) {
  .block-quote__wrapper {
    aspect-ratio: 800/1200;
    max-height: 600px;
  }
}
.block-quote__content {
  position: relative;
  z-index: 2;
  max-width: 1090px;
  padding: 20px;
  margin: 0 auto;
}
.block-quote__content .author-info,
.block-quote__content .author,
.block-quote__content .quote {
  width: 100%;
}
.block-quote__content .author {
  margin-top: 30px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 600;
}
.block-quote__content .author-info {
  font-weight: 600;
}
.block-quote__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0%;
  pointer-events: none;
  z-index: 0;
}
.block-quote__image picture {
  width: 100%;
  height: 100%;
  aspect-ratio: 1400/500;
}
@media (max-width: 767px) {
  .block-quote__image picture {
    aspect-ratio: 800/1200;
  }
}
.block-quote__image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-quote__image.overlay::after {
  content: "";
  background-color: rgba(45, 40, 38, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.block-quote.only-title {
  margin: 40px 0;
}
.block-quote.only-title .block-quote__wrapper {
  justify-content: center;
  background-color: transparent;
  min-height: 0px;
  aspect-ratio: 0;
}
.block-quote.only-title .block-quote__content {
  text-align: center;
  max-width: 700px;
}
.block-quote.only-title .block-quote__content .author-info,
.block-quote.only-title .block-quote__content .author,
.block-quote.only-title .block-quote__content .quote {
  width: 100%;
  color: #2d2826;
}
.block-quote.only-title .block-quote__image {
  display: none;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/marquee/style.scss ***!
  \********************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
.marquee .text {
  margin: 0px;
  font-family: "Poppins", "arial", "sans serif";
  line-height: 100%;
}

.marquee .text {
  font-weight: 600;
  font-size: clamp(2.5rem, 1.9643rem + 2.6786vw, 4.375rem);
  line-height: clamp(3.125rem, 2.5893rem + 2.6786vw, 5rem);
}
@media (max-width: 767px) {
  .marquee .text {
    font-size: 40px;
    line-height: 45px;
  }
}

/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.marquee {
  overflow: hidden;
  display: flex;
  margin: 60px 0;
}
@media (max-width: 767px) {
  .marquee {
    margin: 40px 0;
  }
}
.marquee[class*=bg-] {
  margin: -1px;
  padding: 60px 0;
}
@media (max-width: 767px) {
  .marquee[class*=bg-] {
    margin: -1px;
    padding: 40px 0;
  }
}
.marquee[class*=bg-] .text {
  color: #ffffff;
}
.marquee .text {
  color: #2d2826;
  white-space: nowrap;
  font-weight: 200;
  margin-right: 10px !important;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/sezione_blog/style.scss ***!
  \*************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.blog-section {
  margin: 60px 0;
  overflow-x: hidden;
}
.blog-section[class*=bg-] {
  padding: 60px 0;
  margin: 0;
}
.blog-section__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .blog-section__wrapper {
    flex-direction: column;
  }
}
.blog-section__title {
  margin-bottom: 20px;
}
.blog-section__content {
  width: 70%;
}
@media (max-width: 767px) {
  .blog-section__content {
    width: 100%;
  }
}
.blog-section__related-posts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 40px auto;
}
.blog-section__related-posts .card__categories {
  display: none;
}
.blog-section__related-posts.grid-2 .card__media > picture {
  aspect-ratio: 645/340;
}
@media (max-width: 767px) {
  .blog-section__related-posts.grid-2 .card__media > picture {
    aspect-ratio: 1;
  }
}
.blog-section__related-posts.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.blog-section__related-posts.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 767px) {
  .blog-section__related-posts {
    grid-template-columns: repeat(1, 1fr);
  }
}
.blog-section .splide__list {
  width: 90%;
}
.blog-section .splide__track {
  overflow: initial;
}
.blog-section .splide__navigation {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 30px 0;
}
.blog-section .splide__navigation .splide__progress-wrap {
  width: 100%;
  max-width: 260px;
}
@media (max-width: 767px) {
  .blog-section .splide__navigation .splide__progress-wrap {
    max-width: 170px;
  }
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-integratori/style.scss ***!
  \******************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-integratori {
  padding: 90px 0;
  position: relative;
}
.block-integratori__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.block-integratori__image > picture {
  width: 100%;
  height: 100%;
}
.block-integratori__image > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-integratori__image::after {
  content: "";
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(186, 202, 223, 0.5019607843);
}
.block-integratori__wrapper {
  display: flex;
  gap: 20px;
}
@media (max-width: 1129px) {
  .block-integratori__wrapper {
    flex-direction: column;
  }
}
.block-integratori__content {
  display: flex;
  gap: 10px;
  flex-direction: column;
  flex: 1 1 30%;
}
@media (min-width: 1025px) {
  .block-integratori__content {
    min-width: 450px;
  }
}
.block-integratori__content .h3 {
  margin-bottom: 30px;
}
.block-integratori__content--cta {
  margin-top: 40px;
}
.block-integratori__content--cta .button-primary {
  margin-bottom: 16px;
}
.block-integratori__items {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
.block-integratori__items .card-term {
  flex: 1 1 calc(50% - 20px);
}
@media (max-width: 1024px) {
  .block-integratori__items .card-term {
    flex: 1 1 100%;
  }
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-integratori/partials/item.scss ***!
  \**************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.card-term {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 16px;
  padding: 30px 20px;
  color: #2d2826;
  text-decoration: none;
  z-index: 2;
}
.card-term__content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.card-term__content--wrapper {
  min-height: 70px;
}
.card-term__title {
  font-weight: 600;
  margin-top: 8px;
}
.card-term__subtitle {
  text-transform: uppercase;
  font-weight: 400;
}
.card-term__icon {
  min-width: 60px;
}
.card-term__icon .icon {
  width: 60px;
  height: 60px;
  background-color: #e5554f;
  border-radius: 50%;
  padding: 14px;
}
.card-term__image img {
  width: 100%;
  height: 350px;
  object-fit: contain;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .card-term__image img {
    width: 100%;
    height: 300px;
  }
}
@media (max-width: 767px) {
  .card-term__image img {
    width: 100%;
    height: 200px;
  }
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/featured-posts/style.scss ***!
  \***************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.featured-posts {
  margin: 60px 0;
}
.featured-posts[class*=bg-] {
  padding: 60px 0;
  margin: 0;
}
.featured-posts__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .featured-posts__wrapper {
    flex-direction: column;
  }
}
.featured-posts__title {
  margin-bottom: 20px;
}
.featured-posts__content {
  width: 70%;
}
@media (max-width: 767px) {
  .featured-posts__content {
    width: 100%;
  }
}
.featured-posts__related-posts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 40px auto;
}
.featured-posts__related-posts .card__categories {
  display: none;
}
.featured-posts__related-posts.grid-2 .card__media > picture {
  aspect-ratio: 645/340;
}
@media (max-width: 767px) {
  .featured-posts__related-posts.grid-2 .card__media > picture {
    aspect-ratio: 1;
  }
}
.featured-posts__related-posts.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.featured-posts__related-posts.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 767px) {
  .featured-posts__related-posts {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/featured-stories/style.scss ***!
  \*****************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.featured-stories {
  overflow: hidden;
  background-color: #f3f3f3;
  padding: 60px 0;
}
.featured-stories__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .featured-stories__wrapper {
    flex-direction: column;
  }
}
.featured-stories__title {
  margin-bottom: 20px;
}
.featured-stories__content {
  width: 70%;
}
@media (max-width: 767px) {
  .featured-stories__content {
    width: 100%;
  }
}
.featured-stories .splide__list {
  width: 90%;
}
.featured-stories .splide__track {
  overflow: initial;
}
.featured-stories .splide__navigation {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 30px 0;
}
.featured-stories .splide__navigation .splide__progress-wrap {
  width: 100%;
  max-width: 260px;
}
@media (max-width: 767px) {
  .featured-stories .splide__navigation .splide__progress-wrap {
    max-width: 170px;
  }
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/featured-stories/partials/item.scss ***!
  \*************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
.card-story__content--title, .card-story__content--author {
  font-family: "Poppins", "arial", "sans serif";
  font-weight: 400;
  margin: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
}

.card-story__content--link {
  font-family: "Poppins", "arial", "sans serif";
  font-weight: 400;
  margin: 0px;
  font-size: 0.875rem;
  line-height: 1.05rem;
}

/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.card-story {
  display: flex;
  align-items: center;
  gap: 20px;
  text-decoration: none;
  color: #2d2826;
}
@media (max-width: 767px) {
  .card-story {
    flex-direction: column;
    align-items: flex-start;
  }
}
.card-story__image img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #e5554f;
}
@media (max-width: 767px) {
  .card-story__image img {
    width: 150px;
    height: 150px;
  }
}
.card-story__content--title {
  font-weight: 600;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.card-story__content--author {
  display: block;
}
.card-story__content--link {
  font-weight: 500;
  color: #e5554f;
  text-decoration: underline;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/circular-slider/style.scss ***!
  \****************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.circular-slider {
  min-height: 750px;
  color: #2d2826;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1441px) {
  .circular-slider {
    min-height: 730px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .circular-slider {
    min-height: 730px;
  }
}
@media (max-width: 767px) {
  .circular-slider {
    min-height: 680px;
  }
}
@media only screen and (max-width: 480px) {
  .circular-slider {
    min-height: 530px;
  }
}
.circular-slider__content {
  padding-top: 40px;
}
.circular-slider__description:not(:nth-child(0)) {
  display: none;
}
.circular-slider__description {
  max-width: 400px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 24px 16px;
  background-color: #f3f3f3;
  border-radius: 16px;
}
@media (min-width: 1025px) {
  .circular-slider__description {
    max-width: initial;
  }
}
.circular-slider__description h3 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #e5554f;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: left;
}
.circular-slider__description p {
  font-weight: 600;
}
.circular-slider__slider {
  position: absolute;
  top: initial;
  bottom: initial;
  left: 50%;
  right: initial;
  transform: translateX(-50%);
  bottom: -46vw;
}
@media (min-width: 1441px) {
  .circular-slider__slider {
    bottom: -750px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .circular-slider__slider {
    bottom: -40vw;
  }
}
@media (max-width: 767px) {
  .circular-slider__slider {
    bottom: -25vw;
  }
}
@media only screen and (max-width: 480px) {
  .circular-slider__slider {
    bottom: -18vw;
  }
}
.circular-slider__img img {
  width: 80vw;
  height: 80vw;
  max-width: 1200px;
  max-height: 1200px;
  object-fit: cover;
}
.circular-slider__menu {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85vw;
  height: 85vw;
  max-width: 1250px;
  max-height: 1250px;
  border-radius: 50%;
  z-index: 2;
}
.circular-slider__card {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85vw;
  height: 85vw;
  max-width: 1250px;
  max-height: 1250px;
  border-radius: 50%;
  pointer-events: none;
}
.circular-slider__card:nth-child(1) {
  transform: translate(-50%, -50%) rotate(-60deg);
}
.circular-slider__card:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-30deg);
}
.circular-slider__card:nth-child(3) {
  transform: translate(-50%, -50%) rotate(0deg);
}
.circular-slider__card:nth-child(4) {
  transform: translate(-50%, -50%) rotate(30deg);
}
.circular-slider__card:nth-child(5) {
  transform: translate(-50%, -50%) rotate(60deg);
}
.circular-slider__card.active span::after {
  background-color: #e5554f;
}
.circular-slider__card--title {
  position: absolute;
  font-weight: 500;
  font-size: 1rem;
  width: 170px;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  transition: 200ms;
  pointer-events: all;
  text-align: center;
  height: 88px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .circular-slider__card--title {
    top: -62px;
    font-size: 0px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
  .circular-slider__card--title {
    top: -65px;
  }
}
.circular-slider__card--title::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #e5554f;
  position: absolute;
  top: initial;
  bottom: initial;
  left: 50%;
  right: initial;
  transform: translateX(-50%);
  bottom: 0px;
}
@media (max-width: 767px) {
  .circular-slider__card--title::after {
    width: 20px;
    height: 20px;
  }
}
.circular-slider__card--title:hover {
  color: #e5554f;
}
.circular-slider__indicator {
  position: absolute;
  top: 50%;
  bottom: initial;
  left: 50%;
  right: initial;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(20deg);
  width: 80vw;
  height: 80vw;
  max-width: 1200px;
  max-height: 1200px;
  border: 1px #e5554f solid;
  border-radius: 50%;
  transition: transform 300ms;
  z-index: 2;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .circular-slider__indicator {
    width: 81vw;
    height: 81vw;
  }
}
.circular-slider__indicator::before {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -23px;
  left: 47.5%;
  transform: translate(-50%);
  background-color: #e5554f;
  border-radius: 50%;
  z-index: 2;
}
@media (min-width: 1441px) {
  .circular-slider__indicator::before {
    left: 47.9%;
    top: -22px;
  }
}
@media (min-width: 1070px) and (max-width: 1300px) {
  .circular-slider__indicator::before {
    top: -21px;
    left: 47.3%;
  }
}
@media (min-width: 1300px) and (max-width: 1441px) {
  .circular-slider__indicator::before {
    top: -25px;
    left: 47.8%;
  }
}
@media (min-width: 1441px) and (max-width: 1481px) {
  .circular-slider__indicator::before {
    left: 47.9%;
    top: -32px;
  }
}
@media (max-width: 1024px) {
  .circular-slider__indicator::before {
    display: none;
  }
}
.circular-slider__navigation {
  position: absolute;
  position: absolute;
  top: 50%;
  bottom: initial;
  left: initial;
  right: initial;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .circular-slider__navigation {
    top: initial;
    bottom: 0;
  }
}
.circular-slider__navigation .next,
.circular-slider__navigation .prev {
  background-color: #e5554f;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: all;
}
.circular-slider__navigation .next svg,
.circular-slider__navigation .prev svg {
  width: 24px;
  height: 24px;
  fill: #ffffff;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-faq/style.scss ***!
  \**********************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-faq {
  padding: 60px 0;
}
.block-faq__wrapper {
  display: flex;
  gap: 60px;
  flex-direction: column;
}
.block-faq__wrapper.column {
  flex-direction: row;
}
@media (max-width: 1024px) {
  .block-faq__wrapper.column {
    flex-direction: column;
  }
}
.block-faq__wrapper.column .block-faq__content {
  flex: 1 0 40%;
}
.block-faq__wrapper.column .block-faq__items .button-primary {
  margin: 60px 0 0;
}
@media (max-width: 1024px) {
  .block-faq__wrapper.column .block-faq__items .button-primary {
    margin: 30px auto;
  }
}
.block-faq__text {
  margin-bottom: 20px;
}
.block-faq__title {
  margin-bottom: 20px;
  font-weight: 600;
}
.block-faq__items .button-primary {
  margin: 40px auto;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/card/style.scss ***!
  \*****************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.card {
  color: #2d2826;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.card a {
  width: 100%;
}
.card a:hover .card__media img {
  scale: 1.1;
}
.card__categories {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.card__categories .subtitle {
  font-weight: 400;
  color: #7397bb;
}
.card__media {
  width: 100%;
  height: 100%;
  position: relative;
}
.card__media > picture {
  aspect-ratio: 420/340;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .card__media > picture {
    aspect-ratio: 350/340;
  }
}
.card__media > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.3s ease;
}
.card__media > picture::after {
  content: "";
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.53%, rgba(0, 0, 0, 0.6) 74.18%);
}
.card__text {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  padding: 0px 20px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
}
.card__text .label {
  width: 60%;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.card__text .icon {
  width: 60px;
  height: 60px;
  fill: #e5554f;
  background-color: #ffffff;
  padding: 17px;
  border-radius: 50%;
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-image/style.scss ***!
  \************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-image {
  margin: 40px 0;
}
@media (max-width: 767px) {
  .block-image {
    margin: 20px 0;
  }
}
.block-image[class*=bg-] {
  padding: 40px 0;
  margin: 0px;
}
@media (max-width: 767px) {
  .block-image[class*=bg-] {
    padding: 20px 0;
    margin: 0px;
  }
}
.block-image__images {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .block-image__images {
    flex-direction: column;
  }
}
.block-image__images.full {
  width: 100%;
}
.block-image__images.full .block-image__image {
  width: 100%;
}
.block-image__images.full .block-image__image > picture {
  border-radius: initial;
}
.block-image__image > picture {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.block-image__image > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-info/style.scss ***!
  \***********************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-info {
  padding: 60px 0;
  background-color: #f3f3f3;
}
.block-info__header {
  margin-bottom: 60px;
}
.block-info__header .subtitle {
  text-transform: uppercase;
}
.block-info__header .h4 {
  margin-top: 10px;
  margin-bottom: 20px;
}
.block-info__cards {
  display: flex;
  gap: 40px;
  flex-direction: column;
}
.block-info__card {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .block-info__card {
    flex-direction: column;
  }
}
.block-info__card--image {
  flex: 0 1 30%;
  border-radius: 16px;
  overflow: hidden;
}
.block-info__card--image > picture {
  width: 100%;
  height: 100%;
}
.block-info__card--image > picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .block-info__card--image > picture img {
    max-height: 300px;
  }
}
.block-info__card--content {
  flex: 1;
}
.block-info__card--content .title-card {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 16px;
}
.block-info__card--content .glossary {
  margin-top: 20px;
}
.block-info__card--content .glossary a {
  color: #2d2826;
  display: flex;
  text-decoration: none;
  gap: 5px;
}
.block-info__card--content .glossary a svg {
  width: 15px;
}

.is-accordion {
  gap: 0px;
}
.is-accordion .block-info__card {
  gap: 0px;
  flex-direction: column;
}
.is-accordion .block-info__card:last-child {
  border-bottom: 1px solid #2d2826;
}
.is-accordion .block-info__card--image {
  margin-bottom: 20px;
}
.is-accordion .block-info__card--content {
  margin-bottom: 20px;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-video-gallery/style.scss ***!
  \********************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-video-gallery {
  padding: 80px 0;
  background-color: #f3f3f3;
  overflow: hidden;
}
@media (max-width: 767px) {
  .block-video-gallery {
    padding: 40px 0;
  }
}
.block-video-gallery__card {
  flex: 0 0 calc(25% - 20px);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .block-video-gallery__card {
    flex: 0 0 calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .block-video-gallery__card {
    flex: 1 0 100%;
  }
}
.block-video-gallery__card--image {
  position: relative;
}
.block-video-gallery__card--image > picture {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.block-video-gallery__card--image > picture::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(45, 40, 38, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
}
.block-video-gallery__card--image > picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-video-gallery__card--title {
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 10px;
  display: block;
}
.block-video-gallery__card .play {
  position: absolute;
  top: 50%;
  bottom: initial;
  left: 50%;
  right: initial;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.block-video-gallery__card .play > svg {
  width: 70px;
  height: 70px;
  fill: #ffffff;
}
@media (max-width: 767px) {
  .block-video-gallery .splide__list {
    width: 90%;
  }
}
.block-video-gallery .splide__track {
  overflow: initial;
}
.block-video-gallery .splide__navigation {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 30px 0;
}
.block-video-gallery .splide__navigation.count-4, .block-video-gallery .splide__navigation.count-3, .block-video-gallery .splide__navigation.count-2, .block-video-gallery .splide__navigation.count-1 {
  display: none;
}
@media (max-width: 767px) {
  .block-video-gallery .splide__navigation.count-4, .block-video-gallery .splide__navigation.count-3, .block-video-gallery .splide__navigation.count-2, .block-video-gallery .splide__navigation.count-1 {
    display: flex;
  }
}
.block-video-gallery .splide__navigation .splide__progress-wrap {
  width: 100%;
  max-width: 260px;
}
@media (max-width: 767px) {
  .block-video-gallery .splide__navigation .splide__progress-wrap {
    max-width: 170px;
  }
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/masonry-grid/style.scss ***!
  \*************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.masonry-grid__content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.masonry-grid__content .card {
  height: 341px;
  flex: 1 0 auto;
}
@media (max-width: 767px) {
  .masonry-grid__content .card {
    flex-direction: column;
    flex: auto;
    margin: 1rem 0;
  }
}
.masonry-grid__content .card__media picture {
  aspect-ratio: unset;
}
.masonry-grid__content .card__media img {
  height: 341px;
}
@media (min-width: 768px) {
  .masonry-grid__content .card:nth-child(1) {
    width: calc(50% - 1rem);
  }
  .masonry-grid__content .card:nth-child(2) {
    width: calc(25% - 1rem);
  }
  .masonry-grid__content .card:nth-child(3) {
    width: calc(25% - 1rem);
  }
  .masonry-grid__content .card:nth-child(4) {
    width: calc(33.33% - 1rem);
  }
  .masonry-grid__content .card:nth-child(5) {
    width: calc(33.33% - 1rem);
  }
  .masonry-grid__content .card:nth-child(6) {
    width: calc(33.33% - 1rem);
  }
  .masonry-grid__content .card:nth-child(7) {
    width: calc(25% - 1rem);
  }
  .masonry-grid__content .card:nth-child(8) {
    width: calc(50% - 1rem);
  }
  .masonry-grid__content .card:nth-child(9) {
    width: calc(25% - 1rem);
  }
  .masonry-grid__content .card:nth-child(10) {
    width: calc(33.33% - 1rem);
  }
  .masonry-grid__content .card:nth-child(11) {
    width: calc(33.33% - 1rem);
  }
  .masonry-grid__content .card:nth-child(12) {
    width: calc(33.33% - 1rem);
  }
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-single-product/style.scss ***!
  \*********************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-single-product {
  margin: 30px 0;
  color: #2d2826;
  padding: 30px;
  border-radius: 16px;
  background-color: #f3f3f3;
}
.block-single-product__wrapper {
  display: flex;
  gap: 90px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .block-single-product__wrapper {
    gap: 40px;
    flex-direction: column;
  }
}
.block-single-product__wrapper.dx {
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .block-single-product__wrapper.dx {
    flex-direction: column-reverse;
  }
}
.block-single-product__image {
  flex: 1 1 calc(50% - 60px);
}
@media (max-width: 1024px) {
  .block-single-product__image {
    width: 100%;
  }
}
.block-single-product__image > picture {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.block-single-product__image > picture > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.block-single-product__content {
  flex: 1 1 calc(50% - 60px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: left;
  color: #2d2826;
  align-items: flex-start;
}
.block-single-product__content .button-primary {
  margin-top: 40px;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .block-single-product__content .button-primary {
    margin-top: 30px;
  }
}
.block-single-product__subtitle {
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 600;
  text-align: left;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .block-single-product__subtitle {
    margin-bottom: 30px;
  }
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/blog-carousel/style.scss ***!
  \**************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.blog-carousel {
  overflow: hidden;
  background-color: #f3f3f3;
  padding: 60px 0;
}
.blog-carousel__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .blog-carousel__wrapper {
    flex-direction: column;
  }
}
.blog-carousel__title {
  margin: 20px auto;
  text-align: center;
}
.blog-carousel__content {
  width: 100%;
}
@media (max-width: 767px) {
  .blog-carousel__content {
    width: 100%;
  }
}
.blog-carousel .splide__list {
  width: 90%;
}
.blog-carousel .splide__track {
  overflow: initial;
}
.blog-carousel .splide__navigation {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 30px 0;
}
.blog-carousel .splide__navigation .splide__progress-wrap {
  width: 100%;
  max-width: 260px;
}
@media (max-width: 767px) {
  .blog-carousel .splide__navigation .splide__progress-wrap {
    max-width: 170px;
  }
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/blog-carousel/partials/item.scss ***!
  \**********************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
.card-story__content--title, .card-story__content--author {
  font-family: "Poppins", "arial", "sans serif";
  font-weight: 400;
  margin: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
}

.card-story__content--link {
  font-family: "Poppins", "arial", "sans serif";
  font-weight: 400;
  margin: 0px;
  font-size: 0.875rem;
  line-height: 1.05rem;
}

/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.card-story {
  display: flex;
  align-items: center;
  gap: 20px;
  text-decoration: none;
  color: #2d2826;
}
@media (max-width: 767px) {
  .card-story {
    flex-direction: column;
    align-items: flex-start;
  }
}
.card-story__image img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #e5554f;
}
@media (max-width: 767px) {
  .card-story__image img {
    width: 150px;
    height: 150px;
  }
}
.card-story__content--title {
  font-weight: 600;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.card-story__content--author {
  display: block;
}
.card-story__content--link {
  font-weight: 500;
  color: #e5554f;
  text-decoration: underline;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/team/style.scss ***!
  \*****************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.team {
  margin: 90px 0;
}
@media (max-width: 767px) {
  .team {
    margin: 60px 0;
  }
}
.team__content {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .team__content {
    width: 70%;
  }
}
.team__items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 60px;
}
@media (min-width: 768px) {
  .team__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.team__item {
  display: flex;
  flex-direction: column;
}
.team__item--image {
  margin-bottom: 20px;
}
.team__item--image img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border: 1px solid #7397bb;
}
.team__item--name {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
  margin-bottom: 5px;
}
.team__item--subtitle {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
}
.team__item--desc {
  color: #7397bb;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.team__item--papers {
  position: relative;
}
.team__item--papers .btn-open-papers {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font: inherit;
  color: #747474;
  font-weight: 600;
  transition: opacity 0.2s ease;
  margin-top: 32px;
  font-size: 16px;
  line-height: 24px;
}
.team__item--papers .btn-open-papers .custom-icon {
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid #747474;
  border-radius: 8px;
  flex-shrink: 0;
}
.team__item--papers .btn-open-papers .custom-icon::before, .team__item--papers .btn-open-papers .custom-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 1px;
  background-color: #747474;
  transition: transform 0.2s ease-in-out;
}
.team__item--papers .btn-open-papers .custom-icon::before {
  transform: translate(-50%, -50%);
}
.team__item--papers .btn-open-papers .custom-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.team__item--papers-content {
  position: absolute;
  z-index: 10;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1019607843);
  padding: 30px;
  top: 70px;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-15px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .team__item--papers-content {
    padding: 15px;
  }
}
.team__item--papers {
  /*
      --- STATO APERTO ---
  */
}
.team__item--papers.is-open .btn-open-papers .custom-icon::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.team__item--papers.is-open .team__item--papers-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-accordion/index.scss ***!
  \****************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-accordion {
  padding: 60px 0;
  background-color: #f3f3f3;
}
@media (max-width: 767px) {
  .block-accordion {
    padding: 40px 0;
  }
}
.block-accordion__wrapper {
  display: flex;
  gap: 40px;
  flex-direction: column;
}
@media (max-width: 767px) {
  .block-accordion__wrapper {
    gap: 20px;
  }
}
.block-accordion__title {
  margin-bottom: 20px;
  font-weight: 600;
}
.block-accordion__items {
  display: flex;
  gap: 32px;
  flex-direction: column;
}
.block-accordion__item {
  display: flex;
  gap: 25px;
}
@media (max-width: 767px) {
  .block-accordion__item {
    flex-direction: column;
  }
}
.block-accordion__item__image {
  flex: 0 0 25%;
}
.block-accordion__item__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 16px;
  aspect-ratio: 1;
}
.block-accordion__item__content {
  flex: 1;
}
.block-accordion__item__content .im-accordion__toggle {
  padding-top: 10px;
  padding-bottom: 10px;
}
.block-accordion__item__content .im-accordion__toggle .title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
}
.block-accordion__item__content .wrap-text-link {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.block-accordion__item__content .wrap-text-link .text-link {
  text-decoration: none;
}
.block-accordion__item__title {
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  text-transform: uppercase;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-action/style.scss ***!
  \*************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-action {
  display: flex;
  gap: 20px;
  align-items: center;
  background-color: rgba(186, 202, 223, 0.5019607843);
  border-radius: 16px;
  margin: 30px auto;
  padding: 20px 40px;
  text-transform: uppercase;
  min-height: 130px;
  text-decoration: none;
  color: #2d2826;
}
@media (max-width: 767px) {
  .block-action {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.block-action__image {
  width: 40px;
  height: 40px;
}
.block-action__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.block-action__content .text-link {
  text-transform: none;
  margin-top: 10px;
}
.block-action__title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.625rem;
  text-transform: uppercase;
}
.block-action__text {
  font-size: 1rem;
  line-height: 1.625rem;
}
.block-action__cta {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-slider-cards/style.scss ***!
  \*******************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-slider-cards {
  margin: 60px 0;
}
.block-slider-cards[class*=bg-] {
  padding: 60px 0;
  margin: 0;
}
.block-slider-cards__content {
  margin-bottom: 30px;
}
.block-slider-cards__content .h3 {
  margin-bottom: 20px;
}
.block-slider-cards .splide .splide__arrows {
  display: none;
}
@media (max-width: 767px) {
  .block-slider-cards .splide .splide__list {
    width: 90%;
  }
}
.block-slider-cards__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  margin-bottom: 10px;
  aspect-ratio: 1;
}
.block-slider-cards__card__title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/block-form/style.scss ***!
  \***********************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/
.block-form {
  background-color: #f3f3f3;
  padding: 60px 0;
}
@media (max-width: 767px) {
  .block-form {
    padding: 40px 0;
  }
}
.block-form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/views/homepage/homepage.scss ***!
  \***********************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  * File scss:     mixins.scss
  * -----------------------------------------------------------
  * Description:   Mixin e funzioni CSS per dimensioni, centratura, 
  *                ombre, checkbox e conversione px/rem.
**/
/**
  * Funzione che converte un valore in pixel (px) a rem, 
  * utilizzando il contesto di base definito da $html-context.
  * 
  * @param $target: Valore in pixel da convertire in rem.
  * @param $context: (Opzionale) Il contesto base in cui fare la conversione (default 16px).
  * @return: Il valore convertito in rem.
**/
/**
  * Mixin per impostare sia la larghezza che l'altezza di un elemento.
  * Se non viene specificata un'altezza, verrà utilizzata la stessa del width.
  * 
  * @param $width: La larghezza dell'elemento.
  * @param $height: (Opzionale) L'altezza dell'elemento (default uguale a $width).
**/
/**
  * Mixin per centrare un elemento orizzontalmente e verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento orizzontalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per centrare un elemento verticalmente 
  * utilizzando posizione e trasformazione.
  * 
  * @param $reset: Se impostato su true, ripristina il comportamento iniziale.
**/
/**
  * Mixin per applicare un'ombra personalizzata a un elemento.
  * 
  * @param $top: La distanza dell'ombra dall'alto.
  * @param $left: La distanza dell'ombra da sinistra.
  * @param $blur: Il raggio di sfocatura dell'ombra.
  * @param $spread: L'ampiezza dell'ombra.
  * @param $color: Il colore dell'ombra.
  * @param $inset: (Opzionale) Se impostato su true, applica l'ombra interna.
**/
/**
  * Mixin per stilizzare un elemento checkbox con uno stile personalizzato.
  * 
  * @param $borderColor: Il colore del bordo del checkbox.
  * @param $flagColor: Il colore del flag (spunta) del checkbox.
**/
/**
  * File scss:     resolution.scss
  * -----------------------------------------------------------
  * Description:   Variabili e mixin per gestire le risoluzioni e le media query 
  *                per dispositivi mobili, tablet e desktop.
**/
/**
  * File scss:     animation.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono settate tutte le
  *                variabili che contengono dati di animazione
**/
/**
  * File scss:     colors.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                i colori principali del design system.
**/
/**
  * File scss:     variables.scss
  * -----------------------------------------------------------
  * Description:   Variabili per margini, gap, padding e border-radius 
  *                utilizzati globalmente nel progetto.
**/
/** 
  * File scss:     typography.scss
  * -----------------------------------------------------------
  * Description:   In questo file vengono definiti 
  *                gli stili e le variabili per font e tipografia.
**/
/**
    * File scss:     buttons.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili base e le varianti per i bottoni.
**/
/**
    * File scss:     containers.scss
    * -----------------------------------------------------------
    * Description:   In questo file vengono definiti 
    *                gli stili per i container 
**/
/**
* File scss:     form.scss
* -----------------------------------------------------------
* Description:   In questo file vengono definiti 
*                gli stili per i form e i loro elementi.
*/

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