:root {
    --brand-blue: #1268D3;
    --brand-cyan: #24B7EA;
    --brand-navy: #0B1220;
    --brand-sky: #EEF6FF;
}

.main-banner a.bg-gradient-to-r {
    --tw-gradient-from: var(--brand-cyan);
    --tw-gradient-to: var(--brand-blue);
}

.main-banner a.bg-gradient-to-r::after {
    --tw-gradient-from: var(--brand-cyan);
    --tw-gradient-to: var(--brand-blue);
}

.blue-ring-gradient::before {
    background: linear-gradient(-90deg, var(--brand-blue) 0%, transparent 75%);
}

svg [fill="#8CC633"],
svg [fill="#F9BC2F"] {
    fill: var(--brand-blue) !important;
}

svg [stroke="#F1F18C"] {
    stroke: var(--brand-blue) !important;
}