.elementor-14 .elementor-element.elementor-element-08fc5a4{--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;--overlay-opacity:0.5;}.elementor-14 .elementor-element.elementor-element-08fc5a4:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-08fc5a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://babolin.info/wp-content/uploads/2025/06/Progetto-senza-titolo-1.png");background-position:center center;background-repeat:no-repeat;}.elementor-14 .elementor-element.elementor-element-08fc5a4::before, .elementor-14 .elementor-element.elementor-element-08fc5a4 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-08fc5a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-08fc5a4 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-08fc5a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-08fc5a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-1f2aa8e{--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-14 .elementor-element.elementor-element-fec933a{--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-14 .elementor-element.elementor-element-fec933a:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-fec933a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-14 .elementor-element.elementor-element-4da5944{--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-14 .elementor-element.elementor-element-c200b48{--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-14 .elementor-element.elementor-element-c200b48:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-c200b48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-14 .elementor-element.elementor-element-e77e485{--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-14 .elementor-element.elementor-element-6a2a7be{--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-14 .elementor-element.elementor-element-6a2a7be:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-6a2a7be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-14 .elementor-element.elementor-element-e14d453{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-3cb0cff{--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-14 .elementor-element.elementor-element-58f1b90{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-3cb0cff{--width:50%;}.elementor-14 .elementor-element.elementor-element-58f1b90{--width:50%;}}@media(min-width:1025px){.elementor-14 .elementor-element.elementor-element-08fc5a4:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-08fc5a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-08fc5a4 *//* =========================================================
   HERO · ASSISTENZA & TARATURE
   ========================================================= */
.hero-servicefix{
  position:relative;
  min-height:55vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  overflow:hidden;
}

.hero-servicefix__content{
  position:relative;
  z-index:2;
  max-width:780px;
  padding:0 1rem;
}

/* titolo */
.hero-servicefix__title{
  font-family:"Montserrat",sans-serif;
  font-size:clamp(2.2rem,5vw + 1rem,3.4rem);
  font-weight:800;
  line-height:1.15;
  margin:0 0 1rem;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.hero-servicefix__title em{
  font-style:normal;
  color:var(--color-accent);             /* rosso brand */
}

/* sottotitolo */
.hero-servicefix__subtitle{
  font-size:clamp(1rem,1vw + .6rem,1.25rem);
  font-weight:500;
  margin:0 0 2rem;
}

/* CTA */
.hero-servicefix__btn{
  display:inline-block;
  background:var(--color-accent);
  color:#fff;
  padding:.9rem 2.4rem;
  border-radius:4px;
  font-weight:600;
  text-decoration:none;
  transition:background .2s;
}
.hero-servicefix__btn:hover{
  background:var(--color-accent-d);      /* rosso scuro */
}

/* mobile tweak */
@media(max-width:767px){
  .hero-servicefix{min-height:50vh;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f2aa8e *//* =========================================================
   INTRO · ASSISTENZA, TARATURE E CALIBRAZIONE (sfondo bianco)
   ========================================================= */
.cal-intro{
  background:#fff;                          /* sfondo bianco */
  padding:3rem 1rem 3.2rem;
}
.ci-wrap{ max-width:1100px; margin-inline:auto; }

/* Titolo lowercase e centrato */
.ci-title{
  font-family:"Montserrat",sans-serif;
  font-weight:800;
  text-transform:none;                      /* lowercase */
  letter-spacing:.2px;
  line-height:1.12;
  color:var(--color-primary, #0A4EA8);
  font-size:clamp(1.9rem, 2.2vw + 1rem, 2.6rem);
  text-align:center;
  margin:0 0 .8rem;
}

/* Spiegazione breve */
.ci-lead{
  font-size:clamp(1rem, .4vw + 1rem, 1.12rem);
  color:var(--gray-800, #2d3748);
  margin:0 auto 1.2rem;
  max-width:980px;
  text-align:center;
}

/* ===== Bullet in riga (card) ===== */
.ci-bullets{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 1.2rem;
  list-style:none;
  padding:0;
  margin:1.2rem auto 0;
  max-width:1100px;
}
.ci-bullet{
  background:#fff;
  border:1px solid var(--gray-300, #d6dbe3);
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.05);
  padding:1rem 1.1rem;
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
@media (hover:hover){
  .ci-bullet:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    border-color:var(--color-primary, #0A4EA8);
  }
}

/* puntino rosso */
.ci-dot{
  width:10px; height:10px; border-radius:50%;
  background:var(--color-accent, #E31C24);
  box-shadow:0 0 0 4px rgba(227,28,36,.12);
  margin-top:.25rem;
  flex:0 0 auto;
}

/* titolo & sotto-titolo del bullet */
.ci-txt{ line-height:1.35; }
.ci-b-title{
  display:block;
  font-weight:700;
  color:var(--color-primary, #0A4EA8);
  text-transform:none;                      /* lowercase */
  font-size:1rem;
}
.ci-b-sub{
  display:block;
  margin-top:.15rem;
  color:var(--gray-800, #2d3748);
  font-size:.95rem;
}

/* Responsive */
@media (max-width: 992px){
  .ci-bullets{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px){
  .cal-intro{ padding:2.4rem 1rem 2.8rem; }
  .ci-bullets{ grid-template-columns: 1fr; }
  .ci-bullet{ padding:.95rem 1rem; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fec933a *//* =========================================================
   SEZIONE 2 · ASSISTENZA – PILL GRID
   ========================================================= */
.assist-pill{
  padding:3rem 1rem;
  background:var(--color-bg-alt);         /* grigio 100 */
  text-align:center;
}

.assist-pill__title{
  font-family:"Montserrat",sans-serif;
  color:var(--color-primary);             /* blu brand */
  font-weight:800;
  font-size:clamp(1.7rem,2vw+1rem,2.2rem);
  margin-bottom:2rem;
}

/* ------- griglia ------- */
.assist-pill__grid{
  display:grid;
  gap:1.6rem;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  max-width:900px;
  margin-inline:auto;
}

/* ------- singola card ------- */
.pill-card{
  background:#fff;
  border:1px solid var(--gray-400);
  border-radius:12px;
  padding:2rem 1.4rem 2.2rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.pill-card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
  border-color:var(--color-primary);
}

/* icona */
.pill-icon{
  font-size:60px;                 /* sostituisci con SVG 60×60 se vuoi */
  color:var(--color-primary);
  margin-bottom:.7rem;
}

/* label + testo */
.pill-label{
  font-size:1.05rem;
  font-weight:700;
  color:var(--color-primary);
  margin:.2rem 0 .5rem;
}
.pill-text{
  font-size:.95rem;
  color:var(--gray-700);
  line-height:1.5;
  margin:0;
}

/* mobile icon size tweak */
@media(max-width:575px){
  .pill-icon{font-size:50px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4da5944 *//* =========================================================
   SEZIONE 3 · ASSISTENZA – 3 STEP
   ========================================================= */
.assist-steps{
  padding:3.5rem 1rem 3rem;
  background:var(--color-bg);                 /* bianco */
  text-align:center;
}

.asteps__title{
  font-family:"Montserrat",sans-serif;
  color:var(--color-primary);
  font-weight:800;
  font-size:clamp(1.7rem,2vw + 1rem,2.2rem);
  margin-bottom:2.5rem;
}

/* ---------- wrapper ---------- */
.asteps-wrapper{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:2rem;
  max-width:1000px;
  margin-inline:auto;
}

/* ---------- card ---------- */
.astep-card{
  flex:1 1 280px;                             /* 3 card desktop */
  background:#fff;
  border:1px solid var(--gray-400);
  border-radius:12px;
  padding:2.2rem 1.5rem 2.6rem;
  position:relative;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
  transition:transform .25s,box-shadow .25s;
}
.astep-card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

/* numero cerchiato */
.astep-num{
  position:absolute;
  top:-24px; left:50%; transform:translateX(-50%);
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  background:var(--color-primary);
  color:#fff;
  font-weight:700;
  font-size:1.25rem;
  border-radius:50%;
  border:4px solid #fff;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}

/* titolo + testo */
.astep-head{
  margin:1.7rem 0 .6rem;
  font-size:1.05rem;
  font-weight:700;
  color:var(--color-primary);
}
.astep-text{
  font-size:.95rem;
  color:var(--gray-700);
  line-height:1.55;
  margin:0;
}

/* mobile: card impilate */
@media(max-width:767px){
  .astep-card{flex:1 1 100%;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c200b48 *//* =========================================================
   SEZIONE 3 · FORMAZIONE STRUMENTALE
   ========================================================= */
.training-section{
  padding:3rem 1rem;
  background:var(--color-bg-alt);          /* grigio 100 */
  text-align:center;
}

.training-title{
  font-family:"Montserrat",sans-serif;
  color:var(--color-primary);
  font-weight:800;
  font-size:clamp(1.7rem,2vw + 1rem,2.2rem);
  margin-bottom:2rem;
}

/* griglia 2 card */
.training-grid{
  display:grid;
  gap:1.6rem;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  max-width:800px;
  margin-inline:auto;
}

/* card */
.training-card{
  background:#fff;
  border:1px solid var(--gray-400);
  border-radius:12px;
  padding:2rem 1.5rem 2.4rem;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
  transition:transform .25s,box-shadow .25s;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.training-card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* icona */
.training-icon{
  font-size:56px;                /* sostituisci con SVG se preferisci */
  color:var(--color-primary);
  margin-bottom:.7rem;
}

/* headline & testo */
.training-head{
  font-size:1.05rem;
  font-weight:700;
  color:var(--color-primary);
  margin:0 0 .6rem;
}
.training-text{
  font-size:.95rem;
  color:var(--gray-700);
  line-height:1.5;
  margin:0 0 1.2rem;
}

/* tag info/price */
.training-tag{
  display:inline-block;
  background:var(--color-accent);
  color:#fff;
  font-weight:600;
  padding:.4rem 1rem;
  border-radius:20px;
  font-size:.85rem;
}

/* responsive break */
@media(max-width:575px){
  .training-icon{font-size:48px;}
  .d-sm-none{display:none;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e77e485 *//* =========================================================
   SEZIONE 4 · VANTAGGI ASSISTENZA
   ========================================================= */
.benefit-assist{
  padding:3rem 1rem;
  background:var(--color-bg);                   /* bianco */
  text-align:center;
}

.benefit-a__title{
  font-family:"Montserrat",sans-serif;
  color:var(--color-primary);
  font-weight:800;
  font-size:clamp(1.7rem,2vw + 1rem,2.2rem);
  margin-bottom:2rem;
}

/* ---- griglia ---- */
.benefit-a__grid{
  display:grid;
  gap:1.6rem;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  max-width:900px;
  margin-inline:auto;
}

/* ---- card ---- */
.benefit-a__card{
  background:#fff;
  border:1px solid var(--gray-400);
  border-radius:12px;
  padding:2rem 1.5rem 2.3rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.benefit-a__card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
  border-color:var(--color-primary);
}

/* icona */
.benefit-a__icon{
  font-size:56px;                    /* sostituibile con SVG 56×56 */
  color:var(--color-primary);
  margin-bottom:.7rem;
}

/* headline + testo */
.benefit-a__head{
  font-size:1.05rem;
  font-weight:700;
  color:var(--color-primary);
  margin:.2rem 0 .6rem;
}
.benefit-a__text{
  font-size:.95rem;
  color:var(--gray-700);
  line-height:1.55;
  margin:0;
}

/* mobile icona leggermente più piccola */
@media(max-width:575px){
  .benefit-a__icon{font-size:48px;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a2a7be *//* =========================================================
   FAQ ASSISTENZA – ACCORDION
   ========================================================= */
.faq-assist{
  padding:3.5rem 1rem 3rem;
  background:var(--color-bg-alt);          /* grigio 100 */
  text-align:center;
}

.faq-as__title{
  font-family:"Montserrat",sans-serif;
  color:var(--color-primary);
  font-weight:700;
  font-size:clamp(1.7rem,2vw+1rem,2.2rem);
  margin-bottom:2rem;
}

/* wrapper */
.faq-as__accordion{
  max-width:800px;
  margin-inline:auto;
  text-align:left;
}

/* card */
.faq-as__accordion details{
  background:#fff;
  border:1px solid var(--gray-400);
  border-radius:8px;
  margin-bottom:1rem;
  padding:1rem 1.2rem;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
  transition:box-shadow .25s;
}
.faq-as__accordion details[open]{
  box-shadow:0 4px 12px rgba(0,0,0,.09);
}

.faq-as__accordion summary{
  cursor:pointer;
  list-style:none;
  font-weight:600;
  color:var(--color-primary);
  position:relative;
  padding-right:1.8rem;      /* spazio caret */
}
.faq-as__accordion summary::-webkit-details-marker{display:none;}

/* caret + / – */
.faq-as__accordion summary::after{
  content:"+";
  position:absolute;right:0;top:0;
  font-weight:700;
  color:var(--color-accent);          /* rosso */
  transition:transform .25s;
}
.faq-as__accordion details[open] summary::after{
  content:"–";
  transform:rotate(180deg);
}

/* testo risposta */
.faq-as__accordion p{
  margin:1rem 0 0;
  font-size:.95rem;
  color:var(--gray-700);
  line-height:1.55;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e14d453 *//* =========================================================
   SEZIONE 5 · BANNER ASSISTENZA
   ========================================================= */
.assist-banner{
  background:#083A80;                     /* blu scuro brand */
  color:#fff;
  padding:3.2rem 1rem 3.5rem;
  display:flex;
  flex-wrap:wrap;
  gap:2rem;
  justify-content:center;
}

.assist-copy{
  flex:0 0 380px;
  max-width:420px;
}

.assist-head{
  font-family:"Montserrat",sans-serif;
  font-size:clamp(1.9rem,2vw + 1rem,2.4rem);
  font-weight:800;
  text-transform:uppercase;
  margin:0 0 1rem;
}

.assist-text{
  font-size:1.05rem;
  line-height:1.55;
  margin:0 0 1.3rem;
}

.assist-bullets{
  list-style:disc inside;
  margin:0;
  padding-left:.5rem;
  font-size:.95rem;
}
.assist-bullets li{margin:.25rem 0;}

@media(max-width:767px){
  .assist-copy{flex:1 1 100%;}
  .d-md-none{display:none;}              /* nasconde <br> su desktop */
}

/* ---------- FORM (classe extra "form-assist") ---------- */
.form-assist .elementor-field{
  border-radius:4px;
  border:1px solid var(--gray-400);
  padding:.75rem 1rem;
  font-size:.95rem;
}
.form-assist .elementor-field:focus{
  border-color:var(--color-accent);
  box-shadow:0 0 0 2px rgba(227,28,36,.25);
}

.form-assist .elementor-button{
  background:var(--color-accent);        /* rosso CTA */
  color:#fff;
  font-weight:600;
  border-radius:4px;
  padding:.9rem 2.4rem;
  width:100%;
  transition:background .2s;
}
.form-assist .elementor-button:hover{
  background:var(--color-accent-d);
}/* End custom CSS */