/* Footer Section Style */

#footer {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
    background-color: var(--dark-bg-color);
    padding: 32px 0;

}

.footer__bg--circle {
    position: absolute;
    top: 40%;
    right: 50%;
    transform: translateX(50%);
}

.social--link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.social--link__navigation--items {
    list-style-type: none;
    margin-left: 32px;
}

.social--link__navigation--items__item {
    padding: 32px 0;
}

.social--link__navigation--items__item a {
    text-decoration: none;
    color: var(--dark-white-color);
    font-weight: bold;
    transition: all ease-out 0.4s;
}

.social--link__navigation--items__item a:hover {
    color: var(--light-san-juan-blue);
}

.social--link__links--items {
    list-style-type: none;
    display: flex;
    width: 40vw;
    margin-top: 10px;
    justify-content: space-between;
}

.social-link-icon:hover {
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    /* Footer Section Style */

    #footer {
        flex-direction: row;
        height: 20vh;
        padding: 32px;
    }

    .footer__bg--circle {
        top: -50%;
        right: -30%;
        transform: translateX(0);
    }

    .social--link {
        flex-direction: row;
        justify-content: space-between;
        flex: 1;

    }

    .social--link__navigation--items {
        display: flex;
    }

    .social--link__navigation--items__item {
        padding: 32px 16px;
    }

    .social--link__links--items {
        width: 20vw;
    }
}