footer{
    width: 100%;

    background-color: var(--color-bg-alt);
    position: relative;
    display: flex;
    justify-content: center;

    .footer-content{
        width: clamp(1080px, 90%, 1200px);
        padding-inline: 20px;
        padding-block: var(--space-xl);
        display: flex;
        flex-direction: column;
        .footer-content-section{
            margin-top: 10px;
            display: flex;
            flex-direction: column;
            gap: var(--space-md);

            .footer-content-col{
                display: flex;
                flex-direction: column;
                gap: var(--space-sm);

                img{
                    max-width: 220px;
                }
            }

            span{
                font-size: var(--font-size-xs);
                font-weight: 600;
            }

            li{
                font-size: var(--font-size-xs);
                margin-bottom: var(--space-sm);
            }

            li a:hover{
                text-decoration: underline;
            }
        }   

        p{
            font-size: var(--font-size-xs);
        }
    }


    @media (min-width: 901px) {
        .footer-content .footer-content-section{
            display: grid;
            grid-template-columns: repeat(6, 1fr);
        }
    }
}