.custom-tab-switcher-v2 {
	max-width: 1500px !important;
	padding: 0 20px !important;
}

.custom-tab-switcher-v2-container {
	padding: 0 !important;
}

.haf-region-filter {
	margin: 0;
	padding: 50px 50px 80px 50px;
}

.haf-region-filter .region-filter {
	display: grid;
	align-items: center;
	border-radius: 10px;
	padding: 20px 30px;
	margin: 0;
	border: 1px solid #B4BCC2;
	background: #F0F2F3;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.haf-region-filter .region-filter .row {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	max-width: 1500px;
}

.haf-region-filter .region-filter .row:before,
.haf-region-filter .region-filter .row:after {
	content: unset;
}

.haf-region-filter .region-filter .row .ui-selectmenu-button.ui-button {
	width: unset;
	background: none;
	border: none;
	color: #00093A;
	font-family: "Roboto", sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	padding: 10px 0;
	margin: 0;
	display: flex;
	flex-direction: row-reverse;
	gap: 10px;
	box-shadow: none;
	min-width: unset;
}

.haf-region-filter .region-filter .row .ui-selectmenu-button.ui-button .ui-icon {
	background: url(https://www.cmhc-schl.gc.ca/content/project/cmhc/img/keyboard_down_arrow.svg) no-repeat center !important;
	align-self: center;
	padding: 0;
	margin: 0;
	right: 0;
	top: unset;
	position: relative;
}


.haf-region-filter .region-filter .row .ui-selectmenu-button.ui-button .ui-selectmenu-text {
	margin: 0;
	white-space: normal;
	padding: 0;
	line-height: 36px;
}

.haf-region-filter .region-filter .row a {
	display: flex;
	gap: 10px;
	align-self: flex-start;
	color: #00093A;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px;
	text-decoration-line: underline;
	text-decoration-style: solid;
}

.haf-region-filter .region-filter .funding-box {
	margin: 20px 0 0 0;
	display: grid;
	gap: 10px;
}

.haf-region-filter .region-filter .funding-box span {
	color: #00093A;
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.haf-region-filter .region-filter .funding-box strong {
	color: #00093A;
	font-family: "Roboto", sans-serif;
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 48px;
}

.haf-region-filter .region-filter .funding-box .stats {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	padding: 0;
	margin: 20px 0 0 0;
}

.haf-region-filter .region-filter .funding-box .stats .stat-item {
	background: #fff;
	border-radius: 6px;
	font-size: 18px;
	padding: 5px 20px;
	margin: 0;
	display: flex;
	flex: 1;
	justify-content: space-between;
	align-items: center;
	color: #00093A;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px;
}

.haf-region-filter .region-filter .funding-box .stats .stat-item strong {
	color: #00093A;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 27px;
}

.haf-region-filter .progress-filter {
	margin: 20px 0 10px 0;
	padding: 20px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #B4BCC2;
	background: #FFF;
}

.haf-region-filter .progress-filter .title {
	display: flex;
	padding: 10px 0 20px 0;
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;

}

.haf-region-filter .progress-filter .assessment {
	display: flex;
	align-items: stretch;
	gap: 30px;
	padding-top: 30px;
	margin-bottom: 20px;
}

.haf-region-filter .progress-filter .title span {
	color: #00093A;
	font-family: Roboto;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 21px;
}

.haf-region-filter .progress-filter .assessment .indicators {
	display: flex;
	flex-direction: column;
	flex: 1 0 0;
	align-self: baseline;
	gap: 10px;
}

.haf-region-filter .progress-filter .assessment .divider {
	display: flex;
	width: 1px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	background: #B4BCC2;
}

.haf-region-filter .progress-filter .assessment .indicators .indicator-title {
	display: flex;
	align-items: center;
	align-self: flex-start;
	gap: 10px;
}

.haf-region-filter .progress-filter .assessment .indicators .indicator-label {
	color: #00093A;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 21px;
}

.haf-region-filter .progress-filter .assessment .indicators .indicator-description {
	color: #00093A;
	font-family: Roboto;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	max-width: fit-content;
}

.haf-region-filter .progress-filter .assessment .indicators img {

	width: min-content;
}

.haf-region-filter .stream-select-container {
	display: flex;
	padding: 20px 30px;
	margin-bottom: 10px;
	align-items: center;
	gap: 30px;
	align-self: stretch;
	border-radius: 10px;
	border: 1px solid #00093A;
	background: #00093A;
}

/*
.haf-region-filter .stream-select-container .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s {
	background-image: url("https://www.cmhc-schl.gc.ca/content/project/cmhc/img/keyboard_arrow_down_haf.svg") !important;
	background-position: center;
    background-size: auto;
}*/

.haf-region-filter .stream-select-container .ui-selectmenu-button span.ui-selectmenu-text {
	flex: 1 0 0;
	color: var(--Greys-White, #FFF);
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 27px;
}

.haf-region-filter .progress-filter #streamSelect-button {
	display: flex;
	width: 313px;
	height: 44px;
	padding: 5px 10px 5px 20px;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	border: 1px solid #FFF;
	background: #00093A;
}

.ui-selectmenu-button.ui-button.ui-widget {
	display: flex;
	width: 313px;
	height: 44px;
	padding: 5px 10px 5px 20px;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	border: 1px solid #FFF;
	background: #00093A;
}


/* Reset theme icon only in the selectmenu button context */
.ui-selectmenu-button>.ui-icon {
	background-image: none !important;
}

/* Closed */
.ui-selectmenu-button[aria-expanded="false"]>.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s {
	background-image: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/keyboard_arrow_down_haf.svg') !important;
	background-position: center;
	background-size: auto;
}

/* Open */
.ui-selectmenu-button[aria-expanded="true"]>.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s {
	background-image: url('https://www.cmhc-schl.gc.ca/content/project/cmhc/img/keyboard_arrow_up_haf.svg') !important;
	background-position: center;
	background-size: auto;
}


.haf-region-filter .progress-filter #streamSelect-button .ui-selectmenu-text {
	color: #00093A;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 27px;
	white-space: normal;
	margin: 0;
	padding: 0;
}

.haf-region-filter .region-filter .row .ui-selectmenu-button.ui-button {
	width: unset;
	background: none;
	border: none;
	color: #00093A;
	font-family: "Roboto", sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	padding: 10px 0;
	margin: 0;
	display: flex;
	flex-direction: row-reverse;
	gap: 10px;
	box-shadow: none;
	min-width: unset;
}

.haf-region-filter .progress-filter #streamSelect-button .ui-selectmenu-icon {
	background-image: url("https://www.cmhc-schl.gc.ca/content/project/cmhc/img/keyboard_arrow_down.svg") !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: unset;
	right: 0;
	margin: 0;
	padding: 0;
	position: relative;
	top: unset;
}

/* HAF Results Table Sorting and Mobile Labels starts here*/
.haf-region-filter .results-table>div {
	overflow-x: unset !important;
}

.haf-region-filter .results-table table#fundingTable {
	border-collapse: separate;
	border-spacing: 0 10px;
	margin: 10px auto auto auto;
	border-bottom: none !important;
}

.haf-region-filter .results-table table#fundingTable thead {
	position: sticky;
	top: 0;
}

.haf-region-filter .results-table table#fundingTable thead tr th {
	border: none;
	border-bottom: 2px solid #00093A;
	color: #00093A !important;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 21px !important;
	cursor: pointer;
	padding-right: 30px;
	background-image: url("https://www.cmhc-schl.gc.ca/content/project/cmhc/img/sorting-default.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #FFF;
	width: 24px;
	height: 24px;
	align-content: center;
}

.haf-region-filter .results-table table#fundingTable thead tr th.asc {
	box-shadow: inset 0 -7px 0 #00093A;
	background-image: url("https://www.cmhc-schl.gc.ca/content/project/cmhc/img/sorting-asc.svg");
}

.haf-region-filter .results-table table#fundingTable thead tr th.desc {
	box-shadow: inset 0 -7px 0 #00093A;
	background-image: url("https://www.cmhc-schl.gc.ca/content/project/cmhc/img/sorting-desc.svg");
}

.haf-region-filter .results-table table#fundingTable thead tr th.reset {
	background: none;
	box-shadow: inset 0 -7px 0 #FFF;
	background-color: #FFF;
}

.haf-region-filter .results-table table#fundingTable thead tr th.action-plan-header {
	background: none;
	cursor: default;
	background-color: #FFF;
}

.haf-region-filter .results-table table#fundingTable thead tr th:first-child {
	text-align: left;
	width: 25%;
	padding: 20px;
}

.haf-region-filter .results-table table#fundingTable thead tr th:not(:first-child) {
	width: calc(75% / 5);
	text-align: right;
	padding: 20px 24px 20px 0;
}

.haf-region-filter .results-table table#fundingTable tbody::before {
	content: '';
	display: block;
	height: 10px;
}

.haf-region-filter .results-table table#fundingTable tbody tr td {
	box-shadow: none;
	text-align: right;
	padding: 20px 30px;
	border-top: 1px solid #B4BCC2;
	border-bottom: 1px solid #B4BCC2;
	background-color: #FFF;
	align-content: center;
}

.haf-region-filter .results-table table#fundingTable tbody tr td:first-child {
	text-align: left;
	border-left: 1px solid #B4BCC2;
	border-right: none;
	border-radius: 10px 0 0 10px;
}

.haf-region-filter .results-table table#fundingTable tbody tr td:last-child {
	border-right: 1px solid #B4BCC2;
	border-radius: 0 10px 10px 0;
}

.haf-region-filter .results-table table#fundingTable tbody tr td.city-name {
	margin: 0;
	padding: 20px 30px 20px 15px;
}

.haf-region-filter .results-table table#fundingTable tbody tr td.city-name .city-name-row {
	display: flex;
	align-items: center;
	gap: 20px;
}

.haf-region-filter .results-table table#fundingTable tbody tr td.city-name .city-name-row span {
	color: rgba(0, 0, 0, 0.85);
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 28.8px;
	display: inline-block;
	vertical-align: middle;
}

.haf-region-filter .results-table table#fundingTable tbody tr td.city-name .city-name-row span sup {
    font-size: 0.6em;
    vertical-align: super;
    line-height: 0;
}

.haf-region-filter .results-table table#fundingTable tbody tr td.action-plan {
	margin: 0;
	padding: 20px;
	border-left: none;
	border-right: none;
}

.haf-region-filter .results-table table#fundingTable tbody tr td.action-plan .action-plan-row {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: flex-end;
	font-size: 18px;
	font-weight: 400;
	line-height: 21px;
	color: #00093A;
	font-style: normal;
}

.haf-region-filter .results-table table#fundingTable tbody tr td.action-plan .action-plan-row a {
	color: #00093A;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	display: inline-block;
	vertical-align: middle;
	display: flex;
	gap: 5px;
}

.haf-region-filter .results-table table#fundingTable tbody tr td.total-funding,
.haf-region-filter .results-table table#fundingTable tbody tr td.incented-units,
.haf-region-filter .results-table table#fundingTable tbody tr td.growth-target {
	color: rgba(0, 0, 0, 0.85);
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px;
	padding: 20px 30px;
	margin: 0;
	border-left: none;
	border-right: none;
}

.haf-region-filter .results-table table#fundingTable tbody tr td.permitted-units {
	color: rgba(0, 0, 0, 0.85);
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 28.8px;
	padding: 20px 30px;
	margin: 0;
	border-left: none;
}

.haf-region-filter .results-table .region-notes {
	border-top: 1px solid #B4BCC2;
	margin: 30px 0 0 0;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.haf-region-filter .results-table .region-notes p {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	color: #656565;
	font-family: "Roboto", sans-serif;
	line-height: 20px;
	padding: 0;
	margin: 0;
	padding-left: 30px;
	text-indent: -30px;
}

.haf-region-filter .results-table .region-notes p span {
	width: 30px;
	display: inline-block;
	text-indent: 0;
}

.ui-selectmenu-menu .ui-menu {
	margin: 0;
	padding: 10px 0;
	border-radius: 0 0 5px 5px;
	border: 1px solid #B4BCC2;
	background: #FFF;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.ui-selectmenu-menu .ui-menu li.ui-menu-item {
	margin: 0;
	padding: 0;
	color: #00093A;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px;
}

.ui-selectmenu-menu .ui-menu li.ui-menu-item .ui-menu-item-wrapper {
	margin: 0;
	padding: 7px 10px 7px 20px;
}

.ui-selectmenu-menu .ui-menu li.ui-menu-item.active .ui-menu-item-wrapper {
	border-right: 1px solid #B4BCC2;
	border-left: 1px solid #B4BCC2;
	border: none;
	background: #F0F2F3;
	color: #00093A;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 27px;
	margin: 0;
	padding: 7px 10px 7px 20px;
}

.ui-selectmenu-menu .ui-menu li.ui-menu-item:hover .ui-menu-item-wrapper.ui-state-active {
	border-right: 1px solid #B4BCC2;
	border-left: 1px solid #B4BCC2;
	border: none;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 27px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 7px 10px 7px 20px;
	background: #00093A;
	color: #FFF;
}

.ui-selectmenu-menu #streamSelect-menu {
	margin: 0;
	border: 1px solid #B4BCC2;
	border-radius: 0 0 5px 5px;
	background: #FFF;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

/* ---------- Responsive ---------- */
@media (max-width: 1076px) {
	.haf-region-filter {
		margin: 0;
		padding: 30px 10px;
	}

	.haf-region-filter .region-filter {
		margin: 0 0 30px 0;
		padding: 10px 20px 20px 20px;
	}

	.haf-region-filter .region-filter .row a {
		display: none;
	}

	.haf-region-filter .region-filter .row .ui-selectmenu-button.ui-button .ui-selectmenu-text {
		font-size: 32px;
		line-height: 32px;
		color: #00093A;
	}

	.haf-region-filter .region-filter .funding-box {
		margin: 0;
		gap: 0;
	}

	.haf-region-filter .region-filter .funding-box span {
		font-size: 18px;
		line-height: 27px;
	}

	.haf-region-filter .region-filter .funding-box strong {
		font-size: 32px;
		font-weight: 400;
		line-height: 32px;
	}

	.haf-region-filter .region-filter .funding-box .stats {
		flex-direction: column;
		gap: 10px;
		margin: 30px 0 0 0;
	}

	.haf-region-filter .region-filter .funding-box .stats .stat-item {
		width: 100%;
		font-size: 16px;
		line-height: 21px;
	}

	.haf-region-filter .region-filter .funding-box .stats .stat-item strong {
		font-size: 18px;
		line-height: 27px;
	}

	.haf-region-filter .results-table table#fundingTable {
		width: 100%;
		border-spacing: 0;
		margin: 0;
	}

	.haf-region-filter .results-table table#fundingTable thead {
		display: none;
	}

	.haf-region-filter .results-table table#fundingTable tbody {
		display: table-caption;
	}

	.haf-region-filter .results-table table#fundingTable tbody::before {
		height: 0;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr {
		display: block;
		border: 1px solid #B4BCC2;
		border-radius: 10px;
		overflow: hidden;
		margin: 30px 0 0 0;
		padding: 10px;
		background: #fff;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 12px 20px;
		border: none;
		text-align: left;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td:not(:last-child) {
		border-bottom: 1px solid #eee;
		border: none;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td:first-child {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: unset;
		border-bottom: 1px solid #B4BCC2;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td:first-child span {
		color: #00093A;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td.city-name {
		gap: 20px;
		padding: 20px;
		margin: 0;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td.city-name .city-name-row {
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
		justify-content: space-between;
		width: 100%;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td.action-plan {
		display: none;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td.action-plan .action-plan-row {
		font-weight: 700;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td.action-plan .action-plan-row a {
		font-weight: 700;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td.total-funding {
		margin: 10px 0 0 0;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td.action-plan,
	.haf-region-filter .results-table table#fundingTable tbody tr td.total-funding,
	.haf-region-filter .results-table table#fundingTable tbody tr td.incented-units,
	.haf-region-filter .results-table table#fundingTable tbody tr td.growth-target,
	.haf-region-filter .results-table table#fundingTable tbody tr td.permitted-units {
		padding: 10px 20px;
		color: #00093A;
		font-family: "Roboto", sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 27px;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td.action-plan .mobile-label,
	.haf-region-filter .results-table table#fundingTable tbody tr td.total-funding .mobile-label,
	.haf-region-filter .results-table table#fundingTable tbody tr td.incented-units .mobile-label,
	.haf-region-filter .results-table table#fundingTable tbody tr td.growth-target .mobile-label,
	.haf-region-filter .results-table table#fundingTable tbody tr td.permitted-units .mobile-label {
		color: #00093A;
		text-align: right;
		font-family: "Roboto", sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 27px;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td.permitted-units {
		font-size: 24px;
		line-height: 28.8px;
		margin: 0;
		border-radius: 0 0 10px 10px;
		background: #F0F2F3;
		border: none;
	}
}

@media(max-width: 424px) {
	.haf-region-filter .results-table table#fundingTable tbody tr td.action-plan .action-plan-row {
		font-size: 15px;
	}

	.haf-region-filter .results-table table#fundingTable tbody tr td.action-plan .action-plan-row a {
		font-size: 13px;
		padding-left: 10px;
	}
}

@media (min-width: 787px) and (max-width: 1200px) {
	.haf-region-filter .progress-filter {
	display: flex;
    padding: 20px 30px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
	border-radius: 10px;
    border: 1px solid #B4BCC2;
    background: #FFF;
	}

	.haf-region-filter .progress-filter #streamSelect-button {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.haf-region-filter .progress-filter .ui-selectmenu-button {
		width: 100%;
		margin-bottom: 20px;
		border-radius: 5px;
		border: 1px solid #00093A;
		background: #FFF;
		padding: 5px 10px 5px 20px;
	}

	.haf-region-filter .progress-filter .assessment {
		display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 60px;      /* 30px left + 30px right of divider */
    row-gap: 30px;
    padding-bottom: 20px;
    width: 100%;
	margin-bottom:40px;
	}
	.haf-region-filter .progress-filter .assessment .divider {
		display:none;
	}
	
	  /* Moderate Progress = 3rd child (because dividers still exist in DOM) */
  .haf-region-filter .progress-filter .assessment > div:nth-child(3),
  /* Terminated = 7th child */
  .haf-region-filter .progress-filter .assessment > div:nth-child(7) {
    position: relative;
    overflow: visible;
    z-index: 1;
  }

  .haf-region-filter .progress-filter .assessment > div:nth-child(3)::before,
  .haf-region-filter .progress-filter .assessment > div:nth-child(7)::before {
    content: "";
    position: absolute;
    left: -30px;                  /* gap from right column content */
    top: 0;
    transform: none;
    width: 1px;                   /* use 1px in final */
    height: 96px;
    background: #B4BCC2;          /* match your divider color */
    pointer-events: none;
    z-index: 2;
  }

	.haf-region-filter .progress-filter .assessment .title span {
		font-size: 16px;
		line-height: 27px;
		align-self: flex-start;
	}

	.haf-region-filter .progress-filter .assessment .indicators {
		align-self: flex-start;
		gap: 10px;
		justify-content: space-between;
	}

	.haf-region-filter .progress-filter .assessment .indicators span {
		font-size: 16px;
		line-height: 27px;
	}
}

@media (max-width: 786px) {
	
	.haf-region-filter .progress-filter .assessment{
		padding: 20px 10px 30px 10px;
        display: grid;
        gap: 8px;
        width: 100%;
        margin-bottom: 0px;
	}
	
	.haf-region-filter .progress-filter .assessment .divider {
		display: flex;
		height: 1px;
		width: auto;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 10px;
		background: #B4BCC2;
		align-self: stretch;
	}

	.haf-region-filter .progress-filter {
		display: flex;
		padding: 0 20px;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		align-self: stretch;
		border-radius: 10px !important;
		border: 1px solid #B4BCC2;
		background: #FFF;
		margin-bottom: 10px;
	}

	.haf-region-filter .progress-filter .title {
		display: flex;
		padding: 0px 0px 0px 0px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		align-self: stretch;
		margin: 20px 10px 8px 10px;
	}

	.haf-region-filter .progress-filter .title span {
		color: #00093A;
		font-family: Roboto;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 28.8px;
	}

	.haf-region-filter .progress-filter .assessment .indicators .indicator-title {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		align-self: flex-start;
		gap: 10px;
		width:100%;
	}
	
.haf-region-filter .progress-filter .assessment .indicators img {
    margin-left:auto;
}
	
    .haf-region-filter .results-table table#fundingTable tbody tr td.action-plan .mobile-label, .haf-region-filter .results-table table#fundingTable tbody tr td.total-funding .mobile-label, .haf-region-filter .results-table table#fundingTable tbody tr td.incented-units .mobile-label, .haf-region-filter .results-table table#fundingTable tbody tr td.growth-target .mobile-label, .haf-region-filter .results-table table#fundingTable tbody tr td.permitted-units .mobile-label {

        text-align: unset;
        width: 100%;
		line-height:21px;
	}
	
	.haf-region-filter .progress-filter .assessment .indicators .indicator-label {
		color: #00093A;
		width: 216px;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 27px;

	}

	.haf-region-filter .progress-filter .assessment .indicators .indicator-description {
		color: #00093A;
		font-family: Roboto;
		font-size: 12px;
		font-style: normal;
		padding-bottom: 10px;
		margin-bottom: 10px;
		font-weight: 400;
		line-height: 16px;
		max-width: fit-content;
	}

	.haf-region-filter .progress-filter .assessment .indicators {
		align-self: flex-start;
		gap: 10px;
		justify-content: space-between;
		padding-top: 10px;
	}
}