section {
	text-align: center;
	overflow: hidden;
}

.title-h {
	display: inline-block;
}

.title-h:before {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -10px;
	width: 130px;
	height: 2px;
	content: "";
	background: linear-gradient(90deg, #ff4912 0%, #ff7900 100%);
	z-index: 1;
}

.list-sp .title-h:before,
.list-da .title-h:before {
	background: #fff;
}

.main-job:nth-of-type(odd) {
	background: #f9f9f9;
}

.title-h b {
	font-weight: 700;
	background: linear-gradient(180deg, #ff4912 0%, #ff7900 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.post-item,
.post-new {
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),
		0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),
		0 0 40px rgba(0, 0, 0, 0.06) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),
		0 0 40px rgba(0, 0, 0, 0.06) inset;
}

.post-item .box-item {
	background: linear-gradient(360deg,
			#168427 2.55%,
			rgba(83, 152, 190, 0) 100%);
	height: 30%;
	transition: all 0.5s ease-in-out;
	display: flex;
	justify-content: center;
	align-items: center;
}

.post-item:hover .box-item {
	background: #027214b3;
	height: 100%;
}

.post-item .box-item .line {
	display: none;
}

.post-item:hover .box-item .line {
	display: block;
}

.post-item .meta {
	display: none;
	transition: 0.3s all;
}

.post-item:hover .meta {
	display: block;
}

.bst .list-bst .slick-list {
	margin-left: -36vw;
}

.bst .item .thumb img {
	padding-bottom: 20px;
}


.bst .item.slick-current .thumb {
	padding-top: unset;
}

.bst .item .title-item {
	text-align: left;
}

.bst .list-bst .slick-dots {
	bottom: 0;
	position: relative;
	padding-top: 30px;
}

.bst .list-bst .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 5px 10px;
	transition: all 500ms ease-in-out;
}

.bst .list-bst .slick-dots li button {
	width: 10px;
	height: 10px;
}

.bst .list-bst .slick-dots li button:before {
	width: 10px;
	height: 10px;
	content: "";
	border: 1px solid #810609;
	transform: rotate(45deg);
	color: transparent;
}

.bst .list-bst .slick-dots li.slick-active {
	margin-right: 50px;
}

.bst .list-bst .slick-dots li.slick-active button:before {
	background: #810609;
}

.bst .list-bst .slick-dots .slick-active::after {
	top: 50%;
	content: "";
	width: 40px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 20px;
	background: #810609;
	z-index: 0;
	transition: all 500ms ease-in-out;
	animation: buttonhight 500ms linear;
}

@keyframes buttonhight {
	0% {
		width: 0px;
	}

	100% {
		width: 45px;
	}
}

.overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(20, 20, 20, 0.8);
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
}

.bst .list-bst .item .top-line {
	opacity: 0;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 0.5px;
	height: 0;
	transition: all 0.3s linear;
	background: #8b8b8b;
	z-index: 2;
	position: absolute;
}

.bst .list-bst .item .top-line svg {
	position: absolute;
	bottom: -20px;
	width: 16px;
	height: 16px;
	left: -8px;
	z-index: 3;
	display: block;
	opacity: 0;
	filter: invert(1);
	transition: opacity 0.3s;
}

@keyframes top-line {
	0% {
		height: 0;
		opacity: 0;
	}

	30% {
		height: 0;
		opacity: 1;
	}

	100% {
		height: 40%;
		opacity: 1;
	}
}

.bst .list-bst .item:hover .top-line {
	animation: top-line 3s linear forwards;
}

.bst .list-bst .item:hover .top-line svg {
	opacity: 1;
}

.bst .list-bst .item:hover .btn-xem-them {
	opacity: 1;
}

.bst .list-bst .item:hover .overlay {
	opacity: 1;
}

.bst .list-bst .item:nth-of-type(odd) .title-item {
	order: 2;
}

.bst .list-bst .item:nth-of-type(odd) .thumb {
	order: 1;
}

.time-line {
	background: linear-gradient(261deg,
			#ffdb6b -147.48%,
			#c49b27 -82.46%,
			#c7950e -28.91%,
			#fef097 37.39%,
			#a17700 97.32%);
}

.time-line .item-svg {
	display: block;
	margin: 5px auto 0;
	text-align: center;
}

.time-line .item-time:hover svg {
	filter: invert(1);
}

.time-line .item-svg svg {
	display: inline-block;
}

.dai-lo-mua-sam .box-mua-sam .dess:after {
	position: absolute;
	content: "";
	bottom: -20px;
	left: 0;
	width: 30%;
	height: 20px;
	background-image: url(../img/line-star.svg);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
}

.phong-cach .box-title:before {
	position: absolute;
	content: "";
	top: 25%;
	left: -16vw;
	width: 16vw;
	height: 20px;
	background-image: url(../img/img-left-star.png);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	z-index: -1;
}

.phong-cach .box-title:after {
	position: absolute;
	content: "";
	top: 25%;
	right: -16vw;
	width: 16vw;
	height: 20px;
	background-image: url(../img/img-right-star.png);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	z-index: -1;
}

.phong-cach .list-pc .item-pc {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.phong-cach .list-pc .item-pc:nth-of-type(even) {
	align-items: flex-end;
}

.phong-cach .list-pc .item-pc:nth-of-type(odd) {
	align-items: flex-start;
}

.phong-cach .list-pc .item-pc:nth-of-type(1) .bottom-title {
	padding-left: 42%;
}

.phong-cach .list-pc .item-pc:nth-of-type(2) .bottom-title {
	padding-left: 18%;
}

.phong-cach .list-pc .item-pc:nth-of-type(3) .bottom-title {
	padding-left: 50%;
}

.phong-cach .list-pc .bottom-title {
	position: relative;
	margin-top: -3vw;
}

.phong-cach .list-pc .bottom-title::first-letter {
	color: #dec188;
	font-size: 13.75rem;
}

.row-utilities .box-title:before {
	position: absolute;
	content: "";
	top: 55%;
	left: 5%;
	width: 16vw;
	height: 20px;
	background-image: url(../img/img-left-star.png);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
	z-index: 1;
}

.list-cat .cat-item .thumb img,
.list-du-an .post-item .thumb img {
	transition: 1.2s all ease-in-out;
}

.list-cat .cat-item:hover .thumb img,
.list-du-an .post-item:hover .thumb img {
	transform: scale(1.2);
}

.list-cat .cat-item:hover h3,
.list-du-an .post-item:hover .box-info h3 {
	color: #2f9a40;
}

.row-interior .box-title .dess:after {
	position: absolute;
	content: "";
	bottom: -30px;
	left: 0;
	width: 52%;
	height: 20px;
	background-image: url(../img/star-white.png);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
	background-position: center right;
}

.slick-dots {
	bottom: -60px;
}

.slick-dots li button:before {
	color: #d1d3d4;
	font-size: 16px;
}

.slick-dots li.slick-active button:before {
	color: #ff7900;
	opacity: 1;
}

.texxt-box:before {
	position: absolute;
	content: "";
	left: 0;
	top: -25px;
	width: 1vw;
	height: 2vw;
	background: url(../img/dau-nhay.svg);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}

.post-new .thumb:before {
	background: linear-gradient(to right,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.3) 100%);
	content: "";
	display: block;
	height: 100%;
	left: -75%;
	position: absolute;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
	z-index: 1;
}

.post-new .thumb:hover::before,
.post-new .thumb:focus::before {
	animation: shine 1s;
}

@keyframes shine {
	100% {
		left: 125%;
	}
}

.post-new .box-item {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #070707 100%);
	color: #fff;
}

#about .desscription p:not(:last-child) {
	margin-bottom: 12px;
}

.list-dt .slick-dots {
	bottom: -45px;
}

.list-dt .slick-dots li {
	margin: 0 5px;
}

.list-dt .slick-dots li button {
	font-size: 0;
	line-height: 0;
	width: 16px;
	height: 16px;
	padding: 5px;
	color: transparent;
	outline: none;
	background: transparent;
	border: none;
	border-radius: 50%;
}

.list-dt .slick-dots li button:before {
	line-height: 1;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	background: #d1d3d4;
	content: "";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 1;
	border-radius: 50%;
}

.list-dt .slick-dots li.slick-active button:before {
	background: linear-gradient(180deg, #ff4912 0%, #ff7900 100%);
}

.list-news .slick-dots {
	bottom: -50px;
	width: 200px;
	left: 50%;
	transform: translateX(-50%);
}

.list-news .slick-dots li {
	width: 40px;
	height: 40px;
}

.list-news .slick-dots li button:before {
	content: none;
}

.list-news .slick-dots li button {
	font-size: 16px;
	line-height: inherit;
	color: #042445;
	background: #e1d5bd;
	width: 40px;
	height: 40px;
}

.list-news .slick-dots li.slick-active button,
.list-news .slick-dots li:hover button {
	background: #b79654;
	color: #fff;
}

.time-line:before {
	background: #15162c;
	position: absolute;
	left: 0;
	top: calc(50% - 10px);
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	content: "";
}

.test-line {
	width: 100%;
	min-width: 100vw;
	height: 0.5px;
	background: #8b8b8b;
	position: absolute;
	left: 8vw;
	transform-origin: center;
	clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);
	transition: clip-path 3s ease-out, transform 3s ease-out,
		opacity 1.5s ease-out;
	opacity: 0;
	top: 22vw;
}

.phong-cach.in-view .test-line {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	transform: scaleX(1);
	opacity: 1;
}

.phong-cach.in-view .line:before {
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 100%;
	background: #ddd;
	left: 0;
	transform-origin: center right;
	transform: scaleX(0);
	transition: transform 1.5s ease-out;
	z-index: 1;
}

.phong-cach.in-view .line:after {
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 100%;
	background: #ddd;
	right: 0;
	transform-origin: center left;
	transform: scaleX(0);
	transition: transform 1.5s ease-out;
	z-index: 1;
}

.phong-cach.in-view .line:before,
.phong-cach.in-view .line:after {
	transition-delay: 1.5s;
}

@keyframes line-animation {
	0% {
		height: 0;
		opacity: 0;
	}

	30% {
		height: 0;
		opacity: 1;
	}

	100% {
		height: 83.5%;
		opacity: 1;
	}
}

.test-line-2 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 20vw;
	width: 30px;
	height: calc(100% - 22vw);
	opacity: 0;
	transition: 5s all;
	z-index: 0;
	background-image: url(../img/line-2.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	transition: clip-path 3s ease-out, transform 3s ease-out,
		opacity 1.5s ease-out;
}

.phong-cach.in-view .test-line-2 {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	opacity: 0.8;
}

.bst .list-bst .item .number {
	font-size: 11.75rem;
}

.gallery_dlms .item-2 {
	margin-top: 8vw;
}

.gallery_dlms .item-4 {
	margin-top: -4vw;
}

@media (max-width: 1680px) {
	.bst .item .item-title {
		font-size: 28px;
	}

	.bst .item .item-title b {
		font-size: 32px;
	}

	.phong-cach .list-pc .bottom-title::first-letter {
		font-size: 11.75rem;
	}

	.bst .list-bst .item .number {
		font-size: 10.75rem;
	}
}

@media (max-width: 1459px) {
	.bst .item .item-title {
		font-size: 25px;
	}

	.bst .item .item-title b {
		font-size: 30px;
	}

	.phong-cach .list-pc .bottom-title::first-letter {
		font-size: 10.75rem;
	}

	.bst .list-bst .item .number {
		font-size: 9.75rem;
	}

	.phong-cach .list-pc .bottom-title {
		margin-top: -12vw;
		margin-bottom: -5vw;
	}

	.row-utilities .box-title:before {
		width: 13vw;
	}
}

@media (max-width: 1366px) {
	.bst .item .item-title {
		font-size: 22px;
	}

	.bst .item .item-title b {
		font-size: 28px;
	}

	.phong-cach .list-pc .bottom-title::first-letter {
		font-size: 9.75rem;
	}

	.bst .list-bst .item .number {
		font-size: 8.75rem;
	}
}

@media (max-width: 1280px) {
	.bst .item .item-title {
		font-size: 20px;
	}

	.bst .item .item-title b {
		font-size: 25px;
	}

	.phong-cach .list-pc .bottom-title::first-letter {
		font-size: 8.75rem;
	}

	.bst .list-bst .item .number {
		font-size: 7.75rem;
	}
}

@media (max-width: 1024px) {
	.bst .item .item-title {
		font-size: 25px;
	}

	.bst .item .item-title b {
		font-size: 30px;
		display: block;
		line-height: 1;
	}

	.phong-cach .list-pc .bottom-title::first-letter {
		font-size: 7.75rem;
	}

	.bst .list-bst .item .number {
		font-size: 6.75rem;
	}
}

@media (max-width: 767px) {
	.time-line:before {
		content: unset;
	}

	.bst .list-bst .item .number {
		font-size: 5rem;
	}

	.bst .list-bst .item .title-item {
		order: 2;
	}

	.bst .list-bst .item .thumb {
		order: 1;
	}

	.bst .item .thumb {
		padding-right: 0;
	}

	.marquee-container {
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	.marquee-content {
		display: flex;
		flex-direction: row;
	}

	.marquee-content .item {
		margin-right: 30px;
		min-width: 30%;
	}

	.dai-lo-mua-sam .box-mua-sam .dess:after {
		width: 50%;
	}

	.gallery_dlms .item-4,
	.gallery_dlms .item-2 {
		margin-top: unset;
	}

	.phong-cach .box-title:before,
	.phong-cach .box-title:after {
		content: none;
	}

	.phong-cach .list-pc .item-pc:nth-of-type(1) .bottom-title {
		padding-left: 10%;
	}

	.phong-cach .list-pc .item-pc:nth-of-type(2) .bottom-title {
		padding-left: 20px;
	}

	.phong-cach .list-pc .item-pc:nth-of-type(3) .bottom-title {
		padding-left: 20%;
	}

	.phong-cach .list-pc .bottom-title::first-letter {
		font-size: 6rem;
	}

	.phong-cach .list-pc .item-pc:nth-of-type(3) .thumb {
		padding-right: 20px;
	}

	.phong-cach .list-pc .bottom-title {
		margin-top: -8vw;
	}

	.time-line .item-time:before {
		background: #15162c;
		position: absolute;
		left: 0;
		top: calc(50% - 10px);
		transform: translateY(-50%);
		width: 44%;
		height: 1px;
		content: "";
	}

	.time-line .item-time:after {
		background: #15162c;
		position: absolute;
		right: 0;
		top: calc(50% - 10px);
		transform: translateY(-50%);
		width: 44%;
		height: 1px;
		content: "";
	}

	@keyframes line-animation-2 {
		0% {
			height: 0;
			opacity: 0;
		}

		30% {
			height: 0;
			opacity: 1;
		}

		100% {
			height: 70%;
			opacity: 1;
		}
	}

	.list-bst .item:not(:last-child) {
		margin-bottom: 30px;
	}

	.bst .item-0 {
		padding-bottom: unset;
	}

	.bst .item-2 {
		padding-bottom: unset;
	}

	.phong-cach .list-pc .item-pc:nth-of-type(1),
	.phong-cach .list-pc .item-pc:nth-of-type(2) {
		float: unset;
	}

	.phong-cach .list-pc .item-pc:nth-of-type(2) {
		margin-top: unset;
	}

	.phong-cach .list-pc .item-pc:nth-of-type(3) {
		margin-left: unset;
	}

	.test-line-2 {
		top: 600px;
	}

	.test-line {
		left: -20px;
		top: -20px;
	}

	.phong-cach.in-view .test-line-2 {
		animation: line-animation-2 7s linear forwards;
	}

	.post-new.slick-current,
	.post-new.slick-current .thumb img {
		aspect-ratio: 1/1;
	}

	.post-new:hover .box-item,
	.post-new.slick-current .box-item {
		background: #001d55;
		height: auto;
	}

	.texxt-box:before {
		width: 15px;
		height: 20px;
	}

	.box-feel .box-item {
		box-shadow: unset;
	}

	.doi-tac .doi-tac {
		box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.25);
	}

	.box-feel:after {
		right: -30px;
		width: 40vw;
		height: 15vw;
	}
}