.footer {
    background: linear-gradient(180deg, rgba(45, 30, 60, 1) 0%, rgba(15, 10, 20, 1) 100%);
    color: #fff;
    position: relative;
    z-index: 5;
    padding: 80px 0;

    &:after {
        content: '';
        background-image: url(../../img/bg_c_dark.png);
        background-repeat: no-repeat;
        width: 100%;
        position: absolute;
        height: 100%;
        background-size: cover;
        bottom: 0px !important;
        left: -50%;
        transform: translate(50%);
        background-position: bottom;
        z-index: 1;
        pointer-events: none;
        filter: blur(1px);
        mask-image: linear-gradient(to bottom, transparent 0%, transparent 0%, black 50%);
        opacity: 0.16;
    }

    a {
        text-decoration: none;
        color: var(--white);
        transition: var(--transition);
        font-size: 15px;
        line-height: 18px !important;

        &:hover {
            color: var(--main-color3);
        }
    }

    .footer__main {
        .row {
            justify-content: space-between;

            .footer__agency {
                display: flex;
                flex-direction: column;
                margin: 0px;

                @media (max-width: 991px) {
                    flex-direction: row;
                    gap: 40px;
                    justify-content: space-between;

                    .footer__mail {
                        display: flex;
                        flex-direction: column;
                        gap: 5px;
                    }
                }

                @media (max-width: 592px) {
                    flex-direction: column;
                    gap: 5px;
                    margin-bottom: 30px;

                    img {
                        margin-bottom: 10px;
                    }
                }

                >img {
                    margin-bottom: 50px !important;
                }

                p {
                    color: var(--white);
                    transition: var(--transition);
                    font-size: 15px;
                    line-height: 18px !important;

                    &:hover {
                        color: var(--main-color3);
                    }
                }

                .footer__adresse_phone {
                    display: flex;
                    flex-direction: column;
                }

                .footer__adresse_phone .adresse,
                .footer__adresse_phone .telephone,
                .footer__mail {
                    position: relative;
                    padding-left: 35px !important;
                    margin-bottom: 20px;
                    color: rgba(255, 255, 255, 0.33);
                    transition: var(--transition);

                    &:hover {
                        color: var(--main-color3);
                    }

                    &:before {
                        content: '';
                        width: 20px;
                        height: 20px;
                        background-repeat: no-repeat;
                        background-size: contain;
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        opacity: 1 !important;
                    }
                }

                .footer__mail a {
                    color: rgba(255, 255, 255, 0.33);
                    transition: var(--transition);

                    &:hover {
                        color: var(--main-color3);
                    }
                }

                .footer__adresse_phone .adresse:before {
                    background-image: url('../../img/icon_adresse.svg');
                }

                .footer__adresse_phone .telephone:before {
                    background-image: url('../../img/icon_tel.svg');
                }

                .footer__mail {
                    &::before {
                        background-image: url('../../img/icon_mail.svg');
                    }

                    p {
                        margin-bottom: 3px !important;
                    }
                }
            }

            .footer__menu {
                margin: 0 !important;
                padding: 0 !important;

                .menu__footer {
                    margin: 0;
                    padding: 0 !important;
                    display: flex;
                    gap: 40px;
                    justify-content: end;

                    @media (max-width: 991px) {
                        flex-wrap: wrap;
                        justify-content: center;
                        margin: 0 15px;
                    }

                    @media (max-width: 692px) {
                        justify-content: start;
                    }

                    >li {
                        padding: 0px;
                        max-width: 160px;

                        >a {
                            font-family: var(--semibold);
                            text-transform: uppercase;
                        }
                    }

                    li {
                        list-style: none;
                        line-height: 18px !important;

                        &::before {
                            display: none;
                        }

                        .sub-menu {
                            padding: 0px;

                            li {
                                margin: 0 0 12px 0;

                                &:first-child {
                                    margin: 10px 0px 12px 0px;
                                }

                                a {
                                    opacity: 0.5;
                                    font-family: var(--regular);
                                }

                                &.title_menu_footer {
                                    padding: 10px 0px;

                                    a {

                                        font-family: var(--semibold);
                                        text-transform: uppercase;
                                        font-size: 15px;
                                        line-height: 18px;
                                        opacity: 1 !important;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .footer__last {
        margin-top: 50px;

        .container {
            font-family: var(--regular);

            @media (max-width: 578px) {
                display: flex;
                justify-content: center;
            }

            .last_wrapper {
                display: flex;
                justify-content: space-between;
                padding: 15px;
                align-items: center;
                position: relative;
                z-index: 3;

                @media (max-width: 991px) {
                    justify-content: space-around;
                }

                @media (max-width: 578px) {
                    gap: 15px;
                    flex-wrap: wrap;
                }

                &:after {
                    content: '';
                    opacity: 0.33;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    z-index: 1;
                    border-radius: var(--border-radius);
                    
                    @media (min-width: 578px) {
                        background: linear-gradient(90deg, rgba(7, 116, 186, 1) 0%, rgba(224, 23, 124, 1) 50%, rgba(13, 190, 57, 1) 100%);
                        outline: 4px solid rgba(255, 255, 255, 0.33);
                    }
                }

                >ul,
                p,
                a {
                    z-index: 3;
                }


                p,
                a {
                    font-size: 13px;
                    line-height: 23px;
                    padding: 0px !important;
                    margin: 0px !important;
                }

                .socials {
                    margin: 0 !important;
                    padding: 0 0 0 15px;
                    gap: 5px !important;

                    @media (max-width: 991px) {
                        padding: 0px;
                    }

                    .socials__item {
                        margin: 0px;
                        opacity: 0.33;
                        transition: var(--transition);

                        &:hover {
                            opacity: 1;
                        }

                        a {
                            font-size: 0px !important;
                        }
                    }
                }

                .conception_kn {
                    display: flex;
                    align-items: center;
                    gap: 10px;

                    &:after {
                        content: '';
                        background-image: url('../../img/logo_kn.svg');
                        background-repeat: no-repeat;
                        background-size: contain;
                        display: inline-block;
                        width: 25px;
                        height: 25px;
                    }
                }
            }
        }
    }
}


[class*=menu__] .current-menu-ancestor>a,
[class*=menu__] .current-menu-item>a {
    color: var(--main-color1) !important;
}


.footer strong {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.footer p:last-child {
    margin-bottom: 0;
}

.footer__main [class*=col] {
    margin-bottom: 1.5rem;
}

.footer__last ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-weight: 300;
    gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding: 20px 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.footer__last ul li {
    list-style: none;
}

.footer__last ul li::before {
    display: none;
}

.footer__last ul li {
    color: #ffffff;
    position: relative;
}