.socialFooter {
    background-color: var(--social-bgcolor);
}

.socialFooter p {
    color: var(--social-color);
}

/*X Icon*/
.socialFooter {
    .social-icons a:nth-child(1) svg {
        fill: var(--social-color);
    }

    .social-icons a:nth-child(1):hover svg {
        fill: var(--social-color-hover);
    }

    /*facebook Icon*/

    .social-icons a:nth-child(2) svg {
        fill: var(--social-color);
    }

    .social-icons a:nth-child(2):hover svg {
        fill: var(--social-color-hover);
    }

    /*Instagram Icon*/

    .social-icons a:nth-child(3) svg {
        stroke: var(--social-color);
    }

    .social-icons a:nth-child(3):hover svg {
        stroke: var(--social-color-hover);
    }

    /*you tube linkinden*/

    .social-icons a:nth-child(4) svg {
        fill: var(--social-color);
    }

    .social-icons a:nth-child(4):hover svg {
        fill: var(--social-color-hover);
    }

    /*you tube*/

    .social-icons a:nth-child(5) svg {
        stroke: var(--social-color);
    }

    .social-icons a:nth-child(5):hover svg {
        stroke: var(--social-color-hover);
    }
}

//.social-icons svg:hover {
//    fill: var(--social-color-hover);
//    //stroke: var(--social-color-hover);
//}