* {
  box-sizing: border-box;
}

:root {
  --font-medium: "Helvetica Neue Medium", sans-serif;

  --font-light: "Helvetica Neue Light", sans-serif;

  --font-bold: "Helvetica Neue Bold", sans-serif;

  --primary-color: #000000;

  --second-color: #063f0c;

  --third-color: #ffffff;

  --fourth-color: #234f94;

  --fifth-color: #f6f7f8;

  --sixth-color: #dce0e0;

  /* --seventh-color: #2d2d2d;

    --eighth-color: #ddd;

    --ninth-color: #333;





    --tenth-color: 255,255,255;

    --eleventh-color: 0,0,0;

    --twelfth-color: 11,11,11;



    --thirdteen-color: #555555;

    --fourthteen-color: #800100;

    --fifteen-color: #754c28;

    --sixthteen-color: #b20000;

    --seventeen-color: #ececec;





    --bg-facebook: #3a589d;

    --bg-insta: #3b6994;

    --bg-youtube: #c33223; */
}

@font-face {
  font-family: Helvetica Neue Medium;

  src: url("fonts/HelveticaNeue-Medium.otf") format("truetype");

  /* url('fonts/HelveticaNeueMedium.woff') format('woff'); */

  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue Light;

  src: url("fonts/HelveticaNeue.otf") format("truetype");

  /* url('fonts/HelveticaNeueLight.woff') format('woff'); */

  font-display: swap;
}

@font-face {
  font-family: Helvetica Neue Bold;

  src: url("fonts/HelveticaNeueBold.otf") format("truetype"),
    url("fonts/HelveticaNeueBold.woff") format("woff");

  font-display: swap;
}

strong {
  font-family: var(--font-bold);
}

body {
  color: var(--primary-color);
}

.adm-glyphicon span {
  background: url("img/setting.png");

  background-size: cover;

  width: 12px;

  height: 12px;

  display: inline-block !important;

  position: relative;

  z-index: 9;
}

body {
  max-width: 1920px;

  width: 100%;

  margin: 0 auto;
}

.wrap {
  max-width: 1470px;

  width: 100%;

  margin: 0 auto;
}

.wrap-3 {
  max-width: 1380px;

  width: 100%;

  margin: 0 auto;
}

a {
  transition: 0.3s;
}

a:hover {
  color: var(--second-color);
}

a:hover,
a:focus {
  text-decoration: none;
}

input,
button,
textarea,
select {
  outline: none;
}

input {
  -webkit-appearance: none;
}

textarea {
  resize: none;
}

.img-404 {
  max-width: 100%;
}

ol,
ul,
li {
  list-style: none;

  margin: 0;

  padding: 0;
}

img {
  max-width: 100%;

  height: auto;
}

.img-100 {
  position: relative;

  height: 0;

  overflow: hidden;

  display: block;
}

.img-100 > img {
  object-fit: cover;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: 0.3s;
}

.img-100:hover img {
  transform: scale(1.05);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: unset;

  font-weight: unset;

  margin: 0px;

  padding: 0px;
}

.site-title {
  width: 0px;

  height: 0px;

  overflow: hidden;

  margin: 0 !important;

  padding: 0 !important;
}

/* a[href^="tel"] {

    color: inherit; 

    text-decoration: none; 

} */

#swal2-content {
  font-size: 18px;
}

.wrap-img {
  display: block;
}

.stop-scroll {
  height: 100%;

  overflow: hidden;
}

input::placeholder {
  color: #828282;
}

.button-pink,
.button-blue {
  transition: 0.3s;
}

.button-pink:hover {
  background-color: #b01970 !important;

  color: var(--third-color) !important;
}

.button-blue:hover {
  background-color: #0b3a83 !important;

  color: var(--third-color) !important;
}

.no-data {
  font-size: 24px;

  color: var(--second-color);

  margin-bottom: 60px;

  font-family: var(--font-medium);
}

/* -----navbar-------- */

.navbarr-left,
.navbarr-right {
  margin: 10px 0;
}

.navbarr-right {
  text-align: right;
}

.navbarr-left strong {
  color: #fff;
}

.navbarr-left p:first-child {
  color: #fff;

  margin-left: 0px;

  font-family: var(--font-medium);
}

.navbarr-left p {
  display: inline-block;

  font-size: 16px;

  margin-left: 22px;

  line-height: 19.54px;

  font-weight: 400;

  font-family: var(--font-light);
}

.navbarr-left .more-hotline {
  display: inline-block;

  margin-left: 13px;

  position: relative;

  color: white;
}

.navbarr-left .more-hotline:hover svg {
  color: var(--second-color);
}

.tuvan-cskh {
  position: absolute;

  width: 424px;

  border-radius: 10px;

  background-color: var(--third-color);

  top: 33px;

  right: -130px;

  box-shadow: 0px 4px 15px 0px #64646440;

  z-index: 10;

  padding: 19px 24px 24px;

  opacity: 0;

  visibility: hidden;

  transition: 0.2s;
}

.tuvan-cskh::before {
  content: "";

  position: absolute;

  right: 122px;

  border-style: solid;

  border-width: 0px 14px 10px 14px;

  border-color: #f8f8f8 transparent;

  top: -10px;
}

.navbarr-left .more-hotline:hover .tuvan-cskh {
  opacity: 1;

  visibility: visible;
}

.tuvan-cskh .title p {
  font-size: 24px;

  line-height: 29px;

  font-family: var(--font-medium);

  text-transform: uppercase;

  color: var(--primary-color);
}

.tuvan-cskh .list-item {
  margin-top: 24px;
}

.tuvan-cskh .checkbox-item {
  font-size: 18px;

  line-height: 24px;

  margin-bottom: 0;

  padding-left: 34px;
}

.tuvan-cskh .checkbox-item input:checked ~ .checkmark {
  border: 1px solid #c4c4c4;
}

.tuvan-cskh .checkbox-item .checkmark {
  width: 24px;

  height: 24px;
}

.tuvan-cskh .phone {
  display: block;

  text-align: right;

  font-family: var(--font-medium);

  color: var(--second-color);

  font-size: 24px;

  line-height: 24px;
}

.navbar-wrap {
  background-color: var(--second-color);
}

.navbar-wrap a {
  color: #fff;
}

.navbar-wrap a:hover {
  color: #fff;
}

.navbarr-right a svg {
  color: #fff;

  transition: 0.3s;
}

/* .navbarr-right a:hover svg{

    color: var(--second-color);

} */

.navbarr-right a {
  font-family: var(--font-medium);

  font-size: 14px;

  line-height: 20px;

  position: relative;

  padding-left: 32px;
}

.navbarr-right a svg {
  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);
}

.navbarr-right a:not(:first-child) {
  margin-left: 30px;
}

/* -------Header------  */

.header-wrap {
  padding: 10px 0;

  position: relative;

  z-index: 9;
}

.logo-header img {
  max-width: 120px;

  width: 100%;
}

.header-right {
  text-align: right;
}

.header-right .menu {
  display: inline-block;
}

.header-right .menu .item {
  display: inline-block;

  position: static;

  padding-right: 20px;
}

.header-right .menu .item:not(:first-child) {
  margin-left: 22px;
}

.header-right .menu .item svg {
  position: absolute;

  top: 50%;

  right: -20px;

  transform: translateY(-50%);
}

.header-right .menu .item .item-level-1 {
  font-family: var(--font-medium);

  font-size: 16px;

  line-height: 19.54px;

  color: var(--primary-color);

  text-transform: uppercase;

  position: relative;
}

.header-right .menu .item:hover .item-level-1,
.header-right .menu .item.active .item-level-1 {
  color: var(--second-color);
}

.header-right .contact-header {
  font-family: var(--font-medium);

  display: inline-block;

  background-color: var(--second-color);

  color: #fff;

  font-size: 16px;

  line-height: 19.54px;

  text-transform: uppercase;

  padding: 15px 5px;

  width: 165px;

  text-align: center;

  border-radius: 200px;
}

.header-right .contact-header:hover {
  background-color: var(--second-color);

  color: var(--third-color) !important;
}

.header-right .language {
  display: inline-block;

  margin-left: 12px;

  transform: translateY(6px);
}

.header-right .language svg {
  color: #828282;

  transition: 0.3s;

  cursor: pointer;
}

.header-right .language:hover svg {
  color: var(--second-color);
}

.country-list,
.share-list {
  position: absolute;

  top: 150%;

  right: 0px;

  z-index: 999;

  transition: 0.3s linear;

  visibility: hidden;

  opacity: 0;

  text-align: left;

  padding-top: 17px;
}

.country-list .country-wrap,
.share-list .share-wrap {
  padding: 21px 24px;

  background-color: var(--third-color);

  border-radius: 10px;

  box-shadow: 0px 4px 30px 0px #64646440;

  position: relative;
}

.share-list .share-wrap::before {
  content: "";

  position: absolute;

  right: 34px;

  border-style: solid;

  border-width: 0px 14px 10px 14px;

  border-color: #fff transparent;

  top: -10px;
}

.country-list .country:not(:last-child) {
  margin-bottom: 20px;
}

.country-list .country {
  font-size: 15px;

  line-height: 24px;

  font-family: var(--font-medium);

  padding-left: 36px;

  position: relative;

  cursor: pointer;

  white-space: nowrap;
}

.country-list .country.language-selected {
  color: var(--second-color);
}

.country-list .country img {
  position: absolute;

  top: 0;

  left: 0;
}

.language.open .country-list,
.danh-gia.open .share-list {
  top: 100%;

  visibility: visible;

  opacity: 1;
}

.language.open svg {
  color: var(--second-color);
}

.header-right.lh {
  margin-top: 10px;

  margin-right: 20px;

  margin-left: -15px;
}

.header-right.cen {
  margin-top: 28px;

  margin-right: -3px;
}

.header-right .menu .item.news {
  position: relative;
}

.menu-level-2-wrap {
  position: absolute;

  top: 100%;

  left: 38%;

  z-index: 3;

  /* width: 1150px; */

  transform: translateX(-50%);

  padding-top: 40px;

  display: none;
}

/* .menu-level-2-wrap.no-cate{

    width: 600px;

} */

.menu-level-2-wrap.no-cate .menu-level-3 {
  width: unset;
}

.menu-level-2-inner {
  text-align: left;

  box-shadow: 0px 4px 15px 0px #64646440;

  background-color: var(--third-color);
}

.menu-level-2 {
  width: 300px;

  height: 412px;

  background-color: var(--fourth-color);

  padding: 20px 0;
}

.menu-level-2 .item-level-2 .title-level-2 {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;

  display: block;

  padding: 10px 40px 10px 24px;

  color: var(--third-color);

  position: relative;

  text-transform: capitalize;
}

.header-right .menu-level-2 .title-level-2 svg {
  top: 16px;

  right: 22px;

  transform: rotate(-90deg) translateY(0%);
}

.menu-level-2 .item-level-2.active .title-level-2 {
  background-color: var(--second-color);
}

.menu-level-2 .item-level-2:not(:last-child) {
  margin-bottom: 5px;
}

.menu-level-2 .item-level-2:hover .title-level-2 {
  background-color: var(--second-color);

  color: var(--third-color) !important;
}

.menu-level-2-wrap .menu-level-3 img {
  width: 300px;

  height: 100%;

  object-fit: cover;

  float: right;
}

.menu-level-2-wrap .menu-level-3 {
  position: absolute;

  top: 40px;

  left: 300px;

  width: 850px;

  display: none;

  height: 412px;

  background-color: var(--third-color);
}

.menu-level-2 .item-level-2.active .menu-level-3 {
  display: block;
}

.menu-level-3 .muc-luc-con {
  width: 550px;

  padding: 29px 27px 20px 40px;

  float: left;

  height: 100%;
}

.menu-level-3 ul li a {
  color: var(--primary-color);

  font-family: var(--font-light);

  font-size: 16px;

  line-height: 20px;
}

.menu-level-3 ul li:hover a {
  color: var(--second-color);
}

.menu-level-3 ul li:hover {
  color: var(--second-color);
}

.menu-level-3 ul {
  padding-left: 18px;
}

.menu-level-3 ul li {
  list-style: disc;
}

.menu-level-3 ul li:not(:last-child) {
  margin-bottom: 15px;
}

.header-right .item:hover .menu-level-2-wrap {
  display: block;
}

/* -----Tìm kiếm tour----  */

.tim-kiem-tour {
  position: relative;

  /* margin-top: -40px; */

  padding-top: 25px;

  z-index: 1;

  padding-bottom: 25px;

  border-bottom: 1px solid var(--sixth-color);
}

.tim-kiem-tour .lua-chon {
  text-align: center;

  height: 40px;
}

.tim-kiem-tour .lua-chon li {
  display: inline-block;

  padding: 10px 25px;

  border-radius: 10px 10px 0px 0px;

  overflow: hidden;

  background-color: var(--fourth-color);

  margin: 0 2px;
}

.tim-kiem-tour .lua-chon li.active {
  background-color: var(--third-color);
}

.tim-kiem-tour .lua-chon li.active a {
  color: var(--primary-color) !important;
}

.tim-kiem-tour .lua-chon li a {
  font-family: var(--font-medium);

  font-size: 16px;

  line-height: 19.54px;

  text-transform: uppercase;

  color: var(--third-color) !important;
}

.tim-kiem-tour .tab-content {
  max-width: 1252px;

  margin: 0 auto 42px;

  border-radius: 0px 0px 10px 10px;

  overflow: hidden;

  background-color: var(--third-color);

  box-shadow: 0px 4px 30px 0px #44444426;

  padding: 24px;
}

.checkbox-item {
  display: inline-block;

  position: relative;

  padding-left: 30px;

  cursor: pointer;

  font-size: 16px;

  line-height: 19.54px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  font-family: var(--font-medium);

  margin-bottom: 21px;

  font-weight: 500;
}

.checkbox-item:not(:last-child) {
  margin-right: 28px;
}

.checkbox-item input {
  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;
}

.checkbox-item .checkmark {
  position: absolute;

  top: 0px;

  left: 0px;

  height: 20px;

  width: 20px;

  background-color: var(--third-color);

  border-radius: 50%;

  border: 1.2px solid #a5a5a5;
}

.checkbox-item .checkmark:after {
  content: "";

  position: absolute;

  display: none;
}

.checkbox-item input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-item input:checked ~ .checkmark {
  border: 1.2px solid var(--second-color);
}

.checkbox-item .checkmark:after {
  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: var(--second-color);
}

.more-hotline .checkbox-item input ~ .checkmark:after {
  display: block;
}

#form-search-tour .input-wrap {
  width: calc((300 / 1204) * 100%);

  float: left;

  margin-right: 16px;
}

#form-search-tour .input-wrap input {
  border: none;

  width: 100%;

  padding: 0 15px 0 40px;
}

#form-search-tour .input-wrap svg {
  position: absolute;

  top: 50%;

  left: 12px;

  transform: translateY(-50%);
}

#form-search-tour .input-wrap,
.select2-container .select2-selection--single {
  position: relative;

  border: 1px solid var(--sixth-color);

  border-radius: 8px;

  line-height: 40px;

  height: 40px;

  overflow: hidden;

  font-size: 16px;

  /* font-family: var(--font-light); */

  outline: none;
}

#form-search-tour select {
  width: calc((230 / 1204) * 100%);
}

.select2-container {
  margin-right: 13px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 40px;

  padding-left: 11px;

  padding-right: 30px;

  color: var(--primary-color);

  text-align: left;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #828282;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-image: url(images/select2.svg);

  border: none;

  left: 0;

  height: 24px;

  width: 24px;

  margin: 0;

  top: 50%;

  transform: translateY(-50%);
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 38px;

  top: 0;

  right: 0;

  width: 30px;
}

#form-search-tour button {
  width: calc((150 / 1204) * 100%);

  border-radius: 8px;

  line-height: 40px;

  height: 40px;

  overflow: hidden;

  font-size: 16px;

  font-family: var(--font-light);

  outline: none;

  color: var(--third-color);

  text-align: center;

  background-color: var(--second-color);

  float: right;

  border: none;
}

.where-go {
  font-family: var(--font-medium);

  font-size: 22px;

  line-height: 29px;

  margin-right: 50px;

  position: relative;

  padding: 13px 84px 13px 0;
}

.where-go svg {
  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);
}

.quoc-gia-wrap {
  margin-left: -25px;

  position: relative;
}

#quoc-gia .item {
  position: relative;

  display: block;

  font-family: var(--font-light);

  font-size: 16px;

  line-height: 22px;

  padding: 17px 5px 17px 57px;

  background-color: #f5f5f5;

  border-radius: 200px;

  color: var(--primary-color);
}

#quoc-gia .item img {
  max-width: 40px;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 8px;

  transform: translateY(-50%);
}

#quoc-gia .owl-nav button {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  color: #616161;
}

#quoc-gia .owl-nav .owl-prev {
  left: -30px;
}

#quoc-gia .owl-nav .owl-next {
  right: -30px;
}

.banner-wrap {
  position: relative;
}

.home-search {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 8;
}

.input-seach {
  padding: 20px;

  width: 500px;

  border-radius: 100px;

  border: none;

  outline: none;

  box-shadow: 0 0 1px #a7a9ac;
}

.home-search .icon-search {
  position: absolute;

  right: 2px;

  top: 2px;
}

/* ------Danh mục------- */

.danh-muc {
  padding: 49px 0;

  text-align: center;
}

.danh-muc .tour .item {
  width: 150px;

  display: inline-block;

  text-align: center;

  padding: 12px 0 18px;

  border: 2px solid transparent;

  transition: 0.3s;
}

.danh-muc .tour .item:hover {
  border: 2px solid var(--second-color);

  border-radius: 10px;
}

.danh-muc .tour .item:not(:first-child) {
  margin-left: 40px;
}

.danh-muc .tour .item .name {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 24px;

  margin-top: -5px;

  text-transform: uppercase;
}

/* ------Tour giờ chót-----  */

.tour-gio-chot {
  background-color: var(--fourth-color);

  padding: 70px 0 46px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;
}

.tour-gio-chot .text-wrap {
  position: relative;
}

.tour-gio-chot .pos-wrap {
  position: absolute;

  top: calc(50% - 22px);

  left: 0;

  transform: translateY(-50%);
}

.tour-gio-chot .des-title {
  color: var(--third-color);
}

.des-title {
  font-size: 30px;

  font-family: var(--font-medium);

  line-height: 36.63px;
}

.title-sec {
  color: var(--third-color);

  font-family: var(--font-bold);

  line-height: 82px;

  font-size: 70px;

  text-transform: uppercase;

  margin: 16px 0 23px;
}

.tour-gio-chot .kham-pha {
  font-family: var(--font-medium);

  color: var(--third-color);

  font-size: 20px;

  line-height: 24.42px;

  display: inline-block;

  padding: 16px 68px 16px 29px;

  text-transform: uppercase;

  background-color: var(--second-color);

  border-radius: 200px;

  position: relative;
}

.tour-gio-chot .kham-pha svg {
  position: absolute;

  top: 50%;

  right: 23px;

  transform: translateY(-50%);
}

/* -----Item product ----- */

.item-product {
  border-radius: 10px;

  overflow: hidden;
}

.item-product .wrap-img {
  position: relative;

  padding-bottom: 100%;
}

.item-product .phuong-tien-wrap {
  position: absolute;

  top: 16px;

  right: 16px;

  z-index: 1;
}

.item-product .phuong-tien-wrap .vehicle:not(:last-child) {
  margin-bottom: 5px;
}

.overlay-tour-chot {
  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 57.3%;

  background: linear-gradient(
    180deg,
    rgba(35, 79, 148, 0) 0%,
    rgba(0, 0, 0, 0.7) 87%
  );
}

.lich-trinh {
  position: absolute;

  width: 100%;

  bottom: 0;

  left: 0;

  color: var(--third-color);

  padding: 0 9px 10px;
}

.lich-trinh div {
  position: relative;

  padding-left: 29px;

  line-height: 26px;

  font-size: 16px;

  font-family: var(--font-light);
}

.lich-trinh svg {
  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);
}

.lich-trinh div span {
  font-family: var(--font-medium);
}

.lich-trinh .thoi-gian span {
  font-size: 18px;
}

.lich-khac {
  float: right;

  cursor: pointer;

  font-size: 14px !important;
}

.item-product .time {
  background-color: var(--second-color);

  color: var(--third-color);

  text-align: center;

  padding: 4px 0;
}

.item-product .time div {
  display: inline-block;

  font-family: var(--font-medium);

  font-size: 24px;

  line-height: 26px;
}

.item-product .time .day {
  font-size: 14px;

  line-height: 20px;

  margin-right: 10px;

  transform: translateY(-5px);
}

.item-product .time .phan-cach {
  margin: 0 3px;
}

.tour-gio-chot .item-product .content {
  padding: 7px 15px 24px;
}

.item-product .content {
  background-color: #f6f7f8;

  padding: 13px 15px 24px;
}

.item-product .content .ma-tour,
.item-product .content .hang-may-bay {
  position: relative;

  padding-left: 31px;

  line-height: 24px;

  font-size: 14px;
}

.item-product .content .ma-tour svg,
.item-product .content .hang-may-bay img,
.item-product .content .hang-may-bay svg {
  position: absolute;

  top: 0;

  left: 0;

  color: #616161;
}

.item-product .content .hang-may-bay img {
  width: 24px;

  height: 24px;

  object-fit: cover;
}

.item-product .content .ma-tour span {
  color: #616161;
}

.item-product .content .ma-tour {
  font-family: var(--font-light);
}

.item-product .content .hang-may-bay {
  font-family: var(--font-medium);
}

.item-product .content .name {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;

  height: 44px;

  color: var(--primary-color);

  margin: 5px 0 3px;
}

#stars {
  display: inline-block;
}

#stars li {
  display: inline-block;
}

.item-product .content .price {
  font-family: var(--font-medium);

  font-size: 24px;

  line-height: 26px;

  color: var(--second-color);

  margin-top: 13px;

  margin-bottom: 1px;
}

.item-product .content .price-off {
  height: 26px;
}

.price-off span {
  font-size: 16px;

  line-height: 26px;

  font-family: var(--font-light);

  color: #616161;

  position: relative;
}

.price-off span:after {
  content: "";

  display: inline-block;

  position: absolute;

  width: 100%;

  height: 1px;

  background-color: #616161;

  bottom: 6px;

  left: 0;
}

.item-product .content .price-off .sale {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 26px;

  color: var(--second-color);

  float: right;
}

.item-product .content .price-off .sale svg {
  margin-right: 6px;
}

.item-product .content .button-wrap {
  margin-top: 20px;
}

.item-product .content .button-wrap a {
  display: block;

  width: calc(50% - 3px);

  float: left;

  height: 37px;

  line-height: 37px;

  text-align: center;

  color: var(--third-color);

  text-transform: uppercase;

  border-radius: 200px;

  font-size: 14px;

  font-family: var(--font-medium);
}

.item-product .content .button-wrap .see {
  background-color: var(--fourth-color);

  margin-right: 3px;
}

.item-product .content .button-wrap .dat-tour {
  background-color: var(--second-color);

  margin-left: 3px;
}

/* -----End item product----- */

#tour-chot .owl-nav {
  margin-top: 32px;
}

#tour-chot .owl-nav button {
  color: var(--third-color);

  width: 42px;

  height: 42px;

  border: 1.6px solid var(--third-color);

  border-radius: 50%;

  position: relative;

  margin-right: 20px;

  transition: 0.3s;
}

#tour-chot .owl-nav button:hover {
  background-color: var(--second-color);

  border: 1px solid var(--second-color);
}

#tour-chot .owl-nav button svg {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.tour-gio-chot .item-product .content,
.cac-tour-du-lich.chan .item-product .content {
  background-color: var(--third-color);
}

/* ---Tour dịp lễ-----  */

.tour-dip-le,
.da-khoi-hanh {
  padding: 70px 0 65px;

  background-color: var(--fifth-color);
}

.tour-dip-le .item,
.da-khoi-hanh .item {
  border-radius: 10px;

  box-shadow: 0px 4px 30px 0px #8c8c8c26;

  overflow: hidden;
}

.tour-dip-le .item .wrap-img,
.da-khoi-hanh .item .wrap-img {
  padding-bottom: calc((230 / 330) * 100%);
}

.tour-dip-le .item .content {
  background-color: var(--third-color);

  padding: 24px 19px 24px 24px;
}

.tour-dip-le .item .content .name {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;

  color: var(--primary-color);

  padding-right: 35px;

  position: relative;

  display: block;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;
}

.tour-dip-le .item .content .name svg {
  color: #828282;

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  transition: 0.3s;
}

.tour-dip-le .item .content .name:hover svg {
  color: var(--second-color);
}

.owl-has-dot .owl-dots {
  margin-top: 45px;

  text-align: center;
}

.owl-has-dot .owl-dots button:not(:last-child) {
  margin-right: 10px;
}

.owl-has-dot .owl-dots button span {
  display: inline-block;

  width: 10px;

  height: 10px;

  background-color: #c8c8c8;

  border-radius: 50%;
}

.owl-has-dot .owl-dots button.active span {
  background-color: var(--second-color);
}

.owl-has-nav {
  position: relative;
}

.owl-has-nav .owl-nav button {
  color: var(--third-color) !important;

  position: absolute;

  top: calc(50% - 32.5px);

  transform: translateY(-50%);

  background-color: #c12d82cc !important;

  display: inline-block;

  width: 30px;

  height: 100px;
}

.owl-has-nav .owl-nav button svg {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.owl-has-nav .owl-nav button.disabled {
  display: none;
}

.owl-has-nav .owl-nav .owl-prev {
  left: 0;

  border-radius: 0 10px 10px 0;
}

.owl-has-nav .owl-nav .owl-next {
  right: 0;

  border-radius: 10px 0 0 10px;
}

/* -------Các tour du lịch---- */

.cac-tour-du-lich {
  padding: 70px 0;
}

.cac-tour-du-lich.chan {
  background-color: var(--fifth-color);
}

.img-minh-hoa {
  margin-top: 10px;
}

.cac-tour-du-lich.le .img-minh-hoa {
  text-align: right;

  padding-left: 15px;
}

.cac-tour-du-lich.chan .img-minh-hoa {
  text-align: left;

  padding-right: 15px;
}

.img-minh-hoa img {
  border-radius: 10px;

  max-width: 445px;

  max-width: 100%;
}

.des-title.color strong {
  color: var(--second-color);

  text-transform: uppercase;
}

.cac-tour-du-lich .title-top {
  margin-bottom: 30px;
}

.xem-tat-ca {
  display: block;

  text-align: right;

  padding-right: 31px;

  position: relative;

  font-size: 16px;

  line-height: 24px;

  font-family: var(--font-light);

  margin-top: 12px;

  color: var(--primary-color);
}

.xem-tat-ca svg {
  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);
}

/* video  */

.des-title.mb {
  margin-bottom: 40px;
}

.da-khoi-hanh .item .content {
  background-color: var(--third-color);

  padding: 18px 18px 24px 20px;
}

.da-khoi-hanh .item .content .name,
.video-wrap .item .content .name {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 24px;

  color: var(--primary-color);

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;

  height: 48px;

  transition: 0.3s;
}

.video-wrap .item .content .name:hover {
  color: var(--second-color);
}

.da-khoi-hanh .item .content .des {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 22px;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;

  height: 88px;

  margin: 8px 0;
}

.da-khoi-hanh .time-khoi-hanh {
  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  background-color: var(--second-color);

  color: var(--third-color);

  font-family: var(--font-light);

  font-size: 16px;

  line-height: 26px;

  padding: 8px 0 8px 48px;
}

.da-khoi-hanh .time-khoi-hanh span {
  font-family: var(--font-medium);
}

.da-khoi-hanh .time-khoi-hanh svg {
  position: absolute;

  top: 50%;

  left: 16px;

  transform: translateY(-50%);
}

.video-wrap {
  padding-bottom: 60px;

  padding-top: 60px;
}

.video-wrap .item .wrap-img {
  padding-bottom: 100%;

  margin-bottom: 20px;

  border-radius: 10px;

  overflow: hidden;

  cursor: pointer;
}

.video-wrap .item .wrap-img svg {
  position: absolute;

  bottom: 24px;

  right: 24px;
}

.video-wrap .owl-has-nav .owl-nav button {
  top: calc(50% - 32.5px - 34px);
}

/* ------Tin tức nổi bật------  */

.tin-tuc-noi-bat {
  padding: 70px 0;
}

.tin-noi-bat {
  border-radius: 10px;

  overflow: hidden;
}

.tin-noi-bat.first {
  margin-right: 8px;
}

.tin-noi-bat.first .wrap-img {
  padding-bottom: calc((315 / 452) * 100%);
}

.tin-noi-bat .content {
  color: var(--third-color);
}

.tin-noi-bat.first .content {
  background-color: var(--second-color);

  padding: 15px 16px 18px 24px;
}

.tin-noi-bat.first .content .name {
  font-size: 28px;

  line-height: 36px;

  font-family: var(--font-medium);

  color: var(--third-color);

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;

  height: 72px;
}

.tin-noi-bat .content .des {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 22px;

  margin: 6px 0 12px;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;

  height: 66px;
}

.tin-noi-bat .content .info .op,
.news-list .da-khoi-hanh .info .op,
.bai-viet-lien-quan .content .info .op {
  display: inline-block;

  font-family: var(--font-light);

  line-height: 24px;

  padding-left: 29px;

  position: relative;
}

.tin-noi-bat .content .info .op svg,
.news-list .da-khoi-hanh .info .op svg,
.bai-viet-lien-quan .content .info .op svg {
  position: absolute;

  top: 0;

  left: 0;
}

.tin-noi-bat.first .content .info .ngay-dang {
  margin-right: 26px;
}

.tin-noi-bat .content .info .ngay-dang {
  margin-right: 22px;
}

.tin-noi-bat .content .info,
.news-list .da-khoi-hanh .info {
  transform: translateX(-3px);
}

.tin-noi-bat-right {
  margin-left: -8px;
}

.tin-noi-bat .wrap-img {
  padding-bottom: calc((530 / 300) * 100%);
}

.tin-noi-bat {
  position: relative;
}

.overlay-tin-noi-bat {
  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: calc((269 / 530) * 100%);

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.overlay-tin-noi-bat .content {
  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 0 17px 20px 20px;
}

.overlay-tin-noi-bat .content .name {
  font-family: var(--font-medium);

  font-size: 20px;

  line-height: 24px;

  color: var(--third-color);

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;

  height: 48px;
}

.tin-noi-bat .content .name:hover {
  color: var(--third-color) !important;
}

/* -----Cảm nhận của khách hàng---- */

.cam-nhan-khach-hang {
  max-width: 1600px;

  margin: 0 auto;

  background-color: var(--fifth-color);

  border-radius: 10px;

  padding: 70px 0;
}

.cam-nhan-khach-hang .des-title {
  line-height: 43px;
}

.cam-nhan-left .des {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 22px;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;

  height: 88px;

  margin: 21px 0 38px;

  max-width: 385px;
}

.video-cam-nhan {
  margin-left: 10px;
}

.video-cam-nhan .wrap-img {
  padding-bottom: calc((300 / 400) * 100%);

  border-radius: 10px;

  overflow: hidden;

  cursor: pointer;
}

.video-cam-nhan .wrap-img svg {
  position: absolute;

  bottom: 24px;

  right: 24px;
}

.cam-nhan-wrap {
  margin-right: 30px;
}

#cam-nhan .item {
  max-width: 850px;

  margin: 0 auto;
}

#cam-nhan .content {
  margin-right: 10px;

  background-color: var(--third-color);

  border-radius: 10px;

  overflow: hidden;

  padding: 33px 28px 23px 28px;
}

#cam-nhan .content .noi-dung {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 22px;

  margin: 15px 0 20px;

  display: -webkit-box;

  -webkit-line-clamp: 5;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;

  height: 110px;
}

#cam-nhan .content .name {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;

  padding-top: 18px;

  margin-bottom: 3px;

  border-top: 2px dashed var(--second-color);
}

#cam-nhan .content .job {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 19px;
}

#cam-nhan {
  position: relative;
}

#cam-nhan .owl-nav button {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  color: var(--second-color);

  width: 35px;

  height: 35px;

  border-radius: 50%;

  border: 1px solid var(--second-color);
}

#cam-nhan .owl-nav button svg {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

#cam-nhan .owl-nav .owl-prev {
  left: -31px;
}

#cam-nhan .owl-nav .owl-next {
  right: -31px;
}

/* -----ịch vụ visa------  */

.dich-vu-visa {
  padding-top: 60px;

  padding-bottom: 60px;
}

.dich-vu-visa .title-wrap {
  text-align: center;
}

.dich-vu-visa .title-wrap a {
  font-family: var(--font-light);

  font-size: 18px;

  line-height: 21px;

  color: var(--primary-color);

  text-decoration: underline;

  margin: 14px 0 40px;

  display: inline-block;
}

.visa-left {
  margin-right: 60px;
}

.visa-left .wrap-img,
.visa-right .wrap-img {
  padding-bottom: calc((270 / 400) * 100%);

  border-radius: 10px;

  overflow: hidden;
}

.visa-left .wrap-img:not(:last-child),
.visa-right .wrap-img:not(:last-child) {
  margin-bottom: 40px;
}

.overlay-visa {
  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: calc((130 / 270) * 100%);

  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
}

.overlay-visa .country {
  position: absolute;

  bottom: 0;

  width: 100%;

  left: 0;

  font-family: var(--font-medium);

  color: var(--third-color);

  font-size: 18px;

  line-height: 50px;

  text-transform: uppercase;

  padding: 24px;
}

.overlay-visa .country img {
  width: 50px;

  height: 50px;

  object-fit: cover;

  margin-right: 18px;
}

.visa-center {
  margin: 0 -50px;
}

.visa-center .wrap-img {
  padding-bottom: calc((580 / 560) * 100%);

  border-radius: 10px;

  overflow: hidden;
}

.visa-right {
  margin-left: 60px;
}

.visa-wrap .dang-ky {
  text-align: center;

  margin-top: 50px;
}

.visa-wrap .dang-ky a {
  color: var(--third-color);

  display: inline-block;

  font-size: 16px;

  line-height: 20px;

  font-family: var(--font-medium);

  text-transform: uppercase;

  padding: 15px 50px;

  border-radius: 200px;

  background-color: var(--second-color);
}

/* ------Báo chí nói về chúng tôi-----  */

.bao-chi-wrap {
  padding: 80px 0;
}

.bao-chi-wrap .item {
  border-radius: 10px;

  border: 1px solid var(--sixth-color);

  padding: 0px 21px 24px 24px;

  overflow: hidden;
}

.bao-chi-wrap .item .wrap-img {
  height: 100px;

  position: relative;
}

.bao-chi-wrap .item .wrap-img img,
#giai-thuong .item .wrap-img img {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: unset !important;
}

.bao-chi-wrap .item .wrap-img img {
  max-height: 70px;
}

#giai-thuong .item .wrap-img img {
  max-height: 153px;
}

.bao-chi-wrap .item .content {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 22px;

  display: -webkit-box;

  -webkit-line-clamp: 7;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;

  height: 154px;
}

.bao-chi-wrap .item .info {
  text-align: right;

  margin-top: 24px;

  position: relative;
}

.bao-chi-wrap .item .info .date,
.bao-chi-wrap .item .info .link-goc {
  font-size: 16px;

  line-height: 24px;

  font-family: var(--font-light);

  color: #616161;
}

.bao-chi-wrap .item .info .link-goc {
  color: var(--second-color);
}

.bao-chi-wrap .item .info svg {
  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);
}

/* -----Giải thưởng------  */

.giai-thuong-wrap {
  padding: 70px 0 140px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;
}

#giai-thuong .item {
  border-radius: 10px;

  padding: 0px 27px 10px;

  overflow: hidden;

  background-color: var(--third-color);

  text-align: center;
}

#giai-thuong .item.mb {
  margin-bottom: 30px;
}

#giai-thuong .item .wrap-img {
  height: 174px;

  position: relative;
}

#giai-thuong .item .nam {
  font-family: var(--font-medium);

  font-size: 22px;

  line-height: 33px;

  color: var(--second-color);
}

#giai-thuong .item .name {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 21px;

  text-transform: uppercase;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  overflow: hidden;

  height: 42px;
}

.giai-thuong-mgl {
  margin-left: 80px;
}

#giai-thuong .owl-dots button span {
  display: inline-block;

  width: 12px;

  height: 12px;

  background-color: var(--third-color);

  border-radius: 50%;
}

#giai-thuong .owl-dots button {
  margin: 0 10px;
}

#giai-thuong .owl-dots {
  margin-top: 41px;

  text-align: center;

  z-index: 3;

  display: inline-block;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);
}

#giai-thuong .owl-nav button svg {
  width: 13px;

  height: 25px;

  color: var(--third-color);
}

#giai-thuong .owl-nav button {
  margin: 0 80px;
}

#giai-thuong .owl-nav {
  position: absolute;

  left: 50%;

  width: 100%;

  transform: translateX(-50%);

  text-align: center;

  margin-top: 38px;
}

.video-giai-thuong-wrap {
  position: relative;
}

.video-giai-thuong {
  color: var(--third-color);

  text-align: center;

  max-width: 520px;

  width: 100%;

  position: absolute;

  top: calc(50% + 7px);

  left: calc(50% + 15px);

  transform: translate(-50%, -50%);
}

.video-giai-thuong h3 {
  font-family: var(--font-medium);

  font-size: 30px;

  line-height: 39px;

  text-transform: uppercase;

  margin-bottom: 5px;
}

.video-giai-thuong .des {
  font-family: var(--font-light);

  font-size: 18px;

  line-height: 24px;

  margin-bottom: 40px;
}

.doi-tac-wrap {
  padding: 17px 0 22px;
}

#doi-tac .item img {
  width: unset !important;
}

#doi-tac .item {
  height: 91px;

  display: flex;

  justify-content: center;

  align-items: center;
}

/* ------------- */

.img-not-wrap {
  width: 35.57%;

  float: left;

  height: 100%;
}

.cac-tour-du-lich.not-wrap .wrap-2 {
  width: calc(100% - 35.57%);

  float: left;

  padding: 65px 0;
}

.wrap-2.right .du-lich {
  margin-left: 30px;
}

.wrap-2.left .du-lich {
  margin-right: 30px;
}

.cac-tour-du-lich.not-wrap {
  padding: 0px;
}

.cac-tour-du-lich.chan .img-not-wrap {
  border-radius: 0px 0px 100px 0px;
}

.cac-tour-du-lich.le .img-not-wrap {
  border-radius: 0px 0px 0px 100px;
}

.img-not-wrap img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

/* -------Footer-----  */

.footer-wrap {
  padding: 50px 0 23px;

  background-color: var(--fifth-color);
}

.footer-right {
  text-align: right;
}

.footer-left {
  margin-right: -15px;
}

.info-company .item.first {
  width: calc(36% - 25px);

  float: left;

  margin-right: 25px;
}

.info-company .item.second {
  width: calc(24.8% - 68px);

  float: left;

  margin: 0 34px;

  min-height: 50px;
}

.info-company .item.third {
  width: calc(39.2% - 34px);

  float: left;

  margin-left: 34px;
}

.logo-footer {
  max-width: 160px;
}

.name-company {
  font-family: var(--font-bold);

  font-size: 18px;

  line-height: 22px;

  margin-bottom: 14px;

  text-transform: uppercase;
}

.info-wrap {
  margin-left: -45px;

  margin-top: 5px;

  margin-right: -15px;
}

.info-company .item {
  position: relative;

  padding-left: 36px;
}

.info-company .item.first::before,
.info-company .item.second::before {
  content: "";

  position: absolute;

  display: inline-block;

  width: 1px;

  height: 50px;

  background-color: var(--sixth-color);

  top: 0;

  right: -34px;
}

.info-company .item svg {
  position: absolute;

  top: 0;

  left: 0;
}

.info-company .item .content {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 22px;
}

.info-company {
  margin-bottom: 52px;
}

.menu-footer .title {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;

  margin-bottom: 8px;
}

.menu-footer ul li a {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 28px;

  color: var(--primary-color);
}

.menu-footer ul li {
  padding-left: 12px;

  position: relative;
}

.menu-footer ul li::before {
  content: "";

  position: absolute;

  display: inline-block;

  width: 4px;

  height: 4px;

  background-color: var(--second-color);

  border-radius: 50%;

  top: 13px;

  left: 0;
}

.menu-footer .des {
  font-size: 16px;

  font-family: var(--font-light);

  line-height: 19px;
}

.menu-footer .des strong {
  font-family: var(--font-bold);

  color: var(--second-color);
}

.menu-footer.second {
  margin-left: -9px;
}

.menu-footer.third {
  margin-left: -12px;

  margin-right: 40px;
}

.menu-footer.fourth {
  margin-left: -42px;

  margin-right: -15px;
}

#form-contact-mail {
  margin-top: 19px;

  border: 1px solid var(--sixth-color);

  border-radius: 5px;

  position: relative;

  overflow: hidden;

  max-width: 300px;
}

#form-contact-mail input {
  width: 100%;

  line-height: 43px;

  padding: 0 53px 0 48px;

  border: none;

  background-color: var(--third-color);

  font-family: var(--font-light);

  font-size: 16px;

  color: var(--primary-color);
}

#form-contact-mail .svg-1 {
  position: absolute;

  top: 50%;

  left: 10px;

  transform: translateY(-50%);

  color: #828282;
}

#form-contact-mail button {
  position: absolute;

  top: 0;

  right: 0;

  border: none;

  border-left: 1px solid var(--sixth-color);

  width: 43px;

  height: 43px;

  background-color: var(--third-color);
}

#form-contact-mail button .svg-2 {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.chung-nhan-wrap {
  background-color: var(--fifth-color);

  padding: 24px 0px;

  border-top: 1px solid var(--sixth-color);
}

.giay-phep {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 22px;
}

.giay-phep strong {
  font-family: var(--font-medium);

  font-weight: 500;
}

.copyright {
  font-family: var(--font-light);

  font-size: 14px;

  line-height: 22px;

  margin-top: 9px;
}

.chap-nhan-thanh-toan .title,
.social .title {
  font-family: var(--font-medium);

  font-size: 16px;

  line-height: 22px;

  margin-top: 6px;
}

.chap-nhan-thanh-toan img {
  margin-top: 12px;
}

.chap-nhan-thanh-toan {
  margin-left: 16px;
}

.social {
  margin-left: 20px;

  margin-right: -40px;
}

.social-icons {
  margin-top: 17px;
}

.social-icons a:not(:last-child) {
  margin-right: 12px;
}

.da-thong-bao {
  text-align: right;

  margin-left: 40px;

  margin-top: 18px;
}

.da-thong-bao img {
  max-width: 270px;

  width: 100%;
}

.btn-fixed-wrap {
  position: fixed;

  right: 20px;

  bottom: 50px;

  transform: translate(150%, 0);

  visibility: hidden;

  transition: all ease 0.5s;

  opacity: 0;

  z-index: 8;
}

.btn-fixed {
  position: relative;

  display: block;

  width: 50px;

  height: 50px;

  border-radius: 50%;
}

.btn-fixed:not(:last-child) {
  margin-bottom: 19px;
}

#back-to-top {
  background-color: #1868b3;
}

.btn-fixed.loca {
  background-color: #5cb31d;
}

.btn-fixed.mess {
  background-color: #06aeff;
}

.phone-fixed {
  background-color: #c12d82;

  margin-bottom: 24px;
}

.phone-fixed:after {
  border: 12px solid #c12d8233;

  animation: pulsate1 1s ease-out;

  animation-iteration-count: infinite;

  position: absolute;

  content: "";

  left: -6px;

  top: -6px;

  width: 62px;

  height: 62px;

  background-color: transparent;

  z-index: -1;

  border-radius: 50%;
}

.btn-fixed-wrap.show {
  opacity: 1;

  transform: translate(0, 0);

  visibility: visible;
}

.btn-fixed svg {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

@keyframes pulsate1 {
  0% {
    transform: scale(0.92);

    opacity: 0.9;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.1);

    opacity: 0.9;
  }
}

/* -----------breadcrumb------- */

.breadcrumb-build {
  background-color: var(--fifth-color);

  padding: 11px 0;
}

.breadcrumb-build ol li {
  display: inline-block;

  position: relative;
}

.breadcrumb-build ol li:last-child a {
  pointer-events: none;
}

.breadcrumb-build ol li:not(:first-child) {
  margin-left: 24px;
}

.breadcrumb-build li a {
  font-size: 14px;

  font-family: var(--font-light);

  line-height: 21px;

  color: #333333;

  transition: 0.3s linear;
}

.breadcrumb-build li:last-child a {
  color: var(--second-color);
}

.breadcrumb-build li a:hover {
  color: var(--second-color);
}

.breadcrumb-build li:not(:first-child)::before {
  content: url(img/icon-breadcrumb.svg);

  position: absolute;

  top: 0px;

  left: -12px;
}

/* Tour chuyên mục  */

.img-page {
  padding-bottom: calc((200 / 1920) * 100%);
}

.tour-chuyen-muc {
  padding: 40px 0 60px;
}

.tim-kiem-nhanh {
  margin-right: 15px;

  background-color: var(--fifth-color);

  border-radius: 10px;

  padding: 24px 24px 30px;
}

.tim-kiem-nhanh .title {
  font-family: var(--font-medium);

  color: var(--second-color);

  font-size: 24px;

  line-height: 29px;

  margin-bottom: 24px;
}

.tim-kiem-nhanh .title-block {
  font-size: 18px;

  font-family: var(--font-medium);

  line-height: 22px;
}

.tim-kiem-nhanh .lua-chon .title-block {
  margin-bottom: 13px;
}

.tim-kiem-nhanh .lua-chon select {
  width: 100%;
}

.tim-kiem-nhanh .lua-chon-wrap:not(:last-child) {
  margin-bottom: 16px;
}

.tim-kiem-nhanh .ngan-sach,
.tim-kiem-nhanh .van-chuyen {
  margin-top: 30px;
}

.tim-kiem-nhanh .ngan-sach .title-block {
  margin-bottom: 20px;
}

.tim-kiem-nhanh .price-range {
  width: 96%;

  margin-left: 4px;

  background-color: var(--second-color);
}

.ui-slider-horizontal {
  height: 5px;

  border-radius: 0px;
}

.ui-widget.ui-widget-content {
  border: 3px solid #dedede;
}

.ui-slider .ui-slider-handle {
  width: 18px;

  height: 18px;

  border: 2px solid var(--second-color);

  background-color: var(--second-color);

  border-radius: 50% !important;

  outline: none;
}

.ui-slider .ui-slider-range {
  border-color: var(--second-color);

  background-color: var(--second-color);

  height: 5px;

  top: -2px;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -8px;
}

.filter-price-title {
  margin-top: 20px;

  color: var(--second-color);

  font-size: 16px;

  font-family: var(--font-light);

  line-height: 21px;
}

.block.van-chuyen .title-block {
  margin-bottom: 6px;
}

.block.van-chuyen .item {
  width: calc(50% - 6px);

  float: left;

  border-radius: 8px;

  border: 1px solid var(--sixth-color);

  line-height: 40px;

  display: block;

  margin-top: 10px;

  color: var(--primary-color);

  font-family: var(--font-light);

  font-size: 16px;

  padding-left: 42px;

  position: relative;

  background-color: var(--third-color);
}

.block.van-chuyen .item svg {
  position: absolute;

  top: 50%;

  left: 11px;

  transform: translateY(-50%);
}

.block.van-chuyen .item:nth-child(odd) {
  margin-left: 6px;
}

.block.van-chuyen .item:nth-child(even) {
  margin-right: 6px;
}

.products-sort-order {
  text-align: right;
}

.products-sort-order .select-form {
  display: inline-block;

  margin-left: 19px;
}

.products-sort-order .select-form select {
  width: 200px;

  text-align: left !important;
}

.products-sort-order span {
  font-family: var(--font-light);

  font-size: 16px;
}

.products-sort-order .select2-container {
  margin-right: 0px;
}

.product-list .title-top {
  margin-bottom: 30px;
}

.product-list .item-product {
  margin-bottom: 50px;

  margin-left: 10px;

  margin-right: 10px;
}

.product-list {
  margin-left: 5px;
}

.item-product-wrap {
  margin: 0 -10px;
}

.product-list .demo {
  padding: 40px 0;

  border-top: 1px solid var(--sixth-color);
}

.demo .tong-danh-gia,
.demo .op {
  display: inline-block;
}

.demo .danh-gia {
  font-size: 14px;

  line-height: 26px;

  font-family: var(--font-light);

  margin: 6px 0 16px;
}

.demo .danh-gia span {
  font-family: var(--font-medium);
}

.demo .danh-gia #stars {
  margin: 0 11px 0 8px;
}

.demo .op {
  margin-left: 29px;

  padding-left: 29px;

  position: relative;

  color: var(--primary-color);
}

.demo .op svg {
  color: #616161;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  transition: 0.3s;
}

.demo .op.share:hover svg {
  color: var(--second-color);
}

.demo .des {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 24px;
}

.demo .see-more a {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 19px;

  color: var(--second-color);
}

.demo .see-more {
  text-align: right;

  margin-top: 10px;
}

.demo .see-more a svg {
  margin-left: 7px;
}

/* Pagination */

.pagination-build {
  text-align: center;

  margin-bottom: 50px;
}

.pagination-build li {
  display: inline-block;
}

.pagination-build li:not(:last-child) {
  margin-right: 10px;
}

.pagination-build li a {
  width: 40px;

  height: 40px;

  border: 1px solid var(--sixth-color);

  display: inline-block;

  text-align: center;

  line-height: 40px;

  color: #575756;

  transition: 0.3s;

  border-radius: 50%;

  font-size: 18px;

  font-family: var(--font-light);
}

.pagination-build li a svg {
  transform: translateY(3px);
}

.pagination-build li.active a,
.pagination-build li a:hover {
  border: 1px solid var(--second-color);

  background: var(--second-color);

  color: var(--third-color) !important;
}

.tags {
  padding: 24px 0 34px;

  border-top: 1px solid var(--sixth-color);
}

.tags .item {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 19px;

  padding: 8px 20px;

  background-color: var(--fifth-color);

  color: var(--primary-color);

  display: inline-block;

  border-radius: 8px;
}

.tags .item:not(:last-child) {
  margin-right: 10px;
}

.bai-viet-lien-quan.da-khoi-hanh {
  background-color: var(--third-color);

  padding: 0;
}

.bai-viet-lien-quan.da-khoi-hanh .owl-dots {
  display: none;
}

.bai-viet-lien-quan .des-title {
  margin-bottom: 30px;
}

.bai-viet-lien-quan.da-khoi-hanh .item {
  box-shadow: none;

  border: 1px solid var(--sixth-color);
}

.bai-viet-lien-quan.da-khoi-hanh .owl-has-nav .owl-nav button,
.news-list .da-khoi-hanh .owl-has-nav .owl-nav button {
  top: 50%;
}

/* Chi tiết địa điểm */

.img-page-to {
  padding-bottom: calc((500 / 1920) * 100%);
}

.chi-tiet-dia-diem .demo {
  position: relative;

  padding: 60px 0 50px 148px;
}

.chi-tiet-dia-diem .demo img {
  position: absolute;

  top: 48%;

  left: 0;

  transform: translateY(-50%);

  width: 100px;

  height: 100px;

  object-fit: cover;
}

.chi-tiet-dia-diem .demo .see-more {
  text-align: left;

  margin-top: 20px;
}

.hinh-anh-nuoc-wrap {
  margin: 0 -10px;
}

.hinh-anh-nuoc .left {
  width: calc((420 / 1370) * 100%);

  float: left;

  padding: 0 10px;
}

.hinh-anh-nuoc .center {
  width: calc((320 / 1370) * 100%);

  float: left;

  padding: 0 10px;
}

.hinh-anh-nuoc .right {
  width: calc((630 / 1370) * 100%);

  float: left;

  padding: 0 10px;
}

.hinh-anh-nuoc .wrap-img-1 {
  padding-bottom: 82.5%;

  margin-bottom: 20px;
}

.hinh-anh-nuoc .wrap-img-2 {
  padding-bottom: 62.5%;
}

.hinh-anh-nuoc .wrap-img-3 {
  padding-bottom: 200%;
}

.hinh-anh-nuoc .wrap-img-4 {
  padding-bottom: calc((330 / 610) * 100%);

  margin-bottom: 20px;
}

.hinh-anh-nuoc .right .left-inner {
  width: calc((260 / 610) * 100%);

  padding-right: 5px;

  float: left;
}

.hinh-anh-nuoc .wrap-img-5 {
  padding-bottom: 100%;
}

.hinh-anh-nuoc .right .right-inner {
  width: calc((350 / 610) * 100%);

  padding-left: 5px;

  float: left;
}

.hinh-anh-nuoc .wrap-img-6 {
  padding-bottom: calc((250 / 340) * 100%);
}

.hinh-anh-nuoc .img-100 {
  border-radius: 10px;

  overflow: hidden;
}

.hinh-anh-nuoc {
  padding: 60px 0;

  background-color: var(--fifth-color);
}

.chi-tiet-dia-diem-product {
  padding-top: 60px;
}

.chi-tiet-dia-diem-product .product-list {
  margin-left: 0px;
}

/* Chi tiết tour  */

.chi-tiet-tour {
  padding: 45px 0 60px;
}

.chi-tiet-tour h1.title {
  font-family: var(--font-medium);

  font-size: 34px;
}

.chuong-trinh-tour .hinh-anh {
  width: calc((800 / 1350) * 100%);

  float: left;

  position: relative;
}

.chuong-trinh-tour .hinh-anh .wrap-img {
  padding-bottom: 56.25%;
}

.chuong-trinh-tour .owl-has-nav .owl-nav button {
  top: 50%;
}

.chuong-trinh-tour .thong-tin {
  width: calc((550 / 1350) * 100%);

  float: left;
}

.chuong-trinh-tour {
  border: 1px solid var(--sixth-color);

  border-radius: 20px;

  overflow: hidden;
}

.chuong-trinh-tour .thong-tin {
  padding: 18px 40px 24px 50px;
}

.chuong-trinh-tour .thong-tin .top {
  margin-bottom: 7px;
}

.chuong-trinh-tour .thong-tin .top svg {
  color: var(--fourth-color);
}

.chuong-trinh-tour .thong-tin .top .right {
  width: calc((170 / 460) * 100%);

  float: right;

  text-align: right;
}

.chuong-trinh-tour .thong-tin .top .right .has-svg {
  display: inline-block;
}

.chuong-trinh-tour .thong-tin .top .left {
  width: calc((290 / 460) * 100%);

  float: left;

  padding-right: 10px;
}

.chuong-trinh-tour .thong-tin .top .has-svg {
  padding-left: 40px;

  position: relative;
}

.chuong-trinh-tour .thong-tin .top .has-svg {
  padding-left: 33px;
}

.chuong-trinh-tour .thong-tin .top .has-svg svg,
.chuong-trinh-tour .thong-tin .top .has-svg img {
  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);
}

.chuong-trinh-tour .thong-tin .top .has-svg img {
  width: 24px;

  height: 24px;

  object-fit: cover;
}

.chuong-trinh-tour .thong-tin .top {
  font-family: var(--font-light);

  font-size: 18px;

  line-height: 26px;
}

.chuong-trinh-tour .thong-tin .top span {
  color: #616161;
}

.chuong-trinh-tour .thong-tin .top b {
  font-family: var(--font-medium);

  font-weight: unset;
}

.chuong-trinh-tour .thong-tin .top.phuong-tien {
  margin-top: 14px;
}

.chuong-trinh-tour .thong-tin .top.phuong-tien .left {
  width: calc((160 / 460) * 100%);

  float: left;

  padding-right: 10px;

  margin-top: 8px;
}

.chuong-trinh-tour .thong-tin .top.phuong-tien .right {
  width: calc((300 / 460) * 100%);

  float: right;
}

.chuong-trinh-tour .thong-tin .top.phuong-tien .right .vehicle {
  display: inline-block;
}

.chuong-trinh-tour .top.phuong-tien .right .vehicle:not(:first-child) {
  margin-left: 10px;
}

.chuong-trinh-tour .thong-tin .price {
  font-family: var(--font-medium);

  font-size: 34px;

  line-height: 24px;

  color: var(--second-color);

  margin-bottom: 9px;
}

.chuong-trinh-tour .thong-tin .sale {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 26px;

  color: var(--second-color);
}

.chuong-trinh-tour .thong-tin .sale svg {
  margin-right: 6px;
}

.chuong-trinh-tour .thong-tin .price-wrap {
  position: relative;

  padding-left: 40px;

  margin-top: 20px;
}

.chuong-trinh-tour .thong-tin .price-wrap .price-off span {
  font-size: 18px;
}

.chuong-trinh-tour .thong-tin .sale {
  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  padding: 6px 19px;

  background-color: #fff0f9;

  border-radius: 100px;
}

.chuong-trinh-tour .thong-tin .button-wrap {
  margin-top: 16px;
}

.chuong-trinh-tour .thong-tin .button-wrap a {
  display: block;

  width: calc(50% - 5px);

  float: left;

  font-size: 20px;

  font-family: var(--font-medium);

  text-transform: uppercase;

  text-align: center;

  line-height: 50px;

  border-radius: 200px;
}

.chuong-trinh-tour .thong-tin .button-wrap .dat-tour {
  color: var(--third-color);

  background-color: var(--second-color);

  margin-right: 5px;
}

.chuong-trinh-tour .thong-tin .button-wrap .tu-van {
  color: var(--fourth-color);

  border: 1.2px solid var(--fourth-color);

  margin-left: 5px;
}

.chuong-trinh-tour .thong-tin .uu-dai {
  text-align: center;

  color: var(--fourth-color);

  font-size: 16px;

  line-height: 26px;

  margin: 6px 0 17px;

  font-family: var(--font-medium);
}

.chuong-trinh-tour .thong-tin .uu-dai svg {
  transform: translateY(3px);
}

.chuong-trinh-tour .ho-tro a {
  display: block;

  width: calc(50% - 5px);

  float: left;

  font-size: 16px;

  font-family: var(--font-light);

  border-radius: 200px;

  color: var(--primary-color);

  position: relative;

  padding: 5px 10px 5px 70px;

  text-align: left;
}

.chuong-trinh-tour .ho-tro a svg {
  position: absolute;

  top: 50%;

  left: 24px;

  transform: translateY(-50%);
}

.chuong-trinh-tour .ho-tro .cskh {
  background-color: #ffeaed;

  margin-right: 5px;
}

.chuong-trinh-tour .ho-tro .mail {
  background-color: #eff5ff;

  margin-left: 5px;
}

.chi-tiet-tour .demo {
  margin: 6px 0 25px;
}

.chi-tiet-tour .demo .danh-gia {
  margin: 0;
}

.download-wrap {
  text-align: right;
}

.download {
  padding-left: 30px;

  position: relative;

  font-family: var(--font-medium);

  font-size: 16px;

  line-height: 26px;

  color: #4e9e14;

  display: inline-block;
}

.download svg {
  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);
}

.lich-trinh-khac {
  padding: 40px 0 55px;
}

/* Tư vấn khách hàng */

.tu-van-khach-hang {
  border-radius: 10px;

  padding: 22px 11px 11px;

  background: linear-gradient(180deg, #ffeaed 44.93%, #b3c7e7 100%);

  margin-left: 15px;
}

.tu-van-khach-hang .title {
  font-size: 24px;

  font-family: var(--font-medium);

  line-height: 29px;

  padding: 0 11px;
}

.tu-van-khach-hang .title span {
  color: var(--second-color);
}

.tu-van-khach-hang .img {
  margin: 0 7px -5px 21px;
}

.tu-van-khach-hang .nhan-vien {
  border-radius: 10px;

  background-color: var(--third-color);

  padding: 12px;

  position: relative;

  z-index: 1;
}

.tu-van-khach-hang .nhan-vien:not(:last-child) {
  margin-bottom: 12px;
}

.tu-van-khach-hang .nhan-vien .wrap-img {
  margin-right: -15px;

  max-height: 80px;

  object-fit: cover;
}

.tu-van-khach-hang .nhan-vien .info {
  margin-left: 2px;
}

.tu-van-khach-hang .nhan-vien .info .name {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;
}

.tu-van-khach-hang .nhan-vien .info .des {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 19px;

  margin-bottom: 11px;
}

.tu-van-khach-hang .nhan-vien .info .phone {
  display: block;

  color: var(--primary-color);

  font-family: var(--font-light);

  font-size: 18px;

  line-height: 24px;

  padding-left: 30px;

  position: relative;
}

.tu-van-khach-hang .nhan-vien .info .phone svg {
  color: var(--second-color);

  position: absolute;

  top: 0;

  left: 0;
}

/* end tư vấn */

.lich-trinh-khac-inner {
  margin-right: 5px;
}

.lich-trinh-khac-inner .bang-lich {
  border-radius: 10px;

  overflow: hidden;
}

.bang-lich .title {
  font-family: var(--font-medium);

  font-size: 24px;

  line-height: 29px;

  color: var(--third-color);

  background-color: var(--fourth-color);

  padding: 12px 21px 15px;
}

.bang-lich .lich {
  padding: 14px 21px 20px;

  background-color: #ffebee;
}

.bang-lich .lich .thang {
  margin-bottom: 15px;
}

.bang-lich .lich .thang li {
  display: inline-block;

  margin-left: 23px;
}

.bang-lich .lich .thang li.active a {
  color: var(--third-color) !important;

  background-color: var(--second-color);
}

.bang-lich .lich .thang li a {
  display: inline-block;

  padding: 5px 6px;

  border-radius: 50%;
}

.bang-lich .lich .thang li a,
.bang-lich .lich .thang {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;

  color: #616161;
}

.bang-lich .lich .thang {
  color: var(--primary-color);
}

.bang-lich .tab-content .thong-tin {
  background-color: var(--third-color);

  padding: 22px 30px 11px 0px;

  border-radius: 10px;
}

.bang-lich .thong-tin .row-1 {
  display: grid;

  grid-template-columns: 20% 20% 20% 20% 20%;

  align-items: center;

  border-bottom: 1px solid var(--sixth-color);
}

.bang-lich .thong-tin .row-1 {
  padding-left: 24px;
}

.bang-lich .thong-tin .row-1.head {
  margin-right: -30px;

  padding-right: 30px;

  padding-bottom: 14px;
}

.bang-lich .thong-tin .row-1.head .cot {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;

  text-transform: uppercase;

  color: var(--second-color);
}

.bang-lich .thong-tin .row-1.head .cot-5 {
  text-align: center;
}

.bang-lich .thong-tin .row-1.head .cot span {
  color: var(--primary-color);

  font-size: 14px;

  line-height: 18px;

  margin-top: 4px;
}

.row-1.rbody {
  padding: 8px 0;
}

.row-1.rbody .ngay,
.row-1.rbody .hang-bay {
  font-size: 18px;

  font-family: var(--font-light);

  line-height: 21px;
}

.row-1.rbody .cot-1 .slot {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 19px;
}

.row-1.rbody .cot-1 .slot.con-cho {
  color: #6da544;
}

.row-1.rbody .cot-1 .slot.het-cho {
  color: #ff0000;
}

.row-1.rbody .price {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 21px;

  color: var(--second-color);
}

.row-1.rbody .cot-5 a {
  display: block;

  margin-right: 10px;

  border-radius: 100px;

  line-height: 34px;

  font-family: var(--font-light);

  font-size: 18px;

  color: var(--primary-color);

  text-align: center;
}

.row-1.rbody .cot-5 a.con-cho {
  background-color: #ffeaed;
}

.row-1.rbody .cot-5 a.het-cho {
  background-color: #eff5ff;
}

.row-1.rbody.stop,
.row-1.rbody.stop .price,
.row-1.rbody.stop .price-off span {
  color: #afafaf !important;
}

.row-1.rbody.stop .price-off span:after {
  background-color: #afafaf !important;
}

.row-1.rbody.stop .cot-5 a {
  background-color: #efefef;
}

.overflow-wrap {
  height: 319px;

  overflow-y: scroll;

  margin-right: -15px;

  padding-right: 15px;
}

.overflow-wrap::-webkit-scrollbar {
  width: 6px;
}

.overflow-wrap::-webkit-scrollbar-thumb {
  background: var(--second-color);

  border-radius: 10px;
}

.overflow-wrap::-webkit-scrollbar-track {
  background-color: #ffeaed;

  border-radius: 10px;
}

.row-1.rbody:last-child {
  border-bottom: none;
}

.des-title.small {
  font-size: 24px;

  line-height: 29px;
}

.lich-trinh-khac-inner .diem-nhan {
  margin-top: 40px;
}

.lich-trinh-khac-inner .diem-nhan .des-title {
  margin-bottom: 14px;
}

.lich-trinh-khac-inner .diem-nhan .content {
  font-size: 16px;

  line-height: 24px;
}

.chi-tiet-lich-trinh .muc-luc .item h2 a {
  color: var(--primary-color) !important;

  font-family: var(--font-light);

  font-size: 18px;

  line-height: 22px;

  font-weight: 400;
}

.chi-tiet-lich-trinh .muc-luc .item h2 a strong {
  font-family: var(--font-medium);

  font-weight: 500;

  display: block;

  margin-bottom: 6px;
}

.chi-tiet-lich-trinh .muc-luc .item h3 {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 19px;
}

.chi-tiet-lich-trinh .muc-luc {
  padding-left: 39px;

  margin-left: 95px;

  position: relative;
}

.chi-tiet-lich-trinh .muc-luc .item {
  position: relative;

  margin-bottom: 40px;
}

.chi-tiet-lich-trinh .muc-luc .tich-chon {
  width: 18px;

  height: 18px;

  border: 2px solid var(--second-color);

  border-radius: 50%;

  position: absolute;

  left: -27px;

  top: 0;

  background-color: var(--third-color);
}

.chi-tiet-lich-trinh .muc-luc .tich-chon .center {
  width: 8.5px;

  height: 8.5px;

  background-color: var(--second-color);

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.chi-tiet-lich-trinh .muc-luc::before {
  content: "";

  display: block;

  width: 0;

  height: calc(100% + 30px);

  border: 1px dashed var(--second-color);

  position: absolute;

  top: 0;

  left: 19px;
}

.chi-tiet-lich-trinh .muc-luc .ngay {
  background-color: var(--second-color);

  padding: 5px 14px 7px 11px;

  border-radius: 5px;

  position: absolute;

  top: -7px;

  left: -132px;
}

.chi-tiet-lich-trinh .muc-luc .ngay a {
  color: var(--third-color) !important;

  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;

  font-weight: 500;
}

.chi-tiet-lich-trinh .muc-luc .ngay a strong {
  font-weight: 500;
}

.chi-tiet-lich-trinh .muc-luc .ngay::after {
  border-color: transparent var(--second-color) transparent var(--second-color);

  border-style: solid;

  border-width: 8px 0px 8px 8px;

  content: "";

  height: 0;

  position: absolute;

  left: 100%;

  top: 50%;

  transform: translateY(-50%);

  width: 0;
}

.chi-tiet-lich-trinh .left .des-title {
  margin-bottom: 33px;
}

.chi-tiet-lich-trinh .left {
  margin-right: -33px;
}

.chi-tiet-lich-trinh .right {
  margin-left: 48px;
}

.chi-tiet-lich-trinh .right .des-title {
  margin-bottom: 15px;
}

.chi-tiet-bai-viet {
  padding-left: 45px;

  position: relative;

  margin-bottom: 38px;
}

.chi-tiet-bai-viet strong {
  font-weight: 500;
}

.chi-tiet-bai-viet h2 {
  font-family: var(--font-light);

  font-size: 24px;

  line-height: 41px;

  color: var(--second-color);

  text-transform: uppercase;

  position: relative;
}

.chi-tiet-bai-viet h2::before {
  content: "";

  width: 20px;

  height: 20px;

  border: 2px solid var(--second-color);

  border-radius: 50%;

  position: absolute;

  left: -46px;

  top: 50%;

  transform: translateY(-50%);

  background-color: var(--third-color);
}

.chi-tiet-bai-viet .tich-chon {
  width: 20px;

  height: 20px;

  border: 2px solid var(--second-color);

  border-radius: 50%;

  position: absolute;

  left: -1px;

  bottom: -37px;

  background-color: var(--third-color);
}

.chi-tiet-bai-viet h2::after {
  content: "";

  width: 10px;

  height: 10px;

  background-color: var(--second-color);

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: -41px;

  transform: translateY(-50%);
}

.chi-tiet-bai-viet .tich-chon .center {
  width: 10px;

  height: 10px;

  background-color: var(--second-color);

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 3px;

  transform: translateY(-50%);
}

.chi-tiet-bai-viet h2 strong {
  font-family: var(--font-light);

  font-size: 34px;
}

.chi-tiet-bai-viet h3 {
  font-family: var(--font-light);

  font-size: 18px;

  line-height: 29px;

  margin-bottom: 3px;

  margin-bottom: 13px;
}

.chi-tiet-bai-viet h3 strong {
  font-family: var(--font-medium);

  font-size: 24px;
}

.chi-tiet-bai-viet p {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 30px;

  min-height: 30px;
}

.chi-tiet-bai-viet p strong {
  font-family: var(--font-medium);
}

.chi-tiet-bai-viet img {
  width: 100% !important;

  max-width: 100% !important;

  margin: 18px 0 25px;
}

.chi-tiet-bai-viet::before {
  content: "";

  display: block;

  width: 0;

  height: calc(100% + 20px);

  border: 1px dashed var(--second-color);

  position: absolute;

  top: 15px;

  left: 8px;
}

.chi-tiet-lich-trinh .dat-tour {
  display: block;

  max-width: 340px;

  line-height: 50px;

  margin: 32px auto 60px;

  background-color: var(--second-color);

  color: var(--third-color);

  border-radius: 200px;

  text-align: center;

  text-transform: uppercase;

  font-size: 20px;
}

.quy-dinh-dich-vu .des-title {
  margin-bottom: 30px !important;
}

.quy-dinh-dich-vu .quy-dinh:not(:last-child),
.cau-hoi-wrap .quy-dinh:not(:last-child) {
  margin-bottom: 15px;
}

.quy-dinh {
  border: 1px solid var(--sixth-color);

  border-radius: 10px;
}

.quy-dinh .heading a {
  display: block;

  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;

  color: var(--primary-color);

  padding: 17px 24px 17px 69px;

  position: relative;
}

.quy-dinh .heading a .truoc {
  position: absolute;

  top: 50%;

  left: 24px;

  transform: translateY(-50%);
}

.quy-dinh .heading a .sau {
  position: absolute;

  top: 50%;

  right: 24px;

  transform: rotate(180deg) translateY(50%);

  transition: 0.2s;
}

.quy-dinh .heading a[aria-expanded="true"] .sau {
  transform: rotate(0deg) translateY(-50%);
}

.quy-dinh .cbody {
  padding: 0 24px 24px;
}

.quy-dinh .cbody ul li {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 30px;

  list-style: disc;
}

.quy-dinh .cbody ul {
  padding-left: 65px;
}

.diem-du-lich-khac .des-title {
  margin-bottom: 30px;
}

.diem-du-lich-khac {
  padding-top: 50px;

  border-top: 1px solid var(--sixth-color);

  margin-top: 60px;
}

.chi-tiet-tour-gio-chot .time {
  width: 350px;

  line-height: 50px;

  height: 50px;

  text-align: center;

  background-color: var(--second-color);

  color: var(--third-color);

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translate(-50%, 50%);

  z-index: 2;

  border-radius: 200px;
}

.chi-tiet-tour-gio-chot .img-100:hover img {
  transform: scale(1);
}

.chi-tiet-tour-gio-chot .chuong-trinh-tour {
  overflow: unset;
}

.chi-tiet-tour-gio-chot .time div {
  display: inline-block;

  font-family: var(--font-medium);

  font-size: 30px;
}

.chi-tiet-tour-gio-chot .time .day {
  font-size: 18px;

  font-family: var(--font-light);

  margin-right: 19px;

  transform: translateY(-5px);
}

.chi-tiet-tour-gio-chot .time .phan-cach {
  margin: 0 4px;
}

.chi-tiet-tour h1.title span {
  color: var(--second-color);
}

/* Đặt tour  */

.dat-tour-page .chuong-trinh-tour {
  border: none;

  border-radius: 0px;
}

.dat-tour-page .chuong-trinh-tour .hinh-anh {
  border-radius: 20px;

  overflow: hidden;
}

.dat-tour-page .chuong-trinh-tour .thong-tin {
  padding: 0 0 0 22px;
}

.dat-tour-page .thong-tin-inner {
  border-radius: 20px;

  border: 1px solid var(--sixth-color);

  overflow: hidden;
}

.dat-tour-page .top-inner {
  padding: 20px 40px 16px 28px;
}

.dat-tour-page .top-inner .title {
  font-family: var(--font-medium);

  font-size: 30px;

  line-height: 40px;

  margin-bottom: 16px;
}

.dat-tour-page .bottom-inner {
  background-color: var(--second-color);

  color: var(--third-color);

  font-family: var(--font-medium);

  padding-bottom: 26px;
}

.dat-tour-page .bottom-inner .bottom {
  padding: 21px 40px 27px 28px;
}

.dat-tour-page .bottom-inner .bottom .left {
  width: 40%;

  float: left;

  font-size: 24px;

  line-height: 26px;
}

.dat-tour-page .bottom-inner .bottom .right {
  width: 60%;

  float: left;

  text-align: right;

  font-size: 34px;

  line-height: 26px;
}

.dat-tour-page .bottom-inner .dat {
  display: block;

  width: 230px;

  height: 56px;

  line-height: 56px;

  border: 1.5px solid var(--third-color);

  border-radius: 200px;

  background-color: transparent;

  font-size: 20px;

  text-transform: uppercase;

  color: var(--third-color);

  margin: 0 auto;

  text-align: center;
}

.thong-tin-khach-hang .option {
  padding: 30px 0;
}

.thong-tin-khach-hang .chuong-trinh-tour .ho-tro a {
  width: 245px;

  margin-left: 32px;
}

.thong-tin-khach-hang .chuong-trinh-tour {
  float: right;
}

.thong-tin-khach-hang .option .right {
  text-align: right;
}

.thong-tin-khach-hang .option .download {
  margin-top: 15px;
}

.thong-tin-khach-hang .option .des-title {
  margin-top: 13px;
}

.form-khach-hang {
  margin-right: 5px;
}

.form-chung .input-wrap input {
  height: 40px;

  border: 1px solid var(--sixth-color);

  border-radius: 8px;

  padding: 0 14px 0 12px;

  width: 100%;

  font-family: var(--font-light);

  font-size: 18px;
}

.form-chung .ilabel {
  font-size: 16px;

  font-family: var(--font-medium);

  line-height: 20px;

  margin-bottom: 12px;
}

.form-chung .ilabel span {
  font-family: var(--font-light);
}

.form-chung .ilabel b {
  color: var(--second-color);
}

.form-chung .input-wrap.mb {
  margin-bottom: 16px;
}

.form-khach-hang .thong-tin-lien-lac {
  padding: 25px 30px 35px 30px;

  border: 1px solid var(--sixth-color);

  border-radius: 10px;
}

.form-khach-hang .des-title {
  padding: 28px 0 23px;
}

.quantity {
  position: relative;
}

.quantity button {
  padding: 0;

  border: none;

  background-color: transparent;

  position: absolute;

  top: calc(50% + 2px);

  transform: translateY(-50%);
}

.quantity .plus {
  right: 14px;
}

.quantity .minus {
  right: 52px;
}

.so-luong-khach .input-wrap {
  margin: 0 10px;
}

.so-luong-khach .inner {
  margin: 0 -10px;
}

.so-luong-khach {
  padding: 24px 30px;

  border-radius: 10px;

  border: 1px solid var(--sixth-color);
}

.so-luong-khach .input-wrap input {
  font-size: 20px;
}

.so-luong-khach .ilabel span {
  font-size: 16px;

  font-family: var(--font-light);
}

.form-khach-hang textarea {
  width: 100%;

  height: 250px;

  border: 1px solid var(--sixth-color);

  border-radius: 10px;

  padding: 10px;
}

.form-khach-hang .submit,
.form-dk-visa .submit {
  display: block;

  width: 340px;

  margin: 30px auto 0;

  border-radius: 200px;

  background-color: var(--second-color);

  color: var(--third-color);

  text-transform: uppercase;

  text-align: center;

  font-size: 20px;

  height: 50px;

  line-height: 50px;

  border: none;
}

/* Visa  */

.chi-tiet-dia-diem.gioi-thieu-visa .demo {
  padding: 0px;
}

.gioi-thieu-visa {
  padding: 60px 0;
}

.gioi-thieu-visa .wrap-img {
  margin-right: 30px;

  padding-bottom: calc((280 / 400) * 100%);

  border-radius: 10px;

  overflow: hidden;
}

.ho-so-xin-visa {
  padding: 60px 0 40px;

  background-color: var(--fifth-color);
}

.ho-so-xin-visa .khu-vuc {
  text-align: center;

  margin: 36px 0 30px;
}

.ho-so-xin-visa .khu-vuc li {
  display: inline-block;
}

.ho-so-xin-visa .khu-vuc li:not(:last-child) {
  margin-right: 13px;
}

.ho-so-xin-visa .khu-vuc li a {
  font-family: var(--font-medium);

  line-height: 22px;

  font-size: 18px;

  color: var(--primary-color);

  display: inline-block;

  padding: 9px 30px;

  border: 1px solid var(--sixth-color);

  border-radius: 10px;
}

.ho-so-xin-visa .khu-vuc li.active a {
  color: var(--third-color);

  background-color: var(--second-color);
}

.all-visa {
  display: flex;

  flex-wrap: wrap;

  margin: 0 -10px;
}

.all-visa .item {
  text-align: center;

  width: calc(100% / 8);

  padding: 0 10px;

  margin-bottom: 20px;
}

.all-visa .item .item-inner {
  border: 1px solid var(--sixth-color);

  border-radius: 10px;

  background-color: #fff;
  display: block;
}

.all-visa .item img {
  width: 50px;

  height: 50px;

  object-fit: cover;

  margin: 16px 0 11px;
}

.all-visa .item .name {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 26px;

  text-transform: uppercase;

  padding: 0 15px;

  margin-bottom: 15px;
}

.cac-buoc-lam-visa,
.dang-ky-lam-visa,
.cau-hoi-thuong-gap {
  padding: 60px 0;
}

.cac-buoc-lam-visa .item {
  width: calc(100% / 4);

  padding: 24px 30px 22px;
}

.cac-buoc-lam-visa .item:not(:first-child) {
  border-left: 1px solid var(--sixth-color);
}

.cac-buoc-lam-visa .cac-buoc {
  border: 1px solid var(--sixth-color);

  border-radius: 10px;

  display: flex;

  flex-wrap: wrap;
}

.cac-buoc-lam-visa .des-title {
  margin-bottom: 53px;
}

.cac-buoc-lam-visa .item .title {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;

  margin: 6px 0 7px;
}

.cac-buoc-lam-visa .item .content {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 24px;
}

.dang-ky-lam-visa {
  background-color: var(--fifth-color);
}

.dang-ky-lam-visa .des {
  font-family: var(--font-light);

  font-size: 18px;

  line-height: 21px;

  margin: 11px 0 40px;

  text-align: center;
}

.dk-visa-wrap {
  box-shadow: 0px 4px 20px 0px #cccccc40;

  background-color: var(--third-color);
}

.dk-visa-wrap img {
  width: 557px;

  float: left;
}

.form-dk-visa {
  width: calc(100% - 557px);

  float: left;

  padding: 24px 35px 40px;
}

.form-dk-visa .input-wrap textarea {
  width: 100%;

  height: 70px;

  border-radius: 8px;

  padding: 10px;

  border: 1px solid var(--sixth-color);

  font-family: var(--font-light);

  font-size: 16px;
}

.form-dk-visa .input-wrap input {
  font-size: 16px;
}

.form-dk-visa .submit {
  width: 300px;

  margin-top: 25px;
}

.form-dk-visa #muc-dich {
  width: 100%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;

  bottom: 0;

  color: transparent;

  cursor: pointer;

  height: auto;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  width: auto;

  z-index: 5;
}

.form-chung .lich-hen {
  position: relative;
}

.form-chung .lich-hen svg {
  position: absolute;

  top: 50%;

  right: 9px;

  transform: translateY(-50%);
}

.cau-hoi-thuong-gap .des-title {
  margin-bottom: 30px;
}

.cau-hoi-wrap {
  max-width: 945px;

  margin: 0 auto;
}

.cau-hoi-wrap .quy-dinh {
  border: none;

  border-radius: 0px;
}

.cau-hoi-wrap .quy-dinh .heading {
  background-color: var(--fifth-color);

  border-radius: 10px;
}

.cau-hoi-wrap .quy-dinh .heading a {
  padding: 17px 24px;
}

.cau-hoi-wrap .quy-dinh .heading a[aria-expanded="true"] {
  color: var(--second-color);
}

.quy-dinh .cbody {
  font-size: 16px;

  line-height: 24px;

  font-family: var(--font-light);
}

.cau-hoi-wrap .quy-dinh .cbody {
  padding: 16px 23px 9px;
}

#modal-ytb .modal-dialog {
  width: 800px;

  position: absolute;

  top: 40%;

  left: 50%;

  transform: translate(-50%, -50%);
}

/* Chi tiết visa */

.chi-tiet-visa .ho-so-xin-visa {
  background-color: var(--third-color);
}

.chi-tiet-visa .content-visa {
  max-width: 1000px;

  margin: 0 auto;

  padding: 60px 0 50px;
}

.chi-tiet-visa .content-visa .des {
  font-size: 16px;

  line-height: 24px;

  font-family: var(--font-light);

  padding: 10px 0 30px 130px;

  position: relative;
}

.chi-tiet-visa .content-visa img {
  position: absolute;

  top: 10px;

  left: 0;
  width: 100px;
}

.chi-tiet-visa .news-detail {
  padding: 0;
}

.chi-tiet-visa .news-detail .content {
  padding: 0px;

  border-bottom: none;
}

/* -------News----- */

.news-list {
  padding: 40px 0 60px;
}

.news-list .tin-tuc-noi-bat {
  padding: 0 0 60px;

  border-bottom: 1px solid var(--sixth-color);
}

.news-list .da-khoi-hanh .info,
.bai-viet-lien-quan.da-khoi-hanh .info {
  color: #616161;
}

.news-list .da-khoi-hanh {
  background-color: var(--third-color);

  padding: 50px 0 0 0;
}

.news-list .da-khoi-hanh .item {
  box-shadow: none;

  border: 1px solid var(--sixth-color);
}

.news-list .da-khoi-hanh .des-title {
  margin-bottom: 30px;
}

.news-list .da-khoi-hanh .item .content .des {
  -webkit-line-clamp: 3;

  height: 66px;

  margin-bottom: 7px;
}

.news-list .da-khoi-hanh .info .ngay-dang,
.bai-viet-lien-quan.da-khoi-hanh .info .ngay-dang {
  margin-right: 15px;
}

.news-list .da-khoi-hanh .tour-le .owl-dots {
  display: none;
}

.all-news .pagination-build {
  margin-bottom: 0px;

  margin-top: 50px;
}

.news-list .da-khoi-hanh.all-news {
  padding: 20px 0 0 0;
}

.news-list .da-khoi-hanh.all-news .item {
  margin: 40px 5px 0;
}

.all-news {
  margin: 0 -5px;
}

/* News detail  */

.news-detail {
  padding: 60px 0;
}

.news-detail-inner {
  max-width: 1000px;

  margin: 0 auto;
}

.news-detail .category {
  display: block;

  font-size: 16px;

  font-family: var(--font-medium);

  line-height: 20px;

  color: var(--primary-color);
}

.news-detail h1 {
  font-family: var(--font-medium);

  font-size: 34px;

  line-height: 42px;

  margin: 14px 0 10px;
}

.news-info .op {
  display: inline-block;

  font-family: var(--font-light);

  line-height: 24px;

  padding-left: 29px;

  position: relative;

  margin-right: 25px;
}

.news-info .op svg {
  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  color: #616161;

  transition: 0.3s;
}

.news-info .op a {
  color: var(--primary-color);
}

.news-info .op a:hover svg {
  color: var(--second-color);
}

.news-detail .content {
  padding: 23px 0 30px;

  border-bottom: 1px solid var(--sixth-color);

  color: var(--primary-color);
}

.news-detail .content h2 {
  font-size: 24px;

  line-height: 29px;

  font-family: var(--font-medium);

  margin: 0 0 10px 0;
}

.news-detail .content h3 {
  font-size: 18px;

  line-height: 24px;

  font-family: var(--font-medium);

  margin: 0 0 10px 0;
}

.news-detail .content h4 {
  font-size: 14px;

  line-height: 17px;

  font-family: var(--font-light);

  margin: 0 0 15px 0;

  color: #616161;

  font-style: italic;
}

.news-detail .content p {
  margin-bottom: 10px;

  font-size: 16px;

  font-family: var(--font-light);

  line-height: 24px;
}

.news-detail .content img {
  margin: 15px 0 10px;

  max-width: 100% !important;
}

.news-detail .content ul {
  margin-bottom: 12px;

  padding-left: 35px;
}

.news-detail .content ul li {
  list-style: disc;

  font-size: 16px;

  font-family: var(--font-light);

  line-height: 26px;
}

.cung-chuyen-muc .des-title {
  margin-top: 40px;
}

.cung-chuyen-muc ul li a {
  font-family: var(--font-medium);

  color: var(--primary-color);

  line-height: 25px;

  font-size: 18px;

  display: inline-block;
}

.cung-chuyen-muc ul li:not(:last-child) {
  margin-bottom: 10px;
}

.cung-chuyen-muc ul {
  margin-top: 20px;
}

.cung-chuyen-muc ul li {
  position: relative;

  padding-left: 20px;
}

.cung-chuyen-muc ul li::before {
  content: "";

  width: 6px;

  height: 6px;

  background-color: var(--second-color);

  border-radius: 50%;

  position: absolute;

  top: 10px;

  left: 0px;
}

.news-detail-inner-wrap {
  padding-bottom: 60px;

  border-bottom: 1px solid var(--sixth-color);
}

.news-list.tin-tuc-khac {
  padding: 0px;
}

.news-detail.page-detail {
  padding: 50px 0 40px;
}

.page-detail .news-detail-inner-wrap {
  padding-bottom: 0px;

  border-bottom: none;
}

.news-detail.page-detail .content {
  border-bottom: none;

  padding: 15px 0 0px;

  margin-top: 0px;
}

/* Contact  */

.contact-page {
  padding: 55px 0 70px;
}

.lien-he-top h3 {
  margin-top: 8px;

  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 22px;

  color: var(--second-color);

  text-transform: uppercase;
}

.lien-he-top {
  margin-bottom: 60px;
}

.lienhe-contact {
  text-align: right;

  margin-top: 13px;
}

.lienhe-contact .item {
  display: inline-block;
}

.lienhe-contact .item:not(:last-child) {
  margin-right: 60px;
}

.lienhe-contact .item .content {
  font-family: var(--font-light);

  font-size: 16px;

  line-height: 22px;

  padding-left: 40px;

  position: relative;

  text-align: left;
}

.lienhe-contact .item svg {
  position: absolute;

  top: 0;

  left: 0;

  color: var(--second-color);
}

.lienhe-contact .item.first {
  max-width: 285px;
}

.lien-he-wrap {
  border: 1px solid var(--sixth-color);

  border-radius: 20px;

  overflow: hidden;
}

.lien-he-wrap img {
  width: 788px;

  float: left;
}

.form-contact-page {
  width: calc(100% - 788px);

  float: left;

  padding: 23px 29px 40px;
}

.form-contact-page .mo-ta {
  font-family: var(--font-light);

  font-size: 18px;

  line-height: 28px;

  padding-bottom: 15px;

  border-bottom: 1px solid var(--sixth-color);

  position: relative;

  margin-bottom: 24px;
}

.form-contact-page .mo-ta::before {
  content: "";

  height: 1px;

  width: 100px;

  background-color: var(--second-color);

  position: absolute;

  bottom: 0;

  left: 0;
}

.form-contact-page .input-wrap textarea {
  width: 100%;

  height: 80px;

  border-radius: 8px;

  padding: 10px;

  border: 1px solid var(--sixth-color);

  font-family: var(--font-light);

  font-size: 16px;
}

.form-contact-page .submit {
  display: block;

  width: 250px;

  margin: 40px auto 0;

  border-radius: 200px;

  background-color: var(--second-color);

  color: var(--third-color);

  text-transform: uppercase;

  text-align: center;

  font-size: 20px;

  height: 56px;

  line-height: 56px;

  border: none;
}

.form-contact-page .input-wrap .ilabel {
  margin-bottom: 7px;
}

.form-contact-page .input-wrap.mb {
  margin-bottom: 20px;
}

/* Hệ thống đại lý */

.he-thong-dai-ly {
  padding: 60px 0 70px;
}

.title-page {
  text-align: center;
}

.title-page h3 {
  font-family: var(--font-medium);

  font-size: 24px;

  line-height: 29px;

  color: var(--second-color);

  text-transform: uppercase;

  margin-top: 9px;
}

.allocation {
  padding-top: 30px;

  padding-bottom: 40px;
}

.allocation .heading {
  color: var(--color-7);
}

.allocation .sub-heading {
  color: var(--color-6);
}

.allocation .box-heading {
  margin-bottom: 47px;
}

.allocation .box-image {
  padding-bottom: calc(643.21 / 600 * 100%);

  margin-right: 25px;
}

.allocation-right {
  border: 1px solid var(--color-11);

  padding: 11px 24px 18px 24px;
}

.allocation-top-item {
  display: inline-block;

  padding: 7px 20px;

  font-weight: 500;

  color: var(--color-7);

  font-size: 18px;

  cursor: pointer;

  height: 40px;
}

.allocation-top-item.active {
  background: var(--color-6);

  border-radius: 200px;

  color: var(--color-2);

  padding: 7px 34px;
}

.allocation-top {
  margin-bottom: 16px;
}

.allocation-select {
  position: relative;

  margin-right: 36px;
}

.allocation-select select {
  width: 100%;

  border-color: var(--color-11);

  border-radius: 8px;

  line-height: 27px;

  font-size: 18px;

  padding: 7px 12px;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  font-weight: 500;

  background: var(--color-2) !important;
}

.allocation-arrow {
  position: absolute;

  right: 16px;

  top: 50%;

  transform: translateY(-50%);
}

.allocation-item {
  padding: 16px 0;

  border-bottom: 1px solid var(--color-11);
}

.allocation-item-top {
  font-size: 24px;

  height: 34px;

  line-height: 34px;

  line-height: 27px;

  color: var(--color-7);

  font-weight: 500;

  margin-bottom: 13px;
}

.allocation-item-top .btn_view_map {
  float: right;

  height: 34px;

  font-size: 14px;

  line-height: 26px;

  padding: 2px 6px;
}

.allocation-item-top .btn_view_map svg {
  transform: translateY(5px);

  margin-right: 3px;
}

.allocation-item-top .btn_view_map:hover path {
  fill: var(--color-2);
}

.allocation-item-name {
  display: inline-block;

  transform: translateY(6px);
}

.allocation-item-row {
  margin-bottom: 1px;
}

.allocation-item-row div {
  padding-left: 40px;
}

.allocation-item-row:not(:last-child) {
  margin-bottom: 8px;
}

.allocation-item-row svg {
  /* margin-right: 16px; */

  transform: translateY(-2px);

  float: left;
}

.allocation-item-row-phone {
  font-weight: 700;
}

.allocation-list {
  max-height: 540px;

  overflow-y: auto;

  padding-right: 29px;
}

/* Tuyển dụng */

.tuyen-dung {
  padding: 60px 0;
}

.tuyen-dung-inner {
  max-width: 1175px;

  margin: 0 auto;
}

.tuyen-dung-inner .title-page {
  padding-bottom: 5px;
}

.tuyen-dung-inner .item {
  margin-top: 20px;

  display: grid;

  grid-template-columns: auto 12.62% 18.67% 17.07% 16%;

  padding: 0px 20px 0px 30px;

  height: 90px;

  align-items: center;

  border-radius: 10px;

  overflow: hidden;
}

.tuyen-dung-inner .item:nth-child(odd) {
  background-color: var(--fifth-color);
}

.tuyen-dung-inner .item:nth-child(even) {
  border: 1px solid #cfd8db;
}

.job-list .item .name {
  font-family: var(--font-bold);

  font-size: 18px;

  line-height: 26px;

  padding-right: 10px;
}

.job-list .item .location,
.job-list .item .time {
  font-family: var(--font-light);

  font-size: 18px;

  line-height: 24px;

  position: relative;

  padding-left: 36px;

  padding-right: 10px;
}

.job-list .item .day {
  font-size: 16px;
}

.job-list .item .luong {
  font-family: var(--font-medium);

  font-size: 18px;

  line-height: 24px;

  position: relative;

  padding-left: 36px;

  padding-right: 10px;
}

.job-list .item svg {
  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);
}

.job-list .item .ung-tuyen,
.tuyen-dung-info .ung-tuyen {
  font-size: 16px;

  font-family: var(--font-medium);

  color: var(--third-color);

  background-color: var(--fourth-color);

  width: 100%;

  height: 43px;

  border-radius: 100px;

  line-height: 43px;

  text-align: center;
}

.job-list .item .ung-tuyen:hover {
  color: var(--third-color) !important;

  background-color: var(--second-color);
}

.tuyen-dung-detail .content h3 {
  font-size: 21px;

  line-height: 26px;
}

.tuyen-dung-detail .content p {
  font-size: 18px;

  line-height: 30px;
}

.tuyen-dung-detail .content ul li {
  font-size: 18px;

  line-height: 30px;
}

.tuyen-dung-detail .content ul li::marker {
  color: var(--second-color);
}

.tuyen-dung-detail .content ul {
  padding-left: 20px;
}

.tuyen-dung-detail .content {
  padding: 0;

  border-bottom: none;
}

.tuyen-dung-info {
  display: grid;

  grid-template-columns: 19.94% 18.05% 20.57% auto 180px;

  border-radius: 10px;

  overflow: hidden;

  background-color: #ffebee;

  height: 90px;

  align-items: center;

  padding: 10px 25px 10px 22px;

  margin: 23px 0 30px;
}

.tuyen-dung-info .item {
  padding: 0 10px 0 36px;

  position: relative;
}

.tuyen-dung-info .item svg {
  color: var(--second-color);

  position: absolute;

  top: 0;

  left: 0;
}

.tuyen-dung-info .item .title {
  font-family: var(--font-light);

  font-size: 18px;

  line-height: 21px;
}

.tuyen-dung-info .item .info {
  font-size: 18px;

  font-family: var(--font-bold);

  line-height: 24px;

  margin-top: 5px;
}

.tuyen-dung-info .ung-tuyen {
  background-color: var(--second-color);
}

.thong-tin-ung-vien {
  padding: 50px 0 64px;

  background-color: var(--fifth-color);
}

.ung-vien-inner {
  max-width: 1000px;

  margin: 0 auto;
}

.ung-vien-inner .title {
  font-family: var(--font-medium);

  font-size: 30px;

  line-height: 30px;

  color: #212121;

  margin-bottom: 46px;

  position: relative;

  padding-left: 26px;
}

.ung-vien-inner .title::before {
  content: "";

  width: 6px;

  height: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 3px;

  background-color: var(--second-color);
}

.form-ung-vien .thong-tin {
  background-color: var(--third-color);

  border-radius: 10px;

  overflow: hidden;

  padding: 26px 37px 25px 50px;

  box-shadow: 0px 4px 20px 0px #cccccc40;
}

.form-ung-vien .thong-tin .ilabel {
  font-size: 18px;

  line-height: 24px;

  font-family: var(--font-medium);

  margin-top: 15px;

  margin-right: 35px;
}

.form-ung-vien .thong-tin .ilabel span {
  color: var(--second-color);
}

.form-ung-vien .thong-tin .input-wrap {
  margin-left: -47px;
}

.form-ung-vien .thong-tin input,
.form-ung-vien .thong-tin textarea {
  width: 100%;

  border: 1px solid var(--sixth-color);

  border-radius: 8px;

  height: 43px;

  line-height: 43px;

  padding: 0 16px;

  font-family: var(--font-light);

  font-size: 18px;
}

.form-ung-vien .thong-tin textarea {
  height: 75px;

  line-height: 22px;

  padding: 10px 16px;
}

.form-ung-vien .submit {
  display: block;

  width: 265px;

  margin: 35px auto 0;

  border-radius: 200px;

  background-color: var(--second-color);

  border: none;

  color: var(--third-color);

  font-size: 18px;

  font-family: var(--font-medium);

  text-align: center;

  text-transform: uppercase;

  height: 56px;

  line-height: 56px;
}

.form-ung-vien .thong-tin .row {
  margin-bottom: 16px;
}

/* Đăng ký đại lý  */

.page-dang-ky-dai-ly {
  padding: 0 0 50px !important;
}

.page-dang-ky-dai-ly .dang-ky-wrap {
  position: relative;
}

.page-dang-ky-dai-ly .dang-ky-wrap img {
  border-radius: 0px 0px 20px 20px;

  height: 840px;

  object-fit: cover;
}

.news-detail .content {
  margin-top: 40px;

  padding: 0;

  border-bottom: none;
}

.form-dk-dai-ly {
  background-color: var(--third-color);

  border-radius: 20px;

  overflow: hidden;

  width: 450px;

  position: absolute;

  top: 50%;

  right: 60px;

  transform: translateY(-50%);

  padding: 30px 25px 40px;

  text-align: center;
}

.form-dk-dai-ly h3 {
  font-family: var(--font-bold);

  font-size: 24px;

  line-height: 29px;

  text-transform: uppercase;

  color: var(--second-color);

  margin-top: 5px;

  margin-bottom: 22px;
}

.form-dk-dai-ly input {
  width: 100%;

  border: none;

  border-bottom: 1px solid var(--sixth-color);

  padding-bottom: 13px;

  font-family: var(--font-light);

  font-size: 18px;

  line-height: 21px;

  margin-bottom: 23px;
}

.form-dk-dai-ly select {
  width: 100%;
}

.form-dk-dai-ly .select2-container {
  margin-bottom: 16px;
}

.form-dk-dai-ly .select2-container .select2-selection--single {
  border: none;

  border-bottom: 1px solid var(--sixth-color);

  font-size: 18px;

  border-radius: 0px;

  height: unset;

  padding-bottom: 13px;
}

.form-dk-dai-ly
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0px;

  line-height: 21px;
}

.form-dk-dai-ly
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  top: 35%;
}

.form-dk-dai-ly button {
  width: 100%;

  height: 50px;

  line-height: 50px;

  border: none;

  border-radius: 200px;

  color: var(--third-color);

  text-transform: uppercase;

  background-color: var(--second-color);

  font-family: var(--font-medium);

  font-size: 20px;

  margin-top: 5px;
}

/* Phiếu góp ý  */

.phieu-gop-y {
  padding: 60px 0 85px;
}

.phieu-gop-y-inner {
  max-width: 1270px;

  margin: 0 auto;
}

.phieu-gop-y-inner .top {
  text-align: center;

  margin-bottom: 38px;
}

.phieu-gop-y-inner .top .des {
  font-family: var(--font-light);

  font-size: 18px;

  line-height: 28px;

  max-width: 1110px;

  margin: 16px auto 0;
}

.phieu-gop-y-inner .top .email {
  color: var(--second-color);

  font-size: 18px;

  line-height: 28px;
}

.phieu-gop-y-inner .top .email a {
  color: var(--second-color);
}

.form-gop-y .name {
  font-size: 24px;

  font-family: var(--font-medium);

  line-height: 29px;

  text-align: center;
}

.form-gop-y .mo-ta {
  font-family: var(--font-light);

  font-size: 18px;

  line-height: 21px;

  text-align: center;

  margin-top: 10px;

  color: var(--second-color);
}

.form-gop-y .sec {
  margin-top: 30px;

  border-bottom: 1px solid var(--sixth-color);

  padding-bottom: 30px;
}

.form-gop-y .secc {
  margin-top: 30px;
}

.form-gop-y .input-wrap.mb {
  margin-bottom: 21px;
}

.checkbox-wrap {
  position: relative;

  padding-left: 43px;

  margin-bottom: 0px;

  cursor: pointer;

  font-size: 16px;

  line-height: 24px;

  font-family: var(--font-light);

  font-weight: unset;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;
}

.checkbox-wrap.mb {
  margin-bottom: 12px;
}

.checkbox-wrap.mt {
  margin-top: 8px;
}

.checkbox-wrap input {
  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;
}

.checkbox-wrap .checkmark {
  position: absolute;

  top: 0;

  left: 0;

  height: 24px;

  width: 24px;

  border-radius: 5px;

  border: 1px solid #c4c4c4;
}

.checkbox-wrap input:checked ~ .checkmark {
  background-color: var(--second-color);
}

.checkbox-wrap .checkmark:after {
  content: "";

  position: absolute;

  display: none;
}

.checkbox-wrap input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-wrap .checkmark:after {
  left: 9px;

  top: 5px;

  width: 5px;

  height: 10px;

  border: solid var(--third-color);

  border-width: 0 2px 2px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);
}

.bang-gop-y {
  width: 100%;

  margin-top: 17px;

  margin-bottom: 35px;
}

.bang-gop-y tr:first-child {
  background-color: var(--fifth-color);
}

.bang-gop-y tr:first-child th {
  padding: 13px 22px;
}

.bang-gop-y tr th:first-child {
  padding: 13px 70px 13px 36px;
}

.bang-gop-y tr th:last-child {
  padding: 13px 80px 13px 80px;
}

.bang-gop-y tr td:first-child {
  padding: 10px 70px 10px 36px !important;
}

.bang-gop-y th,
.bang-gop-y td {
  border: 1px solid var(--sixth-color);
}

.bang-gop-y tr th:not(:first-child),
.bang-gop-y tr td:not(:first-child) {
  text-align: center;
}

.bang-gop-y tr:not(:first-child) td {
  padding: 10px;
}

.bang-gop-y textarea {
  height: 70px;

  width: 100%;

  border: 1px solid var(--sixth-color);

  padding: 10px;
}

.table-radio .table-check {
  position: absolute;

  top: 50%;

  left: 50%;

  height: 30px;

  width: 30px;

  z-index: 1;

  opacity: 0;

  cursor: pointer;

  margin: 0;

  transform: translate(-50%, -50%);
}

.radiomark {
  position: absolute;

  top: 50%;

  left: 50%;

  height: 30px;

  width: 30px;

  background-color: var(--third-color);

  border-radius: 50%;

  transform: translate(-50%, -50%);

  border: 1px solid var(--sixth-color);
}

.table-radio {
  position: relative;

  min-height: 30px;

  width: 100%;
}

.table-radio .table-check:checked ~ .radiomark {
  background-color: var(--second-color);

  border: 8px solid var(--third-color);

  box-shadow: 0px 0px 0px 1px var(--sixth-color);
}

.bang-gop-y th {
  font-size: 16px;

  line-height: 20px;

  font-family: var(--font-medium);

  font-weight: 500;
}

.bang-gop-y th span {
  font-family: var(--font-light);

  font-weight: 400;
}

.bang-gop-y tr td {
  font-family: var(--font-light);

  font-weight: 400;

  font-size: 16px;

  line-height: 19px;
}

.bot-radio.table-radio {
  min-height: 24px;

  margin-top: 12px;

  margin-bottom: 35px;
}

.bot-radio.table-radio .table-check {
  left: 0;

  height: 24px;

  width: 24px;

  transform: translate(0, -50%);

  z-index: 1;

  opacity: 0;

  cursor: pointer;

  margin: 0;
}

.bot-radio.table-radio .radiomark {
  left: 0;

  transform: translate(0, -50%);

  height: 24px;

  width: 24px;
}

.bot-radio.table-radio .table-check:checked ~ .radiomark {
  border: 7px solid var(--third-color);
}

.bot-radio label {
  padding-left: 43px;

  font-weight: 500;

  font-size: 16px;

  margin: 0;

  transform: translateY(1px);
}

.form-gop-y .y-kien-khac textarea {
  width: 100%;

  height: 100px;

  border: 1px solid var(--sixth-color);

  padding: 10px;

  border-radius: 8px;

  font-size: 16px;

  font-family: var(--font-light);
}

.form-gop-y .y-kien-khac.mb {
  margin-bottom: 24px;
}

.form-gop-y .submit {
  width: 300px;

  height: 50px;

  line-height: 50px;

  color: var(--third-color);

  border-radius: 200px;

  text-transform: uppercase;

  text-align: center;

  font-size: 20px;

  background-color: var(--second-color);

  border: none;
}

.form-gop-y .submit-wrap {
  text-align: right;

  margin-top: 30px;
}

/*  */

.subscribe {
  padding: 50px 0;

  background-color: var(--second-color);

  color: #fff;
}

.subscribe h1 {
  font-weight: 600;

  font-size: 36px;

  line-height: 43px;

  text-transform: uppercase;

  padding-bottom: 11px;

  text-align: center;
}

.subscribe-sub {
  font-size: 18px;

  line-height: 26px;

  text-align: center;

  max-width: 742px;

  margin: 0 auto;

  padding-bottom: 33px;
}

.subscribe-wrap {
  background-color: #fff;

  padding: 12px 27px;

  border-radius: 200px;

  max-width: 500px;

  margin: 0 auto;

  position: relative;
}

.fomr-subscribe input {
  font-size: 20px;

  line-height: 24px;

  padding: 0;

  border: none;

  outline: none;

  box-shadow: none;
}

.fomr-subscribe input:focus {
  box-shadow: none;

  border: none;

  outline: none;
}

.subcribe-submit {
  position: absolute;

  top: 2px;

  right: 2px;

  background-color: var(--second-color);

  overflow: hidden;

  border-radius: 200px;
}

.subcribe-submit button {
  border: none;

  outline: none;

  background: transparent;

  display: block;

  font-size: 20px;

  line-height: 24px;

  padding: 15px 26px;
}

@media only screen and (max-width: 768px) {
  .home-search {
    /* top: 72px; */

    top: 35%;
  }

  .subscribe h1 {
    font-size: 28px;
  }

  .subscribe-sub {
    font-size: 16px;

    line-height: 24px;
  }

  .subcribe-submit button {
    font-size: 16px;
  }

  .fomr-subscribe input {
    font-size: 16px;
  }

  .input-seach {
    width: 300px;

    padding: 15px 20px;
  }

  .icon-search svg {
    width: 43px;

    height: 43px;
  }

  .logo-header {
    margin: 0 -10px 0 5px;
  }

  .logo-header img {
    max-width: 100px;
  }

  .title-logo {
    margin-top: 12px;

    text-align: center;
  }

  .title-logo h2 {
    font-family: var(--font-bold);

    font-size: 18px;

    line-height: 22px;

    color: var(--second-color);

    text-transform: uppercase;
  }

  .title-logo h3 {
    font-family: var(--font-medium);

    font-size: 13px;

    line-height: 16px;

    color: var(--fourth-color);
  }

  .navbar-mobile {
    padding: 20px 0 15px;

    background-color: var(--second-color);
  }

  .navbar-mobile .icon-menu {
    margin-top: 2px;
  }

  .form-search-m {
    border-radius: 100px;

    overflow: hidden;

    position: relative;

    margin: 0 -17px 0 -7px;
  }

  .form-search-m input {
    background-color: var(--third-color);

    width: 100%;

    border: none;

    height: 40px;

    line-height: 40px;

    padding: 0 50px 0 15px;
  }

  .form-search-m input::placeholder {
    color: var(--second-color);

    font-size: 16px;

    font-family: var(--font-light);
  }

  .form-search-m button {
    border: none;

    width: 40px;

    height: 40px;

    background-color: var(--third-color);

    position: absolute;

    top: 0;

    right: 0;

    padding: 0;
  }

  .form-search-m button svg {
    transform: translateY(2px);
  }

  .navbar-mobile-right {
    text-align: right;
  }

  .navbar-mobile-right a {
    color: transparent;
  }

  .navbar-mobile-right .ngon-ngu {
    margin-left: 8px;
  }

  /* Footer  */

  .footer-mobile {
    padding: 0 10px;
  }

  .logo-footer {
    margin: 0 auto;
  }

  .info-wrap {
    margin: 0;

    margin-top: 40px;
  }

  .info-wrap .item.mb {
    margin-bottom: 12px;
  }

  .name-company {
    line-height: 28px;

    color: var(--second-color);

    text-align: center;

    margin-bottom: 19px;
  }

  .info-company {
    margin-bottom: 0px;
  }

  .menu-footer ul.side-part li {
    width: calc(50% - 38px);

    float: left;

    margin: 0 19px;
  }

  .menu-footer ul.side-part {
    margin: 0 -19px;
  }

  .menu-footer {
    margin-top: 21px;
  }

  #form-contact-mail {
    max-width: 100%;
  }

  .footer-right {
    text-align: center;

    margin-top: 30px;
  }

  .footer-right .img {
    width: 100%;
  }

  .chap-nhan-thanh-toan,
  .social {
    margin: 0;

    margin-top: 21px;
  }

  .chap-nhan-thanh-toan .title,
  .social .title {
    margin-top: 0px;
  }

  .footer-wrap {
    padding: 50px 0 33px;
  }

  .chung-nhan-wrap {
    padding: 30px 0 22px;
  }

  .da-thong-bao {
    text-align: left;

    margin-left: 0;

    margin-top: 16px;
  }

  .giay-phep p {
    padding-left: 10px;

    position: relative;
  }

  .giay-phep p::before {
    content: "";

    position: absolute;

    display: inline-block;

    width: 4px;

    height: 4px;

    background-color: var(--second-color);

    border-radius: 50%;

    top: 9px;

    left: 0;
  }

  .where-go {
    margin-right: 3px;

    padding: 24px 84px 24px 0;

    font-size: 24px;
  }

  #quoc-gia,
  .danh-muc .tour,
  .featured-news {
    white-space: nowrap;

    overflow-x: scroll;

    margin-right: -15px;
  }

  #quoc-gia .item {
    display: inline-block;

    font-size: 18px;

    padding: 17px 25px 17px 60px;
  }

  #quoc-gia .item:not(:last-child) {
    margin-right: 10px;
  }

  .du-lich-cac-nuoc {
    padding-bottom: 24px;

    border-bottom: 1px solid var(--sixth-color);
  }

  .danh-muc {
    padding: 40px 0;

    text-align: left;
  }

  .danh-muc .tour .item .name {
    font-size: 16px;
  }

  .danh-muc .tour .item {
    width: 130px;

    border: 1.5px solid var(--sixth-color);

    border-radius: 10px;

    white-space: normal;
  }

  .danh-muc .tour .item:hover {
    border-radius: 1.5px solid var(--second-color);
  }

  .danh-muc .tour .item:not(:first-child) {
    margin-left: 12px;
  }

  .tour-gio-chot {
    padding: 40px 0;
  }

  .des-title {
    font-size: 24px;

    line-height: 29px;
  }

  .title-sec {
    font-size: 36px;

    line-height: 44px;

    margin: 5px 0 16px;
  }

  .tour-gio-chot .kham-pha {
    font-size: 18px;

    line-height: 22px;

    padding: 14px 66px 14px 25px;
  }

  .tour-gio-chot .tour-wrap {
    margin-top: 40px;
  }

  .item-product .wrap-img {
    padding-bottom: calc((300 / 345) * 100%);
  }

  .lich-khac {
    margin-right: 7px;
  }

  .owl-has-dot .owl-dots {
    margin-top: 35px;
  }

  .owl-has-dot.mt .owl-dots {
    margin-top: 25px;
  }

  .tour-dip-le,
  .da-khoi-hanh,
  .cam-nhan-khach-hang,
  .bao-chi-wrap,
  .doi-tac-wrap {
    padding: 50px 0 45px;
  }

  .tour-dip-le .item .content .name svg {
    color: var(--second-color);
  }

  .tour-dip-le .item .wrap-img,
  .da-khoi-hanh .item .wrap-img {
    padding-bottom: calc((230 / 345) * 100%);
  }

  .tour-dip-le .item .content {
    padding: 24px 28px;
  }

  .cac-tour-du-lich {
    padding: 50px 0;
  }

  .des-title.color {
    text-align: center;
  }

  .xem-tat-ca {
    display: inline-block;

    margin-top: 14px;
  }

  .cac-tour-du-lich .img-minh-hoa {
    margin-top: 25px;

    text-align: center !important;

    padding: 0px !important;
  }

  .item-product .content {
    padding: 26px 15px 24px;
  }

  .des-title.mb {
    margin-bottom: 25px;
  }

  .des-title.lh {
    line-height: 35px;
  }

  .video-wrap {
    padding-bottom: 45px;
  }

  .tin-tuc-noi-bat {
    padding: 50px 0;
  }

  .featured-news {
    margin-top: 30px;
  }

  .featured-news .tin-noi-bat {
    width: 300px;

    display: inline-block;

    white-space: normal;

    margin-left: 21px;
  }

  .featured-news .tin-noi-bat.first {
    margin: 0;
  }

  .tin-noi-bat.first .wrap-img {
    padding-bottom: calc((262 / 300) * 100%);
  }

  .tin-noi-bat.first .content .name {
    font-size: 24px;

    line-height: 32px;

    -webkit-line-clamp: 3;

    height: 96px;
  }

  .tin-noi-bat .content .des {
    -webkit-line-clamp: 4;

    height: 88px;

    margin: 9px 0 18px;
  }

  .cam-nhan-khach-hang .des-title {
    line-height: 35px;

    text-align: left;
  }

  .cam-nhan-left .des {
    margin: 9px 0 26px;

    max-width: 100%;

    display: block;

    height: unset;
  }

  #cam-nhan .content {
    margin-right: 0px;

    margin-top: 30px;
  }

  .dich-vu-visa {
    padding-top: 50px;
  }

  .visa-wrap .wrap-img {
    padding-bottom: calc((230 / 345) * 100%);

    border-radius: 10px;

    overflow: hidden;
  }

  .visa-wrap .wrap-img.third {
    padding-bottom: calc((356 / 345) * 100%);
  }

  .visa-wrap .wrap-img:not(:first-child) {
    margin-top: 25px;
  }

  .dich-vu-visa .title-wrap a {
    margin: 17px 0 30px;
  }

  .visa-wrap .dang-ky {
    margin-top: 40px;
  }

  .owl-padding .owl-stage {
    padding-left: 0 !important;
  }

  .owl-padding-wrap {
    margin-right: -15px;
  }

  .owl-padding-wrap.mt {
    margin-top: 30px;
  }

  .bao-chi-wrap .item .content {
    -webkit-line-clamp: 8;

    height: 176px;
  }

  .bao-chi-wrap .item .wrap-img {
    height: 92px;
  }

  .bao-chi-wrap .item .info {
    margin-top: 21px;
  }

  .video-giai-thuong {
    position: unset;

    transform: unset;

    margin-bottom: 45px;
  }

  .giai-thuong-wrap {
    padding: 90px 0 45px;
  }

  .video-giai-thuong h3 {
    font-size: 24px;
  }

  #giai-thuong .owl-dots {
    margin-top: 35px;

    display: block;

    position: unset;

    transform: unset;
  }

  .video-giai-thuong .des {
    margin-bottom: 53px;
  }

  #giai-thuong .item .wrap-img {
    height: 161px;
  }

  #giai-thuong .item .wrap-img img {
    max-height: 130px;
  }

  #giai-thuong .owl-dots button span {
    width: 10px;

    height: 10px;

    background-color: #c8c8c8;
  }

  #giai-thuong .owl-dots button.active span {
    background-color: var(--third-color);
  }

  #giai-thuong .owl-dots button {
    margin: 0 5px;
  }

  #giai-thuong .item {
    padding: 0px 13px 18px;
  }

  #giai-thuong .item .nam {
    font-size: 18px;

    color: var(--primary-color);
  }

  #giai-thuong .item .name {
    font-size: 14px;

    line-height: 18px;

    height: 36px;

    margin: 0 -8px;
  }

  #modal-ytb .modal-dialog {
    position: absolute;

    top: 40%;

    width: 95%;

    left: 0;

    transform: translateY(-50%);
  }

  #modal-ytb .modal-body {
    padding: 5px;

    height: 410px;
  }

  #doi-tac .item {
    height: 80px;

    border: 1px solid var(--sixth-color);

    margin: 0 1px;
  }

  #doi-tac .item-wrap .item:not(:last-child) {
    margin-bottom: 16px;
  }

  #doi-tac .item img {
    max-width: 141px;

    max-height: 63px;
  }

  .doi-tac-padd {
    padding: 0 0px;
  }

  .btn-fixed {
    width: 40px;

    height: 40px;
  }

  .phone-fixed:after {
    left: -5px;

    top: -5px;

    width: 50px;

    height: 50px;
  }

  .btn-fixed:not(:last-child) {
    margin-bottom: 10px;
  }

  .phone-fixed {
    margin-bottom: 15px !important;
  }

  /* menu mobile  */

  .menu-mobile {
    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 11;

    transition: all 0.3s ease-in-out;

    width: calc((320 / 375) * 100%);

    background-color: var(--third-color);

    visibility: hidden;

    opacity: 0;

    transform: translateX(-100%);
  }

  .menu-mobile.active {
    visibility: visible;

    opacity: 1;

    transform: translateX(0%);
  }

  .overlay-menu-mobile {
    background: #00000080;

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 10;

    visibility: hidden;

    opacity: 0;

    transition: 0.3s;
  }

  .overlay-menu-mobile.active {
    visibility: visible;

    opacity: 1;
  }

  .menu-mobile-inner .logo .title {
    color: var(--fourth-color);

    text-transform: uppercase;

    font-size: 24px;

    line-height: 34px;

    font-family: var(--font-bold);
  }

  .menu-mobile-inner .logo .title strong {
    color: var(--second-color);
  }

  .menu-mobile-inner .logo .des {
    font-family: var(--font-medium);

    font-size: 14px;

    line-height: 17px;
  }

  .menu-mobile-inner .logo {
    padding: 20px 50px 18px 30px;

    border-bottom: 1px solid var(--sixth-color);

    margin-bottom: 30px;

    position: relative;
  }

  .menu-mobile-inner .logo .close-mobile {
    color: #616161;

    position: absolute;

    top: 25px;

    right: 12px;
  }

  .menu-mobile-inner .level-1 {
    padding: 0 12px 0 30px;

    height: calc(100vh - 150px);

    overflow-y: scroll;
  }

  .menu-mobile-inner .level-1 .title-level-1 {
    font-family: var(--font-medium);

    font-size: 18px;

    line-height: 24px;

    color: var(--primary-color);
  }

  .menu-mobile-inner .level-1 .item-level-1:not(:last-child) {
    margin-bottom: 10px;
  }

  .menu-mobile-inner .level-1 .item-level-1 {
    padding-right: 15px;

    position: relative;
  }

  .menu-mobile-inner .level-1 .has-menu-1 {
    position: absolute;

    top: 0px;

    right: 4px;

    transform: rotate(-90deg);

    transition: 0.2s;
  }

  .menu-mobile-inner .level-2 .title-level-2 {
    font-family: var(--font-light);

    font-size: 16px;

    line-height: 24px;

    color: var(--primary-color);
  }

  .menu-mobile-inner .level-2 .item-level-2 {
    padding-bottom: 10px;
  }

  .menu-mobile-inner .level-2 {
    padding-top: 15px;

    display: none;
  }

  .menu-mobile-inner .has-menu-1.active {
    transform: rotate(0deg);
  }

  /* end menu mobile  */

  .img-page {
    padding-bottom: calc((200 / 375) * 100%);
  }

  .tim-kiem-nhanh {
    display: none;
  }

  .tour-chuyen-muc {
    padding: 40px 0 45px;
  }

  .product-list {
    margin-left: 0px;
  }

  .products-sort-order {
    text-align: left;
  }

  .products-sort-order .select-form {
    margin-left: 0px;
  }

  .products-sort-order .text {
    margin-right: -25px;

    display: block;

    margin-top: 9px;
  }

  .product-list .item-product {
    margin-bottom: 24px;

    margin-left: 0px;

    margin-right: 0px;
  }

  .pagination-build li a {
    width: 35px;

    height: 35px;

    line-height: 34px;
  }

  .pagination-build li a svg {
    width: 8px;
  }

  .pagination-build {
    margin-bottom: 0px;

    margin-top: 30px;
  }

  .product-list .item-product:last-child {
    margin-bottom: 0px;
  }

  .product-list .demo {
    margin: 50px -15px 0;

    padding: 50px 15px;
  }

  .demo .op.view {
    margin-left: 0px;
  }

  .demo .see-more {
    text-align: center;

    margin-top: 28px;
  }

  .tags {
    margin: 0 -15px;

    padding: 17px 15px 50px;
  }

  .tags .item {
    padding: 8px 18px;

    margin-top: 7px;
  }

  .tags .item:not(:last-child) {
    margin-right: 3px;
  }

  .bai-viet-lien-quan .des-title {
    margin-bottom: 40px;
  }

  .bai-viet-lien-quan.da-khoi-hanh .owl-dots {
    display: block;

    margin-top: 25px;
  }

  .bao-chi-wrap .owl-dots {
    display: none;
  }

  .bai-viet-lien-quan .item .wrap-img,
  .news-list .da-khoi-hanh .item .wrap-img {
    padding-bottom: calc((210 / 300) * 100%);
  }

  .bai-viet-lien-quan.da-khoi-hanh {
    margin-right: -15px;
  }

  .bai-viet-lien-quan.da-khoi-hanh .item .content .name,
  .news-list .da-khoi-hanh .item .content .name {
    -webkit-line-clamp: 3;

    height: 72px;
  }

  .img-page-to {
    padding-bottom: calc((300 / 375) * 100%);
  }

  .chi-tiet-dia-diem-product,
  .chi-tiet-dia-diem .demo,
  .hinh-anh-nuoc {
    padding: 50px 0;
  }

  .chi-tiet-dia-diem .demo img {
    position: unset;

    transform: unset;

    display: block;

    margin: 30px auto 25px;
  }

  .chi-tiet-dia-diem .demo .see-more {
    text-align: center;

    margin-top: 25px;
  }

  .hinh-anh-nuoc .wrap-img-3 {
    padding-bottom: calc((500 / 345) * 100%);
  }

  .hinh-anh-nuoc .right {
    width: 100%;

    float: unset;

    padding: 0;
  }

  .hinh-anh-nuoc .img-100 {
    margin-bottom: 15px !important;
  }

  .des-title.color.category {
    text-align: left;
  }

  .news-detail.page-detail {
    padding: 25px 0 60px;
  }

  .news-detail.page-detail .content {
    padding: 25px 0px 0px;
  }

  .news-detail .content h2 {
    font-size: 20px;

    line-height: 24px;
  }

  .news-list .tin-tuc-noi-bat {
    padding: 0 0 50px;

    border-bottom: none;
  }

  .news-list .featured-news {
    margin-top: 40px;
  }

  .news-list .da-khoi-hanh {
    padding: 50px 0 45px;

    border-top: 1px solid var(--sixth-color);
  }

  .news-list .da-khoi-hanh .owl-dots {
    margin-top: 25px;
  }

  .news-list {
    padding: 50px 0 0;
  }

  .news-list .da-khoi-hanh .des-title {
    margin-bottom: 0px;
  }

  .news-list .da-khoi-hanh.all-news .item {
    margin: 25px 0 0;
  }

  .news-list .da-khoi-hanh.all-news {
    padding: 25px 0 50px;
  }

  .all-news .pagination-build {
    margin-top: 30px;
  }

  .all-news {
    margin: 0;
  }

  .news-list .all-news .item .content .name {
    -webkit-line-clamp: 2;

    height: 48px;
  }

  .news-detail {
    padding: 24px 0 0;
  }

  .news-detail .content {
    margin-top: 25px;
  }

  .cung-chuyen-muc .des-title {
    margin-top: 0px;
  }

  .cung-chuyen-muc {
    padding-top: 30px;

    margin-top: 30px;

    border-top: 1px solid var(--sixth-color);
  }

  .news-detail-inner-wrap {
    padding-bottom: 40px;

    border-bottom: none;
  }

  .tuyen-dung {
    padding: 40px 0 50px;
  }

  .tuyen-dung-inner .item {
    display: block;

    height: unset;

    padding: 23px 20px 32px 20px;
  }

  .job-list .item .time .gio {
    display: inline-block;
  }

  .job-list .item .day {
    float: right;

    transform: translateX(14px);
  }

  .job-list .item .location,
  .job-list .item .time,
  .job-list .item .luong {
    margin-top: 16px;
  }

  .job-list .item .ung-tuyen,
  .tuyen-dung-info .ung-tuyen {
    display: block;

    width: 180px;

    margin: 24px auto 0;
  }

  .title-page h3 {
    font-size: 18px;

    line-height: 22px;
  }

  .tuyen-dung-detail .des-title {
    text-align: center !important;
  }

  .tuyen-dung-detail h1 {
    font-family: var(--font-medium);

    font-size: 30px;

    line-height: 35px;

    margin: 14px 0 20px;
  }

  .tuyen-dung-info {
    display: block;

    height: unset;

    padding: 20px 8px 27px 13px;

    margin: 17px 0 24px;
  }

  .tuyen-dung-info .item {
    display: inline-block;

    padding: 0 0px 0 34px;

    width: 49%;

    margin-bottom: 26px;
  }

  .tuyen-dung-info .ung-tuyen {
    margin-top: 0px;
  }

  .tuyen-dung-info .item .title,
  .tuyen-dung-info .item .info {
    font-size: 16px;

    line-height: 19px;
  }

  .tuyen-dung-detail .content p,
  .tuyen-dung-detail .content ul li {
    font-size: 16px;

    line-height: 26px;
  }

  .thong-tin-ung-vien {
    padding: 50px 0;
  }

  .ung-vien-inner .title {
    font-size: 24px;

    line-height: 26px;

    margin-bottom: 35px;
  }

  .form-ung-vien .thong-tin {
    padding: 26px 37px 25px 50px;
  }

  .form-ung-vien .thong-tin {
    padding: 23px 20px 30px;
  }

  .form-ung-vien .thong-tin .input-wrap {
    margin-left: 0px;
  }

  .form-ung-vien .thong-tin .ilabel {
    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 9px;

    font-size: 16px;

    line-height: 20px;
  }

  .form-ung-vien .thong-tin input {
    height: 40px;

    line-height: 40px;
  }

  .form-ung-vien .submit {
    width: 100%;

    margin: 25px auto 0;

    height: 43px;

    line-height: 43px;
  }

  .contact-page {
    padding: 40px 0 50px;
  }

  .lien-he-top {
    margin-bottom: 23px;
  }

  .lien-he-top h3 {
    text-align: center;
  }

  .lienhe-contact {
    display: none;
  }

  .lien-he-wrap img {
    float: unset;
  }

  .form-contact-page {
    width: 100%;

    float: unset;

    padding: 19px 17px 26px 22px;
  }

  .form-contact-page .mo-ta {
    font-size: 16px;
  }

  .form-contact-page .submit {
    width: 100%;

    height: 43px;

    line-height: 43px;

    margin: 28px auto 0;
  }

  .form-dk-dai-ly {
    position: unset;

    transform: unset;

    width: 100%;

    margin-top: 25px;
  }

  .page-dang-ky-dai-ly .dang-ky-wrap img {
    height: 200px;

    border-radius: 0px;

    width: 100%;
  }

  .page-dang-ky-dai-ly .dang-ky-wrap .img-wrap {
    margin: 0 -15px;
  }

  .page-dang-ky-dai-ly .dang-ky-wrap {
    background-color: var(--fifth-color);

    margin: 0 -15px;

    padding: 0 15px 25px;
  }

  .form-dk-dai-ly h3 {
    font-size: 20px;

    line-height: 24px;
  }

  .phieu-gop-y {
    padding: 24px 0 50px;
  }

  .phieu-gop-y-inner .des-title {
    font-size: 30px;

    line-height: 37px;
  }

  .phieu-gop-y-inner .top .email span {
    display: none;
  }

  .phieu-gop-y-inner .top .email {
    font-size: 17px;

    line-height: 24px;

    margin-top: 24px;
  }

  .phieu-gop-y-inner .top {
    margin-bottom: 8px;
  }

  .form-gop-y .name {
    font-size: 18px;

    line-height: 22px;
  }

  .form-gop-y .sec {
    margin-top: 24px;

    border-bottom: none;

    padding-bottom: 0px;
  }

  .checkbox-wrap.mb {
    margin-bottom: 16px;
  }

  .bot-radio.table-radio {
    margin-top: 8px;

    margin-bottom: 16px;
  }

  .form-gop-y .submit-wrap {
    text-align: center;
  }

  .bot-radio.table-radio.last {
    margin-bottom: 30px;
  }

  .bang-gop-y {
    width: 1272px;

    margin-bottom: 12px;
  }

  .table-wrap {
    overflow-x: scroll;

    margin-right: -15px;

    margin-bottom: 28px;
  }

  .table-wrap::-webkit-scrollbar {
    height: 6px;
  }

  .table-wrap::-webkit-scrollbar-thumb {
    background: var(--second-color);

    border-radius: 100px;
  }

  .table-wrap::-webkit-scrollbar-track {
    background-color: #f0f0f0;
  }

  .gioi-thieu-visa {
    padding: 24px 0 50px;
  }

  .gioi-thieu-visa .wrap-img {
    display: none;
  }

  .ho-so-xin-visa .khu-vuc li a {
    width: 160px;

    padding: 9px 5px;

    margin: 0 6px 12px;
  }

  .ho-so-xin-visa .khu-vuc li:not(:last-child) {
    margin-right: unset;
  }

  .ho-so-xin-visa .khu-vuc {
    margin: 26px -6px 24px;
  }

  .all-visa {
    margin: 0 -7px;
  }

  .all-visa .item {
    width: calc(100% / 2);

    padding: 0 7px;

    margin-bottom: 12px;
  }

  .ho-so-xin-visa {
    padding: 50px 0 40px;
  }

  .cac-buoc-lam-visa,
  .dang-ky-lam-visa,
  .cau-hoi-thuong-gap {
    padding: 50px 0;
  }

  .cac-buoc-lam-visa .des-title {
    margin-bottom: 24px;
  }

  .cac-buoc-lam-visa .item {
    width: calc(100%);

    padding: 18px 30px 24px 27px;
  }

  .cac-buoc-lam-visa .item:not(:first-child) {
    border-top: 1px solid var(--sixth-color);
  }

  .dang-ky-lam-visa .des {
    margin: 11px 0 24px;
  }

  .dk-visa-wrap img {
    width: 100%;

    float: unset;
  }

  .form-dk-visa {
    width: 100%;

    float: unset;

    padding: 24px 22px;
  }

  .cau-hoi-thuong-gap .des-title {
    margin-bottom: 24px;
  }

  .cau-hoi-wrap .quy-dinh .cbody {
    padding: 16px 10px 9px;
  }

  .chi-tiet-visa .content-visa {
    padding: 24px 0 40px;
  }

  .chi-tiet-visa .content-visa .des {
    padding: 0;
  }

  .chi-tiet-visa .content-visa img {
    position: unset;

    float: left;

    margin-right: 18px;
  }

  .chi-tiet-tour h1.title {
    font-size: 24px;
  }

  .download-wrap {
    text-align: left;
  }

  .chuong-trinh-tour .hinh-anh {
    width: 100%;

    float: unset;
  }

  .chuong-trinh-tour .hinh-anh .wrap-img {
    padding-bottom: calc((300 / 345) * 100%);
  }

  .chuong-trinh-tour .hinh-anh .owl-dots {
    display: none;
  }

  .chuong-trinh-tour .thong-tin {
    width: 100%;

    float: unset;

    padding: 21px 16px 32px;
  }

  .chuong-trinh-tour .thong-tin .top .left {
    width: 100%;

    float: unset;

    padding-right: 0px;

    margin-bottom: 8px;
  }

  .chuong-trinh-tour .thong-tin .top .right {
    width: 100%;

    float: unset;

    text-align: left;

    margin-bottom: 8px;
  }

  .chuong-trinh-tour .thong-tin .top .has-svg svg,
  .chuong-trinh-tour .thong-tin .top .has-svg img {
    position: absolute;

    top: 0;

    left: 0;

    transform: translateY(0%);
  }

  .chuong-trinh-tour .top.phuong-tien .right .vehicle:not(:first-child) {
    margin-left: 0px;
  }

  .chuong-trinh-tour .thong-tin .top.phuong-tien .right {
    width: 120px;

    float: right;

    text-align: right;

    margin-bottom: 0px;
  }

  .chuong-trinh-tour .thong-tin .top.phuong-tien .left {
    width: 180px;

    float: left;

    padding-right: 0px;

    margin-top: 0px;

    margin-bottom: 0px;
  }

  .chuong-trinh-tour .thong-tin .price-wrap {
    padding-left: 0px;
  }

  .chuong-trinh-tour .thong-tin .price {
    font-size: 30px;

    line-height: 26px;

    margin-bottom: 7px;
  }

  .chuong-trinh-tour .thong-tin .button-wrap a {
    font-size: 18px;

    line-height: 43px;
  }

  .chuong-trinh-tour .thong-tin .button-wrap .dat-tour {
    width: 45%;
  }

  .chuong-trinh-tour .thong-tin .button-wrap .tu-van {
    width: 53%;

    margin-left: 0px;
  }

  .chuong-trinh-tour .thong-tin .uu-dai {
    margin: 20px 0;
  }

  .chuong-trinh-tour .ho-tro a {
    width: 100%;

    padding: 9px 10px 9px 70px;
  }

  .chuong-trinh-tour .ho-tro .cskh {
    margin-right: 0px;

    margin-bottom: 10px;
  }

  .chuong-trinh-tour .ho-tro .mail {
    margin-left: 0px;
  }

  .lich-trinh-khac-inner .diem-nhan .des-title {
    text-align: left;

    margin-bottom: 9px;

    font-size: 18px;

    line-height: 22px;
  }

  .lich-trinh-khac {
    padding: 50px 0 40px;
  }

  .chi-tiet-lich-trinh .left {
    margin-right: 0px;
  }

  .chi-tiet-lich-trinh .muc-luc::before {
    height: 100%;
  }

  .chi-tiet-lich-trinh .right {
    margin-left: 0px;

    margin-top: 60px;
  }

  .chi-tiet-lich-trinh .dat-tour {
    margin: 32px auto 40px;
  }

  .quy-dinh .heading a {
    padding: 17px 18px 17px 69px;
  }

  .quy-dinh .heading a .sau {
    right: 18px;
  }

  .quy-dinh .cbody ul {
    padding-left: 20px;
  }

  .diem-du-lich-khac {
    padding-top: 0px;

    border-top: none;

    margin-top: 40px;
  }

  .chi-tiet-tour {
    padding: 16px 0 50px;
  }

  .hanh-trinh {
    font-family: var(--font-medium);

    font-size: 14px;

    line-height: 26px;

    text-transform: uppercase;

    color: var(--second-color);

    margin-top: 7px;
  }

  .lich-trinh-khac-inner {
    margin-right: 0;
  }

  .lich-trinh-khac-inner .bang-lich {
    border-radius: 0px;

    margin: 0 -15px;
  }

  .bang-lich .title {
    font-size: 20px;

    line-height: 24px;
  }

  .bang-lich .lich {
    padding: 16px 16px 40px;
  }

  .bang-lich .lich .thang li {
    width: calc(100% / 6);

    margin-left: 0px;

    margin-bottom: 10px;
  }

  .bang-lich .lich .thang {
    display: flex;

    flex-wrap: wrap;
  }

  .bang-lich .lich .thang.mb {
    margin-bottom: 0px;
  }

  .content-content {
    padding: 8px 16px 16px;

    background-color: var(--third-color);

    border-radius: 10px;
  }

  .ngay-wrap li a {
    font-size: 16px;

    line-height: 19px;

    color: var(--primary-color);

    font-family: var(--font-light);
  }

  .ngay-wrap li {
    width: calc(96% / 3);

    text-align: center;

    padding: 8px 0;

    background-color: #ffeaed;

    border-radius: 5px;
  }

  .ngay-wrap {
    display: flex;

    flex-wrap: wrap;

    gap: 5px;

    margin-top: 21px;
  }

  .ngay-wrap li.active {
    background-color: var(--second-color);
  }

  .ngay-wrap li.active a {
    color: var(--third-color) !important;
  }

  .row-mobile {
    font-size: 18px;

    line-height: 21px;

    font-family: var(--font-light);

    display: flex;

    justify-content: space-between;

    margin-bottom: 11px;

    align-items: center;
  }

  .row-mobile .left {
    width: 50%;
  }

  .row-mobile.first .left {
    width: 65%;
  }

  .row-mobile.first {
    margin: 0 -9px 11px;

    padding: 6px 9px;

    background-color: var(--second-color);

    border-radius: 5px;

    color: var(--third-color);
  }

  .row-mobile .con-cho {
    color: #6da544;
  }

  .row-mobile .price {
    color: var(--second-color);
  }

  .row-mobile .price-off {
    text-align: right;
  }

  .nhan-gia-tot {
    font-family: var(--font-light);

    font-size: 18px;

    height: 34px;

    line-height: 34px;

    display: block;

    color: var(--primary-color);

    background-color: #ffeaed;

    text-align: center;

    border-radius: 100px;
  }
}