.home-categories {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    @media(max-width: 767px){
        grid-template-columns: 1fr;
    }

    .home-categorie {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 20px;
        border-radius: 20px;
        box-shadow: 0 0 2px 2px rgba(250, 250, 250, .1);
        transition: .3s ease-in-out;
        h2, p {
            color: var(--e-global-color-text);
        }
        svg {
            width: 50px;
            height: 50px;
        }
        &:hover {
            transform: scale(1.02);
            box-shadow: 0 0 4px 2px rgba(250, 250, 250, .2);

        }
    }
}