.footer-container {
    background-color: var(--color-blue);
    height: 160px;
    margin-top: 10px;
    padding: 20px 30px 20px 30px;
    min-width: 970px;
    width: 100%;
    display: flex;

    .footer-icon {
        position: relative;
        display: flex;
        cursor: pointer;

        &::after {
            position: absolute;
            content: '';
            left: 0px;
            bottom: -40px;
            width: 250px;
            height: 80px;
            margin: 10px;
            background-image: url(../img/logo-reparlab-header.svg);
            background-repeat: no-repeat;
            filter: invert();
        }
    }

    .social-container {
        position: relative;
        display: flex;
        background-color: aquamarine;

        .facebook-icon {
            position: relative;

            &::after {
                position: absolute;
                content: '';
                left: 0px;
                bottom: 0px;
                width: 30px;
                height: 30px;
                background-image: url(../img/logo\ facebook.svg);
                background-repeat: no-repeat;
                filter: invert();
                cursor: pointer;
            }
        }

        .linkedin-icon {
            position: relative;

            &::after {
                position: absolute;
                content: '';
                left: 30px;
                bottom: 0px;
                width: 30px;
                height: 30px;
                background-image: url(../img/logo\ linkedin.svg);
                background-repeat: no-repeat;
                filter: invert();
                cursor: pointer;
            }
        }
    }

    .contact-title {
        display: flex;
        justify-content: end;
        align-items: end;

        p {
            color: var(--color-white);
            text-align: end;
            margin: 0;
        }
    }

    .contact-infos {
        display: flex;
        align-items: flex-end;
        text-align: end;
        flex-direction: column;
        padding-right: 18px;
        gap: 5px 5px;

        p {
            color: var(--color-white);
            padding: 0;
            margin: 0;
        }

        .footer-email {
            position: relative;

            &::after {
                position: absolute;
                content: '';
                right: -20px;
                top: -2px;
                width: 15px;
                height: 15px;
                background-image: url('../img/contact\ mail.svg');
                background-repeat: no-repeat;
            }
            a {
            	color: var(--color-white);
            }
        }

        .footer-phone {
            position: relative;

            &::after {
                position: absolute;
                content: '';
                right: -20px;
                top: -3px;
                width: 15px;
                height: 15px;
                background-image: url('../img/contact\ tel.svg');
                background-repeat: no-repeat;
            }
            a {
            	color: var(--color-white);
            }
        }

        .footer-address {
            position: relative;

            &::after {
                position: absolute;
                content: '';
                right: -20px;
                top: 3px;
                width: 15px;
                height: 15px;
                background-image: url('../img/contact\ courrier.svg');
                background-repeat: no-repeat;
            }
        }

    }

    .legal-mentions-container {
        display: flex;
        color: var(--color-white);
        gap: 100px;
        
        a {
        	color: var(--color-white);
        	text-decoration : none;
        }
        
        a:hover {
       		color: var(--color-white);
       	}
        
        a:visited {
       		color: var(--color-white);
       	}
    }

    .col {
        height: 100%;
        gap: 10px;
        display: flex;
        flex-direction: column;
    }

    .rowML {
        width: 100%;
        height: 100px;
        align-items: flex-end;
    }
}