/* xem thêm */
.btn-xemthem { }
.btn-xemthem div { width: fit-content; border-radius: 5px; border: 2px solid #ff0000; margin: 30px auto; padding: 5px 20px; color: #ff0000; font-weight: 600; }

/* tour nổi bật */
.wrap-tour-noibat { background: url(../images/bgr_tour_noibat.png) no-repeat center; background-size: 100% 100%; position: relative; z-index: 1 }
.box-main-tour-noibat { position: relative; }
/*.control-tour-noibat button svg { stroke: #fff; opacity: 1; }*/
/*.control-tour-noibat.control-owl { top: 42%; transform: translateY(-42%); }*/
.control-tour-noibat button { background-color: #595959; color: #fff; opacity: 1; width: 25px; font-size: 23px; }
.control-tour-noibat button:hover { background-color: #cd0000; }
/*.control-tour-noibat button.owl-prev { left: -10px; }
.control-tour-noibat button.owl-next { right: -10px; }*/
.tour-item { background: white; border-radius: 10px; }
.pic-tour { border: 1px solid #b8b8b8; }
.tour-img .scale-img { border-radius: 10px; }
.tour-info { padding: 10px; color: black; }
.tour-name { font-size: 16px; font-family: "font1"; line-height: 24px; }
.tour-name:hover { color: #ff0000; }
.tour-location, .tour-time { margin-bottom: 0.4rem; font-family: "font4"; }
.tour-location i, .tour-time i { color: #868686; margin-right: 7px; }

/* tour */
.box-main-tour { display: flex; gap: 20px; }
.left-tour { width: 25%; border-radius: 10px; height: fit-content; }
.right-tour { width: 75%; }
.grid-tour { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.wrap-tour-1 { background: url(../images/bgr_tour_1.png) no-repeat center; background-size: 100% 100%; }
.wrap-tour-2 { background: url(../images/bgr_tour_2.png) no-repeat center; background-size: 100% 100%; }
.wrap-tour-3 { background: url(../images/bgr_tour_3.png) no-repeat center; background-size: 100% 100%; }

/* album */
.wrap-album { background: url(../images/bgr_album.png) no-repeat center; background-size: 100% 100%; }
.box-main-album { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.hinhanh-name { position: absolute; height: auto; padding: 10px; text-align: center; top: 50%; transform: translateY(-50%); color: #fff; background: #000000ab; font-size: 16px; text-transform: uppercase; opacity: 0; transition: 0.2s all; width: 100%; pointer-events: none; }
.box-album:hover .hinhanh-name { opacity: 1; }
.box-album { position: relative; }
.box-album0 { grid-column: 1/2; grid-row: 1/3; }
.box-album1 { grid-column: 2/3; grid-row: 1/2; }
.box-album2 { grid-column: 3/4; grid-row: 1/2; }
.box-album3 { grid-column: 4/5; grid-row: 1/3; }
.box-album4 { grid-column: 2/3; grid-row: 2/3; }
.box-album5 { grid-column: 3/4; grid-row: 2/3; }

/* video */
.box-main-video { margin-top: 20px; }
.box-video { position: relative; }
.play-video { position: absolute; background: url(../images/play.png) no-repeat; background-size: 100% 100%; width: 40px; height: 40px; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* lí do */
.wrap-why { background: url(../images/bgr_why.png) no-repeat center; background-size: 100% 100%; }
.why-item { position: relative; padding-top: 70px; }
.why-img { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); }
.why-img .scale-img { border-radius: 50%; width: fit-content; margin: 0px auto 0px; padding: 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); border-bottom: 5px solid #ff0000; background: white; }
.why-info { border-radius: 10px; border: 1px solid #ff0000; padding: 65px 15px 15px 15px; text-align: center; background: url(../images/bgr_item_why.png) no-repeat center; background-size: 100% 100%; }
.why-desc { margin: 0px; }

/* feedback */
.wrap-feedback { background: url(../images/bgr_feedback.png) no-repeat center; background-size: 100% 100%; }
.feedback-item { position: relative; padding-bottom: 40px; }
.feedback-info { border: 1px solid #ff0000; padding: 10px 10px 70px 10px; background: white; display: flex; align-items: flex-start; gap: 10px; }
.feedback-content { padding-top: 20px; margin: 0px; }
.feedback-img { display: flex; align-items: center; gap: 10px; position: absolute; bottom: -0px; left: 50%; transform: translateX(-50%); background: white; padding-right: 10px; }
.feedback-name { font-size: 16px; margin: 0px; }
.feedback-desc { font-size: 14px; color: #868686; margin: 0px; }

/* tiêu chí */
.wrap-criteria { position: relative; background: #ff0000; }
.criteria-item { text-align: center; }
.criteria-img .scale-img { padding: 10px; }
.criteria-name { color: white; font-size: 16px; font-family: "font1"; }

/*  */
.btn-intro { display: block; width: 160px; position: relative; overflow: hidden; background: #00a04f; }
.btn-intro:before { position: absolute; content: ""; top: -10%; left: -10%; bottom: -10%; transform: skew(-30deg); background-color: #ff8801; transition: 0.6s ease-in-out; -webkit-transition: 0.6s ease-in-out; transition-delay: 0s; -webkit-transition-delay: 0s; width: 0; }
.btn-intro p { position: relative; padding: 10.5px 0; }
.btn-intro p:before { position: absolute; content: ""; background: #ff8801; width: 14px; height: 14px; clip-path: polygon(100% 0, 0 0, 0 100%); top: 2px; left: 2px; transition: 0.6s ease-in-out; -webkit-transition: 0.6s ease-in-out; transition-delay: 0s; -webkit-transition-delay: 0s; }
.btn-intro span { position: relative; z-index: 2; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; font-size: 16px; color: #fff; font-family:; text-transform: uppercase; }
.btn-intro p:after { position: absolute; content: ""; background: #ff8801; width: 14px; height: 14px; clip-path: polygon(100% 0, 100% 100%, 0 100%); bottom: 2px; right: 2px; transition: 0.6s ease-in-out; -webkit-transition: 0.6s ease-in-out; transition-delay: 0s; -webkit-transition-delay: 0s; }
.btn-intro i { display: block; font-size: 18px; color: #fff; margin-left: 10px; z-index: 1; position: relative; }
.btn-intro:hover::before { width: 130%; }
.btn-intro:hover p:before, .btn-intro:hover p:after { background: #00a04f; transition: 0.6s ease-in-out; -webkit-transition: 0.6s ease-in-out; transition-delay: 0s; -webkit-transition-delay: 0s; }
@keyframes slide-up-intro {
  0% { transform: translateY(0); }
  100% { transform: translateY(50%); }
}

/* dịch vụ */
.box-main-dichvu { position: relative; }
.dichvu-item { position: relative; }
.dichvu-info { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 20px; }
.dichvu-info span { color: white; font-size: 16px; text-transform: capitalize; font-family: "font4"; }
.dichvu-info .dichvu-name { color: white; font-size: 22px; font-family: "font2"; line-height: 24px; }
.control-dichvu.control-owl button.owl-prev { left: -50px; background: white; }
.control-dichvu.control-owl button.owl-next { right: -50px; background: white; }

/* sản phẩm */
.grid-product { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.product-img { padding: 5px; background: white; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
.product-info { padding: 10px 5px; text-align: center; }
.product-name { font-size: 16px; color: black; font-family: "font4"; text-transform: uppercase; }

/* đăng ký */
.box-newsletter { width: 40%; padding: 50px 0px 0px 70px; }
.box-newsletter .title-main p:last-child { color: white; }
.group-newsletter { display: flex; align-items: center; gap: 10px; padding: 20px 200px 0px 200px; }
.input-group h3 { color: white; font-size: 18px; font-weight: bold; }
.input-group p { color: white; font-size: 14px; font-weight: 500; margin: 0px; }
.input-group p a { color: white; }
.input-group input { width: 100%; height: 42px; padding: 10px 30px 10px 10px; background: white; border: 1px solid white; color: black; border-radius: 30px !important; }
.input-group input[type="submit"] { border: 0px; background-color: #ff0000; color: #fff; text-transform: uppercase; cursor: pointer; width: 80px; height: 40px; line-height: 38px; font-size: 14px; border-radius: 0; padding: 0; margin: auto; position: absolute; top: 1px; right: 1px; }
.input-group input[type="submit"]:hover { background: #fc0; }

/* group-register-video */
.wrap-group-register-video { background: url(../images/bgr_register_video.png) no-repeat center; background-size: 100% 100%; }
.wrap-register { background: url(../images/bgr_register.png) no-repeat center; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; gap: 20px; padding: 25px 70px; }
.left-register { width: 40%; }
.right-register { width: 60%; }
.right-register .title-register { color: white; font-size: 22px; font-family: "font2"; }
.right-register .name-register { color: white; font-family: "font1"; font-size: 30px; }
.right-register .desc-register { font-size: 20px; font-family: "font1"; color: #084d86; background: white; width: fit-content; padding: 10px 50px; position: relative; margin: 20px 0px; }
.right-register .desc-register::after { position: absolute; content: ""; background: url(../images/chat.png) no-repeat; background-size: 100% 100%; width: 28px; height: 20px; top: -20px; right: 20%; }
.right-register .content-register { color: white; font-family: "font3"; }
.nows-register { border: 1px solid white; border-radius: 5px; display: flex; align-items: center; justify-content: center; padding: 10px; width: fit-content; color: white; gap: 5px; cursor: pointer; }
.news-register:hover p { color: #b51e23; }
.nows-register p { font-family: "font1"; margin: 0px; }
.nows-register i { height: fit-content; }

/* tin tức */
.wrap-tintuc { background: url(../images/bgr_tintuc.png) no-repeat center; background-size: 100% 100%; }
.box-main-tintuc { display: flex; gap: 20px; }
.tintuc-item { position: relative; }
.tintuc-name { font-size: 16px; font-family: "font1"; margin: 8px 0px; color: black; line-height: 24px; }
.tintuc-desc { margin: 0px; color: #555; font-family: "font4"; font-size: 15px; }
.right-tintuc .tintuc-info .tintuc-name { font-size: 14px; }

/* đăng ký */

/* ẩn gg dịch */

iframe.VIpgJd-ZVi9od-ORHb-OEVmcd { display: none !important; }
.goog-te-banner-frame { display: none !important; }
body > .skiptranslate { display: none !important; }
body { top: 0px !important; }

/* điểm đến */
.wrap-diemden { position: relative; }
.wrap-diemden::after { content: ""; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); background: url(../images/diemden_nav.png) no-repeat center; background-size: 100% 100%; width: 298px; height: 300px; }
.box-main-diemden { padding-left: 280px; }
.diemden-item { position: relative; }
.diemden-img .scale-img { border-radius: 20px; }
.diemden-info { position: absolute; bottom: 20px; width: 100%; }
.diemden-name { font-size: 18px; color: white; text-align: center; }
.control-diemden.control-owl button.owl-prev { left: 90px; background: white; border-radius: 50%; }
.control-diemden.control-owl button.owl-next { left: 150px; background: white; border-radius: 50%; }