footer {
    .circle-footer-other-color {
        display: block;
        position: absolute;
        z-index: -1;

        &.circle1 {
            width: 500px;
            height: 500px;
            bottom: 0px;
            left: 0px;
        }

        &.circle2 {
            bottom: 0px;
            width: 500px;
            height: 500px;
            left: 50%;
            transform: translateX(-30%);
            opacity: 0.5;
        }
    }

    .footer-content {
        border: 3px solid;
        border-color: #EFEFEF;

        .logo-footer {
            .logo {
                display: none;
            }
            .logo-other-color {
                display: block;
            }
        }

        .sm-and-menu {
            .sm-icons {
                display: none;
            }
            .sm-icons-other-color {
                display: flex;
            }
            .menu-container {
                .menu {
                    p {
                        color: #000;
                    }

                    ul {
                        color: #766464;
                    }
                }
            }
        }

        .copyright-and-designedby {
            .nr {
                color: #000;
            }

            .copyright {
                a, p {
                    color: #000;
                }
            }

            .designed-by {
                p {
                    color: #000;
                }
                img {
                    filter: brightness(0);
                }
            }
        }
    }
}

@media (max-width: 1024px) {
    footer {
        .footer-content {
            .sm-and-menu {
                .sm-icons-other-color {
                   &:after {
                        content: "";
                        position: absolute;
                        width: 1px;
                        height: 130px;
                        background-color: #005053;
                        right: -10px;
                        top: 50%;
                        transform: translateY(-50%);
                    } 
                }
            }
        }
    }
}