.icon-earnReward-points:before { content: "\ea87"; }
.icon-redemption-history:before { content: "\ea88"; }
.icon-detailsIcon:before { content: "\ea89"; }
.icon-questionIcon:before { content: "\ea8a"; }
.list-gen-tab-nav .nav-tabs li a.credit-score-tab-link { display: flex; align-items: center; justify-content: center; }
.list-gen-tab-nav .nav-tabs li a.credit-score-tab-link .ico { top: 0; margin: -3px 18px -2px 0; }
.list-gen-tab-nav .nav-tabs li a svg { display: inline-flex; }
.credit-score .credit-header { margin: 0 0 19px; }
.credit-score .heading-2 { font-size: 1.428571428571429em; line-height: 1.221; font-weight: 500; color: #000; margin: 0 0 5px; }
.credit-score .credit-header p { font-size: 0.9285714285714286em; line-height: 1.384615384615385; letter-spacing: 0.01375rem; color: #444; font-weight: 300; }
.credit-score .credit-row { margin-bottom: -20px; }
.credit-score .credit-row > [class*="col-"] { margin: 0 0 20px; }
.credit-score .chart-holder { position: relative; }
.credit-score .chart-holder > img { max-width: 100%; display: block; height: auto; margin: 0 auto; }
.credit-score .score-info { border-radius: 0.2857142857142857em; background: #F9FAFB; padding: 1.142857142857143em 1.357142857142857em; display: flex; align-items: center; flex-wrap: wrap; }
.credit-score .score-box { width: 50%; padding: 0 19px; }
.credit-score .score-box + .score-box { border-left: solid #757575 1px; }
.credit-score .score-box:first-child { padding-left: 0; }
.credit-score .title { display: block; font-size: 0.7857142857142857em; line-height: 1.636363636363636; letter-spacing: 0.02em; color: #666; font-weight: 400; text-transform: capitalize; }
.credit-score .value { display: block; font-size: 0.7857142857142857em; line-height: 1.636363636363636; letter-spacing: 0.02em; color: #444; font-weight: 500; }
.credit-score .add-info { padding: 0; list-style: none; margin: 25px 0 -5px; display: flex; align-items: center; flex-wrap: wrap; }
.credit-score .add-info li { padding: 0 5px 5px 0; width: 50%; }
.credit-score .add-info a { display: inline-flex; align-items: center; gap: 5px; position: relative; padding: 0 20px 0 0; }
.credit-score .add-info a:not(:hover, :focus, :active) { color: #3D3B4E; }
.credit-score .add-info .ico { flex-shrink: 0; }
.credit-score .add-info .ico img { display: block; }
.credit-score .add-info .text { flex-grow: 1; font-size: 0.8571428571428571em; line-height: 1.333333333333333; letter-spacing: 0.0183333333333333em; }
.credit-score .add-info .ico-arrow { position: absolute; top: 5px; right: 0; font-size: 70%; transition: all 0.25s ease; opacity: 0; visibility: hidden; }
.credit-score .add-info a:focus-within,
.credit-score .add-info a:where(:hover, :focus, :active) .ico-arrow { opacity: 1; visibility: visible; }

/* chart no data style */
.no-credit-chart { padding: 92px 0; }
.no-credit-chart .no-content { margin: 0 auto; width: 24.85714285714286em; height: 24.85714285714286em; border-radius: 100%; padding: 20px; display: flex; justify-content: center; flex-direction: column; background: rgba(225, 237, 249, 0.31); text-align: center; }
.no-credit-chart .chart-img { margin: 0 0 24px; }
.no-credit-chart .chart-img img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.no-credit-chart .no-content-heading { font-size: 1.071428571428571em; line-height: 1.466666666666667; letter-spacing: 0.0073333333333333em; color: #222; margin: 0 0 4px; }
.no-credit-chart .no-content-desc { font-size: 0.9285714285714286em; line-height: 1.461538461538462; letter-spacing: 0.0069230769230769em; color: #666; margin: 0; }
#creditScore .highcharts-highcharts-legend { transform: translate(13%, -15%); }
#creditScore .highcharts-highcharts-legend g path { transform: translate(0, 3px); }
.credit-score .gauge-chart .highcharts-tracker path, .credit-score .gauge-chart .highcharts-tracker circle { fill: none; stroke: none; }
.credit-score .highcharts-figure * { font-family: Heebo, Arial, "Helvetica Neue", sans-serif !important; }
.credit-score .gauge-chart .highcharts-gauge-series { top: 33% !important; left: 50% !important; transform: translate(-50%, 0); text-align: center !important; }
.credit-score .gauge-chart .highcharts-gauge-series > *, .credit-score .gauge-chart .highcharts-label.highcharts-data-label > * { position: static !important; }
.credit-score .gauge-chart .highcharts-label.highcharts-data-label br { display: none; }
.credit-score .score-info { position: relative; }
.credit-score .gauge-chart .colored-circles { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: center; margin: -140px 0 34px; padding: 0; list-style: none; flex-wrap: wrap; position: relative; z-index: 2; }
.credit-score .gauge-chart .colored-circles li { display: flex; gap: 8px; align-items: center; }
.credit-score .gauge-chart .circle { width: 6px; height: 6px; border-radius: 100%; flex-shrink: 0; }
.credit-score .gauge-chart .circle-label { color: #757575; font-size: 14px; flex-shrink: 1; }
.credit-score .gauge-chart .red-circle { background-color: #FF0000; }
.credit-score .gauge-chart .orange-circle { background-color: #FFA500; }
.credit-score .gauge-chart .yellow-circle { background-color: #DDDF0D; }
.credit-score .gauge-chart .green-circle { background-color: #008000; }
.credit-score .gauge-chart .score { font-weight: 700; font-size: 48px; line-height: 1.25; display: block; }
.credit-score .gauge-chart .score-label { font-size: 14px; line-height: normal; display: block; margin: -6px 0 0; }
.credit-score .gauge-chart .score-label-text { font-size: 14px; font-weight: bold; display: inline-block; margin-bottom: 10px; /* Space between score label and colored circles */ }
.credit-score .gauge-chart .very-bad { color: #FF0000; }
.credit-score .gauge-chart .bad { color: #FFA500; }
.credit-score .gauge-chart .good { color: #DDDF0D; }
.credit-score .gauge-chart .excellent { color: #008000; }
.creditScore-dialog[hidden][style*="display:block"] { display: block !important; }
.creditScoreDialog-parent .ui-dialog-titlebar-close:not(.dropdown-toggle) { position: absolute; top: 25px; right: 25px; border-radius: 2px; }
.creditScoreDialog-parent .ui-dialog-titlebar-close:not(:hover, :focus, :active) { color: #757575; }
.creditScoreDialog-parent .ui-dialog-titlebar-close:where(:hover, :focus, :active) { text-decoration: none; }
.creditScoreDialog-parent .modalAction { display: flex; align-items: center; justify-content: center; }
.creditScoreDialog-parent .table { width: auto; }
.creditScoreDialog-parent .table th { vertical-align: top; font-weight: 500; }
.creditScoreDialog-parent .table th:first-child { min-width: 120px; }
.creditScoreDialog-parent .table th:last-child { min-width: 180px; }
.dialog_tnc_gen.ui-dialog .dialog-inner-content .dialog-inner-content { padding: 0; }
@media screen and (min-width:992px) and (max-width:1199px) {
	.credit-score .credit-row .left-col, .credit-score .credit-row .right-col { flex: 0 0 100%; max-width: 100%; }
}
@media screen and (max-width:1199px) {
	.credit-score .sub-holder { display: flex; gap: 30px; align-items: center; }
	.credit-score .sub-holder > * { flex: 1; max-width: 50%; }
	.no-credit-chart { padding: 70px 0; }
}
@media screen and (max-width:991px) {
	.list-gen-tab-nav .nav-tabs li a.credit-score-tab-link { justify-content: flex-start; }
	.credit-score .gauge-chart  .score { font-size: 40px; }
	.credit-score .gauge-chart  .score-label { font-size: 13px; margin: -6px 0 0; }
	.no-credit-chart { padding: 52px 0; }
}
@media screen and (max-width:820px) {
	.credit-score .gauge-chart .highcharts-gauge-series { top: 36% !important; }
}
@media screen and (max-width:767px) {
	.credit-score .gauge-chart  .score { font-size: 32px; }
	.credit-score .gauge-chart  .colored-circles { gap: 8px; }
	.credit-score .gauge-chart  .colored-circles li { gap: 4px; }
}
@media screen and (max-width:690px) {
	.credit-score .sub-holder { gap: 0; align-items: flex-start; flex-direction: column; }
	.credit-score .sub-holder > * { flex: none; max-width: 100%; width: 100%; }
	.credit-score .score-box:first-child { padding-left: inherit; }
	.credit-score .score-box { text-align: center; }
	.credit-score .add-info { justify-content: center; }
	.credit-score .add-info li { padding: 0 5px 5px; width: auto; }
	.credit-score .gauge-chart .highcharts-gauge-series { top: 41% !important; }
}
@media screen and (max-width:540px) {
	.no-credit-chart { padding: 36px 0; }
	.no-credit-chart .no-content { width: 18.42857142857143em; height: 18.42857142857143em; }
	.no-credit-chart .chart-img img { max-width: 160px; }
	.no-credit-chart .no-content-desc { max-width: 160px; margin: 0 auto; }
}