.footer {
    background: var(--white);
    padding: 80px 0;

    .row {
        justify-content: space-between;

        .footer__agency {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: start;
            text-align: start;
            gap: 25px;
            max-width: 260px;

            a,
            p {
                color: var(--dark-blue1);
                font-size: 13px;
                line-height: 20px;
                font-weight: var(--light);
                display: flex;
                align-items: start;
                gap: 15px;

                &:before {
                    content: '';
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-position: center;
                    width: 24px;
                    height: 24px;
                    display: inline-block;
                }
            }

            .adresse {
                &:before {
                    background-image: url(../../img/location_maps.svg);
                }
            }

            .telephone {
                &:before {
                    width: 35px !important;
                    height: 35px !important;
                    background-image: url(../../img/tel_maps.svg);
                }
            }

            .email {
                &:before {
                    background-image: url(../../img/mail_maps.svg);
                }

                a:before {
                    display: none !important;
                }
            }
        }

        .footer__menu {
            .menu__footer {
                display: flex;
                justify-content: space-between;
                text-align: start;
                flex-wrap: wrap;
                gap: 20px;

                >.menu-item:not(:last-child) {
                    >a {
                        color: var(--blue) !important;
                        text-transform: uppercase !important;
                        font-weight: var(--bold) !important;
                        line-height: 20px !important;
                        font-size: 13px !important;
                    }
                }

                .menu-item {
                    a {
                        font-size: 13px;
                        line-height: 20px;
                        font-weight: var(--light);
                        color: var(--dark-blue1);
                        margin-bottom: 15px;
                    }

                    .title_footer {
                        margin-top: 20px;

                        a {
                            color: var(--blue) !important;
                            text-transform: uppercase !important;
                            font-weight: var(--bold) !important;
                            line-height: 20px !important;
                            font-size: 13px !important;
                        }
                    }
                }

                .sub-menu {
                    margin-top: 20px;
                    padding-left: 0px;
                }
            }
        }
    }

    .footer__last {

        .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 30px;
            width: 100%;
            position: relative;

            @media (max-width: 991px) {
                flex-direction: column;
            }

            &:before {
                content: '';
                width: 100%;
                height: 1px;
                background: var(--grey);
                top: 0;
                left: 0;
                position: absolute;
            }

            .copyright {
                opacity: 0.3;
                border: 0px !important;
                margin: 0px !important;

                &:hover {
                    background: transparent !important;
                }
            }
            
            a,
            p,
            li {
                color: var(--dark-blue1);
            }
            
            .socials li a {
                font-size: 0px;
                color: var(--red);

                &:hover {
                    color: var(--white);
                }
            }
            
            .score_nps {
                display: flex;
                align-items: center;
                max-width: 235px;
                gap: 10px;
                text-align: left;
                
                p {
                    font-size: 13px;
                    line-height: 20px;
                    font-weight: var(--light);
                }
                
                span {
                    font-weight: var(--bold);
                }
                
                .number_nps {
                    color: var(--blue);
                    font-size: 20px !important;
                    font-weight: var(--bold) !important;
                    border: 1px solid var(--blue);
                    width: fit-content;
                    padding: 20px 17px;
                    border-radius: 100%;
                    margin: 0px;
                }
            }
        }
    }
}