/* catalog/static/catalog/css/non_trading_financial.css
 * The non-trading order page, in the main-site order-form style (first_ar_service.html): the
 * yellow price pill, the Payment Summary card and the yellow help section. Buttons use the
 * shared ui-btn classes.
 */

.nts-font {
    font-family: 'Montserrat', sans-serif;
}

.nts-price-pill {
    background: #FFB300;
    border-radius: 50px;
    color: #1f2937;
    font-size: 0.95rem;
    font-weight: 600;
}

.nts-tick {
    color: #FFB300;
}

.nts-hero-list {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.85);
}

.nts-summary {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

.nts-summary-header {
    background: #FFB300;
    color: #311b92;
}

.nts-cta {
    background: #FFB300;
}

.nts-cta-title {
    color: #311b92;
}

.nts-cta-text {
    color: #311b92;
    opacity: 0.7;
}