.location {
	padding-left: 5rem;
	padding-top: 5rem;
	padding-bottom: 6rem;
	position: relative;
}
.location_content {
	width: 40.0625rem;
}
.location_content__title {
	color: #006b1d;
	font-family: Lexend;
	font-size: 2.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 3.1875rem */
	letter-spacing: -0.13738rem;
	margin-bottom: 2rem;
}
.location_content__desc {
	color: #2e2e2e;
	font-family: Lexend;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 1.95rem */
	letter-spacing: -0.04856rem;
}
.location_content__desc ul {
	padding-left: 1.5rem;
}
.location_content__desc ul li {
	color: #2e2e2e;
	font-family: Lexend;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 1.95rem */
	letter-spacing: -0.04856rem;
	list-style: disc;
	margin-bottom: 2.5rem;
}
.location_content__desc strong {
	color: #006b1d;
	font-family: Lexend;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: -0.04856rem;
}
.location .primary-btn {
	margin-top: 1.75rem;
}
.location_ringht {
	position: absolute;
	right: 0;
	bottom: 0;
	max-height: 100%;
	height: 100%;
	top: 2rem;
}
.location_ringht__logo {
	position: absolute;
	top: 3.01rem;
	right: 37rem;
}
.location_logo__img {
	width: 12.81rem;
	height: 3.65rem;
	position: relative;
	z-index: 1;
}
.location_ringht__img {
	width: 100%;
	height: 41.40331rem;
}
.location_logo__line {
	position: absolute;
	top: 2.9rem;
	right: -35%;
}
.location_logo__line .location_logo__line_svgpc {
	transform: translateX(-0.25rem);
	height: 18.36256rem;
	width: 9.58269rem;
}
.location_logo__dots {
	background: #0061c2;
	border-radius: 100%;
	width: 1.43181rem;
	height: 1.43181rem;
	position: absolute;
	right: -0.5rem;
	bottom: -1.05rem;
}
.location_logo__dots::before {
	content: '';
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #0061c2;
	opacity: 0.5;
	border-radius: 100%;
	animation: scaleWidthHeight 1s infinite alternate ease;
	animation-timing-function: ease-in-out;
}
.location_logo__dots::after {
	content: '';
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #0061c2;
	opacity: 0.25;
	border-radius: 100%;
	animation: scaleWidthHeight2 1s infinite alternate ease;
	animation-timing-function: ease-in-out;
}
@keyframes scaleWidthHeight {
	0% {
		width: 100%;
		height: 100%;
	}
	100% {
		width: 150%;
		height: 150%;
	}
}
@keyframes scaleWidthHeight2 {
	0% {
		width: 100%;
		height: 100%;
	}
	100% {
		width: 200%;
		height: 200%;
	}
}
.location_btn-wrapper {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}

.location_btnmore {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.location_btnmore__text {
	text-align: center;
	font-family: Lexend;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.01563rem;
	background: linear-gradient(90deg, #40af6e 0%, #40b3e8 122.69%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-right: 1rem;
}
.location_btnmore_btn {
	border-radius: 100%;
	width: 2.5rem;
	height: 2.5rem;
	background: var(
		--Ln,
		linear-gradient(90deg, var(--Green-Green-B2, #40af6e) 0%, var(--Blue-Blue-C2, #40b3e8) 122.69%)
	);
	display: flex;
	align-items: center;
	justify-content: center;
}
.location_btnmore_btn svg {
	width: 1.5rem;
	height: 1.5rem;
}
.location_ringht__btn,
.primary-btn.mb,
.location_logo__line .location_logo__line_svgmb {
	display: none;
}
.primary-btn .content-container p {
	margin-right: 0.5rem;
}
.location__btn-link-mb {
	display: none;
}
@media (max-width: 639px) {
	.location__btn-link-mb {
		display: block;
		margin-top: 1.5rem;
	}
	.location__btn-link-pc {
		display: none;
	}
	.location_btnmore.pc,
	.primary-btn.pc {
		display: none;
	}
	.location_ringht {
		position: relative;
		margin-top: 1.5rem;
	}
	.location {
		padding: 2rem 0.75rem 0 0.75rem;
	}
	.location_content {
		width: 100%;
	}
	.location_content__title {
		color: #006b1d;
		font-family: Lexend;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; /* 1.575rem */
		letter-spacing: -0.0625rem;
		margin-bottom: 0.75rem;
	}
	.location_content__desc {
		color: #2e2e2e;
		font-family: 'Lexend Deca';
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 1.5rem */
		letter-spacing: -0.01rem;
	}
	.location_content__desc ul li {
		margin-bottom: 0.5rem;
		color: #2e2e2e;
		font-family: 'Lexend Deca';
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 1.5rem */
		letter-spacing: -0.01rem;
	}
	.location_content__desc strong {
		color: #006b1d;
		font-family: 'Lexend Deca';
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		letter-spacing: -0.01rem;
	}
	.location_ringht__img {
		height: 12.3125rem;
	}
	.location_ringht__logo {
		right: unset;
		left: 0.3rem;
        top: 1.95rem;
	}
	.location_logo__img {
		width: 7.749rem;
		height: 2.2rem;
	}
	.location_logo__line .location_logo__line_svgpc {
		display: none;
	}
	.location_logo__line .location_logo__line_svgmb {
		display: block;
		width: 4.25rem;
		height: 4.96875rem;
	}
	.location_logo__line {
		top: 1rem;
		right: -45%;
	}
	.location_logo__dots {
		width: 0.71406rem;
		height: 0.71406rem;
		right: -0.35rem;
		bottom: -0.05rem;
	}
	.primary-btn.mb {
		display: block;
	}
	.location_ringht__btn {
		position: absolute;
		right: 0.75rem;
		bottom: 0.39rem;
		display: block;
		color: #fff;
		text-align: center;
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.5rem; /* 171.429% */
		letter-spacing: 0.00938rem;
	}
	.primary-btn {
		margin-top: 1.5rem;
	}
	.primary-btn .content-container p {
		color: #fff;
		text-align: center;
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.5rem;
		letter-spacing: 0.00938rem;
	}
	.location .primary-btn .content-container {
		padding: var(--4, 0.25rem) var(--Spacing-4, 0.25rem) var(--4, 0.25rem) 2.25rem;
	}
	.location .primary-btn .content-container .deco-container {
		width: 2rem;
		height: 2rem;
		flex-shrink: 0;
	}
	.location .primary-btn .content-container .deco-container svg {
		width: 1.2rem;
		height: 1.2rem;
		transform: translate(-0.4rem, 0);
	}
}
/* loca-popup */
.locapopup {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: 9999;
	transform: translateY(100%);
	transition: all 0.75s;
}
.locapopup.active {
	transform: translateY(0%);
}
.locapopup .location_ringht__img {
	height: 100%;
	width: 100%;
}
.locapopup_content {
	padding: 2.95rem;
	padding-right: 0;
	position: relative;
	z-index: 10;
	padding-top: 1.5rem;
}
.locapopup_content__title {
	width: 40.625rem;
	color: #006b1d;
	font-family: Lexend;
	font-size: 2.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 3.1875rem */
	letter-spacing: -0.13738rem;
	margin-bottom: 2rem;
}
.locapopup_content__list {
	width: 39.5rem;
	max-height: 26.625rem;
	overflow: hidden;
	overflow-y: auto;
}
.locapopup_list__item {
	border-radius: 1rem;
	background: #f6f6f6;
	padding: var(--16, 1rem);
	margin-bottom: 0.75rem;
}
.locapopup_list__item:last-child {
	margin-bottom: 0;
}
.locapopup_list__title {
	color: #006b1d;
	font-family: Lexend;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 1.75rem */
	letter-spacing: -0.025rem;
	margin-bottom: 1rem;
}
.locapopup_list__warrper {
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
}
.locapopup_list__warrper:last-child {
	margin-bottom: 0;
}
.locapopup_list__li {
	color: #2e2e2e;
	font-family: Lexend;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 1.5rem */
	margin-right: 0.75rem;
}
.locapopup_list__tag {
	padding: 0.25rem 0.625rem;
	border-radius: 22.5rem;
	background: #daecfa;
	display: flex;
	align-items: center;
	justify-content: center;

	color: #4094f7;
	font-family: Lexend;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 1.05rem */
	letter-spacing: -0.039rem;
}
.locapopup_content__desc {
	width: 40.0625rem;
	color: rgba(46, 46, 46, 0.75);
	font-family: Lexend;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 1.4rem */
	letter-spacing: -0.039rem;
	margin-top: 1.5rem;
}
.locapopup_close {
	position: absolute;
	top: 1.81rem;
	right: 1.75rem;
	cursor: pointer;
	z-index: 10;
}
.locapopup_close svg {
	width: 2rem;
	height: 2rem;
}
.locapopup__overlay,
.locapopup_closeMB,
.locapopup_content__imgmb {
	display: none;
}
@media (max-width: 639px) {
	.locapopup {
		top: 10rem;
		padding: 1rem;
		border-radius: 1.5rem 1.5rem 0rem 0rem;
	}
	.locapopup_content {
		padding: 0;
		position: static;
		overflow: hidden;
		overflow-y: auto;
		max-height: 100%;
		padding-bottom: 3rem;
	}
	.locapopup_content__title {
		width: 100%;
		left: 0;
		color: #006b1d;
		text-align: center;
		font-family: 'Lexend Deca';
		font-size: 1rem;
		font-style: normal;
		font-weight: 600;
		line-height: 150%; /* 1.5rem */
		letter-spacing: -0.01rem;
		margin-bottom: 2.25rem;
		position: absolute;
		background: #fcfcfc;
		box-shadow: 0px 3px 40px 1px rgba(214, 214, 221, 0.4);
		padding: 0 1rem 0.75rem 1.5rem;
	}
	.locapopup .location_ringht,
	.locapopup_close svg {
		display: none;
	}
	.locapopup_close {
		display: none;
	}
	.locapopup_content__imgmb {
		display: block;
		width: 23.4375rem;
		height: 12.04525rem;
		margin-bottom: 2.25rem;
		margin-top: 6.5rem;
	}
	.locapopup_content__list {
		width: 100%;
		overflow-y: hidden;
		max-height: unset;
	}
	.locapopup_list__item {
		padding: 0.55525rem;
		border-radius: 0.55525rem;
		background: #f6f6f6;
	}
	.locapopup_list__title {
		color: #006b1d;
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; /* 1.225rem */
		letter-spacing: -0.0175rem;
		margin-bottom: 0.56rem;
	}
	.locapopup_list__warrper {
		margin-bottom: 0.28rem;
	}
	.locapopup_list__li {
		color: #2e2e2e;
		font-family: Lexend;
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 1.125rem */
		margin-right: 0.42rem;
	}
	.locapopup_list__tag {
		height: 0.86756rem;
		padding: 0.13881rem 0.347rem;
		border-radius: 13.11538rem;
		background: #daecfa;

		color: #4094f7;
		font-family: Lexend;
		font-size: 0.625rem;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 0.9375rem */
	}
	.locapopup_closeMB {
		display: flex;
		position: absolute;
		padding: 0.75rem 1rem;
		width: 100%;
		align-items: center;
		justify-content: center;
		bottom: 0;
		left: 0;
		right: 0;
		background: var(--White, #fff);
		box-shadow: 0px -4px 24px 0px rgba(0, 0, 0, 0.08);
	}
	.locapopup_closeMB__btn {
		height: 2.5rem;
		width: 100%;
		border-radius: var(--Spacing-32, 2rem);
		border: 0px solid var(--text-text-oxford-blue-0, #fff);
		background: var(--Shinnec-Color-Primary-Primary, #006b1d);
		display: flex;
		align-items: center;
		justify-content: center;

		color: var(--text-text-oxford-blue-0, #fff);
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 1.3125rem */
	}
	.locapopup__overlay {
		position: fixed;
		inset: 0;
		background: #0000005c;
		z-index: 98;
	}
	.locapopup__overlay.active {
		display: flex;
	}
	.locapopup_content::-webkit-scrollbar {
		display: none;
	}
	/* Ẩn thanh cuộn trên Firefox */
	.locapopup_content {
		scrollbar-width: none;
	}
	.locapopup_content__desc {
		color: #000;
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 1.3125rem */
		letter-spacing: -0.00875rem;
		width: 100%;
	}
}
/* loca-popup */