/* ------------------------ */
/*          FOOTER          */
/* ------------------------ */


/* Footer i*/

.footer-i {background-color: #f9f7f8 }


   .footer-nuovo {
padding-top:120px;
       padding-bottom:120px;
 background-color: var(--footer-bg-color, transparent);
    color: var(--footer-text-color, inherit);
    }



    .footer-nuovo__container {
        width: 100%;
        max-width: 1340px;
        margin: 0 auto;
        padding: 0 20px 60px;
        display: flex;
        flex-wrap: wrap;
        gap: 32px;
        color: #222;
        font-family: "Roboto", Arial, sans-serif;
    }

 @media (min-width: 901px) {
        .footer-nuovo__container {
            flex-wrap: nowrap;
        }
    }

    .footer-nuovo__column {
        flex: 1 1 calc(67% / 3);
        min-width: 180px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        overflow: visible;
        line-height: 1.4;
    }

    .footer-nuovo__column--logo {
        flex: 1 1 28%;
        max-width: 28%;
    }

.footer-nuovo__logo.footer-grande img {
        height: 202px;
    }

    .footer-nuovo__logo.footer-piccolo img {
        height: 121px;
    }




    .footer-nuovo__menu,
    .footer-nuovo__contacts {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top:6px;
    }

 .footer-nuovo a,
.footer-nuovo__icon,
.footer-nuovo__contact-text,
.footer-nuovo__text {
     color: var(--footer-text-color, inherit);
}
.footer-nuovo a  {font-weight: 500;}
    .footer-nuovo__menu a:hover,
    .footer-nuovo__contacts a:hover {
        text-decoration: underline;
    }

    .footer-nuovo__contact {
        display: flex;
        align-items: flex-start;
        gap: 10px;
    }

    .footer-nuovo__icon {
        display: inline-flex;
        width: 20px;
        height: 20px;
        color: inherit;
        flex-shrink: 0;
    }

    .footer-nuovo__text {
        line-height: 1;
    }

    @media (max-width: 900px) {
        .footer-nuovo__container {
             max-width: 700px;
            flex-direction: row;
            padding-bottom: 40px;
        }

       .footer-nuovo__column--logo,
        .footer-nuovo__column:nth-of-type(4) {
            max-width: 100%;
            flex: 1 1 100%;
        }
    }

  @media (max-width: 600px) {
        .footer-nuovo__container {
            max-width: 100%;
        }

        .footer-nuovo__column:nth-of-type(2),
        .footer-nuovo__column:nth-of-type(3) {
            max-width: 100%;
            flex: 1 1 100%;
        }
    }