.elementor-1504 .elementor-element.elementor-element-53acbac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:67px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1504 .elementor-element.elementor-element-c8915d3{--display:flex;--min-height:425px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1504 .elementor-element.elementor-element-a25af58{--display:flex;--min-height:0px;}.elementor-1504 .elementor-element.elementor-element-1ec09e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1504 .elementor-element.elementor-element-6eec0b7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1504 .elementor-element.elementor-element-ef734ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1504 .elementor-element.elementor-element-f96adf1{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1504 .elementor-element.elementor-element-7c37baf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1504 .elementor-element.elementor-element-c063bda{--display:flex;--z-index:0;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1504 .elementor-element.elementor-element-09720d5.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:30px;}.elementor-1504 .elementor-element.elementor-element-09720d5{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-1504 .elementor-element.elementor-element-09720d5 .elementor-main-swiper .swiper-slide{border-radius:10px;}.elementor-1504 .elementor-element.elementor-element-09720d5 .elementor-swiper-button{font-size:0px;}.elementor-1504 .elementor-element.elementor-element-7c97e69{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1504 .elementor-element.elementor-element-354278f .elementor-button{background-color:#BDBDBD94;fill:#000000;color:#000000;border-radius:100px 100px 100px 100px;padding:14px 14px 14px 14px;}.elementor-1504 .elementor-element.elementor-element-354278f{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 32.5%;}.elementor-1504 .elementor-element.elementor-element-cd23bb8 .elementor-button{background-color:#BDBDBD94;fill:#000000;color:#000000;border-radius:100px 100px 100px 100px;padding:14px 14px 14px 14px;}.elementor-1504 .elementor-element.elementor-element-cd23bb8{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 30%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1504 .elementor-element.elementor-element-09720d5.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-1504 .elementor-element.elementor-element-09720d5.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS for media-carousel, class: .elementor-element-09720d5 *//* ==========================================================
   MEDIA CAROUSEL - Focus leggero sulla slide attiva (centrale)
   ========================================================== */

/* tutte le slide un po' più piccole */
.mdw-sync-carousel .swiper-slide{
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
  transform: scale(0.92);
  opacity: 0.75;
}

/* quella attiva (centrale) un pelo più grande */
.mdw-sync-carousel .swiper-slide-active{
  transform: scale(1.08);
  opacity: 1;
  z-index: 3;
}

/* le due vicine quasi normali */
.mdw-sync-carousel .swiper-slide-prev,
.mdw-sync-carousel .swiper-slide-next{
  transform: scale(0.98);
  opacity: 0.9;
  z-index: 2;
}

/* mobile: effetto più leggero */
@media (max-width: 767px){
  .mdw-sync-carousel .swiper-slide{ transform: scale(0.96); opacity: 0.85; }
  .mdw-sync-carousel .swiper-slide-active{ transform: scale(1.03); opacity: 1; }
}


/* ==========================================================
   MEDIA CAROUSEL - Sposta i dots VERSO IL BASSO
   ========================================================== */

/* i dots di Elementor sono posizionati ABSOLUTE */
.mdw-sync-carousel .swiper-pagination{
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: -30px !important;   /* <-- PIÙ GIÙ = numero più grande */
  z-index: 10;
}

/* mobile: meno spazio */
@media (max-width: 767px){
  .mdw-sync-carousel .swiper-pagination{
    bottom: -28px !important;
  }
}


/* permette allo zoom di "uscire" senza essere tagliato */
.mdw-sync-carousel .swiper{
  overflow: visible !important;
}

.mdw-sync-carousel .swiper-wrapper{
  overflow: visible !important;
}

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-354278f *//* ==========================================================
   CONTROLS LAYER - bottoni SEMPRE cliccabili e sopra tutto
   ========================================================== */

/* riferimento per assoluti */
.mdw-sync-block{
  position: relative;
}

/* Layer che sta sopra al carousel */
.mdw-sync-block .mdw-carousel-controls{
  position: absolute !important;
  inset: 0;                 /* copre tutta l’area del blocco */
  z-index: 99999 !important; /* sopra slide zoom/dots */
  pointer-events: none;     /* NON blocca swipe/click sotto */
}

/* I bottoni invece devono essere cliccabili */
.mdw-sync-block .mdw-carousel-controls .mdw-carousel-prev,
.mdw-sync-block .mdw-carousel-controls .mdw-carousel-next{
  pointer-events: auto !important;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999999 !important;
}

/* posizioni laterali */
.mdw-sync-block .mdw-carousel-controls .mdw-carousel-prev{
  left: -56px;   /* regola qui */
}

.mdw-sync-block .mdw-carousel-controls .mdw-carousel-next{
  right: -56px;  /* regola qui */
}

/* Mobile: rientra un po' */
@media (max-width: 767px){
  .mdw-sync-block .mdw-carousel-controls .mdw-carousel-prev{ left: -18px; }
  .mdw-sync-block .mdw-carousel-controls .mdw-carousel-next{ right: -18px; }
}

/* ==========================================================
   DOTS - mettili sotto e NON farli coprire i bottoni
   ========================================================== */
.mdw-sync-carousel .swiper-pagination{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: -40px !important;    /* più sotto */
  width: auto !important;      /* NON a tutta larghezza */
  z-index: 20 !important;
}

/* se qualche layer li copre comunque, forza visibilità */
.mdw-sync-carousel{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-cd23bb8 *//* ==========================================================
   CONTROLS LAYER - bottoni SEMPRE cliccabili e sopra tutto
   ========================================================== */

/* riferimento per assoluti */
.mdw-sync-block{
  position: relative;
}

/* Layer che sta sopra al carousel */
.mdw-sync-block .mdw-carousel-controls{
  position: absolute !important;
  inset: 0;                 /* copre tutta l’area del blocco */
  z-index: 99999 !important; /* sopra slide zoom/dots */
  pointer-events: none;     /* NON blocca swipe/click sotto */
}

/* I bottoni invece devono essere cliccabili */
.mdw-sync-block .mdw-carousel-controls .mdw-carousel-prev,
.mdw-sync-block .mdw-carousel-controls .mdw-carousel-next{
  pointer-events: auto !important;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999999 !important;
}

/* posizioni laterali */
.mdw-sync-block .mdw-carousel-controls .mdw-carousel-prev{
  left: -56px;   /* regola qui */
}

.mdw-sync-block .mdw-carousel-controls .mdw-carousel-next{
  right: -56px;  /* regola qui */
}

/* Mobile: rientra un po' */
@media (max-width: 767px){
  .mdw-sync-block .mdw-carousel-controls .mdw-carousel-prev{ left: -18px; }
  .mdw-sync-block .mdw-carousel-controls .mdw-carousel-next{ right: -18px; }
}

/* ==========================================================
   DOTS - mettili sotto e NON farli coprire i bottoni
   ========================================================== */
.mdw-sync-carousel .swiper-pagination{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: -40px !important;    /* più sotto */
  width: auto !important;      /* NON a tutta larghezza */
  z-index: 20 !important;
}

/* se qualche layer li copre comunque, forza visibilità */
.mdw-sync-carousel{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c97e69 *//* ==========================================================
   CONTROLS LAYER - bottoni SEMPRE cliccabili e sopra tutto
   ========================================================== */

/* riferimento per assoluti */
.mdw-sync-block{
  position: relative;
}

/* Layer che sta sopra al carousel */
.mdw-sync-block .mdw-carousel-controls{
  position: absolute !important;
  inset: 0;                 /* copre tutta l’area del blocco */
  z-index: 99999 !important; /* sopra slide zoom/dots */
  pointer-events: none;     /* NON blocca swipe/click sotto */
}

/* I bottoni invece devono essere cliccabili */
.mdw-sync-block .mdw-carousel-controls .mdw-carousel-prev,
.mdw-sync-block .mdw-carousel-controls .mdw-carousel-next{
  pointer-events: auto !important;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999999 !important;
}

/* posizioni laterali */
.mdw-sync-block .mdw-carousel-controls .mdw-carousel-prev{
  left: -56px;   /* regola qui */
}

.mdw-sync-block .mdw-carousel-controls .mdw-carousel-next{
  right: -56px;  /* regola qui */
}

/* Mobile: rientra un po' */
@media (max-width: 767px){
  .mdw-sync-block .mdw-carousel-controls .mdw-carousel-prev{ left: -18px; }
  .mdw-sync-block .mdw-carousel-controls .mdw-carousel-next{ right: -18px; }
}

/* ==========================================================
   DOTS - mettili sotto e NON farli coprire i bottoni
   ========================================================== */
.mdw-sync-carousel .swiper-pagination{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: -40px !important;    /* più sotto */
  width: auto !important;      /* NON a tutta larghezza */
  z-index: 20 !important;
}

/* se qualche layer li copre comunque, forza visibilità */
.mdw-sync-carousel{
  position: relative;
  z-index: 1;
}/* End custom CSS */