.home-service-category {
    background-color: var(--color-secondary-1);

    >.container {
        padding-top: 60px;
        padding-bottom: 60px;

    }
}
.home-service-category-item {
    padding: 24px 60px;
    border-radius: 40px;
    background-color: white;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    gap: 24px;

    >a {
        flex: 1 0 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;

        >img {
            width: 60px;
            transition: filter 0.3s;
        }

        >h4 {
            text-align: center;
            transition: color 0.3s;
        }

        &:hover{
            >h4{
                color: var(--color-primary-2);
            }
            >img {
                filter: brightness(1.5);
            }
        }
    }
}

@media screen and (width < 1024px) {
    .home-service-category-item {
        padding: 24px;
    }
}
@media screen and (width < 768px) {
    .home-service-category-item {
        flex-wrap: wrap;
        >a{
            flex: 1 0 calc((100% - 48px) / 3);
        }
    }
}
@media screen and (width < 576px) {
    .home-service-category > .container {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .home-service-category-item {
        padding: 12px;
        border-radius: 20px;
        >a{
            gap: 8px;
            >img{
                width: 40px;
            }
        }
    }
}