.puff-container {
    gap: 2rem;
}

.puff-icon {
    width: auto;
    height: auto;
    max-width: 40px;
    max-height: 40px;
}

.puff-icon-md {
    width: auto;
    height: auto;
    max-width: 60px;
    max-height: 60px;
}

.puff-icon-lg {
    width: auto;
    height: auto;
    max-width: 80px;
    max-height: 80px;
}

.usn_cmp_puffblock.component-center .container {
    border-radius: 192px 0 192px 0;
}

@media (max-width: 768px) {
    .usn_cmp_puffblock.component-center .puffitem {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .component-center.usn_cmp_puffblock {
        background-color: transparent;
    }
}

@media (min-width: 576px) {
    .usn_cmp_puffblock .content-col.center-col.col {
        padding: 60px 80px !important;
        min-width: 100%;
    }
}

@media (max-width: 575px) {
    .usn_cmp_puffblock:has(.image) .component-inner {
        margin: 0 !important;
    }

        .usn_cmp_puffblock:has(.image) .component-inner .container {
            padding: var(--pc-spacing_md) 24px;
        }

            .usn_cmp_puffblock:has(.image) .component-inner .container .row {
                max-width: 100%;
                margin: 0 auto;
            }
}