footer {
    background-color: #282828;
    aspect-ratio: 4.05 / 1;
   /* margin-top: 39.5vw;*/ /*DEBUG*/
    /*opacity: 0.5;*/ /*DEBUG*/
    /*border: 1px solid red;*/ /*DEBUG*/
}

#footer-content-container {
    color: white;
    font-size: 0;
    position: relative;
}

#footer-7-days-container {
    position: relative;
    padding-bottom: 2px; /* فضای کافی برای نمایش خط */
}

    #footer-7-days-container::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%; /* شروع از وسط */
        transform: translateX(-50%); /* تراز کردن وسط */
        width: 70%;
        height: 0.06vw;
        background-image: linear-gradient(to right, transparent, gray, transparent);
    }

#footer-7-days {
    color: white;
    font-size: 1.4vw;
    font-weight: 400;
    margin-right: 31.7vw;
    display: inline-block;
    padding-right: 2.4vw;
    padding-left: 1.3vw;
    padding-top: 0.5vw;
    position: relative;
}

    #footer-7-days:after, #footer-7-days:before {
        content: "";
        position: absolute;
        top: 1vw;
        height: 1.1vw;
        width: 0.1vw;
        background-color: #00b262;
    }

    #footer-7-days:after {
        right: 0;
    }

    #footer-7-days:before {
        left: 0;
    }

#footer-phone {
    background-image: url(../../images/BoxMaker/Desktop/footer/phone.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 80%;
    font-size: 1.25vw;
    margin-top: 1vw;
    margin-right: 3.5vw;
    font-weight: 400;
    padding-right: 2.5vw;
}

#footer-location {
    background-image: url(../../images/BoxMaker/Desktop/footer/location.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    font-size: 1.25vw;
    margin-right: 3.5vw;
    font-weight: 400;
    padding-right: 2.5vw;
    margin-top: 0.7vw;
}

#footer-email {
    background-image: url(../../images/BoxMaker/Desktop/footer/email.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 70%;
    font-size: 1.25vw;
    margin-right: 3.5vw;
    font-weight: 400;
    padding-right: 2.5vw;
    margin-top: 0.7vw;
}

#footer-under-email {
    margin-right: 3.5vw;
    position: relative;
    padding-bottom: 2px;
    margin-top: 0.5vw;
}

    #footer-under-email::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        /* transform: translateX(-50%); */
        width: 70%;
        height: 0.06vw;
        background-image: linear-gradient(to left, gray, transparent);
    }

#footer-menu {
    font-size: 0;
    margin-right: 3.8vw;
    margin-top: 0.6vw;
}

    #footer-menu > div {
        font-size: 1vw;
        display: inline-block;
        margin-left: 0.7vw;
        position: relative;
        padding-left: 0.8vw;
    }

        #footer-menu > div:not(:last-child):after {
            content: "";
            position: absolute;
            top: 0.3vw;
            height: 1.1vw;
            width: 0.05vw;
            background-color: #00b262;
            left: 0;
        }

    #footer-menu a {
        color: white;
        text-decoration: none;
    }

#footer-under-menu {
    margin-right: 3.5vw;
    position: relative;
    padding-bottom: 2px;
    margin-top: 0.5vw;
}

    #footer-under-menu::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        /* transform: translateX(-50%); */
        width: 70%;
        height: 0.06vw;
        background-image: linear-gradient(to left, gray, transparent);
    }

#footer-forever-friend-1 {
    font-size: 1vw;
    margin-right: 3.8vw;
    margin-top: 0.8vw;
    font-weight: 500;
}

#footer-forever-friend-2 {
    font-size: 1vw;
    margin-right: 3.8vw;
    margin-top: 0.5vw;
}

#footer-under-forever-friend {
    position: relative;
    padding-bottom: 2px;
    margin-top: 1vw;
}

    #footer-under-forever-friend::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%; /* شروع از وسط */
        transform: translateX(-50%); /* تراز کردن وسط */
        width: 70%;
        height: 0.06vw;
        background-image: linear-gradient(to right, transparent, gray, transparent);
    }

#footer-copywrite {
    position: relative;
    font-size: 0.8vw;
    margin-right: 37vw;
    padding-right: 1vw;
    padding-left: 1vw;
    margin-top: 0.4vw;
    display: inline-block;
}

    #footer-copywrite:after, #footer-copywrite:before {
        content: "";
        position: absolute;
        top: 0.4vw;
        height: 0.8vw;
        width: 0.1vw;
        background-color: #00b262;
    }

    #footer-copywrite:after {
        right: 0;
    }

    #footer-copywrite:before {
        left: 0;
    }

#footer-left-content {
    position: absolute;
    left: 4.8vw;
    top: 6.5vw;
    width: 18vw;
}

#footer-follow-me {
    font-size: 0.85vw;
    font-weight: 500;
    text-align: left;
}

#footer-social-media {
    font-size: 0;
    margin-top: 0.7vw;
    direction: ltr;
    /*margin-left: 0.9vw;*/
}

    #footer-social-media > div {
        display: inline-block;
        margin-right: 1.6vw;
        width: 2vw;
    }

    #footer-social-media img {
        width: 100%;
    }

#footer-left-content-images {
    font-size: 0;
    margin-top: 1.9vw;
    direction: ltr;
}

    #footer-left-content-images > div {
        display: inline-block;
        width: 5.4vw;
        height: 2vw;
        margin-right: 0.5vw;
    }

    #footer-left-content-images img {
        width: 100%;
    }