footer .footer-container {
    padding: 0 20px;
}

footer .footer-content {
    padding: 20px 0;
}

footer .main-container p {
    text-wrap: balance;
    margin-top: 10px;
}

footer .menus-container {
    display: flex;
    gap: 80px;
    margin: 30px 0;
}

footer .menus-container .listTitle {
    color: var(--opposite-color);
    margin-bottom: 15px;
}

footer .menus-container nav {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

footer .menus-container a {
    font-weight: 400;
}

footer .menus-container a:hover {
    color: var(--blue);
}

footer .bottom-container p {
    font-size: 12px;
}


    /* Pad Version */
    @media screen and (min-width: 768px) {
        footer .footer-container {
            padding: 0 40px;
        }

        footer .footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        footer .main-container {
            width: 50%;
        }

        footer .menus-container {
            width: 50%;
            margin: 0 0 40px 0;
            gap: 100px;
            justify-content: right;
        }

        footer .menus-container .listTitle {
            margin-bottom: 20px;
        }

        footer .menus-container nav {
            gap: 20px;
        }

        footer .bottom-container {
            width: 100%;
        }

        footer .bottom-container p {
            font-size: 13px;
        }
    }


        /* Desktop Version */
        @media screen and (min-width: 992px) {
            footer .footer-container {
                padding: 0 60px;
            }

            footer .main-container {
                width: 40%;
            }

            footer .menus-container {
                justify-content: right;
                margin: 0 0 50px 0;
                gap: 120px;
            }

            footer .bottom-container p {
                font-size: 14px;
            }
        }