/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Pagina Home */
/* Start Hero Home */
#home-hero {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: end;
  width: 100vw;
  height: 100vh;
  max-width: var(--max-width-001);
  min-height: var(--max-height-001);
  background: url(../images/home/home-hero.jpg) no-repeat top center;
  background-size: cover;
}
#home-hero #home-hero__box {justify-content: center; align-items: center; margin-right: 5vw; text-align: center; width: 650px; margin-top: 50px;}
#home-hero #home-hero__box div {display: flex; flex-direction: column; padding: 65px 50px; text-align: var(--text-align-left);}
#home-hero #home-hero__box h1 {font-size: var(--font-size-42); line-height: var(--line-height-50); font-style: var(--font-style-normal); margin-bottom: 15px;}
#home-hero #home-hero__box p {margin-bottom: 30px; font-size: var(--font-size-20); line-height: var(--line-height-30);}
/* End Hero Home */

/* Start Home Sezione 1 */
#home-sez1 {justify-content: center; align-items: center; width: 100vw; max-width: var(--max-width-001); padding: 0% 5%;}
#home-sez1__el1 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: var(--max-width-002);
  padding: 50px;
  margin-top: -50px;
  text-align: var(--text-align-center);
  border-radius: var(--border-radius-002);
  background: var(--color-ffffff) 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 23px #00000029;
}
#home-sez1__el1 h1 {margin-bottom: 25px;}
.home-sez1__el1-row {display: flex; width: 100%; justify-content: space-between; max-width: var(--max-width-001);}
.home-sez1__el1-dot {width: 30%; max-width: var(--max-width-007); padding: 40px 0px;}
.home-sez1__el1-dot img {width: 100%; margin-bottom: 20px; border-radius: var(--border-radius-001);}
.home-sez1__el1-dot h2 {margin-bottom: 10px;}
.home-sez1__el1-dot p span {font-weight: var(--font-weight-bold);}
/* End Home Sezione 1 */

/* Start Home Sezione 2 */
#home-sez2 {align-items: center; width: 100vw; margin-top: 120px; max-width: var(--max-width-001);}
#home-sez2 h1 {margin-bottom: 25px;}
#home-sez2 #home-sez2__el1 {justify-content: center; width: 100vw; max-width: var(--max-width-001); margin-bottom: 30px;}
#home-sez2 #home-sez2__el1 p {font-weight: var(--font-weight-bold); color: var(--color-ffffff); margin: 0px 25px;}
#home-sez2 #home-sez2__el1 .button {width: 135px; background-color: var(--color-ed9a5e); border: 2px solid var(--color-ed9a5e);}
#home-sez2 #home-sez2__el1 .button:hover {color: var(--color-e5680e); background-color: var(--color-ffffff); box-shadow: var(--color-ed9a5e) 0px 1px 15px 0px; cursor: pointer;}
#home-sez2 #home-sez2__el1 .item-chk {background-color: var(--color-d36f29); border: 2px solid var(--color-d36f29);}
#home-sez2 #home-sez2__el2 {width: 900px; margin-bottom: 50px; overflow: hidden;}
#home-sez2 #home-sez2__el2 img {width: 900px;}
#home-sez2 #home-sez2__el2 .home-sez2__el2-itm {width: 100%; position: relative; right: 0%; transition: all 1s;}
/* End Home Sezione 2 */

/* Start Home Sezione 3 */
#home-sez3 {justify-content: center; align-items: flex-start; max-width: var(--max-width-001); padding: 80px 10vw 100px 10vw;}
#home-sez3 .home-sez3__mobile {display: none;}
#home-sez3__el1 {display: flex; justify-content: center; align-items: center; width: 25%; max-width: var(--max-width-002);}
#home-sez3__el1 img {width: 100%; max-width: 250px; margin-right: 50px;}
#home-sez3__el2 {display: flex; justify-content: space-between; align-items: center; width: 50%; max-width: 480px;}
#home-sez3__el2 h1 {margin-bottom: 50px;}
.home-sez3__el2-box {align-items: flex-start; width: 100%; margin-bottom: 25px;}
.home-sez3__el2-box h2 {margin-bottom: 7px; font-weight: var(--font-weight-extra-bold); color: var(--color-000000);}
.home-sez3__el2-box h2 span {color: var(--color-274aad);}
.home-sez3__el2-mbt1 {margin-bottom: 15px;}
/* End Home Sezione 3 */

/* Start Home Sezione 5 */
#home-sez4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: auto;
  max-width: var(--max-width-001);
  padding: 80px 0px;
  background: url(../images/home/home-sez4-bkg1.jpg) no-repeat top center;
  background-size: cover;
}
#home-sez4 #home-sez4__box {justify-content: center; align-items: center; margin-left: 25vw; background-color: var(--color-ffffff); border-radius: var(--border-radius-002); text-align: center; width: 520px;}
#home-sez4 #home-sez4__box .button {margin-top: 20px;}
#home-sez4 #home-sez4__box div {display: flex; flex-direction: column; align-items: center; padding: 45px 30px; text-align: var(--text-align-center);}
#home-sez4 #home-sez4__box div h1 {font-size: var(--font-size-40); line-height: var(--line-height-48); font-style: var(--font-style-normal); margin-bottom: 30px;}
#home-sez4 #home-sez4__box div p {font-size: var(--font-size-20); margin-bottom: 20px;}
#home-sez4 #home-sez4__box div p span{font-weight: var(--font-weight-bold);}
/* End Home Sezione 4 */

/* Start Home Sezione 5 */
#home-sez5 {display: flex; flex-direction: column; align-items: center; position: relative; margin-bottom: 100px; padding: 25px 0px 25px 0px;}
.home-sez5__header {align-items: center; text-align: var(--text-align-center);}
.home-sez5__header h1 {margin-bottom: 50px; padding: 0px 10px;}
#home-sez5 p span {margin-bottom: 35px; padding: 0px 10px; font-weight: var(--font-weight-bold); color: var(--color-274aad);}

/*=============== CARD ===============*/
.container {display: flex; justify-content: center; align-items: center; max-width: var(--max-width-002);}
.card__container {display: contents; padding: 60px 25px; width: 85%; max-width: var(--max-width-003);}
.card__content {width: 85%; margin-inline: 1.75rem; overflow: hidden; margin-inline: -45rem;}
.card__article {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 0px 25px; height: 290px; overflow: hidden; text-align: center; transition: all 0.5s;}
.card__article img {width: 150px; margin-bottom: 25px;}
.card__article p {width: 330px;}
/* Swiper class */
.swiper-button-prev,
.swiper-button-next {display: block; width: initial; height: initial; font-size: 3rem; color: var(--color-ed9a5e);}
.swiper-button-prev {left: 20%; margin-top: 10px;}
.swiper-button-next {right: 20%; margin-top: 10px;}
.swiper-pagination-bullet {background-color: var(--color-e5680e); opacity: 1;}
.swiper-pagination-bullet-active {background-color: var(--color-ed9a5e);}
.ri-arrow-left-s-line:before {content: url('../../images/home/home-sez5-el1-icn1.svg');}
.ri-arrow-right-s-line:before {content: url('../../images/home/home-sez5-el1-icn2.svg');}

@media screen and (max-width: 2800px){
  .swiper-button-prev {left: 15%;}
  .swiper-button-next {right: 15%;}
}

@media screen and (max-width: 2400px){
  .swiper-button-prev {left: 10%;}
  .swiper-button-next {right: 10%;}
}

@media screen and (max-width: 2100px){
  .swiper-button-prev {left: 5%;}
  .swiper-button-next {right: 5%;}
}

@media screen and (max-width: 1900px){
  .swiper-button-prev {left: 2%;}
  .swiper-button-next {right: 2%;}
}

@media screen and (max-width: 1265px){
  .card__article p {width: 280px;}
}

@media screen and (max-width: 1200px){
  .swiper-button-prev {margin-top: 20px;}
  .swiper-button-next {margin-top: 20px;}
}

@media screen and (max-width: 1150px){
  .card__article p {width: 272px;}
}

@media screen and (max-width: 780px){
  .card__article p {width: 80%; height: 265px;}
  .swiper-button-prev {margin-top: 10px;}
  .swiper-button-next {margin-top: 10px;}
}

@media screen and (max-width: 700px){
  .card__article {height: 300px;}
}

@media screen and (max-width: 580px){
  .card__article p {width: 90%;}
}

@media screen and (max-width: 420px){
  .card__article {height: 300px;}
  .card__article p {width: 95%;}
  .swiper-button-prev {margin-top: 30px;}
  .swiper-button-next {margin-top: 30px;}
}

@media screen and (max-width: 393px){
  .card__article {height: 315px;}
}

@media screen and (max-width: 380px){
  .card__article {height: 300px; padding: 0px 0px;}
  .card__article p {width: 100%;}
  .swiper-button-prev {display: none;}
  .swiper-button-next {display: none;}
}

@media screen and (max-width: 317px){
  .card__article {height: 320px;}
}
/* End Slider Sezione 5*/
/* End Home Sezione 5 */

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Mobile */
/* Start Weight */
@media screen and (max-width: 1900px){
  /* Home Sezione 4 */
  #home-sez4 #home-sez4__box {margin-left: 12vw;}
}

@media screen and (max-width: 1750px){
  /* Home Sezione 5 */
  #home-sez5 {display: block;} 
}

@media screen and (max-width: 1650px){
  /* Hero Home */
  #home-hero {min-height: var(--max-height-002);}  
}

@media screen and (max-width: 1280px){
  /* Hero Home */
  #home-hero #home-hero__box {margin-right: 0vw;}
}

@media screen and (max-width: 1250px){
  /* Hero Sezione 3 */
  #home-sez3__el1 {width: 35%;}
}

@media screen and (max-width: 1199px){
  /* Home Sezione 1 */
  #home-sez1__el1 {padding: 50px 20px;}
  .home-sez1__el1-row {flex-wrap: wrap; justify-content: space-around;}
  .home-sez1__el1-dot {width: 290px; margin: 0px 20px;}

  /* Hero Sezione 4 */
  #home-sez4 #home-sez4__box {margin-left: 10vw;}
}

@media screen and (max-width: 1150px){
  /* Hero Home */
  #home-hero #home-hero__box {width: 550px;}
  #home-hero #home-hero__box h1 {font-size: var(--font-size-40); line-height: var(--line-height-45);}
  #home-hero #home-hero__box div {padding: 65px 20px 65px 0px;}
}

@media screen and (max-width: 1110px){
  /* Hero Sezione 4 */
  #home-sez4 #home-sez4__box {margin-left: 5vw;}
}

@media screen and (max-width: 1035px){
  /* Hero Home */
  #home-hero {
    background: url(../images/home/home-hero-tab.jpg) no-repeat bottom center;
    background-size: cover;
  }
  #home-hero #home-hero__box div {margin: 65px 20px 65px 0px; padding: 30px; background-color: var(--color-ffffff); border-radius: var(--border-radius-002); opacity: 0.8;}

  /* Hero Sezione 3 */
  #home-sez3__el1 {width: 50%;}
  #home-sez3__el2 {width: 100%; max-width: 550px;}
  #home-sez3__el2 h1 {text-align: var(--text-align-center);}
  #home-sez3 .home-sez3__pc {display: none;}
  #home-sez3 .home-sez3__mobile {display: flex; justify-content: center; align-items: center; width: 50%; max-width: var(--max-width-002); margin-bottom: 50px;}
  .home-sez3__mobile img {width: 100%; max-width: 250px;}
}

@media screen and (max-width: 950px){
  /* Home Sezione 3 */
  #home-sez2 #home-sez2__el2 {width: 800px;}
  #home-sez2 #home-sez2__el2 img {width: 800px;}

  /* Home Sezione 4 */
  #home-sez4 {
    background: url(../images/home/home-sez4-bkg1-tab.jpg) no-repeat top center;
    background-size: cover;
  }
  #home-sez4 #home-sez4__box {background-color: var(--color-ffffffcc);}
}

@media screen and (max-width: 900px){
  /* Hero Home */
  #home-hero #home-hero__box h1 {line-height: var(--line-height-45);}
}

@media screen and (max-width: 845px){
  /* Home Sezione 3 */
  #home-sez2 h1 {width: 400px; text-align: var(--text-align-center);}
  #home-sez2 #home-sez2__el2 {width: 700px;}
  #home-sez2 #home-sez2__el2 img {width: 700px;}
    
  /* Hero Sezione 4 */
  #home-sez4 {justify-content: center;}
  #home-sez4 #home-sez4__box {margin-left: 0px;}
}

@media screen and (max-width: 778px){
  .home-sez1__el1-dot {width: 100%;}
}

@media screen and (max-width: 750px){
  /* Home Sezione 3 */
  #home-sez2 #home-sez2__el2 {width: 600px;}
  #home-sez2 #home-sez2__el2 img {width: 600px;}
}

@media screen and (max-width: 700px){
  /* Hero Home */
  #home-hero {align-items: center; min-height: var(--max-height-003); padding: 35px 10px; background: url(../images/home/home-hero-mob.jpg) no-repeat top center; background-size: cover;}
  #home-hero #home-hero__box {width: 100%; margin-top: -230px; margin-right: 0vw;}
  #home-hero #home-hero__box div {margin: 0px; padding: 35px 5vw; border-radius: var(--border-radius-002);}

  /* Home Sezione 1 */
  #home-sez1__el1 {margin-top: -120px;}

  /* Home Sezione 4 */
  #home-sez4 {
    background: url(../images/home/home-sez4-bkg1-tab.jpg) no-repeat right center;
    background-size: cover;
  }
}

@media screen and (max-width: 650px){
  /* Home Sezione 3 */
  #home-sez2 #home-sez2__el2 {width: 500px;}
  #home-sez2 #home-sez2__el2 img {width: 500px;}  
  #home-sez2 #home-sez2__el1 .button {width: 110px; padding: 4px; font-size: var(--font-size-13);}
}

@media screen and (max-width: 600px){
  /* Hero Home */
  #home-hero #home-hero__box {margin-top: -280px;}
  #home-hero #home-hero__box h1 {font-size: var(--font-size-35); line-height: var(--line-height-40);}
}

@media screen and (max-width: 550px){
  /* Hero Home */
  #home-hero #home-hero__box div {padding: 25px;}
  
  /* Home Sezione 3 */
  #home-sez2 #home-sez2__el2 {width: 400px;}
  #home-sez2 #home-sez2__el2 img {width: 400px;}
  #home-sez2 #home-sez2__el1 p {margin: 0px 15px;}

  /* Home Sezione 4 */
  #home-sez4 {height: 900px; padding: 12% 5%; background: url(../images/home/home-sez4-bkg1-mob.jpg) no-repeat right center; background-size: cover;}
  #home-sez4 #home-sez4__box div h1 {font-size: var(--font-size-38); line-height: var(--line-height-45); margin-bottom: 20px;}
  #home-sez4 #home-sez4__box .button {margin-top: 5px;}
}

@media screen and (max-width: 500px){
  /* Hero Home */
  #home-hero #home-hero__box div {padding: 25px 10px;}
}

@media screen and (max-width: 450px){
  /* Home Sezione 1 */
  .home-sez1__el1-dot {margin: 0px 5px;}

  /* Home Sezione 4 */
  #home-sez4 {padding: 12% 0%;}
  #home-sez4 #home-sez4__box div {padding: 45px 15px;}
  #home-sez4 #home-sez4__box div h1 {font-size: var(--font-size-32); line-height: var(--line-height-35); margin-bottom: 20px;}
}

@media screen and (max-width: 420px){
  /* Hero Sezione 2 */
  #home-sez3 {padding: 80px 7vw 100px 7vw;}
  .home-sez3__mobile img {width: 110%;}

  /* Home Sezione 3 */
  #home-sez2 #home-sez2__el2 {width: 330px;}
  #home-sez2 #home-sez2__el2 img {width: 330px;}

  /* Hero Sezione 5 */
  .home-sez5__header h1 {width: 250px;}
}

@media screen and (max-width: 400px){  
  /* Home Sezione 1 */
  #home-sez1__el1 {margin-top: -150px; padding: 35px 10px;}

  /* Home Sezione 3 */
  #home-sez2 h1 {width: 275px;}

  /* Start Global 1*/
  #glb1 {padding: 0px 0px 80px 0px;}
}

@media screen and (max-width: 360px){
  /* Home Sezione 1 */
  #home-sez1 {padding: 0% 2%;}

  /* Home Sezione 3 */
  #home-sez2 #home-sez2__el2 {width: 310px;}
  #home-sez2 #home-sez2__el2 img {width: 310px;}

  /* Home Sezione 4 */
  #home-sez4 #home-sez4__box div {padding: 45px 7px;}
}

@media screen and (max-width: 350px){
  /* Hero Home */
  #home-hero #home-hero__box h1 {font-size: var(--font-size-32); line-height: var(--line-height-35); margin-bottom: 10px;}
}

@media screen and (max-width: 335px){
  /* Home Sezione 3 */
  #home-sez1__el1 {margin-top: -25px;}
}

@media screen and (max-width: 325px){
  /* Home Sezione 3 */
  #home-sez2 #home-sez2__el2 {width: 300px;}
  #home-sez2 #home-sez2__el2 img {width: 300px;}
}
/* End Weight */
