/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start cnt4 Hero */
#cnt4-hero {
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: auto;
    min-height: 600px;
    max-width: var(--max-width-001);
    background: url(../images/cnt4/cnt4-hero.jpg) no-repeat center center;
    background-size: cover;
}

#cnt4-hero__box {margin-top: 80px; padding-left: 100px;}
#cnt4-hero__box h1 {color: var(--color-ffffff); font-size: 4rem;}
#cnt4-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 cnt4 Hero */

/* Start cnt4 Sezione 1 */
#cnt4-sez1 {align-items: center; width: 100%; max-width: var(--max-width-001);}
#cnt4-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;
}

#cnt4-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;
}
#cnt4-sez1 h3 {font-size: var(--font-size-22); font-weight: var(--font-weight-bold); color: var(--color-685959);}
#cnt4-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);}
#cnt4-sez1__el1 img {width: 450px; height: 320px;}
#cnt4-sez1__el1-text {max-width: var(--max-width-008); text-align: var(--text-align-left); margin-left: 80px;}
#cnt4-sez1__el1-text p {margin-right: 50px; font-weight: var(--font-weight-medium);}
#cnt4-sez1__el1-text span {font-weight: var(--font-weight-bold);}
/* End cnt4 Sezione 1 */

/* Start cnt4 Sezione 2 */
#cnt4-sez2 {align-items: center; width: 100%; padding: 0px 5%; max-width: var(--max-width-001); overflow: hidden;}
#cnt4-sez2__box {width: 100%; max-width: var(--max-width-015);}
#cnt4-sez2__el1 {justify-content: flex-start; width: 100%; max-width: var(--max-width-001); margin-bottom: 30px;}
#cnt4-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;
}
#cnt4-sez2__el1 .button:hover {background-color: var(--color-ffffff); color: var(--color-888888); box-shadow: var(--color-888888) 0px 0px 5px 0px;}
#cnt4-sez2__el1 .item-chk {background-color: var(--color-888888); border-color: var(--color-888888);}
#cnt4-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;}

/* Slider container */
.slider-container {width: 100%; overflow: hidden; position: relative;}
#cnt4-sez2 .cntSezSlider-itm{width: 50%; flex-shrink: 0; box-sizing: border-box;}

/* Track */
#sliderTrack{
  display: flex;
  width: 200%;
  align-items: flex-start;
  transition: transform 0.8s ease-in-out, height 0.35s ease;
  height: auto;
}

/* Pannelli */
#cntSezSlider {height: auto; transition: height .35s ease;}
#cntSezSlider h3 {font-weight: var(--font-weight-bold); color: var(--color-000000); margin-top: 15px;}
.cntSezSlider-itm {width: 50%; flex-shrink: 0; box-sizing: border-box;}
.cntSezSlider-itm .button {margin-top: 30px; border-radius: var(--border-radius-no);}
.cnt4-sez2__el2-itm__underline {text-decoration: underline; margin-top: 20px;}

#cnt4-sez2__el2-itm-box {height: auto;}
.cnt4-sez2__el2-itm-box-text {width: 50%; padding-right: 50px;}
.cnt4-sez2__el2-itm-box-img {justify-content: center; align-items: center; width: 50%; padding-left: 50px; max-height: 450px;}
.cnt4-sez2__el2-itm-box-img img {width: 100%;}
.cnt4-sez2__el2-itm-box-img p {width: 100%; text-align: var(--text-align-center); padding: 20px 0px; font-size: var(--font-size-43); font-weight: var(--font-weight-bold); background-color: var(--color-efefef);}
.cnt4-sez2__el2-itm-box-img__mobile {display: none;}
/* End cnt4 Sezione 2 */

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Mobile */
/* Start Weight */
@media screen and (max-width: 1150px){
  /* cnt4 Sezione 1 */
  #cnt4-sez1__el1 img {width: 420px; height: 290px;}
  #cnt4-sez1__el1-text {margin-left: 50px;}
  #cnt4-sez1__el1-text p {margin-right: 50px;}
}

@media screen and (max-width: 950px){
  /* CNT4 Hero */
  #cnt4-hero {
    background: url(../images/cnt4/cnt4-hero-tab.jpg) no-repeat center center;
    background-size: cover;
  }

  /* cnt4 Sezione 1 */
  #cnt4-sez1__el1 img {width: 380px; height: 250px;}
  #cnt4-sez1__el1-text {margin-left: 30px;}
  #cnt4-sez1__el1-text p {margin-right: 30px;}
}

@media screen and (max-width: 850px){
  /* cnt4 Hero */
  #cnt4-hero__box {padding-left: 50px;}
  #cnt4-hero__box h1 {font-size: var(--font-size-50);}

  /* cnt4 Sezione 2 */
  .cnt4-sez2__el2-itm-box-text {padding-right: 0px;}
  .cnt4-sez2__el2-itm-box-img {padding-left: 0px;}
  .cnt4-sez2__el2-itm-box-img img {width: 75%;}
  .cnt4-sez2__el2-itm-box-img p {width: 75%;}
}

@media screen and (max-width: 750px){
  /* cnt4 Hero */
  #cnt4-hero__box h1 {font-size: var(--font-size-50);}

  /* cnt4 Sezione 1 */
  #cnt4-sez1 h2 {font-size: var(--font-size-32); text-align: var(--text-align-center);}
  #cnt4-sez1__el1 {flex-direction: column; width: 100%; padding: 60px 0px;}
  #cnt4-sez1__el1 img {margin-bottom: 35px;}
  #cnt4-sez1__el1-text {align-items: center; margin-left: 0px;}
  #cnt4-sez1__el1-text p {margin: 0px 10px; text-align: var(--text-align-center);}
  #cnt4-sez1 h2::after {
    content: '';
    display: block;
    width: 70%;
    height: 2px;
    background-color: var(--color-b9b9b9);
    margin: 10px auto 0;
  }

  /* cnt4 Sezione 2 */
  .cnt4-sez2__el2-itm-box-text {width: 100%;}
  .cnt4-sez2__el2-itm-box-img__pc {display: none;}
  .cnt4-sez2__el2-itm-box-img__mobile {display: flex; align-items: start; margin-top: 30px;}
  .cnt4-sez2__el2-itm-box-img__mobile img {width: 100%;}
  .cnt4-sez2__el2-itm-box-img__mobile p {width: 100%;}
  .cnt4-sez2__el2-itm__underline {max-width: 80%;}
}

@media screen and (max-width: 600px){
  /* cnt4 Hero */
  #cnt4-hero__box {padding-left: 30px;}
  #cnt4-hero__box h1 {font-size: var(--font-size-40);}
  #cnt4-hero__box p {width: 80%; line-height: var(--line-height-30);}

  /* cnt4 Sezione 2 */
  .cnt4-sez2__el2-itm-box-img__mobile {width: 75%;}
  .cnt4-sez2__el2-itm__underline {max-width: 100%;}
  .cnt4-sez2__el2-itm-box-img p {font-size: var(--font-size-32);}
}

@media screen and (max-width: 550px){
  /* CNT4 Hero */
  #cnt4-hero {
    background: url(../images/cnt4/cnt4-hero-mob.jpg) no-repeat center center;
    background-size: cover;
  }
}

@media screen and (max-width: 500px){
  /* cnt4 Hero */
  #cnt4-hero__box h1 {font-size: var(--font-size-38);}
}

@media screen and (max-width: 450px){
  /* cnt4 Hero */
  #cnt4-hero__box {padding-left: 5%;}

  /* cnt4 Sezione 1 */
  #cnt4-sez1__el1 img {width: 85%; height: auto;}

  /* cnt4 Sezione 2 */
  .cnt4-sez2__el2-itm-box-img__mobile {width: 100%;}
}
/* End Weight */
/* End Mobile */
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/