.number-blocks {
    background-color: #000
}

.number-blocks .heading-wrapper {
    padding-bottom: 0
}

.number-blocks .cards {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px 16px;
    border-radius: 16px;
    margin-top: 40px;
    background: #ffffff1a
}

@media(min-width:1024px) {
    .number-blocks .cards {
        flex-direction: initial;
        justify-content: center;
        padding: 32px;
        gap: 30px
    }
}

.number-blocks .cards .card-wrapper {
    flex-grow: 1;
    padding: 1px;
    background: linear-gradient(272.11deg, #fff6, #fffc);
    border-radius: 8px
}

.number-blocks .cards .card-wrapper:nth-of-type(3n+1) .card {
    background: linear-gradient(90deg, #a548fbbf, #feaf18bf)
}

.number-blocks .cards .card-wrapper:nth-of-type(3n+2) .card {
    background: linear-gradient(90deg, #24a8f9bf, #2ac080bf)
}

.number-blocks .cards .card-wrapper:nth-of-type(3n+3) .card {
    background: linear-gradient(90deg, #e9494dbf, #1d87f7bf)
}

.number-blocks .cards .card-wrapper .card {
    border-radius: 7px;
    padding: 32px 16px;
    display: flex;
    gap: 14px;
    color: #fff
}

@media(min-width:1024px) {
    .number-blocks .cards .card-wrapper .card {
        padding: 40px 24px
    }
}

.number-blocks .cards .card-wrapper .card .card-icon {
    width: 32px;
    height: 32px
}

@media(min-width:1024px) {
    .number-blocks .cards .card-wrapper .card .card-icon {
        width: 40px;
        height: 40px
    }
}

.number-blocks .cards .card-wrapper .card .card-icon img {
    width: 100%;
    height: 100%
}

.number-blocks .cards .card-wrapper .card .card-text {
    display: flex;
    gap: 8px;
    flex-direction: column
}

/*# sourceMappingURL=/cdn/shop/t/4/assets/number-blocks.css.map?v=167698520262354262611747376169 */