@import "../component-link-card/style.css";

.tax-product-sub-list {
    padding-bottom: 80px;
    >div{
        margin-bottom: 160px;
        >.title {
            display: flex;
            align-items: center;
            gap: 30px;
            margin-bottom: 60px;
    
            >h2 {
                color: var(--color-primary-1);
            }
            >img{
                width: 48px;
            }
        }
    
        >.cards {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 24px;
        }
    }
    >div:last-child{
        margin-bottom: 0;
    }
}

@media screen and (width < 1024px) {
    .tax-product-sub-list > div {
        margin-top: 100px;
    }
}
@media screen and (width < 768px) {
    .tax-product-sub-list{
        padding-bottom: 60px;
        > div {
            margin-bottom: 60px;
            >.title {
                margin-bottom: 40px;
                >img{
                    width: 36px;
                }
            }
        }
    }
}