/* Matching icon and border colors for the ITR-4 and ITR-5 eligibility cards. */
html body.itr4-page:not(.home-page) main .itr4-eligibility-section .card-text {
    margin-top: 16px !important;
}

:is(.itr4-eligibility-section, .itr5-eligibility-grid) .info-card:nth-child(6n + 1) {
    --eligibility-accent: #2563eb;
    --eligibility-border: #bfdbfe;
    --eligibility-tint: #eff6ff;
}

:is(.itr4-eligibility-section, .itr5-eligibility-grid) .info-card:nth-child(6n + 2) {
    --eligibility-accent: #7c3aed;
    --eligibility-border: #ddd6fe;
    --eligibility-tint: #f5f3ff;
}

:is(.itr4-eligibility-section, .itr5-eligibility-grid) .info-card:nth-child(6n + 3) {
    --eligibility-accent: #c2410c;
    --eligibility-border: #fed7aa;
    --eligibility-tint: #fff7ed;
}

:is(.itr4-eligibility-section, .itr5-eligibility-grid) .info-card:nth-child(6n + 4) {
    --eligibility-accent: #0e7490;
    --eligibility-border: #a5f3fc;
    --eligibility-tint: #ecfeff;
}

:is(.itr4-eligibility-section, .itr5-eligibility-grid) .info-card:nth-child(6n + 5) {
    --eligibility-accent: #be185d;
    --eligibility-border: #fbcfe8;
    --eligibility-tint: #fdf2f8;
}

:is(.itr4-eligibility-section, .itr5-eligibility-grid) .info-card:nth-child(6n + 6) {
    --eligibility-accent: #4f46e5;
    --eligibility-border: #c7d2fe;
    --eligibility-tint: #eef2ff;
}

html body:is(.itr4-page, .itr5-page) :is(.itr4-eligibility-section, .itr5-eligibility-grid) .info-card {
    border-color: var(--eligibility-border) !important;
}

html body:is(.itr4-page, .itr5-page) :is(.itr4-eligibility-section, .itr5-eligibility-grid) .info-card::before {
    background: var(--eligibility-accent);
}

html body:is(.itr4-page, .itr5-page) :is(.itr4-eligibility-section, .itr5-eligibility-grid) .info-card::after {
    background-image: radial-gradient(circle, var(--eligibility-border) 1.6px, transparent 1.8px);
}

html body:is(.itr4-page, .itr5-page) :is(.itr4-eligibility-section, .itr5-eligibility-grid) :is(.card-top, .card-icon) {
    color: var(--eligibility-accent);
    border-color: var(--eligibility-border);
    background: var(--eligibility-tint);
}

html body:is(.itr4-page, .itr5-page) :is(.itr4-eligibility-section, .itr5-eligibility-grid) :is(.card-top, .card-icon) i {
    color: var(--eligibility-accent);
}