/* footer */
    footer {
        padding: 55px 32px 16px 32px;
        position: relative;
    }

    footer::before{
        content: '';
        width: 100%; height: 100%;
        position: absolute;
        top: 0; left: 0;
        background-color: var(--red);
        opacity: .6;
        z-index: 10;
    }

    .bg_img_footer{
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        z-index: 1;
        img{
            width: 100%; height: 100%;
            object-fit: cover;
        }
    }
    
    /* newsletter footer */
        footer .box_container_newsletter{
            max-width: 600px;
            margin: 0 auto;
            margin-bottom: 48px;
        }
    /* newsletter footer */

    /* menu footer */
        .container_footer {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            gap: 16px;
        }

        .container_footer, .copy_right{
            position: relative;
            z-index: 10;
        }

        .content_footer {
            width: 240px;
            height: auto;
        }

        .footer_box_img {
            width: auto;
            height: 70px;
            margin: 0 auto;
            margin-bottom: 16px;
        }

        .footer_box_img img {
            width: 100%; height: 100%;
            object-fit: contain;
        }

        .footer_slogan {
            text-align: justify;
            color: var(--white);
        }

        .footer_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            font-weight: 700;
            color: var(--yellow);
            padding-bottom: 10px;
            border-bottom: 1px solid var(--white);
        }

        .footer_title svg {
            background: var(--yellow);
            padding: 2px;
            border-radius: 50%;
            fill: var(--red);
        }

        footer ul {
            list-style: none;
        }

        footer ul li {
            display: flex;
            align-items: center;
            padding: 8px 0;
        }

        footer ul li svg {
            fill: var(--yellow);
            margin-right: 8px;
        }

        footer ul li a {
            color: var(--white);
        }

        footer ul li a:hover {
            font-weight: 700;
            color: var(--yellow);
        }
    /* menu footer */

    /* social icon */
        .footer_social{
            display: flex;
            gap: 16px;
        }

        .box_social{
            width: 30px; height: 30px;
            background-color: var(--yellow);
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            svg{
                fill: var(--red);
                margin: 0;
            }
        }

        .box_social:hover{
            cursor: pointer;
            transform: translateY(-3px);
        }
    /* social icon */

    /* copy right */
        .copy_right {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            p, span, address a{
                color: var(--white);
                font-size: 12px;
            }
        }

        .copy_right span {
            font-weight: 700;
        }

        .copy_right ul{
            list-style: none;
            display: flex;
            gap: 16px;
            li a{
                font-size: 12px;
            }
        }
    /* copy right */
/* footer */

/* responsive */
    /* footer */
        @media screen and (max-width: 850px) {
            .copy_right{
                flex-direction: column;
                p, address{
                    text-align: center;
                }
            }
        }

        @media screen and (max-width: 610px) {
            .footer_box_img{
                width: 120px;
                height: 120px;
            }
            
            .footer_name{
                font-size: 23px;
            }

            .footer_title{
                font-size: 18px;
            }

            footer ul li{
                font-size: 15px;
            }

            .copy_right{
                font-size: 15px;
            }
        }
        
        @media screen and (max-width: 570px) {
            footer{
                padding-bottom: 16px;
            }
        }

        @media screen and (max-width: 550px) {
            .footer .box_container_newsletter{
                margin-bottom: 0;
            }
        }

        @media screen and (max-width: 559px) {
            .content_footer{
                width: 100%;
            }
        }

        @media screen and (max-width: 410px) {
            .copy_right{
                font-size: 14px;
            }
        }

        @media screen and (max-width: 380px) {
            .copy_right{
                font-size: 13px;
            }
        }
    /* footer */
/* responsive */