@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");

.text-banner-spz {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #002536;
}

.text-banner-spz .tb-wrapper {
    padding: 96px;
}

.text-banner-spz .tb-title {
    color: #fff;
    text-align: center;
    font-family: 'Inter';
    font-size: 42px;
    font-style: normal;
    font-weight: 900;
    line-height: 48px;
    letter-spacing: -0.84px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.text-banner-spz .tb-content {
    color: #fff;
    text-align: center;
    font-family: 'Inter';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    max-width: 996px;
    margin: 0 auto;
}

@media (max-width: 1280px) {
    .text-banner-spz .tb-wrapper {
        padding: 80px 32px;
    }
}

@media (max-width: 767px) {
    .text-banner-spz .tb-wrapper {
        padding: 64px 16px;
    }

    .text-banner-spz .tb-title {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.64px;
        margin-bottom: 12px;
    }

    .text-banner-spz .tb-content {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px;
    }