.investment {
	position: relative;
	background: #fff;
	padding: 12.625rem 0 4rem;
}
.investment img {
	user-select: none;          /* Standard */
	-webkit-user-select: none;  /* Chrome/Safari */
	-moz-user-select: none;     /* Firefox */
	-ms-user-select: none;      /* IE/Edge */
	pointer-events: none;       /* Prevent interaction like drag */
}
.investment-background-linear {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 10.36863rem;
	background: #0d0d2f;
	z-index: 1;
}
.investment-wrapper {
	width: 100%;
	position: relative;
	z-index: 2;
}
.investment-inner {
	position: relative;
	width: 100%;
	max-width: 89.8125rem;
	margin: 0 auto;
	display: flex;
	border-radius: 1.25rem;
	background: #fff;
	overflow: hidden;
	min-height: 47.625rem;
/* 	border: 1px solid var(--outline-neutral-16, rgba(112, 115, 124, 0.16)); */
}
.investment-inner-left {
	width: 28.89525rem;
	flex-shrink: 0;
	position: relative;
}
.investment-inner-left__title {
	position: absolute;
	left: 2.07rem;
	top: 1.93rem;
	color: #fff;
	font-size: 2.375rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: -0.0625rem;
}
.investment-inner-left__bg {
	width: 100%;
	height: 100%;
}
.investment-inner-left__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.investment-inner-right {
	--border-radius: 1.25rem;
	flex: 1 0 0;
	padding: 3.44rem 0 1.94rem 4.725rem;
	position: relative;
	border: 1px solid var(--outline-neutral-16, rgba(112, 115, 124, 0.16));
	border-left: 0;
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}
.investment-inner-right__content {
	width: 44.375rem;
	display: flex;
	flex-direction: column;
}
.investment-inner-right__content h2,
.investment-inner-right__content h3,
.investment-inner-right__content h4,
.investment-inner-right__content h5,
.investment-inner-right__content h6 {
	color: var(--Shinnec-Color-Primary-Primary, #006b1d);
	font-family: Lexend;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 133.3%;
}
.investment-inner-right__content p {
	color: var(--Text-Text-Grey-87-body-text-1, rgba(0, 18, 36, 0.87));
	font-family: Lexend;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; 
	letter-spacing: -0.00875rem;
}
.investment-inner-right__content ul {
	list-style: disc;
	color: var(--Text-Text-Grey-87-body-text-1, rgba(0, 18, 36, 0.87));
	font-family: Lexend;
	font-size: 1rem;
	font-style: normal;
	line-height: 150%;
	font-weight: 400;
}
.investment-inner-right__content ul li {
	margin-left: 1rem;
	position: relative;
}
.investment-inner-right__content > ul {
	list-style: none;
	position: relative;
} 
.investment-inner-right__content > ul > li::before {
	content: "";
	display: block;
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 100%;
	background: #0078D4;
	position: absolute;
	top: 0.625rem;
	left: -1rem;
}
.investment-inner-right__content > *:not(:last-child) {
	margin-bottom: 1.25rem;
}
.investment-inner-right__content strong {
	font-weight: 600 !important;
}
.investment-inner-right__content > ul > li:not(:last-child) {
	margin-bottom: 0.875rem;
}
.investment-inner-conner_img {
	position: absolute;
	bottom: -5.125rem;
	right: -5.5625rem;
	width: 31.25rem;
	height: 18.125rem;
}
.investment-inner-left__title-mb {
	display: none;
}
@media (max-width: 639.98px) {
	.investment {
		padding-top: 2.46rem;
		padding-bottom: 1.77rem;
		background: rgba(250, 251, 253, 1);
	}
	.investment-background-linear {
		height: 27.20319rem;
		background: #0d0d2f;
	}
	.investment-wrapper {
	}
	.investment-inner {
		flex-direction: column;
		border-radius: 0.625rem;
		border: 0;
	}
	.investment-inner-left {
		width: 100%;
		height: 18.40894rem;
	}
	.investment-inner-right {
		--border-radius: 0.625rem;
		padding: 2.4375rem 0.875rem 2.5rem;
		border: 1px solid rgba(112, 115, 124, 0.16);
		border-top: 0;
		background: #FFF;
		border-radius: 0rem;
		border-bottom-left-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
	}
	.investment-inner-right__content {
		width: 100%;
	}
	.investment-inner-right__content h2,
	.investment-inner-right__content h3,
	.investment-inner-right__content h4,
	.investment-inner-right__content h5,
	.investment-inner-right__content h6 {
		color: var(--Shinnec-Color-Primary-Primary, #006B1D);
		font-family: Lexend;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 700;
		line-height: 133.3%; 
	}

	.investment-inner-conner_img {
		display: none;
	}
	.investment-inner-right__content p,
	.investment-inner-right__content ul li {
		font-size: 0.875rem;
	}
	.investment-inner-right__content strong {
		font-weight: 500;
	}
	.investment-inner-right__content > *:not(:last-child) {
		margin-bottom: 1rem;
	}
	.investment-inner-left__title.investment-inner-left__title--pc {
		display: none; 
	}
	.investment-inner-left__title-mb {
		position: relative;
		display: block;
		color: #FFF;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		font-family: Lexend;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: 140%;
		letter-spacing: -0.0625rem;
		text-transform: uppercase;
		margin-bottom: 1.875rem;
		z-index: 5;
		padding-inline: 0.875rem;
	}
	
	.investment-inner-right__content-title {
		color: var(--Shinnec-Color-Primary-Primary, #006B1D);
		font-family: Lexend;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 700;
		line-height: 133.3%; /* 1.49963rem */
		margin-bottom: 1.25rem;
	}
	.investment-inner-right__content.investment-inner-right__content-mb p {
		color: var(--Text-Text-Grey-87-body-text-1, rgba(0, 18, 36, 0.87));
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.00875rem;
		margin-bottom: 1rem;
	}
	.investment-inner-right__content.investment-inner-right__content-mb h2,
	.investment-inner-right__content.investment-inner-right__content-mb h3,
	.investment-inner-right__content.investment-inner-right__content-mb h4,
	.investment-inner-right__content.investment-inner-right__content-mb h5,
	.investment-inner-right__content.investment-inner-right__content-mb h6 {
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 600;
		line-height: 150%;
		letter-spacing: -0.00875rem;
	}
	.investment-inner-right__content.investment-inner-right__content-mb strong {
		font-weight: 500;
	}
	.investment-inner-right__content.investment-inner-right__content-mb > *:not(:last-child) {
		margin-bottom: 1rem;
	}
	.investment-inner-right__content.investment-inner-right__content-mb h2,
	.investment-inner-right__content.investment-inner-right__content-mb h3,
	.investment-inner-right__content.investment-inner-right__content-mb h4,
	.investment-inner-right__content.investment-inner-right__content-mb h5,
	.investment-inner-right__content.investment-inner-right__content-mb h6,
	.investment-inner-right__content.investment-inner-right__content-mb > ul > li:not(:last-child){
		margin-bottom: 0.25rem !important;
	}
	
	.investment-inner-right__content > ul > li::before {
		display: none;
	}
	.investment-inner-right__content > ul {
		list-style: disc;
	}
}


/* SECTION: XAY DUNG TUONG LAI */
.section-xay-dung-tuong-lai {
  height: 100vh;
  padding: 4rem 0;
}

.section-xay-dung-tuong-lai .section-container {
  display: flex;
  align-items: center;
  width: 90rem;
  margin: auto;
  justify-content: space-between;
  height: 100%;
}

.section-xay-dung-tuong-lai .left-col {
  width: 38rem;
}

.section-xay-dung-tuong-lai .left-col h2 {
  width: 100%;
  color: var(--Shinnec-Color-Primary-Primary, #006b1d);
  margin-bottom: 2.5rem;
  font-family: Lexend;
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.0625rem;
  text-transform: uppercase;
}

.section-xay-dung-tuong-lai .tabs-wrapper {
  position: relative;
}

.section-xay-dung-tuong-lai .tabs-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 6rem;
  background: linear-gradient(179deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  z-index: 1;
}

.section-xay-dung-tuong-lai .tabs-container {
  height: 32.5rem;
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding-bottom: 5rem;
}

.section-xay-dung-tuong-lai .left-col .translate-container {
  display: flex;
  flex-direction: column;
}

.section-xay-dung-tuong-lai .left-col .translate-container > .tab-container + .tab-container {
  margin-top: 1.75rem;
}

.section-xay-dung-tuong-lai .left-col .translate-container .tab-container {
  flex: none;
  max-height: 26.74rem;
  display: flex;
  flex-direction: column;
}

.section-xay-dung-tuong-lai .left-col .translate-container .tab-container .icon-container {
  flex: none;
  width: 4rem;
  height: 3.88rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.94rem;
  border: 2.5px solid rgba(255, 255, 255, 0.76);
  background: var(
    --Gradient,
    linear-gradient(90deg, var(--Green-Green-B1, #00943e) 0%, var(--Blue-Blue-B1, #0078d4) 135.91%)
  );
  margin-bottom: 1.25rem;
}

.section-xay-dung-tuong-lai .left-col .translate-container .tab-container .icon-container > .icon {
  width: 2.5rem;
  height: 2.5rem;
}

.section-xay-dung-tuong-lai .left-col .translate-container .tab-container .title {
  display: block;
  color: #111927;
  font-family: Lexend;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.0625rem;
  margin-bottom: 0.75rem;
}

.section-xay-dung-tuong-lai .left-col .translate-container .tab-container .content-container {
  flex: 1 1 auto;
  overflow: auto;
  padding-right: 1rem;
}

.section-xay-dung-tuong-lai .left-col .translate-container .tab-container .content-container::-webkit-scrollbar {
  width: 0.375rem;
}

.section-xay-dung-tuong-lai .left-col .translate-container .tab-container .content-container::-webkit-scrollbar-track {
  background: linear-gradient(180deg, #ececec 70.56%, rgba(236, 236, 236, 0.38) 100%);
}

.section-xay-dung-tuong-lai .left-col .translate-container .tab-container .content-container::-webkit-scrollbar-thumb {
  background: #00943e;
  border-radius: 8rem;
}

.section-xay-dung-tuong-lai .left-col .tabs-container .content-container p {
  color: var(--Text-Text-Grey-72-text-2, rgba(0, 18, 36, 0.72));
  font-family: Lexend;
  font-size: var(--font-size-14, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.section-xay-dung-tuong-lai .left-col .tabs-container .content-container strong {
  font-weight: 700;
}

.section-xay-dung-tuong-lai .left-col .tabs-container .content-container > * + * {
  margin-top: 1rem !important;
}

.section-xay-dung-tuong-lai .left-col .tabs-container .content-container ul > li + li {
  margin-top: 0.5rem;
}

.section-xay-dung-tuong-lai .left-col .tabs-container .content-container li {
  color: var(--Text-Text-Grey-72-text-2, rgba(0, 18, 36, 0.72));
  font-family: Lexend;
  font-size: var(--font-size-14, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.section-xay-dung-tuong-lai .left-col .tabs-container > .tab-container .content-container > * + * {
  margin-top: 0.75rem;
}

.section-xay-dung-tuong-lai .right-col {
  width: 50.3rem;
  padding: 3.75rem 2.12rem 2.25rem 2.75rem;
}

.section-xay-dung-tuong-lai .right-col .line-container {
  position: relative;
}

.section-xay-dung-tuong-lai .right-col .line-backup {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  object-fit: contain;
}

.section-xay-dung-tuong-lai .right-col .line {
  position: relative;
  width: 100%;
  height: auto;
  object-fit: contain;
  z-index: 1;
}

.section-xay-dung-tuong-lai .start-tab {
  position: absolute;
  top: -2rem;
  left: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translate(-50%, 0);
  z-index: 2;
}

.section-xay-dung-tuong-lai .start-tab > * + * {
  margin-top: 0.5rem;
}

.section-xay-dung-tuong-lai .start-tab .title {
  color: var(--Shinnec-Color-Primary-Primary, #006b1d);
  text-align: center;
  font-family: Lexend;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.section-xay-dung-tuong-lai .start-tab .start-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--Shinnec-Color-Primary-Primary, #006b1d);
}

.section-xay-dung-tuong-lai .tab {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}

.section-xay-dung-tuong-lai .tab .icon-container {
  position: relative;
  width: 5.75rem;
  height: 5.75rem;
}

.section-xay-dung-tuong-lai .tab img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.section-xay-dung-tuong-lai .tab .icon-active {
  visibility: hidden;
}

.section-xay-dung-tuong-lai .tab .tab-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}

.section-xay-dung-tuong-lai .tab .title {
  width: 9.875rem;
  text-align: center;
  font-family: Lexend;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.section-xay-dung-tuong-lai .tab-1 {
  top: -6.05rem;
  left: 5.4rem;
}

.section-xay-dung-tuong-lai .tab-2 {
  top: -6.05rem;
  left: 17.8rem;
}

.section-xay-dung-tuong-lai .tab-3 {
  top: -6.05rem;
  left: 31.25rem;
}

.section-xay-dung-tuong-lai .tab-4 {
  top: 5.6rem;
  left: 34.95rem;
}

.section-xay-dung-tuong-lai .tab-5 {
  top: 5.6rem;
  left: 23.3rem;
}

.section-xay-dung-tuong-lai .tab-6 {
  top: 5.6rem;
  left: 11.2rem;
}

.section-xay-dung-tuong-lai .tab-7 {
  top: 5.6rem;
  left: 0.3rem;
}

.section-xay-dung-tuong-lai .tab-8 {
  top: 17.45rem;
  left: 3.125rem;
}

.section-xay-dung-tuong-lai .tab-9 {
  top: 17.45rem;
  left: 17.625rem;
}

.section-xay-dung-tuong-lai .tab-10 {
  top: 17.45rem;
  left: 32.1rem;
}

.section-xay-dung-tuong-lai .tab-11 {
  top: 28.3rem;
  left: 29.125rem;
}

.section-xay-dung-tuong-lai .tab-12 {
  top: 28.3rem;
  left: 12rem;
}

.section-xay-dung-tuong-lai .tab-12 .title {
  width: 13.125rem;
}

.section-xay-dung-tuong-lai .tab-13 {
  top: 28.3rem;
  left: -0.875rem;
}

.section-xay-dung-tuong-lai .pointer {
  position: absolute;
  top: -0.25rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: #2d6551;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.section-xay-dung-tuong-lai .pointer .pointer-deco {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background: #fff;
}

.section-xay-dung-tuong-lai-mobile {
  display: none;
}

@media (max-width: 768px) {
  .section-xay-dung-tuong-lai {
    display: none;
  }

  .section-xay-dung-tuong-lai-mobile {
    display: block;
    padding: 1rem 0;
  }

  .section-xay-dung-tuong-lai-mobile h2 {
    color: var(--Shinnec-Color-Primary-Primary, #006b1d);
    font-family: Lexend;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.0625rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    width: 21rem;
    margin-left: 0.75rem;
  }

  .section-xay-dung-tuong-lai-mobile .slide-container {
    height: 28rem;
  }

  .section-xay-dung-tuong-lai-mobile .swiper-xay-dung-tuong-lai {
    position: relative;
    z-index: 2;
  }

  .section-xay-dung-tuong-lai-mobile .swiper-wrapper {
    transition-timing-function: ease-out !important;
  }

  .section-xay-dung-tuong-lai-mobile .swiper-slide {
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .section-xay-dung-tuong-lai-mobile .content-box {
    position: relative;
    height: 17.5rem;
    width: 21.875rem;
    margin-bottom: 0.25rem;
    visibility: hidden;
  }

  .section-xay-dung-tuong-lai-mobile .content-box .deco {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: translate(-50%, 0);
    z-index: 0;
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text {
    position: relative;
    padding: 0.85rem;
    z-index: 2;
    height: 15rem;
    display: flex;
    flex-direction: column;
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text .title {
    color: var(--Shinnec-Color-Primary-Primary, #006b1d);
    font-family: Lexend;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 0.5rem;
    flex: none;
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text .content-container {
    flex: 1 1 auto;
    overflow: auto;
    padding-right: 0.62rem;
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text .content-container::-webkit-scrollbar {
    width: 0.375rem;
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text .content-container::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #ececec 70.56%, rgba(236, 236, 236, 0.38) 100%);
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text .content-container::-webkit-scrollbar-thumb {
    background: var(--Shinnec-Color-Secondary-Green-900);
    border-radius: 1.5rem;
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text .content-container > * + * {
    margin-top: 0.45rem;
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text .content-container p {
    color: var(--Text-Text-Grey-72-text-2, rgba(0, 18, 36, 0.72));
    font-family: Lexend;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text .content-container ul > li + li {
    margin-top: 0.22rem;
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text .content-container li {
    color: var(--Text-Text-Grey-72-text-2, rgba(0, 18, 36, 0.72));
    font-family: Lexend;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    width: 14.375rem;
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text .content-container li > * + * {
    margin-left: 0.25rem;
  }

  .section-xay-dung-tuong-lai-mobile .content-box-text .content-container strong {
    font-weight: 700;
  }

  .section-xay-dung-tuong-lai-mobile .icon-container {
    position: relative;
    width: 5rem;
    height: 5rem;
  }

  .section-xay-dung-tuong-lai-mobile .icon-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .section-xay-dung-tuong-lai-mobile .icon-container img.icon {
    opacity: 1;
  }

  .section-xay-dung-tuong-lai-mobile .icon-container img.icon-active {
    opacity: 0;
  }

  .section-xay-dung-tuong-lai-mobile .dot-container {
    position: relative;
    width: 0.75rem;
    height: 0.75rem;
    margin-bottom: 0.4rem;
    overflow: visible;
  }

  .section-xay-dung-tuong-lai-mobile .dot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #bdbdbd;
  }

  .section-xay-dung-tuong-lai-mobile .dot-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 130%;
    height: 130%;
  }

  .section-xay-dung-tuong-lai-mobile .tab-title {
    width: 5.625rem;
    color: var(--Text-Text-Grey-Disable, rgba(0, 18, 36, 0.38));
    text-align: center;
    font-family: Lexend;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }

  .section-xay-dung-tuong-lai-mobile .line {
    position: absolute;
    bottom: 5.75rem;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
  }

  .section-xay-dung-tuong-lai-mobile .line-backup {
    position: absolute;
    bottom: 5.75rem;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;
  }
}

.section-xay-dung-tuong-lai .left-col .tabs-container .content-container ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-top: 0.5rem;
}

.section-spacing {
  height: 2.5rem;
}

@media (max-width: 767px) {
  .section-spacing {
    height: 0.5rem;
  }
}