.page-resident-and-applicant-portal #page {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
	background-color: var(--white-2);
}
.page-resident-and-applicant-portal .site_footer {
	margin-top: auto;
}
.portal__section {
	background-color: var(--white-2);
	padding-top: clamp(140px, calc(8.75rem + ((1vw - 19.21px) * 6.5728)), 182px);
	padding-bottom: clamp(155px, calc(9.6875rem + ((1vw - 19.21px) * 4.6948)), 185px);
}
.portal__container {
	max-width: clamp(1222px, calc(76.375rem + ((1vw - 19.21px) * 27.23)), 1396px);
	margin: 0 auto;
}
.portal__page-heading {
	max-width: 785px;
	margin: 0 auto;
	font-size: 55px;
	line-height: 1.12;
	letter-spacing: -0.55px;
	font-family: var(--open-font);
	color: var(--burgundy);
	font-weight: 600;
	margin-bottom: clamp(31px, calc(2.1875rem + ((1vw - 19.21px) * -0.626)), 35px);
	text-align: center;
}
.portal__filter-wrapper {
	max-width: clamp(1222px, calc(76.375rem + ((1vw - 19.21px) * 27.23)), 1396px);
	width: 100%;
	margin: 0 auto;
	height: clamp(55px, calc(3.4375rem + ((1vw - 19.21px) * 1.4085)), 64px);
	border-top: 1.15px solid var(--burgundy);
	border-bottom: 1.15px solid var(--burgundy);
	margin-bottom: clamp(60px, calc(4.0625rem + ((1vw - 19.21px) * -0.7825)), 65px);
}
.portal__filter__btn__group {
	height: 100%;
	display: flex;
	column-gap: clamp(44.2px, calc(2.7625rem + ((1vw - 19.21px) * 1.4554)), 53.5px);
	justify-content: flex-start;
	align-items: center;
	padding-left: clamp(40px, calc(2.5rem + ((1vw - 19.21px) * 0.626)), 44px);
	padding-right: 10px;
	flex-wrap: wrap;
}
.portal__filter-wrapper.sticky {
	max-width: 100%;
	position: sticky;
	left: 0;
	right: 0;
	background-color: var(--white-2);
	z-index: 3;
	display: flex;
	justify-content: center;
}

.portal__filter-btn {
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	border: 0 !important;
	outline: none !important;
	background: transparent !important;
	text-transform: uppercase;
	color: var(--orange);
	font-weight: 600;
	font-size: clamp(15px, calc(0.9375rem + ((1vw - 19.21px) * 0.313)), 17px);
	line-height: 1;
	height: clamp(20px, calc(1.25rem + ((1vw - 19.21px) * 0.4695)), 23px);
	font-family: var(--open-font);
	letter-spacing: 1.19px;
	position: relative;
	padding-right: 0;
}
.portal__filter-btn:first-child {
	font-weight: 500;
}
.portal__filter-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: clamp(16px, calc(1rem + ((1vw - 19.21px) * 0.313)), 18px);
	height: clamp(16px, calc(1rem + ((1vw - 19.21px) * 0.313)), 18px);
	border-radius: 50%;
	border: 1px solid var(--burgundy);
	left: -17px;
}
.portal__filter-btn.active::before {
	background-image: url(/wp-content/uploads/2025/07/U9357___CNY___S01___Portal__Page__Filter__Arrow___All_Devices___18x18___FYL___2025-07-14.svg) !important;
	border: 0;
	background-repeat: no-repeat !important;
	background-size: cover;
	background-position: center;
}
.portal__content-wrapper {
	padding-left: clamp(0px, calc(0rem + ((1vw - 19.21px) * 2.3474)), 15px);
	padding-right: clamp(0px, calc(0rem + ((1vw - 19.21px) * 2.3474)), 15px);
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 26px;
}
.portal__content-box {
	height: clamp(175px, calc(10.9375rem + ((1vw - 19.21px) * 3.1299)), 195px);
	background-color: var(--white);
	display: flex;
	align-items: center;
	padding-right: clamp(59px, calc(3.6875rem + ((1vw - 19.21px) * 1.4085)), 68px);
}
.portal__image {
	max-width: clamp(185px, calc(11.5625rem + ((1vw - 19.21px) * 3.1299)), 205px);
	width: 100%;
	height: 100%;
	margin-right: clamp(45px, calc(2.8125rem + ((1vw - 19.21px) * 0.4695)), 48px);
}

.portal__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.portal__image-mbl {
	display: none !important;
}
.portal__location__title {
	max-width: clamp(252px, calc(15.75rem + ((1vw - 19.21px) * 4.5383)), 281px);
	width: 100%;
	margin-right: clamp(28px, calc(1.75rem + ((1vw - 19.21px) * 0.313)), 30px);
}
.portal__location {
	font-size: clamp(16px, calc(1rem + ((1vw - 19.21px) * 0.1565)), 17px);
	font-family: var(--open-font);
	background: linear-gradient(90deg, #d02b1c 0%, #fe7c11 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	letter-spacing: 1.19px;
	line-height: clamp(22px, calc(1.375rem + ((1vw - 19.21px) * 0.1565)), 23px);
	text-transform: uppercase;
}
.portal__title {
	font-size: clamp(28px, calc(1.75rem + ((1vw - 19.21px) * 0.313)), 30px);
	letter-spacing: -0.3px;
	font-weight: 600;
	font-family: var(--open-font);
	color: var(--burgundy);
	line-height: clamp(38px, calc(2.375rem + ((1vw - 19.21px) * 0.4695)), 41px);
}
.portal__contact__address {
	min-height: clamp(125px, calc(7.8125rem + ((1vw - 19.21px) * 2.3474)), 140px);
	padding-left: clamp(19px, calc(1.1875rem + ((1vw - 19.21px) * 0.4695)), 22px);
	border-left: 1px solid var(--black);
	display: flex;
	flex-direction: column;
	gap: 13px;
	padding-top: 11px;
	padding-bottom: 11px;
}

.portal__address {
	max-width: max-content;
	font-size: clamp(17px, calc(1.0625rem + ((1vw - 19.21px) * 0.313)), 19px);
	color: var(--black);
	font-weight: 400;
	font-family: var(--open-font);
	line-height: 1.37;
}

.portal__contact {
	font-family: var(--open-font);
	font-size: clamp(17px, calc(1.0625rem + ((1vw - 19.21px) * 0.313)), 19px);
	line-height: 1.41;
	color: var(--black);
	margin-bottom: 0 !important;
}
.portal__community-text {
	font-weight: 700;
}
.portal__phone {
	font-weight: 400;
}
.portal__link-btn {
	display: flex;
	margin-left: auto;
	gap: 20px;
	height: clamp(44px, calc(2.75rem + ((1vw - 19.21px) * 0.7825)), 49px);
}
.portal__link-wrapper {
	height: 100%;
	position: relative;
}
.portal__residents {
	width: clamp(158px, calc(9.875rem + ((1vw - 19.21px) * 2.6604)), 175px);
}
.portal__applicants {
	width: clamp(166px, calc(10.375rem + ((1vw - 19.21px) * 2.6604)), 183px);
}
.portal__link {
	font-size: clamp(19px, calc(1.1875rem + ((1vw - 19.21px) * 0.313)), 21px);
	line-height: clamp(26px, calc(1.625rem + ((1vw - 19.21px) * 0.4695)), 29px);
	color: var(--burgundy);
	font-family: var(--open-font);
	font-weight: 700;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 14px;
	padding-left: 15px;
	border: 1px solid var(--burgundy);
}

.portal__link-btn .blank-div {
	background-color: #fff;
}
.portal__link-btn svg {
	position: absolute;
	top: 0;
	right: 7px;
	z-index: 1;
}
.portal__link-btn .vr-line {
	border-top: 1px solid var(--burgundy);
}
.portal__link-btn .line-path {
	opacity: 0;
	fill: transparent !important;
}
@media (max-width: 1920px) {
	.portal__section {
		padding-top: clamp(127px, calc(7.9375rem + ((1vw - 12.81px) * 2.0344)), 140px);
		padding-bottom: clamp(115px, calc(7.1875rem + ((1vw - 12.81px) * 6.4163)), 156px);
	}
	.portal__page-heading {
		font-size: clamp(34px, calc(2.125rem + ((1vw - 12.81px) * 3.2864)), 55px);
		margin-bottom: clamp(22px, calc(1.375rem + ((1vw - 12.81px) * 2.0344)), 35px);
	}
	.portal__container,
	.portal__filter-wrapper {
		max-width: clamp(1085px, calc(67.8125rem + ((1vw - 12.81px) * 21.4397)), 1222px);
	}
	.portal__filter-wrapper {
		height: clamp(46px, calc(2.875rem + ((1vw - 12.81px) * 1.4085)), 55px);
		margin-bottom: clamp(45px, calc(2.8125rem + ((1vw - 12.81px) * 3.1299)), 65px);
	}
	.portal__filter__btn__group {
		column-gap: clamp(44.2px, calc(2.85rem + ((1vw - 12.81px) * -0.2191)), 45.6px);
		padding-left: clamp(40px, calc(2.5625rem + ((1vw - 12.81px) * -0.1565)), 41px);
	}
	.portal__filter-btn {
		font-size: clamp(12px, calc(0.75rem + ((1vw - 12.81px) * 0.4695)), 15px);
		height: clamp(16px, calc(1rem + ((1vw - 12.81px) * 0.626)), 20px);
		letter-spacing: 1.05px;
	}
	.portal__filter-btn::before {
		width: clamp(14px, calc(0.875rem + ((1vw - 12.81px) * 0.313)), 16px);
		height: clamp(14px, calc(0.875rem + ((1vw - 12.81px) * 0.313)), 16px);
		left: -14px;
	}

	.portal__content-box {
		height: clamp(155px, calc(9.6875rem + ((1vw - 12.81px) * 3.1299)), 175px);
		padding-right: clamp(52px, calc(3.25rem + ((1vw - 12.81px) * 1.252)), 60px);
	}
	.portal__image {
		max-width: clamp(165px, calc(10.3125rem + ((1vw - 12.81px) * 3.1299)), 185px);
		margin-right: clamp(38px, calc(2.375rem + ((1vw - 12.81px) * 1.0955)), 45px);
	}
	.portal__location {
		font-size: clamp(15px, calc(0.9375rem + ((1vw - 12.81px) * 0.1565)), 16px);
		letter-spacing: 1.12px;
		line-height: clamp(20px, calc(1.25rem + ((1vw - 12.81px) * 0.313)), 22px);
	}
	.portal__title {
		font-size: clamp(24px, calc(1.5rem + ((1vw - 12.81px) * 0.626)), 28px);
		letter-spacing: -0.28px;
		line-height: clamp(33px, calc(2.0625rem + ((1vw - 12.81px) * 0.7825)), 38px);
	}
	.portal__contact__address {
		min-height: clamp(112px, calc(7rem + ((1vw - 12.81px) * 2.0344)), 125px);
		padding-left: clamp(17px, calc(1.0625rem + ((1vw - 12.81px) * 0.313)), 19px);
		gap: 12px;
		padding-top: 9.5px;
		padding-bottom: 10px;
	}
	.portal__address {
		font-size: clamp(15px, calc(0.9375rem + ((1vw - 12.81px) * 0.313)), 17px);
		line-height: 1.37;
	}
	.portal__contact {
		font-size: clamp(15px, calc(0.9375rem + ((1vw - 12.81px) * 0.313)), 17px);
		line-height: 1.42;
	}
	.portal__residents {
		width: clamp(140px, calc(8.75rem + ((1vw - 12.81px) * 2.8169)), 158px);
	}
	.portal__applicants {
		width: clamp(147px, calc(9.1875rem + ((1vw - 12.81px) * 2.9734)), 166px);
	}
	.portal__link {
		font-size: clamp(17px, calc(1.0625rem + ((1vw - 12.81px) * 0.313)), 19px);
		line-height: clamp(23px, calc(1.4375rem + ((1vw - 12.81px) * 0.4695)), 26px);
		padding-top: 11px;
		padding-left: 12px;
	}
	.portal__location__title {
		max-width: clamp(224px, calc(14rem + ((1vw - 12.81px) * 4.3818)), 252px);
		margin-right: clamp(24px, calc(1.5rem + ((1vw - 12.81px) * 0.4695)), 27px);
	}
	.portal__content-wrapper {
		gap: 24px;
	}
}
@media (max-width: 1280px) {
	.portal__section {
		padding-top: clamp(118px, calc(7.375rem + ((1vw - 10.25px) * 3.5294)), 127px);
		padding-bottom: clamp(98px, calc(6.125rem + ((1vw - 10.25px) * 6.6667)), 115px);
	}
	.portal__container,
	.portal__filter-wrapper {
		max-width: clamp(925px, calc(57.8125rem + ((1vw - 10.25px) * 62.7451)), 1085px);
	}
	.portal__filter-btn::before {
		left: -14px;
	}
	.portal__filter-btn::before {
		left: -13px;
	}
	.portal__location {
		letter-spacing: 1.05px;
	}
	.portal__title {
		letter-spacing: -0.24px;
	}
	.portal__image {
		margin-right: clamp(30px, calc(1.875rem + ((1vw - 10.25px) * 3.1373)), 38px);
	}
	.portal__address {
		line-height: 1.35;
	}
	.portal__contact {
		line-height: 1.44;
	}
	.portal__contact__address {
		gap: 10px;
		padding-top: 8px;
		padding-bottom: 9px;
	}
	.portal__link-btn {
		gap: 17px;
		height: 40px;
	}
	.portal__content-box {
		padding-right: clamp(40px, calc(2.5rem + ((1vw - 10.25px) * 4.7059)), 52px);
	}

	.portal__filter__btn__group {
		column-gap: clamp(36.2px, calc(2.2625rem + ((1vw - 11.81px) * 9.4949)), 45.6px);
		padding-right: 5px;
		padding-left: clamp(39px, calc(2.4375rem + ((1vw - 11.81px) * 2.0202)), 41px);
	}

	.portal__content-wrapper {
		gap: 20px;
	}
	.portal__link-btn svg {
		top: -4px;
		width: 14px;
		right: 6px;
	}
	.portal__page-heading {
		letter-spacing: -0.34px;
	}
}
@media (max-width: 1180px) {
	.portal__filter__btn__group {
		column-gap: clamp(28px, calc(1.75rem + ((1vw - 10.41px) * 5.8993)), 36.2px);
		padding-left: clamp(25px, calc(1.5625rem + ((1vw - 10.41px) * 10.0719)), 39px);
	}
}
@media (max-width: 1160px) {
	.portal__link-btn {
		column-gap: 17px;
		height: auto;
		flex-direction: column;
	}
	.portal__link {
		height: 40px;
	}
	.portal__residents,
	.portal__applicants {
		width: 145px;
	}
}
@media (max-width: 1040px) {
	.portal__section {
		padding-top: 118px;
		padding-bottom: 80px;
	}
	.portal__container,
	.portal__filter-wrapper {
		max-width: clamp(663px, calc(41.4375rem + ((1vw - 7.69px) * 102.7451)), 925px);
	}
	.portal__content-wrapper {
		padding-left: clamp(0px, calc(0rem + ((1vw - 7.69px) * 2.7451)), 7px);
		padding-right: clamp(0px, calc(0rem + ((1vw - 7.69px) * 2.7451)), 7px);
	}
	.portal__filter-wrapper {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 43px;
		min-height: 80px;
	}
	.portal__filter__btn__group {
		height: auto;
		column-gap: 33.4px;
		row-gap: 11px;
		max-width: 560px;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		padding: 16px 0px 16px 20px;
	}
	.portal__page-heading {
		font-size: clamp(35px, calc(2.1875rem + ((1vw - 7.69px) * 1.9608)), 40px);
		line-height: 1.55;
		letter-spacing: -0.4px;
		margin-bottom: clamp(15px, calc(0.9375rem + ((1vw - 7.69px) * 5.8824)), 30px);
	}
	.portal__filter-btn {
		font-size: 14px;
		height: 19px;
		letter-spacing: 0.98px;
	}
	.portal__filter-btn::before {
		width: 16px;
		height: 16px;
		left: -15px;
	}
	.portal__image {
		max-width: clamp(140px, calc(8.75rem + ((1vw - 8.41px) * 13.6612)), 165px);
		margin-right: clamp(12px, calc(0.75rem + ((1vw - 8.41px) * 15.3005)), 40px);
	}
	.portal__location__title {
		max-width: clamp(211px, calc(13.1875rem + ((1vw - 8.41px) * 7.1038)), 224px);
		margin-right: clamp(11px, calc(0.6875rem + ((1vw - 8.41px) * 7.6503)), 25px);
	}
	.portal__location {
		font-size: 16px;
		letter-spacing: 1.12px;
		line-height: 1.4;
	}
	.portal__title {
		font-size: clamp(23px, calc(1.4375rem + ((1vw - 7.69px) * 0.7843)), 25px);
		letter-spacing: -0.25px;
		line-height: 1.37;
	}
	.portal__content-box {
		padding-right: clamp(28px, calc(1.75rem + ((1vw - 8.41px) * 12.0219)), 50px);
	}
	.portal__address,
	.portal__contact {
		line-height: 1.38;
		font-size: 16px;
	}
	.portal__contact__address {
		gap: 10px;
		padding-top: 7px;
		padding-bottom: 8px;
		padding-left: clamp(10px, calc(0.625rem + ((1vw - 8.41px) * 3.8251)), 17px);
	}
	.portal__link {
		font-size: 17px;
		line-height: 23px;
		padding-top: 11px;
		padding-left: 12px;
	}
	.portal__link-btn svg {
		top: -2px;
		width: 17px;
		right: 6px;
	}
}
@media (max-width: 890px) {
	.portal__link-btn svg {
		top: clamp(-2px, calc(-0.0625rem + ((1vw - 8.41px) * -2.0408)), -1px);
		width: clamp(17px, calc(1.1875rem + ((1vw - 8.41px) * -4.0816)), 19px);
		right: 6px;
	}
}
@media (max-width: 840px) {
	.portal__image {
		display: none;
	}
	.portal__content-box {
		padding-left: 28px;
		padding-right: 28px;
	}
	.portal__link-btn svg {
		top: -1px;
		width: 20px;
		right: 6px;
	}
}
@media (max-width: 768px) {
	.portal__section {
		padding-top: clamp(108px, calc(6.75rem + ((1vw - 4.99px) * 4.0816)), 118px);
		padding-bottom: clamp(80px, calc(6.875rem + ((1vw - 4.99px) * -12.2449)), 110px);
	}
	.portal__page-heading {
		font-size: clamp(31px, calc(1.9375rem + ((1vw - 4.99px) * 1.6327)), 35px);
		line-height: 1.77;
		letter-spacing: -0.35px;
		margin-bottom: clamp(15px, calc(1.5625rem + ((1vw - 4.99px) * -4.0816)), 25px);
		max-width: 100%;
	}
	.portal__filter-btn::before {
		left: -15px;
	}
.portal__filter__btn__group {
    height: auto;
    column-gap: clamp(30px, calc(1.875rem + ((1vw - 6px) * 7.8472)), 41.3px);
    row-gap: 17px;
    max-width: 610px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 24px 0px 24px 17px;
}
.portal__filter-wrapper {
    padding-left: 0;
    padding-right: 0;
    max-width: clamp(550px, calc(34.375rem + ((1vw - 6px) * 69.4444)), 650px);
    margin-bottom: clamp(44px, calc(3.375rem + ((1vw - 4.99px) * -4.0816)), 54px);
    min-height: 102px;
}
	.portal__content-wrapper {
		gap: 16px;
	}
	.portal__content-box {
		padding-left: clamp(10px, calc(0.625rem + ((1vw - 6px) * 10.4167)), 25px);
		padding-right: clamp(10px, calc(0.625rem + ((1vw - 6px) * 12.5)), 28px);
	}
	.portal__location {
		font-size: clamp(15px, calc(0.9375rem + ((1vw - 4.99px) * 0.4082)), 16px);
		letter-spacing: 1.12px;
		line-height: clamp(20px, calc(1.25rem + ((1vw - 4.99px) * 0.8163)), 22px);
	}
	.portal__title {
		font-size: clamp(23px, calc(1.5625rem + ((1vw - 4.99px) * -0.8163)), 25px);
		letter-spacing: -0.23px;
		line-height: clamp(31px, calc(2.125rem + ((1vw - 4.99px) * -1.2245)), 34px);
	}
	.portal__location__title {
		max-width: 211px;
		margin-right: 11px;
	}
	.portal__contact__address {
		gap: 10px;
		padding-top: 7px;
		padding-bottom: 8px;
		padding-left: 17px;
	}
	.portal__link-btn {
		gap: 16px;
		height: auto;
		flex-direction: column;
	}
	.portal__container {
		max-width: clamp(575px, calc(35.9375rem + ((1vw - 6px) * 61.1111)), 663px);
	}
	.portal__residents,
	.portal__applicants {
		width: clamp(120px, calc(7.5rem + ((1vw - 6px) * 17.3611)), 145px);
	}
	.portal__link-btn svg {
		top: -1px;
		width: 19px;
		right: 6px;
	}
	.portal__link {
		font-size: clamp(15px, calc(0.9375rem + ((1vw - 6px) * 1.3889)), 17px);
	}
}

@media (max-width: 599px) {
	.portal__image {
		display: block;
	}
	.portal__image-desk {
		display: none !important;
	}
	.portal__image-mbl {
		display: block !important;
	}
	.portal__content-box {
		flex-direction: column;
		height: unset;
		align-items: unset;
		justify-content: unset;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 50px;
	}
	.portal__image {
		margin-right: 0;
		max-width: 100%;
		width: 100%;
	}
	.portal__contact__address {
		border-left: 0;
		gap: 0;
		row-gap: 10px;
		padding-top: 8px;
		padding-bottom: 0;
		padding-left: 8px;
		margin-bottom: 20px;
		border-top: 1px solid var(--black);
		max-width: 215px;
		margin-left: 40px;
	}
	.portal__link-btn {
		flex-direction: row;
		margin-left: unset;
	}

	.portal__link-btn {
		padding-left: 40px;
	}
	.portal__content-wrapper {
		gap: 30px;
	}
	.portal__location__title {
		padding-left: 48px;
		max-width: 400px;
		margin-right: 0;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.portal__container {
		max-width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	.portal__filter-wrapper {
		max-width: calc(100% - clamp(0px, calc(0rem + ((1vw - 4.9px) * 25.6881)), 28px));
		height: auto;
		min-height: auto;
	}
.portal__filter__btn__group {
    column-gap:  clamp(34px, calc(2.125rem + ((1vw - 4.9px) * 10.0917)), 45px);
    row-gap: clamp(16px, calc(1.5rem + ((1vw - 4.9px) * -7.3394)), 24px);
    max-width: clamp(460px, calc(28.75rem + ((1vw - 4.9px) * 18.3486)), 480px);
    padding: 24px 0px 24px 16px;
}
	.portal__link {
		font-size: 17px;
	}
	.portal__residents,
	.portal__applicants {
		width: 140px;
	}
	.portal__link-btn .vr-line {
		width: 17px !important;
	}
	.portal__link-btn svg {
		top: -1px;
		width: 19px;
		right: 5px;
	}
	.portal__filter-btn::before {
		left: -15px;
	}
}
@media (max-width: 489px) {
	.portal__filter__btn__group {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		row-gap: 16px;
		padding-left: clamp(55px, calc(3.4375rem + ((1vw - 3.91px) * 35.7143)), 90px);
		padding-right: clamp(30px, calc(1.875rem + ((1vw - 3.91px) * 37.7551)), 67px);
	}
	.portal__filter-btn::before {
		left: -15px;
	}
	.portal__filter-btn {
		text-align: left;
		white-space: nowrap;
	}
}
@media (max-width: 460px) {
	.portal__contact__address {
		padding-top: 8px;
		padding-left: 6px;
		margin-bottom: 40px;
		margin-left: clamp(20px, calc(1.25rem + ((1vw - 3.9px) * 28.5714)), 40px);
	}
	.portal__location__title {
		padding-left: clamp(25px, calc(1.5625rem + ((1vw - 3.9px) * 32.8571)), 48px);
		margin-top: 43px;
		margin-bottom: 15px;
	}
	.portal__link-btn {
		padding-left: clamp(20px, calc(1.25rem + ((1vw - 3.9px) * 28.5714)), 40px);
		gap: 8px;
	}
	.portal__container {
		padding-left: clamp(27px, calc(1.6875rem + ((1vw - 3.9px) * 18.5714)), 40px);
		padding-right: clamp(27px, calc(1.6875rem + ((1vw - 3.9px) * 18.5714)), 40px);
	}
	.portal__residents {
		width: 140px;
	}
	.portal__applicants {
		width: 147px;
	}
	.portal__content-box {
		padding-bottom: 30px;
	}
	.portal__page-heading {
		max-width: 335px;
		letter-spacing: -0.31px;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.36;
		margin-bottom: 25px;
	}
	.portal__filter-wrapper {
		max-width: calc(100% - 20px);
	}
	.portal__filter__btn__group {
    padding-left: 38px;
    padding-right: 10px;
}
}
@media (max-width: 440px) {
	.portal__location__title {
		max-width: 305px;
	}
}
@media (max-width: 390px) {
	.portal__filter__btn__group {
		padding-left: clamp(28px, calc(1.75rem + ((1vw - 3.4px) * 20)), 38px);
	}
	.portal__residents {
		width: clamp(120px, calc(7.5rem + ((1vw - 3.4px) * 40)), 140px);
	}
	.portal__applicants {
		width: clamp(120px, calc(7.5rem + ((1vw - 3.4px) * 54)), 147px);
	}
}
@media (max-width: 360px) {
	.portal__link {
		font-size: 15px;
	}
}