@charset "UTF-8";
:root {
  --pad-module: 40px;
  --pad-section: 100px;
  --mg-40: 40px;
  --mg-35: 35px;
  --mg-30: 30px;
  --mg-20: 20px;
  --mg-15: 15px;
  --color-main: #FBAB04;
  --color-main1: #1A2A54;
  --color-check: #ef2126;
  --color-red: #ec282f;
  --color-white: #fff;
  --color-text: #333333;
  --color-placeholder: #333;
  --color-placeholder1: #959595;
  --color-dot: #bebebe;
  --color-star: #FFAB00;
  --color-border: #b2b2b2;
  --color-date: #797979;
  --color-path: #a9a9a9;
  --color-question: #daaf01;
  --color-bf-itinerary: #adadad;
  --color-hotline: #ec282f;
  --color-important: #ff0000;
  --color-social-ft: #515151;
  --bg-translate: #eeefef;
  --bg-mess: #1777f1;
  --bg-zalo: #008ff3;
  --bg-type-about: #ebebeb;
  --bg-filter: #F6F6F6;
  --bg-blog: #f4f3f3;
  --bg-tour-detail: #F4F4F4;
  --bd-item-tour: #e2e2e2;
  --bd-item-blog: #e4e4e4;
  --bd-ft: #e3e3e3;
  --bd-contact: #d2d2d2;
  --bd-submenu: #e9e9e9;
  --bd-type-infor: #cacaca;
  --bd-item-cabin: #DADADA;
  --h-header: 138.2px;
  --h-header-mini: 80px;
  --width-container-2: calc(100% - 120px);
  --width-container: 1400px;
  --fs-about-option-index: 32px;
  --fs-header: 18px;
  --fs-h1: 26px;
  --fs-h2: 22px;
  --fs-h3: 18px;
  --fs-h4: 16px;
  --fs-h5: 15px;
  --fs-h6: 14px;
  --fs-14: 14px;
  --fs-hd: 17px;
  --fs-search: 16px;
  --fs-paragraph: 16px;
  --fs-path: 16px;
  --fs-more: 16px;
  --fs-text-min: 14px;
  --fs-text: 16px;
  --fs-text-small: 15px;
  --fs-submit: 16px;
  --fs-filter: 16px;
  --fs-paragraph-bigger: 20px;
  --fs-title: 44px;
  --fs-title-function: 16px;
  --fs-title-tour: 16px;
  --fs-title-itinerary: 16px;
  --fs-title-service-index: 20px;
  --fs-title-contact: 22px;
  --fs-title-download: 24px;
  --fs-title-place: 20px;
  --fs-title-min: 26px;
  --fs-title-staff: 18px;
  --fs-title-feedback: 18px;
  --fs-title-input: 18px;
  --fs-title-tour-detail: 24px;
  --fs-title-tour-detail1: 22px;
  --fs-title-blog: 19px;
  --fs-title-about: 18px;
  --fs-title-blog1: 16px;
  --fs-title-blog2: 14px;
  --fs-title-detailblog: 32px;
  --fs-title-ft: 16px;
  --fs-title-product: 24px;
  --fs-title-product-min: 20px;
  --color-fb: #1877F2;
  --color-tw: #1DA1F2;
  --color-yt: #CD201F;
  --color-in: #CD201F;
  --color-tt: #410093;
}

@media (max-width: 1600px) {
  :root {
    --fs-hd: 15px;
    --fs-search: 15px;
    --fs-paragraph: 15px;
    --fs-path: 15px;
    --fs-more: 15px;
    --fs-text-min: 14px;
    --fs-text: 15px;
    --fs-text-small: 15px;
    --fs-submit: 15px;
    --fs-filter: 15px;
  }
}
@media (max-width: 87.4375em) {
  :root {
    --width-container: 1140px;
    --width-container-2: 1140px;
  }
}
@media (max-width: 74.9375em) {
  :root {
    --width-container: 960px;
    --width-container-2: 960px;
    --fs-paragraph: 14px;
    --fs-path: 14px;
    --fs-more: 14px;
  }
}
@media (max-width: 61.9375em) {
  :root {
    --width-container: 720px;
    --width-container-2: 720px;
    --fs-title: 22px;
  }
}
@media (max-width: 47.9375em) {
  :root {
    --pad-module: 15px;
    --pad-section: 15px;
    --width-container: 540px;
    --width-container-2: 540px;
    --mg-40: 15x;
    --mg-35: 15x;
    --mg-30: 15px;
    --mg-20: 15px;
    --mg-15: 15px;
    --fs-text: 15px;
    --fs-hd: 14px;
    --h-header: 93px;
    --fs-search: 14px;
    --fs-title-function: 15px;
    --fs-title-tour: 15px;
    --fs-title: 20px;
    --fs-submit: 14px;
    --fs-title-blog: 15px;
    --fs-paragraph-bigger: 14px;
    --fs-title-itinerary: 14px;
    --fs-title-download: 16px;
    --fs-title-detailblog: 20px;
  }
}
@media (max-width: 35.9375em) {
  :root {
    --width-container: 100%;
    --width-container-2: 100%;
  }
}
.mb-30 {
  margin-bottom: 30px;
}
@media (max-width: 700px) {
  .mb-30 {
    margin-bottom: 15px;
  }
}

.mb-20 {
  margin-bottom: 20px;
}
@media (max-width: 700px) {
  .mb-20 {
    margin-bottom: 15px;
  }
}

.my-block {
  margin: var(--pad-section) 0;
}

::-webkit-scrollbar {
  width: 8px;
  height: 0;
}

::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 15px;
}

.no-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  color: rgba(0, 0, 0, 0.3);
}

.bg-gray {
  background: var(--bg-tour-detail);
}

.radius {
  border-radius: 15px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: var(--color-text);
}
* font {
  color: var(--color-text);
}

.load.text-center {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 201;
}
.load.text-center.show {
  display: flex;
}
.load.text-center:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.load.text-center p {
  color: var(--color-white);
  z-index: 2;
}
.load.text-center p font {
  color: var(--color-white);
}
.load.text-center img {
  z-index: 2;
  width: 100px;
}

body {
  font-size: var(--fs-text);
  top: 0 !important;
  font-family: "Roboto";
  font-weight: 400;
  color: var(--color-text);
}
body font {
  color: var(--color-text);
}
body.no-scroll {
  overflow: hidden;
}

form input.error,
form textarea.error,
form select.error {
  border: 1px solid red !important;
}
form label.error {
  display: none !important;
}

.container {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: var(--width-container);
}
@media (max-width: 700px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.container.container-2 {
  max-width: var(--width-container-2);
}
.container.container-3 {
  max-width: 100%;
}

input {
  border: none;
  outline: none;
  background: 0 0;
  font-size: var(--fs-14);
  color: var(--color-text);
  padding-left: 10px;
}
input::placeholder {
  color: var(--color-placeholder);
  font-size: var(--fs-14);
}

button {
  border: none;
  outline: none;
  background: 0 0;
  font-size: var(--fs-14);
  color: var(--color-text);
  padding: 10px 15px;
}

textarea {
  border: none;
  outline: none;
  background: 0 0;
  font-size: var(--fs-14);
  color: var(--color-text);
  padding-left: 10px;
  padding-top: 10px;
}
textarea::placeholder {
  color: var(--color-placeholder);
  font-size: var(--fs-14);
}

select {
  border: none;
  outline: none;
  background: 0 0;
  font-size: var(--fs-14);
  color: var(--color-text);
}

ul,
ol,
li {
  list-style: none;
  font-size: var(--fs-text);
}

a {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: var(--color-main);
}
a font:hover {
  color: var(--color-main);
}

img {
  max-width: 100%;
  transition: transform 0.3s linear;
}

.img {
  overflow: hidden;
  display: block;
}
.img img {
  display: block;
}

strong {
  font-weight: 700;
}

label.error {
  color: red;
  font-size: 10px;
}
label.error font {
  color: red;
}

.page {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 30px;
  flex-wrap: wrap;
  width: 100%;
}
.page span,
.page a,
.page div {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  background: var(--color-white);
  position: relative;
  cursor: pointer;
}
.page span:hover, .page span.active-page,
.page a:hover,
.page a.active-page,
.page div:hover,
.page div.active-page {
  color: #1A2A54;
  border-color: #1A2A54;
}
.page span:hover font, .page span.active-page font,
.page a:hover font,
.page a.active-page font,
.page div:hover font,
.page div.active-page font {
  color: #1A2A54;
}
.page span:hover i, .page span.active-page i,
.page a:hover i,
.page a.active-page i,
.page div:hover i,
.page div.active-page i {
  color: var(--color-white);
}
.page span.disabled,
.page a.disabled,
.page div.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
  display: none;
}
.page .prev,
.page .next {
  width: 33px;
  padding: 0 15px;
  border-radius: 16.5px;
}
.page .prev i,
.page .next i {
  font-size: 10px;
  color: var(--color-text);
}
.page .prev i {
  margin-right: 10px;
}
.page .next i {
  margin-left: 10px;
}

.detail-content h2,
.detail-content h3,
.detail-content h4,
.detail-content h5,
.detail-content h6 {
  margin-bottom: 25px;
  line-height: 1.5;
  color: var(--color-text);
}
@media (max-width: 991px) {
  .detail-content h2,
  .detail-content h3,
  .detail-content h4,
  .detail-content h5,
  .detail-content h6 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .detail-content h2,
  .detail-content h3,
  .detail-content h4,
  .detail-content h5,
  .detail-content h6 {
    margin-bottom: 15px;
  }
}
.detail-content h2 font,
.detail-content h3 font,
.detail-content h4 font,
.detail-content h5 font,
.detail-content h6 font {
  color: var(--color-text);
}
.detail-content h2,
.detail-content h3,
.detail-content h4 {
  font-weight: 700;
}
.detail-content h2 {
  font-size: var(--fs-h2);
}
@media (max-width: 767px) {
  .detail-content h2 {
    margin-bottom: 10px;
  }
}
.detail-content h3 {
  font-size: var(--fs-h3);
}
@media (max-width: 767px) {
  .detail-content h3 {
    margin-bottom: 10px;
  }
}
.detail-content h4 {
  font-size: var(--fs-h4);
}
.detail-content p {
  line-height: 1.7;
  color: var(--color-text);
  margin-bottom: 10px;
}
.detail-content p font {
  color: var(--color-text);
}
.detail-content p:last-child {
  margin-bottom: 0;
}
.detail-content ul,
.detail-content ol {
  padding-left: 25px;
}
.detail-content ul li,
.detail-content ol li {
  padding-bottom: 10px;
  line-height: 1.5;
}
.detail-content ul li::marker,
.detail-content ol li::marker {
  color: var(--color-text);
}
.detail-content ul {
  list-style-type: disc;
}
.detail-content ul li {
  list-style-type: disc;
  color: var(--color-text);
}
.detail-content ul li font {
  color: var(--color-text);
}
.detail-content ol {
  list-style-type: decimal;
}
.detail-content ol li {
  list-style-type: decimal;
}
.detail-content .image-center {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
@media (max-width: 991px) {
  .detail-content .image-center {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .detail-content .image-center {
    margin-bottom: 15px;
  }
}
.detail-content .image-center figcaption {
  font-family: "default";
  font-size: var(--fs-text-min);
  padding: 5px 0;
  font-style: italic;
}
@media (max-width: 767px) {
  .detail-content .image-center figure {
    margin: 0;
    width: 100%;
  }
  .detail-content .image-center figure figcaption {
    padding: 10px;
  }
}
.detail-content .image-right {
  margin: 0;
  margin-bottom: 25px;
  margin-left: 25px;
  display: flex;
  align-items: end;
  justify-content: center;
  flex-direction: column;
  float: right;
}
.detail-content .image-right figcaption {
  background: #f1f1f1;
  padding: 5px 0;
  font-style: italic;
}
@media (max-width: 767px) {
  .detail-content .image-right {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .detail-content .image-right figure {
    margin: 0;
    width: 100%;
  }
  .detail-content .image-right figure figcaption {
    padding: 10px;
  }
}
.detail-content .image-left {
  margin: 0;
  margin-bottom: 25px;
  margin-right: 25px;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  float: left;
}
.detail-content .image-left figcaption {
  background: #f1f1f1;
  padding: 5px 0;
  font-style: italic;
}
@media (max-width: 767px) {
  .detail-content .image-left {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .detail-content .image-left figure {
    margin: 0;
    width: 100%;
  }
  .detail-content .image-left figure figcaption {
    padding: 10px;
  }
}
.detail-content a {
  text-decoration: none;
  color: var(--color-main);
}
.detail-content a:hover {
  color: var(--color-star);
}
.detail-content a font {
  color: var(--color-main);
}
.detail-content a font:hover {
  color: var(--color-star);
}
.detail-content img {
  max-width: 100%;
  height: initial !important;
}
.detail-content table {
  margin-bottom: 10px;
  border-collapse: collapse;
  width: 100%;
}
.detail-content table tr th {
  line-height: 1;
  font-weight: 400;
  font-size: var(--fs-text);
  color: var(--color-text);
  border: 1px solid #dbdbdb;
  border-top-color: var(--color-main);
}
.detail-content table tr th font {
  color: var(--color-text);
}
.detail-content table tr th:first-child {
  border-left-color: var(--color-main);
}
.detail-content table tr th:last-child {
  border-right-color: var(--color-main);
}
.detail-content table tr th,
.detail-content table tr td {
  font-size: var(--fs-text);
  line-height: 1.5;
}
.detail-content iframe {
  max-width: 100%;
}
.detail-content .iframe_video {
  margin-bottom: 15px;
}
.detail-content .iframe_video iframe,
.detail-content .iframe_video video {
  width: 100%;
  height: 100%;
}

.alrt-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
}
.alrt-popup.show {
  opacity: 1;
  pointer-events: all;
}
.alrt-popup .wapper {
  background: var(--color-white);
  width: 320px;
  border-radius: 10px;
  overflow: hidden;
}
.alrt-popup .wapper .main {
  padding: 15px;
  text-align: center;
}
.alrt-popup .wapper .title {
  background: #bf2929;
  color: var(--color-white);
  text-align: center;
  font-weight: 400;
  padding: 15px 10px;
  margin-bottom: 0;
}
.alrt-popup .wapper .title font {
  color: var(--color-white);
}
.alrt-popup .wapper .close-alrt {
  text-align: center;
  margin: 0 auto 10px auto;
  border: 2px solid #bf2929;
  padding: 5px 15px;
  cursor: pointer;
  width: 205px;
  height: 38px;
  border-radius: 20px;
  color: #bf2929;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alrt-popup .wapper .close-alrt font {
  color: #bf2929;
}
.alrt-popup.success .wapper .title {
  background: #09e493;
}
.alrt-popup.success .wapper .close-alrt {
  display: none;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 990;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 0;
  transition: all 0.5s ease;
}
.overlay.show {
  opacity: 1;
  pointer-events: all;
  display: flex !important;
}

.overlay1 {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 0;
  transition: all 0.5s ease;
}
.overlay1.show {
  opacity: 1;
  pointer-events: all;
  display: flex !important;
}

.grecaptcha-badge {
  display: none !important;
}

#notfound {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  #notfound {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  #notfound {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
#notfound .notfound {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#notfound .notfound .notfound-404 {
  text-align: center;
  color: var(--color-main);
  font-size: 100px;
}
#notfound .notfound .notfound-404 font {
  color: var(--color-main);
}
#notfound .notfound h1 {
  line-height: 1;
}
#notfound .notfound h2,
#notfound .notfound p,
#notfound .notfound a {
  text-align: center;
}
#notfound .notfound h2 {
  color: var(--color-main);
  font-size: 32px;
  margin-bottom: 20px;
}
#notfound .notfound h2 font {
  color: var(--color-main);
}
#notfound .notfound p {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  #notfound .notfound p {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  #notfound .notfound p {
    margin-bottom: 15px;
  }
}
#notfound .notfound a {
  font-size: var(--fs-text);
  color: var(--color-white);
  background-color: var(--color-main);
  padding: 10px 15px;
  border-radius: 5px;
  transition: background 0.5s linear;
  border: 1px solid var(--color-main);
  max-width: 250px;
}
#notfound .notfound a:hover {
  background-color: var(--color-white);
  color: var(--color-main);
}
#notfound .notfound a font {
  color: var(--color-white);
}
@media (max-width: 767px) {
  #notfound .notfound .notfound-404 {
    font-size: 50px;
  }
  #notfound .notfound h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  #notfound .notfound p,
  #notfound .notfound a {
    font-size: 14px;
  }
}

.social-fixed {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 20;
}
.social-fixed a,
.social-fixed div {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
  margin: 15px 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
  cursor: pointer;
}
.social-fixed a i,
.social-fixed div i {
  font-size: 20px;
}
.social-fixed a.mess,
.social-fixed div.mess {
  background: var(--bg-mess);
}
.social-fixed a.zalo,
.social-fixed div.zalo {
  background: var(--bg-zalo);
}
@media (min-width: 0) {
  .social-fixed .coccoc-alo-ph-circle {
    width: 60px;
    height: 60px;
    top: -25px;
    left: -10px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid red;
    opacity: 0.1;
    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .social-fixed .coccoc-alo-phone {
    background-color: transparent;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility 0.5s;
    -moz-transition: visibility 0.5s;
    -o-transition: visibility 0.5s;
    transition: visibility 0.5s;
  }
  .social-fixed .coccoc-alo-ph-circle-fill {
    width: 38px;
    height: 38px;
    top: -15px;
    left: 0px;
    position: absolute;
    background-color: red;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .social-fixed .coccoc-alo-ph-img-circle {
    width: 22px;
    height: 22px;
    top: -8px;
    left: 8px;
    position: absolute;
    z-index: 10;
    background: url("../img/ic-phone.webp") no-repeat center center;
    background-size: 100% 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  }
  @-moz-keyframes coccoc-alo-circle-anim {
    0% {
      transform: rotate(0) scale(0.5) skew(1deg);
      opacity: 0.1;
    }
    30% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.5;
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.1;
    }
  }
  @-webkit-keyframes coccoc-alo-circle-anim {
    0% {
      transform: rotate(0) scale(0.5) skew(1deg);
      opacity: 0.1;
    }
    30% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.5;
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.1;
    }
  }
  @-o-keyframes coccoc-alo-circle-anim {
    0% {
      transform: rotate(0) scale(0.5) skew(1deg);
      opacity: 0.1;
    }
    30% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.5;
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.1;
    }
  }
  @keyframes coccoc-alo-circle-anim {
    0% {
      transform: rotate(0) scale(0.5) skew(1deg);
      opacity: 0.1;
    }
    30% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.5;
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.1;
    }
  }
  @-moz-keyframes coccoc-alo-circle-fill-anim {
    0% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.9;
    }
    100% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
  }
  @-webkit-keyframes coccoc-alo-circle-fill-anim {
    0% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.9;
    }
    100% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
  }
  @-o-keyframes coccoc-alo-circle-fill-anim {
    0% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.9;
    }
    100% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
  }
  @keyframes coccoc-alo-circle-fill-anim {
    0% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
      opacity: 0.9;
    }
    100% {
      transform: rotate(0) scale(0.7) skew(1deg);
      opacity: 0.9;
    }
  }
  @-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
    }
  }
  @-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
    }
  }
  @-o-keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
    }
  }
  @keyframes coccoc-alo-circle-img-anim {
    0% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
      transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
      transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
      transform: rotate(0) scale(1) skew(1deg);
    }
  }
}
@media (min-width: 992px) {
  .social-fixed .coccoc-alo-ph-circle {
    width: 70px;
    height: 70px;
  }
  .social-fixed .coccoc-alo-ph-circle-fill {
    width: 50px;
    height: 50px;
  }
  .social-fixed .coccoc-alo-ph-img-circle {
    width: 25px;
    height: 25px;
    top: -4px;
    left: 12px;
  }
}
@media (max-width: 991px) {
  .social-fixed a,
  .social-fixed div {
    width: 38px;
    height: 38px;
  }
  .social-fixed a img,
  .social-fixed div img {
    max-width: 70%;
  }
}

.update.center {
  text-align: center;
}

.detail-ser {
  padding: 20px 0;
}
.detail-ser h1 {
  color: var(--color-text);
  font-size: 20px;
}
.detail-ser h1 font {
  color: var(--color-text);
}
.detail-ser .result-search .item {
  padding: 20px 0;
  border-bottom: 1px solid var(--color-border);
}
.detail-ser .result-search .item:last-child {
  border-bottom: 0;
}
.detail-ser .result-search .item > p {
  display: flex;
  align-items: center;
}
.detail-ser .result-search .item > p a {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.detail-ser .result-search .item .module {
  color: var(--color-white);
  background-color: var(--color-main);
  padding: 2px 10px;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  display: inline-block;
}
.detail-ser .result-search .item .module font {
  color: var(--color-white);
}
.detail-ser .result-search .item .item-name {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
.detail-ser .result-search .item .item-name .time {
  margin-right: 10px;
}
.detail-ser .result-search .item h3 a {
  font-weight: 700;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.detail-ser .result-search .item h3:hover a {
  color: var(--color-main);
}
.detail-ser .result-search .item h3:hover a font {
  color: var(--color-main);
}
.detail-ser .result-search .item .time {
  font-style: var(--fs-text-min);
  color: var(--color-main);
  font-style: italic;
  margin: 5px 0;
}
.detail-ser .result-search .item .time font {
  color: var(--color-main);
}
.detail-ser .result-search .item .time i {
  margin-right: 10px;
  color: var(--color-main);
}

.skiptranslate iframe {
  display: none;
}

#goog-gt-tt, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
  display: none;
}

.big-title {
  color: #1A2A54;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title);
  font-weight: 700;
  text-transform: uppercase;
}
.big-title font {
  color: #1A2A54;
}
.big-title a {
  font-size: var(--fs-title);
  font-weight: 700;
  color: #1A2A54;
}
.big-title a:hover {
  color: var(--color-main);
}
.big-title a font {
  color: #1A2A54;
}
.big-title a font:hover {
  color: var(--color-main);
}
.big-title.title-function {
  font-size: var(--fs-title-function);
}
.big-title.title-function a {
  font-size: var(--fs-title-function);
}
.big-title.title-tour {
  font-size: var(--fs-title-tour);
  color: #333333;
}
.big-title.title-tour font {
  color: #333333;
}
.big-title.title-tour a {
  font-size: var(--fs-title-tour);
  color: #333333;
}
.big-title.title-tour a:hover {
  color: var(--color-main);
}
.big-title.title-tour a font {
  color: #333333;
}
.big-title.title-tour a font:hover {
  color: var(--color-main);
}
.big-title.title-tour-detail {
  font-size: var(--fs-title-tour-detail);
}
.big-title.title-tour-detail a {
  font-size: var(--fs-title-tour-detail);
}
.big-title.title-tour-detail a:hover {
  color: var(--color-main);
}
.big-title.title-tour-detail a font:hover {
  color: var(--color-main);
}
.big-title.title-tour-detail1 {
  font-size: var(--fs-title-tour-detail1);
}
.big-title.title-tour-detail1 a {
  font-size: var(--fs-title-tour-detail1);
}
.big-title.title-tour-detail1 a:hover {
  color: var(--color-main);
}
.big-title.title-tour-detail1 a font:hover {
  color: var(--color-main);
}
.big-title.title-staff {
  font-size: var(--fs-title-staff);
}
.big-title.title-staff a {
  font-size: var(--fs-title-staff);
}
.big-title.title-staff a:hover {
  color: var(--color-main);
}
.big-title.title-staff a font:hover {
  color: var(--color-main);
}
.big-title.title-feedback {
  font-size: var(--fs-title-feedback);
}
.big-title.title-feedback a {
  font-size: var(--fs-title-feedback);
}
.big-title.title-blog {
  font-size: var(--fs-title-blog);
}
.big-title.title-blog a {
  font-size: var(--fs-title-blog);
}
.big-title.title-blog1 {
  font-size: var(--fs-title-blog1);
}
.big-title.title-blog1 a {
  font-size: var(--fs-title-blog1);
}
.big-title.title-blog2 {
  font-size: var(--fs-title-blog2);
}
.big-title.title-blog2 a {
  font-size: var(--fs-title-blog2);
}
.big-title.title-ft {
  font-size: var(--fs-title-ft);
}
.big-title.title-ft a {
  font-size: var(--fs-title-ft);
}
.big-title.title-service-index {
  font-size: var(--fs-title-service-index);
}
.big-title.title-service-index a {
  font-size: var(--fs-title-service-index);
}
.big-title.title-contact {
  font-size: var(--fs-title-contact);
}
.big-title.title-contact a {
  font-size: var(--fs-title-contact);
}
.big-title.title-itinerary {
  font-size: var(--fs-title-itinerary);
}
.big-title.title-itinerary a {
  font-size: var(--fs-title-itinerary);
}
.big-title.title-place {
  font-size: var(--fs-title-place);
}
.big-title.title-place a {
  font-size: var(--fs-title-place);
}
.big-title.title-download {
  font-size: var(--fs-title-download);
}
.big-title.title-download a {
  font-size: var(--fs-title-download);
}
.big-title.title-input {
  font-size: var(--fs-title-place);
}
.big-title.title-input a {
  font-size: var(--fs-title-place);
}
.big-title.color-white {
  color: var(--color-white);
}
.big-title.color-white font {
  color: var(--color-white);
}
.big-title.color-white a {
  color: var(--color-white);
}
.big-title.color-white a font {
  color: var(--color-white);
}
.big-title.color-white:hover a {
  color: var(--color-main);
}
.big-title.color-white:hover a font {
  color: var(--color-main);
}
.big-title.color-main {
  color: var(--color-main);
}
.big-title.color-main font {
  color: var(--color-main);
}
.big-title.color-main a {
  color: var(--color-main);
}
.big-title.color-main a font {
  color: var(--color-main);
}
.big-title.color-main:hover a {
  color: var(--color-main);
}
.big-title.color-main:hover a font {
  color: var(--color-main);
}
.big-title.center {
  text-align: center;
}
.big-title.center a {
  text-align: center;
}
.big-title.uppercase {
  text-transform: uppercase;
}
.big-title.uppercase a {
  text-transform: uppercase;
}
.big-title.bf-title {
  position: relative;
  padding-bottom: 10px;
}
.big-title.bf-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90px;
  height: 2px;
  background-color: var(--color-main);
}
.big-title.bf-title.bf-center::before {
  left: 50%;
  transform: translateX(-50%);
}
.big-title.bf-title.bf-color-white::before {
  background-color: var(--color-white);
}
.big-title.bf-title.no-after {
  padding-bottom: 0;
}
.big-title.bf-title.no-after:after, .big-title.bf-title.no-after:before {
  display: none;
}

.paragraph {
  font-size: var(--fs-paragraph);
}
.paragraph a,
.paragraph p,
.paragraph li,
.paragraph td,
.paragraph th,
.paragraph strong {
  font-size: var(--fs-paragraph);
  line-height: 1.5;
}
.paragraph.color-white {
  color: var(--color-white);
}
.paragraph.color-white font {
  color: var(--color-white);
}
.paragraph.color-white a,
.paragraph.color-white p,
.paragraph.color-white li,
.paragraph.color-white td,
.paragraph.color-white th,
.paragraph.color-white strong {
  color: var(--color-white);
}
.paragraph.color-white a font,
.paragraph.color-white p font,
.paragraph.color-white li font,
.paragraph.color-white td font,
.paragraph.color-white th font,
.paragraph.color-white strong font {
  color: var(--color-white);
}
.paragraph.center {
  text-align: center;
}
.paragraph.center a,
.paragraph.center p,
.paragraph.center li,
.paragraph.center td,
.paragraph.center th,
.paragraph.center strong {
  text-align: center;
}
.paragraph.justify {
  text-align: justify;
}
.paragraph.justify a,
.paragraph.justify p,
.paragraph.justify li,
.paragraph.justify td,
.paragraph.justify th,
.paragraph.justify strong {
  text-align: justify;
}
.paragraph.bigger {
  font-size: var(--fs-paragraph-bigger);
}
.paragraph.bigger a,
.paragraph.bigger p,
.paragraph.bigger li,
.paragraph.bigger td,
.paragraph.bigger th,
.paragraph.bigger strong {
  font-size: var(--fs-paragraph-bigger);
}

.more {
  height: 38px;
  padding: 0 25px;
  background-color: #1A2A54;
  border: 1px solid #1A2A54;
  border-radius: 360px;
  font-size: var(--fs-more);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.more font {
  color: var(--color-white);
}
.more:hover {
  background-color: #fff;
  color: #1A2A54;
}
.more:hover font {
  color: #1A2A54;
}
.more:hover svg path {
  fill: #1A2A54;
}
.more.other {
  padding: 0 30px;
  height: 43px;
  border-radius: 5px;
}
.more.other.other-pd {
  padding: 0 35px;
}
.more.uppercase {
  text-transform: uppercase;
}
.more.bold {
  font-weight: 700;
}
.more.more-destination {
  height: 37px;
  border-radius: 0px;
}
.more.submit {
  height: 49px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .more.submit {
    height: 40px;
  }
}
.more.submit-download {
  height: 47px;
  border-radius: 5px;
  padding: 0 40px;
  font-size: var(--fs-submit);
}
@media (max-width: 767px) {
  .more.submit-download {
    height: 40px;
    padding: 0 20px;
  }
}

.rate {
  display: flex;
  align-items: center;
  align-content: start;
  gap: 5px;
}
.rate .star svg {
  fill: var(--color-star);
}

.title-para {
  position: relative;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 991px) {
  .title-para {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .title-para {
    padding-bottom: 15px;
  }
}
.title-para::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  width: 90px;
  height: 1px;
  background-color: var(--color-main);
}
.title-para > .big-title {
  margin-bottom: 15px;
}

.box-padding60 {
  padding: 60px 0;
}
@media (max-width: 1024px) {
  .box-padding60 {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .box-padding60 {
    padding: 15px 0;
  }
}

.box-padding80 {
  padding: 80px 0;
}
@media (max-width: 1024px) {
  .box-padding80 {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .box-padding80 {
    padding: 15px 0;
  }
}

.box-padding125 {
  padding: 125px 0;
}
@media (max-width: 1024px) {
  .box-padding125 {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .box-padding125 {
    padding: 15px 0;
  }
}

.box-padding-bot80 {
  padding-bottom: 80px;
}
@media (max-width: 1024px) {
  .box-padding-bot80 {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .box-padding-bot80 {
    padding-bottom: 15px;
  }
}

.icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-more,
.btn-less {
  color: var(--color-main);
  text-decoration: underline;
  display: none;
  cursor: pointer;
}
.btn-more font,
.btn-less font {
  color: var(--color-main);
}
.btn-more.active,
.btn-less.active {
  display: block;
}

.item-best-tour {
  width: 100%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.item-best-tour .img {
  position: relative;
  width: 100%;
  aspect-ratio: 432/274;
}
.item-best-tour .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
.item-best-tour .img:hover img {
  transform: scale(1.05);
}
.item-best-tour .text {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  padding: 20px 15px;
  width: 100%;
}
@media (max-width: 767px) {
  .item-best-tour .text {
    padding: 15px;
  }
}
.item-best-tour .text > .big-title {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .item-best-tour .text > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-best-tour .text > .big-title {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .item-best-tour .text > .big-title {
    margin-bottom: 10px;
  }
}
.item-best-tour .text > .big-title a {
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  min-height: 48px;
}
.item-best-tour .text > .big-title a:hover {
  color: var(--color-main);
}
.item-best-tour .text > .big-title a font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
}
.item-best-tour .text > .big-title a font:hover {
  color: var(--color-main);
}
.item-best-tour .text .departure-date {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  align-items: start;
}
.item-best-tour .text .departure-date .icon {
  margin-top: 5px;
  width: 14px;
}
.item-best-tour .text .departure-date p {
  width: calc(100% - 22px);
}
.item-best-tour .text .departure-date .more-departure {
  color: var(--color-main);
  cursor: pointer;
  margin-left: 5px;
}
.item-best-tour .text .departure-date .more-departure font {
  color: var(--color-main);
}
.item-best-tour .text .date-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.item-best-tour .text .date-price .departure-date,
.item-best-tour .text .date-price .date,
.item-best-tour .text .date-price .age,
.item-best-tour .text .date-price .price,
.item-best-tour .text .date-price .amount {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  align-items: start;
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.6;
}
.item-best-tour .text .date-price .departure-date .icon,
.item-best-tour .text .date-price .date .icon,
.item-best-tour .text .date-price .age .icon,
.item-best-tour .text .date-price .price .icon,
.item-best-tour .text .date-price .amount .icon {
  margin-top: 0px;
  width: 20px;
}
.item-best-tour .text .date-price .departure-date .icon svg,
.item-best-tour .text .date-price .date .icon svg,
.item-best-tour .text .date-price .age .icon svg,
.item-best-tour .text .date-price .price .icon svg,
.item-best-tour .text .date-price .amount .icon svg {
  fill: var(--color-white);
}
.item-best-tour .text .date-price .departure-date p,
.item-best-tour .text .date-price .date p,
.item-best-tour .text .date-price .age p,
.item-best-tour .text .date-price .price p,
.item-best-tour .text .date-price .amount p {
  width: calc(100% - 30px);
  line-height: 1.3;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.item-best-tour .text .date-price .price, .item-best-tour .text .date-price .amount {
  line-height: 1;
}
.item-best-tour .text .date-price .price .icon, .item-best-tour .text .date-price .amount .icon {
  margin-top: 5px;
}
.item-best-tour .text .date-price .price p strong, .item-best-tour .text .date-price .amount p strong {
  font-size: var(--fs-paragraph-bigger);
  color: #FD5A0F;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
.item-best-tour .text .date-price .price p strong font, .item-best-tour .text .date-price .amount p strong font {
  color: #FD5A0F;
}
.item-best-tour .text .date-price .amount {
  align-items: center;
}
.item-best-tour .text .date-price .amount icon {
  margin-top: 0;
}
.item-best-tour.popular .img {
  position: relative;
  border-radius: 12px;
  aspect-ratio: 315/444;
}
.item-best-tour.popular .img:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  border-radius: 0 0 16px 16px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 1;
}
.item-best-tour.popular .img .date {
  position: absolute;
  bottom: 15px;
  z-index: 2;
  left: 15px;
  display: flex;
  justify-content: flex-start;
  gap: 15px;
  align-items: center;
}
.item-best-tour.popular .img .date .icon svg path {
  stroke: var(--color-white);
}
.item-best-tour.popular .img .date p {
  color: var(--color-white);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.6;
}
.item-best-tour.popular .img .date p font {
  color: var(--color-white);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.6;
}
.item-best-tour.popular .img::before {
  display: none;
}
.item-best-tour.popular .text {
  position: unset;
  padding: 15px;
  background-color: var(--color-white);
}
@media (max-width: 767px) {
  .item-best-tour.popular .text {
    padding: 15px;
  }
}
.item-best-tour.popular .text .date-price {
  display: block;
}
.item-best-tour.popular .text .date-price .date .icon svg,
.item-best-tour.popular .text .date-price .price .icon svg {
  fill: #333333;
}
.item-best-tour.popular .text .date-price .date {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .item-best-tour.popular .text .date-price .date {
    margin-bottom: 0;
  }
}
.item-best-tour.popular.ourindochina {
  border: 1px solid var(--bd-item-tour);
}
.item-best-tour.cruise {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
}
.item-best-tour.cruise .img {
  aspect-ratio: 432/274;
  border-radius: 16px;
}
.item-best-tour.cruise .text {
  position: unset;
  padding: 30px 20px;
  background-color: var(--color-white);
}
@media (max-width: 767px) {
  .item-best-tour.cruise .text {
    padding: 15px;
  }
}
.item-best-tour.cruise .text > .big-title {
  margin-bottom: 15px;
}
.item-best-tour.cruise .text .rate {
  margin-bottom: 15px;
}
.item-best-tour.cruise .text .date-price .date .icon svg,
.item-best-tour.cruise .text .date-price .price .icon svg {
  fill: #333333;
}
.item-best-tour.flex {
  display: flex;
  align-items: center;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #DDD;
}
@media (max-width: 767px) {
  .item-best-tour.flex {
    flex-direction: column;
  }
}
.item-best-tour.flex .img {
  width: 420px;
  aspect-ratio: 420/267;
  border-radius: 15px 0 0 15px;
}
.item-best-tour.flex .img::before {
  display: none;
}
@media (max-width: 767px) {
  .item-best-tour.flex .img {
    width: 100%;
    border-radius: 15px 15px 0 0;
  }
}
.item-best-tour.flex .text {
  position: unset;
  width: calc(100% - 420px);
  padding: var(--mg-20) var(--mg-30);
  display: flex;
  flex-direction: column;
  gap: var(--mg-20);
}
@media (max-width: 767px) {
  .item-best-tour.flex .text {
    width: 100%;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .item-best-tour.flex .text {
    padding: 15px;
  }
}
.item-best-tour.flex .text .infor > .big-title {
  margin-bottom: 15px;
  text-transform: initial;
}
@media (max-width: 767px) {
  .item-best-tour.flex .text .infor > .big-title {
    margin-bottom: 5px;
  }
}
.item-best-tour.flex .text .infor > .big-title a {
  font-size: var(--fs-title-blog);
}
.item-best-tour.flex .text .rate {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .item-best-tour.flex .text .rate {
    margin-bottom: 5px;
  }
}
.item-best-tour.flex .text .place {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .item-best-tour.flex .text .place {
    margin-bottom: 5px;
  }
}
.item-best-tour.flex .text .bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .item-best-tour.flex .text .bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .item-best-tour.flex .text .bottom {
    align-items: center;
  }
}
.item-best-tour.flex .text .bottom .date-price {
  width: 100%;
  display: block;
}
@media (max-width: 1024px) {
  .item-best-tour.flex .text .bottom .date-price {
    width: 100%;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .item-best-tour.flex .text .bottom .date-price {
    gap: 0;
  }
}
.item-best-tour.flex .text .bottom .date-price .date .icon svg,
.item-best-tour.flex .text .bottom .date-price .age .icon svg,
.item-best-tour.flex .text .bottom .date-price .price .icon svg, .item-best-tour.flex .text .bottom .date-price .amount .icon svg {
  fill: #333333;
}
.item-best-tour.flex .text .bottom .date-price .top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 0;
}
.item-best-tour.flex .text .bottom .date-price .top > * {
  width: calc((100% - 10px) / 2);
  align-items: center;
}
.item-best-tour.flex .text .bottom .date-price .top > * b {
  font-weight: 600;
}
@media (max-width: 700px) {
  .item-best-tour.flex .text .bottom .date-price .top {
    gap: 5px;
    flex-direction: column;
    align-items: start;
    margin-bottom: 0;
  }
  .item-best-tour.flex .text .bottom .date-price .top > * {
    width: 100%;
  }
}
.item-best-tour.flex .text .bottom .date-price .bot {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 767px) {
  .item-best-tour.flex .text .bottom .date-price .bot {
    gap: 10px;
    flex-direction: column;
    align-items: start;
    margin-bottom: 5px;
  }
}
.item-best-tour.flex .text .action-tour {
  display: flex;
  justify-content: space-between;
}
.item-best-tour.flex .text .action-tour .bot .price {
  display: flex;
  flex-direction: column;
}
.item-best-tour.flex .text .action-tour .bot .price strong {
  font-size: 20px;
  font-weight: 700;
  color: #FD5A0F;
}
@media (max-width: 767px) {
  .item-best-tour.flex .text .action-tour .view {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
  }
}
.item-best-tour.flex .text .action-tour .view .item-view {
  width: 160px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-more);
  font-weight: 700;
  background-color: #1A2A54;
  color: var(--color-white);
  border-radius: 5px;
  margin-bottom: 10px;
}
.item-best-tour.flex .text .action-tour .view .item-view font {
  color: var(--color-white);
}
@media (max-width: 767px) {
  .item-best-tour.flex .text .action-tour .view .item-view {
    font-weight: 400;
    margin-bottom: 0;
    height: 35px;
  }
}
.item-best-tour.flex .text .action-tour .view .item-view:hover {
  background: #fff;
  color: #1A2A54;
  border: 1px solid #1A2A54;
}
.item-best-tour.flex .text .action-tour .view .item-view:hover font {
  color: #1A2A54;
}
.item-best-tour.flex .text .action-tour .view .item-view.btn-download {
  cursor: pointer;
  margin-bottom: 0;
  color: var(--color-main);
  background-color: var(--color-main1);
}
.item-best-tour.flex .text .action-tour .view .item-view.btn-download font {
  color: var(--color-main);
}
.item-best-tour.flex .text .action-tour .view .item-view.btn-download:hover {
  background: #fff;
  color: var(--color-main);
  border: 1px solid var(--color-main);
}
.item-best-tour.flex .text .action-tour .view .item-view.btn-download:hover font {
  color: var(--color-main);
}
.item-best-tour.flex.group-tour .text > .big-title {
  margin-bottom: 5px;
}
.item-best-tour.flex.group-tour .text .rate {
  margin-bottom: 5px;
}
.item-best-tour.flex.group-tour .text .place {
  margin-bottom: 5px;
}
.item-best-tour.flex.group-tour .text .amount .icon {
  margin-top: 0;
}
.item-best-tour.flex.group-tour .text .bottom .date-price .top {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .item-best-tour.flex.group-tour .text .bottom .date-price .top {
    align-items: start;
    gap: 10px;
  }
}

.item-staff {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.item-staff .img {
  position: relative;
  aspect-ratio: 1;
  width: 194px;
  border-radius: 50%;
  overflow: unset;
  margin-bottom: 25px;
  background: url("../images/bf-staff.webp") no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .item-staff .img {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-staff .img {
    margin-bottom: 15px;
  }
}
.item-staff .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1;
  object-fit: cover;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: 50%;
}
@media (max-width: 767px) {
  .item-staff .img {
    width: 140px;
    margin-bottom: 5px;
  }
}
.item-staff > .big-title {
  margin-bottom: 5px;
}

.item-blog {
  width: 100%;
}
.item-blog .img {
  width: 100%;
  aspect-ratio: 16/10;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .item-blog .img {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-blog .img {
    margin-bottom: 15px;
  }
}
.item-blog .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-blog .img:hover img {
  transform: scale(1.05);
}
.item-blog .text > .big-title {
  margin-bottom: 15px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 767px) {
  .item-blog .text > .big-title {
    margin-bottom: 10px;
  }
}
.item-blog .text .date {
  display: flex;
  align-items: center;
  gap: 10px;
}
.item-blog .text .date .icon svg {
  fill: #333333;
}
.item-blog .text .date > .paragraph {
  color: var(--color-date);
}
.item-blog .text .date > .paragraph font {
  color: var(--color-date);
}
.item-blog .view-more {
  font-size: var(--fs-paragraph);
  display: flex;
  align-items: center;
  gap: 10px;
}
.item-blog .view-more .icon svg {
  fill: var(--color-main);
}
.item-blog.flex {
  display: flex;
  align-items: stretch;
  gap: 20px;
}
@media (max-width: 767px) {
  .item-blog.flex {
    gap: 10px;
  }
}
.item-blog.flex .img {
  width: 40%;
  aspect-ratio: 239/135;
  margin-bottom: 0;
}
.item-blog.flex .text {
  width: 60%;
  padding: 15px 0;
}
@media (max-width: 767px) {
  .item-blog.flex .text {
    padding: 10px 0;
  }
}
.item-blog.flex1 {
  display: flex;
  align-items: stretch;
}
.item-blog.flex1 .img {
  width: 43.7%;
  margin-bottom: 0;
}
.item-blog.flex1 .text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 56.3%;
  padding: 0 20px;
  background-color: var(--bg-blog);
}
.item-blog.flex1 .text > .big-title {
  margin-bottom: 15px;
}
.item-blog.flex1 .text > .big-title a {
  font-size: var(--fs-title-blog);
}
.item-blog.flex1 .text > .big-title a:hover {
  color: var(--color-main);
}
.item-blog.flex1 .text .date {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .item-blog.flex1 .text .date {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-blog.flex1 .text .date {
    margin-bottom: 15px;
  }
}
.item-blog.flex1 .text > .paragraph {
  margin-bottom: 20px;
  text-align: justify;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 991px) {
  .item-blog.flex1 .text > .paragraph {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-blog.flex1 .text > .paragraph {
    margin-bottom: 15px;
  }
}
.item-blog.blog-first {
  display: flex;
  align-items: stretch;
}
.item-blog.blog-first .img {
  width: 50%;
  margin-bottom: 0;
}
.item-blog.blog-first .text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  padding: 0 40px;
  background-color: var(--bg-blog);
}
.item-blog.blog-first .text > .big-title {
  margin-bottom: 15px;
}
.item-blog.blog-first .text > .big-title a {
  font-size: var(--fs-title-blog);
}
.item-blog.blog-first .text > .big-title a:hover {
  color: var(--color-main);
}
.item-blog.blog-first .text .date {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .item-blog.blog-first .text .date {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-blog.blog-first .text .date {
    margin-bottom: 15px;
  }
}
.item-blog.blog-first .text > .paragraph {
  margin-bottom: 20px;
  text-align: justify;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 991px) {
  .item-blog.blog-first .text > .paragraph {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-blog.blog-first .text > .paragraph {
    margin-bottom: 15px;
  }
}
.item-blog.flex3 {
  display: flex;
  align-items: flex-start;
}
.item-blog.flex3 .img {
  aspect-ratio: 135/85;
  width: 135px;
  border-radius: 10px;
  margin-bottom: 0;
}
.item-blog.flex3 .text {
  width: calc(100% - 135px);
  padding: 0;
  padding-left: 15px;
}
.item-blog.flex3 .text > .big-title {
  margin-bottom: 15px;
  margin-bottom: 10px;
  text-transform: initial;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.item-blog.flex3 .text > .big-title a {
  font-size: var(--fs-text);
  color: #333333;
}
.item-blog.flex3 .text > .big-title a:hover {
  color: #1A2A54;
}
.item-blog.flex3 .text .desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.item-blog.flex3 .text .desc p {
  line-height: 1.4;
}
.item-blog.main-page .img {
  aspect-ratio: 16/10;
}
.item-blog.main-page .text > .big-title {
  margin-bottom: 15px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.5;
}
.item-blog.main-page .text .date {
  margin-bottom: 15px;
}
.item-blog.main-page .text > .paragraph {
  margin-bottom: 15px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.item-blog.related .img {
  aspect-ratio: 16/10;
  margin-bottom: 15px;
}
.item-blog.related .text > .big-title {
  margin-bottom: 15px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.item-blog.related .text > .big-title a {
  line-height: 1.5;
}
.item-blog.related .text > .big-title a:hover {
  color: var(--color-main);
}

.item-cabin {
  display: flex;
  align-items: flex-start;
}
.item-cabin .img {
  width: 360px;
  aspect-ratio: 360/200;
}
.item-cabin .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-cabin:hover .img img {
  transform: scale(1.05);
}
.item-cabin .text {
  width: calc(100% - 360px);
  padding-left: 20px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.item-cabin .text > .big-title {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .item-cabin .text > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-cabin .text > .big-title {
    margin-bottom: 15px;
  }
}
.item-cabin .text > .paragraph {
  width: 100%;
  margin-bottom: 10px;
}
.item-cabin .text > .paragraph .infor {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.item-cabin .text > .paragraph .infor:last-child {
  margin-bottom: 0;
}
.item-cabin .text > .paragraph .infor .icon {
  width: 19px;
  height: 17px;
}

.item-destination {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 767px) {
  .item-destination {
    flex-direction: column-reverse;
    gap: 15px;
  }
}
.item-destination .img {
  width: 48.654%;
  aspect-ratio: 596/364;
  overflow: hidden;
}
.item-destination .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .item-destination .img {
    width: 100%;
  }
}
.item-destination:hover .img img {
  transform: scale(1.05);
}
.item-destination .text {
  width: 51.346%;
  padding-left: 45px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .item-destination .text {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .item-destination .text {
    width: 100%;
    padding-left: 0;
  }
}
.item-destination .text > .big-title {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .item-destination .text > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-destination .text > .big-title {
    margin-bottom: 15px;
  }
}
.item-destination .text > .paragraph {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .item-destination .text > .paragraph {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-destination .text > .paragraph {
    margin-bottom: 15px;
  }
}
.item-destination:nth-child(even) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .item-destination:nth-child(even) {
    flex-direction: column-reverse;
  }
}
.item-destination:nth-child(even) .text {
  padding-left: 0;
  padding-right: 45px;
}
@media (max-width: 767px) {
  .item-destination:nth-child(even) .text {
    padding-right: 0;
  }
}

.item-place {
  border-radius: 15px;
  overflow: hidden;
}
.item-place .img {
  position: relative;
  width: 100%;
  aspect-ratio: 389/355;
  border-radius: 15px;
}
.item-place .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-place .img::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none;
}
.item-place .img:hover img {
  transform: scale(1.05);
}
.item-place > .big-title {
  width: 100%;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  padding: 0 60px;
  opacity: 1;
  transition: 0.3s all linear;
}
.item-place .text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0 60px;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  transition: 0.3s all linear;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .item-place .text {
    padding: 0 15px;
  }
}
.item-place .text > .big-title {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .item-place .text > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-place .text > .big-title {
    margin-bottom: 15px;
  }
}
.item-place .text .paragraph {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .item-place .text .paragraph {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-place .text .paragraph {
    margin-bottom: 15px;
  }
}
.item-place:hover .img::before {
  display: none;
}
.item-place:hover > .big-title {
  opacity: 0;
  transition: 0.3s all linear;
  pointer-events: none;
}
.item-place:hover .text {
  opacity: 1;
  transition: 0.3s all linear;
  pointer-events: all;
}
@media (max-width: 767px) {
  .item-place .img::before {
    display: none;
  }
  .item-place > .big-title {
    opacity: 0;
    transition: 0.3s all linear;
    pointer-events: none;
  }
  .item-place .text {
    opacity: 1;
    transition: 0.3s all linear;
    pointer-events: all;
  }
}

.item-booktour {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E5E5E5;
  background: #F6F6F6;
}
.item-booktour .title {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  padding: 21px 25px;
}
@media (max-width: 767px) {
  .item-booktour .title {
    padding: 10px;
  }
  .item-booktour .title .big-title.title-input {
    font-size: 14px;
  }
}
.item-booktour .title .icon {
  width: 17px;
  height: 17px;
  background-color: #FD5A0F;
  border-radius: 17px;
  cursor: pointer;
  position: relative;
}
.item-booktour .title .icon::before, .item-booktour .title .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-white);
  width: 7px;
  height: 1px;
}
.item-booktour .title .icon::after {
  transform: translate(-50%, -50%) rotate(0);
  transition: 0.3s all linear;
}
.item-booktour .title .icon.active::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: 0.3s all linear;
}
.item-booktour .title > .big-title {
  cursor: pointer;
  width: calc(100% - 17px);
  font-size: var(--fs-text);
  text-transform: initial;
}
.item-booktour .content {
  width: calc(100% - 60px);
  padding-top: 15px;
  padding-bottom: 15px;
  display: none;
  margin-left: var(--mg-30);
  border-top: 1px solid #E5E5E5;
}
@media (max-width: 991px) {
  .item-booktour .content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-booktour .content {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .item-booktour .content {
    gap: 10px;
    flex-direction: column;
  }
}
.item-booktour .content .item-content {
  display: flex;
  align-items: stretch;
  gap: 35px;
}
@media (max-width: 767px) {
  .item-booktour .content .item-content {
    gap: 10px;
    flex-direction: column;
    margin-bottom: 10px;
  }
}
.item-booktour .content .item-content > h3 {
  font-size: 16px;
  color: #444;
  line-height: 1.4;
  padding-top: 10px;
  margin-bottom: 20px;
}
.item-booktour .content .item-content > h3 font {
  color: #444;
}
@media (max-width: 767px) {
  .item-booktour .content .item-content > h3 {
    margin-bottom: 10px;
  }
}
.item-booktour .content .item-content .input-form {
  width: calc((100% - 70px) / 3);
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.item-booktour .content .item-content .input-form span {
  font-size: 14px;
}
.item-booktour .content .item-content .input-form.input-large {
  width: calc((100% - 70px) / 2);
}
@media (max-width: 767px) {
  .item-booktour .content .item-content .input-form {
    width: 100%;
    margin-bottom: 0;
  }
  .item-booktour .content .item-content .input-form.input-large {
    width: 100%;
  }
}
.item-booktour .content .item-content .input-form > p {
  font-size: 14px;
}
.item-booktour .content .item-content .input-form > .paragraph {
  width: 160px;
  color: #444;
}
.item-booktour .content .item-content .input-form > .paragraph font {
  color: #444;
}
.item-booktour .content .item-content .input-form > .paragraph.hidden {
  opacity: 0;
}
@media (max-width: 767px) {
  .item-booktour .content .item-content .input-form > .paragraph {
    width: 100%;
    font-size: 13px;
    margin-bottom: 5px;
  }
  .item-booktour .content .item-content .input-form > .paragraph.hidden {
    display: none;
  }
}
.item-booktour .content .item-content .input-form > .paragraph strong {
  line-height: 1.5;
  color: #333333;
  font-size: var(--fs-paragraph);
  font-weight: 500;
}
.item-booktour .content .item-content .input-form > .paragraph strong font {
  color: #444;
}
.item-booktour .content .item-content .input-form > .paragraph b {
  font-weight: 400;
  font-size: var(--fs-paragraph);
  color: var(--color-important);
}
.item-booktour .content .item-content .input-form > .paragraph b font {
  color: var(--color-important);
}
.item-booktour .content .item-content .input-form > .paragraph svg {
  fill: var(--color-question);
}
.item-booktour .content .item-content .input-form > .paragraph.hicon {
  display: flex;
  align-items: center;
  gap: 10px;
}
.item-booktour .content .item-content .input-form .tooltip {
  position: relative;
  cursor: pointer;
}
.item-booktour .content .item-content .input-form .tooltip svg {
  height: 15px;
  fill: #FD5A0F;
}
.item-booktour .content .item-content .input-form .tooltip span {
  position: absolute;
  min-width: 250px;
  min-height: 24px;
  background: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -125px;
  top: calc(100% + 5px);
  opacity: 0;
  pointer-events: none;
}
.item-booktour .content .item-content .input-form .tooltip span font {
  color: #fff;
}
.item-booktour .content .item-content .input-form .tooltip span:before {
  content: "";
  border: 5px solid transparent;
  border-bottom: 5px solid #333;
  position: absolute;
  top: -10px;
  left: 127px;
}
.item-booktour .content .item-content .input-form .tooltip:hover span {
  opacity: 1;
  pointer-events: all;
}
.item-booktour .content .item-content .input-form .value {
  font-size: 14px;
}
.item-booktour .content .item-content .input-form .select-input,
.item-booktour .content .item-content .input-form > input,
.item-booktour .content .item-content .input-form > select, .item-booktour .content .item-content .input-form > .group-checkbox {
  width: calc(100% - 160px);
  color: #333333;
}
.item-booktour .content .item-content .input-form .select-input font,
.item-booktour .content .item-content .input-form > input font,
.item-booktour .content .item-content .input-form > select font, .item-booktour .content .item-content .input-form > .group-checkbox font {
  color: #333333;
}
@media (max-width: 767px) {
  .item-booktour .content .item-content .input-form .select-input,
  .item-booktour .content .item-content .input-form > input,
  .item-booktour .content .item-content .input-form > select, .item-booktour .content .item-content .input-form > .group-checkbox {
    width: 100%;
  }
}
.item-booktour .content .item-content .input-form > .group-checkbox.select-child .hicon {
  display: flex;
  gap: 5px;
  align-items: center;
  width: 80px;
}
.item-booktour .content .item-content .input-form > .group-checkbox.select-child select {
  width: calc(100% - 80px);
}
.item-booktour .content .item-content .input-form .select-input {
  display: flex;
  align-items: stretch;
}
.item-booktour .content .item-content .input-form .select-input select {
  width: 65px;
  border-right: none;
}
.item-booktour .content .item-content .input-form .select-input input {
  width: calc(100% - 65px);
}
.item-booktour .content .item-content .input-form input,
.item-booktour .content .item-content .input-form select {
  height: 35px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #D3D3D3;
}
.item-booktour .content .item-content .input-form input,
.item-booktour .content .item-content .input-form select,
.item-booktour .content .item-content .input-form textarea {
  padding: 5px 10px;
  font-size: var(--fs-paragraph);
  color: #333333;
  border: 1px solid var(--bd-contact);
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
}
.item-booktour .content .item-content .input-form input::placeholder,
.item-booktour .content .item-content .input-form select::placeholder,
.item-booktour .content .item-content .input-form textarea::placeholder {
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-paragraph);
}
.item-booktour .content .item-content .input-form textarea {
  resize: none;
  aspect-ratio: 595/105;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #D3D3D3;
}
.item-booktour .content .item-content .input-form select {
  color: #333333;
}
.item-booktour .content .item-content .input-form .item-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
}
.item-booktour .content .item-content:last-child .input-form {
  margin-bottom: 0;
}
.item-booktour .content .item-content.other {
  width: 100%;
  flex-wrap: wrap;
  row-gap: 20px;
}
.item-booktour .content .item-content.other .input-form {
  width: 100%;
  gap: 60px;
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other .input-form {
    flex-direction: column;
    gap: 10px;
  }
}
.item-booktour .content .item-content.other .input-form:last-child {
  margin-bottom: 0;
}
.item-booktour .content .item-content.other .input-form > p.paragraph {
  width: 160px;
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other .input-form > p.paragraph {
    width: 100%;
  }
}
.item-booktour .content .item-content.other .input-form .list {
  display: flex;
  align-items: center;
  gap: 15px;
  width: calc(100% - 220px);
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other .input-form .list {
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.item-booktour .content .item-content.other .input-form .list .item-checkbox,
.item-booktour .content .item-content.other .input-form .list select {
  width: calc((100% - 60px) / 5);
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other .input-form .list .item-checkbox,
  .item-booktour .content .item-content.other .input-form .list select {
    width: auto;
  }
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other .input-form .list select {
    min-width: calc((100% - 10px) / 2);
  }
}
.item-booktour .content .item-content.other1 {
  width: 100%;
  flex-wrap: wrap;
}
.item-booktour .content .item-content.other1 .input-form {
  display: flex;
  align-items: center;
  width: 100%;
  align-items: start;
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other1 .input-form {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.item-booktour .content .item-content.other1 .input-form.destination {
  flex-wrap: wrap;
  padding-top: 0;
  gap: 10px;
}
.item-booktour .content .item-content.other1 .input-form.destination.clear-flex {
  display: block;
}
.item-booktour .content .item-content.other1 .input-form.destination h4 {
  width: 100%;
}
.item-booktour .content .item-content.other1 .input-form.destination .tab-destination {
  display: flex;
  gap: 25px;
  border-bottom: 1px solid var(--bd-contact);
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .item-booktour .content .item-content.other1 .input-form.destination .tab-destination {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other1 .input-form.destination .tab-destination {
    margin-bottom: 15px;
  }
}
.item-booktour .content .item-content.other1 .input-form.destination .tab-destination .item {
  font-weight: 700;
  padding: 0 0 10px 0;
  cursor: pointer;
}
.item-booktour .content .item-content.other1 .input-form.destination .tab-destination .item.active {
  color: var(--color-main);
}
.item-booktour .content .item-content.other1 .input-form.destination .tab-destination .item.active font {
  color: var(--color-main);
}
.item-booktour .content .item-content.other1 .input-form.destination .tab-select-destinatiion {
  display: none;
}
.item-booktour .content .item-content.other1 .input-form.destination .tab-select-destinatiion.active {
  display: block;
}
.item-booktour .content .item-content.other1 .input-form.destination .tab-select-destinatiion .flex-destination {
  flex-wrap: wrap;
  display: flex;
  gap: 10px;
}
.item-booktour .content .item-content.other1 .input-form .item-checkbox {
  width: 18%;
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other1 .input-form .item-checkbox {
    width: calc((100% - 10px) / 2);
  }
}
.item-booktour .content .item-content.other1 .input-form.inclusion {
  width: 80%;
  align-items: start;
}
.item-booktour .content .item-content.other1 .input-form.inclusion .group-checkbox {
  flex-wrap: wrap;
}
.item-booktour .content .item-content.other1 .input-form.inclusion .group-checkbox .item-checkbox {
  width: calc((100% - 15px) / 2);
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other1 .input-form.inclusion {
    width: 100%;
  }
}
.item-booktour .content .item-content.other1 .input-form.otherwishes {
  flex-direction: column;
  align-items: start;
  gap: 10px;
}
.item-booktour .content .item-content.other1 .input-form.otherwishes input.hidden, .item-booktour .content .item-content.other1 .input-form.otherwishes textarea.hidden {
  display: none;
}
.item-booktour .content .item-content.other1 .input-form.otherwishes textarea {
  height: 100px;
}
.item-booktour .content .item-content.other1 .input-form.otherwishes .item-checkbox {
  width: 100%;
}
.item-booktour .content .item-content.other1 .input-form.otherwishes .item-checkbox.flex-column {
  flex-direction: column;
  align-items: start;
}
.item-booktour .content .item-content.other2 {
  width: 100%;
  flex-direction: column;
  row-gap: 0;
}
.item-booktour .content .item-content.other2 .input-form {
  margin-bottom: 20px;
  width: 100%;
}
@media (max-width: 991px) {
  .item-booktour .content .item-content.other2 .input-form {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other2 .input-form {
    margin-bottom: 15px;
  }
}
.item-booktour .content .item-content.other2 .input-form:last-child {
  margin-bottom: 0;
}
.item-booktour .content .item-content.other2 .input-form.input-large {
  width: calc((100% - 70px) / 2);
  margin-bottom: 15px;
  align-items: start;
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other2 .input-form {
    width: 100%;
    flex-direction: column;
    gap: 10px;
  }
  .item-booktour .content .item-content.other2 .input-form.input-large {
    width: 100%;
  }
}
.item-booktour .content .item-content.other2 .input-form > p.paragraph {
  width: 220px;
}
.item-booktour .content .item-content.other2 .input-form > p.paragraph.short {
  width: 140px;
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other2 .input-form > p.paragraph {
    width: 100%;
  }
  .item-booktour .content .item-content.other2 .input-form > p.paragraph.short {
    width: 100%;
  }
}
.item-booktour .content .item-content.other2 .input-form input,
.item-booktour .content .item-content.other2 .input-form select,
.item-booktour .content .item-content.other2 .input-form textarea {
  width: calc(100% - 220px - ((100% - 70px) / 3 + 35px));
  padding: 6px 15px;
}
.item-booktour .content .item-content.other2 .input-form input.short,
.item-booktour .content .item-content.other2 .input-form select.short,
.item-booktour .content .item-content.other2 .input-form textarea.short {
  width: calc(100% - 140px - ((100% - 70px) / 3 + 35px));
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other2 .input-form input,
  .item-booktour .content .item-content.other2 .input-form select,
  .item-booktour .content .item-content.other2 .input-form textarea {
    width: 100%;
  }
  .item-booktour .content .item-content.other2 .input-form input.short,
  .item-booktour .content .item-content.other2 .input-form select.short,
  .item-booktour .content .item-content.other2 .input-form textarea.short {
    width: 100%;
  }
}
.item-booktour .content .item-content.other2 .input-form textarea {
  padding: 10px 15px;
}
.item-booktour .content .item-content.other2 .input-form.textarea-form {
  align-items: flex-start;
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other2 .input-form.textarea-form {
    flex-direction: column;
  }
  .item-booktour .content .item-content.other2 .input-form.textarea-form textarea {
    height: 150px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .item-booktour .content .item-content.other2 .input-form.textarea-form > p.paragraph {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.item-booktour .content table {
  margin-bottom: 0;
}
.item-booktour .content table tr td {
  color: #444;
  font-size: var(--fs-paragraph);
}
.item-booktour .content table tr td b {
  color: #444;
  font-size: var(--fs-paragraph);
  font-weight: 700;
}
.item-booktour .content table tr td b font {
  color: #444;
}
.item-booktour .content table tr td font {
  color: #444;
}
.item-booktour.accommodation-book .content {
  display: none;
}

.nav-plan-trip {
  display: flex;
  flex-wrap: wrap;
  background: #e9e9e9;
  padding: 11px 15px;
  gap: 45px;
  position: sticky;
  top: var(--h-header);
  z-index: 10;
}
@media (max-width: 767px) {
  .nav-plan-trip {
    row-gap: 10px;
  }
}
.nav-plan-trip .item {
  font-size: 14px;
  line-height: 1.4;
  color: #444;
  cursor: pointer;
  position: relative;
}
.nav-plan-trip .item font {
  color: #444;
}
.nav-plan-trip .item:before {
  content: "";
  width: 7px;
  height: 7px;
  background: url(../images/angle-plan-trip.webp) no-repeat;
  position: absolute;
  right: -25px;
  top: 6px;
}
.nav-plan-trip .item.active {
  font-weight: 700;
}
.nav-plan-trip .item:last-child:before {
  display: none;
}

.group-checkbox {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}
.group-checkbox.flex-column {
  flex-direction: column;
  gap: 10px;
}

.item-checkbox input:disabled {
  pointer-events: none;
  cursor: text;
}
.item-checkbox.offset {
  width: calc(100% - 140px);
  margin-left: 140px;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .item-checkbox.offset {
    width: 100%;
    margin-left: 0;
  }
}
.item-checkbox label {
  cursor: pointer;
  padding-left: 23px;
  position: relative;
}
.item-checkbox label:before {
  width: 14px;
  height: 14px;
  border: 1px solid #8b8b8b;
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  background: #fff;
  z-index: 8;
  border-radius: 3px;
}
.item-checkbox label:after {
  width: 11px;
  height: 11px;
  content: "";
  position: absolute;
  left: 2px;
  top: -2px;
  color: var(--color-main);
  z-index: 10;
}
.item-checkbox label:after font {
  color: var(--color-main);
}
.item-checkbox input {
  display: none;
}
.item-checkbox input:checked ~ label {
  color: var(--color-main);
}
.item-checkbox input:checked ~ label font {
  color: var(--color-main);
}
.item-checkbox input:checked ~ label:after {
  content: "✓";
}
.item-checkbox input:checked ~ label:before {
  border: 1px solid var(--color-main);
}

.slide-best-tour .owl-carousel .owl-prev,
.slide-best-tour .owl-carousel .owl-next,
.slide-popular-tour .owl-carousel .owl-prev,
.slide-popular-tour .owl-carousel .owl-next,
.slide-cruise-tour .owl-carousel .owl-prev,
.slide-cruise-tour .owl-carousel .owl-next,
.slide-staff .owl-carousel .owl-prev,
.slide-staff .owl-carousel .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  width: 60px;
  height: 60px;
  aspect-ratio: 1/1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff !important;
  border: 1px solid transparent;
}
@media (max-width: 700px) {
  .slide-best-tour .owl-carousel .owl-prev,
  .slide-best-tour .owl-carousel .owl-next,
  .slide-popular-tour .owl-carousel .owl-prev,
  .slide-popular-tour .owl-carousel .owl-next,
  .slide-cruise-tour .owl-carousel .owl-prev,
  .slide-cruise-tour .owl-carousel .owl-next,
  .slide-staff .owl-carousel .owl-prev,
  .slide-staff .owl-carousel .owl-next {
    width: 40px;
    height: 40px;
  }
}
.slide-best-tour .owl-carousel .owl-prev:hover,
.slide-best-tour .owl-carousel .owl-next:hover,
.slide-popular-tour .owl-carousel .owl-prev:hover,
.slide-popular-tour .owl-carousel .owl-next:hover,
.slide-cruise-tour .owl-carousel .owl-prev:hover,
.slide-cruise-tour .owl-carousel .owl-next:hover,
.slide-staff .owl-carousel .owl-prev:hover,
.slide-staff .owl-carousel .owl-next:hover {
  background: var(--color-main1) !important;
  border: 1px solid #fff;
}
.slide-best-tour .owl-carousel .owl-prev:hover svg,
.slide-best-tour .owl-carousel .owl-next:hover svg,
.slide-popular-tour .owl-carousel .owl-prev:hover svg,
.slide-popular-tour .owl-carousel .owl-next:hover svg,
.slide-cruise-tour .owl-carousel .owl-prev:hover svg,
.slide-cruise-tour .owl-carousel .owl-next:hover svg,
.slide-staff .owl-carousel .owl-prev:hover svg,
.slide-staff .owl-carousel .owl-next:hover svg {
  fill: var(--color-white);
}
.slide-best-tour .owl-carousel .owl-prev:hover svg path,
.slide-best-tour .owl-carousel .owl-next:hover svg path,
.slide-popular-tour .owl-carousel .owl-prev:hover svg path,
.slide-popular-tour .owl-carousel .owl-next:hover svg path,
.slide-cruise-tour .owl-carousel .owl-prev:hover svg path,
.slide-cruise-tour .owl-carousel .owl-next:hover svg path,
.slide-staff .owl-carousel .owl-prev:hover svg path,
.slide-staff .owl-carousel .owl-next:hover svg path {
  fill: var(--color-white);
}
.slide-best-tour .owl-carousel .owl-prev svg,
.slide-best-tour .owl-carousel .owl-next svg,
.slide-popular-tour .owl-carousel .owl-prev svg,
.slide-popular-tour .owl-carousel .owl-next svg,
.slide-cruise-tour .owl-carousel .owl-prev svg,
.slide-cruise-tour .owl-carousel .owl-next svg,
.slide-staff .owl-carousel .owl-prev svg,
.slide-staff .owl-carousel .owl-next svg {
  fill: var(--color-main);
}
@media (max-width: 700px) {
  .slide-best-tour .owl-carousel .owl-prev svg,
  .slide-best-tour .owl-carousel .owl-next svg,
  .slide-popular-tour .owl-carousel .owl-prev svg,
  .slide-popular-tour .owl-carousel .owl-next svg,
  .slide-cruise-tour .owl-carousel .owl-prev svg,
  .slide-cruise-tour .owl-carousel .owl-next svg,
  .slide-staff .owl-carousel .owl-prev svg,
  .slide-staff .owl-carousel .owl-next svg {
    height: 13px;
  }
}
.slide-best-tour .owl-carousel .owl-prev,
.slide-popular-tour .owl-carousel .owl-prev,
.slide-cruise-tour .owl-carousel .owl-prev,
.slide-staff .owl-carousel .owl-prev {
  left: -30px;
}
@media (max-width: 700px) {
  .slide-best-tour .owl-carousel .owl-prev,
  .slide-popular-tour .owl-carousel .owl-prev,
  .slide-cruise-tour .owl-carousel .owl-prev,
  .slide-staff .owl-carousel .owl-prev {
    right: 10px;
  }
}
.slide-best-tour .owl-carousel .owl-next,
.slide-popular-tour .owl-carousel .owl-next,
.slide-cruise-tour .owl-carousel .owl-next,
.slide-staff .owl-carousel .owl-next {
  right: -30px;
}
@media (max-width: 700px) {
  .slide-best-tour .owl-carousel .owl-next,
  .slide-popular-tour .owl-carousel .owl-next,
  .slide-cruise-tour .owl-carousel .owl-next,
  .slide-staff .owl-carousel .owl-next {
    left: 10px;
  }
}
.slide-best-tour .owl-carousel .owl-dots,
.slide-popular-tour .owl-carousel .owl-dots,
.slide-cruise-tour .owl-carousel .owl-dots,
.slide-staff .owl-carousel .owl-dots {
  position: absolute;
  top: calc(100% + 40px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
}
@media (max-width: 767px) {
  .slide-best-tour .owl-carousel .owl-dots,
  .slide-popular-tour .owl-carousel .owl-dots,
  .slide-cruise-tour .owl-carousel .owl-dots,
  .slide-staff .owl-carousel .owl-dots {
    gap: 10px;
    top: calc(100% + 20px);
  }
}
.slide-best-tour .owl-carousel .owl-dots .owl-dot,
.slide-popular-tour .owl-carousel .owl-dots .owl-dot,
.slide-cruise-tour .owl-carousel .owl-dots .owl-dot,
.slide-staff .owl-carousel .owl-dots .owl-dot {
  position: relative;
}
.slide-best-tour .owl-carousel .owl-dots .owl-dot span,
.slide-popular-tour .owl-carousel .owl-dots .owl-dot span,
.slide-cruise-tour .owl-carousel .owl-dots .owl-dot span,
.slide-staff .owl-carousel .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0;
  background-color: var(--color-dot);
}
.slide-best-tour .owl-carousel .owl-dots .owl-dot.active::before,
.slide-popular-tour .owl-carousel .owl-dots .owl-dot.active::before,
.slide-cruise-tour .owl-carousel .owl-dots .owl-dot.active::before,
.slide-staff .owl-carousel .owl-dots .owl-dot.active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid var(--color-main);
}
.slide-best-tour .owl-carousel .owl-dots .owl-dot.active span,
.slide-popular-tour .owl-carousel .owl-dots .owl-dot.active span,
.slide-cruise-tour .owl-carousel .owl-dots .owl-dot.active span,
.slide-staff .owl-carousel .owl-dots .owl-dot.active span {
  background-color: var(--color-main);
}

.slide-staff .owl-carousel .owl-prev,
.slide-staff .owl-carousel .owl-next {
  top: calc(50% - 40px);
}
@media (max-width: 767px) {
  .slide-staff .owl-carousel .owl-prev,
  .slide-staff .owl-carousel .owl-next {
    top: calc(50% - 25px);
  }
}
@media (max-width: 767px) {
  .slide-staff .owl-carousel .owl-prev {
    right: calc(100% - 15px);
  }
  .slide-staff .owl-carousel .owl-next {
    left: calc(100% - 15px);
  }
}

.slide-popular-tour .owl-carousel .owl-prev,
.slide-popular-tour .owl-carousel .owl-next {
  top: calc(50% - 60px);
}
@media (max-width: 767px) {
  .slide-popular-tour .owl-carousel .owl-prev,
  .slide-popular-tour .owl-carousel .owl-next {
    top: calc(50% - 30px);
  }
}
@media (max-width: 767px) {
  .slide-popular-tour .owl-carousel .owl-prev {
    right: calc(100% - 15px);
  }
  .slide-popular-tour .owl-carousel .owl-next {
    left: calc(100% - 15px);
  }
}

@media (max-width: 700px) {
  .slide-cruise-tour {
    position: relative;
  }
}
.slide-cruise-tour .owl-carousel .owl-prev,
.slide-cruise-tour .owl-carousel .owl-next {
  top: calc(39% - 60px);
}
@media (max-width: 700px) {
  .slide-cruise-tour .owl-carousel .owl-prev,
  .slide-cruise-tour .owl-carousel .owl-next {
    top: calc(35% - 30px);
  }
}
@media (max-width: 700px) {
  .slide-cruise-tour .owl-carousel .owl-prev {
    left: 15px;
  }
  .slide-cruise-tour .owl-carousel .owl-next {
    right: 15px;
    left: initial;
  }
}
.slide-cruise-tour .item-best-tour.cruise {
  margin-bottom: 15px;
}
.slide-cruise-tour.slide-hotel-tour .owl-carousel .owl-prev,
.slide-cruise-tour.slide-hotel-tour .owl-carousel .owl-next {
  top: calc(50% - 30px);
}
@media (max-width: 767px) {
  .slide-cruise-tour.slide-hotel-tour .owl-carousel .owl-prev,
  .slide-cruise-tour.slide-hotel-tour .owl-carousel .owl-next {
    top: calc(50% - 30px);
  }
}

.slide-img .owl-dots,
.slide-blog-right .owl-dots {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.slide-img .owl-dots .owl-dot span,
.slide-blog-right .owl-dots .owl-dot span {
  margin: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: var(--color-dot);
}
.slide-img .owl-dots .owl-dot.active span,
.slide-blog-right .owl-dots .owl-dot.active span {
  background-color: #FD5A0F;
}

header {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: var(--color-white);
}
header.mini {
  box-shadow: 0 0 10px -8px rgba(0, 0, 0, 0.5);
}
header .bottom {
  padding: 15px 0;
}
@media (max-width: 700px) {
  header .bottom {
    padding: 5px 0;
  }
}
header .bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .bottom .container .logo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
header .bottom .container .logo > p {
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #1A2A54;
  font-size: var(--fs-text-min);
}
@media (max-width: 700px) {
  header .bottom .container .logo > p {
    display: none;
  }
}
header .bottom .container .logo > a {
  display: flex;
  align-items: center;
  aspect-ratio: 1;
  width: 104px;
  transition: width 0.5s ease;
}
header .bottom .container .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  header .bottom .container .logo a {
    width: initial;
    height: 55px;
  }
}
header .bottom .container .touch-menu,
header .bottom .container .bg-black {
  display: none;
}
@media (min-width: 1025px) {
  header .bottom .container .menu .show-sub {
    display: none;
  }
  header .bottom .container .menu > ul {
    display: flex;
    align-items: center;
    gap: 30px;
  }
}
@media (min-width: 1025px) and (max-width: 1600px) {
  header .bottom .container .menu > ul {
    gap: 15px;
  }
}
@media (min-width: 1025px) {
  header .bottom .container .menu > ul > li {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
  }
}
@media (min-width: 1025px) and (max-width: 991px) {
  header .bottom .container .menu > ul > li {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1025px) and (max-width: 767px) {
  header .bottom .container .menu > ul > li {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (min-width: 1025px) {
  header .bottom .container .menu > ul > li > a {
    font-size: var(--fs-hd);
    font-weight: 700;
    text-transform: uppercase;
    color: #333333;
  }
  header .bottom .container .menu > ul > li > a font {
    color: #333333;
  }
  header .bottom .container .menu > ul > li .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    transition: 0.5s opacity linear;
    pointer-events: none;
    min-width: 200px;
  }
  header .bottom .container .menu > ul > li .sub-menu > ul {
    position: relative;
    display: flex;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--color-white);
    padding: 30px 40px;
    gap: 50px;
  }
  header .bottom .container .menu > ul > li .sub-menu > ul > li {
    border-bottom: none;
    display: flex;
    align-items: center;
    align-items: start;
    flex-direction: column;
    position: relative;
  }
  header .bottom .container .menu > ul > li .sub-menu > ul > li .icon {
    display: none;
  }
  header .bottom .container .menu > ul > li .sub-menu > ul > li .icon svg {
    fill: var(--color-main);
  }
  header .bottom .container .menu > ul > li .sub-menu > ul > li > a {
    padding-bottom: 15px;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333333;
    white-space: nowrap;
  }
  header .bottom .container .menu > ul > li .sub-menu > ul > li > a:hover {
    color: var(--color-main);
  }
  header .bottom .container .menu > ul > li .sub-menu > ul > li > a font {
    color: #333333;
  }
  header .bottom .container .menu > ul > li .sub-menu > ul > li > a font:hover {
    color: var(--color-main);
  }
  header .bottom .container .menu > ul > li .sub-menu > ul > li .sub-menu1 li a {
    white-space: nowrap;
    padding: 5px 0;
    position: relative;
    display: flex;
    padding-left: 15px;
  }
  header .bottom .container .menu > ul > li .sub-menu > ul > li .sub-menu1 li a:after {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    background: #FBAB04;
  }
  header .bottom .container .menu > ul > li .sub-default {
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    transition: 0.5s opacity linear;
    pointer-events: none;
    min-width: 200px;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--color-white);
    padding: 15px 20px;
  }
  header .bottom .container .menu > ul > li .sub-default li a {
    white-space: nowrap;
    padding: 5px 0;
    position: relative;
    display: flex;
    padding-left: 15px;
  }
  header .bottom .container .menu > ul > li .sub-default li a:after {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    background: #FBAB04;
  }
  header .bottom .container .menu > ul > li .sub-default li:hover > a {
    color: var(--color-main);
  }
  header .bottom .container .menu > ul > li .sub-default li:hover > a font {
    color: var(--color-main);
  }
  header .bottom .container .menu > ul > li .sub-default li:hover .sub-menu1 {
    opacity: 1;
    transition: 0.5s all linear;
    pointer-events: all;
  }
  header .bottom .container .menu > ul > li .sub-menu1 {
    top: 0;
    left: 100%;
  }
  header .bottom .container .menu > ul > li .sub-menu1 ul li:first-child {
    border-top: none;
  }
  header .bottom .container .menu > ul > li:hover > a, header .bottom .container .menu > ul > li.active > a {
    color: #FBAB04;
  }
  header .bottom .container .menu > ul > li:hover > a font, header .bottom .container .menu > ul > li.active > a font {
    color: #FBAB04;
  }
  header .bottom .container .menu > ul > li:hover .sub-menu, header .bottom .container .menu > ul > li:hover .sub-default, header .bottom .container .menu > ul > li.active .sub-menu, header .bottom .container .menu > ul > li.active .sub-default {
    opacity: 1;
    transition: 0.5s all linear;
    pointer-events: all;
  }
}
@media (max-width: 1025px) {
  header .bottom .container .touch-menu {
    display: block;
    height: 36px;
    width: 36px;
    position: relative;
    z-index: 999;
  }
  header .bottom .container .touch-menu span {
    display: block;
    width: 27px;
    height: 2px;
    background: linear-gradient(7deg, #BB8D2F -29.84%, #CFA14A 5.52%, #E8BB6C 56.26%, #DAAC59 67.02%, #C99B42 85.47%, #BF9134 102.38%, #BB8D2F 116.21%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4px;
  }
  header .bottom .container .touch-menu span::before, header .bottom .container .touch-menu span::after {
    content: "";
    height: 2px;
    width: 27px;
    background: linear-gradient(7deg, #BB8D2F -29.84%, #CFA14A 5.52%, #E8BB6C 56.26%, #DAAC59 67.02%, #C99B42 85.47%, #BF9134 102.38%, #BB8D2F 116.21%);
    position: absolute;
    left: 0;
    top: -7px;
    transition: transform 0.2s linear;
  }
  header .bottom .container .touch-menu span::after {
    top: initial;
    bottom: -7px;
  }
  header .bottom .container .touch-menu.active {
    z-index: 1000;
  }
  header .bottom .container .touch-menu.active span {
    transform: rotate(45deg);
  }
  header .bottom .container .touch-menu.active span::before, header .bottom .container .touch-menu.active span::after {
    transform: rotate(-90deg);
    top: 0;
  }
  header .bottom .container .bg-black {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
  }
  header .bottom .container .bg-black.active {
    opacity: 0.9;
    visibility: visible;
  }
  header .bottom .container .menu {
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    width: 40vw;
    display: block;
    background: #1A2A54;
    padding: 20px;
    transition: left 0.3s linear;
    z-index: 1000;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 10px;
  }
  header .bottom .container .menu::-webkit-scrollbar {
    display: none;
  }
  header .bottom .container .menu.active {
    left: 0;
  }
  header .bottom .container .menu > ul > li {
    position: relative;
    list-style: none;
    margin-bottom: 10px;
  }
  header .bottom .container .menu > ul > li > a {
    text-transform: uppercase;
    font-weight: 700;
    background: linear-gradient(7deg, #BB8D2F -29.84%, #CFA14A 5.52%, #E8BB6C 56.26%, #DAAC59 67.02%, #C99B42 85.47%, #BF9134 102.38%, #BB8D2F 116.21%);
    display: block;
    color: #fff;
    padding: 10px 40px 10px 7.5px;
    border-radius: 3px;
    font-size: 14px;
  }
  header .bottom .container .menu > ul > li > a font {
    color: #fff;
  }
  header .bottom .container .menu > ul > li > a svg {
    display: none;
  }
  header .bottom .container .menu > ul > li .show-sub {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .bottom .container .menu > ul > li .show-sub svg {
    fill: #fff;
  }
  header .bottom .container .menu > ul > li .sub-menu, header .bottom .container .menu > ul > li .sub-menu1 {
    display: none;
    list-style: none;
    padding: 10px 0 0 0;
    border-top: none;
  }
  header .bottom .container .menu > ul > li .sub-menu li, header .bottom .container .menu > ul > li .sub-menu1 li {
    position: relative;
    margin-bottom: 10px;
  }
  header .bottom .container .menu > ul > li .sub-menu li > a, header .bottom .container .menu > ul > li .sub-menu1 li > a {
    font-weight: 600;
    display: block;
    color: #333333;
    background: #f5f5f5;
    padding: 8.5px 40px 8.5px 7.5px;
    border-radius: 4px;
    font-size: 14px;
  }
  header .bottom .container .menu > ul > li .sub-menu li > a font, header .bottom .container .menu > ul > li .sub-menu1 li > a font {
    color: #333333;
  }
  header .bottom .container .menu > ul > li .sub-menu li > .icon, header .bottom .container .menu > ul > li .sub-menu1 li > .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(90deg);
  }
  header .bottom .container .menu > ul > li .sub-menu li:last-of-type, header .bottom .container .menu > ul > li .sub-menu1 li:last-of-type {
    margin-bottom: 0;
  }
  header .bottom .container .menu > ul > li .sub-menu1 {
    padding-bottom: 0px;
  }
  header .bottom .container .menu > ul > li.active > a {
    color: var(--color-main);
  }
  header .bottom .container .menu > ul > li.active > a font {
    color: var(--color-main);
  }
  header .bottom .container .menu > ul > li:first-of-type {
    display: none;
  }
  header .bottom .container .menu .contact-top {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }
  header .bottom .container .menu .contact-top a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
  }
}
@media (max-width: 1025px) and (max-width: 700px) {
  header .bottom .container .menu .contact-top a {
    color: #BB8D2F;
  }
}
@media (max-width: 1025px) {
  header .bottom .container .menu .contact-top a svg {
    fill: var(--color-main);
  }
}
@media (max-width: 767px) {
  header .bottom .container .menu {
    width: 80vw;
  }
}
header .bottom .container .right-head {
  display: flex;
  align-items: center;
  gap: 15px;
}
header .bottom .container .list-language {
  display: flex;
  gap: 10px;
  align-items: center;
}
header .bottom .container .list-language .item {
  cursor: pointer;
  aspect-ratio: 27/21;
  display: flex;
  align-items: center;
  border-radius: 3px;
  overflow: hidden;
}
header .bottom .container .list-language .item svg {
  width: 100%;
  height: 100%;
}
header .bottom .container .hotline a {
  background: #FBAB04;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  line-height: 1;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 15px;
  transition: background 0.5s ease;
}
header .bottom .container .hotline a:hover {
  background: #1A2A54;
}
header.mini {
  box-shadow: 0 0 10px -8px rgba(0, 0, 0, 0.5);
}
header.mini .bottom {
  padding: 5px 0;
}
header.mini .bottom .container .logo {
  flex-direction: row;
}
header.mini .bottom .container .logo > a {
  aspect-ratio: initial;
  width: 50px;
}
@media (max-width: 1600px) {
  header.mini .bottom .container .logo > p {
    display: none;
  }
}

.banner {
  position: relative;
}
.banner .item {
  width: 100%;
  aspect-ratio: 1800/463;
}
.banner .item img {
  height: 100%;
  display: block;
  object-fit: cover;
}
@media (max-width: 767px) {
  .banner .item {
    aspect-ratio: 360/150;
  }
  .banner .item img {
    height: 100%;
  }
}
.banner .img {
  width: 100%;
  aspect-ratio: 1800/463;
}
.banner .img img {
  height: initial;
  display: block;
}
@media (max-width: 767px) {
  .banner {
    aspect-ratio: 360/150;
  }
  .banner .img {
    aspect-ratio: 360/150;
  }
  .banner .img img {
    height: 100%;
  }
}
.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  height: initial;
}
@media (max-width: 767px) {
  .banner img {
    height: 100%;
  }
}
.banner .slide-index .owl-prev,
.banner .slide-index .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.banner .slide-index .owl-prev {
  left: 40px;
}
@media (max-width: 767px) {
  .banner .slide-index .owl-prev {
    left: 15px;
  }
}
.banner .slide-index .owl-next {
  right: 40px;
}
@media (max-width: 767px) {
  .banner .slide-index .owl-next {
    right: 15px;
  }
}
.banner.index .img {
  aspect-ratio: 1874/791;
  border-radius: 23px;
  background: lightgray;
}
.banner.index .img img {
  height: initial;
}
@media (max-width: 767px) {
  .banner.index .img {
    aspect-ratio: 360/300;
  }
  .banner.index .img img {
    height: 100%;
  }
}

.search {
  position: absolute;
  width: 100%;
  z-index: 3;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 700px) {
  .search {
    width: calc(100% - 30px);
    bottom: 15px;
  }
}
.search .container {
  position: relative;
  z-index: 2;
}
.search .container form {
  display: flex;
  align-items: center;
  background-color: var(--color-white);
  padding: 25px 30px;
  border-radius: 12px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25);
  gap: 15px;
}
@media (max-width: 767px) {
  .search .container form {
    padding: 5px;
    flex-wrap: wrap;
    position: relative;
    gap: 5px;
  }
}
.search .container form .input-form,
.search .container form .select-form {
  position: relative;
}
.search .container form .input-form input,
.search .container form .input-form select,
.search .container form .select-form input,
.search .container form .select-form select {
  width: 100%;
  font-size: var(--fs-search);
  padding: 5px 0;
}
.search .container form .input-form {
  width: 20.1%;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 6px;
  background: #EAEAEA;
  height: 43px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 700px) {
  .search .container form .input-form {
    height: 35px;
  }
}
.search .container form .input-form input::placeholder {
  font-size: var(--fs-search);
  color: var(--color-placeholder);
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .search .container form .input-form {
    width: calc(100% - 35px);
    padding-right: 0;
  }
  .search .container form .input-form input {
    text-align: left;
    height: 35px;
    padding-left: 10px;
  }
  .search .container form .input-form::before {
    display: none;
  }
}
.search .container form .select-form {
  width: 19.9%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
  border-radius: 6px;
  background: #EAEAEA;
  height: 43px;
}
@media (max-width: 767px) {
  .search .container form .select-form {
    width: calc((100% - 10px) / 3);
    display: none;
  }
}
.search .container form .select-form .icon svg {
  fill: var(--color-placeholder);
}
.search .container form .select-form select {
  color: var(--color-placeholder);
}
.search .container form .select-form:nth-of-type(4)::before {
  display: none;
}
.search .container form button {
  width: 15.5%;
  background-color: var(--color-main);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 10px;
  height: 40px;
  cursor: pointer;
  margin-left: 5px;
  color: var(--color-white);
  font-size: var(--fs-search);
  font-weight: 700;
  border-radius: 6px;
  border: 1px solid #FFF;
  text-transform: uppercase;
}
.search .container form button:hover {
  background-color: var(--color-white);
  color: var(--color-main);
  border: 1px solid var(--color-main);
}
.search .container form button font {
  color: var(--color-white);
}
.search .container form button svg {
  fill: var(--color-white);
}
@media (max-width: 767px) {
  .search .container form button {
    width: 35px;
    margin-left: 0;
    padding: 0;
    font-size: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 35px;
    text-align: center;
    display: block;
  }
}

.function .container {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}
.function .container .item {
  width: 25%;
  display: flex;
  align-items: flex-start;
}
.function .container .item .img {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.function .container .item .text {
  padding-left: 15px;
  width: calc(100% - 46px);
}
.function .container .item .text .big-title {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .function .container {
    gap: 15px;
    flex-direction: column;
  }
  .function .container .item {
    width: 100%;
  }
}

.best-tour {
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .best-tour {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .best-tour {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .best-tour {
    padding-bottom: 30px;
  }
}
.best-tour .container > .big-title {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .best-tour .container > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .best-tour .container > .big-title {
    margin-bottom: 15px;
  }
}
.best-tour .container .list {
  display: flex;
  align-items: center;
  gap: 25px;
  display: none;
}
.best-tour .container .list .item {
  width: calc((100% - 50px) / 3);
}
.best-tour.top-place {
  margin-bottom: 0;
  background: url("../images/bg-place.webp") center no-repeat;
  background-size: 100% 100%;
  margin-bottom: -40px;
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .best-tour.top-place {
    padding-bottom: 50px;
    margin-bottom: 0;
  }
}
.best-tour.top-place .container > .big-title {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .best-tour.top-place .container > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .best-tour.top-place .container > .big-title {
    margin-bottom: 15px;
  }
}
.best-tour.top-place.no-bg {
  background: unset;
}

.text-center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.ourindochina-tour {
  margin-top: 100px;
  padding-bottom: 100px;
}
.cruise-tour {
  margin-top: var(--pad-section);
  padding-bottom: calc(var(--pad-section) * 2);
  position: relative;
}
@media (max-width: 700px) {
  .cruise-tour {
    padding-bottom: 75px;
  }
}
.cruise-tour.cruise-tour-2 {
  margin-top: 0px;
  padding-bottom: var(--pad-section);
  background: #FFF;
}
.cruise-tour.cruise-tour-2:after, .cruise-tour.cruise-tour-2:before {
  display: none !important;
}
.cruise-tour .container {
  position: relative;
  z-index: 2;
}
.cruise-tour:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0.7)), url("../images/background-tour-trong-nuoc.png") no-repeat;
  background-size: cover;
  z-index: 1;
}
.cruise-tour:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 20%;
  background: url("../images/bottom-background.png") no-repeat;
  background-size: cover;
  z-index: 2;
}
@media (max-width: 700px) {
  .cruise-tour:after {
    bottom: -1px;
  }
}
.cruise-tour.other-page {
  border-top: 1px solid var(--bd-item-cabin);
  padding-bottom: 0;
  margin-top: 0;
  padding-top: var(--mg-30);
}
.cruise-tour.other-page:before, .cruise-tour.other-page:after {
  display: none;
}
.cruise-tour.other-page > .big-title {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .cruise-tour.other-page > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .cruise-tour.other-page > .big-title {
    margin-bottom: 15px;
  }
}
.cruise-tour.other-page > .big-title:before {
  display: none;
}
.cruise-tour.other-page .list {
  display: flex;
  align-items: center;
  gap: 25px;
  display: none;
}
.cruise-tour.other-page .list .item {
  width: calc((100% - 50px) / 3);
}
.cruise-tour.other-page .item-best-tour .date-price {
  display: block;
}
.cruise-tour.other-page .item-best-tour .date-price .departure {
  display: flex;
  gap: 10px;
  align-items: start;
}
.cruise-tour.other-page .item-best-tour .date-price .departure .icon {
  margin-top: 5px;
}
.cruise-tour.other-page .item-best-tour .date-price .departure .icon img {
  width: initial;
}

.service-index .container > .big-title {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .service-index .container > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .service-index .container > .big-title {
    margin-bottom: 15px;
  }
}
.service-index .container .list {
  display: flex;
  align-content: flex-start;
  gap: 35px;
}
.service-index .container .list .item {
  width: 25%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.service-index .container .list .item .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85px;
  height: 80px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .service-index .container .list .item .img {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .service-index .container .list .item .img {
    margin-bottom: 15px;
  }
}
.service-index .container .list .item > .big-title {
  margin-bottom: 20px;
  min-height: 17px;
}
@media (max-width: 991px) {
  .service-index .container .list .item > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .service-index .container .list .item > .big-title {
    margin-bottom: 15px;
  }
}
@media (max-width: 1024px) {
  .service-index .container .list {
    gap: 20px;
    flex-wrap: wrap;
  }
  .service-index .container .list .item {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 767px) {
  .service-index .container .list {
    gap: 15px;
  }
  .service-index .container .list .item {
    width: 100%;
  }
  .service-index .container .list .item .img {
    width: 60px;
    height: 60px;
  }
  .service-index .container .list .item > .big-title {
    margin-bottom: 5px;
    font-size: 15px;
    min-height: initial;
  }
}

.recommended-index {
  background: url("../images/bg-recommended-index.webp") repeat center;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  .recommended-index {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.recommended-index.recommended-footer {
  margin-bottom: -15px;
}
.recommended-index .container .title-para {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .recommended-index .container .title-para {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .recommended-index .container .title-para {
    margin-bottom: 15px;
  }
}
.recommended-index .container .list {
  display: flex;
  align-items: stretch;
  gap: 12px;
}
@media (max-width: 1024px) {
  .recommended-index .container .list {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .recommended-index .container .list {
    gap: 10px;
  }
}
.recommended-index .container .list .item {
  background-color: var(--color-white);
  padding: 25px 50px;
  width: 33.3333333333%;
}
.recommended-index .container .list .item .img {
  width: 100%;
  aspect-ratio: 300/50;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recommended-index .container .list .item .img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media (max-width: 1024px) {
  .recommended-index .container .list .item {
    width: calc((100% - 12px) / 2);
  }
}
@media (max-width: 767px) {
  .recommended-index .container .list .item {
    width: 100%;
    padding: 15px 50px;
  }
}
.recommended-index .container .list .item div.paragraph {
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .recommended-index .container .list .item div.paragraph {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .recommended-index .container .list .item div.paragraph {
    margin-bottom: 15px;
  }
}
.recommended-index .container .list .item div.paragraph::before, .recommended-index .container .list .item div.paragraph::after {
  content: "";
  position: absolute;
  width: 27px;
  height: 22px;
}
.recommended-index .container .list .item div.paragraph::before {
  background: url("../images/bf-item-recommended.webp") no-repeat center;
  background-size: 100%;
  top: 0;
  right: calc(100% + 5px);
}
.recommended-index .container .list .item div.paragraph::after {
  background: url("../images/bf-item-recommended1.webp") no-repeat center;
  background-size: 100%;
  bottom: -5px;
  left: calc(100% + 5px);
}
.recommended-index .container .list .list-img {
  width: 33.3333333333%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 1024px) {
  .recommended-index .container .list .list-img {
    width: 100%;
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .recommended-index .container .list .list-img {
    flex-wrap: wrap;
  }
}
.recommended-index .container .list .list-img .item-img {
  width: calc((100% - 10px) / 2);
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 35px;
}
@media (max-width: 1024px) {
  .recommended-index .container .list .list-img .item-img {
    width: calc((100% - 20px) / 3);
    aspect-ratio: 2/1;
  }
}
@media (max-width: 767px) {
  .recommended-index .container .list .list-img .item-img {
    width: calc((100% - 20px) / 3);
    aspect-ratio: 2/1;
    padding: 15px;
  }
}
.recommended-index .container .list .list-img .item-img .img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recommended-index .container .list .list-img .item-img .img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.recommended-index .container .list .list-img .item-img:nth-child(1) {
  width: 100%;
}
@media (max-width: 1024px) {
  .recommended-index .container .list .list-img .item-img:nth-child(1) {
    width: calc((100% - 20px) / 3);
  }
}
.recommended-index .container .list .list-img .item-img:nth-child(1) .img {
  aspect-ratio: 288/73;
}
@media (max-width: 767px) {
  .recommended-index .container .list .list-img .item-img:nth-child(1) .img {
    aspect-ratio: initial;
  }
}
.recommended-index .container .list .list-img .item-img:nth-child(2) .img {
  aspect-ratio: 97/111;
}
@media (max-width: 1024px) {
  .recommended-index .container .list .list-img .item-img:nth-child(2) .img {
    aspect-ratio: initial;
  }
}
.recommended-index .container .list .list-img .item-img:nth-child(3) .img {
  aspect-ratio: 84/92;
}
@media (max-width: 1024px) {
  .recommended-index .container .list .list-img .item-img:nth-child(3) .img {
    aspect-ratio: initial;
  }
}

.staff-index .container .title-para {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .staff-index .container .title-para {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .staff-index .container .title-para {
    margin-bottom: 15px;
  }
}

.description {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.description div, .description p {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.description div font, .description p font {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.description font {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}

.title {
  color: #1A2A54;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title);
  font-weight: 700;
  text-transform: uppercase;
}
.title a, .title p, .title div {
  color: #1A2A54;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title);
  font-weight: 700;
  text-transform: uppercase;
}
.title a font, .title p font, .title div font {
  color: #1A2A54;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title);
  font-weight: 700;
  text-transform: uppercase;
}
.title font {
  color: #1A2A54;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title);
  font-weight: 700;
  text-transform: uppercase;
}

.flex-btn {
  display: flex;
  gap: 15px;
}
.flex-btn.center {
  justify-content: center;
}
.flex-btn.end {
  justify-content: end;
}
.flex-btn .detail {
  padding: 0 25px;
  height: 43px;
  border-radius: 6px;
  border: 1px solid #1A2A54;
  background: #1A2A54;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 700px) {
  .flex-btn .detail {
    height: 35px;
    padding: 0 10px;
  }
}
.flex-btn .detail:hover {
  border: 1px solid #1A2A54;
  background: #fff;
}
.flex-btn .detail:hover span {
  color: #1A2A54;
}
.flex-btn .detail:hover span svg path {
  fill: #1A2A54;
}
.flex-btn .detail span {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 700px) {
  .flex-btn .detail span {
    font-weight: 400;
    font-size: var(--fs-text-min);
  }
}
.flex-btn .detail span font {
  color: #FFF;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
}
@media (max-width: 700px) {
  .flex-btn .detail span font {
    font-weight: 400;
    font-size: var(--fs-text-min);
  }
}
.flex-btn .detail.reserve {
  background: #fff;
  color: #1A2A54;
}
.flex-btn .detail.reserve span {
  color: #1A2A54;
}
.flex-btn .detail.reserve:hover {
  background: #1A2A54;
}
.flex-btn .detail.reserve:hover span {
  color: #fff;
}
.flex-btn .detail.reserve:hover span svg path {
  fill: #fff;
}

.img:hover img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}
.img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.icon:hover img {
  transform: rotateY(360deg);
  transition: transform 0.5s linear;
}
.icon img {
  transition: transform 0.5s linear;
}

.about-index {
  padding-top: var(--pad-section);
}
.about-index .container {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--pad-section);
}
@media (max-width: 700px) {
  .about-index .container {
    flex-direction: column;
  }
}
.about-index .container .left-side {
  width: calc(60.7% - var(--pad-section));
}
@media (max-width: 700px) {
  .about-index .container .left-side {
    width: 100%;
  }
}
.about-index .container .left-side .flex-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
@media (max-width: 700px) {
  .about-index .container .left-side .flex-name {
    justify-content: center;
  }
}
.about-index .container .left-side .flex-adv-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 70px;
  row-gap: 50px;
  margin-top: 70px;
}
@media (max-width: 700px) {
  .about-index .container .left-side .flex-adv-item {
    gap: 15px;
    row-gap: 15px;
    margin-top: 15px;
  }
}
.about-index .container .left-side .flex-adv-item .item {
  width: calc((100% - 70px) / 2);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
}
@media (max-width: 700px) {
  .about-index .container .left-side .flex-adv-item .item {
    width: 100%;
  }
}
.about-index .container .left-side .flex-adv-item .item .icon {
  aspect-ratio: 1/1;
  width: 52px;
  height: 52px;
}
.about-index .container .left-side .flex-adv-item .item .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.about-index .container .left-side .flex-adv-item .item .text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.about-index .container .left-side .flex-adv-item .item .text .title-function {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title-blog);
  font-weight: 700;
}
.about-index .container .left-side .flex-adv-item .item .text .title-function font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title-blog);
  font-weight: 700;
}
.about-index .container .left-side .flex-adv-item .item .text .paragraph {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.about-index .container .left-side .flex-adv-item .item .text .paragraph div, .about-index .container .left-side .flex-adv-item .item .text .paragraph p {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.about-index .container .left-side .flex-adv-item .item .text .paragraph div font, .about-index .container .left-side .flex-adv-item .item .text .paragraph p font {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.about-index .container .left-side .flex-adv-item .item .text .paragraph font {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 700px) {
  .about-index .container .left-side .flex-btn {
    justify-content: center;
  }
}
.about-index .container .right-side {
  width: 39.3%;
}
@media (max-width: 700px) {
  .about-index .container .right-side {
    width: 100%;
  }
}
.about-index .container .right-side .img {
  aspect-ratio: 538/643;
  border-radius: 16px;
  border: 10px solid #FFFEFE;
}
@media (max-width: 700px) {
  .about-index .container .right-side .img {
    border: none;
  }
}
.about-index .container .right-side .img:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
.about-index .container .right-side .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}

.visa-index {
  position: relative;
  padding: var(--pad-section) 0;
  width: 100%;
  height: 100%;
  background: url(../images/visa-go-travel.png) no-repeat;
  background-size: cover;
}
@media (max-width: 700px) {
  .visa-index {
    background-size: 100%;
    background-position: bottom;
  }
}
.visa-index:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 497px;
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
  top: 0;
  left: 0;
}
.visa-index .container {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  gap: var(--pad-section);
  position: relative;
  z-index: 2;
}
@media (max-width: 700px) {
  .visa-index .container {
    flex-direction: column;
  }
}
.visa-index .container .left-side {
  width: calc(51.5% - var(--pad-section));
}
@media (max-width: 700px) {
  .visa-index .container .left-side {
    width: 100%;
  }
}
.visa-index .container .left-side .flex-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
@media (max-width: 700px) {
  .visa-index .container .left-side .flex-name {
    justify-content: center;
  }
}
.visa-index .container .left-side .flex-visa-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 70px;
  row-gap: 50px;
  margin-top: 70px;
}
@media (max-width: 700px) {
  .visa-index .container .left-side .flex-visa-item {
    gap: 15px;
    row-gap: 15px;
    margin-top: 15px;
  }
}
.visa-index .container .left-side .flex-visa-item .item {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
}
.visa-index .container .left-side .flex-visa-item .item .icon {
  aspect-ratio: 1/1;
  width: 81px;
  height: 81px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #E2BC78, #FBAB04);
  border-radius: 50%;
}
@media (max-width: 700px) {
  .visa-index .container .left-side .flex-visa-item .item .icon {
    width: 60px;
    height: 60px;
  }
}
.visa-index .container .left-side .flex-visa-item .item .icon:hover img {
  transform: rotateY(360deg);
  transition: all 0.5s linear;
}
.visa-index .container .left-side .flex-visa-item .item .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
  transition: all 0.5s linear;
}
.visa-index .container .left-side .flex-visa-item .item .text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.visa-index .container .left-side .flex-visa-item .item .text .title-function {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title-blog);
  font-weight: 700;
}
.visa-index .container .left-side .flex-visa-item .item .text .title-function font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title-blog);
  font-weight: 700;
}
.visa-index .container .left-side .flex-visa-item .item .text .paragraph {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.visa-index .container .left-side .flex-visa-item .item .text .paragraph div, .visa-index .container .left-side .flex-visa-item .item .text .paragraph p {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.visa-index .container .left-side .flex-visa-item .item .text .paragraph div font, .visa-index .container .left-side .flex-visa-item .item .text .paragraph p font {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.visa-index .container .left-side .flex-visa-item .item .text .paragraph font {
  color: #333;
  text-align: justify;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 700px) {
  .visa-index .container .left-side .flex-btn {
    justify-content: center;
  }
}
.visa-index .container .right-side {
  width: 48.5%;
}
.visa-index .container .right-side .img {
  aspect-ratio: 166/163;
  overflow: visible;
}
.visa-index .container .right-side .img:hover img {
  transform: scale(1.1);
  transition: all 0.3s ease;
}
.visa-index .container .right-side .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}

.blog-index .container > .big-title {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .blog-index .container > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog-index .container > .big-title {
    margin-bottom: 15px;
  }
}
.blog-index .container .list {
  display: flex;
  align-items: stretch;
  gap: 20px;
}
.blog-index .container .list .left {
  width: 50%;
}
@media (max-width: 767px) {
  .blog-index .container .list .left .item-blog .text .big-title a {
    font-size: 14px;
  }
}
.blog-index .container .list .right {
  width: 50%;
}
.blog-index .container .list .right .item {
  padding: 12.5px 0;
  border-bottom: 1px solid var(--bd-item-blog);
}
.blog-index .container .list .right .item .img {
  margin-bottom: 0;
}
.blog-index .container .list .right .item:first-child {
  padding-top: 0px;
}
.blog-index .container .list .right .item:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
.blog-index .container .list .right .item .text .big-title a {
  font-size: 16px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
@media (max-width: 767px) {
  .blog-index .container .list .right .item .text .big-title a {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .blog-index .container .list {
    gap: 20px;
    flex-direction: column;
  }
  .blog-index .container .list .left, .blog-index .container .list .right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .blog-index .container .list {
    gap: 15px;
  }
}

.contact-index {
  background: url("../images/bg-contact-index.webp") no-repeat center;
  background-size: cover;
  margin-top: -16px;
}
.contact-index .container > .big-title {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .contact-index .container > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .contact-index .container > .big-title {
    margin-bottom: 15px;
  }
}
.contact-index .container form {
  width: 100%;
  column-gap: 35px;
  row-gap: 25px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .contact-index .container form {
    column-gap: 15px;
    row-gap: 15px;
  }
}
.contact-index .container form input,
.contact-index .container form textarea {
  border: 1px solid var(--color-white);
  border-radius: 5px;
  padding: 10px 15px;
  font-size: var(--fs-paragraph);
  color: var(--color-white);
  background-color: rgba(225, 225, 255, 0.2);
  width: 100%;
  height: 45px;
}
@media (max-width: 767px) {
  .contact-index .container form input,
  .contact-index .container form textarea {
    height: 35px;
  }
}
.contact-index .container form input::placeholder,
.contact-index .container form textarea::placeholder {
  font-size: var(--fs-paragraph);
  color: var(--color-white);
}
.contact-index .container form .gr-input {
  width: calc((100% - 70px) / 3);
}
@media (max-width: 767px) {
  .contact-index .container form .gr-input {
    width: 100%;
  }
}
.contact-index .container form .gr-textarea {
  width: 100%;
  display: flex;
  align-items: stretch;
  gap: 35px;
}
@media (max-width: 767px) {
  .contact-index .container form .gr-textarea {
    gap: 15px;
    flex-direction: column;
  }
}
.contact-index .container form .gr-textarea textarea {
  resize: none;
  width: calc(66.6666666667% + 35px);
  aspect-ratio: 802/145;
  height: initial;
}
@media (max-width: 767px) {
  .contact-index .container form .gr-textarea textarea {
    width: 100%;
    aspect-ratio: 302/145;
  }
}
.contact-index .container form .gr-textarea .capcha-submit {
  width: 33.3333333333%;
}
@media (max-width: 767px) {
  .contact-index .container form .gr-textarea .capcha-submit {
    width: 100%;
  }
}
.contact-index .container form .gr-textarea .capcha-submit .capcha {
  width: 100%;
  aspect-ratio: 382/75;
  border-radius: 5px;
  margin-bottom: 25px;
  background-color: var(--color-white);
}
@media (max-width: 991px) {
  .contact-index .container form .gr-textarea .capcha-submit .capcha {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .contact-index .container form .gr-textarea .capcha-submit .capcha {
    margin-bottom: 15px;
  }
}
.contact-index .container form .gr-textarea .capcha-submit button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 47px;
  font-size: var(--fs-submit);
  font-weight: 700;
  cursor: pointer;
  background-color: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: 5px;
  color: var(--color-main);
  text-transform: uppercase;
}
.contact-index .container form .gr-textarea .capcha-submit button font {
  color: var(--color-main);
}
@media (max-width: 767px) {
  .contact-index .container form .gr-textarea .capcha-submit button {
    height: 35px;
  }
}
.contact-index .container form .gr-textarea .capcha-submit button:hover {
  background-color: rgba(225, 225, 255, 0.2);
  color: var(--color-white);
}
.contact-index .container form .gr-textarea .capcha-submit button:hover font {
  color: var(--color-white);
}
.contact-index.index {
  margin-top: 0;
}

.path .container {
  display: flex;
  gap: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .path .container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .path .container {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .path .container {
    gap: 10px;
  }
}
.path .container a,
.path .container p {
  font-size: var(--fs-path);
}
.path .container a:hover,
.path .container p:hover {
  color: #1A2A54;
}
.path .container .icon svg {
  fill: var(--color-path);
}
.path .container p {
  color: #1A2A54;
}
.path .container p font {
  color: #1A2A54;
}

.form-contact {
  width: 100%;
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: var(--mg-20);
}
.form-contact > p {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 20px;
  width: 100%;
}
@media (max-width: 700px) {
  .form-contact > p {
    margin-bottom: 0;
  }
}
.form-contact .gr-input,
.form-contact .gr-textarea {
  display: flex;
  align-items: center;
  width: 100%;
}
.form-contact .gr-input.gr-half,
.form-contact .gr-textarea.gr-half {
  width: calc((100% - var(--mg-20)) / 2);
}
.form-contact .gr-input p,
.form-contact .gr-textarea p {
  width: 90px;
}
.form-contact .gr-input p b,
.form-contact .gr-textarea p b {
  font-weight: 400;
  font-size: var(--fs-paragraph);
  color: var(--color-important);
}
.form-contact .gr-input p b font,
.form-contact .gr-textarea p b font {
  color: var(--color-important);
}
.form-contact .gr-input > input,
.form-contact .gr-input > textarea,
.form-contact .gr-input .select-input,
.form-contact .gr-textarea > input,
.form-contact .gr-textarea > textarea,
.form-contact .gr-textarea .select-input {
  width: 100%;
}
.form-contact .gr-input input,
.form-contact .gr-input select,
.form-contact .gr-textarea input,
.form-contact .gr-textarea select {
  height: 50px;
}
.form-contact .gr-input input,
.form-contact .gr-input select,
.form-contact .gr-input textarea,
.form-contact .gr-textarea input,
.form-contact .gr-textarea select,
.form-contact .gr-textarea textarea {
  padding: 10px 15px;
  font-size: var(--fs-paragraph);
  color: #333333;
  border-radius: 6px;
  border: 1px solid #D3D3D3;
  background: #FFF;
}
.form-contact .gr-input input::placeholder,
.form-contact .gr-input select::placeholder,
.form-contact .gr-input textarea::placeholder,
.form-contact .gr-textarea input::placeholder,
.form-contact .gr-textarea select::placeholder,
.form-contact .gr-textarea textarea::placeholder {
  font-size: var(--fs-paragraph);
  color: var(--color-placeholder1);
}
.form-contact .gr-input textarea,
.form-contact .gr-textarea textarea {
  aspect-ratio: 487/117;
  resize: none;
}
@media (max-width: 700px) {
  .form-contact .gr-input textarea,
  .form-contact .gr-textarea textarea {
    aspect-ratio: 487/200;
  }
}
.form-contact .gr-input .select-input,
.form-contact .gr-textarea .select-input {
  display: flex;
  align-items: stretch;
}
.form-contact .gr-input .select-input select,
.form-contact .gr-textarea .select-input select {
  width: 75px;
  color: var(--color-placeholder1);
  border-right: none;
}
.form-contact .gr-input .select-input input,
.form-contact .gr-textarea .select-input input {
  width: calc(100% - 75px);
}
.form-contact .gr-textarea {
  align-items: flex-start;
}
.form-contact .gr-textarea p {
  margin-top: 10px;
}
.form-contact .flex-btn {
  width: 100%;
}
@media (max-width: 700px) {
  .form-contact .flex-btn {
    gap: 0;
    flex-direction: column;
  }
}
.form-contact button {
  height: 43px;
  background-color: #1A2A54;
  border-radius: 5px;
  font-size: var(--fs-more);
  font-weight: 700;
  color: var(--color-white);
  text-transform: uppercase;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #1A2A54;
  gap: 10px;
}
.form-contact button font {
  color: var(--color-white);
}
.form-contact button:hover {
  background-color: unset;
  color: #1A2A54;
}
.form-contact button:hover font {
  color: #1A2A54;
}
.form-contact button:hover svg path {
  fill: #1A2A54;
}
.form-contact.form-contact-right {
  padding: var(--mg-30) var(--mg-20);
  border-radius: 16px;
  background: #F4F4F4;
  margin-bottom: var(--mg-30);
}
.form-contact.form-contact-right > p {
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1.4;
  text-align: center;
}
.form-contact.form-contact-right .flex-btn {
  width: 100%;
  flex-direction: column;
}
.form-contact.form-contact-right .flex-btn .call-free {
  margin-top: 0;
}

.contact {
  padding-top: 0;
}
.contact .container > .big-title {
  margin-bottom: var(--mg-35);
}
.contact .container .content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: var(--mg-35);
}
@media (max-width: 700px) {
  .contact .container .content {
    padding-top: 15px;
  }
}
.contact .container .content .left {
  width: 100%;
  display: flex;
  gap: var(--mg-35);
}
@media (max-width: 700px) {
  .contact .container .content .left {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.contact .container .content .left .top {
  width: 40%;
  background-image: url(../images/pattern-contact.svg);
  background-repeat: no-repeat;
  background-position: 151% 100%;
  border-radius: 34px;
  padding: var(--mg-30) var(--mg-40);
  background-color: #1A2A54;
}
@media (max-width: 700px) {
  .contact .container .content .left .top {
    width: 100%;
    padding: 15px;
    border-radius: 16px;
  }
}
.contact .container .content .left .top .logo-contact {
  display: flex;
  gap: 10px;
  margin-bottom: var(--mg-20);
}
.contact .container .content .left .top .logo-contact a {
  display: block;
}
.contact .container .content .left .top .logo-contact a img {
  display: block;
}
.contact .container .content .left .top > .big-title {
  margin-bottom: var(--mg-20);
  color: #F7D49A;
}
.contact .container .content .left .top .paragraph .item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.contact .container .content .left .top .paragraph .item .icon {
  width: 25px;
  height: 25px;
}
.contact .container .content .left .top .paragraph .item .icon svg {
  fill: var(--color-main);
}
.contact .container .content .left .top .paragraph .item p {
  width: calc(100% - 25px);
  padding-left: 15px;
  color: #fff;
}
.contact .container .content .left .top .paragraph .item p a {
  color: #fff;
}
.contact .container .content .left .top .paragraph .item:last-child {
  margin-bottom: 0;
}
.contact .container .content .left .social-contact {
  margin-top: var(--mg-30);
}
.contact .container .content .left .social-contact > .big-title {
  margin-bottom: 15px;
  color: #fff;
  text-transform: initial;
}
.contact .container .content .left .social-contact .list {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .contact .container .content .left .social-contact .list {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .contact .container .content .left .social-contact .list {
    margin-bottom: 15px;
  }
}
.contact .container .content .left .social-contact .list .item {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact .container .content .left .social-contact .list .item svg {
  fill: var(--color-main);
}
.contact .container .content .left .social-contact .list .item:hover {
  background-color: #F7D49A;
}
.contact .container .content .left .social-contact .list .item:hover svg path {
  fill: var(--color-white);
}
.contact .container .content .left .bot {
  width: calc(60% - var(--mg-35));
  border-radius: 34px;
  background: #F2F2F2;
  padding: 50px 40px;
}
@media (max-width: 700px) {
  .contact .container .content .left .bot {
    padding: 15px;
    border-radius: 16px;
  }
}
.contact .container .content .right {
  width: 100%;
}
.contact .container .content .right > .big-title {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .contact .container .content .right > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .contact .container .content .right > .big-title {
    margin-bottom: 15px;
  }
}
.contact .container .content .right .map {
  width: 100%;
  aspect-ratio: 1368/501;
  border-radius: 34px;
  overflow: hidden;
}
@media (max-width: 700px) {
  .contact .container .content .right .map {
    aspect-ratio: 1;
  }
}
.contact .container .content .right .map iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .contact .container .content {
    gap: 20px;
    flex-direction: column;
  }
  .contact .container .content .left, .contact .container .content .right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .contact .container .content {
    gap: 15px;
  }
}

.about {
  padding-top: 0;
  margin-top: -10px;
}
.about .container > .big-title {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .about .container > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .about .container > .big-title {
    margin-bottom: 15px;
  }
}
.about .container .type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  background-color: var(--bg-type-about);
  border-radius: 5px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .about .container .type {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .about .container .type {
    margin-bottom: 15px;
  }
}
@media (max-width: 1024px) {
  .about .container .type {
    overflow-x: auto;
  }
}
.about .container .type .item {
  height: 33px;
  padding: 0 15px;
  font-size: var(--fs-paragraph);
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
}
.about .container .type .item:hover, .about .container .type .item.active {
  background-color: var(--color-main);
  color: var(--color-white);
}
.about .container .type .item:hover font, .about .container .type .item.active font {
  color: var(--color-white);
}
@media (max-width: 1024px) {
  .about .container .type .item {
    white-space: nowrap;
  }
}
.about .container .content {
  padding: 40px 50px 50px 50px;
  background-color: var(--bg-type-about);
}
@media (max-width: 767px) {
  .about .container .content {
    padding: 15px;
  }
}
.about.about1 .container > .paragraph {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .about.about1 .container > .paragraph {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .about.about1 .container > .paragraph {
    margin-bottom: 15px;
  }
}
.about.about1 .container > .slide-staff .owl-carousel .item {
  position: relative;
  padding-bottom: 50px;
}
.about.about1 .container > .slide-staff .owl-carousel .item.active > .big-title {
  color: var(--color-main);
}
.about.about1 .container > .slide-staff .owl-carousel .item.active > .big-title font {
  color: var(--color-main);
}
.about.about1 .container > .slide-staff .owl-carousel .item.active:before {
  content: "";
  position: absolute;
  top: calc(100% - 29px);
  left: 50%;
  transform: translateX(-50%);
  width: 57px;
  height: 29px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background-color: var(--bg-type-about);
}
@media (max-width: 767px) {
  .about.about1 .container > .slide-staff .owl-carousel .item.active:before {
    top: 100%;
  }
}
.about.about1 .container > .content {
  display: none;
}
.about.about1 .container > .content > .item {
  display: none;
}
.about.about1 .container > .content > .item .title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 100px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--color-dot);
}
@media (max-width: 991px) {
  .about.about1 .container > .content > .item .title {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .about.about1 .container > .content > .item .title {
    padding-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .about.about1 .container > .content > .item .title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .about.about1 .container > .content > .item .title {
    margin-bottom: 15px;
  }
}
.about.about1 .container > .content > .item .title .left p {
  margin-bottom: 10px;
}
.about.about1 .container > .content > .item .title .left p:last-child {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
}
.about.about1 .container > .content > .item .title .icon {
  cursor: pointer;
}
.about.about1 .container > .content > .item .title .icon svg {
  fill: var(--color-main);
}
@media (max-width: 767px) {
  .about.about1 .container > .content > .item .title {
    position: relative;
    gap: 0;
  }
  .about.about1 .container > .content > .item .title .left {
    width: 100%;
    padding-right: 10px;
  }
  .about.about1 .container > .content > .item .title .icon {
    position: absolute;
    top: -10px;
    right: -10px;
  }
}
.about.about1 .container > .content > .item .paragraph p {
  line-height: 1.7;
}
.about.about1 .container > .content > .item.active {
  display: block;
}
.about.about1 .container > .content.active {
  display: block;
}

.tour {
  padding-top: 10px;
}
@media (max-width: 1024px) {
  .tour {
    padding-top: 0;
  }
}
.tour .container > .paragraph {
  margin-bottom: 15px;
}
.tour .container > .paragraph.less {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.tour .container > .btn-more,
.tour .container > .btn-less {
  margin-bottom: 25px;
  display: none;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
@media (max-width: 991px) {
  .tour .container > .btn-more,
  .tour .container > .btn-less {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour .container > .btn-more,
  .tour .container > .btn-less {
    margin-bottom: 15px;
  }
}
.tour .container > .btn-more p,
.tour .container > .btn-less p {
  color: #1A2A54;
}
.tour .container > .btn-more p font,
.tour .container > .btn-less p font {
  color: #1A2A54;
}
.tour .container > .btn-more .icon,
.tour .container > .btn-less .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tour .container > .btn-more .icon svg,
.tour .container > .btn-less .icon svg {
  fill: #1A2A54;
}
.tour .container > .btn-more.active,
.tour .container > .btn-less.active {
  display: flex;
}
.tour .container .content {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}
@media (max-width: 1024px) {
  .tour .container .content {
    gap: 20px;
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .tour .container .content {
    gap: 15px;
  }
}
.tour .container .content .left {
  width: 300px;
}
@media (max-width: 1024px) {
  .tour .container .content .left {
    width: 100%;
  }
}
.tour .container .content .left .filter {
  width: 100%;
}
.tour .container .content .left .filter .btn-down {
  transform: translateY(-50%) rotate(-180deg);
  transition: 0.3s all linear;
}
.tour .container .content .left .filter .btn-down.active {
  transform: translateY(-50%) rotate(0);
  transition: 0.3s all linear;
}
.tour .container .content .left .filter .title {
  cursor: pointer;
}
.tour .container .content .left .filter .title > p {
  font-size: var(--fs-filter);
  font-weight: 400;
  color: #333333;
  text-transform: initial;
}
.tour .container .content .left .filter .name {
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 15px;
  gap: 10px;
  height: 42px;
  background-color: #1A2A54;
  border-radius: 7px;
  border: 1px solid #1A2A54;
  cursor: pointer;
  color: var(--color-white);
  font-weight: 700;
  font-size: var(--fs-filter);
  text-transform: uppercase;
}
.tour .container .content .left .filter .name font {
  color: var(--color-white);
}
.tour .container .content .left .filter .name .icon svg {
  fill: var(--color-white);
}
.tour .container .content .left .filter .select-form {
  width: 100%;
  margin-bottom: 10px;
  background-color: #F6F6F6;
  border-radius: 7px;
  border: 1px solid var(--bd-item-tour);
  padding: 9.5px 15px;
}
.tour .container .content .left .filter .select-form .title {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.tour .container .content .left .filter .select-form .title .icon.btn-down {
  position: absolute;
  top: 50%;
  right: 0;
}
.tour .container .content .left .filter .select-form .text {
  display: none;
}
.tour .container .content .left .filter .select-form .text .item-sort {
  font-size: var(--fs-paragraph);
  padding: 7.5px 0 7.5px 35px;
  text-align: left;
  background: #F6F6F6;
  cursor: pointer;
}
.tour .container .content .left .filter .select-form .text .item-sort.selected {
  color: var(--color-main);
}
.tour .container .content .left .filter .select-form .text .item-sort.selected font {
  color: var(--color-main);
}
.tour .container .content .left .filter .attr-price {
  margin-top: 15px;
}
.tour .container .content .left .filter .attr-price .theme-green .back-bar {
  height: 7px;
  background: #b1b1b1;
}
.tour .container .content .left .filter .attr-price .theme-green .back-bar .selected-bar {
  background: #FBAB04 !important;
  z-index: 10;
}
.tour .container .content .left .filter .attr-price .theme-green .back-bar .clickable-dummy {
  background: #b1b1b1;
  border-radius: 4px;
  overflow: hidden;
}
.tour .container .content .left .filter .attr-price .theme-green .back-bar .pointer-label {
  display: none;
}
.tour .container .content .left .filter .attr-price .slider-container {
  margin-left: 10px;
}
.tour .container .content .left .filter .attr-price .theme-green .back-bar .pointer {
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid var(--color-main) !important;
  border: none;
  z-index: 11;
  top: -6px;
}
.tour .container .content .left .filter .from-jranger {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tour .container .content .left .filter .from-jranger label {
  font-size: var(--fs-paragraph);
}
.tour .container .content .left .filter .from-jranger input {
  height: 15px;
  font-size: 14px;
  color: #000;
  text-align: right;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.tour .container .content .left .filter .from-jranger > span {
  display: flex;
  align-items: center;
  width: calc(100% - 190px);
  justify-content: center;
}
.tour .container .content .left .filter .from-jranger .form-group {
  position: relative;
  margin: 0;
  width: 50%;
  display: flex;
  align-items: center;
  line-height: 1;
}
.tour .container .content .left .filter .from-jranger .form-group:nth-of-type(1) label {
  width: initial;
  font-weight: 400;
}
.tour .container .content .left .filter .from-jranger .form-group:nth-of-type(1) input {
  width: inherit;
  text-align: left;
  padding-left: 0;
}
.tour .container .content .left .filter .from-jranger .form-group:nth-of-type(2) {
  justify-content: end;
  right: -5px;
}
.tour .container .content .left .filter .from-jranger .form-group:nth-of-type(2) label {
  width: 10px;
}
.tour .container .content .left .filter .from-jranger .form-group:nth-of-type(2) input {
  width: inherit;
  text-align: left;
  padding-left: 0;
}
.tour .container .content .left .filter .from-jranger.length .form-group:nth-of-type(1) {
  margin-left: -10px;
}
.tour .container .content .left .filter .from-jranger.length .form-group:nth-of-type(1) label {
  font-weight: 400;
}
.tour .container .content .left .filter .from-jranger.length .form-group:nth-of-type(1) label:nth-of-type(1) {
  width: 34px;
}
.tour .container .content .left .filter .from-jranger.length .form-group:nth-of-type(1) label:nth-of-type(2) {
  width: 40px;
  font-weight: 400;
}
.tour .container .content .left .filter .from-jranger.length .form-group:nth-of-type(1) input {
  width: calc(100% - 100px);
  text-align: right;
  padding-left: 0;
  font-size: 14px;
  line-height: 1;
}
.tour .container .content .left .filter .from-jranger.length .form-group:nth-of-type(2) {
  justify-content: end;
  right: -5px;
}
.tour .container .content .left .filter .from-jranger.length .form-group:nth-of-type(2) label {
  width: 34px;
}
.tour .container .content .left .filter .from-jranger.length .form-group:nth-of-type(2) input {
  width: calc(100% - 80px);
  text-align: right;
  padding-left: 0;
}
.tour .container .content .left .filter .list-filter {
  background-color: #F6F6F6;
  border-radius: 7px;
  border: 1px solid #dddddd;
  padding: 25px 15px;
}
.tour .container .content .left .filter .list-filter .item {
  padding-bottom: 25px;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .tour .container .content .left .filter .list-filter .item {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour .container .content .left .filter .list-filter .item {
    padding-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .tour .container .content .left .filter .list-filter .item {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour .container .content .left .filter .list-filter .item {
    margin-bottom: 15px;
  }
}
.tour .container .content .left .filter .list-filter .item h3 {
  font-size: var(--fs-text);
}
.tour .container .content .left .filter .list-filter .item:first-child {
  border-bottom: 1px solid var(--bd-item-tour);
}
.tour .container .content .left .filter .list-filter .item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.tour .container .content .left .filter .list-filter .item .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tour .container .content .left .filter .list-filter .item .title p {
  font-size: var(--fs-filter);
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .tour .container .content .left .filter .list-filter .item .title .icon {
    margin-top: 9px;
    position: relative;
  }
}
.tour .container .content .left .filter .list-filter .item .title .icon svg {
  fill: #333333;
}
.tour .container .content .left .filter .list-filter .item ul {
  margin-top: 15px;
  margin-bottom: 0;
}
.tour .container .content .left .filter .list-filter .item ul .checkbox {
  margin-bottom: 15px;
}
.tour .container .content .left .filter .list-filter .item ul .checkbox:last-child {
  margin-bottom: 0;
}
.tour .container .content .left .filter .list-filter .item ul .checkbox label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.tour .container .content .left .filter .list-filter .item ul .checkbox label span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-white);
  width: 19px;
  height: 19px;
  border-radius: 3px;
  border: 1px solid var(--bd-item-tour);
}
.tour .container .content .left .filter .list-filter .item ul .checkbox label span svg {
  display: none;
  fill: var(--color-main);
}
.tour .container .content .left .filter .list-filter .item ul .checkbox input:checked ~ label span svg {
  display: block;
}
.tour .container .content .left .filter .list-filter .item .btn-more, .tour .container .content .left .filter .list-filter .item .btn-less {
  color: #1A2A54;
}
.tour .container .content .right {
  width: calc(100% - 325px);
}
@media (max-width: 1024px) {
  .tour .container .content .right {
    width: 100%;
  }
}
.tour .container .content .right .type {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--mg-20);
  overflow-x: auto;
  padding-bottom: 0;
}
.tour .container .content .right .type .item {
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F6F6F6;
  border-radius: 5px;
  border: 1px solid #F6F6F6;
  font-size: var(--fs-paragraph);
  cursor: pointer;
  font-weight: 700;
  white-space: nowrap;
  padding: 0 var(--mg-20);
  text-transform: uppercase;
}
.tour .container .content .right .type .item:hover {
  background-color: transparent;
  border: 1px solid #1A2A54;
  color: #1A2A54;
}
.tour .container .content .right .type .item:hover font {
  color: #1A2A54;
}
.tour .container .content .right .type .item.active {
  background-color: transparent;
  border: 1px solid #1A2A54;
  color: #1A2A54;
}
.tour .container .content .right .type .item.active font {
  color: #1A2A54;
}
.tour .container .content .right .list {
  display: none;
}
.tour .container .content .right .list .item {
  margin-bottom: var(--mg-20);
}
.tour .container .content .right .list .item:last-child {
  margin-bottom: 0;
}
.tour .container .content .right .list.active {
  display: block;
}

.tour-detail {
  padding-top: 10px;
}
@media (max-width: 1024px) {
  .tour-detail {
    padding-top: 0;
  }
}
.tour-detail .container .flex-detail-tour {
  display: flex;
  gap: 30px;
}
@media (max-width: 700px) {
  .tour-detail .container .flex-detail-tour {
    gap: 15px;
    flex-direction: column;
  }
}
.tour-detail .container .flex-detail-tour .left {
  width: calc(100% - 460px);
}
@media (max-width: 700px) {
  .tour-detail .container .flex-detail-tour .left {
    width: 100%;
  }
}
.tour-detail .container .flex-detail-tour .right {
  width: 430px;
}
@media (max-width: 700px) {
  .tour-detail .container .flex-detail-tour .right {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .tour-detail .container {
    display: flex;
    flex-direction: column;
  }
}
.tour-detail .container > .title {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 25px;
  row-gap: 10px;
  flex-wrap: wrap;
}
.tour-detail .container > .title .big-title-tour {
  font-size: var(--fs-title-tour-detail);
  text-transform: initial;
  font-weight: 600;
}
.tour-detail .container > .title > .price {
  margin-bottom: 15px;
  width: 100%;
  color: #333333;
  font-size: var(--fs-text);
  text-transform: initial;
  font-weight: 400;
}
.tour-detail .container > .title > .price font {
  color: #333333;
  font-weight: 400;
}
.tour-detail .container > .title > .price strong {
  font-size: var(--fs-paragraph-bigger);
  color: #FD5A0F;
  font-weight: 700;
}
.tour-detail .container > .title > .price strong font {
  color: #FD5A0F;
  font-weight: 700;
}
.tour-detail .container > .title .star-price-flex {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
  margin-bottom: 15px;
  width: 100%;
}
.tour-detail .container > .title .star-price-flex .rate {
  display: flex;
  align-items: center;
  align-content: start;
  gap: 5px;
  font-size: var(--fs-text);
}
.tour-detail .container > .title .star-price-flex .rate .star {
  height: 15px;
  font-size: var(--fs-text);
}
.tour-detail .container > .title .star-price-flex .rate .star svg {
  fill: var(--color-star);
}
.tour-detail .container > .title .star-price-flex .price {
  margin-bottom: 0;
  width: 100%;
  color: #333333;
  font-size: var(--fs-text);
  text-transform: initial;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.tour-detail .container > .title .star-price-flex .price p {
  font-size: var(--fs-text);
}
.tour-detail .container > .title .star-price-flex .price font {
  color: #333333;
  font-weight: 400;
}
.tour-detail .container > .title .star-price-flex .price strong {
  font-size: var(--fs-paragraph-bigger);
  color: #FD5A0F;
  font-weight: 700;
}
.tour-detail .container > .title .star-price-flex .price strong font {
  color: #FD5A0F;
  font-weight: 700;
}
.tour-detail .container .left .slide .slide-img {
  aspect-ratio: 910/578;
}
@media (max-width: 700px) {
  .tour-detail .container .left .slide .slide-img {
    margin-bottom: 15px;
  }
}
.tour-detail .container .left .slide .slide-img .item {
  width: 100%;
}
.tour-detail .container .left .slide .slide-img .item .img {
  width: 100%;
  aspect-ratio: 910/578;
  border-radius: 15px;
  overflow: hidden;
}
.tour-detail .container .left .slide .slide-img .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tour-detail .container .left .slide .slide-img .owl-prev,
.tour-detail .container .left .slide .slide-img .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.tour-detail .container .left .slide .slide-img .owl-prev:hover,
.tour-detail .container .left .slide .slide-img .owl-next:hover {
  background-color: unset !important;
}
.tour-detail .container .left .slide .slide-img .owl-prev svg,
.tour-detail .container .left .slide .slide-img .owl-next svg {
  fill: var(--color-white);
}
.tour-detail .container .left .slide .slide-img .owl-prev {
  left: 25px;
}
.tour-detail .container .left .slide .slide-img .owl-next {
  right: 25px;
}
@media (max-width: 767px) {
  .tour-detail .container .left .slide .information-tour {
    background-color: var(--bg-tour-detail);
    padding: 15px;
  }
  .tour-detail .container .left .slide .information-tour > .big-title {
    margin-bottom: 15px;
  }
  .tour-detail .container .left .slide .information-tour .paragraph {
    margin-bottom: 15px;
  }
  .tour-detail .container .left .slide .information-tour .price {
    margin-bottom: 15px;
    color: #7c7c7c;
  }
  .tour-detail .container .left .slide .information-tour .price font {
    color: #7c7c7c;
  }
  .tour-detail .container .left .slide .information-tour .price strong {
    font-size: var(--fs-paragraph-bigger);
    color: var(--color-main);
  }
  .tour-detail .container .left .slide .information-tour .price strong font {
    color: var(--color-main);
  }
  .tour-detail .container .left .slide .information-tour .item-infor {
    margin-bottom: 5px;
    display: flex;
    align-items: start;
  }
  .tour-detail .container .left .slide .information-tour .item-infor .icon {
    width: 16px;
    height: 16px;
    margin-top: 2px;
  }
  .tour-detail .container .left .slide .information-tour .item-infor > p {
    width: calc(100% - 16px);
    padding-left: 10px;
  }
  .tour-detail .container .left .slide .information-tour .item-infor .more-departure {
    color: var(--color-main);
    cursor: pointer;
    display: block;
  }
  .tour-detail .container .left .slide .information-tour .item-infor .more-departure font {
    color: var(--color-main);
  }
  .tour-detail .container .left .slide .information-tour .more {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
  }
  .tour-detail .container .left .slide .information-tour .more .icon svg {
    fill: var(--color-white);
  }
}
.tour-detail .container .left .slide .download {
  display: flex;
  align-items: center;
  gap: 70px;
  padding: 13px 25px;
  background-color: #F6F6F6;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.tour-detail .container .left .slide .download .item {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.tour-detail .container .left .slide .download .item .icon svg {
  fill: var(--color-main);
}
.tour-detail .container .left .slide .download .item p,
.tour-detail .container .left .slide .download .item strong {
  color: var(--color-main);
}
.tour-detail .container .left .slide .download .item p font,
.tour-detail .container .left .slide .download .item strong font {
  color: var(--color-main);
}
@media (max-width: 767px) {
  .tour-detail .container .left .slide .download {
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
    padding: 10px 5px;
  }
  .tour-detail .container .left .slide .download .paragraph {
    width: 100%;
    text-align: center;
  }
  .tour-detail .container .left .slide .download .item p,
  .tour-detail .container .left .slide .download .item strong {
    font-size: 12px;
  }
  .tour-detail .container .left .slide .download .item:last-child {
    display: flex;
    justify-content: end;
  }
}
.tour-detail .container .left .type {
  position: sticky;
  top: 64px;
  padding-top: 10px;
  display: flex;
  align-items: center;
  gap: 45px;
  border-bottom: 1px solid var(--bd-type-infor);
  margin-bottom: 40px;
  background: #fff;
  z-index: 20;
}
@media (max-width: 991px) {
  .tour-detail .container .left .type {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .type {
    margin-bottom: 15px;
  }
}
@media (max-width: 1024px) {
  .tour-detail .container .left .type {
    overflow-x: auto;
    gap: 30px;
    top: 93px;
  }
}
@media (max-width: 700px) {
  .tour-detail .container .left .type {
    gap: 15px;
    top: 65px;
  }
}
.tour-detail .container .left .type .item {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  color: #1A2A54;
  font-size: var(--fs-title-feedback);
}
@media (max-width: 700px) {
  .tour-detail .container .left .type .item {
    font-size: var(--fs-text);
    font-weight: 400;
  }
}
.tour-detail .container .left .type .item::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 3px;
  transition: 0.3s all linear;
  background-color: #FD5A0F;
}
.tour-detail .container .left .type .item:hover {
  color: #FD5A0F;
}
.tour-detail .container .left .type .item:hover font {
  color: #FD5A0F;
}
.tour-detail .container .left .type .item.active::before {
  width: 100%;
  height: 4px;
  transition: 0.3s all linear;
}
.tour-detail .container .left .content {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .tour-detail .container .left .content {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content {
    margin-bottom: 15px;
  }
}
.tour-detail .container .left .content .big-title {
  font-size: var(--fs-paragraph-bigger);
  color: #1A2A54;
}
.tour-detail .container .left .content .overview {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .tour-detail .container .left .content .overview {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .overview {
    margin-bottom: 15px;
  }
}
.tour-detail .container .left .content .overview > .big-title {
  margin-bottom: 15px;
}
.tour-detail .container .left .content .cabins {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .tour-detail .container .left .content .cabins {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .cabins {
    margin-bottom: 15px;
  }
}
.tour-detail .container .left .content .cabins > .big-title {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .tour-detail .container .left .content .cabins > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .cabins > .big-title {
    margin-bottom: 15px;
  }
}
.tour-detail .container .left .content .cabins .list .item {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--bd-item-cabin);
}
@media (max-width: 991px) {
  .tour-detail .container .left .content .cabins .list .item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .cabins .list .item {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.tour-detail .container .left .content .cabins .list .item:first-child {
  padding-top: 0;
}
.tour-detail .container .left .content .itinerary {
  margin-bottom: 35px;
}
@media (max-width: 991px) {
  .tour-detail .container .left .content .itinerary {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .itinerary {
    margin-bottom: 15px;
  }
}
.tour-detail .container .left .content .itinerary > .big-title {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .tour-detail .container .left .content .itinerary > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .itinerary > .big-title {
    margin-bottom: 15px;
  }
}
.tour-detail .container .left .content .itinerary > .big-title .ExpandItinerary {
  font-size: var(--fs-paragraph);
  color: #1A2A54;
  text-decoration: underline;
  text-transform: initial;
  float: right;
  cursor: pointer;
  font-weight: 600;
}
.tour-detail .container .left .content .itinerary > .big-title .ExpandItinerary font {
  color: #1A2A54;
}
.tour-detail .container .left .content .itinerary > .big-title .HideItinerary {
  font-size: var(--fs-paragraph);
  color: #1A2A54;
  text-decoration: underline;
  text-transform: initial;
  float: right;
  cursor: pointer;
  font-weight: 600;
  display: none;
}
.tour-detail .container .left .content .itinerary > .big-title .HideItinerary font {
  color: #1A2A54;
}
.tour-detail .container .left .content .itinerary .list {
  padding-left: 60px;
}
.tour-detail .container .left .content .itinerary .list .item {
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--bd-item-cabin);
}
@media (max-width: 991px) {
  .tour-detail .container .left .content .itinerary .list .item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .itinerary .list .item {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.tour-detail .container .left .content .itinerary .list .item::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -38px;
  width: 0px;
  height: 118%;
  border-left: 2px dotted #B9B9B9;
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .itinerary .list .item::before {
    top: 25px;
    height: 100%;
  }
}
.tour-detail .container .left .content .itinerary .list .item > .title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.tour-detail .container .left .content .itinerary .list .item > .title .icon-itinerary {
  position: absolute;
  top: 50%;
  left: -47px;
  transform: translateY(-50%);
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 3px solid #FD5A0F;
}
.tour-detail .container .left .content .itinerary .list .item > .title .icon-itinerary svg {
  display: none;
}
.tour-detail .container .left .content .itinerary .list .item > .title .icon {
  transform: rotate(-180deg);
  transition: 0.3s all linear;
}
.tour-detail .container .left .content .itinerary .list .item > .title .icon.active {
  transform: rotate(0);
  transition: 0.3s all linear;
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .itinerary .list .item > .title .icon {
    display: none;
  }
}
.tour-detail .container .left .content .itinerary .list .item .paragraph {
  padding-top: 20px;
  display: none;
}
.tour-detail .container .left .content .itinerary .list .item:first-child {
  padding-top: 15px;
}
.tour-detail .container .left .content .itinerary .list .item:first-child > .title .icon-itinerary {
  background: #FD5A0F;
}
.tour-detail .container .left .content .itinerary .list .item:last-child {
  border: none;
}
.tour-detail .container .left .content .itinerary .list .item:last-child > .title .icon-itinerary {
  background: #FD5A0F;
}
.tour-detail .container .left .content .itinerary .list .item:last-child::before {
  display: none;
}
.tour-detail .container .left .content .itinerary .list .item:first-child > .title .icon-itinerary, .tour-detail .container .left .content .itinerary .list .item:last-child > .title .icon-itinerary {
  left: -60px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tour-detail .container .left .content .itinerary .list .item:first-child > .title .icon-itinerary svg, .tour-detail .container .left .content .itinerary .list .item:last-child > .title .icon-itinerary svg {
  display: block;
  fill: var(--color-white);
}
.tour-detail .container .left .content .list-note {
  margin-bottom: 35px;
  border-bottom: 1px solid var(--bd-item-cabin);
}
@media (max-width: 991px) {
  .tour-detail .container .left .content .list-note {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .list-note {
    margin-bottom: 15px;
  }
}
.tour-detail .container .left .content .list-note.no-border {
  margin-bottom: 0;
  border-bottom: none;
}
.tour-detail .container .left .content .list-note .item {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .tour-detail .container .left .content .list-note .item {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .list-note .item {
    margin-bottom: 15px;
  }
}
.tour-detail .container .left .content .list-note .item > .big-title {
  margin-bottom: 15px;
}
.tour-detail .container .left .content .list-note .item .paragraph p {
  margin-bottom: 7.5px;
}
.tour-detail .container .left .content .list-note .item .paragraph p svg {
  margin-right: 10px;
  margin-bottom: -3px;
}
.tour-detail .container .left .content .list-note .item.other .paragraph ul li .icon svg {
  fill: var(--color-check);
}
.tour-detail .container .left .content .review {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--bd-item-cabin);
}
@media (max-width: 991px) {
  .tour-detail .container .left .content .review {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .review {
    padding-bottom: 15px;
  }
}
.tour-detail .container .left .content .review > .big-title {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .tour-detail .container .left .content .review > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .review > .big-title {
    margin-bottom: 15px;
  }
}
.tour-detail .container .left .content .review form {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.tour-detail .container .left .content .review form .rate-star {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.tour-detail .container .left .content .review form .rate-star .rate {
  flex-direction: row-reverse;
}
.tour-detail .container .left .content .review form .rate-star .star {
  cursor: pointer;
}
.tour-detail .container .left .content .review form .rate-star .star svg {
  fill: #cbcbcb;
  height: 22px;
}
.tour-detail .container .left .content .review form .rate-star .star:hover ~ .star svg {
  fill: var(--color-star);
}
.tour-detail .container .left .content .review form .rate-star input {
  display: none;
}
.tour-detail .container .left .content .review form .rate-star input:checked ~ label svg {
  fill: var(--color-star);
}
.tour-detail .container .left .content .review form input,
.tour-detail .container .left .content .review form textarea {
  padding: 15px;
  height: 50px;
  border: 1px solid var(--bd-item-cabin);
  border-radius: 5px;
  font-size: var(--fs-paragraph);
  font-family: "Inter", sans-serif;
}
.tour-detail .container .left .content .review form input::placeholder,
.tour-detail .container .left .content .review form textarea::placeholder {
  color: #333333;
  font-family: "Inter", sans-serif;
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .review form input,
  .tour-detail .container .left .content .review form textarea {
    padding: 10px;
  }
}
.tour-detail .container .left .content .review form .gr-input {
  width: 100%;
  display: flex;
  align-items: stretch;
  gap: 15px;
  margin-bottom: 15px;
}
.tour-detail .container .left .content .review form .gr-input input {
  width: 50%;
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .review form .gr-input {
    flex-direction: column;
  }
  .tour-detail .container .left .content .review form .gr-input input {
    width: 100%;
  }
}
.tour-detail .container .left .content .review form .textarea-form {
  width: 100%;
  margin-bottom: 15px;
}
.tour-detail .container .left .content .review form .textarea-form textarea {
  width: 100%;
  aspect-ratio: 879/107;
  resize: none;
  height: 106px;
  display: block;
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .review form .textarea-form textarea {
    aspect-ratio: unset;
    height: 100px;
  }
}
.tour-detail .container .left .content .feedback .item-feedback {
  position: relative;
  padding: var(--mg-20) 0;
  border-top: 1px solid var(--bd-item-cabin);
}
.tour-detail .container .left .content .feedback .item-feedback:first-child {
  border-top: none;
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .feedback .item-feedback {
    padding: 15px 0;
  }
}
.tour-detail .container .left .content .feedback .item-feedback:before {
  content: "";
  width: 40px;
  aspect-ratio: 65/53;
  overflow: hidden;
  background: url(../images/iconfeedback.webp) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 25px;
  right: 0;
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .feedback .item-feedback:before {
    top: 15px;
    width: 30px;
  }
}
.tour-detail .container .left .content .feedback .title {
  display: flex;
  align-items: center;
  align-items: start;
  margin-bottom: 10px;
}
.tour-detail .container .left .content .feedback .title .img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #cbcbcb;
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .feedback .title .img {
    width: 40px;
    height: 40px;
  }
}
.tour-detail .container .left .content .feedback .title .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tour-detail .container .left .content .feedback .title .text {
  width: calc(100% - 62px);
  padding-left: 15px;
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .feedback .title .text {
    width: calc(100% - 40px);
    padding-left: 10px;
  }
}
.tour-detail .container .left .content .feedback .title .text > .big-title {
  margin-bottom: 5px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .feedback .title .text > .big-title {
    font-size: 14px;
  }
}
.tour-detail .container .left .content .feedback .title .text .rate .star {
  font-size: 14px;
}
.tour-detail .container .left .content .feedback .title .text .rate .star svg {
  height: 13px;
}
@media (max-width: 767px) {
  .tour-detail .container .left .content .feedback .title .text .rate .star svg {
    height: 12px;
  }
}
.tour-detail .container .left .content .feedback .code {
  margin-bottom: 5px;
}
.tour-detail .container .left .content .feedback .code strong {
  font-size: 16px;
}
.tour-detail .container .left .content .feedback .code p {
  color: #444444;
  font-size: 14px;
}
.tour-detail .container .left .content .feedback .code p font {
  color: #444444;
}
@media (max-width: 1024px) {
  .tour-detail .container .left {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 991px) {
  .tour-detail .container .left {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) and (max-width: 767px) {
  .tour-detail .container .left {
    margin-bottom: 15px;
  }
}
@media (max-width: 700px) {
  .tour-detail .container .left {
    margin-bottom: 0;
  }
}
.tour-detail .container .right .item {
  padding: var(--mg-30) var(--mg-20);
}
.tour-detail .container .right .item.top {
  height: calc(100% - 24px);
}
.tour-detail .container .right .item.top > .big-title {
  margin-bottom: 15px;
  text-transform: initial;
  font-size: 20px;
  font-weight: 600;
  color: #333333;
}
.tour-detail .container .right .item.top > .big-title.uppercase {
  text-transform: uppercase;
}
.tour-detail .container .right .item.top .rate {
  margin-bottom: 15px;
}
.tour-detail .container .right .item.top .price {
  margin-bottom: 15px;
  color: #333333;
}
.tour-detail .container .right .item.top .price font {
  color: #333333;
}
.tour-detail .container .right .item.top .price strong {
  font-size: var(--fs-paragraph-bigger);
  color: #FD5A0F;
  font-weight: 700;
}
.tour-detail .container .right .item.top .price strong font {
  color: #FD5A0F;
}
.tour-detail .container .right .item.top div.paragraph {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .tour-detail .container .right .item.top div.paragraph {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .right .item.top div.paragraph {
    margin-bottom: 15px;
  }
}
.tour-detail .container .right .item.top div.paragraph .item-infor {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  align-items: start;
}
.tour-detail .container .right .item.top div.paragraph .item-infor:last-child {
  margin-bottom: 0;
}
.tour-detail .container .right .item.top div.paragraph .item-infor .icon {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
.tour-detail .container .right .item.top div.paragraph .item-infor > p,
.tour-detail .container .right .item.top div.paragraph .item-infor .text {
  width: calc(100% - 16px);
  padding-left: 10px;
}
.tour-detail .container .right .item.top div.paragraph .item-infor .more-departure {
  color: var(--color-main);
  cursor: pointer;
}
.tour-detail .container .right .item.top div.paragraph .item-infor .more-departure font {
  color: var(--color-main);
}
.tour-detail .container .right .item.top .more {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.tour-detail .container .right .item.top .more .icon svg {
  fill: var(--color-white);
}
.tour-detail .container .right .item.top .more:hover .icon svg {
  fill: var(--color-main);
}
.tour-detail .container .right .item.bottom .item-function {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}
.tour-detail .container .right .item.bottom .item-function:last-child {
  margin-bottom: 0;
}
.tour-detail .container .right .item.bottom .item-function .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 46px;
}
.tour-detail .container .right .item.bottom .item-function .img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.tour-detail .container .right .item.bottom .item-function .text {
  width: calc(100% - 47px);
  padding-left: 15px;
}
.tour-detail .container .right .item.bottom .item-function .text > .big-title {
  margin-bottom: 10px;
  text-transform: initial;
  font-size: var(--fs-title-feedback);
}
.tour-detail .container .right .item .form-book-hotel .gr-input {
  margin-bottom: 15px;
}
.tour-detail .container .right .item .form-book-hotel .gr-input input {
  width: 100%;
  padding-left: 15px;
  border-radius: 6px;
  border: 1px solid #D6D6D8;
  background: #FFF;
  height: 43px;
  font-size: var(--fs-text);
}
.tour-detail .container .right .item .form-book-hotel .gr-input input::placeholder {
  color: #8B8B8B;
  font-size: var(--fs-text);
}
.tour-detail .container .right .item .form-book-hotel .gr-textarea {
  margin-bottom: 15px;
}
.tour-detail .container .right .item .form-book-hotel .gr-textarea textarea {
  width: 100%;
  height: 157px;
  padding-left: 15px;
  border-radius: 6px;
  border: 1px solid #D6D6D8;
  background: #FFF;
  display: block;
  padding-top: 10px;
}
.tour-detail .container .right .item .form-book-hotel .gr-textarea textarea::placeholder {
  color: #8B8B8B;
  font-size: var(--fs-text);
}
.tour-detail .container .right .item .form-book-hotel .btnSendBookHotel {
  height: 43px;
  font-weight: 700;
  font-size: var(--fs-text);
  border-radius: 6px;
  border: 1px solid #1A2A54;
  background: #1A2A54;
  color: #fff;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.tour-detail .container .right .item .form-book-hotel .btnSendBookHotel:hover {
  background: #fff;
  color: #1A2A54;
}
@media (max-width: 1024px) {
  .tour-detail .container .right {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 20px;
  }
  .tour-detail .container .right .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .tour-detail .container .right {
    flex-direction: column;
    gap: 15px;
  }
  .tour-detail .container .right .item {
    width: 100%;
  }
}

.call-free {
  margin-top: 15px;
  display: flex;
  gap: 10px;
  font-weight: 600;
  justify-content: center;
}
.call-free strong {
  font-weight: 600;
}
.call-free a {
  color: #FD5A0F;
}
.call-free a:hover {
  color: #FBAB04;
}
.call-free span {
  font-weight: 400;
}

.destination {
  padding-top: 10px;
}
@media (max-width: 1024px) {
  .destination {
    padding-top: 0;
  }
}
.destination .container > .big-title {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .destination .container > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .destination .container > .big-title {
    margin-bottom: 15px;
  }
}
.destination .container .list .item {
  margin-bottom: 55px;
}
@media (max-width: 991px) {
  .destination .container .list .item {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .destination .container .list .item {
    margin-bottom: 15px;
  }
}
.destination .container .list .item:last-child {
  margin-bottom: 0;
}

.destination-detail {
  padding-top: 0;
}
.destination-detail .container > .big-title {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .destination-detail .container > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .destination-detail .container > .big-title {
    margin-bottom: 15px;
  }
}
.destination-detail .container .content {
  display: flex;
  align-items: flex-start;
  gap: 80px;
}
.destination-detail .container .content .paragraph {
  width: 66%;
}
.destination-detail .container .content .img {
  width: 34%;
  aspect-ratio: 333/442;
}
.destination-detail .container .content .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.destination-detail.other-page .container .content {
  gap: 55px;
}
.destination-detail.other-page .container .content .paragraph {
  width: 60%;
}
.destination-detail.other-page .container .content .img {
  width: 40%;
  aspect-ratio: 489/492;
}

.book-tour {
  padding-top: 0px;
}
.book-tour .detail-content {
  margin-bottom: 15px;
}
.book-tour .detail-content p, .book-tour .detail-content td {
  font-size: 14px;
}
.book-tour .container > .big-title {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .book-tour .container > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .book-tour .container > .big-title {
    margin-bottom: 15px;
  }
}
.book-tour .container form {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.book-tour .container form button, .book-tour .container form .flex-action {
  margin-top: 10px;
}
.book-tour .flex-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.book-tour .flex-action .cancel-order {
  background: var(--bd-contact);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 37px;
  border-radius: 5px;
  padding: 0 35px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
.book-tour .item-booktour {
  margin-bottom: var(--mg-20);
}
.book-tour .item-booktour .content {
  display: block;
}

.blog {
  padding-top: 0px;
}
.blog .container > .big-title {
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .blog .container > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog .container > .big-title {
    margin-bottom: 15px;
  }
}
.blog .container > .item-blog {
  margin-bottom: 45px;
}
@media (max-width: 991px) {
  .blog .container > .item-blog {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog .container > .item-blog {
    margin-bottom: 15px;
  }
}
.blog .container .list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 40px;
}
.blog .container .list .item {
  width: calc((100% - 80px) / 3);
}

.blog-detail {
  padding-top: 0;
}
.blog-detail .container {
  display: grid;
  grid-template-columns: calc(100% - 430px) 395px;
  gap: 35px;
}
@media (max-width: 767px) {
  .blog-detail .container {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}
.blog-detail .container .left > .big-title {
  margin-bottom: 20px;
  text-transform: initial;
  font-size: var(--fs-title-detailblog);
}
@media (max-width: 991px) {
  .blog-detail .container .left > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog-detail .container .left > .big-title {
    margin-bottom: 15px;
  }
}
.blog-detail .container .left .date {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  gap: 10px;
}
@media (max-width: 991px) {
  .blog-detail .container .left .date {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog-detail .container .left .date {
    margin-bottom: 15px;
  }
}
.blog-detail .container .left .date .icon svg {
  fill: #333333;
}
.blog-detail .container .left .date > .paragraph {
  color: var(--color-date);
}
.blog-detail .container .left .date > .paragraph font {
  color: var(--color-date);
}
.blog-detail .container .left .description {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .blog-detail .container .left .description {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog-detail .container .left .description {
    margin-bottom: 15px;
  }
}
.blog-detail .container .left > .paragraph {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .blog-detail .container .left > .paragraph {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog-detail .container .left > .paragraph {
    margin-bottom: 15px;
  }
}
.blog-detail .container .left .related-blog > .big-title {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .blog-detail .container .left .related-blog > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog-detail .container .left .related-blog > .big-title {
    margin-bottom: 15px;
  }
}
.blog-detail .container .left .related-blog .slide-cruise-tour .owl-prev,
.blog-detail .container .left .related-blog .slide-cruise-tour .owl-next {
  top: calc(41% - 60px);
}
.blog-detail .container .left .related-blog .slide-cruise-tour .owl-prev {
  right: 100%;
}
.blog-detail .container .left .related-blog .slide-cruise-tour .owl-next {
  left: calc(100% - 30px);
}
@media (max-width: 700px) {
  .blog-detail .container .left .related-blog .slide-cruise-tour .owl-next {
    right: 15px;
    left: initial;
  }
}
.blog-detail .container .right .post > .big-title {
  padding-bottom: 0;
  font-size: var(--fs-title-detailblog);
  text-transform: initial;
}
.blog-detail .container .right .post .list .item {
  padding: 10px 0;
}
.blog-detail .container .right .post .list .item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.blog-detail .container .right .slide > .big-title {
  margin-bottom: 15px;
}
.blog-detail .container .right .slide .slide-blog-right .owl-dots {
  margin-top: 0;
  position: absolute;
  right: 0;
  bottom: calc(100% + 25px);
}
.blog-detail .container .right .slide .slide-blog-right .item {
  border-radius: 0;
}
.blog-detail.guide .container .left > .big-title {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .blog-detail.guide .container .left > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog-detail.guide .container .left > .big-title {
    margin-bottom: 15px;
  }
}
.blog-detail.guide .container .left > .paragraph {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .blog-detail.guide .container .left > .paragraph {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog-detail.guide .container .left > .paragraph {
    margin-bottom: 15px;
  }
}
.blog-detail.guide .container .left .list-blog .item {
  align-items: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--bd-contact);
}
@media (max-width: 991px) {
  .blog-detail.guide .container .left .list-blog .item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog-detail.guide .container .left .list-blog .item {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.blog-detail.guide .container .left .list-blog .item:first-child {
  padding-top: 0;
}
.blog-detail.guide .container .left .list-blog .item .text {
  background-color: var(--color-white);
  padding-right: 0;
}

.faqs .list-faqs {
  display: flex;
  flex-direction: column;
  gap: var(--mg-20);
}
.faqs .list-faqs .item-booktour .content {
  display: none;
}

.table-content-top {
  border-radius: 7px;
  border: 1px solid #E0E0E0;
  background: #F8F8F8;
  padding: var(--mg-20);
  margin-bottom: var(--mg-20);
}
.table-content-top .bxindexknh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.table-content-top .bxindexknh .indxtitle {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.table-content-top .bxindexknh .indxtitle .icon {
  width: 33px;
  height: 33px;
  background: #FD5A0F;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 33px;
}
.table-content-top .bxindexknh .indxtitle span {
  font-size: var(--fs-paragraph-bigger);
  font-weight: 700;
  line-height: 1;
}
.table-content-top .bxindexknh .angle {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 10px;
}
.table-content-top .table-of-content h3 {
  font-size: var(--fs-text);
  font-weight: 700;
  padding-bottom: 10px;
  padding-left: 40px;
}
.table-content-top .table-of-content h4 {
  font-size: var(--fs-text-min);
  font-weight: 700;
  padding-bottom: 10px;
  padding-left: 58px;
}
.table-content-top .table-of-content > * {
  cursor: pointer;
}
.table-content-top .table-of-content > *:hover {
  color: #1A2A54;
}
.table-content-top .table-of-content > *:hover span {
  color: #1A2A54;
}
.table-content-top .table-of-content > *:last-child {
  padding-bottom: 0;
}

.form-download, .form-ask, .form-departure {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  border-radius: 15px;
  background-color: var(--color-white);
  padding: 50px 40px 40px 40px;
  width: 100%;
  max-width: 755px;
  display: none;
}
.form-download .icon, .form-ask .icon, .form-departure .icon {
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer;
}
.form-download .icon svg, .form-ask .icon svg, .form-departure .icon svg {
  fill: #333333;
}
.form-download form, .form-download .wrapper, .form-ask form, .form-ask .wrapper, .form-departure form, .form-departure .wrapper {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.form-download form > .big-title, .form-download .wrapper > .big-title, .form-ask form > .big-title, .form-ask .wrapper > .big-title, .form-departure form > .big-title, .form-departure .wrapper > .big-title {
  margin-bottom: 25px;
  width: 100%;
}
@media (max-width: 991px) {
  .form-download form > .big-title, .form-download .wrapper > .big-title, .form-ask form > .big-title, .form-ask .wrapper > .big-title, .form-departure form > .big-title, .form-departure .wrapper > .big-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .form-download form > .big-title, .form-download .wrapper > .big-title, .form-ask form > .big-title, .form-ask .wrapper > .big-title, .form-departure form > .big-title, .form-departure .wrapper > .big-title {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .form-download form > .big-title, .form-download .wrapper > .big-title, .form-ask form > .big-title, .form-ask .wrapper > .big-title, .form-departure form > .big-title, .form-departure .wrapper > .big-title {
    text-align: center;
  }
}
.form-download form > .paragraph, .form-download .wrapper > .paragraph, .form-ask form > .paragraph, .form-ask .wrapper > .paragraph, .form-departure form > .paragraph, .form-departure .wrapper > .paragraph {
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .form-download form > .paragraph, .form-download .wrapper > .paragraph, .form-ask form > .paragraph, .form-ask .wrapper > .paragraph, .form-departure form > .paragraph, .form-departure .wrapper > .paragraph {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .form-download form > .paragraph, .form-download .wrapper > .paragraph, .form-ask form > .paragraph, .form-ask .wrapper > .paragraph, .form-departure form > .paragraph, .form-departure .wrapper > .paragraph {
    margin-bottom: 15px;
  }
}
.form-download form .input-form, .form-download .wrapper .input-form, .form-ask form .input-form, .form-ask .wrapper .input-form, .form-departure form .input-form, .form-departure .wrapper .input-form {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .form-download form .input-form, .form-download .wrapper .input-form, .form-ask form .input-form, .form-ask .wrapper .input-form, .form-departure form .input-form, .form-departure .wrapper .input-form {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .form-download form .input-form, .form-download .wrapper .input-form, .form-ask form .input-form, .form-ask .wrapper .input-form, .form-departure form .input-form, .form-departure .wrapper .input-form {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .form-download form .input-form, .form-download .wrapper .input-form, .form-ask form .input-form, .form-ask .wrapper .input-form, .form-departure form .input-form, .form-departure .wrapper .input-form {
    margin-bottom: 10px;
  }
}
.form-download form .input-form input, .form-download form .input-form select, .form-download form .input-form textarea, .form-download .wrapper .input-form input, .form-download .wrapper .input-form select, .form-download .wrapper .input-form textarea, .form-ask form .input-form input, .form-ask form .input-form select, .form-ask form .input-form textarea, .form-ask .wrapper .input-form input, .form-ask .wrapper .input-form select, .form-ask .wrapper .input-form textarea, .form-departure form .input-form input, .form-departure form .input-form select, .form-departure form .input-form textarea, .form-departure .wrapper .input-form input, .form-departure .wrapper .input-form select, .form-departure .wrapper .input-form textarea {
  width: 50%;
  border-radius: 5px;
  border: 1px solid var(--bd-contact);
  font-size: var(--fs-paragraph);
  padding: 15px 20px;
}
@media (max-width: 767px) {
  .form-download form .input-form input, .form-download form .input-form select, .form-download form .input-form textarea, .form-download .wrapper .input-form input, .form-download .wrapper .input-form select, .form-download .wrapper .input-form textarea, .form-ask form .input-form input, .form-ask form .input-form select, .form-ask form .input-form textarea, .form-ask .wrapper .input-form input, .form-ask .wrapper .input-form select, .form-ask .wrapper .input-form textarea, .form-departure form .input-form input, .form-departure form .input-form select, .form-departure form .input-form textarea, .form-departure .wrapper .input-form input, .form-departure .wrapper .input-form select, .form-departure .wrapper .input-form textarea {
    width: 100%;
    padding: 10px 15px;
  }
}
.form-download form .input-form input::placeholder, .form-download form .input-form select::placeholder, .form-download form .input-form textarea::placeholder, .form-download .wrapper .input-form input::placeholder, .form-download .wrapper .input-form select::placeholder, .form-download .wrapper .input-form textarea::placeholder, .form-ask form .input-form input::placeholder, .form-ask form .input-form select::placeholder, .form-ask form .input-form textarea::placeholder, .form-ask .wrapper .input-form input::placeholder, .form-ask .wrapper .input-form select::placeholder, .form-ask .wrapper .input-form textarea::placeholder, .form-departure form .input-form input::placeholder, .form-departure form .input-form select::placeholder, .form-departure form .input-form textarea::placeholder, .form-departure .wrapper .input-form input::placeholder, .form-departure .wrapper .input-form select::placeholder, .form-departure .wrapper .input-form textarea::placeholder {
  font-size: var(--fs-paragraph);
  color: var(--color-placeholder);
}
@media (max-width: 767px) {
  .form-download form .input-form input, .form-download form .input-form select, .form-download form .input-form textarea, .form-download .wrapper .input-form input, .form-download .wrapper .input-form select, .form-download .wrapper .input-form textarea, .form-ask form .input-form input, .form-ask form .input-form select, .form-ask form .input-form textarea, .form-ask .wrapper .input-form input, .form-ask .wrapper .input-form select, .form-ask .wrapper .input-form textarea, .form-departure form .input-form input, .form-departure form .input-form select, .form-departure form .input-form textarea, .form-departure .wrapper .input-form input, .form-departure .wrapper .input-form select, .form-departure .wrapper .input-form textarea {
    width: 100%;
  }
}
.form-download form .input-form > .paragraph, .form-download .wrapper .input-form > .paragraph, .form-ask form .input-form > .paragraph, .form-ask .wrapper .input-form > .paragraph, .form-departure form .input-form > .paragraph, .form-departure .wrapper .input-form > .paragraph {
  padding: 0 5px;
  position: absolute;
  top: -10px;
  left: 10px;
  background-color: var(--color-white);
}
.form-download.active, .form-ask.active, .form-departure.active {
  display: block;
}
@media (max-width: 1024px) {
  .form-download, .form-ask, .form-departure {
    width: 90%;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .form-download, .form-ask, .form-departure {
    padding: 15px;
    width: calc(100% - 30px);
  }
  .form-download .more.submit-download, .form-ask .more.submit-download, .form-departure .more.submit-download {
    margin: auto;
  }
}

.form-ask {
  max-width: 789px;
  max-height: 85vh;
  overflow-y: auto;
}
.form-ask form .gr-input {
  width: 100%;
  display: flex;
  align-items: stretch;
  gap: 25px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .form-ask form .gr-input {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .form-ask form .gr-input {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .form-ask form .gr-input {
    gap: 5px;
    flex-direction: column;
    margin-bottom: 5px;
  }
}
.form-ask form .gr-input .input-form {
  width: calc((100% - 25px) / 2);
}
@media (max-width: 767px) {
  .form-ask form .gr-input .input-form {
    width: 100%;
  }
}
.form-ask form .gr-input .input-form input, .form-ask form .gr-input .input-form select {
  width: 100%;
}
.form-ask form .gr-input .input-form select {
  color: var(--color-placeholder);
}
.form-ask form .quantity {
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .form-ask form .quantity {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .form-ask form .quantity {
    margin-bottom: 15px;
  }
}
.form-ask form .quantity > .paragraph {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .form-ask form .quantity > .paragraph {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .form-ask form .quantity > .paragraph {
    margin-bottom: 15px;
  }
}
.form-ask form .quantity .item {
  width: calc((100% - 25px) / 2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .form-ask form .quantity .item {
    justify-content: space-between;
    width: 100%;
  }
}
.form-ask form .quantity .item:last-child {
  margin-bottom: 0;
}
.form-ask form .quantity .item .up-down {
  display: flex;
  align-items: center;
}
.form-ask form .quantity .item .up-down input {
  width: 54px;
  text-align: center;
}
.form-ask form .quantity .item .up-down .up, .form-ask form .quantity .item .up-down .down {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .form-ask form .quantity .item .up-down .up, .form-ask form .quantity .item .up-down .down {
    width: 30px;
    height: 30px;
  }
}
.form-ask form .quantity .item .up-down .up::before, .form-ask form .quantity .item .up-down .down::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 2px;
  background-color: #333333;
}
@media (max-width: 767px) {
  .form-ask form .quantity .item .up-down .up::before, .form-ask form .quantity .item .up-down .down::before {
    width: 10px;
    height: 2px;
  }
}
.form-ask form .quantity .item .up-down .up::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 16px;
  background-color: #333333;
}
@media (max-width: 767px) {
  .form-ask form .quantity .item .up-down .up::after {
    width: 2px;
    height: 10px;
  }
}
.form-ask form > .input-form {
  margin-bottom: 15px;
}
.form-ask form > .input-form textarea {
  width: 100%;
  aspect-ratio: 708/131;
  resize: none;
}
@media (max-width: 767px) {
  .form-ask form > .input-form textarea {
    height: 150px;
  }
}

.form-departure {
  max-width: 700px;
  padding: 30px;
}
.form-departure .wrapper > .big-title {
  text-align: center;
}

.load-departure {
  width: 100%;
  max-height: 60vh;
  overflow-y: auto;
}
.load-departure svg {
  width: 40px;
  height: 40px;
  margin-left: calc((100% - 40px) / 2);
}
.load-departure .month {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 10px;
}
.load-departure .month .ic {
  width: 14px;
  height: 14px;
  margin-top: -3px;
}
.load-departure .month strong {
  width: calc(100% - 24px);
  color: var(--color-main);
}
.load-departure .month strong font {
  color: var(--color-main);
}
.load-departure .departure-month {
  margin-bottom: 30px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.load-departure .departure-month .item {
  width: calc((100% - 30px) / 4);
  font-size: 14px;
  padding-left: 15px;
  position: relative;
}
.load-departure .departure-month .item:before {
  content: "";
  width: 7px;
  height: 7px;
  background: var(--color-main);
  border-radius: 5px;
  position: absolute;
  top: 5px;
  left: 0;
}

.error-form {
  width: 100%;
}
.error-form ul li {
  font-size: 14px;
  color: red;
  padding-bottom: 5px;
}
.error-form ul li font {
  color: red;
}

.result-tour {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.result-tour .item-best-tour {
  width: calc((100% - 30px) / 3);
  border: 1px solid var(--bd-item-tour);
}
@media (max-width: 767px) {
  .result-tour .item-best-tour {
    width: 100%;
  }
}

.xdsoft_datetimepicker {
  border: none !important;
}
.xdsoft_datetimepicker .xdsoft_month {
  text-align: center !important;
}

.justify-content-md-center {
  width: 400px;
  margin: auto;
  max-width: 100%;
}

.jconfirm-content > div {
  text-align: center;
  font-size: 20px;
}

.jconfirm-buttons {
  text-align: center !important;
}
.jconfirm-buttons button {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.jconfirm-buttons button:first-child {
  font-weight: 700 !important;
  color: #fff !important;
  background: var(--color-main) !important;
}
.jconfirm-buttons button:first-child font {
  color: #fff !important;
}

.flex-desc-index {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 15px;
}
.flex-desc-index .price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 10px;
}
.flex-desc-index .price span {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.6;
}
.flex-desc-index .price span font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.6;
}
.flex-desc-index .price p strong {
  color: #FD5A0F;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title-place);
  font-weight: 700;
}
.flex-desc-index .price p strong font {
  color: #FD5A0F;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title-place);
  font-weight: 700;
}
.flex-desc-index .flex-destination-index {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.flex-desc-index .flex-destination-index .date-price .date,
.flex-desc-index .flex-destination-index .destination-index {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.flex-desc-index .flex-destination-index .date-price .date .icon,
.flex-desc-index .flex-destination-index .destination-index .icon {
  width: 20px;
  height: 20px;
}

.card-voucher.border {
  border-radius: 16px;
  border: 1px solid #DEDEDE;
}
.card-voucher .img {
  aspect-ratio: 674/428;
  border-radius: 16px;
  position: relative;
  overflow: initial;
}
.card-voucher .img img {
  border-radius: 16px;
}
.card-voucher .img:hover img {
  transform: scale(1);
}
.card-voucher .img .date-voucher {
  display: flex;
  position: absolute;
  bottom: -17.5px;
  height: 35px;
  left: 50%;
  transform: translate(-50%);
  border-radius: 17.5px;
  background: #FFF;
  line-height: 1;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 0px 25px;
}
.card-voucher .img .date-voucher .date {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  color: #979797;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.card-voucher .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-voucher .title-voucher, .card-voucher .description {
  display: block;
}
.card-voucher .infor {
  padding: 45px 30px 35px 30px;
}
@media (max-width: 700px) {
  .card-voucher .infor {
    padding: 15px;
  }
}
.card-voucher .description p, .card-voucher .description div {
  text-align: center;
}
.card-voucher .title-voucher {
  color: #333333;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title-about);
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
}
.card-voucher .title-voucher a {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  min-height: 46px;
}
.card-voucher .title-voucher font {
  color: #333333;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title-about);
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
}

.btn-buy-now {
  width: 100%;
  display: flex;
  gap: 15px;
}
.btn-buy-now .detail {
  width: 100%;
  height: 43px;
  border-radius: 6px;
  border: 1px solid #1A2A54;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-buy-now .detail:hover {
  background: #1A2A54;
}
.btn-buy-now .detail:hover span {
  color: var(--color-white);
}
.btn-buy-now .detail:hover span font {
  color: var(--color-white);
}
.btn-buy-now .detail span {
  color: #1A2A54;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
}
.btn-buy-now .detail span font {
  color: #1A2A54;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 700;
}

.banner-module .item {
  aspect-ratio: 1874/460;
  border-radius: 23px;
}
@media (max-width: 700px) {
  .banner-module .item {
    aspect-ratio: 430/230;
    border-radius: 16px;
  }
}
.banner-module .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 23px;
}
@media (max-width: 700px) {
  .banner-module .item img {
    border-radius: 16px;
  }
}

.card-hotel {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.card-hotel .img {
  aspect-ratio: 286/181;
  border-radius: 16px;
  position: relative;
  margin-bottom: 15px;
}
.card-hotel .img .location-index {
  position: absolute;
  bottom: 15px;
  left: 15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 8px 11px;
}
.card-hotel .img .location-index .icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-hotel .img .location-index .icon svg path {
  stroke: var(--color-white);
}
.card-hotel .img .location-index p {
  color: var(--color-white);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
}
.card-hotel .img .location-index p font {
  color: var(--color-white);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
}
.card-hotel .info .star-price-flex {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  margin-bottom: 15px;
}
.card-hotel .info .star-price-flex .rate .star {
  height: 15px;
}
.card-hotel .info .star-price-flex .price {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.card-hotel .info .star-price-flex .price .icon {
  width: 21px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-hotel .info .star-price-flex .price span {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.card-hotel .info .star-price-flex .price span font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.card-hotel .info .star-price-flex .price p strong {
  color: #FD5A0F;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
}
.card-hotel .info .star-price-flex .price p strong font {
  color: #FD5A0F;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 700;
}
.card-hotel .info .title-hot-hotel {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.card-hotel .info .title-hot-hotel a {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
.card-hotel .info .title-hot-hotel a:hover {
  color: #FBAB04;
}
.card-hotel .info .title-hot-hotel a font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
.card-hotel .info .title-hot-hotel font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}

.hot-hotel {
  background: linear-gradient(to bottom, #fff, #efefef);
  padding-bottom: var(--pad-section);
}
@media (max-width: 700px) {
  .hot-hotel .title {
    text-align: center;
  }
}
.hot-hotel .list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 700px) {
  .hot-hotel .list {
    flex-direction: column;
    gap: 15px;
  }
}
.hot-hotel .list .left-side.big-card {
  width: calc(56.9% - 30px);
}
@media (max-width: 700px) {
  .hot-hotel .list .left-side.big-card {
    width: 100%;
  }
}
.hot-hotel .list .left-side.big-card .card-hotel {
  width: 100%;
}
.hot-hotel .list .left-side.big-card .card-hotel .img {
  aspect-ratio: 739/476;
}
.hot-hotel .list .right-side {
  width: 43.1%;
  display: flex;
  flex-direction: row;
  gap: 25px;
  flex-wrap: wrap;
}
@media (max-width: 700px) {
  .hot-hotel .list .right-side {
    width: 100%;
    gap: 15px;
  }
}
.hot-hotel .list .right-side .card-hotel {
  width: calc((100% - 25px) / 2);
}
@media (max-width: 700px) {
  .hot-hotel .list .right-side .card-hotel {
    width: 100%;
  }
}

.flex-hotel {
  display: flex;
  gap: var(--mg-30);
  flex-wrap: wrap;
}
.flex-hotel.flex-3 > * {
  width: calc((100% - var(--mg-30) * 2) / 3);
}
@media (max-width: 700px) {
  .flex-hotel.flex-3 > * {
    width: 100%;
  }
}

.voucher-sales-index {
  background: #efefef;
  padding-bottom: var(--pad-section);
}

.list-voucher-index {
  padding: 0 25px;
}
@media (max-width: 700px) {
  .list-voucher-index {
    padding: 0 10px;
  }
}
.list-voucher-index .owl-carousel .owl-prev,
.list-voucher-index .owl-carousel .owl-next {
  position: absolute;
  top: 88%;
  transform: translateY(-50%);
  margin: 0;
  width: 60px;
  height: 60px;
  aspect-ratio: 1/1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff !important;
  border: 1px solid transparent;
}
@media (max-width: 700px) {
  .list-voucher-index .owl-carousel .owl-prev,
  .list-voucher-index .owl-carousel .owl-next {
    width: 40px;
    height: 40px;
    top: calc(39% - 30px);
  }
}
.list-voucher-index .owl-carousel .owl-prev:hover,
.list-voucher-index .owl-carousel .owl-next:hover {
  background: var(--color-main1) !important;
  border: 1px solid #fff;
}
.list-voucher-index .owl-carousel .owl-prev:hover svg,
.list-voucher-index .owl-carousel .owl-next:hover svg {
  fill: var(--color-white);
}
.list-voucher-index .owl-carousel .owl-prev:hover svg path,
.list-voucher-index .owl-carousel .owl-next:hover svg path {
  fill: var(--color-white);
}
.list-voucher-index .owl-carousel .owl-prev svg,
.list-voucher-index .owl-carousel .owl-next svg {
  fill: var(--color-main);
}
@media (max-width: 700px) {
  .list-voucher-index .owl-carousel .owl-prev svg,
  .list-voucher-index .owl-carousel .owl-next svg {
    height: 14px;
  }
}
.list-voucher-index .owl-carousel .owl-prev {
  left: 33.4%;
}
@media (max-width: 767px) {
  .list-voucher-index .owl-carousel .owl-prev {
    left: 15px;
  }
}
.list-voucher-index .owl-carousel .owl-next {
  right: 33.4%;
}
@media (max-width: 767px) {
  .list-voucher-index .owl-carousel .owl-next {
    right: 15px;
    left: initial;
  }
}
.list-voucher-index .owl-carousel .owl-dots {
  position: absolute;
  top: calc(100% + 40px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
}
@media (max-width: 767px) {
  .list-voucher-index .owl-carousel .owl-dots {
    gap: 10px;
    top: calc(100% + 20px);
  }
}
.list-voucher-index .owl-carousel .owl-dots .owl-dot {
  position: relative;
}
.list-voucher-index .owl-carousel .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0;
  background-color: var(--color-dot);
}
.list-voucher-index .owl-carousel .owl-dots .owl-dot.active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid var(--color-main);
}
.list-voucher-index .owl-carousel .owl-dots .owl-dot.active span {
  background-color: var(--color-main);
}
.list-voucher-index .owl-item .card-voucher .img {
  transform: scale(0.9);
  transition: transform 0.5s ease;
}
@media (max-width: 1024px) {
  .list-voucher-index .owl-item .card-voucher .img {
    transform: scale(1);
  }
}
.list-voucher-index .owl-item .card-voucher .date-voucher, .list-voucher-index .owl-item .card-voucher .title-voucher, .list-voucher-index .owl-item .card-voucher .description {
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 1024px) {
  .list-voucher-index .owl-item .card-voucher .date-voucher, .list-voucher-index .owl-item .card-voucher .title-voucher, .list-voucher-index .owl-item .card-voucher .description {
    opacity: 1;
  }
}
.list-voucher-index .owl-item.center .card-voucher .img {
  transform: scale(1);
  margin-bottom: 50px;
  overflow: visible;
}
.list-voucher-index .owl-item.center .card-voucher .img img {
  border-radius: 16px;
}
.list-voucher-index .owl-item.center .card-voucher:hover .img img {
  transform: scale(1);
}
.list-voucher-index .owl-item.center .card-voucher .infor {
  padding: 0 60px;
}
.list-voucher-index .owl-item.center .card-voucher .title-voucher, .list-voucher-index .owl-item.center .card-voucher .description, .list-voucher-index .owl-item.center .card-voucher .date-voucher {
  opacity: 1;
}
.list-voucher-index .owl-item.center .card-voucher .description p, .list-voucher-index .owl-item.center .card-voucher .description div {
  text-align: center;
}

.nav-news-index {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
@media (max-width: 700px) {
  .nav-news-index {
    gap: 10px;
    justify-content: start;
    overflow-x: auto;
  }
}
.nav-news-index .item {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
  transition: color 0.3s linear;
  cursor: pointer;
}
@media (max-width: 700px) {
  .nav-news-index .item {
    white-space: nowrap;
    font-weight: 400;
  }
}
.nav-news-index .item.active, .nav-news-index .item:hover {
  color: #FD5A0F;
  border-bottom: 2px solid #FD5A0F;
  transition: all 0.3s linear;
}
.nav-news-index .item font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}

.card-news-horizontal {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.card-news-horizontal .img {
  aspect-ratio: 322/204;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  margin-bottom: 15px;
}
.card-news-horizontal .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-news-horizontal .title-news a {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
  min-height: 44px;
  display: block;
}
.card-news-horizontal .title-news a:hover {
  color: var(--color-main);
}
.card-news-horizontal .title-news a font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 600;
  line-height: 1.5;
}
.card-news-horizontal .infor .date-link .date {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  margin-bottom: 15px;
}
.card-news-horizontal .infor .title-news {
  margin-bottom: 15px;
}
.card-news-horizontal .infor .desc {
  margin-bottom: 15px;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.news-flex-half {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--mg-30);
}
.news-flex-half .card-news {
  width: 100%;
  border-radius: 16px;
  background: #1A2A54;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 700px) {
  .news-flex-half .card-news {
    flex-direction: column;
  }
}
.news-flex-half .card-news:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 32%;
  height: 100%;
  aspect-ratio: 446/428;
  background: url("../images/layer-tin-tuc.png") no-repeat;
  background-size: cover;
}
.news-flex-half .card-news .date-link {
  margin-bottom: 15px;
}
.news-flex-half .card-news .date-link .date {
  color: var(--color-white);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.6;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.news-flex-half .card-news h3 {
  color: var(--color-white);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-h2);
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 15px;
}
@media (max-width: 700px) {
  .news-flex-half .card-news h3 {
    font-size: var(--fs-h4);
  }
}
.news-flex-half .card-news h3 font {
  color: var(--color-white);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-h2);
  font-weight: 600;
  line-height: 1.6;
}
@media (max-width: 700px) {
  .news-flex-half .card-news h3 font {
    font-size: var(--fs-h4);
  }
}
.news-flex-half .card-news h3 a {
  color: var(--color-white);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-h2);
  font-weight: 600;
  line-height: 1.6;
}
@media (max-width: 700px) {
  .news-flex-half .card-news h3 a {
    font-size: var(--fs-h4);
  }
}
.news-flex-half .card-news h3 a:hover {
  color: var(--color-main);
}
.news-flex-half .card-news h3 a font {
  color: var(--color-white);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-h2);
  font-weight: 600;
  line-height: 1.6;
}
@media (max-width: 700px) {
  .news-flex-half .card-news h3 a font {
    font-size: var(--fs-h4);
  }
}
.news-flex-half .card-news .desc {
  margin-bottom: 15px;
}
.news-flex-half .card-news .desc div, .news-flex-half .card-news .desc p {
  color: var(--color-white);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.news-flex-half .card-news .desc div font, .news-flex-half .card-news .desc p font {
  color: var(--color-white);
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.news-flex-half .card-news .img {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
@media (max-width: 700px) {
  .news-flex-half .card-news .img {
    width: 100%;
  }
}
.news-flex-half .card-news .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-flex-half .card-news .infor {
  width: 50%;
  padding: 0 50px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 700px) {
  .news-flex-half .card-news .infor {
    width: 100%;
    padding: 15px;
  }
  .news-flex-half .card-news .infor .desc {
    display: none;
  }
}
.news-flex-half .card-news .flex-btn .detail {
  background: var(--color-white);
  border: 1px solid #1A2A54;
}
.news-flex-half .card-news .flex-btn .detail:hover {
  background: transparent;
  border: 1px solid var(--color-white);
}
.news-flex-half .card-news .flex-btn .detail:hover span {
  color: var(--color-white);
}
.news-flex-half .card-news .flex-btn .detail:hover span svg path {
  fill: var(--color-white);
}
.news-flex-half .card-news .flex-btn .detail span {
  color: #1A2A54;
}
.news-flex-half .card-news .flex-btn .detail span svg path {
  fill: #1A2A54;
}
.news-flex-half .news-horizontal {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 25px;
}
@media (max-width: 700px) {
  .news-flex-half .news-horizontal {
    gap: 15px;
  }
}
.news-flex-half .news-horizontal .card-news-horizontal {
  width: calc((100% - 75px) / 4);
}
@media (max-width: 700px) {
  .news-flex-half .news-horizontal .card-news-horizontal {
    width: 100%;
  }
}
.news-flex-half .page {
  margin-top: 0;
}

footer {
  background: #EFEFEF;
  padding: 60px 0 30px 0;
}
@media (max-width: 700px) {
  footer {
    padding: 15px 0;
  }
}
footer .container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer .container .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid #C9C9C9;
}
@media (max-width: 700px) {
  footer .container .top {
    gap: 15px;
    padding-bottom: 15px;
  }
}
footer .container .top .item {
  width: calc((100% - 90px) / 4);
}
@media (max-width: 700px) {
  footer .container .top .item {
    width: 100%;
  }
}
footer .container .bot {
  padding-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 80px;
}
@media (max-width: 700px) {
  footer .container .bot {
    gap: 15px;
    padding-top: 15px;
    flex-wrap: wrap;
  }
}
footer .container .bot .left-bot-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
}
@media (max-width: 700px) {
  footer .container .bot .left-bot-footer {
    gap: 15px;
  }
}
footer .container .bot .left-bot-footer .logo {
  width: 73px;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 700px) {
  footer .container .bot .left-bot-footer .logo {
    width: 60px;
    height: 60px;
  }
  footer .container .bot .left-bot-footer .logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
@media (max-width: 700px) {
  footer .container .bot .left-bot-footer .copy-right {
    width: calc(100% - 75px);
  }
}
footer .container .bot .social-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  footer .container .bot .social-links {
    margin: 0;
  }
}
footer .container .bot .social-links svg {
  display: inline-block;
  transform-origin: center;
  transition: transform 0.5s linear;
}
footer .container .bot .social-links a {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background: #FFF;
  border: 1px solid #D8D8D8;
}
footer .container .bot .social-links a:hover svg {
  transform: rotateY(360deg);
}
footer .container .bot .social-links .facebook::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3b5999;
  transition: all 0.5s linear;
  z-index: -1;
}
footer .container .bot .social-links .facebook:hover::before {
  top: 0;
  background: #3b5999;
}
footer .container .bot .social-links .youtube::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FE0808;
  transition: all 0.5s linear;
  z-index: -1;
}
footer .container .bot .social-links .youtube:hover::before {
  top: 0;
  background: #FE0808;
}
footer .container .bot .social-links .instagram::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #f58529 0%, #feda77 25%, #dd2a7b 50%, #8134af 75%, #515bd4 100%);
  transition: all 0.5s linear;
  z-index: -1;
}
footer .container .bot .social-links .instagram:hover::before {
  top: 0;
  background: linear-gradient(45deg, #f58529 0%, #feda77 25%, #dd2a7b 50%, #8134af 75%, #515bd4 100%);
}
footer .container .bot .social-links .tiktok::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #212121;
  transition: all 0.5s linear;
  z-index: -1;
}
footer .container .bot .social-links .tiktok:hover::before {
  top: 0;
  background: #212121;
}
footer .container .bot .social-links .naver::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0BC95F;
  transition: all 0.5s linear;
  z-index: -1;
}
footer .container .bot .social-links .naver:hover::before {
  top: 0;
  background: #0BC95F;
}
footer .sub-title-footer {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 30px;
}
footer .sub-title-footer font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.8;
}
footer .form-footer {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
}
footer .form-footer input {
  padding: 5px 0 5px 15px;
  color: #777;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.8;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 81%;
}
footer .form-footer input::placeholder {
  color: #777;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.8;
}
footer .form-footer button {
  width: 19%;
  height: 50px;
  border-radius: 6px;
  background: #B68B33;
  cursor: pointer;
}
footer .form-footer button:hover {
  opacity: 0.8;
}
footer .title-footer {
  font-size: var(--fs-text);
  font-weight: 700;
  color: #1A2A54;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 700px) {
  footer .title-footer {
    margin-bottom: 10px;
    padding: 0 0 15px 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
  }
  footer .title-footer .icon {
    transform: rotate(90deg);
  }
}
footer .top .item ul {
  list-style: none;
  padding-left: 15px;
}
footer .top .item ul li {
  margin-bottom: 10px;
  position: relative;
  margin-left: 6px;
}
footer .top .item ul li:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 6px;
  width: 3px;
  height: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 3 3'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' fill='%23B68B33'/%3E%3C/svg%3E");
  background-size: cover;
}

.contact-footer p:not(.title-footer) {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.contact-footer p:not(.title-footer):nth-child(4) svg {
  top: 6px;
}
.contact-footer p:not(.title-footer):nth-child(5) svg {
  left: -3px;
}
.contact-footer p:not(.title-footer) svg {
  position: absolute;
  top: 2px;
  left: 0;
}

.pad-module {
  padding: 50px 0;
}
@media (min-width: 701px) and (max-width: 1200px) {
  .pad-module {
    padding: 30px 0;
  }
}
@media (max-width: 700px) {
  .pad-module {
    padding: 15px 0;
  }
}

.flex-intro-item .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--pad-section);
}
@media (max-width: 700px) {
  .flex-intro-item .container {
    flex-direction: column;
  }
}
.flex-intro-item .item {
  width: calc((100% - var(--pad-section) * 3) / 4);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .flex-intro-item .item {
    width: 100%;
    flex-direction: row;
    gap: 15px;
  }
}
.flex-intro-item .item .icon {
  aspect-ratio: 50/52;
  max-width: 50px;
  margin-bottom: 30px;
}
@media (max-width: 700px) {
  .flex-intro-item .item .icon {
    width: 50px;
  }
}
.flex-intro-item .item .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.flex-intro-item .item .info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 700px) {
  .flex-intro-item .item .info {
    width: calc(100% - 65px);
  }
}
.flex-intro-item .item .info .title-intro {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-h3);
  font-weight: 700;
}
.flex-intro-item .item .info .title-intro font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-h3);
  font-weight: 700;
}
.flex-intro-item .item .info .description div, .flex-intro-item .item .info .description p {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.flex-intro-item .item .info .description div font, .flex-intro-item .item .info .description p font {
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}

.vision-introduce .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 63px;
  align-items: center;
}
@media (max-width: 700px) {
  .vision-introduce .container {
    gap: 15px;
  }
}
.vision-introduce .container .left {
  width: 48%;
  aspect-ratio: 658/602;
  border-radius: 16px;
  border: 0 solid #FFFEFE;
}
@media (max-width: 700px) {
  .vision-introduce .container .left {
    width: 100%;
  }
}
.vision-introduce .container .left .img {
  aspect-ratio: 658/602;
  border-radius: 16px;
}
.vision-introduce .container .left .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vision-introduce .container .right {
  width: calc(52% - 63px);
}
@media (max-width: 700px) {
  .vision-introduce .container .right {
    width: 100%;
  }
}
.vision-introduce .container .right ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 50px;
}
.vision-introduce .container .right ul.not-mb {
  margin-bottom: 0px;
}
.vision-introduce .container .right ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  color: #333333;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.8;
}
.vision-introduce .container .right ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M8.5 0C3.80558 0 0 3.80558 0 8.5C0 13.1945 3.80558 17 8.5 17C13.1945 17 17 13.1945 17 8.5C17 3.80558 13.1945 0 8.5 0ZM12.0821 6.94256C12.3137 6.711 12.3137 6.33551 12.0821 6.10393C11.8505 5.87234 11.4751 5.87234 11.2435 6.10393L7.58548 9.76187C7.50831 9.83905 7.38314 9.83905 7.30597 9.76187L5.75654 8.21242C5.52495 7.98083 5.14947 7.98083 4.91788 8.21242C4.68629 8.44402 4.68629 8.81952 4.91788 9.05112L6.4673 10.6006C7.00764 11.1409 7.88381 11.1409 8.42417 10.6006L12.0821 6.94256Z' fill='%23FBAB04'/></svg>");
}

.core-value {
  padding-bottom: var(--pad-section);
}

.flex-core-value {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 70px;
}
@media (max-width: 700px) {
  .flex-core-value {
    gap: 15px;
  }
}
.flex-core-value .item {
  width: calc((100% - 280px) / 5);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 700px) {
  .flex-core-value .item {
    width: calc((100% - 15px) / 2);
  }
}
.flex-core-value .item .icon {
  width: 145px;
  height: 145px;
  background: #FFF;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: var(--mg-15);
}
.flex-core-value .item .icon img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
  object-fit: contain;
}
.flex-core-value .item .title-core {
  color: #333333;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title-place);
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: var(--mg-15);
}
.flex-core-value .item .title-core font {
  color: #333333;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-title-place);
  font-weight: 700;
  line-height: 1.6;
}
.flex-core-value .item .description div, .flex-core-value .item .description p {
  color: "Roboto", sans-serif;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}
.flex-core-value .item .description div font, .flex-core-value .item .description p font {
  color: "Roboto", sans-serif;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: var(--fs-text);
  font-weight: 400;
  line-height: 1.5;
}

.flex-ticket {
  display: flex;
  align-items: center;
  border-radius: 16px;
  overflow: hidden;
  background: #F4F4F4;
  margin-top: var(--mg-20);
}
@media (max-width: 700px) {
  .flex-ticket {
    flex-direction: column;
  }
}
.flex-ticket > * {
  width: 50%;
}
@media (max-width: 700px) {
  .flex-ticket > * {
    width: 100%;
  }
}
.flex-ticket .left {
  padding: 40px 60px;
  background: #F4F4F4;
}
@media (max-width: 700px) {
  .flex-ticket .left {
    padding: 15px;
  }
}
.flex-ticket .left .form-contact > p {
  text-transform: uppercase;
  margin-bottom: 0;
}
.flex-ticket .right {
  aspect-ratio: 673/556;
}
.flex-ticket .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*# sourceMappingURL=style.css.map */