#economy-map {
	padding: 5rem 0;
	background: #fff !important;
}

#economy-map .economy__section-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#economy-map .economy__section-title {
	color: var(--Shinnec-Color-Secondary-Blue--1000, #014588);
	text-align: center;

	/* PC/TITLE/H2/SEMIBOLD */
	font-family: Lexend;
	font-size: 2.375rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 3.325rem */
	letter-spacing: -0.0625rem;
	text-transform: uppercase;
}

#economy-map .economy__section-description {
	width: 50.5rem;

	color: var(--text-body-75, rgba(46, 46, 46, 0.75));
	text-align: center;

	/* PC/BODY/16/REGULAR */
	font-family: Lexend;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 1.5rem */
	margin-top: 0.75rem;
}

#economy-map .economy__section-map {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 31.1875rem;
	border-radius: var(--20, 1.25rem);
	border: 1px solid var(--STROKE, rgba(15, 98, 4, 0.32));
	margin-top: 3rem;
	background: linear-gradient(
		90deg,
		var(--Green-Green-B1, #00943e) 0.41%,
		var(--Blue-Blue-B1, #0078d4) 54.77%
	);
}

#economy-map .economy__map-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	border-top-left-radius: 1.25rem;
	border-bottom-left-radius: 1.25rem;

	width: 35.4375rem;
	height: 100%;
	padding: 2.0625rem 0 0.9375rem 1.75rem;
}

#economy-map .economy__map-left > img {
	width: 15.11306rem;
	height: 2.69288rem;
	margin-bottom: 3rem;
}

#economy-map .economy__map-right {
	flex: 1;
	position: relative;
	height: 100%;
}

#economy-map .economy__map-right > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-right-radius: 1.25rem;
	border-bottom-right-radius: 1.25rem;
}

#economy-map .economy__map-left-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.375rem;
}

.economy__map-left-item {
	position: relative;
	padding: var(--20, 1.25rem) var(--16, 1rem);
	border-radius: 0.75rem;
	background: rgba(255, 255, 255, 0.26);
	backdrop-filter: blur(20px);
	width: 15.1875rem;
	z-index: 1;
	overflow: hidden;
}

.economy__map-left-item::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px; /* độ dày viền */
	background: linear-gradient(to left, #fffdfd, #99989800, #ffffff);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
}

#economy-map .economy__map-left-item img {
	width: 2.25rem;
	height: 2.25rem;
	margin-bottom: 0.5rem;
}

#economy-map .economy__map-left-item .economy__map-left-item-title {
	color: var(--White, #fff);

	/* PC/BODY/14/MEDIUM */
	font-family: Lexend;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 1.3125rem */
	opacity: 0.9;
}

#economy-map .economy__map-left a {
	color: var(--text-text-grey-0, #fff);
	text-align: center;

	/* PC/BUTTON/16/MEDIUM */
	font-family: Lexend;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.01563rem;
	margin-top: 2.5rem;

	display: flex;
	height: 2rem;
	padding: var(--Spacing-4, 0.25rem) var(--Spacing-4, 0.25rem)
		var(--Spacing-4, 0.25rem) var(--Spacing-None, 0rem);
	align-items: center;
	transition: all 0.3s ease;
}

#economy-map button .deco-container {
	flex: none;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	background: rgba(255, 255, 255, 0.2);
	transition: all 0.5s var(--ease-primary-btn);
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin-left: 1rem;
}

#economy-map button .deco-container svg {
	width: 1.5rem;
	height: 1.5rem;
	flex: none;
	transform: translate(-0.375rem, 0);
	transition: all 0.5s var(--ease-primary-btn);
	margin-right: -0.45rem;
}

#economy-map button .deco-container svg path {
	stroke: var(--Base-White);
}

#economy-map button .deco-container svg:first-of-type {
	margin-right: 0.5rem;
}

#economy-map  button:hover .deco-container svg {
	transform: translate(1.6rem, 0);
}

#economy-map .economy__map-right .economy__map-right-title {
	position: absolute;
	left: 1.3125rem;
	bottom: 1.375rem;
	color: var(--Shinnec-Color-Secondary-Green-900, #00943e);
	font-family: Lexend;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 1.75rem */
	letter-spacing: -0.0625rem;
	text-transform: uppercase;
	width: 14.8125rem;
}

#economy-map .economy__map-right button {
	display: flex;
	height: 2rem;
	padding: var(--Spacing-4, 0.25rem) var(--Spacing-4, 0.25rem)
		var(--Spacing-4, 0.25rem) var(--Spacing-None, 0rem);
	align-items: center;

	position: absolute;
	right: 1.25rem;
	bottom: 1.0975rem;
}

#economy-map .economy__map-right button span {
	color: var(--text-text-grey-0, #fff);
	text-align: center;

	/* PC/BUTTON/16/MEDIUM */
	font-family: Lexend;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.01563rem;
}

@media screen and (max-width: 639.98px) {
	#economy-map {
		padding-top: 1rem;
		padding-bottom: 2.75rem;
	}

	#economy-map .container {
		width: 100%;
		padding: 0 0.75rem;
	}

	#economy-map .economy__section-title {
		width: 100%;
		color: var(--Shinnec-Color-Secondary-Blue--1000, #014588);

		/* MB/TITLE/H2/SEMIBOLD */
		font-family: Lexend;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; /* 2.1rem */
		letter-spacing: -0.0625rem;
		text-transform: uppercase;
		text-align: left;
	}

	#economy-map .economy__section-description {
		width: 100%;
		text-align: left;
		color: var(--text-body-75, rgba(46, 46, 46, 0.75));
		font-feature-settings: "liga" off, "clig" off;

		/* MB/BODY/14/REGULAR */
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; /* 1.225rem */
		letter-spacing: -0.03125rem;
		margin-top: 1.5rem;
	}

	#economy-map .economy__section-map {
		flex-direction: column;
		height: auto;
		margin-top: 1.5rem;
	}

	#economy-map .economy__map-left > img {
		width: 10.07538rem;
		height: 1.79525rem;
		margin-bottom: 2rem;
	}

	#economy-map .economy__map-left {
		width: 100%;
		padding: 1.5rem 0.75rem;
		background: linear-gradient(
			76deg,
			var(--Green-Green-B1, #00943e) -14.77%,
			var(--Blue-Blue-B1, #0078d4) 118.75%
		);
		border-top-right-radius: 1.25rem;
	}

	#economy-map .economy__map-left-wrapper {
		grid-template-columns: 1fr;
		gap: 1rem;
		width: 100%;
	}

	#economy-map .economy__map-left-item {
		display: flex;
		width: 100%;
		padding: var(--12, 0.75rem) var(--16, 1rem);
		align-items: center;
		justify-content: center;
	}

	#economy-map .economy__map-left-item img {
		display: flex;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0.1685rem 0.23713rem 0.18863rem 0.12006rem;
		justify-content: center;
		align-items: center;
		margin-right: 0.75rem;
		margin-bottom: 0;
	}

	#economy-map .economy__map-left a {
		margin-top: 2rem;
		display: flex;
		padding: var(--4, 0.25rem) var(--Spacing-4, 0.25rem) var(--4, 0.25rem)
			var(--24, 1.5rem);
		align-items: center;
		border-radius: var(--Spacing-32, 2rem);
		background: var(--Shinnec-Color-Secondary-Green-700, #00ad4b);

		color: var(--Base-White, #fff);
		text-align: center;

		/* Button/14-M */
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.5rem; /* 171.429% */
		letter-spacing: 0.00938rem;
		height: 2.5rem;
	}

	#economy-map .economy__map-left a button {
		display: flex;
		width: 2rem;
		height: 2rem;
		padding: var(--Spacing-8, 0.5rem) 0.4375rem;
		justify-content: flex-end;
		align-items: center;
		border-radius: var(--24, 1.5rem);
		background: rgba(255, 255, 255, 0.2);
	}

	#economy-map .economy__map-left a button svg {
		width: 1.2rem;
		height: 1.2rem;
	}

	#economy-map .economy__map-right > img {
		border-top-right-radius: 0;
		border-bottom-left-radius: 1.25rem;
	}

	#economy-map .economy__map-right .economy__map-right-title {
		left: 0.75rem;
		font-size: 0.5rem;
		bottom: 0.45rem;
		width: 5.8125rem
	}

	#economy-map .economy__map-right button {
		color: var(--Base-White, #fff);
		text-align: center;

		/* Button/14-M */
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.5rem; /* 171.429% */
		letter-spacing: 0.00938rem;
		right: 0.9375rem;
		bottom: 0.4125rem;
	}

	#economy-map .economy__map-right button div {
		display: none;
	}
}