// social-area

.social-area-transparent {
    display: flex;
    align-items: center;
    gap: 20px;

    span {
        color: #fff;
    }

    ul {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 12px;
        list-style: none;

        li {
            margin: 0;

            a {
                i {
                    color: var(--color-primary);
                }
                img{
                    width: 22px;
                }
            }
        }
    }
}
.copyright-area{
    .social-area-transparent{
        ul{
            li{
                a{
                    img{
                        width: 28px;
                    }
                }
            }
        }
    }
}