body {
    font-size: 14px;
    line-height: 18px;
  }

.padding-separation{
    padding: 70px 0;
}

.padding-separation-bottom{
    padding-bottom: 70px;
}

.separator-triangle{
    width: 350px;
    height: auto;
}

/* FONT */

.quatro-26{
    font-size: 16px;
    line-height: 20px;
}

.quatro-40{
    font-size: 24px;
    line-height: 28px;
}

.quatro-60{
    font-size: 30px;
    line-height: 36px;
}

.quatro-70{
    font-size: 44px;
    line-height: 52px;
}


/* HEADER */

.navbar-brand{
    width: auto;
    height: 38px;
}

.navbar-expand-lg{
    height: 60px;
}

.button-contacts{
    height: 32px;
    width: 125px;
    margin-left: 15px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 12px;
}


/* --- */


.box-text{
    padding: 30px;
}

.box-images .box-peyoff {
    left: unset;
    right: 0;
    width: 100%;
    justify-content: right;
}

.box-images .box-peyoff .triangolo-testo {
    display: flex;
    width: 70%;
}

.box-images .box-peyoff .triangolo-testo .text{
    width: 100%;
    height: 150px;
    padding: 20px;
}

.box-images .box-peyoff .triangle-left{
    border-bottom: 150px solid var(--color-primary);
    border-left: 120px solid transparent;
}

.box-images .box-peyoff .triangle-right{
    display: none;
}




.organizzazione-home .box-icons .icon{
    width: 85px;
    height: auto;
}

.certifications-home .button-certification{
    height: 50px;
}

.activity-title{
    height: 350px;
}

.activity .traslation {
    margin-top: -70px;
}

.activity .activity-box:nth-child(1){
    height: 110px;
    padding: 20px 50px;
}

.activity .activity-box:nth-child(2){
    height: 110px;
    padding: 20px 50px;
}

.activity .activity-box:nth-child(3){
    height: 110px;
    padding: 20px 50px;
}

.activity .activity-box:nth-child(4){
    height: 110px;
    padding: 20px 50px;
}

.activity .activity-box:nth-child(5){
    height: 110px;
    padding: 20px 50px;
}

.activity .activity-box:nth-child(6){
    height: 110px;
    padding: 20px 50px;
}

.activity .activity-box:nth-child(7){
    height: 110px;
    padding: 20px 50px;
}

.activity .activity-box .icon{
    height: 50px;
    width: auto;
}

.renewable-energy .general-text{
    padding: 50px 150px;
}

.renewable-energy .trasletion {
    margin-top: -70px;
}



/* PRODUCT */

.renewable-energy .general-text{
    padding: 40px 80px;
}
  
/* --- */
  
.renewable-product .container-product{
    padding-bottom: 40px;
}
  
.renewable-product .image-box{
    height: 300px;
}
  
.renewable-product .boxproduct-text .text{
    width: 320px;
    height: 90px;
    padding: 20px;
}
  
.renewable-product .boxproduct-text .icon{
    height: 50px;
    width: auto;
}
  
.renewable-product .triangle-left{
    border-bottom: 90px solid var(--color-secondary);
    border-left: 50px solid transparent;
}

.renewable-product .triangle-left.white{
    border-bottom: 90px solid white;
}
  
.renewable-product .renewable-text{
    padding: 50px 0;
}
  
/* --- */
  
.photovoltaic-specification{
    padding-bottom: 50px;
}

.photovoltaic-specification .box-icon{
    width: 90px;
    height: 90px;
    border-radius: 10px;
}
  
.photovoltaic-specification .box-icon .icon{
    width: auto;
    height: 55px;
}
  
.photovoltaic-specification .title-specification{
    width: 200px;
    height: 60px;
    border-radius: 10px 10px 0 0;
}

.photovoltaic-specification .title-specification.secondary{
    border-radius: 10px;
}

.photovoltaic-specification .text-specification{
    width: 200px;
    border-radius: 0 0 10px 10px;
}


/* INSTALLAZIONE */

.installation-sequence .container-sequence{
    top: -40px;
}
  
.installation-sequence .container-sequence .box-sequence{
    width: 150px;
}

.installation-sequence .container-sequence .box-icon{
    width: 60px;
    height: 60px;
    border: 4px solid var(--color-secondary);
}
  
.installation-sequence .container-sequence .box-icon .icon{
    width: auto;
    height: 40px;
}

/* PUNTO VENDITA */

.point-of-sale .icon{
    height: auto;
    width: 70px;
}

.point-of-sale .container-text .button-sale {
    width: 200px;
    height: 40px;
}
.point-of-sale .container-text .button-sale .box-icon{
    height: 30px;
    width: 30px;
}

.point-of-sale .container-text .button-sale .box-icon .icon-map{
    height: 15px;
    width: auto;
}

.point-of-sale .img-shop-slider{
    height: 350px;
}

.point-of-sale .conteiner-slider .triangle-white {
    border-bottom: 350px solid transparent;
    border-left: 110px solid #ffffff;
}

/* CLIENTI */

.client .container-client{
    margin-top: 50px;
    margin-bottom: 50px;
}

.client .container-client .box-client{
    height: 45px;
}

/* Stili per gli elementi dello slider */
.client .img-client-slider {
    height: 250px;
    width: 300px;
}

.slick-prev {
    left: -30px !important; /* Posiziona la freccia come preferisci */
    width: 25px !important;  /* Larghezza desiderata per l'immagine */
    height: 25px !important; /* Altezza desiderata per l'immagine */
}

.slick-next {
    position: absolute;
    right: -30px !important; /* Posiziona la freccia come preferisci */
    width: 25px !important;  /* Larghezza desiderata per l'immagine */
    height: 25px !important; /* Altezza desiderata per l'immagine */
}


/* COLLABORAZIONI */

.container-collaborations .box-icon .icon-collaborations{
    height: 60px;
    width: auto;
}

/* CONTATTI */

.contacts-container .box-contact{
    padding-bottom: 50px;
}

.maps{
    height: 400px;
    margin-top: -40px;
}

/* FOOTER */

.footer{
    padding: 40px 0;
}

.footer .beg-white{
    width: 80px;
    height: auto;
}

.footer .footerSX .address{
    padding-left: 30px;
    margin-left: 30px;
}