@font-face {
	font-family: "Greentour-Eloran";
	src: url("../font/Greentour-Eloran.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Regular */
@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-Gilroy-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Medium */
@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-Gilroy-Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* Bold */
@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-Gilroy-Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Italic */
@font-face {
	font-family: "SVN-Gilroy";
	src: url("../font/SVN-Gilroy-Italic.otf") format("opentype");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

:root{
	--normal-font: "SVN-Gilroy", sans-serif;;
	--primary-font: "Greentour-Eloran", serif;
	--normal-color: #212529;
	--primary-color: #2D6A4F;
	--second-color: #cb6d2d;
	--btn-color: #83E5B8;
	--bg-color: #F8ECE4;
	--btn-gradient: linear-gradient(-45deg, #2D6A4F, #cb6d2d 60%);
	--btn-gradient-hover: linear-gradient(-45deg, #2D6A4F, #cb6d2d 40%);
}
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;

}
body{
	font-family: var(--normal-font);
	font-size: 16px;
	color: var(--normal-color);
}
.container-fluid {
	width: 96% !important;
}
a{
	color: var(--second-color);
	text-decoration: none;
}
ul{
	margin-bottom: 0;
}
ul li{
	list-style: none;
}
img{
	max-width: 100%;
	object-fit: cover;
}
a:hover, a:focus {
	text-decoration: none;
}

input, button, textarea, select{
	outline: none;  
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	font-family: var(--primary-font);
	line-height: 1.3;
}
p:last-child{
	margin-bottom: 0;
}
.tb-space {
  padding: 70px 0;
}

.tb-space-top {
  padding-top: 70px;
}

.tb-space-bottom {
  padding-bottom: 70px;
}

.tb-space-sm {
  padding: 40px 0;
}

.tb-space-sm-top {
  padding-top: 40px;
}

.tb-space-sm-bot {
  padding-bottom: 40px;
}

@media (max-width: 767.98px) {
  .tb-space {
    padding: 40px 0;
  }

  .tb-space-top {
    padding-top: 40px;
  }

  .tb-space-bottom {
    padding-bottom: 40px;
  }
}
.ov-hidden{
	overflow: hidden;
}
.line-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.line-3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.line-4 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.breadcrumb{
	background: var(--bg-color);
}
.breadcrumb .breadcrumb-item a{
	color: var(--normal-color);
}
.breadcrumb-item.active{
	color: var(--primary-color);
}
.breadcrumb .breadcrumb-item label{
	display: inline-flex;
	gap:4px;
	white-space: nowrap;
	margin: 0;
}

.breadcrumb .breadcrumb-item label svg,
.breadcrumb .breadcrumb-item label img,
.breadcrumb .breadcrumb-item label i{
	width: 20px;
	font-size: 14px;
}
.btn{
	font-size: 13px;
	    text-align: center;
	display: inline-block;
	padding: 9px 12px;
	border-radius: 30px;
	transition: all .3s ease;
}
.btn-primary{
	    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary:hover{
	background-color: var(--primary-color);
    border-color: var(--primary-color);
	opacity: .8;
}
.btn-outline{
	color: var(--primary-color);
    background: transparent;
    border-color: var(--primary-color);
}
.btn-outline:hover{
	color: #fff;
	background: var(--second-color);
	border-color: var(--second-color);
}
.btn-accent{
	color: #fff;
    background: var(--btn-gradient);
    border-color: transparent;
}
.btn-accent:hover{
	color: #fff;
	background: var(--btn-gradient-hover);
}
/*menu mobile*/
.overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000080;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	z-index: 21;
}
.menu__mobile{
	position: fixed;
	top: 0;
	left: 0;
	width: 80%;
	height: 100%;
	background-color: #fff;
	box-shadow: 0 0 10px 0 #00000080;
	transform: translateX(-100%);
	z-index: 22;
	transition: all ease-in-out .4s;
}
.menu__mobile.active{
	transform: translateX(0);
	transition: all ease-in-out .4s;
}
.logo__mobile{
	padding: 20px 20px;
	margin-top: 10px;
	border-bottom: 1px solid #DCE0E0;
}
.logo__mobile p{
	margin-bottom: 0;
}
.close-menu{
	position: absolute;
    top: 15px;
    right: 20px;
    color: #616161;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.close-menu i{
	font-size: 30px;
}
.menu__mobile img{
	height: 58px;
	object-fit: cover;
	display: block;
	margin: 30px 20px;
}
.main__menu__mobile{
	margin: auto;
	margin-top: 20px;
	padding: 0 20px 0 20px;
}
.dropdown__menu__mobile li a{
	font-size: 16px;
	color: #000;
}
.dropdown__menu__mobile li{
	padding: 5px 10px;
}
.sub__menu__mobile{
	position: relative;
}
.sub__menu__mobile p {
	position: absolute;
	right: 20px;
	top: 15px;
	color: #1c1c1c;
}
.menu__title__mobile{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	color: #000 !important;
	padding: 8px 0px;
}
.menu__title__mobile i{
	margin-left: 5px;
	color: #000;
	transition: all .4s;
}
.show__dropdown{
	background-color: #0000000d;
}
.sub__menu__mobile.show__dropdown .dropdown__menu__mobile{
	display: block;
}
.sub__menu__mobile.rotate__icons i{
	transform: rotate(90deg);
	transition: all .4s;
}
/*end menu mobile*/

.hasChildren{
	position: relative;
}
/*header*/
header{
	padding: 10px 0;
	z-index: 20;
}
.menu__bar{
	display: none;
}
header.active{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	animation: toggleDown .5s linear forwards;
	box-shadow: 0px 4px 30px 0px #44444426;
	background-color: #fff;
}
@keyframes toggleDown{
	0%{
		opacity: 0;
		transform: translateY(-100%);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}
.header{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	transition: all .6s;
	height: 87px;
	height: 50px;
}
@media(max-width:576px){
	.header{
		height:auto;
	}
}
.logo{
	display: flex;
	align-items: center;
}
.logo img{
	width: 200px;
	width: auto;
	height: 50px;
	object-fit: cover;
	display: block;
}
@media(max-width:1399.98px){
	.logo img{
		width: 150px;
		width: auto;
	}
}
/*header.active .logo img{

width: 200px;
}*/

.header__mobile{
	display: none;
	padding: 10px 0;
}
.logo__header-mb img{

	width: 100%;
}
.title__logo p{
	color: var(--primary-color);
	margin-bottom: 0;
}
.search__mobile{
	max-width: 60%;
	display: none;
}
.form-search{
	position: relative;
	overflow: hidden;
}
.form-search input{
	width: 100%;
	height: 40px;
	padding: 0 50px 0 15px;
	background-color: #fff;
	border-radius: 30px;
	border: none;
	outline: none;
}
.form-search button{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	border: none;
	outline: none !important;
	font-size: 20px;
	color: var(--primary-color);
	cursor: pointer;
}
.form-search button i{
	font-size: 20px;
}
.menu{
	height: 100%;
	display: flex;
	align-items: center;
	gap: 30px;
}
header.active .menu{
	height: 87px;
}
.nav__bar{
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 0;
}
.sub__menu{
	padding: 0 10px;
}
.sub__menu.sub__menu-large{
	position: relative;
}
.sub__menu.sub__menu-large.menu-large-haschild{
	position: static;
}
.sub__menu.active {
	border-bottom: 3px solid #5d0cff; /* Thêm gạch chân màu tím */
}
.sub__menu__title{
	position: relative;
	height: 100%;
	line-height: 87px;
	line-height: 50px;
	font-size: 14px;
	color: #011a10 !important;
	font-weight: 400;
	display: block;
	text-transform: uppercase;
	text-decoration: none !important;
}
header.active .sub__menu__title{
	/*height: 50px;
	line-height: 50px;*/
}
.sub__menu__title img{
	height: 8px;
}

.sub__menu__title:hover::after{
	width: 100%;
	left: 0;
	right: unset;
	transition: all .4s;
}
.sub__menu__title:hover{
	color: var(--primary-color) !important;
	transition: all .2s;
}
header.other .sub__menu__title{
	color: #011a10 !important;
	text-transform: uppercase;
}
header.other .icon-search i{
	color: #011a10;
}
.sub__menu__title__child{
	position: relative;
}

.dropdown__menu{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 865px;
	padding-top: 10px;
	box-shadow: 0 10px 30px #00000014;
	display: none;
	z-index: 5;
	transition: display 0.5s ease;
}
.sub__menu.sub__menu-large .dropdown__menu{
	width: auto;
}

.sub__menu.sub__menu-large.menu-large-haschild .dropdown__menu{
	width: 865px;
	width: 100%;
}
.sub__menu:hover .dropdown__menu{
	display: block;
	transition-delay: 0.5s;

}
.menu__left{
	width: 300px;
	height: 412px;
	background: var(--primary-color);
	padding: 20px 0;

}
.sub__menu.sub__menu-large:not(.menu-large-haschild) .dropdown__menu .main__menu .menu__left{
	height: auto;
}
.sub__menu.sub__menu-large.menu-large-haschild .dropdown__menu .main__menu{
	display: flex;
	width: 865px;
	margin: 0 auto;
}
.sub__menu.sub__menu-large.menu-large-haschild .dropdown__menu .main__menu .main__menu__right{
	flex: 1;
}
.menu__content{
	/*position: absolute;
	top: 10px;
	left: 300px;
	width: calc(100% - 300px);
	height: 412px;*/
	background-color: #fff;
	display: none;
}
.menu__content.active{
	display: block;
}
.sub__menu.sub__menu-large.menu-large-haschild .dropdown__menu .main__menu .menu__content{
	height: 100%;
}
/*.sub__menu-left.active .menu__content,
.sub__menu-left:hover .menu__content{
	display: flex;
}*/
.main__menu__content{
	width: 100%;
	padding: 20px;
}
.main__menu__content a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #000;
	/*padding-left: 15px;*/
	/*margin-bottom: 10px;*/
	text-transform: uppercase;
}
/*.main__menu__content a::before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #000;
}*/
.main__menu__content a:hover{
	color: var(--primary-color);
	text-decoration: none;
}
.main__menu__content .box-deschild{
	margin-bottom: 20px;
}
.main__menu__content .box-deschild .deschild-title{
	font-weight: 600;
	margin-bottom: 10px;
}
.main__menu__content .destination-child{
	margin-left: 20px;
}
.main__menu__content .destination-child li{
	list-style: disc;
	margin-bottom: 10px;
}
.main__menu__content .destination-child li:last-child{
	margin-bottom: 0px;
}
.main__menu__content .destination-child li a{
	margin: 0;
}
.menu__content > img{
	width: 35%;
}
.title__menu-left{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px 10px 25px;
	font-size: 18px;
	color: #fff;
}
.sub__menu-left.active .title__menu-left,
.sub__menu-left:hover > .title__menu-left{
	background-color: var(--second-color);
	color: #fff;
	text-decoration: none;
	transition: all .2s;
}


.menu__bar span{
	display: inline-block;
	width: 28px;
	height: 2px;
	background-color: #fff;
	transition: all .4s;
}
.menu__bar span:nth-child(3){
	width: 20px;
}
.btn__header{
	display: flex;
	align-items: center;
	gap: 20px;
}
.language{
	position: relative;
}
.language p{
	font-size: 14px;
	color: #011a10;
	font-weight: 300;
	margin-bottom: 0;
	cursor: pointer;
}
.language p i{
	font-size: 24px;
	color: #828282;
	transition: all .4s;
}
.main__lg{
	position: absolute;
	top: calc(100% + 30px);
	right: 0;
	width: max-content;
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 4px 30px 0px #64646440;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	transition: all .4s;
}
.main__lg.active{
	top: 100%;
	opacity: 1;
	visibility: visible;
	transition: all .4s;
}
.language p.rotate-icon img{
	transform: rotate(180deg);
	transition: all .4s;
}
.main__lg li:not(:last-child){
	margin-bottom: 20px;
}
.main__lg li a{
	display: block;
	font-size: 16px;
	color: #000;
}
.main__lg li a:hover{
	color: var(--primary-color);
	text-decoration: none;
}
.main__lg li a img{
	width: 24px;
	height: 24px;
}
.btn__booking-header a{
	display: inline-block;
	padding: 10px 25px;
	background: var(--btn-gradient);
	border-radius: 50px;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	transition: all .3s;
}
.btn__booking-header a:hover{
	background-color: var(--primary-color);
	color: #fff;
	text-decoration: none;
	transition: all .3s;
}
header.active .btn__booking-header a{
	padding: 9px 25px;
}
/*end header*/

/*home*/
.header__info{
	padding: 5px 0;
	background: linear-gradient(to bottom, #F2F2F2, #D8BFD8);
	background: var(--bg-color);
}
.text__lef{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}
.text__lef > p{
	margin-bottom: 0;
}
.text__lef p{
	margin-bottom: 0;
}
.text__lef > p strong{
	font-size: 14px;
	font-weight: 700;
}
.hotline__top{
	position: relative;
}
.hotline__top > p a{
	color: #000;
	font-weight: 700;
}
.list__hotline{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 15px;
	width: 420px;
	box-shadow: 0px 4px 100px 0px #64646440;
	padding: 20px;
	border-radius: 10px;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	transition: all .2s;
}
.list__hotline::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 28px;
	height: 28px;
	background-color: #fff;
	transform: rotate(45deg) translateX(-50%);
}
.hotline__top:hover .list__hotline{
	opacity: 1;
	visibility: visible;
	transition: all .2s;
}
.list__hotline h4{
	font-size: 22px;
	color: #000;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.list__hotline ul li{
	display: flex;
	justify-content: space-between;
}
.list__hotline ul li:not(:last-child){
	margin-bottom: 24px;
}
.list__hotline ul li p{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 0;
}
.list__hotline ul li p span{
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1.2px solid #A5A5A5;
}
.list__hotline ul li p span::before{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--primary-color);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.list__hotline ul li a{
	font-size: 22px;
	color: var(--primary-color);
}
.header__img img{
	height: 50px;
	width: 100%;
	object-fit: cover;
}
.navbar__right ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
	margin-bottom: 0;
}
.navbar__right ul li a{
	color: inherit;
}
.navbar__right ul li a:hover{
	color: var(--primary-color);
	text-decoration: none;
}
.slide__banner .item img{
	width: 100%;
	height: 60vh;
	object-fit: cover;
}
@media(max-width:576px){
	.slide__banner .item img{
		height: auto;
		max-height: 200px;
	}
}
.slide__banner .owl-nav{
	opacity: 0;
	transition: all .3s;
}
.slide__banner:hover .owl-nav{
	opacity: 1;
	transition: all .3s;
}
.slide__banner .owl-nav button i{
	color: #fff;
}
.slide__banner .owl-nav button.owl-prev{
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	width: 40px !important;
	height: 40px !important;
	border: 1px solid #fff !important;
	border-radius: 50%;
	outline: none !important;
}
.slide__banner .owl-nav button.owl-next{
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	width: 40px !important;
	height: 40px !important;
	border: 1px solid #fff !important;
	border-radius: 50%;
	outline: none !important;
}
.slide__banner .owl-nav button:hover{
	border-color: var(--primary-color) !important;
	background-color: var(--primary-color) !important;
	transition: all .2s;
}
.owl-theme.slide__banner .owl-nav{
	margin-top: 0;
}
.tab-content-calendar,
.tab-content{
	display: none;
}
.gallery-page .tab-content{
	display: block !important;
}
.tab-content-calendar.current,
.tab-content.current{
	display: block;
	animation: anmTab .8s forwards;
}
@keyframes anmTab{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.search__tour{
	position: relative;
	/*margin-top: -45px;*/
	padding: 20px 0;
	z-index: 2;
}
.other__search{
	display: none;
}
.tabs{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
	margin-bottom: 0;
}
.list__tabs {
	padding: 10px 25px;
	border-radius: 10px 10px 0px 0px;
	background-color: var(--primary-color);
	color: #fff;
	cursor: pointer;
}
.list__tabs.current{
	background-color: var(--second-color);
	color: #fff;
}
.main__tab{
	background-color: #fff;
	padding: 25px;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 4px 30px 0px #44444426;
}
.heading__choose ul{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 20px;
}
.checkbox-item{
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}
.checkbox-item .checkmark {
	position: absolute;
	top: 1px;
	left: 0px;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-radius: 50%;
	border: 1.2px solid #A5A5A5;
}
.checkbox-item .checkmark::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--primary-color);
	display: none;
}
.checkbox-item input:checked ~ .checkmark::before{
	display: block;
}
.checkbox-item input:checked ~ .checkmark {
	border: 1.2px solid var(--primary-color);
}
.search__field{
	position: relative;
}
.search__field i{
	position: absolute;
	left: 12px;
	top: 12px;
	font-size: 18px;
}
.input__field input{
	width: 100%;
	height: 40px;
	border: 1px solid #DCE0E0;
	border-radius: 8px;
}
.search__field input{
	padding: 0 15px 0 40px;
}
.select2-container .select2-selection--single{
	height: 40px !important;
	border: 1px solid #DCE0E0 !important;
	border-radius: 8px !important;
	outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
	height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 40px !important;
	font-size: 16px;
}
.select2-container{
	width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 7px !important;
}
.btn-search{
	height: 100%;
}
.btn-search button{
	width: 100%;
	height: 100%;
	border: none;
	outline: none !important;
	background: var(--primary-color);
	color: #fff;
	font-size: 16px;
	border-radius: 8px;
	cursor: pointer;
}

.where__go__txt{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-right: 20px;
}
@media(max-width:576px){
	.where__go__txt{
		justify-content:center;
		gap:15px;
		padding-right:0;
		margin-bottom:20px;
	}
}
.where__go__txt p{
	font-size: 17px;
	margin-bottom: 0;
}
.where__go__txt img{
	width: 56px;
}
.list__nation{
	padding: 8px;
	border-radius: 30px;
	background-color: #f5f5f5;
	display: flex;
	gap: 6px;
	align-items: center;
}
@media(max-width:576px){
	.list__nation{
		justify-content:center;
	}
}
.list__nation img{
	width: 40px !important;
}
.slide__nation .owl-nav button i{
	font-size: 20px;
	color: #616161;
}
.slide__nation .owl-nav button.owl-prev{
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	outline: none !important;
	background-color: transparent !important;
}
.slide__nation .owl-nav button.owl-next{
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	outline: none !important;
	background-color: transparent !important;
}
.category{
	border-top: 1px solid #DCE0E0;
}
.list__cate{
	display: block;
	text-align: center;
	text-decoration: none !important;
	color: #000 !important;
	border: 2px solid transparent;
	padding-bottom: 10px;
}
.list__cate img{
	display: inline-block;
}
@media(max-width:576px){
	.list__cate img{
		width:80px;
		margin:0 auto;
	}
}
.list__cate:hover{
	border-color: var(--primary-color);
	border-radius: 10px;
}
.list__cate span{
	display: block;
	font-size: 16px;
	text-transform: uppercase;
}
@media(max-width:576px){
	.list__cate span{
		font-size:14px;
	}
}
.pre__tour{
	/*background-image: url('../image/bg-pre-tour.jpg');*/
	background: linear-gradient(to bottom, var(--primary-color), #3498db);

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 45px 0;
}
.wrap__text__tour{
	margin-bottom: 30px;
}
.wrap__text__tour h5{
	font-size: 26px;
	color: #fff;
}
.wrap__text__tour h3{
	font-size: 60px;
	color: #fff;
}
.wrap__text__tour a{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 25px;
	background: var(--btn-gradient);
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 40px;
}
@media(max-width:576px){
	.wrap__text__tour a{
		padding:10px 20px;
	}
}
.wrap__text__tour a i{
	font-size: 28px;
}
.wrap__text__tour a:hover{
	color: #fff;
	text-decoration: none;
}
.tour-list-wrap .list__tour{
	margin-bottom: 30px;
}
.list__tour{
	border-radius: 10px;
	overflow: hidden;
	/*margin-bottom: 30px;*/
}
.list__tour .tour__img > img
{
	height: 300px;
}
.tour__img{
	display: block;
	position: relative;
	overflow: hidden;
}
.tour__img img{
	transition: all .4s;
}
.tour__img:hover img{
	transform: scale(1.1);
	transition: all .4s;
}

.tour__img::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(180deg, rgba(35, 79, 148, 0) 0%, rgba(0, 0, 0, 0.7) 87%);
	z-index: 2;
}
.vehicle{
	position: absolute;
	top: 20px;
	right: 20px;
}
.vehicle p{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: var(--primary-color);
	margin-bottom: 10px;
	color: #fff;
}
.vehicle p img{
	width: 24px !important;
	transform: scale(1) !important;
}
.schedule{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	z-index: 3;
}
.schedule p{
	color: #fff;
	margin-bottom: 5px;
}
.discount{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px 0;
	background-color: var(--primary-color);
	text-align: center;
	z-index: 2;
	display: flex;
    align-items: center;
    justify-content: center;
}
.discount span{
	color: #fff;
	font-size: 15px;
	margin-right: 10px;
}
.discount strong{
	font-size: 20px;
	color: #FFEC44;
}
.tour__des{
	padding: 7px 12px 24px;
	padding: 15px;
	background-color: #fff;
}
.tour__des .price{
	font-weight: 500;
}
.tour__code li{
	color: #616161;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.tour__code li i{
	width: 24px;
}
.tour__name{
	font-size: 18px;
	color: var(--normal-color);
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp: 2;
	-webkit-box-orient:vertical;
	min-height: 46px;
}
.tour__name a{
	color: inherit;
}
.tour__name:hover{
	color: var(--primary-color);
	text-decoration: none;
}
.tour__rating{
	display: flex;
	gap: 5px;
}
.tour__rating i{
	font-size: 10px;
	color: #ff9811;
}
.price{
	font-size: 22px;
	color: var(--second-color);
}
.price__off{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.price__off span{
	font-size: 15px;
	color: var(--primary-color);
	text-decoration: line-through;
}
.price__off p{
	color: #fff;
    margin-bottom: 0;
    background: var(--second-color);
    border-radius: 24px;
    padding: 5px 10px;
    font-size: 12px;
}
.wrap__btn a{
	width: calc(50% - 3px);
	text-transform: uppercase;
	margin-bottom: 5px;
}
.slide__tour .owl-nav{
	text-align: left !important;
}
.slide__tour .owl-nav button{
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important;
	border: 1px solid #fff !important;
	outline: none !important;
}
.slide__tour .owl-nav button i{
	color: #fff;
}
.slide__tour .owl-nav button:hover{
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.holiday{
	background-color: var(--bg-color);
}
.list__holiday{
	border-radius: 10px;
	box-shadow: 0px 4px 30px 0px #8C8C8C26;
	overflow: hidden;
}
.holiday__img{
	overflow: hidden;
}
.holiday__img img{
	transition: all .4s;
}
.holiday__img img:hover{
	transform: scale(1.1);
	transition: all .4s;
}
.holiday__des{
	background-color: #fff;
	padding: 24px;
}
.holiday__des a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #000;
}
.holiday__des a:hover i,
.holiday__des a:hover{
	color: var(--primary-color);
	text-decoration: none;
	transition: all .3s;
}
.holiday__des a i{
	font-size: 20px;
	color: #616161;
}
.travel .slide__tour .owl-nav button i,
.slide__holiday .owl-nav button i,
.slide .owl-nav button i{
	color: #fff;
}
.travel .slide__tour .owl-nav button.owl-prev,
.slide__holiday .owl-nav button.owl-prev,
.slide .owl-nav button.owl-prev{
	position: absolute;
	top: 48%;
	left: 0;
	transform: translateY(-50%);
	width: 30px !important;
	height: 100px !important;
	background-color: var(--primary-color) !important;
	border-color: transparent !important;
	border-radius: 0 10px 10px 0 !important;
	margin: 0;
	outline: none !important;
}
.travel .slide__tour .owl-nav button.owl-next,
.slide__holiday .owl-nav button.owl-next,
.slide .owl-nav button.owl-next{
	position: absolute;
	top: 48%;
	right: 0;
	transform: translateY(-50%);
	width: 30px !important; 
	height: 100px !important;
	background-color: var(--primary-color) !important;
	border-color: transparent !important;
	border-radius: 10px 0 0 10px !important;
	margin: 0;
	outline: none !important;
}

.heading__title h3{
	font-size: 30px;
	color: var(--primary-color);
	text-transform: uppercase;
	padding-top:10px;
}
.heading__title p{
	font-size: 15px;
}
.title__logo .heading__title h5{
	font-size: 16px;
	color: var(--primary-color);
	text-transform: uppercase;
	margin:0;
}
.view__all{
	text-align: right;
}
.view__all a{
	display: inline-block;
	font-size: 16px;
	color: #000;
}
.view__all a i{
	font-size: 20px;
	color: var(--primary-color);
	margin-left: 5px;
}
.view__all a:hover{
	color: var(--primary-color);
	text-decoration: none;
}
.widget__img{
	position: relative;
}
.widget__img:after{
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background: rgba(0,0,0,.1);
	z-index:1;
}
.widget__img img{
	width: 100%;
	height: 595px;
	object-fit: cover;
}
.widget__img a{
	position: absolute;
	width: max-content;
	display: flex;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	align-items: center;
	gap: 10px;
	padding: 10px 25px;
	background-color: transparent;
	border: 1px solid #fff;
	font-size: 17px;
	color: #fff !important;
	text-decoration: none !important;
	text-transform: uppercase;
	border-radius: 40px;
	z-index:10;
}
.widget__img a i{
	font-size: 28px;
	transition: all .4s;
}
.widget__img a:hover i{
	transform: translateX(5px);
	transition: all .4s;
}
.travel:nth-child(2n){
	background-color: var(--bg-color);
}
.travel:nth-child(2n + 1) .tour__des{
	background-color: var(--bg-color);
}

.slide__guest .item{
	border-radius: 10px;
	box-shadow: 0px 4px 30px 0px #8C8C8C26;
	overflow: hidden;
}
.guest__img{
	position: relative;
	overflow: hidden;
}
.guest__img:hover img{
	transform: scale(1.1);
	transition: all .4s;
}
.guest__img img{
	transition: all .4s;
}
.time__dept{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 8px 20px;
	background-color: var(--primary-color);
	color: #fff;
	font-size: 16px;
}
.time__dept i{
	font-size: 24px;
}
.guest__des{
	padding: 18px;
}
.guest__des a{
	display: inline-block;
	font-size: 16px;
	color: #481267;
}
.guest__des a:hover{
	color: var(--primary-color);
	text-decoration: none;
	transition: all .3s;
}
.guest__des p{
	font-size: 15px;
}

.video__img{
	display: block;
	position: relative;
}
.play{
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.play i{
	font-size: 40px;
	color: #fff;
}
.list__video,
.cover,
.outstanding__news{
	display: block;
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none !important;
}
.list__video .title{
	font-size: 18px;
	color: var(--primary-color);
	margin: 10px 0;
}
.list__video .title:hover{
	color: var(--second-color);
	text-decoration: none;
}
.slide .owl-dots .owl-dot{
	outline: none !important;
}
.slide .owl-dots .owl-dot.active span{
	background-color: var(--primary-color) !important;
}
.st__video{
	background-color: var(--bg-color);
}
.cover__img{
	overflow: hidden;
}
.cover__img:hover img,
.outstanding__news:hover img{
	transform: scale(1.1);
	transition: all .4s;
}
.cover__img img,
.outstanding__news img{
	transition: all .4s;
}
.cover__des{
	padding: 15px;
	background-color: var(--primary-color);
}
.cover__des .title{
	font-size: 22px;
	color: #fff !important;
	text-decoration: none !important;
}
.cover__des .title a{
	color: inherit;
}
.cover__des .desc{
	font-size: 15px;
	color: #fff;
}
.meta-news{
	display: flex;
	gap: 30px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 0;
}
.outstanding__news{
	position: relative;
}
.outstanding__news::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	z-index: 2;
}
.outstanding__news img{
	height: 100%;
}
.outstanding__des{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px;
	z-index: 3;
}
.outstanding__des .title{
	font-size: 18px;
	color: #fff !important;
	text-decoration: none !important;
}
.outstanding__des .title a{
	color: inherit;
}
.outstanding__des .desc{
	font-size: 15px;
	color: #fff;
}
.feedback{
	background-color: var(--bg-color);
}
.feedback .feedback-inner{
	padding: 40px 0;
}
.feedback .feedback-inner .title{
	margin-bottom: 30px;
}
.feedback__content{
	border-radius: 10px;
	background-color: #fff;
	overflow: hidden;
	padding: 30px;
}
.feedback__content img{
	width: 40px !important;
	margin-bottom: 15px;
}
.feedback__content p{
	font-size: 15px;
}
.author{
	padding-top: 15px;
	border-top: 2px dashed var(--primary-color);
}
.feedback__content h6{
	font-size: 18px;
}
.feedback__video{
	display: block;
	position: relative;
	margin-right: 40px;
}
.feedback__video img{
	width: 100%;
}
.slide__feedback .owl-nav button i{
	color: var(--primary-color);
}
.slide__feedback .owl-nav button.owl-prev{
	position: absolute;
	top: 50%;
	left: -40px;
	transform: translateY(-50%);
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	border: 1px solid var(--primary-color) !important;
	background-color: transparent !important;
	outline: none !important;
}
.slide__feedback .owl-nav button.owl-next{
	position: absolute;
	top: 50%;
	right: -5px;
	transform: translateY(-50%);
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	border: 1px solid var(--primary-color) !important;
	background-color: transparent !important;
	outline: none !important;
}
.heading__title a{
	font-size: 16px;
	color: var(--second-color);
	text-decoration: underline;
	transition: all .3s ease;
}
.heading__title a:hover{
	color: var(--primary-color);
}

.visa__wrap{
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 30px;
}
.list__visa:nth-child(1){
	grid-column-start: 1;
	grid-column-end: 2;
}
/*.list__visa:nth-child(2){
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
}*/
.list__visa{
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.list__visa::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	z-index: 2;
}
.list__visa > img{
	width: 100%;
	height: 100%;
	transition: all .4s;
	aspect-ratio: 16 / 9;
}
.list__visa:hover > img{
	transform: scale(1.1);
	transition: all .4s;
}
.country{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 25px;
	display: flex;
	align-items: center;
	gap: 20px;
	z-index: 3;
}
.country .title{
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0;
}
.country img{
	width: 40px;
}
.list__newspaper{
	border-radius: 10px;
	border: 1px solid #DCE0E0;
	padding: 20px;
}
.list__newspaper p{
	font-size: 16px;
}
.newspaper__link{
	margin-top: 20px;
}
.list__newspaper img{
	display: block;
	margin: auto;
	margin-bottom: 20px;
	width: auto !important;
	max-height: 70px;
}
.newspaper__link p{
	margin-bottom: 0;
}
.newspaper__link a{
	color: var(--primary-color) !important;
	text-decoration: none;
}
.award{
	background-image: url('../image/giai-thuong.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.award__des h4{
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
}

.award__des p{
	font-size: 18px;
	color: #fff;
}
@media(max-width:576px){
	.award__des p{
		font-size:16px;
	}
}
.list__award{
	display: block;
	padding: 15px;
	text-decoration: none !important;
}
.award__content{
	background-color: #fff;
	padding: 15px;
	border-radius: 10px;
	text-align: center;
}
.list__award h4{
	font-size: 22px;
	color: var(--primary-color);
	margin-top: 10px;
}
.list__award span{
	font-size: 16px;
	color: #000;
}
.slick-dots li.slick-active button:before{
	color: #fff !important;
	opacity: 1 !important;
}
.slide__award .slick-dots li button:before{
	font-size: 14px;
	color: #fff;
}
/*end home*/

/*tour*/
ul.transport a:has(:checked) {
	background-color: var(--primary-color);
	color: #fff;
}
.path{
	padding: 10px 0;
	background-color: var(--bg-color);
}
.path ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
	margin-bottom: 0;
}
.path ul li{
	position: relative;
}
.path ul li:not(:last-child)::before{
	content: "\f054";
	font-family: 'fontawesome';
	position: absolute;
	top: 7px;
	right: -14px;
	color: #333333;
	font-size: 10px;
}
.path ul li a{
	color: inherit;
	text-decoration: none !important;
}
.path ul li:last-child a{
	color: var(--primary-color);
}

.sidebar__tour{
	padding: 24px;
	border-radius: 10px;
	background-color: var(--bg-color);
}
.sidebar__tour .sidebar__tour__head{
	font-size: 24px;
	color: var(--primary-color);
	margin-bottom: 30px;
}
.list__filter{
	margin-bottom: 16px;
}
.list__filter .list__filter__head{
	font-size: 18px;
	margin-bottom: 20px;
}
.price-range-slider .ui-widget.ui-widget-content{
	border: none;
}
.price-range-slider {
	width: 100%;
}
.price-range-slider .range-value input {
	width: 100%;
	border: none;
	font-size: 16px;
	color: var(--primary-color);
	outline: none;
	background-color: transparent;
}
.price-range-slider .range-bar {
	border: none;
	background: #e6e6e6;
	height: 5px;
	width: 96%;
	margin: 30px 0 15px 8px;
}
.price-range-slider .range-bar .ui-slider-range {
	background: var(--primary-color);
}
.price-range-slider .range-bar .ui-slider-handle {
	border: none;
	border-radius: 25px;
	background: var(--primary-color);
	border: 2px solid var(--primary-color);
	height: 17px;
	width: 17px;
	top: -6px;
	cursor: pointer;
	outline: 0;
}
.price-range-slider .range-bar .ui-slider-handle + span {
	background: var(--primary-color);
}
.transport{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.transport li a{
	font-size: 15px;
	display: inline-block;
	padding: 10px 15px;
	border-radius: 32px;
	color: #000;
	background-color: #fff;
	border: 1px solid #DCE0E0;
	cursor: pointer;
}
.transport li a label{
	cursor: pointer;
}
.transport li a:hover{
	color: var(--primary-color);
	text-decoration: none;
}
ul.transport a:has(:checked) {
	background-color: var(--second-color);
}
.title__tour{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.sort__tour{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
}
.sort__tour p{
	font-size: 16px;
	margin-bottom: 0;
}
.sort__tour select{
	border: 1px solid #DCE0E0;
	border-radius: 8px;
	height: 40px;
	padding: 0 10px;
}
.tour .tour__des{
	background-color: var(--bg-color);
}

.title__detail .title__detail__head{
	font-size: 34px;
}
@media(min-width:768px){
	.title__detail .title__detail__head{
		font-size: 43px;
	}
}
.title__detail__des{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.title__detail__des ul{
	display: flex;
	gap: 5px;
	margin-bottom: 0;
}
.title__detail__des ul i{
	font-size: 12px;
	color: #ff9811;
}
.tour__program{
	display: flex;
	flex-wrap: wrap;
}
.detail__img{
	width: 60%;
	border-radius: 20px 0 0 20px;
	overflow: hidden;
}
@media(max-width:991.98px){
	.slide__tour__img{
		margin-bottom: 30px;
	}
}
.slide__tour__img .item img{
	aspect-ratio: 6/4;
}
.tour__pg__des{
	width: 40%;
	padding: 25px;
	border-radius: 0 20px 20px 0;
	border: 1px solid #DCE0E0;
	border-left: none;
}
@media(max-width:576px){
	.tour__pg__des{
		padding:15px;
	}
}
.tour__pg__des > ul li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 5px;
}
.tour__pg__des > ul li + li{
	margin-top: 15px;
}
.tour__pg__des > ul li p{
	font-size: 16px;
	margin-bottom: 0;
}
.tour__pg__des > ul li p > i{
	font-size: 16px;
	width: 20px;
	color: var(--primary-color);
}
.transport__vehicle{
	display: flex;
	gap: 10px;
}
.transport__vehicle span{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: var(--primary-color);
	margin-bottom: 10px;
	color: #fff;
}
.transport__vehicle span img{
	width: 24px;
}
.price-wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.price-wrap .price-value{
	font-size: 30px;
	color: var(--second-color);
	font-weight: 500;
}
.price-wrap .price-old{
	font-size: 16px;
	color: var(--primary-color);
	text-decoration: line-through;
	margin-bottom: 0;
}
.price-wrap span{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 15px;
	background-color: #FFF0F9;
	border-radius: 20px;
	color: #fff;
	background: var(--second-color);
	font-size: 16px;
}
.tour__program .wrap__btn a{
	padding: 11px 0;
	font-size: 18px;
	width: calc(50% - 5px);
}
.support a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 40px;
	width: calc(50% - 5px);
	padding: 5px 0;
	margin-bottom: 5px;
	background-color: #FFEAED;
	font-size: 15px;
	color: var(--normal-color);
	text-decoration: none !important;
}
@media(max-width:576px){
	.support a{
		width: 100%;
		margin: 0;
	}
	.support a+a{
		margin-top: 10px;
	}
}

.support a span{
	display: block;
}
.support a i{
	font-size: 25px;
	color: var(--primary-color);
}
.support a:last-child{
	background-color: #EFF5FF;
}
.calendar__table{
	border-radius: 10px;
	overflow: hidden;
}
/*.calendar__table .feature>*{
	font-size:16px;
}*/
.calendar__table .feature :is(h1,h2,h3,h4,h5,h6){
	color: var(--primary-color);
}
.title__calendar{
	padding: 12px 21px 15px;
	background-color: var(--second-color);
}
.title__calendar h4{
	font-size: 24px;
	color: #fff;
	margin-bottom: 0;
}
.main__calender{
	padding: 15px 20px;
	background-color: #FFEBEE;
	border-radius: 10px;
}
.tab__month{
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 15px;
}
.tab__month > span{
	font-size: 18px;
}
.tabs-calendar{
	justify-content: flex-start;
}
.list__month{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid #000;
	font-size: 18px;
	color: #000;
	cursor: pointer;
}
.list__month.current{
	border-color: var(--primary-color);
	background-color: var(--primary-color);
	color: #fff;
}
.main__table table{
	width: 100%;
}
.main__tab-calendar{
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
}
@media(max-width:576px){
	.main__tab-calendar{
		padding:10px;
	}
}
.main__table{
	max-height: 300px;
	overflow-y: auto;
}
.main__table::-webkit-scrollbar{
	width: 6px;
	height: 6px;
	background-color: #FFEAED;
	border-radius: 10px;
}

.main__table::-webkit-scrollbar-thumb{
	height: 100px;
	background-color: var(--primary-color);
	border-radius: 10px;
}
.main__table tr th{
	width: 20%;
	border-bottom: 1px solid #DCE0E0;
	font-size: 16px;
	color: var(--primary-color);
	text-transform: uppercase;
	font-weight: unset;
}
.main__table tr th span{
	display: block;
	color: #000;
}
.main__table tr td,
.main__table tr th{
	padding: 8px;
}
.main__table tr td{
	font-size: 16px;
}
.slot{
	display: block;
	font-size: 16px;
	color: #6DA544;
}
.adult__price,
.child__price{
	font-size: 18px;
	color: var(--primary-color);
}
.call__zl a{
	display: inline-block;
	padding: 4px 20px;
	background-color: #FFEAED;
	border-radius: 20px;
	font-size: 18px;
	color: #000;
}
.call__zl a:hover{
	color: var(--primary-color);
	text-decoration: none;
}
.feature ul{
	padding-left: 20px;
}
.feature ul li{
	list-style: disc;
	font-size: 16px;
	margin-bottom: 8px;
}

.schedule__left{
	position: sticky;
	top: 100px;
	left: 0;
	z-index: 2;
}
.main__schedule{
	position: relative;
	margin-left: 95px;
	padding-left: 40px;
}
.detail__schedule::before,
.main__schedule::before{
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	border-right: 2px dashed var(--primary-color);
	width: 1px;
	height: 100%;
}
.list__schedule{
	position: relative;
	margin-bottom: 40px;
}
.dot__tour{
	content: "";
	position: absolute;
	top: 0;
	left: -28px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid var(--primary-color);
	background-color: #fff;
}
.dot__tour::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--primary-color);
}
.day{
	position: absolute;
	top: -9px;
	left: -135px;
}
.day::before{
	content: "";
	position: absolute;
	top: 50%;
	right: -7px;
	transform: translateY(-50%) rotate(45deg);
	width: 14px;
	height: 14px;
	background-color: var(--primary-color);
}
.day a{
	display: inline-block;
	padding: 5px 15px;
	background-color: var(--primary-color);
	color: #fff !important;
	text-decoration: none !important;
	font-size: 18px;
	border-radius: 5px;
}
.day__des a{
	display: inline-block;
	font-size: 16px;
	color: #000 !important;
	text-decoration: none !important;
}
.day__des a span{
	font-size: 16px;
}
.detail__schedule{
	position: relative;
	padding-left: 40px;
}
.list__schedule__des{
	position: relative;
	scroll-margin-top: 150px;
}
.list__schedule__des > ul > li{
	list-style: initial;
	margin-left: 30px;
}
.list__schedule__des h3,
.list__schedule__des .title-ini{
	font-size: 20px;
	color: var(--second-color);
	font-weight: 500;
	margin-bottom: 10px;
}
.list__schedule__des .des-ini ul{
	margin-left: 20px;
	margin-bottom: 10px;
}
.list__schedule__des .des-ini ul li{
	list-style: disc;
}
/* .list__schedule__des::before{
	content: "";
	position: absolute;
	top: 0;
	left: -29px;
	width: 20px;
	height: 20px;
	border: 2px solid var(--primary-color);
	border-radius: 50%;
	background-color: #fff;
}
.list__schedule__des::after{
	content: "";
	position: absolute;
	top: 5px;
	left: -24px;
	width: 10px;
	height: 10px;
	border: 2px solid var(--primary-color);
	border-radius: 50%;
	background-color: var(--primary-color);
}*/
.last-dot{
	content: "";
	position: absolute;
	bottom: 0;
	left: 11px;
	width: 20px;
	height: 20px;
	border: 2px solid var(--primary-color);
	border-radius: 50%;
	background-color: #fff;
}
.last-dot::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	border: 2px solid var(--primary-color);
	border-radius: 50%;
	background-color: var(--primary-color);
}
.btn-booking a{
	padding: 10px 50px;
	max-width: 340px;
	font-size: 20px;
	text-transform: uppercase;
}
/*.btn-booking a:hover{
	background-color: var(--primary-color);
	color: #fff;
	text-decoration: none;
}*/
.list__rule{
	border: 1px solid #DCE0E0;
	border-radius: 10px;
	margin-bottom: 15px;
}
.title__rule{
	padding: 17px 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.title__rule i{
	transition: all .3s;
}
.title__rule span i{
	transform: none !important;
}
.title__rule.active i:last-child{
	transform: rotate(180deg);
	transition: all .3s;
}
.title__rule > div,
.title__rule .title__rule-head{
	font-size: 18px;
	color: var(--primary-color);
	font-weight: 500;
	display:flex;
	align-items:center;
	gap:8px;
}
.title__rule > div span{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	background-color: #57cb25;
	border-radius: 50%;
	color: #fff;
	margin-right: 10px;
}
.dropdown__rule{
	display: none;
	padding: 0 25px;
}
.dropdown__rule ul{
	padding-left: 20px;
}
.dropdown__rule ul li{
	list-style: disc;
	font-size: 16px;
	margin-bottom: 10px;
}
.widget__tour{
	background: linear-gradient(180deg, #FFEAED 44.93%, #B3C7E7 100%);
	padding: 20px 10px;
	border-radius: 10px;
}
.list__saler{
	display: flex;
	gap: 20px;
	margin-bottom: 15px;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
}
.list__saler img{
	width: 80px;
	min-width: 80px;
}
.list__saler h4{
	font-size: 18px;
}
.list__saler a{
	font-size: 18px;
	color: #000;
}
.list__saler a i{
	font-size: 20px;
	color: var(--primary-color);
}
.list__saler a:hover{
	color: var(--primary-color);
	text-decoration: none;
}
.bg,
.other__tour .tour__des{
	background-color: var(--bg-color);
}
.tabs.tabs-visa{
	gap: 15px;
}
.list__tab-visa{
	padding: 6px 30px;
	border: 1px solid #deeede;
	background-color: #fff;
	border-radius: 24px;
	font-size: 18px;
	cursor: pointer;
	transition: all .3s;
}
.list__tab-visa.current{
	border-color: var(--primary-color);
	background-color: var(--primary-color);
	color: #fff;
	transition: all .3s;
}
.all-visa{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.item-visa{
	width: calc(100% / 8);
	padding: 0 10px;
	margin-bottom: 20px;
}
.item-visa a{
	display: block;
	border: 1px solid #DCE0E0;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
	padding: 15px;
	text-decoration: none !important;
}
.item-visa a img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-bottom: 15px;
	box-shadow: 0 3px 10px 0px rgba(0, 0, 0, .2);
}
.item-visa a span{
	display: block;
	font-size: 16px;
	color: #000;
}
.all__step{
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;

}
.list__step__visa{
	/*width: 25%;*/
	padding: 24px 30px;
	text-align:center;
	height:100%;
	border: 1px solid #DCE0E0;
	background-color: #fff;
}
.list__step__visa:not(:last-child){
	border-right: 1px solid #DCE0E0;
}
.list__step__visa i{
	font-size: 45px;
	color: #234F94;
}
.list__step__visa .title{
	margin: 0;
	margin-bottom: 10px;
	font-size: 18px;
}
.list__step__visa .box-image{
	margin-bottom: 10px;
}
.list__step__visa .box-image img{
	width: 150px;
	aspect-ratio: 1/1;
	margin: 0 auto;
}
.list__step__visa .desc{
	font-size: 16px;
}
.icon-visa{
	position: relative;
	width: max-content;
	margin:0 auto;
}
.icon-visa::before{
	content: "";
	position: absolute;
	top: -15px;
	right: -15px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #e5ecf7;
	z-index: -1;
}

.tour__info__detail{
	border-radius: 20px;
	border: 1px solid #DCE0E0;
	overflow: hidden;
}
.sidebar__info{
	padding: 20px;
}
@media(max-width:576px){
	.sidebar__info{
		padding: 15px;
	}
}
.tour__info__detail h4{
	font-size: 26px;
	margin-bottom: 20px;
}
.sidebar__info > ul li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sidebar__info > ul li + li{
	margin-top: 15px;
}
.sidebar__info > ul li p{
	font-size: 16px;
	margin-bottom: 0;
}
.sidebar__info > ul li p:first-child{
	white-space: nowrap;
}
.sidebar__info > ul li p > i{
	font-size: 16px;
	width: 20px;
	color: var(--primary-color);
}
.slide__tour__img .owl-dots{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.slide__tour__img img{
	border-radius: 20px;
}
.bottom__inner{
	padding: 20px;
	background-color: var(--primary-color);
}
.total__price{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.total__price .total__price__label{
	font-size: 24px;
	color: #fff;
}
.total__price .total__price__value{
	font-size: 32px;
	color: #fff;
}
.bottom__inner a{
	display: inline-block;
	padding: 12px 40px;
	border-radius: 30px;
	border: 1px solid #fff;
	font-size: 16px;
	color: #fff !important;
	text-decoration: none !important;
	text-transform: uppercase;
}
.pg__tour{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
}
@media(max-width:576px){
	.pg__tour{
		display: block;
	}
}
.download{
	display: inline-block;
	font-size: 16px;
	color: #4E9E14;
}
.pg__tour .support a{
	width: auto;
	padding: 5px 30px;
}
.pg__tour .support a:last-child{
	margin-left: 30px;
}
@media(max-width:576px){
	.pg__tour .support a{
		width: 100%;
	}
	.pg__tour .support a:last-child{
		margin-top: 10px;
	}
}
.guest__info{
	padding: 25px 30px;
	border: 1px solid #DCE0E0;
	border-radius: 20px;
}
.guest__info input{
	width: 100%;
	height: 40px;
	border: 1px solid #DCE0E0;
	border-radius: 8px;
	padding: 0 10px;
	outline: none;
}
.customer label{
	font-size: 16px;
}
.btn__change{
	display: flex;
	align-items: center;
}
.btn__change span{
	display: inline-flex;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	border: 1px solid #DCE0E0;
	cursor: pointer;
}
.btn__change input{
	width: 50px;
	border: none;
	outline: none;
	text-align: center;
	font-size: 20px;
}
.customer textarea{
	width: 100%;
	resize: vertical;
	border: 1px solid #DCE0E0;
	border-radius: 8px;
}
.form-booking button{
	padding: 10px 50px;
	font-size: 20px;
	text-transform: uppercase;
}
/*end tour*/

/*visa*/
.about__visa__des p{
	font-size: 16px;
}
.main__visa-reg{
	display: flex;
	flex-wrap: wrap;
	box-shadow: 0px 4px 20px 0px #CCCCCC40;
	background-color: #fff;
}
.img__visa-reg, .form-visa{
	width: 50%;
}
.img__visa-reg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.form-visa{
	padding: 20px 30px;
}
.form-visa label{
	font-size: 16px;
	padding-left: 5px;
}
.rq{
	color: red;
}
.form-visa button{
	padding: 8px 30px;
	background-color: var(--primary-color);
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 30px;
	border: none;
	outline: none !important;
	cursor: pointer;
}
.form-visa input{
	height: 40px;
}
.questions .title__rule{
	background-color: var(--bg-color);
	border-radius: 10px;
}
.questions .list__rule{
	border: none;
}
.questions .dropdown__rule{
	padding-top: 10px;
}
.list__visa__news{
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #DCE0E0;
}
.img__visa__news{
	overflow: hidden;
}
.img__visa__news img{
	transition: all .4s;
	height: 227px;
}
.img__visa__news img:hover{
	transform: scale(1.1);
	transition: all .4s;
}
.visa__news__des{
	padding: 18px;
}
.visa__news__des .title{
	display: inline-block;
	font-size: 22px;
	color: var(--primary-color);
	margin-bottom: 10px;
}
.visa__news__des .title  a{
	color: inherit;
}
.visa__news__des .title:hover{
	color: var(--primary-color);
	text-decoration: none;
}
.visa__news__des .desc{
	font-size: 16px;
}
/*them moi*/
.main__blog
{
	border-top: 1px solid #DCE0E0;
}
.item__blog {
	border: 1px solid #dce0e0;
	margin: 40px 5px 0;
	border-radius: 10px;
}
.des__blog{
	padding: 18px;
}
.des__blog .title{
	display: inline-block;
	font-size: 22px;
	color: var(--primary-color);
	margin-bottom: 10px;
}
.des__blog .title a{
	color: inherit;
}
.des__blog .title:hover{
	color: var(--primary-color);
	text-decoration: none;
}
.des__blog .desc{
	font-size: 16px;
}
.img__blog__news{
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
.img__blog__news img{
	transition: all .4s;
	height: 227px;

}
.img__blog__news img:hover{
	transform: scale(1.1);
	transition: all .4s;
	border-radius: 10px 10px 0 0;
}

.post__time{
	display: inline-block;
	color: #616161;
	margin-top: 10px;
}
.post__time i{
	font-size: 18px;
}
.visa__content p,
.about__content p{
	font-size: 16px;
}
.visa__content ul{
	padding-left: 20px;
}
.visa__content ul li{
	list-style: disc;
}
.contact__info{
	display: flex;
	gap: 15px;
}
.contact__info i{
	font-size: 18px;
	color: var(--primary-color);
}
.contact__des{
	font-size: 16px;
}

.main__contact{
	display: flex;
	flex-wrap: wrap;
}
.contact__img,
.contact__content{
	width: 50%;
}
.contact__img img{
	height: 100%;
}
.contact__content{
	padding: 20px;
	border: 1px solid #DCE0E0;
	border-radius: 0 10px 10px 0;
}
.title__contact{
	position: relative;
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.title__contact::before{
	content: "";
	position: absolute;
	width: 100px;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: var(--primary-color);
}
.form-contact label{
	font-size: 16px;
}
.form-contact input{
	height: 40px;
}
.form-contact button{
	padding: 8px 30px;
	background-color: var(--primary-color);
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 30px;
	border: none;
	outline: none !important;
	cursor: pointer;
}
.map iframe{
	width: 100%;
	display: block;
}
.main__news{
	border-top: 1px solid #DCE0E0;
}
.st__news .main__news{
	border-top: none;
}
.agent__content{
	position: relative;
}
.form-agent{
	position: absolute;
	top: 50%;
	right: 60px;
	transform: translateY(-50%);
	border-radius: 20px;
	background-color: #fff;
	width: 450px;
	padding: 30px 20px;
}
.form-agent input{
	width: 100%;
	height: 40px;
	border: none;
	outline: none;
	border-bottom: 1px solid #DCE0E0;
}
.form-agent input::placeholder{
	font-size: 18px;
}
.form-agent button{
	width: 100%;
	padding: 9px 0;
	border-radius: 30px;
	background-color: var(--primary-color);
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	border: none;
	outline: none !important;
	cursor: pointer;
}
.content ul{
	padding-left: 20px;
}
.content ul li{
	list-style: disc;
	font-size: 16px;
	margin-bottom: 10px;
}
/*end visa*/


/*footer*/
footer{
	position: relative;
	background: url(../../assets/image/Pattern.svg);
	background-repeat: no-repeat;
    background-size: cover;
	padding: 30px 0;
	color: #fff;
}
footer:before{
	content: '';
	position: absolute;
	inset: 0;
	background-color: rgba(0,0,0,.3);
	z-index: 0;
}
@media(max-width:767.98px){
	.footer__col{
		margin-bottom: 30px;
	}
}
.footer__logo{
	margin-bottom: 20px;
}
.footer__logo img{
	width: 230px;
	max-width: 100%;
	filter: brightness(0) invert(1);
}
.company__info h4{
	font-size: 18px;
}
.footer__link p,
.company__info p{
	font-size: 16px;
}
.company__info p i{
	font-size: 18px;
}
.main__footer{
	margin-top: 40px;
}
.footer__link h4{
	font-size: 18px;
}
.footer__link .footer__link__list{
	padding-left: 20px;
}
.footer__link .footer__link__list li{
	list-style: disc;
	margin-bottom: 8px;
}
.footer__link .footer__link__list li::marker{
	color: var(--primary-color);
}
.footer__link ul li{
	margin-bottom: 8px;
}
.footer__link ul li a,
.footer__link .footer__link__list li a{
	display: inline-block;
	font-size: 16px;
	color: #fff;
}
.footer__link ul li a:hover,
.footer__link .footer__link__list li a:hover{
	color: var(--second-color);
	text-decoration: none;
}
.form-newsletter{
	position: relative;
}
.form-newsletter input{
	width: 100%;
	height: 43px;
	padding: 0 52px 0 48px;
	font-size: 16px;
	border: 1px solid #DCE0E0;
	border-radius: 5px;
}
.icon__nlt{
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	color: #828282;
}
.form-newsletter button i,
.icon__nlt i{
	font-size: 20px;
}
.form-newsletter button{
	position: absolute;
	top: 1px;
	right: 1px;
	width: 41px;
	height: 41px;
	background-color: #fff;
	border: none;
	border-left: 1px solid #DCE0E0;
	outline: none !important;
	color: var(--primary-color);
	cursor: pointer;
}
.copyright{
	padding-top: 25px;
	margin-top: 15px;
	border-top: 1px solid #DCE0E0;
}
.copyright__content h4{
	font-size: 16px;
	margin-bottom: 10px;
}
.social{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.social li a{
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--second-color);
	color: #fff !important;
}
.social li a:hover{
	background-color: var(--primary-color);
	text-decoration: none;
}
.back-to-top{
	height: 60px;
	width: 60px;
	position: fixed;
	bottom: 20px;
	right: 30px;
	border: none;
	border-radius: 50%;
	background-color: var(--second-color);
	color: #FFF;
	transition: all .3s;
	opacity: 0;
	overflow: hidden;
	cursor: pointer;
	outline: none !important;
	z-index: 10;
}
.back-to-top i{
	font-size: 20px;
	color: #fff;
}
.back-to-top.animate{
	opacity: 1;
	transition: all .3s;
	margin-right: 100px;
}

/*end footer*/

@media only screen and (max-width: 1200px){
	.header{
		height: auto;
	}
	.dropdown__menu{
		width: 750px;
	}
	.menu__left{
		width: 250px;
	}
	.menu__content{
		left: 250px;
		width: calc(100% - 250px);
	}
	.back-to-top.animate
	{
		margin-right: 50px;
	}
	.widget__img img {
		height: 400px;
		/*width: 500px;*/
		border-radius: 10px;
	}
	.widget__img a {
		margin-bottom: 100px;
	}
	.contact__img img
	{
		display: none;
	}
	.contact__img, .contact__content
	{
		width: 100%;
	}
}

@media only screen and (max-width: 1023.98px){
	.back-to-top.animate
	{
		margin-right: 50px;
	}
	.header__mobile{
		display: block;
	}
	header,
	header.active{
		background-color: var(--primary-color);
	}
	.header__info,
	.header__img,
	.btn__booking-header,
	.menu,
	.logo{
		display: none;
	}
	.menu__bar{
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.other__search{
		display: block;
	}
	.language p{
		border: 1px solid #fff;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}
	.language p i{
		font-size: 20px;
		color: #fff;
	}
	.search__mobile{
		display: block;
	}

	/*.search__tour{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 60%;
		max-width: 90%;
		opacity: 0;
		visibility: hidden;
		z-index: 25;
		transition: all .3s;
	}*/
	.search__tour .main__tab{
		background-color: #fff;
		border-radius: 10px;
	}
	.overlay.active,
	.search__tour.show{
		opacity: 1;
		visibility: visible;
		transition: all .3s;
	}
	.heading__choose ul{
		gap: 10px;
		justify-content: center;
	}
	.input__field{
		margin-bottom: 10px;
	}
	.widget__img{
		text-align: center;
	}
	.travel:nth-child(2n) .container-fluid > .row{
		flex-direction: column-reverse;
	}

	.item-visa{
		width: calc(100% / 3);
	}
	.list__step__visa{
		width: 50%;
	}
	.widget__img img {
		/*height: 400px;
		width: 500px;*/
		border-radius: 10px;
	}
	.widget__img a {
		margin-bottom: 100px;
	}
	.contact__img img
	{
		display: none;
	}
	.contact__img, .contact__content
	{
		width: 100%;
	}
}

@media only screen and (max-width: 820px){
	.main__news{
		overflow-x: auto;
	}
	.main__news::-webkit-scrollbar{
		height: 3px;
		padding-bottom: 5px;
		background-color: #ddd;
	}
	.main__news > .row{
		flex-wrap: nowrap;
	}
	.row.nowrap-mb{
		flex-wrap: nowrap;
	}
	.slide__feedback .owl-nav button{
		position: static !important;
		transform: translateY(0) !important;
	}
	.feedback__video{
		margin-right: 0;
	}
	.slide__nation{
		width: 90% !important;
		margin: auto;
	}

	.tour__pg__des,
	.detail__img{
		width: 100%;
	}
	.main__table tr th{
		width: unset;
	}
	.rule,
	.detail__schedule{
		margin-left: 40px;
	}
	.img__visa-reg, .form-visa{
		width: 100%;
	}
	.form-agent{
		width: 100%;
		position: static;
		transform: translateY(0);
	}
	.pg__tour{
		justify-content: flex-start;
	}
	.back-to-top.animate
	{
		margin-right: 50px;
	}
	.widget__img img {
		/*height: 400px;
		width: 500px;*/
		border-radius: 10px;
	}
	.widget__img a {
		margin-bottom: 100px;
	}
	.contact__img img
	{
		display: none;
	}
	.contact__img, .contact__content
	{
		width: 100%;
	}
}

@media only screen and (max-width: 767.98px){
	.back-to-top.animate
	{
		margin-right: 50px;
	}
	/*.search__tour{
		width: 90%;
	}*/
	.heading__choose ul{
		justify-content: flex-start;
	}
	.wrap__text__tour h3{
		font-size: 36px;
	}
	.visa__wrap{
		grid-template-columns: auto;
		gap: 20px;
	}
	.country{
		padding: 10px;
		gap: 10px;
	}
	.country img{
		width: 25px;
	}
	.country span{
		font-size: 16px;
	}
	/*.tour__pg__des > ul li p{
		width: 100%;
	}*/
	.main__table tr th{
		min-width: 140px;
	}
	.call__zl a{
		font-size: 14px;
	}
	.rule, .detail__schedule{
		margin-left: 0;
	}
	.sidebar__tour{
		display: none;
	}
	.item-visa{
		width: 50%;
	}
	.list__step__visa{
		width: 100%;
	}
	.form-visa{
		padding: 20px 0;
	}
	.list__step__visa:not(:last-child){
		border-bottom: 1px solid #DCE0E0;
	}
	.guest__info{
		padding: 15px;
	}
	.pg__tour .support a{
		padding: 5px 15px;
	}
	.pg__tour .support a:last-child{
		margin-left: 5px;
	}
	/*.tour__info__detail .sidebar__info > ul li{
		flex-direction: column;
	}*/
	.total__price{
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}


	.footer__logo,
	.copyright__content{
		margin-bottom: 20px;
	}
	.main__footer{
		margin-top: 10px;
	}
	.widget__img img {
		/*height: 400px;
		width: 500px;*/
		border-radius: 10px;
	}
	.widget__img a {
		margin-bottom: 100px;
	}
	.contact__img img
	{
		display: none;
	}
	.contact__img, .contact__content
	{
		width: 100%;
	}
}

.gallery {
	padding: 60px 0;
	background-color: var(--three-color);
	background-image: url(../../assets/images/res2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.gallery:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 0;
}

.gallery .section-heading .btn-simple {
	color: var(--primary-color);
}

.gallery .section-heading .btn-simple::after, .gallery .section-heading .btn-simple::before {
	color: var(--primary-color);
}

.gallery-wrap {
	overflow: hidden;
	position: relative;
	/* BUTTON */
	/* TRACK */
	/* ITEM giữ nguyên */
}

.gallery-wrap::before, .gallery-wrap::after {
	content: "";
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	z-index: 2;
}

.gallery-wrap::before {
	left: 0;
	background: linear-gradient(to right, var(--three-color), transparent);
}

.gallery-wrap::after {
	right: 0;
	background: linear-gradient(to left, var(--three-color), transparent);
}

.gallery-wrap .nav-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: none;
	background: var(--second-color);
	color: #000;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 20px;
}

.gallery-wrap .nav-arrow-prev {
	left: 10px;
}

.gallery-wrap .nav-arrow-next {
	right: 10px;
}

.gallery-wrap .gallery-magic {
	display: flex;
	align-items: center;
	width: max-content;
	gap: 20px;
	will-change: transform;
}

.gallery-wrap .item {
	flex: 0 0 auto;
	width: 300px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.gallery-wrap .item:nth-child(odd) {
	transform: translateY(20px);
}

.gallery-wrap .item:nth-child(even) {
	transform: translateY(-20px);
}

.gallery-wrap .item img {
	aspect-ratio: 6/4;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-page-wrap .box-nav-tab {
	overflow: auto;
}

.gallery-page-wrap .tab-nav {
	margin-bottom: 30px;
}

.gallery-page-wrap .tab-nav a {
	display: inline-block;
	padding: 20px 10px;
	font-weight: 600;
}

.gallery-page-wrap .tab-nav a.active {
	color: var(--primary-color);
	border-bottom: 3px solid var(--primary-color);
}

.box-abu ul,.box-abu ol{
	margin-left: 20px;
}
.box-abu ul li{
	list-style: disc;
}
.slide__partner .item{
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slide__partner .item img{
	width: 80%;
	margin: 0 auto;
}
@media(min-width:768px){
	.slide__partner .item img{
		width: 60%;
		margin: 0 auto;
	}
}
.row-gallery .item img{
	aspect-ratio: 6/4;
}
.pagination li{
	width: 30px;
	height: 30px;
	border: 1px solid #000;
	background-color: #fff;
	color: var(--normal-color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.pagination li.active,
.pagination li:hover{
	background-color: var(--primary-color);
	color: #fff;
}
.slide__other__reviews .item .item-inner{
	position: relative;
    background: var(--bg-color);
    padding: 20px;
    border-radius: 10px;
}
.slide__other__reviews .item .item-inner .item-author{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.slide__other__reviews .item .item-inner .item-author .box-image img{
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 50%;
}
.slide__other__reviews .item .item-inner .item-author .box-title .title{
	font-size: 20px;
}

.slide__other__reviews .owl-nav button.owl-prev,
.slide__other__reviews .owl-nav button.owl-next {
	position: relative;
    top: auto;
	right: auto;
    transform: translate(0);
    width: 40px !important;
    height: 40px !important;
    background-color: var(--primary-color) !important;
    border-color: transparent !important;
    border-radius: 50% !important;
    margin: 0;
    outline: none !important;
	color: #fff;
}
.slide__other__reviews .owl-nav button.owl-prev{
	transform: translateX(-10px);
}
.slide__other__reviews .owl-nav button.owl-next{
	transform: translateX(10px);
}

/* Toàn bộ khu vực lịch sử */
.gt-timeline-section {
  padding: 100px 0;
  background-color: #ffffff;
  color: #333333;
  overflow: hidden;
}

.gt-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Tiêu đề phân khu theo chuẩn Vinamilk/Apple */
.gt-section-header {
  text-align: center;
  margin-bottom: 80px;
}

.gt-section-title {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: var(--primary-color);
}

.gt-section-subtitle {
  font-size: 1.1rem;
  color: #666666;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  font-weight: 300;
}

/* Khung chứa trục thời gian */
.gt-timeline-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 40px 0;
}

/* Đường hairline dọc ở giữa */
.gt-timeline-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e0e0e0; /* Đường kẻ mảnh màu xám nhạt */
  transform: translateX(-50%);
}

/* Từng block sự kiện */
.gt-timeline-item {
  position: relative;
  width: 50%;
  margin-bottom: 60px;
  box-sizing: border-box;
}

/* Block nằm bên trái trục */
.gt-timeline-item.item-left {
  left: 0;
  padding-right: 60px;
  text-align: right;
}

/* Block nằm bên phải trục */
.gt-timeline-item.item-right {
  left: 50%;
  padding-left: 60px;
  text-align: left;
}

/* Chấm tròn định vị trên trục line */
.gt-timeline-dot {
  position: absolute;
  top: 25px;
  width: 9px;
  height: 9px;
  background-color: #ffffff;
  border: 2px solid #2e7d32; /* Màu xanh lá thương hiệu Greentour */
  border-radius: 50%;
  z-index: 2;
  transition: all 0.3s ease;
}

.gt-timeline-item.item-left .gt-timeline-dot {
  right: -6px;
}

.gt-timeline-item.item-right .gt-timeline-dot {
  left: -4px;
}

/* Nội dung bên trong hộp */
.gt-timeline-content {
  background: #ffffff;
  padding: 0; /* Không dùng viền hộp đặc để tạo khoảng thở tối giản */
  transition: transform 0.3s ease;
}

/* Tag hiển thị thời gian */
.gt-time-badge {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 600;
  color: #2e7d32; /* Màu thương hiệu chủ đạo */
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

.gt-timeline-content h3 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 15px;
  color: #111111;
}

.gt-timeline-content p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #555555;
  margin-bottom: 10px;
  font-weight: 300;
}

.gt-timeline-content p strong {
  font-weight: 500;
  color: #222222;
}

/* Hover effect nhẹ nhàng kiểu Apple */
.gt-timeline-item:hover .gt-timeline-dot {
  background-color: #2e7d32;
  transform: scale(1.3);
}

/* --- TỐI ƯU TRÊN DI ĐỘNG (Responsive) --- */
@media screen and (max-width: 768px) {
  .gt-timeline-line {
    left: 20px; /* Đẩy trục line sát lề trái trên mobile */
  }

  .gt-timeline-item {
    width: 100%; /* Giãn full chiều rộng */
    padding-left: 45px !important;
    padding-right: 0 !important;
    text-align: left !important;
  }

  .gt-timeline-item.item-right {
    left: 0;
  }

  .gt-timeline-item.item-left .gt-timeline-dot,
  .gt-timeline-item.item-right .gt-timeline-dot {
    left: 15px;
    right: auto;
  }
}
/* --- TRẠNG THÁI CHUẨN BỊ ẨN (Trước khi cuộn tới) --- */
.gt-timeline-item {
  opacity: 0;
  filter: blur(2px); /* Hiệu ứng mờ nhẹ cao cấp kiểu Apple */
  transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1); /* Chuyển động mượt và chậm dần */
}

/* Vật chứa nội dung bên trái sẽ lệch sang trái một chút */
.gt-timeline-item.item-left {
  transform: translateX(-40px);
}

/* Vật chứa nội dung bên phải sẽ lệch sang phải một chút */
.gt-timeline-item.item-right {
  transform: translateX(40px);
}

/* Chấm tròn mặc định ban đầu có màu xám nhạt chưa kích hoạt */
.gt-timeline-dot {
  border-color: #e0e0e0 !important;
  background-color: #ffffff;
}


/* --- TRẠNG THÁI HIỆN THỊ (Sau khi lọt vào tầm mắt) --- */
.gt-timeline-item.is-visible {
  opacity: 1;
  transform: translateX(0) !important;
  filter: blur(0);
}

/* Khi block xuất hiện, chấm tròn tự động đổi sang màu xanh thương hiệu */
.gt-timeline-item.is-visible .gt-timeline-dot {
  border-color: var(--primary-color) !important;
  background-color: var(--primary-color);
}

/* Phân khu Lãnh đạo */
.gt-leadership-section {
  padding: 100px 0;
  background-color: #ffffff;
  color: #333333;
}

.gt-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Hệ thống lưới Grid (Mặc định 3 cột đều nhau) */
.gt-leadership-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px; /* Khoảng cách rộng giữa các card để tạo độ thoáng */
}

/* Từng thẻ thành viên */
.gt-leader-card {
  background: #ffffff;
  text-align: center;
  
  /* Cấu hình trạng thái ẩn ban đầu để chạy IntersectionObserver */
  opacity: 0;
  transform: translateY(40px);
  filter: blur(2px);
  transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Khung chứa ảnh */
.gt-leader-image-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 67%; /* Tỷ lệ ảnh dạng đứng chân dung 4:5 hoặc 3:4 cao cấp */
  background-color: #f9f9f9; /* Nền xám nhẹ đề phòng ảnh lỗi */
  overflow: hidden;
  margin-bottom: 25px;
}

.gt-leader-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Giữ nguyên tỷ lệ khuôn mặt không bị méo */
  /*filter: grayscale(100%);*/ /* Chuyển ảnh sang đen trắng kiểu cao cấp (tùy chọn) */
  transition: all 0.5s ease;
}

/* Phần thông tin chữ */
.gt-leader-info {
  padding: 0 10px;
}

.gt-leader-name {
  font-size: 1.4rem;
  font-weight: 500;
  color: #111111;
  margin-bottom: 5px;
}

.gt-leader-position {
  font-size: 0.9rem;
  color: #2e7d32; /* Màu xanh lá chủ đạo thương hiệu */
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  margin-bottom: 15px;
}

/* Đường hairline ngăn cách mảnh */
.gt-leader-divider {
  width: 40px;
  height: 1px;
  background-color: #e0e0e0;
  margin: 0 auto 15px auto;
}

.gt-leader-bio {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #666666;
  font-weight: 300;
}

/* --- HIỆU ỨNG KHI HOVER (Di chuột vào card) --- */
.gt-leader-card:hover .gt-leader-image {
  transform: scale(1.03);
  filter: grayscale(0%); /* Ảnh tự động có màu lại khi di chuột vào */
}

/* --- TRẠNG THÁI HIỂN THỊ KHI CUỘN CHUỘT TỚI --- */
.gt-leader-card.is-visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* --- RESPONSIVE TRÊN MOBILE & TABLET --- */
@media screen and (max-width: 992px) {
  .gt-leadership-grid {
    grid-template-columns: repeat(2, 1fr); /* Tablet hiện 2 cột */
    gap: 30px;
  }
}

@media screen and (max-width: 600px) {
  .gt-leadership-grid {
    grid-template-columns: 1fr; /* Mobile hiện 1 cột dọc duy nhất */
  }
  .gt-section-title {
    font-size: 1.8rem;
  }
}

/* Phân khu số liệu nổi bật */
.gt-stats-section {
  padding: 80px 0;
  background-color: #fafafa; /* Tone màu nền xám rất nhẹ mịn màng */
  /* Sử dụng đường hairline mỏng mảnh để cô lập phân khu thay vì đổ màu khối bệt */
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.gt-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Lưới bố cục chia đều 4 cột */
.gt-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  text-align: center;
}

/* Từng khối số liệu */
.gt-stat-item {
  position: relative;
}

/* Thêm vạch phân cách dọc siêu mảnh giữa các cột (chỉ hiện trên desktop) */
.gt-stat-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -15px;
  top: 15%;
  height: 70%;
  width: 1px;
  background-color: #e0e0e0;
}

/* Khung chứa con số */
.gt-stat-number-wrapper {
  font-size: 3.5rem; /* Số to, nét mỏng tinh tế */
  font-weight: 200;  /* Sử dụng font-weight siêu nhẹ kiểu cao cấp */
  color: #2e7d32;    /* Màu xanh lá cây thương hiệu */
  line-height: 1;
  margin-bottom: 12px;
  font-variant-numeric: tabular-nums; /* Giúp các số không bị nhảy lệch vị trí khi chạy số */
}

.gt-stat-suffix {
  font-weight: 300;
  margin-left: 2px;
}

/* Nhãn chữ bên dưới số */
.gt-stat-label {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #666666;
  font-weight: 400;
  line-height: 1.4;
  padding: 0 10px;
}

/* --- TỐI ƯU TRÊN DI ĐỘNG (RESPONSIVE) --- */
@media screen and (max-width: 992px) {
  .gt-stats-grid {
    grid-template-columns: repeat(2, 1fr); /* Máy tính bảng hiện 2 dòng, mỗi dòng 2 cột */
    gap: 40px 20px;
  }
  
  /* Ẩn vạch chia dọc trên mobile/tablet để tránh rối layout */
  .gt-stat-item::after {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  .gt-stats-section {
    padding: 60px 0;
  }
  .gt-stats-grid {
    grid-template-columns: 1fr; /* Điện thoại hiện dọc 1 cột duy nhất */
    gap: 40px;
  }
  .gt-stat-number-wrapper {
    font-size: 3rem;
  }
}
.gt-awards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.gt-award-card {
  text-align: center;
  padding: 20px;
  
  /* Cấu hình hiệu ứng ẩn ban đầu cho IntersectionObserver */
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.gt-award-icon-wrapper {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.gt-award-icon {
  max-height: 100%;
  max-width: 1200px;
  object-fit: contain;
}

.gt-award-name {
  font-size: 1.25rem;
  font-weight: 500;
  color: #111111;
  margin-bottom: 10px;
}

.gt-award-meta {
  font-size: 0.95rem;
  color: #666666;
  line-height: 1.5;
  font-weight: 300;
}
.gt-award-card.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
@media screen and (max-width: 992px) {
  .gt-awards-grid {
    grid-template-columns: 1fr; /* Giải thưởng chuyển thành 1 cột dọc */
    gap: 30px;
  }
}
.about-banner img{
	height: 70vh;
	width: 100%;
	object-fit: cover;
}