.nb-grid-banner-30 .nb-main-wrapper,
.nb-grid-banner-30 .nb-main-wrapper .nb-heading-with-subheading {
    text-align: center;
}

.nb-grid-banner-30 .nb-main-wrapper .nb-heading-with-subheading:has(.nb-sub-heading) {
    margin-bottom: 5px;
}

.nb-grid-banner-30 .nb-main-wrapper:has(.nb-heading-with-subheading) {
    margin-bottom: 20px;
}

.nb-grid-banner-30 .nb-main-wrapper .nb-link {
    color: var(--nb-spec-color);
}

.nb-grid-banner-30 .nb-main-wrapper .nb-link:hover {
    color: var(--nb-text-color-primary);
}

.nb-grid-banner-30 .nb-custom-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
}

@media screen and (max-width: 1600px) {
    .nb-grid-banner-30 .nb-custom-grid {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
}

@media screen and (max-width: 1399px) {
    .nb-grid-banner-30 .nb-custom-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}

@media screen and (max-width: 1199px) {
    .nb-grid-banner-30 .nb-custom-grid {
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    }
}

@media (max-width: 991px) {
    .nb-grid-banner-30 .nb-custom-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .nb-grid-banner-30 .nb-custom-grid > *:first-child {
        grid-column: 1 / -1;
    }
}