.about-title{font-size: 100px; opacity: 10%;}
.about-preview{letter-spacing: 3px; color: var(--main);}
.about-content{text-align: justify;}
.about1{padding: 150px 0; background: url(/theme/images/golf-flag.png) no-repeat top 150px left 25px;}
.about1-picture{top: 0; right: 0; width: 50%; height: 100%; background: url(/theme/images/profile.png) no-repeat top center / auto 100%;}
.about2{padding: 150px 0; background: url(/theme/images/golfer.png) no-repeat top 150px right 25px;}
.about2-picture{top: 0; left: 0; width: 50%; height: 100%; background: no-repeat top left / auto 100%;}
.about3-title:before{content: attr(shadow); position: absolute; right: 0; bottom: 0; left: 0; font-size: 100px; line-height: 1; opacity: 5%; z-index: -1;}
.about-button{background-color: #f7f7f7; line-height: 50px; letter-spacing: 1px;}
.about-button a{display: inline-block; padding: 0 2rem; background-color: var(--main); border-radius: 5px; color: #fff; transition: all 0.5s ease 0s;}
.about-button a:nth-child(2){background-color: var(--red);}
.about-button a:hover{background-color: var(--hover); box-shadow: 0 2px 3px rgb(0 0 0 / 50%); transform: translatey(-3px);}
@media all and (max-width: 992px){
    .about1{background-position: bottom 50px left 25px;}
    .about1-picture,
    .about2-picture{width: 0; height: 0;}
}
@media all and (max-width: 768px){
    .about3-title:before{display: none;}
}
@media all and (max-width: 576px){
    .about-title{font-size: 70px;}
}.lienhe{background-color: #f7f7f7;}
.lienhe-map iframe{display: block!important; width: 100%!important; height: 500px!important;}
.lienhe-info{background-color: #fff;}
.lienhe-info a{color: var(--text);}.table{box-sizing: border-box; display: table; width: 100%; border-collapse: collapse; background-color: #fff;}
.table-body{box-sizing: border-box; display: table-row-group;}
.table-row{display: table-row;}
.table-row.table-head{font-weight: 700; text-transform: uppercase; text-align: center; line-height: 40px}
.table-row.table-head .table-cell:nth-child(2),
.table-row.table-head .table-cell:nth-child(3),
.table-row.table-head .table-cell:nth-child(4){width: 115px;}
.table-cell{box-sizing: border-box; display: table-cell; padding: 5px; border: 1px solid #d7d7d7; text-align: center; vertical-align: middle;}
.table-payment{position: relative; text-align: left;}
.table-payment img{position: absolute; top: 5px; left: 5px;}
.table-payment p{padding-left: 58px; font-size: 16px;}
.table-payment p b{color: #ed1c24;}
.cart{padding: 50px 0;}
.cart-name a{display: block; font-size: 20px; font-weight: 700; text-align: left; color: #333;}
.cart-name a:hover{text-decoration: underline;}
.cart-string{padding-top: 5px; text-align: left;}
.cart-string ul{list-style: none;}
.cart-string li a{color: #333;}
.cart-string li a:hover{text-decoration: underline;}
.cart-string li:last-child a{color: #ed1c24;}
.cart-quantity{width: 90px; margin: auto;}
.cart-quantity a{float: left; width: 25px;}
.cart-quantity a i{display: block; width: 25px; background-color: var(--main); text-align: center; line-height: 25px; color: #fff; transition: all 0.5s ease 0s;}
.cart-quantity a i:hover{background-color: var(--hover); color: #fff;}
.cart-quantity a.disabled i{background-color: #f7f7f7; color: #333; cursor: not-allowed;}
.cart-quantity input[type=text]{float: left; width: 40px; height: 25px; border: none; text-align: center; text-indent: 0;}
.cart-total{margin-bottom: 30px; font-size: 18px; text-align: right; line-height: 50px;}
.cart-total b{color: #ed1c24;}
.cart-payment{font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: right; line-height: 50px; letter-spacing: 1px;}
.cart-payment a{display: inline-block; padding: 0 35px; background-color: var(--main); color: #fff; transition: all 0.5s ease 0s;}
.cart-payment a:hover{background-color: var(--hover);}
@media (min-width:320px){
    .table-cell:nth-child(4){display: none;}
    .cart-img{display: none;}
}
@media (min-width:768px){
    .table-cell:nth-child(4){display: table-cell;}
    .cart-img{float: left; display: block; width: 125px;}
    .cart-info{float: right; width: calc(100% - 140px);}
}.payment-title{margin-bottom: 15px; font-size: 18px; font-weight: 700;}
.payment-list{list-style: none; margin-bottom: 20px;}
.payment-list li{margin-bottom: 10px;}
.payment-list li label{display: block; padding: 10px 15px; background: #f7f7f7; cursor: pointer;}
.payment-list li label i{margin-right: 15px;}
.payment-list li label input{display: none;}
.payment-list li div.main-detail{display: none; padding: 10px; border: 1px solid #d7d7d7; border-top: 0;}
.payment-list li.active label{background: var(--main); color: #fff;}
.payment-list li.active div.main-detail{display: block;}

@media all and (max-width: 768px){
    .payment-bill{float: none; width: auto;}
    .payment-form{float: none; width: auto;}
}.colcategory ul{list-style: none;}
.colcategory ul li+li{margin-top: 1rem;}
.colcategory ul li a{border: 1px solid #d7d7d7; color: #333; transition: all 0.3s ease 0s;}
.colcategory ul li a i{margin-right: 10px; transform: translatey(2px); color: #d7d7d7; transition: all 0.3s ease 0s;}
.colcategory ul li a span{position: absolute; top: 0; right: 1.5rem; line-height: 56px; color: #777; transition: all 0.3s ease 0s;}

.colcategory ul li.active a, .colcategory ul li a:hover{background-color: var(--main); border-color: var(--main); color: #fff;}
.colcategory ul li.active a i, .colcategory ul li a:hover i,
.colcategory ul li.active a span, .colcategory ul li a:hover span{color: #fff;}
.collocal ul{list-style: none;}
.collocal a{border: 1px solid #d7d7d7; color: var(--text); transition: all 0.3s ease 0s;}
.collocal a:hover{background-color: var(--main); border-color: var(--main); color: #fff;}.colsearch{position: sticky; top: 95px; padding: 30px; background-color: #f7f7f7;}
.colsearch .stour-item{width: 100%!important; margin: 1.5rem 0 0!important; padding: 0!important;}
.colsearch-wrap{}
@media all and (max-width: 992px){
    .colsearch form{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
	.colsearch .stour-item{flex: 0 0 auto; width: calc(50% - 15px)!important;}
    .colsearch .stour-item:nth-child(5){width: 100%!important;}
}.coltour-title:after{content: ''; display: block; width: 30px; height: 2px; margin-top: 10px; background-color: var(--main);}
.coltour-item img{border-radius: 5px; box-shadow: 0 0 3px rgb(0 0 0 / 25%); transition: all 0.3s ease 0s;}
.coltour-item h3{transition: all 0.3s ease 0s;}
.coltour-item span{font-size: 10px; text-transform: uppercase; color: #777;}
.coltour-item b{color: var(--red);}
.coltour-item a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.coltour-item:hover img{box-shadow: 0 0 3px 1px rgb(0 0 0 / 50%);}
.coltour-item:hover h3{color: var(--main);}.destination{background-color: #f7f7f7;}
.destination-img a{position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0; transition: all 0.5s ease 0s;}
.destination-img a i{font-size: 50px; color: #fff; transition: all 0.5s ease 0s;}
.destination-img:hover a{background-color: rgb(0 0 0 / 50%); opacity: 1;}
.destination-img:hover a i{transform: rotate(-90deg);}
.destination-txt{background-color: #fff; border: 1px solid #d7d7d7; border-top: 0;}
.destination-name a{width: 100%; background-image: linear-gradient(transparent calc(100% - 2px), var(--main) 2px); background-repeat: no-repeat; background-size: 0% 100%; color: var(--text); transition: all 0.5s ease 0s;}
.destination-name a:hover{background-size: 100% 100%; color: var(--main);}
.destination-count{text-transform: none; color: #777;}
.destination-count span{padding-right: 3px; color: var(--main);}
.destination-prev{letter-spacing: 1px; color: #777;}
.destination-more{font-size: 14px; line-height: 35px;}
.destination-more a{display: inline-block; padding: 0 15px; background-color: var(--main); border-radius: 5px; color: #fff; transition: all 0.5s ease 0s;}
.destination-more a:hover{background-color: var(--hover); box-shadow: 0 1px 3px rgb(0 0 0 / 50%); transform: translatey(-1px);}.banner{height: 350px; margin-top: 120px; padding-bottom: calc(4rem + 24px); background: no-repeat center / cover; letter-spacing: 1px; color: #fff;}
.banner:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%);}
.banner-2{height: 500px; padding-bottom: 3rem;}
.banner-count{padding-top: 1rem;}
.banner-count span{color: var(--main);}
@media all and (min-width: 1201px){
    .banner .fs-1{font-size: 72px!important;}
}
@media all and (max-width: 576px){
    .banner{margin-top: 80px;}
    .banner-2{height: 350px;}
}.breadcrumb{margin-top: calc(-3rem - 24px); padding-bottom: 3rem; z-index: 1;}
.breadcrumb ul{list-style: none;}
.breadcrumb ul li{display: inline; font-size: 14px; font-style: italic; color: #fff;}
.breadcrumb ul li:after{content: '/'; padding: 0 5px;}
.breadcrumb ul li:last-child:after{display: none;}
.breadcrumb ul li a{color: #fff;}.header #menu, .mm-listitem__text i{display: none;}
.menu{z-index: 2;}
.menu ul{list-style: none;}
.menu ul li{position: relative;}
.menu ul li.display{display: none;}
.menu ul li a{display: block; font-size: 14px; font-weight: 800; line-height: 40px; color: var(--text); transition: all 0.5s ease 0s;}
.menu ul li a i{margin-left: 0.25rem; transition: all 0.5s ease 0s;}
.menu ul li:hover a i{transform: scaley(-1);}
.menu ul li ul{position: absolute; top: calc(100% + 15px); width: 200px; opacity: 0; pointer-events: none; transition: all 0.5s ease 0s;}
.menu ul li ul li a{padding: 0 1rem; background-color: #fff;}
.menu ul li ul li a:hover{color: var(--main);}
.menu > ul > li{float: left;}
.menu > ul > li+li{margin-left: 1.5rem;}
.menu > ul > li:nth-child(2){margin-left: 0;}
.menu > ul > li > a{text-transform: uppercase;}
.menu > ul > li:hover > a, .menu > ul > li.active > a{color: var(--main);}
.menu > ul > li > ul{padding-top: 15px;}
.menu > ul > li > ul:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 15px); box-shadow: 0 0 15px rgb(0 0 0 / 15%);}
.menu > ul > li:hover > ul{top: 100%; opacity: 1; pointer-events: auto;}
@media all and (max-width: 1400px){
    .menu > ul > li+li{margin-left: 1.25rem;}
    .menu > ul > li > a{text-transform: capitalize;}
}.stour-toggle{display: none; font-size: 12px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff;}
.stour-toggle span{display: inline-block; padding: 7.5px 15px; background-color: var(--main); border-radius: 5px 5px 0 0;}
.stour-toggle span i{margin-left: 5px;}
.stour, .stour-toggle{position: absolute; right: 0; bottom: 0; left: 0; margin: 0 auto; z-index: 3;}
.stour{bottom: 30px; z-index: 2;}
.stour-wrap{padding: 25px 10px; background: rgb(42 42 42 / 75%);}
.stour-item{flex: 0 0 auto; width: calc((100% - 300px)/3); padding: 0 15px;}
.stour-item:nth-child(4),
.stour-item:nth-child(5){width: 150px;}
.stour-item b{display: block; margin-bottom: 5px; font-size: 14px; line-height: 20px; color: #fff;}
.stour-item input[type=text],
.stour-item select{border: none; border-radius: 5px;}
.stour-item input[type=submit]{border-radius: 5px;}
@media all and (max-width: 768px){
    .stour-item{width: 50%; margin-bottom: 20px;}
    .stour-item:nth-child(4){width: 50%;}
    .stour-item:nth-child(5){width: 100%; margin-bottom: 0;}
    .stour-item:nth-child(5) b{display: none;}
}
@media all and (max-width: 576px){
    .stour-toggle{display: block;}
	.stour{transform: translatey(50%); opacity: 0; pointer-events: none; transition: all 1s ease 0s;}
    .stour-2{transform: translatey(-15px); opacity: 1; pointer-events: auto;}
    .stour-wrap{background: rgb(42 42 42 / 1);}
}.bonkhoi{background-image: linear-gradient(to right, #75d69c 0%, #8d6dc4 50%, #75d69c 100%); background-size: 200% 100%; color: #fff;}
.bonkhoi-img{width: 70px;}
.bonkhoi-prev{letter-spacing: 1px;}.gioithieu-txt h2{color: var(--main);}
.gioithieu-txt > div:nth-child(2){color: #555;}
.gioithieu-img{padding-bottom: 180px; background: url(/theme/images/tee.png) no-repeat center bottom / 300px auto;}
.gioithieu-img:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 180px); border-radius: 50%; box-shadow: inset 0 0 30px 5px rgb(0 0 0 / 50%);}
.gioithieu-img img{border-radius: 50%;}
.gioithieu-button a{position: relative; display: inline-block; padding-top: 40px; vertical-align: middle; color: var(--main); overflow: hidden;}
.gioithieu-button a:after{content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: var(--main); transition: all 0.5s ease 0s;}
.gioithieu-button a:hover:after{width: 100%;}
.gioithieu-button span.arrow,
.gioithieu-button span.arrow span{position: absolute; right: 0; left: 0; display: block; margin: auto;}
.gioithieu-button span.arrow{top: 10px;}
.gioithieu-button span span{top: 14px; width: 25px; height: 15px; background: url(/theme/images/arrow.png) no-repeat center / contain; animation: arrow-1 1s ease-in-out infinite; opacity: 25%;}
.gioithieu-button span.arrow:before,
.gioithieu-button span.arrow:after{content: ''; position: absolute; right: 0; left: 0; display: block; width: 25px; height: 15px; margin: auto; background: url(/theme/images/arrow.png) no-repeat center / contain;}
.gioithieu-button span.arrow:before{top: 0; opacity: 1;}
.gioithieu-button span.arrow:after{top: 7px; opacity: 50%;}
.gioithieu-button span.arrow:before{animation: arrow-3 1s ease-in-out infinite 0.2s;}
.gioithieu-button span.arrow:after{animation: arrow-2 1s ease-in-out infinite 0.1s;}
@keyframes arrow-1{0%{transform: translateY(-10px); opacity: 0;} 70%, 100%{transform: translateY(0); opacity: 70%;}}
@keyframes arrow-2{0%{transform: translateY(-10px); opacity: 0;} 70%, 100%{transform: translateY(0); opacity: 50%;}}
@keyframes arrow-3{0%{transform: translateY(-10px); opacity: 0;} 70%, 100%{transform: translateY(0); opacity: 30%;}}
@media all and (max-width: 992px){
	.gioithieu-txt{margin-bottom: 3rem;}
}.moinhat-wrap{position: relative; border-radius: 5px; box-shadow: 0 0 5px 1px rgb(0 0 0 / 50%); overflow: hidden;}
.moinhat-big img{width: 100%; height: 100%; object-fit: cover;}
.moinhat-big h3{font-size: 24px!important;}
.moinhat-big .moinhat-txt{padding: 30px!important;}
.moinhat-txt{position: absolute; top: 0; left: 0; display: flex; align-items: flex-end; width: 100%; height: 100%; padding: 15px; background-color: rgb(0 0 0 / 25%); color: #fff; z-index: 1;  transition: all 0.5s ease 0s;}
.moinhat-txt:hover{background-color: rgb(0 0 0 / 50%);}
.moinhat-txt:hover h3{color: var(--main);}
.moinhat-txt p{font-size: 12px; font-weight: 800; letter-spacing: 1px;}
.moinhat-txt h3{font-size: 16px; font-weight: 800; transition: all 0.5s ease 0s;}
.moinhat-txt a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.noibat{background: url(/theme/images/noibat.jpg) no-repeat center bottom fixed;}
.noibat:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 25%);}.phobien-title:before{content: attr(shadow); position: absolute; right: 0; bottom: 0; left: 0; font-size: 100px; line-height: 1; opacity: 5%; z-index: -1;}
.phobien-preview{max-width: 75%; text-transform: none; letter-spacing: 1px; color: #555;}
.phobien-preview-2{max-width: 50%;}
.phobien-list{height: 600px;}
.phobien-list:after{content: ''; display: block; clear: both;}
.phobien-item{float: left; width: 25%; height: 50%; padding: 1rem;}
.phobien-item:nth-child(1){height: 100%;}
.phobien-item:nth-child(2){width: 50%;}
.phobien-item:nth-child(3){float: right; height: 100%;}
.phobien-wrap{height: 100%; background: no-repeat center / cover; border-radius: 5px; box-shadow: 0 0 5px 1px rgb(0 0 0 / 50%); overflow: hidden;}
.phobien-wrap img{opacity: 0;}
.phobien-wrap a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.phobien-text{top: 0; left: 0; background-color: rgb(0 0 0 / 25%); color: #fff; transition: all 0.5s ease 0s;}
.phobien-text p{font-size: 10px;}
.phobien-wrap:hover .phobien-text{background-color: rgb(0 0 0 / 50%);}
@media all and (max-width: 992px){
    .phobien-list{height: auto;}
    .phobien-item{width: 50%; height: 300px;}
    .phobien-item:nth-child(1){height: 600px;}
    .phobien-item:nth-child(3){height: 300px;}
}
@media all and (max-width: 768px){
    .phobien-title:before{display: none;}
    .phobien-preview{max-width: none!important;}
}
@media all and (max-width: 576px){
    .phobien-item{width: 100%;}
    .phobien-item:nth-child(1){height: 300px;}
    .phobien-item:nth-child(2){width: 100%;}
}.slide{margin-top: 120px; overflow: hidden;}
.slide-item{height: calc(100vh - 120px); overflow: hidden;}
.slide-item img{width: 100%; height: 100%; object-fit: cover;}
.slide-item .container{top: 0; right: 0; left: 0; height: calc(100% - 146px);}
.slide-text{color: #fff;}
.slide-text p{opacity: 0; transition: all 1s ease 0s;}
.slide-text p:nth-child(1){font-family: Raleway; font-size: 30px; text-transform: none; letter-spacing: 3px; transform: translatey(-50px);}
.slide-text p:nth-child(2){margin: 50px 0 15px; font-size: 80px; font-weight: 800; letter-spacing: 2px; text-shadow: 0 2px 5px rgb(0 0 0 / 50%); transform: translatex(-100px);}
.slide-text p:nth-child(3){display: inline-block; padding: 10px 30px; background-color: rgb(42 191 134 / 75%); font-family: 'Roboto Slab'; font-size: 24px; font-weight: 300; transform: translatex(100px);}
.slide .owl-item.active .slide-text p{transform: translate(0); opacity: 1;}
.slide .owl-nav button{position: absolute; top: 0; bottom: 0; width: 50px; height: 50px; background-color: transparent; margin: auto; transition: all 0.3s ease 0s;}
.slide .owl-nav button.owl-prev{left: 30px;}
.slide .owl-nav button.owl-next{right: 30px;}
.slide .owl-nav button i{display: block; font-size: 50px; color: #fff; transition: all 0.3s ease 0s;}
.slide .owl-nav button:hover i{color: var(--main);}
@media all and (max-width: 576px){
    .slide{margin-top: 80px;}
    .slide-item{height: 450px;}
    .slide-item .container{height: 100%;}
    .slide-text p:nth-child(1){font-size: 20px; letter-spacing: 0;}
    .slide-text p:nth-child(2){margin: 30px 0 5px; font-size: 30px; letter-spacing: 0;}
    .slide-text p:nth-child(3){padding: 5px 15px; font-size: 16px;}
    .slide .owl-nav{display: none;}
}.news-img{border-radius: 5px; box-shadow: 0 0 3px 1px rgb(0 0 0 / 50%); overflow: hidden;}
.news-img img{transition: all 1s ease 0s;}
.news-img:hover img{transform: scale(1.05);}
.news-time{font-size: 12px; color: #777;}
.news-time i{margin-right: 3px; color: var(--main);}
.news-name a{width: 100%; background-image: linear-gradient(transparent calc(100% - 2px), var(--main) 2px); background-repeat: no-repeat; background-size: 0% 100%; color: var(--text); transition: all 0.5s ease 0s;}
.news-name a:hover{background-size: 100% 100%; color: var(--main);}
.news-prev{letter-spacing: 1px; color: #777;}
.news-other-title:after{content: ''; display: inline-block; width: 50px; height: 2px; margin-left: 10px; background-color: var(--main);}.popup{width: 576px; max-width: calc(100vw - 1.5rem);}
.popup-title{padding: 0 15px; background-color: var(--main); border-radius: 20px 20px 0 0; line-height: 50px; color: #fff;}
.popup-title i{margin-right: 10px;}
.popup-form{background-color: #fff; border-radius: 0 0 20px 20px;}
.loading-indicator-overlay, .loading-indicator{z-index: 99993!important;}
.fancybox-close-small{width: 50px; height: 50px;}
.fancybox-close-small:after{top: 10px; right: 10px; color: #fff;}.product-name a{width: 100%; background-image: linear-gradient(transparent calc(100% - 2px), var(--main) 2px); background-repeat: no-repeat; background-size: 0% 100%; color: var(--text); transition: all 0.5s ease 0s;}
.product-name a:hover{background-size: 100% 100%; color: var(--main);}
.product-img{border: 1px solid #d7d7d7; border-radius: 5px;}
.product-img a{position: relative; display: block; padding-top: 100%; overflow: hidden;}
.product-img a img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: all 1s ease 0s;}
.product-img a:hover img{transform: scale(1.05);}
.product-value span{padding-right: 15px; font-size: 14px; text-decoration: line-through; color: #777;}
.product-value b{font-size: 18px; color: var(--main);}.product-head{background-color: #f7f7f7;}

.product-photos a{position: relative; display: block; background-color: #fff; padding-top: 100%;}
.product-photos a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;}
.product-photos a i{top: 50px; right: 0; bottom: 0; left: 0; width: 50px; height: 50px; line-height: 50px; color: var(--main); transition: all 0.5s ease 0s;}
.product-photos a:hover i{top: 0; opacity: 1!important;}
.product-nav-slick{position: relative; padding: 0 15px; opacity: 75%; cursor: pointer; transition: all 0.5s ease 0s;}
.product-nav-slick:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.product-nav-slick:hover, .slick-current .product-nav-slick{opacity: 100%;}

.product-info h2 a{text-decoration: underline; color: var(--main);}
.product-price span{padding-right: 15px; font-weight: 700; text-decoration: line-through; color: #777;}
.product-price b{color: var(--red);}

.product-quantity{background-color: rgb(42 191 134 / 25%); line-height: 40px;}
.product-quantity-control{display: flex; background-color: #fff;}
.product-quantity-control > *{width: 40px; height: 40px; font-weight: 700; text-align: center;}
.product-quantity-control > *:nth-child(2){border: none; text-indent: 0;}
.product-quantity-control > * a{display: block; color: var(--text);}
.product-quantity-control > * a:hover{color: var(--main);}
.product-cart a{background: var(--main); line-height: 50px; letter-spacing: 1px; color: #fff; transition: all 0.5s ease 0s;}
.product-cart a:hover{background: var(--hover);}
.product-cart a i{margin-right: 5px;}

.product-tab > ul{display: flex; list-style: none;}
.product-tab > ul li{font-weight: 700; line-height: 50px;}
.product-tab > ul li a{position: relative; display: block; padding: 0 30px; background-color: #f7f7f7; border: 1px solid transparent; border-bottom: 0; color: var(--text); transition: all 0.5s ease 0s;}
.product-tab > ul li a.active{background-color: #fff; border-color: #d7d7d7; border-top-color: var(--main);}
.product-tab > ul li a.active:after{content: ''; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 1px; background-color: #f7f7f7;}
.product-content{border: 1px solid #d7d7d7;}
.product-content td{border-width: 1px;}.tour-img{overflow: hidden;}
.tour-img img{transition: all 1s ease 0s;}
.tour-img:hover img{transform: scale(1.05);}
.tour-txt{background-color: #fff; border: 1px solid #d7d7d7; border-top: none; color: #777;}
.tour-name a{width: 100%; background-image: linear-gradient(transparent calc(100% - 2px), var(--main) 2px); background-repeat: no-repeat; background-size: 0% 100%; color: var(--text); transition: all 0.5s ease 0s;}
.tour-name a:hover{background-size: 100% 100%; color: var(--main);}
.tour-time{font-size: 12px;}
.tour-time i{margin-right: 5px; color: var(--main);}
.tour-star i.gr{color: #999;}
.tour-star i.yl{color: #fc0;}
.tour-star span,
.tour-price span{display: block; font-size: 10px; text-transform: uppercase;}
.tour-price b{color: var(--main);}
.tour-info{font-size: 14px;}
.tour-info p{position: relative; padding: 5px 0; border-bottom: 1px solid #d7d7d7; text-align: right;}
.tour-info p span{position: absolute; top: 5px; left: 0;}
.tour-info p b{display: inline-block; max-width: calc(100% - 60px);}
.tour-more{transform: translatex(1.5rem);}
.tour-more a{display: inline-block; padding: 0 15px; background-color: var(--main); font-size: 14px; line-height: 35px; color: #fff; transition: all 0.5s ease 0s;}
.tour-more a:hover{background-color: var(--hover); box-shadow: 0 1px 3px rgb(0 0 0 / 50%); transform: translatey(-1px);}
.tour-more-2{transform: translatex(0);}
.tour-more-2 a{display: block; line-height: 50px;}.tour-slide{margin-top: 120px; padding-bottom: 60px; background-color: #f7f7f7; border-bottom: 1px solid #d7d7d7;}
.tour-slide .owl-dots{position: absolute; right: 0; bottom: 190px; left: 0; max-width: 1320px; height: 4px; margin: 0 auto; padding-right: calc(1.5rem*.5); padding-left: calc(1.5rem*.5);}
.tour-slide .owl-dots button{position: relative; width: 40px; height: 4px; background-color: transparent; border-bottom: 1px solid #fff; vertical-align: top;}
.tour-slide .owl-dots button+button{margin-left: 10px;}
.tour-slide .owl-dots button span{position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: var(--main); transition: all 0.3s ease 0s;}
.tour-slide .owl-dots button:hover span, .tour-slide .owl-dots button.active span{height: 3px;}
.tour-slide-item{position: relative; height: 600px; overflow: hidden;}
.tour-slide-item:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, transparent 0%, rgba(0 0 0 / 75%) 100%);}
.tour-slide-item img{width: 100%; height: 100%; object-fit: cover;}
.tour-title{right: 0; bottom: 100px; left: 0; color: #fff; z-index: 2;}
.tour-detail{margin-top: -60px;}
.tour-tab ul{list-style: none; display: flex;}
.tour-tab ul li{flex: 0 0 auto;}
.tour-tab ul li a{position: relative; display: block; padding: 0 30px; line-height: 60px; border-right: 1px solid transparent; border-left: 1px solid transparent; font-weight: 700; color: var(--text);}
.tour-tab ul li a:after{content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #fff;}
.tour-tab ul li a.active{background-color: #fff; border-color: #d7d7d7;}
.tour-string{list-style: none; background-color: #f7f7f7;}
.tour-string li i{width: 30px; color: var(--main);}
.tour-html+.tour-html{border-top: 1px solid #d7d7d7;}
.tour-html ul{list-style: none;}
.tour-html ul li{position: relative; padding: 3px 0 3px 30px;}
.tour-html ul li:before{position: absolute; top: 0; left: 0; font-family: "Font Awesome 6 Pro"; font-weight: 700; line-height: 30px;}
.tour-html .tour-BAOGOM ul li:before{content: '\f00c'; color: var(--main);}
.tour-html .tour-KHONGBAOGOM ul li:before{content: '\f057'; font-size: 14px; color: var(--red);}
.tour-html .tour-LUUY ul li:before,
.tour-html .tour-CHINHSACHHUY ul li:before{content: '\f0da'; color: var(--main);}
.tour-itinerary .main-detail h2{margin-bottom: 30px; padding: 10px 15px; font-size: 16px; font-weight: 700; text-transform: uppercase; background-color: #f7f7f7;}
.tour-location .main-detail iframe{width: 100%!important; height: 500px!important;}
.tour-col{background-color: #fff; border: 1px solid #d7d7d7; border-top: none; box-shadow: 0 0 5px rgb(0 0 0 / 5%); z-index: 2;}
.tour-col .form-item input[type=number]{width: 70px; padding-right: 15px; text-align: center; text-indent: 0; }
.tour-col .form-item input[type=number]::-webkit-outer-spin-button, 
.tour-col .form-item input[type=number]::-webkit-inner-spin-button{position: absolute; top: 0; right: 0; width: 50px; height: 100%; opacity: 1;}
.tour-col .form-item p{right: 0; bottom: 0; width: calc(100% - 70px); line-height: 40px; color: var(--main);}
.tour-col .form-call a{display: block; background-color: var(--main); line-height: 40px; color: #fff;}
.tour-col .form-total{margin-bottom: 2rem; background-color: #f4d279;}
.tour-col .form-or span{display: inline-block; padding: 0 15px; background-color: #fff; color: #999;}
.tour-col .form-or span:before{content: ''; position: absolute; top: 12px; left: 0; width: 100%; height: 1px; background-color: #d7d7d7; z-index: -1;}
.tour-review textarea{height: 141px;}
.form-rated {padding: 7.5px 0;}
.form-rated input[type="radio"]{width: 0; height: 0; border: none; appearance: none;}
.form-rated i{font-size: 22px; cursor: pointer; transition: all 0.3s ease 0s;}
.form-rated label:is(:hover, :has(~ :hover)) i{transform: scale(1.35); color: #fc0; animation: jump 0.5s calc(0.3s + (var(--i) - 1) * 0.15s) alternate infinite;}
.form-rated label:has(~ :checked) i{color: #fc0;}
@keyframes jump{0%, 50%{transform: translatey(0) scale(1.35);} 100%{transform: translatey(-15%) scale(1.35);}}
@media all and (max-width: 1200px){
    .tour-slide .owl-dots{max-width: 1140px;}
}
@media all and (max-width: 992px){
    .tour-slide .owl-dots{max-width: 960px;}
    .tour-col{border-top: 1px solid #d7d7d7;}
}
@media all and (max-width: 768px){
    .tour-slide .owl-dots{max-width: 720px;}
}
@media all and (max-width: 576px){
    .tour-slide{margin-top: 80px;}
    .tour-slide .owl-dots{max-width: 540px;}
    .tour-slide-item{height: 450px;}
    .tour-tab ul li a{padding: 0 10px; font-size: 14px;}
}