@media screen and (max-width: 575px) {
    .str-li-card {
        width: 94%;
        padding: 28px 18px 26px;
        border-radius: 16px;
    }

    .str-li-brand-title {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .str-li-card {
        max-width: 420px;
        padding: 34px 28px 28px;
    }
}

@media screen and (min-width: 768px) {
    .str-li-card {
        max-width: 420px;
    }

    /* 4-col row with dividers on tablet+ */
    .str-li-trust-inner {
        grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
        gap: 0;
    }

    .str-li-trust-divider {
        display: block;
        width: 1px;
        height: 36px;
        background: #2a2a36;
        margin: 0 24px;
    }
}

@media screen and (min-width: 991px) {
    .str-li-page {
        padding-top: 48px;
    }
}

@media screen and (min-width: 1199px) {}

@media screen and (min-width: 1400px) {}

@media screen and (min-width: 1600px) {}@media screen and (max-width: 575px) {
    .str-su-card {
        width: 94%;
        padding: 28px 18px 26px;
        border-radius: 16px;
    }

    .str-su-brand-title {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .str-su-card {
        max-width: 420px;
        padding: 34px 28px 28px;
    }
}

@media screen and (min-width: 768px) {
    .str-su-card {
        max-width: 420px;
    }

    .str-li-trust-inner {
        grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
        gap: 0;
    }

    .str-li-trust-divider {
        display: block;
        width: 1px;
        height: 36px;
        background: #2a2a36;
        margin: 0 24px;
    }
}

@media screen and (min-width: 991px) {
    .str-su-page {
        padding-top: 48px;
    }
}

@media screen and (min-width: 1199px) {}

@media screen and (min-width: 1400px) {}

@media screen and (min-width: 1600px) {}