/* footer */
    footer {
        padding: 55px 32px 16px 32px;
        position: relative;
        background-color: var(--blue);
        background-image: url(../images/pattern_optitech.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    footer::before{
        content: '';
        width: 100%; height: 100%;
        position: absolute;
        top: 0; left: 0;
        backdrop-filter: blur(3px);
        z-index: 1;
    }

    .footer_dechirure {
        width: 100%;
        position: absolute;
        top: -8px;
        left: 0;
        transform: rotate(180deg);
        z-index: 10;
        img{
            width: 100%; height: 100%;
            object-fit: cover;
        }
    }

    .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_logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .footer_box_img {
        width: 150px;
        height: 150px;
        margin: 0 auto;
    }

    .footer_box_img img {
        object-fit: contain;
        padding: 10px;
        background: var(--white);
        border-radius: 50%;
    }

    .footer_slogan {
        padding: 8px;
        font-size: 18px;
        color: var(--white);
        text-align: center;
    }

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

    .footer_title i {
        background: var(--yellow);
        padding: 2px;
        border-radius: 50%;
        color: var(--white);
    }

    footer ul {
        list-style: none;
    }

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

    footer ul li i {
        color: var(--yellow);
        margin-right: 4.8px;
    }

    footer ul li a {
        font-size: 18px;
        color: var(--white);
    }

    footer ul li a:hover {
        font-weight: bolder;
        color: var(--yellow);
    }

    .copy_right {
        margin-top: 19.2px;
        p, span, address{
            color: var(--white);
            text-align: center;
        }
    }

    .copy_right span {
        font-weight: bolder;
    }
/* footer */

/* responsive */
    /* footer */
        @media screen and (max-width: 610px) {
            .footer_name{
                font-size: 23px;
            }

            .footer_title{
                font-size: 18px;
            }
        }

        @media screen and (max-width: 560px) {
            .content_footer{
                width: 100%;
            }
        }
    /* footer */
/* responsive */