/* .item-home .box-content .title-box {
	background: linear-gradient(90deg, #653e2ccf 0%, #c6803bd1 50%, #ecd69fe0 70%, #ecd69f00 100%);
}

.item-home .box-content .title-box .font-title {
	text-shadow: 3px 2px 4px #0000007a;
}

@media (max-width: 767px) {
	.item-home .box-content .title-box {
		background: linear-gradient(90deg, #653e2c 0%, #c6803b 50%, #ecd69f 100%);
	}
	.item-home .box-content .title-box .font-title {
		text-shadow: unset;
	}
} */

#banner-2 .item .box-content .title-box {
	background: linear-gradient(90deg, #653e2ccf 0%, #c6803bd1 50%, #ecd69fe0 70%, #ecd69f00 100%);
}

#banner-2 .item .box-content .title-box div,
#banner-2 .item .box-content .title-box h3 {
	text-shadow: 3px 2px 4px #0000007a;
}

@media (max-width: 767px) {
	#banner-2 .item .box-content {
		background: linear-gradient(90deg, #653e2c 0%, #c6803b 50%, #ecd69f 100%);
	}
	#banner-2 .item .box-content .title-box {
		background: transparent;
	}
	#banner-2 .item .box-content .title-box .font-title {
		text-shadow: unset;
	}
}

@-webkit-keyframes chudivao {
	from {
		transform: translateX(-100px);

		opacity: 0;
	}

	to {
		transform: translateX(0px);

		opacity: 1;
	}
}

.slide-img .item-slide.active .box-content h3,
.slide-img .item-slide.active .box-content .font-title {
	animation: chudivao 0.7s forwards;
}

.chuyenslide {
	text-align: center;

	position: absolute;

	top: 50%;

	right: 20px;

	transform: translateY(-50%);

	z-index: 9;
}

.chuyenslide ul {
	display: block;

	text-align: center;

	padding: 0;
}

.chuyenslide ul li {
	display: block;

	/* border: 1px solid #fff; */

	text-indent: -9999px;

	width: 10px;

	height: 10px;

	margin: 10px;

	transition: 0.4s;

	position: relative;

	cursor: pointer;
}

.chuyenslide ul li:before {
	position: absolute;

	content: "";

	width: 10px;

	border: 1px solid #fff;

	height: 10px;

	transform: rotate(45deg) translateX(-50%);

	left: 50%;

	background: transparent;
}

.chuyenslide ul li:hover:before,
.chuyenslide ul li.active::before {
	background: #fff;
}

.chuyenslide ul li:before {
	transition: all 500ms ease-in-out;
}

.chuyenslide ul li.active {
	position: relative;

	margin-bottom: 50px;

	transition: all 500ms ease-in-out;
}

.chuyenslide ul li.active::after {
	top: 15px;

	content: "";

	width: 1px;

	height: 35px;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	background: #fff;

	z-index: 0;

	transition: all 500ms ease-in-out;

	animation: buttonhight 500ms linear;
}

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

	100% {
		height: 35px;
	}
}

.slider-wrapper {
	height: 100%;

	width: 100%;

	position: relative;
}

.slider-wrapper .item-home {
	list-style: none;

	position: absolute;

	height: 100%;

	width: 100%;

	transition: 0.4;

	opacity: 0;

	transition: 1s;
}

.slider-wrapper .item-home.active {
	opacity: 1;

	animation: zoomhinh 1.5s both;
}

.slide-video-bds .du-an {
	position: absolute;

	height: 100%;

	width: 100%;

	opacity: 0;

	transition: 1s;
}

.slide-video-bds .du-an.active {
	opacity: 1;

	animation: zoomhinh 1.5s both;
}

.chuyenslide-2 {
	text-align: center;

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	z-index: 9;
}

.chuyenslide-2 ul {
	display: block;

	text-align: center;

	padding: 0;
}

.chuyenslide-2 ul li {
	display: inline-block;

	border: 1px solid gray;

	text-indent: -9999px;

	width: 15px;

	height: 15px;

	border-radius: 50%;

	margin: 20px 5px;

	transition: 0.4s;

	cursor: pointer;
}

.chuyenslide-2 ul li:hover,
.chuyenslide-2 ul li.active {
	background: #2c2b2b;
}

.row-da .title-box .title-1 span,
.row-da .title-box .title-2 span {
	font-family: "SVN-Servetica";

	font-size: 70px;

	font-weight: 400;

	letter-spacing: 0.02em;

	text-transform: uppercase;

	display: inline-block;

	line-height: 1.2;
}

.row-da .title-box .title-2:before {
	position: absolute;

	content: "";

	left: calc(32% - 7vw - 20px);

	bottom: 15px;

	background-image: url(../img/line-before.png);

	background-repeat: no-repeat;

	background-size: cover;

	width: 7vw;

	height: 6px;
}

.row-da .list-bds.flex-box {
	display: flex;
	flex-wrap: nowrap;
}
.row-da .list-bds.pc-2.flex-box {
	display: none;
}

.row-da .list-bds.flex-box .du-an {
	flex: 1;
	width: 100% !important;
	height: 36vw;
	display: flex;
	flex-direction: column;
	position: relative;
	transition: flex 0.8s cubic-bezier(0.29, 0, 0.2, 1);
	will-change: flex;
}

.row-da .list-bds .du-an.active,
.row-da .list-bds .du-an:hover {
	flex: 1.7;
}

.row-da .list-bds .thumb:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%;
	background: linear-gradient(0deg, #000000 0%, rgba(196, 142, 89, 0) 100%);
	z-index: 2;
	opacity: 0.85;
}

.row-da .list-bds .du-an .box-button {
	opacity: 0;
	transition: all 0.99s ease;
	right: -200px;
}

.row-da .list-bds .du-an.active .box-button,
.row-da .list-bds .du-an:hover .box-button {
	opacity: 1;
	right: 20px;
}

.row-da .list-bds.active-slide .du-an {
	width: 100%;
	height: 36vw;
	display: flex;
	flex-direction: column;
	position: relative;
	transition: flex 0.8s cubic-bezier(0.29, 0, 0.2, 1), transform 0.8s cubic-bezier(0.29, 0, 0.2, 1);
	will-change: flex, transform;
}

.fa-duotone.fa-arrow-left:after,
.fa-duotone.fa-arrow-right:after {
	content: none !important;
}

.row-da .custom-button .line-dot:before {
	position: absolute;
	left: -3px;
	top: 0;
	width: 6px;
	height: 100%;
	content: "";
	background-image: url(../img/line-doc.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.row-da .list-bds.active-slide .du-an .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;
}

.row-da .list-bds.active-slide .du-an:hover .thumb::before {
	animation: new_shine 1s;
}

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

@media (max-width: 1680px) {
	.row-da .title-box .title-1 span,
	.row-da .title-box .title-2 span {
		font-size: 60px;
	}
}

@media (max-width: 1440px) {
	.row-da .title-box .title-1 span,
	.row-da .title-box .title-2 span {
		font-size: 50px;
	}
}

@media (max-width: 1366px) {
	.row-da .title-box .title-1 span,
	.row-da .title-box .title-2 span {
		font-size: 40px;
	}
}

@media (max-width: 1280px) {
	.row-da .title-box .title-1 span,
	.row-da .title-box .title-2 span {
		font-size: 35px;
	}
}

@media (max-width: 1024px) {
	.row-da .title-box .title-1 span,
	.row-da .title-box .title-2 span {
		font-size: 30px;
	}
}

@media (max-width: 767px) {
	.row-da .title-box .title-1 span,
	.row-da .title-box .title-2 span {
		font-size: 40px;
	}

	.chuyenslide {
		bottom: 20%;
		top: unset;
		transform: unset;
	}

	.row-da .title-box .title-2:before {
		left: calc(32% - 90px);

		top: 10px;

		width: 35px;
	}

	.row-da .list-bds .du-an .box-button {
		visibility: visible;

		opacity: 1;
	}
}

@media (max-width: 390px) {
	.row-da .title-box .title-1 span,
	.row-da .title-box .title-2 span {
		font-size: 35px;
	}
}