footer {
    width: 100%;
    max-width: 2000px;
    gap: 20px;
    display: flex;
    border-top: 2px solid var(--corLogo);
    align-items: center;
    justify-content: space-between;
    padding: 20px 50px;
    box-sizing: border-box;
    min-height: 50vh;
    margin: 0 auto;
}

.footerLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

    .footerLeft img {
        width: 100px;
    }

.footerCopy {
    color: var(--fontColor1);
    font-family: var(--defaultFont);
}

.footerRight {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .footerRight ul {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

        .footerRight ul li {
            list-style: none;
        }

            .footerRight ul li a {
                color: var(--fontColor1);
                font-size: 25px;
                text-decoration: underline transparent;
                text-decoration: none;
                font-family: var(--defaultFont);
            }

                .footerRight ul li a:hover {
                    text-decoration: underline var(--fontColor1);
                }

                .supportInfo{
                    display: flex;
                    align-items: center;
                    gap: 10px;
                }

.supportInfo_left{
    display: flex;
    justify-content: center;
    align-items: center;
}

    .supportInfo_left span{
        color: var(--corLogo);
        font-size: 70px;
    }

    .supportInfo_right{
        display: flex;
        flex-direction: column;
    }

        .supportInfo_right span {
            font-family: var(--defaultFont);
            font-size: 20px;
            color: var(--fontColor1);
        }

        .supportInfo_right a {
            color: var(--corLogo);
            text-decoration: none;
            font-size: 20px;
        }

        .supportInfo_right a:hover {
            text-decoration: underline 2px var(--corLogo);
        }

        /*icons*/

.social-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.social-icons .icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;

    transition: background-color 0.3s ease;
    background-color: var(--corLogo);
}

.icon.facebook {
    mask-image: url('../assets/icons/facebookIcon.svg');
}

.icon.linkedin {
    mask-image: url('../assets/icons/linkedinIcon.svg');
}

.icon.youtube {
    mask-image: url('../assets/icons/youtubeIcon.svg');
}

.icon.instagram {
    mask-image: url('../assets/icons/instagramIcon.svg');
}

.icon:hover {
    background-color: var(--fontColor1); 
}





            @media (max-width: 960px) {
                footer {
        flex-direction: column-reverse;
        padding: 50px 10px;
    }
}