@import './variables-pc.css';
@import './white-navgation.css';

a.recharge-link {
    color: var(--color-primary-500);
}

.content-wrapper {
    /*background-image: url("../images/pricing/bg.webp");*/
    background-image: linear-gradient(90deg, #E0F4FB 0%, #E7F6F9 20%, #FAFAEE 40%, #F9F1F1 80%, #F9EEF2 100%);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
}

.price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: var(--spacing-24);
    gap: var(--spacing-20);
}

.price-wrapper .section-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: var(--spacing-8);
}

.price-wrapper .section-header h1 {
    font-size: var(--font-size-6xl);
    color: var(--color-text-primary);
    text-align: center;
    line-height: var(--line-height-relaxed);
    font-weight: var(--font-weight-bold);
    margin: 0;
}

.subtitle-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: var(--spacing-16);
}

.subtitle-wrapper h3 {
    font-size: var(--font-size-xl);
    color: #f78c3b;
    text-align: justify;
    font-weight: var(--font-weight-bold);
    margin: 0;
}

.use-promotion {
    background: #f67205;
    border-radius: 0.625rem;
    padding: var(--spacing-5) var(--spacing-24);
    font-size: var(--font-size-xl);
    color: var(--color-text-inverse);
    text-align: center;
    font-weight: var(--font-weight-bold);
}