/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start cnt2 Hero */
#cnt2-hero {
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: auto;
    min-height: 600px;
    max-width: var(--max-width-001);
    background: url(../images/cnt2/cnt2-hero.jpg) no-repeat top center;
    background-size: cover;
}

#cnt2-hero__box {margin-top: 80px; padding-left: 100px;}
#cnt2-hero__box h1 {color: var(--color-ffffff);}
#cnt2-hero__box p {width: 480px; padding: 15px 0px; font-weight: var(--font-weight-regular); font-size: var(--font-size-20); color: var(--color-ffffff); line-height: var(--line-height-35);}
/* End cnt2 Hero */

/* Start cnt2 Sezione 1 */
#cnt2-sez1 {align-items: center; width: 100%; max-width: var(--max-width-001);}
#cnt2-sez1 h2 {
  margin-bottom: 20px;
  font-size: var(--font-size-36);
  line-height: var(--line-height-40);
  color: var(--color-141522);
  max-width: 410px;
  position: relative;
}

#cnt2-sez1 h2::after {
  content: '';
  display: block;
  width: 70%;
  height: 2px; /* puoi cambiare lo spessore */
  background-color: var(--color-b9b9b9); /* o qualsiasi altro colore */
  margin-top: 10px;
}
#cnt2-sez1 h3 {font-size: var(--font-size-22); font-weight: var(--font-weight-bold); color: var(--color-685959);}
#cnt2-sez1__el1 {justify-content: flex-start; align-items: center; max-width: var(--max-width-003); margin: 100px 0px 50px 0px; background-color: var(--color-efefef);}
#cnt2-sez1__el1 img {width: 450px; height: 320px;}
#cnt2-sez1__el1-text {max-width: var(--max-width-008); text-align: var(--text-align-left); margin-left: 80px;}
#cnt2-sez1__el1-text p {margin-right: 50px; font-weight: var(--font-weight-medium);}
#cnt2-sez1__el1-text span {font-weight: var(--font-weight-bold);}
/* End cnt2 Sezione 1 */

/* Start cnt2 Sezione radioButtonChk__servizi */
.cnt2-sez2 {align-items: center; width: 100%; padding: 0px; max-width: var(--max-width-001); overflow: hidden;}
.cnt2-sez2__box {width: 100%; max-width: var(--max-width-015);}
.cnt2-sez2__el1 {justify-content: flex-start; width: 100%; max-width: var(--max-width-001); margin: 20px 0px 15px 0px;}
.cnt2-sez2__el1 .button {
  width: 135px;
  background-color: var(--color-b9b9b9);
  border: 2px solid var(--color-b9b9b9);
  border-radius: var(--border-radius-no);
  font-weight: var(--font-weight-bold);
  color: var(--color-ffffff);
  text-align: center;
  padding: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.cnt2-sez2__el1 .button:hover {background-color: var(--color-ffffff); color: var(--color-888888); box-shadow: var(--color-888888) 0px 0px 5px 0px;}
.cnt2-sez2__el1 .item-chk {background-color: var(--color-888888); border-color: var(--color-888888);}
.cnt2-sez2__el1 .item-chk:hover{background-color: var(--color-888888); border-color: var(--color-888888); color: var(--color-ffffff); box-shadow: var(--color-ffffff) 0px 0px 0px 0px;}
.cnt2-sez2__box span {font-weight: var(--font-weight-bold);}

/* Slider container */
.slider-container {width: 100%; overflow: hidden; position: relative;}

/* Track con due pannelli */
.slider-track{
  display: flex;
  width: 200%;
  align-items: flex-start; /* ✅ IMPORTANTISSIMO */
  transition: transform 0.8s ease-in-out, height 0.35s ease;
}

/* Pannelli */
.cnt2-sez2__el2 h3 {font-weight: var(--font-weight-bold); color: var(--color-000000); margin-top: 15px;}
.cnt2-sez2__el2-itm {width: 50%; flex-shrink: 0; box-sizing: border-box;}
.cnt2-sez2__el2-itm .button {margin-top: 30px; border-radius: var(--border-radius-no);}
.cnt2-sez2__el2-itm__underline {text-decoration: none; margin-top: 20px; font-style: var(--font-style-italic);}

.cnt2-sez2__el2-itm-box {height: auto;}
.cnt2-sez2__el2-itm-box-text {width: 50%; padding-right: 50px;}
.cnt2-sez2__el2-itm-box-img {justify-content: center; align-items: center; width: 50%; padding-left: 50px; max-height: 450px;}
.cnt2-sez2__el2-itm-box-img img {width: 100%;}
.cnt2-sez2__el2-itm-box-img p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 100%;
  text-align: var(--text-align-center);
  padding: 0px 0px 10px 0px;
  font-size: var(--font-size-43);
  font-weight: var(--font-weight-bold);
  background-color: var(--color-ffffff);
}
.cnt2-sez2__el2-itm-box-img__mobile {display: none;}

/* Start Servizi radioButtonChk */
.radioButtonChk__servizi {display: flex; justify-content: center; margin: 40px 0px 100px 0px; padding: 1% 3%;}
.radioButtonChk__servizi h2 {font-style: var(--font-style-normal); font-weight: var(--font-weight-bold); font-size: var(--font-size-32); line-height: var(--line-height-40); color: var(--color-000000);}
.radioButtonChk__servizi__column {display: flex; flex-direction: column; width: 100%; max-width: var(--max-width-015);}

/* Start radioButtonchk.js g-rbcJS - sitiWeb.html */
.g-rbcJS li {padding: 20px; background-color: var(--color-efefef);}
.g-rbcJS li input[type="radio"] {display: none;}

/*.g-rbcJS input[type="radio"]:checked + label + .g-rbcJS-text {max-height: 1150px; transition: 1s;}*/
.g-rbcJS input[type="radio"]:checked + label .plus {transform: rotate(90deg);}
.g-rbcJS li label {display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.g-rbcJS li label h2 {
  width: 95%;
  height: auto;
  margin-bottom: 0px;
  font-size: var(--font-size-18);
  line-height: var(--line-height-25);
  font-family: var(--font-family-overpass);
  font-weight: var(--font-weight-semi-bold);
}
.g-rbcJS-row {
  margin: 10px 0px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-style: preserve-3d;
  will-change: transform;
}
.g-rbcJS li label img {width: 20px; height: 20px; transition: 0.5s;}
.g-rbcChkJS {color: var(--color-e59432);}
.g-rbcChkBackgroundJS {background-color: var(--color-eabe89); transition: 0.5s;}
.g-rbcJS-text {max-height: 0px; overflow: hidden; transition: max-height 0.5s ease;}
.g-rbcJS-text p {padding-top: 10px;}
.g-rbcJS-row:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.15);
}
/* End radioButtonchk.js g-rbcJS - sitiWeb.html */
/* End cnt2 Sezione radioButtonChk__servizi */

/* Start Content 1 Sezione 3 */
#cnt2-sez3 {justify-content: center; align-items: center; margin-top: 100px; padding: 80px 0px 25px 0px; text-align: var(--text-align-center); background-color: var(--color-efefef);}
#cnt2-sez3 h2 {color: var(--color-221414); font-size: var(--font-size-36);line-height: var(--line-height-42);}
.cnt2-sez3__box {margin-top: 10px;}
.cnt2-sez3__row {flex-wrap: wrap; justify-content: space-evenly; padding: 0px 0px;}
.cnt2-sez3__dot {align-items: center; width: 350px; height: auto; margin: 50px 25px;}
.cnt2-sez3__text {align-items: center; margin: 0px 25px 25px 25px;}
.cnt2-sez3__text h3 {margin-bottom: 10px; color: var(--color-221414);}
.cnt2-sez3__text p {width: 80%;}
.cnt2-sez3__text img {width: 70px; margin: -25px 0px 20px 0px}
/* End Content 1 Sezione 3 */

/* Start cnt2 Sezione 4 */
#cnt2-sez4 {width: 100vw; max-width: var(--max-width-001); height: 450px; justify-content: center;}
#cnt2-sez4-box {width: 100vw; max-width: var(--max-width-002); height: 450px; justify-content: space-between;}
.cnt2-sez4__el1 {width: 50%; background: url(../images/cnt2/cnt2-sez4-el1-bkg.jpg) no-repeat right center; background-size: cover;}
.cnt2-sez4__el2 {width: 50%; justify-content: center; align-items: center;}
.cnt2-sez4__el2 h2 {width: 405px; margin-bottom: 30px; font-size: var(--font-size-36);line-height: var(--line-height-42); color: var(--color-221414); text-align: var(--text-align-center);}
.cnt2-sez4__el2 p {width: 100%; max-width: 550px; font-size: var(--font-size-20); line-height: var(--line-height-30); text-align: var(--text-align-center); color: var(--color-221414);}
.cnt2-sez4__el2 .button {margin-top: 30px; background-color: var(--color-b9b9b9); border: 2px solid var(--color-transparent); border-radius: var(--border-radius-no);}
.cnt2-sez4__el2 .button:hover {background-color: var(--color-ffffff); border: 2px solid var(--color-707070);}
/* End cnt2 Sezione 4 */

/**********************************************************************************************************************************/
/* Start Mobile */
/* Start Weight */
@media screen and (max-width: 1150px){
  /* CNT2 Sezione 1 */
  #cnt2-sez1__el1 img {width: 420px; height: 290px;}
  #cnt2-sez1__el1-text {margin-left: 50px;}
  #cnt2-sez1__el1-text p {margin-right: 50px;}
}

@media screen and (max-width: 950px){
  /* CNT2 Hero */
  #cnt2-hero {
    background: url(../images/cnt2/cnt2-hero-tab.jpg) no-repeat top center;
    background-size: cover;
  }

  /* CNT2 Sezione 1 */
  #cnt2-sez1__el1 img {width: 380px; height: 250px;}
  #cnt2-sez1__el1-text {margin-left: 30px;}
  #cnt2-sez1__el1-text p {margin-right: 30px;}
}

@media screen and (max-width: 850px){
  /* CNT2 Hero */
  #cnt2-hero__box {padding-left: 50px;}
  #cnt2-hero__box h1 {font-size: var(--font-size-50);}

  /* CNT2 Sezione 2 */
  .cnt2-sez2__el2-itm-box-text {padding-right: 0px;}
  .cnt2-sez2__el2-itm-box-img {padding-left: 0px;}
  .cnt2-sez2__el2-itm-box-img img {width: 75%;}
  .cnt2-sez2__el2-itm-box-img p {width: 75%;}
}

@media screen and (max-width: 770px){
  /* Servizi radioButtonChk */
  .g-rbcJS li label {font-size: var(--font-size-18);}
  .g-rbcJS li label h2 {width: 90%;}
  .g-rbcJS-text p {font-size: var(--font-size-18);}
  .cnt2-sez2__el2-itm-box-img p {font-size: var(--font-size-32);}
}

@media screen and (max-width: 750px){
  /* CNT2 Hero */
  #cnt2-hero__box h1 {font-size: var(--font-size-50);}

  /* CNT2 Sezione 1 */
  #cnt2-sez1 h2 {font-size: var(--font-size-32); text-align: var(--text-align-center);}
  #cnt2-sez1__el1 {flex-direction: column; width: 100%; padding: 60px 0px;}
  #cnt2-sez1__el1 img {margin-bottom: 35px;}
  #cnt2-sez1__el1-text {align-items: center; margin-left: 0px;}
  #cnt2-sez1__el1-text p {margin: 0px 10px; text-align: var(--text-align-center);}
  #cnt2-sez1 h2::after {
    content: '';
    display: block;
    width: 70%;
    height: 2px;
    background-color: var(--color-b9b9b9);
    margin: 10px auto 0;
  }

  /* CNT2 Sezione 2 */
  .cnt2-sez2__el2-itm-box-text {width: 100%;}
  .cnt2-sez2__el2-itm-box-img__pc {display: none;}
  .cnt2-sez2__el2-itm-box-img__mobile {display: flex; align-items: start; margin-top: 30px;}
  .cnt2-sez2__el2-itm-box-img__mobile img {width: 100%;}
  .cnt2-sez2__el2-itm-box-img__mobile p {width: 100%;}
  .cnt2-sez2__el2-itm__underline {max-width: 80%;}
}

@media screen and (max-width: 600px){
  /* CNT2 Hero */
  #cnt2-hero__box {padding-left: 30px;}
  #cnt2-hero__box h1 {font-size: var(--font-size-40);}
  #cnt2-hero__box p {width: 80%; line-height: var(--line-height-30);}

  /* CNT2 Sezione 2 */
  .cnt2-sez2__el2-itm-box-img__mobile {width: 75%;}
  .cnt2-sez2__el2-itm__underline {max-width: 100%;}
  .cnt2-sez2__el2-itm-box-img p {font-size: var(--font-size-32);}
}

@media screen and (max-width: 550px){
  /* CNT2 Hero */
  #cnt2-hero {
    background: url(../images/cnt2/cnt2-hero-mob.jpg) no-repeat center center;
    background-size: cover;
  }

  /* Servizi radioButtonChk */
  .radioButtonChk__servizi {margin: -40px 0px 50px 0px; padding: 1% 8%;}
  .g-rbcJS li label h2 {font-size: var(--font-size-16);}
  .g-rbcJS-text p {font-size: var(--font-size-15);}
    .cnt2-sez2__el2-itm-box-img p {font-size: var(--font-size-32);}
}

@media screen and (max-width: 500px){
  /* CNT2 Hero */
  #cnt2-hero__box h1 {font-size: var(--font-size-38);}

  /* Servizi radioButtonChk */
  .radioButtonChk__servizi {padding: 8% 3% 1% 3%;}
}

@media screen and (max-width: 450px){
  /* CNT2 Hero */
  #cnt2-hero__box {padding-left: 5%;}

  /* CNT2 Sezione 1 */
  #cnt2-sez1__el1 img {width: 85%; height: auto;}

  /* CNT2 Sezione 2 */
  .cnt2-sez2__el2-itm-box-img__mobile {width: 100%;}
}

@media screen and (max-width: 380px){.g-rbcJS li {padding: 20px 5px;}}

/* End Weight */
/* End Mobile */
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/