.main-categories {
    padding: 45px 110px 45px;
    position: relative;
    @media (max-width: 600px) {
        padding: 25px 110px 25px;
    }

    .animation-subcategories {
        display: block !important;
        top: calc(50% - 26px / 2);
        left: 30px;
        background: transparent;

        #scroll-effect {
            display: block !important;
        }

        &.second-animation {
            left: unset;
            right: 30px;
            transform: rotate(180deg);
            @media (max-width: 900px) {
                right: 10px;
                left: unset !important;
            }
        }
    }

    .main-categories-list {
        max-width: 1520px;
        margin: 0 auto;
        display: flex;
        overflow-x: auto;
        flex-wrap: nowrap;

        a {
            width: 100%;
            border-bottom: solid 1px var(--primary);
            display: flex;
            align-items: flex-end;
            padding-bottom: 15px;
            text-decoration: none !important;
            margin-right: 50px;
            @media (max-width: 768px) {
                border-bottom: none;
            }

            img {
                height: 45px !important;
                width: 45px !important;
                object-fit: contain !important;
                margin-right: 32px;
                @media (max-width: 768px) {
                    height: 30px !important;
                    width: 30px !important;
                    margin-right: 16px;
                }
            }

            p {
                font-size: 21px;
                width: max-content;
                color: var(--primary);
                font-weight: 600;
                font-family: 'Montserrat', sans-serif;
                margin: 0;
                @media (max-width: 768px) {
                    font-size: 15px;
                }
            }

            @media (max-width: 768px) {
                padding: 5px 0;
                margin-right: 15px;
            }
        }

        @media (max-width: 1200px) {
            grid-template-columns: repeat(2, 1fr);
        }
        @media (max-width: 768px) {
            grid-row-gap: 0;
            grid-column-gap: 15px;
            padding: 0 20px;
        }
    }
}