.footer-live {
    background: linear-gradient(145deg, rgba(0,191,223,0.1), rgba(28,28,28,0.95));
    color: #fff;
    font-family: Tahoma, Arial, sans-serif;
    position: relative;
    overflow: hidden;
}

    .footer-live::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px; /* ضخامت خط کناری */
        height: 100%;
        background-color: #00bfdf; /* رنگ تم سایت */
        transition: background-color 0.3s;
    }

/* انیمیشن ورود فوتر */
.footer-live {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 1s forwards 0.5s;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.footer-live .footer-logo {
    display: flex;
    align-items: center;
    transition: transform 0.3s, box-shadow 0.3s;
}

    .footer-live .footer-logo:hover {
        transform: scale(1.05);
    }

.footer-live .footer-logo-img {
    max-width: 100px;
    margin-left: 10px;
    border-radius: 8px;
    transition: box-shadow 0.3s;
}

    .footer-live .footer-logo-img:hover {
        box-shadow: 0 0 25px #00bfdf;
    }

.footer-live .brand-text {
    color: #00bfdf;
    font-size: 1.3rem;
    font-weight: bold;
}

.footer-live .footer-title {
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 16px;
    position: relative;
}

.footer-live a {
    color: #00bfdf;
    position: relative;
    transition: all 0.3s ease;
}

    .footer-live a::after {
        content: '';
        position: absolute;
        width: 0%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #00bfdf;
        transition: width 0.3s;
    }

    .footer-live a:hover::after {
        width: 100%;
    }

    .footer-live a:hover {
        color: #fff;
        transform: translateY(-2px);
    }

.footer-live .footer-links li {
    margin-bottom: 8px;
}

.footer-live .social-icons .social-icon {
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
    color: #00bfdf;
    transition: all 0.3s ease, text-shadow 0.3s;
}

    .footer-live .social-icons .social-icon:hover {
        color: #fff;
        transform: scale(1.3);
        text-shadow: 0 0 12px #00bfdf;
    }

.footer-live .footer-bottom {
    background-color: #111;
    color: #00bfdf;
    font-size: 14px;
    transition: all 0.3s ease;
}

    .footer-live .footer-bottom p {
        margin: 0;
        transition: all 0.3s;
    }

        .footer-live .footer-bottom p:hover {
            color: #fff;
            transform: translateY(-2px);
        }

/* متن درباره و تماس */
.footer-live .footer-about {
    margin-bottom: 8px;
    line-height: 1.6;
    font-size: 14px;
}

.footer-live .footer-contact {
    margin-bottom: 4px;
    font-size: 14px;
}

    .footer-live .footer-contact i {
        margin-left: 6px;
        color: #00bfdf;
    }

/* ریسپانسیو */
@media (max-width: 767px) {
    .footer-live .footer-logo {
        justify-content: center;
    }

    .footer-live .footer-about,
    .footer-live .footer-contact,
    .footer-live .footer-links,
    .footer-live .social-icons {
        text-align: center;
    }
}
/* برای مرورگرهای Webkit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 12px; /* ضخامت اسکرول */
}

::-webkit-scrollbar-track {
    background: #111; /* رنگ پس‌زمینه اسکرول */
}

::-webkit-scrollbar-thumb {
    background-color: #00bfdf; /* رنگ تم سایت برای اسکرول */
    border-radius: 6px;
    border: 3px solid #111; /* فاصله از لبه */
}

/* برای Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #00bfdf #111; /* thumb و track */
}