/*---------------------------------------------
    custom styles related to RMF Redesign Page
---------------------------------------------- */
.m-card .a-title-section.a-title-section--dark-wealth-800 {
    background-color: #05142D;
}

.t-accent-dark.m-hero.m-hero--readymadefund {
    border-color: #E6F3FE;
}
.basket-wrapper {
    right: auto
}

/*---------------------------------------------
    Ready-made funds comparison chart colors
---------------------------------------------- */

/* Chart key and card number styling */
.l-columns__column:first-of-type .a-heading-icon-numeric__text {
    background-color: #1C4FD2;
    border-radius: 1.25em;
}

.l-columns__column:nth-of-type(2) .a-heading-icon-numeric__text {
    background-color: #FFC900;
    border-radius: 1.25em;
}

/* Black text for yellow background (2nd item) for better contrast */
.l-columns__column:nth-of-type(2) .a-heading-icon-numeric__text {
    color: #000000!important;
}

.l-columns__column:nth-of-type(3) .a-heading-icon-numeric__text {
    background-color: #00596B;
    border-radius: 1.25em;
}

.l-columns__column:nth-of-type(4) .a-heading-icon-numeric__text {
    background-color: #26193E;
    border-radius: 1.25em;
}

.highcharts-data-labels.highcharts-series-0 rect {
    fill: #1C4FD2;
    stroke: #1C4FD2;
}

.highcharts-data-labels.highcharts-series-1 rect {
    fill: #FFC900;
    stroke: #FFC900;
}

.highcharts-data-labels.highcharts-series-1 text {
    color: #000000!important;
    fill: #000000!important;
}

.highcharts-data-labels.highcharts-series-2 rect {
    fill: #00596B;
    stroke: #00596B;
}

.highcharts-data-labels.highcharts-series-3 rect {
    fill: #26193E;
    stroke: #26193E;
}