.loyalty-page-title {
    max-width: 60%;
    margin-bottom: 2.5rem;
}

@media screen and (max-width: 500px) {
    .h3 {
        font-size: 1.5rem;
    }
    .h4 {
        font-size: 1.2rem;
    }
    .loyalty-page-title {
        max-width: 100%;
    }
    .loyalty-for .item {
        width: 100%;
        gap: 1.5rem;
    }
    .loyalty-benefits .item.item-part {
        flex-direction: column;
    }
    .loyalty-benefits .item-right {
        max-width: 100%;
    }
    .loyalty-benefits .item {
        width: 100%;
    }
}