@charset "UTF-8";
@font-face {
  font-family: "SVN-GothamBlackItalic-900";
  src: url("SVN-GothamBlackItalic.woff2") format("woff2"), url("SVN-GothamBlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamBookItalic-Normal";
  src: url("SVN-GothamBookItalic.woff2") format("woff2"), url("SVN-GothamBookItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamLight-3002";
  src: url("SVN-GothamLight.woff2") format("woff2"), url("SVN-GothamLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamBold-Bold";
  src: url("SVN-GothamBold.woff2") format("woff2"), url("SVN-GothamBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamBoldItalic";
  src: url("SVN-GothamBoldItalic.woff2") format("woff2"), url("SVN-GothamBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamLightItalic-300";
  src: url("SVN-GothamLightItalic.woff2") format("woff2"), url("SVN-GothamLightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamBold";
  src: url("SVN-GothamBold.woff2") format("woff2"), url("SVN-GothamBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamBook-normal";
  src: url("SVN-GothamBook.woff2") format("woff2"), url("SVN-GothamBook.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamItalic-500";
  src: url("SVN-GothamItalic.woff2") format("woff2"), url("SVN-GothamItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamBlack-900";
  src: url("SVN-GothamBlack.woff2") format("woff2"), url("SVN-GothamBlack.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamLight-300";
  src: url("SVN-GothamLight.woff2") format("woff2"), url("SVN-GothamLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamUltra-900";
  src: url("SVN-GothamUltra.woff2") format("woff2"), url("SVN-GothamUltra.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamXLightItalic-200";
  src: url("SVN-GothamXLightItalic.woff2") format("woff2"), url("SVN-GothamXLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamUltraItalic-900";
  src: url("SVN-GothamUltraItalic.woff2") format("woff2"), url("SVN-GothamUltraItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamThinItalic-100";
  src: url("SVN-GothamThinItalic.woff2") format("woff2"), url("SVN-GothamThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamXLight-200";
  src: url("SVN-GothamXLight.woff2") format("woff2"), url("SVN-GothamXLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-Gotham-500";
  src: url("SVN-Gotham.woff2") format("woff2"), url("SVN-Gotham.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SVN-GothamThin-100";
  src: url("SVN-GothamThin.woff2") format("woff2"), url("SVN-GothamThin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
.title-large {
  font-size: 32px;
}

.title-medium {
  font-size: 28px;
}

.title-small {
  font-size: 20px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-80 {
  padding-top: 80px;
}

.pb0 {
  padding-bottom: 0;
}

.pr10 {
  padding-right: 14px;
}

.pl10 {
  padding-left: 14px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.hero-about {
  /* Gradient Overlay */
}
.hero-about .hero {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.hero-about .hero img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-about .hero-content {
  position: absolute;
  top: 0;
  left: 10%;
  color: white;
  z-index: 2;
}
.hero-about .hero-content .content {
  flex-wrap: wrap;
}
.hero-about .hero-content .content .breadcrumb {
  font-size: 14px;
  margin-bottom: 10px;
  background: transparent;
  padding-top: 30px;
}
.hero-about .hero-content .content .breadcrumb a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-family: Gotham;
}
.hero-about .hero-content .content .breadcrumb a:hover {
  text-decoration: underline;
}
.hero-about .hero-content .content .hero-title {
  font-size: 56px;
  padding-top: 50px;
  font-family: playfair;
  letter-spacing: 2px;
}
.hero-about .hero-content .content .hero-subtitle {
  font-size: 24px;
  margin-top: 5px;
  font-family: playfair;
  letter-spacing: 2px;
}
.hero-about .hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(5, 34, 61, 0.9) 0%, rgba(5, 34, 61, 0.64) 31%, rgba(21, 57, 90, 0) 67%);
  z-index: 1;
}

.about-section .title-large {
  text-transform: uppercase;
  color: #15568F;
  font-size: 28px;
  font-family: playfair;
}
.about-section .about-title {
  font-size: 26px;
  font-weight: bold;
  color: #15395A;
  margin-bottom: 10px;
  font-family: playfair;
  text-align: center;
}
.about-section .about-text {
  font-size: 16px;
  line-height: 1.6;
  margin: 0 auto 30px;
  color: #333;
}
.about-section .about-content {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.about-section .about-content .about-box {
  flex: 1;
  min-width: 280px;
  padding: 50px;
  background-color: #f0f4f8;
  border-radius: 10px;
  text-align: left;
}
.about-section .about-content .about-box .icon {
  font-size: 40px;
  margin-bottom: 10px;
  color: #15395A;
}
.about-section .about-content .about-box h3 {
  color: #15395A;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: playfair;
}

.the-safe-cruise .container h2.title-medium {
  font-family: playfair;
  font-size: 28px;
  color: #15395A;
}
.the-safe-cruise .container .image-container-right {
  position: relative;
}
.the-safe-cruise .container .image-container-right img {
  max-width: 80%;
  border-radius: 10px;
  width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
.the-safe-cruise .container .image-container-right .content-box {
  position: absolute;
  top: 50%;
  right: 0%;
  background: #F2F8FD;
  padding: 40px;
  border-radius: 8px;
  max-width: 600px;
  transform: translateY(-50%);
  font-family: playfair;
}
.the-safe-cruise .container .image-container-right .content-box .title-large {
  font-size: 38px;
  color: #141515;
}
.the-safe-cruise .container .image-container-left {
  position: relative;
  text-align: right;
}
.the-safe-cruise .container .image-container-left img {
  max-width: 80%;
  border-radius: 10px;
  width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
.the-safe-cruise .container .image-container-left .content-box {
  position: absolute;
  top: 50%;
  left: 0%;
  background: #F2F8FD;
  padding: 40px;
  border-radius: 8px;
  max-width: 600px;
  transform: translateY(-50%);
  font-family: playfair;
  text-align: left;
  min-height: 386px;
  display: flex;
  align-items: center;
}
.the-safe-cruise .container .image-container-left .content-box .title-large {
  font-size: 38px;
  color: #141515;
}

.gallery {
  background-color: #F2F8FD;
}
.gallery .title-section {
  padding: 40px 0;
  margin: 0;
}
.gallery .container-flex {
  margin: auto;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 10px;
  align-items: center;
}
.gallery .container-flex .large-image {
  width: 100%;
  height: 550px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery .container-flex .small-images {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
  position: relative;
}
.gallery .container-flex .small-images img {
  width: 100%;
  border-radius: 10px;
  height: 269px;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery .container-flex .view-gallery {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: white;
  padding: 8px 12px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  text-decoration: none;
  color: #141515;
}
.gallery .container-flex .view-gallery:hover {
  background-color: #15568F;
  color: white;
}
.gallery .container-flex .view-gallery:hover > .ri-image-line::before {
  color: white;
}

.awards-section {
  text-align: center;
  max-width: 1000px;
  margin: auto;
  padding-top: 40px;
}
.awards-section .title-section {
  padding: 0;
  margin: 0;
}
.awards-section .justify-content-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.awards-section .award-item {
  text-align: center;
}
.awards-section .award-item img {
  max-height: 222px;
  max-width: 100%;
}

.csr-section {
  text-align: center;
  background-color: #F2F8FD;
  padding: 40px 0;
}
.csr-section .title-section {
  padding: 0;
  margin: 0;
}
.csr-section .csr-card {
  text-align: left;
  font-family: Gotham;
}
.csr-section .csr-card a {
  text-decoration: none;
}
.csr-section .csr-card a p {
  text-align: left;
  padding-top: 14px;
  color: #141515;
  font-size: 18px;
}
.csr-section .csr-card a small {
  color: #4D5151;
}
.csr-section .csr-card a img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.csr-section .view-all-btn {
  margin-top: 20px;
  padding: 0 50px;
  border: 1px solid #15395A;
  background: transparent;
  text-transform: uppercase;
  font-family: Gotham;
  height: 51px;
  color: #15395A;
  transition: 0.5s;
}
.csr-section .view-all-btn:hover {
  background-color: #15568F;
  color: white;
  border-color: #15568F;
}

.footer {
  background-color: #141515;
  color: white;
  padding: 50px 0;
}
.footer .title-small {
  font-size: 16px;
}
.footer a {
  color: #bbb;
  text-decoration: none;
}
.footer a:hover {
  color: white;
}
.footer a .col {
  margin-bottom: 20px;
}
.footer ul {
  padding: 0;
  margin: 0;
}
.footer ul li {
  list-style-type: none;
  padding: 6px 0;
}
.footer .support-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.footer .support-top .chat-zalo-fb {
  width: 42px;
  padding-bottom: 50px;
}
.footer .support-top .chat-zalo-fb a img {
  max-width: 42px;
  padding: 10px 0;
}
.footer .back-to-top {
  background-color: white;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 20px;
  width: 42px;
  height: 42px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .back-to-top:hover {
  background-color: #15568F;
}
.footer .back-to-top:hover > .ri-arrow-up-long-line::before {
  color: white;
}
.footer .back-to-top .ri-arrow-up-long-line::before {
  color: #141515;
  font-size: 16px;
}
.footer .location {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer .location p {
  padding: 0;
  margin: 0;
}
.footer .footer-bottom {
  border-top: 1px solid #2C2C2C;
  padding-top: 30px;
}

.mb0 {
  margin-bottom: 0;
}

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

.hero-grand-pioneers .breadcrumb {
  font-size: 14px;
  margin-bottom: 10px;
  background: transparent;
}
.hero-grand-pioneers .breadcrumb a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-family: Gotham;
}
.hero-grand-pioneers .breadcrumb a:hover {
  text-decoration: underline;
}

.grand-pioneers-list, .info-section {
  padding: 30px 0;
  /* ======== Form Chọn Ngày ======== */
}
.grand-pioneers-list .info-container, .info-section .info-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.grand-pioneers-list .info-container li, .info-section .info-container li {
  list-style-type: none;
}
.grand-pioneers-list .info-container li span, .info-section .info-container li span {
  font-size: 14px;
  color: #4D5151;
}
.grand-pioneers-list .info-container li p, .info-section .info-container li p {
  color: #15395A;
  font-size: 24px;
  font-weight: bold;
}
.grand-pioneers-list .link-container, .info-section .link-container {
  border-bottom: 1px solid #E6E7E7;
  border-top: 1px solid #E6E7E7;
}
.grand-pioneers-list .link-container .navbar, .info-section .link-container .navbar {
  padding: 0;
  margin: 0;
  min-height: 0;
}
.grand-pioneers-list .link-container .navbar ul.nav-list, .info-section .link-container .navbar ul.nav-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 29px 0;
  margin: 0;
  justify-content: center;
  gap: 60px;
  width: 100%;
}
.grand-pioneers-list .link-container .navbar ul.nav-list li, .info-section .link-container .navbar ul.nav-list li {
  list-style-type: none;
}
.grand-pioneers-list .link-container .navbar ul.nav-list li a, .info-section .link-container .navbar ul.nav-list li a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: #141515;
  text-transform: uppercase;
}
.grand-pioneers-list .link-container .navbar ul.nav-list li a:hover, .info-section .link-container .navbar ul.nav-list li a:hover {
  color: #15568F;
}
.grand-pioneers-list .note, .info-section .note {
  color: #4D5151;
}
.grand-pioneers-list .date-picker-container, .info-section .date-picker-container {
  display: flex;
  align-items: center;
  gap: 20px;
  background: white;
  padding: 15px;
  border-radius: 2px;
  border: 1px solid #E6E7E7;
}
.grand-pioneers-list .sticky-top, .info-section .sticky-top {
  position: sticky;
  top: 0;
  background-color: white; /* Giữ nền trắng để không bị trong suốt */
  z-index: 1080; /* Giữ trên các phần khác */
}
.grand-pioneers-list .date-box, .info-section .date-box {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #002147;
  cursor: pointer;
  position: relative;
  width: 40%;
}
.grand-pioneers-list .date-box i, .info-section .date-box i {
  font-size: 18px;
}
.grand-pioneers-list .date-input, .info-section .date-input {
  border: none;
  font-size: 14px;
  font-weight: bold;
  color: #002147;
  background: transparent;
  cursor: pointer;
  outline: none;
  width: auto;
  text-align: left;
}
.grand-pioneers-list .date-input::-moz-placeholder, .info-section .date-input::-moz-placeholder {
  color: #15395A !important;
  opacity: 1; /* Đảm bảo không bị mờ */
}
.grand-pioneers-list .date-input::placeholder, .info-section .date-input::placeholder {
  color: #15395A !important;
  opacity: 1; /* Đảm bảo không bị mờ */
}
.grand-pioneers-list .divider, .info-section .divider {
  width: 1px;
  height: 30px;
  background-color: #ccc;
}
.grand-pioneers-list .search-btn, .info-section .search-btn {
  background-color: #002147;
  color: white;
  font-weight: bold;
  border: none;
  padding: 0 20px;
  cursor: pointer;
  border-radius: 0;
  text-transform: uppercase;
  width: 20%;
  height: 55px;
}
.grand-pioneers-list .search-btn:hover, .info-section .search-btn:hover {
  background-color: #004080;
}

.main-image-container {
  overflow: inherit;
  /* ======= Container chính ======= */
  /* Ảnh lớn */
  /* ======= Thông tin suite ======= */
}
.main-image-container .suite-container {
  display: flex;
  background-color: #F2F8FD;
  flex-wrap: wrap;
}
.main-image-container .suite-container .image-section {
  width: 315px;
  /* Danh sách ảnh nhỏ */
  /* Item "All" có hình nền là thumbnail đầu tiên */
}
.main-image-container .suite-container .image-section .thumbnail-container {
  display: flex;
  justify-content: center;
  gap: 2px;
  width: 315px;
}
.main-image-container .suite-container .image-section .thumbnail {
  width: 62px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
  cursor: pointer;
  transition: transform 0.2s;
  padding: 0;
  margin: 0;
}
.main-image-container .suite-container .image-section .thumbnail:hover {
  opacity: 0.5;
}
.main-image-container .suite-container .image-section .thumbnail.all {
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: white;
  text-shadow: 1px 1px 3px black;
  background-color: rgba(0, 33, 71, 0.8705882353);
}
.main-image-container .suite-container .image-section .thumbnail.all span {
  position: absolute;
  z-index: 1;
}
.main-image-container .suite-container .image-section .thumbnail.all img {
  opacity: 0.5;
  -o-object-fit: cover;
     object-fit: cover;
  width: 80px;
  height: 56px;
}
.main-image-container .suite-container .main-image {
  width: 315px;
  height: 283px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
}
.main-image-container .info-section {
  width: 800px;
  padding: 30px;
}
.main-image-container .info-section .title-large {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  color: #15395A;
  font-family: playfair;
  padding-bottom: 20px;
}
.main-image-container .info-section .info-container li {
  line-height: 24px;
}
.main-image-container .info-section .info-container li span {
  font-size: 14px;
}
.main-image-container .info-section .info-container li p {
  color: #15395A;
  font-size: 14px;
}
.main-image-container .info-section .info-container li p span {
  color: #15395A;
}
.main-image-container .info-section .tag {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}
.main-image-container .info-section .tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding-top: 60px;
  max-width: 387px;
}
.main-image-container .info-section .tag ul li {
  list-style-type: none;
}
.main-image-container .info-section .tag ul li a {
  padding: 0 4px;
  text-decoration: none;
  color: #4D5151;
  border: 1px solid #E6E7E7;
  display: block;
  font-size: 14px;
  min-height: 25px;
}
.main-image-container .info-section .tag ul li a:hover, .main-image-container .info-section .tag ul li a:focus {
  color: #15395A;
  border-color: #15395A;
}
.main-image-container .pricing-box {
  width: 245px;
  text-align: center;
  position: relative;
  padding: 20px;
}
.main-image-container .pricing-box h2 {
  font-size: 16px;
  color: #141515;
  margin-bottom: 5px;
}
.main-image-container .price {
  font-size: 24px;
  font-weight: bold;
  color: #141515;
  margin-bottom: 5px;
}
.main-image-container .per-suite {
  font-size: 16px;
  color: #141515;
  margin-bottom: 15px;
}
.main-image-container .logo {
  width: 50px;
  margin-bottom: 10px;
  padding-top: 0;
}
.main-image-container .btn {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #072f57;
  color: white;
  text-decoration: none;
  font-size: 16px;
  border-radius: 1px;
  margin-bottom: 10px;
  border: none;
  cursor: pointer;
  height: 45px;
  text-transform: uppercase !important;
}
.main-image-container .btn:hover {
  background-color: #0a3e73;
}
.main-image-container .dropdown-container {
  position: relative;
  /* Style cho dropdown */
  /* Style cho button */
  /* Style cho danh sách dropdown */
  /* Hiện dropdown khi hover */
}
.main-image-container .dropdown-container .dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}
.main-image-container .dropdown-container .dropdown button {
  background-color: #fff;
  border: 1px solid #15395A;
  padding: 10px 15px;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  color: #15395A;
  border-radius: 1px;
  justify-content: center;
  height: 45px;
  text-transform: uppercase !important;
}
.main-image-container .dropdown-container .dropdown button i {
  font-size: 18px;
}
.main-image-container .dropdown-container .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  min-width: 200px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-image-container .dropdown-container .dropdown-menu li {
  padding: 10px;
}
.main-image-container .dropdown-container .dropdown-menu li a {
  text-decoration: none;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-image-container .dropdown-container .dropdown-menu li a:hover {
  background-color: #f5f5f5;
}
.main-image-container .dropdown-container .dropdown:hover .dropdown-menu {
  display: block;
}

.deckplan-factsheet {
  /* Tabs container */
}
.deckplan-factsheet .text-align-center {
  color: #141515;
}
.deckplan-factsheet .tabs1 {
  display: flex;
  border-bottom: 1px solid #ddd;
  justify-content: center;
  max-width: 1400px;
}
.deckplan-factsheet .tab {
  padding: 10px 15px;
  cursor: pointer;
  position: relative;
  font-weight: bold;
  color: #000;
}
.deckplan-factsheet .tab:hover {
  color: #0056b3;
}
.deckplan-factsheet .tab.active {
  color: #0056b3;
}
.deckplan-factsheet .tab.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #0056b3;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.deckplan-factsheet .tab-content {
  display: none;
  padding: 20px;
  text-align: center;
}
.deckplan-factsheet .tab-content.active {
  display: block;
}

.deckplan-factsheet .container .tab-content img {
  max-width: 100%;
  width: 100%;
}

.sticky-header {
  position: sticky;
  top: 0; /* Dính ở vị trí top */
  background: white; /* Đảm bảo menu không bị trong suốt */
  padding: 10px;
  z-index: 1000; /* Giúp header nổi lên trên */
}

.popup-custom-gp .popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 99999;
}
.popup-custom-gp .popup-overlay#popup2 .popup-content .custom-slider {
  width: 75%;
}
.popup-custom-gp .popup-overlay#popup2 .popup-content .custom-slider .custom-thumbnails img.active {
  opacity: 0.6;
}
.popup-custom-gp .popup-overlay#popup2 .popup-content .custom-content {
  width: 25%;
}
.popup-custom-gp .popup-content {
  position: relative;
  background: white;
  padding: 0;
  border-radius: 0;
  max-width: 100%;
  display: flex;
  flex-direction: row;
}
.popup-custom-gp .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: white;
  color: #4D5151;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 5px;
}
.popup-custom-gp .close-btn i.ri-close-line::before {
  font-size: 24px;
}
.popup-custom-gp .custom-slider {
  position: relative;
  width: 60%;
}
.popup-custom-gp .custom-slider img {
  width: 100%;
  display: block;
  border-radius: 0;
}
.popup-custom-gp .custom-thumbnails {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px;
  position: relative;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.popup-custom-gp .custom-thumbnails img {
  width: 60px;
  height: 40px;
  border-radius: 4px;
  cursor: pointer;
  border: 2px solid transparent;
}
.popup-custom-gp .custom-thumbnails img:hover, .popup-custom-gp .custom-thumbnails img:focus, .popup-custom-gp .custom-thumbnails img.active {
  opacity: 0.7;
  border: 2px solid transparent;
}
.popup-custom-gp .custom-thumbnails img.active {
  opacity: 0.6;
  border: 0;
}
.popup-custom-gp .custom-thumbnails1 {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px;
  position: relative;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.popup-custom-gp .custom-thumbnails1 img {
  width: 60px;
  height: 40px;
  border-radius: 4px;
  cursor: pointer;
  border: 2px solid transparent;
}
.popup-custom-gp .custom-thumbnails1 img.active {
  opacity: 0.6;
}
.popup-custom-gp .custom-content {
  width: 40%;
  padding: 20px;
  text-align: left;
}
.popup-custom-gp .custom-nav-btn {
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  background: #fff;
  color: #2e2e2e;
  border: none;
  cursor: pointer;
  font-size: 18px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.popup-custom-gp .custom-prev-btn {
  left: 10px;
}
.popup-custom-gp .custom-next-btn {
  right: 10px;
}
.popup-custom-gp .facilities-icon {
  overflow-y: auto;
  height: 492px;
}
.popup-custom-gp .facilities-icon h2 {
  font-family: playfair;
  font-size: 26px;
  padding-bottom: 14px;
  margin-bottom: 0;
}
.popup-custom-gp .facilities-icon h3 {
  font-size: 26px;
}
.popup-custom-gp .facilities-icon hr {
  border-bottom: 1px solid #E6E7E7;
}
.popup-custom-gp .facilities-icon ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-bottom: 1px solid #E6E7E7;
  padding-bottom: 20px;
}
.popup-custom-gp .facilities-icon ul li {
  width: 48%;
  display: flex;
  align-items: center;
  gap: 4px;
}
.popup-custom-gp .facilities-icon ul li span {
  line-height: 18px;
}

.slider-custom-progress .slider-container {
  width: 80%;
  margin: auto;
  overflow: hidden;
  position: relative;
  float: right;
}
.slider-custom-progress .slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
  margin-bottom: 0;
  gap: 50px;
}
.slider-custom-progress .slide {
  flex: 1 0 18%;
  padding: 0;
  text-align: center;
}
.slider-custom-progress .slide p {
  text-transform: uppercase;
}
.slider-custom-progress .slide p span {
  text-transform: none;
  font-style: italic;
  font-size: 14px;
  color: #4D5151;
}
.slider-custom-progress .slide img {
  width: 100%;
  border-radius: 0;
  margin-bottom: 20px;
}
.slider-custom-progress .labels {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
}
.slider-custom-progress .navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  width: 540px;
  margin: auto;
}
.slider-custom-progress .nav-button {
  cursor: pointer;
  padding: 0px;
  font-size: 16px;
  background-color: #fff;
  color: #292929;
  border-radius: 5px;
  margin: 0 10px;
  display: flex;
  align-items: center;
}
.slider-custom-progress .nav-button:hover {
  opacity: 0.6;
  background-color: transparent;
}
.slider-custom-progress .progress-bar {
  width: 80%;
  margin: 10px auto;
  height: 5px;
  background: #ddd;
  position: relative;
}
.slider-custom-progress .progress {
  height: 100%;
  background: #13294b;
  width: 50%;
  transition: width 0.5s;
}
.slider-custom-progress .w100pr {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-slider-gp-111 .blogs-homepage-item {
  text-align: center;
}
.custom-slider-gp-111 .blogs-homepage-item a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-family: playfair;
  font-size: 16px;
}
.custom-slider-gp-111 .blogs-homepage-item p {
  color: #4D5151;
  font-weight: normal;
}
.custom-slider-gp-111 .slider-container {
  width: 80%;
  margin: auto;
  overflow: hidden;
  position: relative;
  float: right;
}
.custom-slider-gp-111 .slider111 {
  display: flex;
  transition: transform 0.5s ease-in-out;
  margin-bottom: 0;
  gap: 50px;
}
.custom-slider-gp-111 .slide111 {
  flex: 1 0 18%;
  padding: 0;
  text-align: center;
}
.custom-slider-gp-111 .slide111 p {
  text-transform: uppercase;
}
.custom-slider-gp-111 .slide111 p span {
  text-transform: none;
  font-style: italic;
  font-size: 14px;
  color: #4D5151;
}
.custom-slider-gp-111 .slide111 img {
  width: 100%;
  border-radius: 0;
  margin-bottom: 20px;
}
.custom-slider-gp-111 .labels {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
}
.custom-slider-gp-111 .navigation111 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  width: 540px;
  margin: auto;
}
.custom-slider-gp-111 .nav-button {
  cursor: pointer;
  padding: 0px;
  font-size: 16px;
  background-color: #fff;
  color: #292929;
  border-radius: 5px;
  margin: 0 10px;
  display: flex;
  align-items: center;
}
.custom-slider-gp-111 .nav-button:hover {
  opacity: 0.6;
  background-color: transparent;
}
.custom-slider-gp-111 .progress-bar111 {
  width: 80%;
  margin: 10px auto;
  height: 5px;
  background: #ddd;
  position: relative;
}
.custom-slider-gp-111 .progress111 {
  height: 100%;
  background: #13294b;
  width: 20%;
  transition: width 0.5s;
}
.custom-slider-gp-111 .w100pr {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-slider-gp333 .blogs-homepage-item {
  text-align: center;
}
.custom-slider-gp333 .blogs-homepage-item a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-family: playfair;
  font-size: 16px;
}
.custom-slider-gp333 .blogs-homepage-item p {
  color: #4D5151;
  font-weight: normal;
}
.custom-slider-gp333 .slider-container {
  width: 80%;
  margin: auto;
  overflow: hidden;
  position: relative;
}
.custom-slider-gp333 .slider333 {
  display: flex;
  transition: transform 0.5s ease-in-out;
  margin-bottom: 0;
  gap: 50px;
}
.custom-slider-gp333 .slide333 {
  flex: 1 0 18%;
  padding: 0;
  text-align: center;
}
.custom-slider-gp333 .slide333 p {
  text-transform: uppercase;
}
.custom-slider-gp333 .slide333 p span {
  text-transform: none;
  font-style: italic;
  font-size: 14px;
  color: #4D5151;
}
.custom-slider-gp333 .slide333 img {
  width: 100%;
  border-radius: 0;
  margin-bottom: 20px;
}
.custom-slider-gp333 .labels {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
}
.custom-slider-gp333 .navigation333 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  width: 540px;
  margin: auto;
}
.custom-slider-gp333 .nav-button {
  cursor: pointer;
  padding: 0px;
  font-size: 16px;
  background-color: #fff;
  color: #292929;
  border-radius: 5px;
  margin: 0 10px;
  display: flex;
  align-items: center;
}
.custom-slider-gp333 .nav-button:hover {
  background-color: #15568F;
  color: white;
}
.custom-slider-gp333 .nav-button:hover {
  opacity: 0.6;
  background-color: transparent;
  color: #15568F;
}
.custom-slider-gp333 .progress-bar333 {
  width: 80%;
  margin: 10px auto;
  height: 5px;
  background: #ddd;
  position: relative;
}
.custom-slider-gp333 .progress333 {
  height: 100%;
  background: #13294b;
  width: 20%;
  transition: width 0.5s;
}
.custom-slider-gp333 .w100pr {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-slider-gp .blogs-homepage-item {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.custom-slider-gp .blogs-homepage-item .avatar-blogs-home {
  position: relative;
  padding-top: 99%;
  display: block;
  margin-bottom: 20px;
}
.custom-slider-gp .blogs-homepage-item .avatar-blogs-home img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
}
.custom-slider-gp .blogs-homepage-item b {
  display: inline-block;
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}
.custom-slider-gp .blogs-homepage-item b a {
  font-size: 14px;
  text-transform: uppercase;
  color: #141515;
  font-weight: normal;
  text-decoration: none;
}
.custom-slider-gp .blogs-homepage-item b p {
  font-weight: normal;
  font-style: italic;
  color: #4D5151;
  font-size: 14px;
}
.custom-slider-gp .blogs-homepage-item p {
  display: inline-block;
  width: 100%;
}
.custom-slider-gp .blogs-homepage-item p a {
  font-size: 24px;
  color: #141515;
}
.custom-slider-gp .paging {
  width: 100%;
}
.custom-slider-gp .paging .progress-bar {
  width: 242px;
  height: 6px;
  border-radius: 6px;
  background: #f5f5f5;
}
.custom-slider-gp .paging .progress-bar .progress {
  background-color: #15395A;
}

.custom-slider-gp2 .blogs-homepage-item .avatar-blogs-home {
  position: relative;
  padding-top: 0;
}
.custom-slider-gp2 .blogs-homepage-item .avatar-blogs-home .item-container {
  position: relative;
  padding-top: 0;
}
.custom-slider-gp2 .blogs-homepage-item .avatar-blogs-home .item-container .title-description::after {
  content: "";
  background: linear-gradient(209deg, rgba(5, 34, 61, 0.9) 0%, rgba(5, 34, 61, 0.64) 31%, rgba(21, 57, 90, 0) 67%);
  height: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
}
.custom-slider-gp2 .blogs-homepage-item .avatar-blogs-home .item-container .title-description {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.custom-slider-gp2 .blogs-homepage-item .avatar-blogs-home .item-container .title-description h4 {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  color: white;
  z-index: 9;
}
.custom-slider-gp2 .blogs-homepage-item .avatar-blogs-home .item-container .title-description button {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  max-width: 205px;
  margin: auto;
  z-index: 9;
  height: 45px;
  color: #15395A;
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.5s;
}
.custom-slider-gp2 .blogs-homepage-item .avatar-blogs-home .item-container .title-description button:hover {
  background-color: #15568F;
  color: white;
}
.custom-slider-gp2 .blogs-homepage-item .avatar-blogs-home .item-container img {
  position: relative;
}

.grand-pioneers-list.pt0 {
  padding-top: 0;
}

.halong-bay-exploration {
  background-color: #F2F8FD;
}
.halong-bay-exploration .container {
  display: flex;
  flex-wrap: wrap;
}
.halong-bay-exploration .container .left-maps {
  width: 65%;
}
.halong-bay-exploration .container .left-maps p {
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 0;
}
.halong-bay-exploration .container .right-tour {
  width: 35%;
  padding: 0 30px;
}
.halong-bay-exploration .container .right-tour h2.title-large {
  font-size: 42px;
  font-family: playfair;
  margin: 0;
  padding: 0;
  color: #15395A;
  padding-bottom: 30px;
}
.halong-bay-exploration .container .right-tour p {
  padding-bottom: 10px;
  margin: 0;
}
.halong-bay-exploration .container .right-tour p span {
  font-weight: bold;
  font-family: Gotham;
  font-size: 20px;
  color: #15395A;
}
.halong-bay-exploration .container .right-tour .btn-action {
  width: 100%;
}
.halong-bay-exploration .container .right-tour .color-primary {
  color: #15395A;
}

.detail-tour .title-large {
  text-transform: uppercase;
  font-family: playfair;
}
.detail-tour .accordion {
  width: 80%;
  margin: 0 auto;
}
.detail-tour .accordion-item {
  border-bottom: 1px solid #ddd;
}
.detail-tour .accordion-header {
  background: transparent;
  padding: 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-tour .accordion-header .title {
  color: #15395A;
}
.detail-tour .accordion-header .title .title-small {
  font-weight: bold;
  margin-top: 0;
  color: #141515;
  margin: 0;
}
.detail-tour .accordion-header .ri-arrow-down-s-line::before {
  font-size: 24px;
}
.detail-tour .accordion-content {
  display: none;
  padding: 15px;
  background: #fff;
  margin-bottom: 20px;
}
.detail-tour .arrow {
  transition: transform 0.3s ease;
}
.detail-tour .open .arrow {
  transform: rotate(180deg);
}

.Things-to-know .title-section {
  padding-bottom: 20px;
}
.Things-to-know .accordion .accordion-item {
  background-color: #fff;
  border: 1px solid #F2F8FD;
  margin-bottom: 20px;
}
.Things-to-know .accordion .accordion-item .accordion-header {
  border-bottom: 0;
  padding: 10px 20px;
  padding-right: 10px;
  border-left: 3px solid #d2dce5;
}
.Things-to-know .accordion .accordion-item .accordion-header h3.title-small {
  color: #15395A;
}
.Things-to-know .accordion .accordion-item .accordion-header.open {
  background-color: #F2F8FD;
}
.Things-to-know .accordion .accordion-item .accordion-content {
  background-color: #F2F8FD;
  padding: 10px 20px;
  padding-right: 10px;
  border-left: 3px solid #d2dce5;
  margin-bottom: 0;
}
.Things-to-know .accordion .accordion-item .accordion-content .list-item {
  padding-left: 20px;
}
.Things-to-know .accordion .accordion-item:nth-last-child(1) .accordion-content {
  border-bottom: 0;
  margin-bottom: 0;
}

.cus-slider-gp {
  /* Slider Container */
  /* Slider Wrapper */
  /* Individual Slide */
  /* Navigation Buttons */
}
.cus-slider-gp .cus-slider-container {
  position: relative;
  width: 100%;
  margin: auto;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
.cus-slider-gp .cus-slider-container .footer-bottom {
  text-align: left;
  background-color: white;
  padding: 20px;
}
.cus-slider-gp .cus-slider-container .footer-bottom .location {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 6px;
  margin-bottom: 10px;
}
.cus-slider-gp .cus-slider-container .footer-bottom .location p {
  margin: 0;
  line-height: 18px;
  padding-top: 5px;
}
.cus-slider-gp .cus-slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.cus-slider-gp .cus-slide {
  min-width: 100%;
  text-align: center;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cus-slider-gp .cus-slide .car-image {
  width: 50%;
  text-align: center;
}
.cus-slider-gp .cus-slide img {
  width: 70%;
  max-width: 300px;
}
.cus-slider-gp .cus-slide h2 {
  margin-top: 10px;
  font-size: 22px;
  color: #002244;
}
.cus-slider-gp .cus-slide p {
  font-size: 16px;
  color: #333;
}
.cus-slider-gp .cus-nav-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgb(255, 255, 255);
  color: #474747;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  font-size: 20px;
  height: 40px;
  width: 40px;
}
.cus-slider-gp .cus-prev {
  left: 10px;
}
.cus-slider-gp .cus-next {
  right: 10px;
}
.cus-slider-gp .cus-nav-button:hover {
  background-color: #15568F;
  color: white;
}

.slider-fix {
  /* Responsive hiển thị nhiều item */
}
.slider-fix .container {
  max-width: 1400px;
}
.slider-fix .activity-track {
  display: flex;
  transition: transform 0.3s ease;
  will-change: transform;
}
.slider-fix .activity-card {
  flex: 0 0 100%;
  padding: 16px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .slider-fix { /* 2 item */ }
  .slider-fix .activity-card {
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .slider-fix { /* 4 item */ }
  .slider-fix .activity-card {
    flex: 0 0 25%;
  }
}
@media (min-width: 1200px) {
  .slider-fix { /* 5 item */ }
  .slider-fix .activity-card {
    flex: 0 0 21%;
  }
}
.slider-fix .activity-slider {
  position: inherit; /* Quan trọng để định vị nút bên trong */
}
.slider-fix .slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.slider-fix .slider-prev {
  left: 16px; /* Bám vào mép trái của slider */
}
.slider-fix .slider-next {
  right: 16px; /* Bám vào mép phải của slider */
}

@font-face {
  font-family: "Gotham";
  src: url("Gotham-Book.woff2") format("woff2"), url("Gotham-Book.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham-Bold";
  src: url("Gotham-Bold.woff2") format("woff2"), url("Gotham-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "playfair-bold";
  src: url("PlayfairDisplay-Bold.woff2") format("woff2"), url("PlayfairDisplay-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "playfair";
  src: url("PlayfairDisplay-Regular.woff2") format("woff2"), url("PlayfairDisplay-Regular.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "SVN-GothamBook-normal";
  color: #141515;
  font-size: 16px;
}

.discover {
  text-transform: uppercase;
  color: white;
  font-size: 16px;
  margin-top: 20px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-decoration: none !important;
}
.discover::after {
  width: 100%;
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 1px;
  background: white;
  content: "";
}
.discover:hover::after {
  background: #15568F;
}

.body-gallery-thumnails {
  position: relative;
  width: 100%;
  display: inline-block;
}
.body-gallery-thumnails #lightgallery {
  display: grid;
  grid-template-columns: 65% 35%;
  grid-template-rows: 50% 50%;
  gap: 5px;
  height: 544px;
}
.body-gallery-thumnails #lightgallery a {
  display: none !important;
}
.body-gallery-thumnails #lightgallery a:nth-child(1), .body-gallery-thumnails #lightgallery a:nth-child(2), .body-gallery-thumnails #lightgallery a:nth-child(3) {
  display: block !important;
  cursor: pointer;
}
.body-gallery-thumnails #lightgallery a:nth-child(1) {
  grid-row: 1/span 2; /* chiếm cả 2 hàng */
  grid-column: 1;
}
.body-gallery-thumnails #lightgallery a:nth-child(2) {
  grid-row: 1;
  grid-column: 2;
}
.body-gallery-thumnails #lightgallery a:nth-child(3) {
  grid-row: 2;
  grid-column: 2;
}
.body-gallery-thumnails #lightgallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.body-gallery-thumnails span.gallery-view-all {
  background: white;
  display: flex;
  padding: 6px 10px;
}
.body-gallery-thumnails span.gallery-view-all label {
  font-size: 14px;
  color: #15395A;
}
.body-gallery-thumnails span.gallery-view-all img {
  width: 20px;
  height: 20px;
}

.item-theword {
  display: inline-block;
  width: 100%;
  position: relative;
}
.item-theword .img-review {
  position: relative;
  padding-top: 121%;
  display: block;
  cursor: pointer;
}
.item-theword .img-review img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
}

.description-about {
  text-transform: uppercase;
  color: white;
  float: left;
  font-size: 24px !important;
  width: 100%;
  font-family: "SVN-GothamBook-normal" !important;
  margin-top: 10px;
}

.body-careers-details {
  display: inline-block;
  width: 100%;
}

.list-contact-address {
  display: inline-block;
  width: 100%;
  padding: 50px;
  padding-bottom: 0 !important;
}
.list-contact-address p strong {
  display: inline-block;
  width: 100%;
  font-size: 20px;
  font-family: "playfair-bold";
  margin-bottom: 10px;
}
.list-contact-address p a {
  color: #141515;
}
.list-contact-address h5 {
  text-align: left;
}
.list-contact-address h5 strong {
  text-align: left;
}
.list-contact-address h2 {
  font-family: "playfair";
  display: inline-block;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  color: #15395A !important;
  line-height: 50px;
  font-size: 42px;
  margin-bottom: 30px;
}
.list-contact-address ul {
  margin-bottom: 0;
}
.list-contact-address ul li {
  list-style: none;
  display: inline-block;
  width: 100%;
  margin-bottom: 40px;
}
.list-contact-address ul li h6 {
  display: inline-block;
  width: 100%;
  font-size: 20px;
  font-family: "playfair-bold";
  margin-bottom: 10px;
}
.list-contact-address ul li p {
  position: relative;
  padding-left: 13px;
  padding-top: 0;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  display: flex;
}
.list-contact-address ul li p::before {
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: "";
  display: inline-block;
  background: #15395A;
}
.list-contact-address ul li p img {
  height: 27px !important;
}

.search-flag-body {
  display: flex;
  gap: 20px;
  align-items: center;
}
.search-flag-body .search-header input {
  display: none;
}

.body-infor0-theword {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.body-infor0-theword::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(217deg, rgba(31, 67, 100, 0.5) 26.97%, rgba(21, 57, 90, 0.7) 91.11%);
}
.body-infor0-theword .infor-the-word {
  width: 100%;
  z-index: 99;
  position: relative;
  margin: auto;
  max-width: 68%;
  margin-top: 50px;
}
.body-infor0-theword .infor-the-word h6 {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}
.body-infor0-theword .infor-the-word h6::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 29px;
  background: url(../images/think-custom.svg) no-repeat;
  position: absolute;
  left: -50px;
  top: 0;
}
.body-infor0-theword .infor-the-word h6 a {
  display: inline-block;
  width: 100%;
  font-family: "playfair-bold";
  font-size: 26px;
  color: white;
  text-decoration: none;
}
.body-infor0-theword .infor-the-word p {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  color: white;
  display: -webkit-box;
  min-height: initial !important;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.body-infor0-theword .infor-the-word .byother {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.body-infor0-theword .infor-the-word .byother .name-customer {
  border-top: 1px solid white;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
.body-infor0-theword .infor-the-word .byother .name-customer a {
  padding-top: 6px;
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
  font-family: "SVN-GothamBold-Bold";
  text-decoration: none !important;
  outline: none;
  color: white;
}
.body-infor0-theword .infor-the-word .byother .logo-trip img {
  height: 30px;
}

.title-header-white-body {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.title-header-white-body h1 {
  font-size: 52px;
  font-family: "playfair";
  text-transform: uppercase;
  color: #15395A;
}

.large-blogs {
  display: inline-block;
  width: 100%;
}

.avatar-large-blogs {
  width: 100%;
  max-width: 855px;
  float: left;
}

.infor-large {
  padding-left: 60px;
  display: flow-root;
}
.infor-large .categories-name {
  font-family: "playfair";
  color: #15395A;
  font-size: 24px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.infor-large h1 {
  font-family: "playfair-bold";
  font-size: 32px;
  display: inline-block;
  width: 100%;
}
.infor-large h1 a {
  color: #141515 !important;
  text-decoration: none;
}
.infor-large p {
  display: inline-block;
  width: 100%;
  color: #4D5151;
}

.blogs-body {
  padding: 50px 0;
}

.body-list-blogs {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

.tab-blogs {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 30px;
}
.tab-blogs a {
  font-family: "playfair";
  font-size: 20px;
  padding: 0 20px;
  color: #141515;
}
.tab-blogs a.active {
  color: #E4B98B;
}

.listposition-careers {
  display: inline-block;
  width: 100%;
}
.listposition-careers ul {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}
.listposition-careers ul li {
  position: relative;
  padding: 20px 0;
  list-style: none;
  padding-left: 350px;
  border-bottom: 1px solid #E6E7E7;
  gap: 20px;
}
.listposition-careers ul li b {
  position: absolute;
  left: 0;
  top: 20px;
  font-size: 24px;
  max-width: 330px;
  width: 100%;
  font-family: "SVN-GothamBold-Bold";
}
.listposition-careers ul li .name-title-position {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
.listposition-careers ul li .name-title-position span {
  font-size: 14px;
  color: #4D5151;
}
.listposition-careers ul li .name-title-position a {
  font-size: 20px;
  color: #141515;
}

.img-view-default {
  display: inline-block;
  width: 100%;
}
.img-view-default img {
  width: 100%;
}

.award-section {
  display: inline-block;
  width: 100%;
  padding-top: 50px !important;
}
.award-section .award-body {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.award-section .award-body img {
  height: 120px;
  padding: 0 20px;
}

.main-image-container .info-section {
  width: auto !important;
}

.page-contact {
  padding: 0 !important;
}
.page-contact .col-md-5 {
  padding-left: 0;
}
.page-contact .get-a-quote {
  box-shadow: none !important;
  padding: 30px;
}
.page-contact .row {
  background: white;
}
.page-contact .row .col-md-7 {
  background: #F2F8FD;
}
.page-contact .btn-form {
  padding: 0 16px;
}

.main-image-container .suite-container {
  position: relative;
  padding-right: 300px;
}

.main-image-container .pricing-box {
  position: absolute !important;
  right: 0;
  top: 0;
  height: 100%;
  flex-flow: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-image-container .pricing-box .dropdown-container {
  width: 100%;
}

.slick-slider2 {
  margin-bottom: 0 !important;
}

.body-slider-theworld {
  display: inline-block;
  width: 100%;
}
.body-slider-theworld .slick-slider .element {
  margin: 0px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.body-slider-theworld .slick-slider .slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.body-slider-theworld .slick-prev {
  left: -15px !important;
  z-index: 99;
}
.body-slider-theworld .slick-prev::before {
  width: 45px;
  height: 45px;
  background: url(../images/prev-btn.svg) no-repeat center;
  content: "";
  display: inline-block;
}
.body-slider-theworld .slick-next {
  right: 10px !important;
  z-index: 4;
}
.body-slider-theworld .slick-next::before {
  width: 45px;
  height: 45px;
  background: url(../images/next-btn.svg) no-repeat center;
  content: "";
  display: inline-block;
}

.share-your-moments {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 50px 0 !important;
  background: #F2F8FD;
}
.share-your-moments .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
.share-your-moments .row .col-md-8 {
  padding: 0 5px !important;
}
.share-your-moments .row .col-md-4 {
  padding: 0 5px !important;
}
.share-your-moments .item-gallery {
  display: inline-block;
  width: 100%;
}
.share-your-moments .item-gallery a {
  position: relative;
  padding-top: 60%;
  display: block;
  cursor: pointer;
}
.share-your-moments .item-gallery img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
}
.share-your-moments .item-gallery.gallery-50 a {
  padding-top: 59%;
  margin-bottom: 10px;
}
.share-your-moments .item-gallery.gallery-50:nth-last-child(1) {
  margin-bottom: 0 !important;
}

.flex-column {
  flex-direction: column !important;
}
.flex-column h1 {
  width: 100%;
  margin-bottom: 16px;
}

.clock-location {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
}
.clock-location p {
  display: flex;
  gap: 6px;
  align-items: center;
}
.clock-location p img {
  width: 14px;
}
.clock-location p span {
  color: white;
}

.box-booking-mobile {
  display: none;
  overflow: hidden;
}

.theword-onthesea {
  display: inline-block;
  width: 100%;
  background: #F2F8FD;
  padding-top: 0 !important;
}

.button-view-all-gallery {
  height: 40px;
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
  background: white;
  justify-content: center;
  padding: 0 16px;
  position: absolute;
  bottom: 35px;
  right: 20px;
}
.button-view-all-gallery img {
  width: 20px;
}
.button-view-all-gallery span {
  color: #15395A;
  text-transform: uppercase;
  font-size: 13px;
}

.gallery-thumnails .header .lead {
  max-width: 100%;
}
.gallery-thumnails .inline-gallery-container {
  width: 100%;
  height: 100vh;
  position: relative;
}
.gallery-thumnails .lightGallery-captions h4 {
  transform: translate3d(60px, 0, 0px);
}
.gallery-thumnails .lightGallery-captions p {
  transform: translate3d(-60px, 0, 0px);
}
.gallery-thumnails .lightGallery-captions h4,
.gallery-thumnails .lightGallery-captions p {
  opacity: 0;
}
.gallery-thumnails .lg-current .lightGallery-captions h4,
.gallery-thumnails .lg-current .lightGallery-captions p {
  transform: translate3d(0, 0, 0px);
}
.gallery-thumnails .lg-current .lightGallery-captions h4,
.gallery-thumnails .lg-current .lightGallery-captions p {
  opacity: 1;
}
.gallery-thumnails .lg-slide-progress .lightGallery-captions h4 {
  transform: translate3d(-60px, 0, 0px);
}
.gallery-thumnails .lg-slide-progress .lightGallery-captions p {
  transform: translate3d(60px, 0, 0px);
}
.gallery-thumnails .lg-slide-progress .lightGallery-captions h4,
.gallery-thumnails .lg-slide-progress .lightGallery-captions p {
  opacity: 0;
}
.gallery-thumnails .lightGallery-captions h4,
.gallery-thumnails .lightGallery-captions p {
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in;
}
.gallery-thumnails .lg-current .lightGallery-captions h4,
.gallery-thumnails .lg-current .lightGallery-captions p {
  transition-delay: 500ms;
}
.gallery-thumnails .lg-current.lg-slide-progress .lightGallery-captions h4,
.gallery-thumnails .lg-current.lg-slide-progress .lightGallery-captions p {
  transition-delay: 0ms;
}

.body-gallery {
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}

.destination-section {
  padding-top: 50px;
}

.link-section {
  float: left;
  margin-top: 50px;
  color: #15395A;
  text-decoration: none !important;
  position: relative;
}
.link-section::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #15395A;
}

.avatar-blogs {
  position: relative;
  padding-top: 56%;
  display: block;
}
.avatar-blogs img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
}

.body-tab-blogs {
  display: inline-block;
  width: 100%;
}

.blogs-details-body {
  display: inline-block;
  width: 100%;
  padding-bottom: 0 !important;
}

.blogs-related {
  display: inline-block;
  width: 100%;
  margin-top: 0 !important;
}
.blogs-related h2 {
  text-transform: uppercase;
  font-size: 32px;
  display: inline-block;
  width: 100%;
  font-family: "playfair";
  margin-bottom: 20px;
}

.head-faqs {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.head-faqs h2 {
  font-family: "playfair";
  font-size: 45px;
  text-align: center;
  display: inline-block;
  width: 100%;
  max-width: 900px;
  margin: auto;
  margin-bottom: 20px;
  color: #15395A;
}
.head-faqs p {
  display: inline-block;
  width: 100%;
  max-width: 900px;
  margin: auto;
  text-align: center;
}

.list-faqs {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

.list-services {
  display: inline-block;
  width: 100%;
}
.list-services .item-services {
  cursor: pointer;
}
.list-services .item-services .avatar-services {
  position: relative;
  padding-top: 56%;
  display: block;
  margin-top: 50px;
}
.list-services .item-services .avatar-services img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
}

.bg-brand-alpha {
  background: #F2F8FD !important;
}

.wellness-section {
  padding-top: 50px !important;
}

.infor-item-services {
  display: inline-block;
  width: 100%;
  padding: 20px;
  background: #F5F6F6;
}
.infor-item-services .name-title-services {
  font-family: "playfair";
  font-size: 24px;
  display: inline-block;
  width: 100%;
  min-height: 71px;
  color: #15395A !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.infor-item-services span {
  font-size: #4D5151;
  display: inline-block;
  width: 100%;
  margin: 16px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 71px;
}
.infor-item-services .btn-text-small {
  display: inline-block;
  width: 100%;
  text-align: right;
}
.infor-item-services .btn-text-small a {
  display: flex;
  gap: 4px;
  align-items: center;
  width: 100%;
  justify-content: right;
  text-transform: uppercase;
  color: #15395A;
  font-size: 13px;
}
.infor-item-services .btn-text-small a img {
  height: 20px;
}

.first-about {
  display: inline-block;
  width: 100%;
  padding-top: 50px !important;
}

.left-about {
  display: inline-block;
  width: 100%;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.right-about .item-about-right-img {
  padding-right: 340px;
  padding-left: 0 !important;
  display: inline-block;
  width: 100%;
  position: relative;
}
.right-about .item-about-right-img img {
  width: 100%;
}
.right-about .item-about-right-img .body-infor-about-img {
  position: absolute;
  right: 0;
  left: initial !important;
  top: 0;
  width: 625px;
  height: 100%;
  display: flex;
  align-items: center;
}
.right-about .item-about-right-img .infor-right-img {
  background: #F2F8FD;
  padding: 60px 50px;
  display: inline-block;
  width: 100%;
}
.right-about .item-about-right-img .infor-right-img h6 {
  font-size: 38px;
  display: inline-block;
  width: 100%;
  font-family: "playfair";
  color: #15395A;
  margin-bottom: 20px;
}
.right-about .item-about-right-img .infor-right-img p {
  margin-bottom: 0 !important;
}

.title-section h2, .title-section span {
  font-size: 32px !important;
}

.item-about-right-img {
  padding-left: 340px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.item-about-right-img img {
  width: 100%;
}
.item-about-right-img .body-infor-about-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 625px;
  height: 100%;
  display: flex;
  align-items: center;
}
.item-about-right-img .infor-right-img {
  background: #F2F8FD;
  padding: 60px 50px;
  display: inline-block;
  width: 100%;
}
.item-about-right-img .infor-right-img h6 {
  font-size: 38px;
  display: inline-block;
  width: 100%;
  font-family: "playfair";
  color: #15395A;
  margin-bottom: 20px;
}
.item-about-right-img .infor-right-img p {
  margin-bottom: 0 !important;
}

.misson-vission {
  display: inline-block;
  width: 100%;
}
.misson-vission .item-vission {
  background: #F2F8FD;
  padding: 70px;
  height: 100%;
}
.misson-vission .item-vission img {
  height: 100px;
}
.misson-vission .item-vission h3, .misson-vission .item-vission p {
  display: inline-block;
  width: 100%;
}
.misson-vission .item-vission h3 {
  font-size: 28px;
  font-family: "playfair";
  text-transform: uppercase;
  margin-top: 16px;
  margin-bottom: 20px;
}

.content-about-first {
  position: relative;
  margin-top: 30px;
  display: inline-block;
  width: 100%;
  padding-left: 400px;
}
.content-about-first h3 {
  font-size: 28px;
  font-family: "playfair";
  text-transform: uppercase;
  width: 300px;
  position: absolute;
  left: 0;
  top: 0;
  width: 350px;
}

.section-customerReview {
  padding: 50px 0 !important;
  display: inline-block;
  width: 100%;
}
.section-customerReview .item-theword {
  margin-bottom: 50px;
}

.news-about {
  padding-top: 50px !important;
}
.news-about .item-blogs {
  margin-top: 30px;
}
.news-about .infor-item-blogs span {
  margin-top: 16px;
}

.news-bg-alpha {
  background: #F2F8FD;
}

.faq-container {
  max-width: 1000px;
  margin: auto;
}

.faq-title {
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.faq-item {
  border-bottom: 1px solid #ddd;
  padding: 19px 0;
}

.faq-question {
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-answer {
  display: none;
  padding: 10px 0;
  font-size: 16px;
}

.faq-icon {
  transition: transform 0.3s ease;
}

.expanded .faq-icon {
  transform: rotate(180deg);
}

.faqs-body {
  display: inline-block;
  width: 100%;
  padding: 50px 0 !important;
}

.charter-section-first {
  display: inline-block;
  width: 100%;
  background: #F2F8FD;
  padding: 50px 0 !important;
}
.charter-section-first img {
  width: 100%;
}
.charter-section-first h2 {
  font-family: "playfair";
  color: #15395A;
  display: inline-block;
  word-break: break-word;
  width: 100%;
  margin-bottom: 20px;
}
.charter-section-first p {
  display: inline-block;
  width: 100%;
}

.faq-question.expanded {
  font-family: "SVN-GothamBold-Bold";
  color: #15395A;
}

.expriences-body {
  display: inline-block;
  width: 100%;
  padding-top: 0 !important;
}

.entertainment-section {
  display: inline-block;
  width: 100%;
  padding-top: 50px;
}

.wellness-section .infor-item-services {
  background: #E3EEFB !important;
}

.icon-mobile-table-of-content {
  position: fixed;
  left: 15px;
  bottom: 16px;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  border: 1px solid #15395A;
  display: flex;
  justify-content: center;
  background: #F2F8FD;
  align-items: center;
  display: none;
  z-index: 9;
}
.icon-mobile-table-of-content img {
  width: 30px;
}

.table-of-content {
  display: inline-block;
  width: 100%;
}
.table-of-content h6 {
  font-family: "playfair-bold";
  display: inline-block;
  width: 100%;
  color: #15395A;
  margin-bottom: 20px;
}
.table-of-content ul {
  padding-left: 15px;
}
.table-of-content ul li a {
  color: #141515;
}
.table-of-content ul li p {
  display: inline-block;
  width: 100%;
}
.table-of-content ul li p a {
  font-size: 14px;
  color: #4D5151;
  padding-left: 6px;
}

.blogs-details-body {
  background: #15395A;
}
.blogs-details-body h1, .blogs-details-body span, .blogs-details-body p, .blogs-details-body b, .blogs-details-body i, .blogs-details-body a {
  color: white !important;
}

.head-blogs-detail {
  padding-bottom: 30px !important;
}

.pt-5 {
  padding-top: 50px !important;
}

.head-blogs-detail {
  display: inline-block;
  width: 100%;
  background: #15395A;
  padding: 50px 0;
}
.head-blogs-detail img {
  width: 100%;
}
.head-blogs-detail h1 {
  font-family: "playfair";
  display: inline-block;
  margin-bottom: 16px;
  font-size: 54px;
  line-height: 58px;
  margin-top: 16px;
}
.head-blogs-detail b {
  font-family: "playfair-bold";
}

.list-blogs-pagging {
  display: inline-block;
  width: 100%;
  margin-top: 50px;
}
.list-blogs-pagging .item-blogs {
  display: inline-block;
  width: 100%;
  margin-bottom: 60px;
}
.list-blogs-pagging .item-blogs .infor-item-blogs {
  display: inline-block;
  width: 100%;
  margin-top: 16px;
}
.list-blogs-pagging .item-blogs .infor-item-blogs a.name-categories {
  color: #15395A;
  font-family: "playfair";
}
.list-blogs-pagging .item-blogs .infor-item-blogs b {
  display: inline-block;
  width: 100%;
  font-size: 18px;
}
.list-blogs-pagging .item-blogs .infor-item-blogs b a {
  color: #141515;
}
.list-blogs-pagging .item-blogs .infor-item-blogs span {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: #4D5151;
}

.destation {
  display: inline-block;
  width: 100%;
}
.destation .a-destation {
  position: relative;
  padding-top: 102%;
  display: block;
}
.destation .a-destation img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
}

.blogs-travel-section {
  display: inline-block;
  width: 100%;
  /* ------------------------------------------------------------ *\
  	Paging
  \* ------------------------------------------------------------ */
  /* ------------------------------------------------------------ *\
  	Link More
  \* ------------------------------------------------------------ */
}
.blogs-travel-section .slider-section-3 {
  margin-top: 0 !important;
}
.blogs-travel-section .slider-section-3 .section-slider {
  padding-top: 0 !important;
}
.blogs-travel-section .section-slider {
  position: relative;
  overflow: hidden;
  padding: 20px 0;
}
.blogs-travel-section .section-slider__head {
  max-width: 400px;
  padding-bottom: 60px;
}
.blogs-travel-section .section-slider__entry {
  font-size: 24px;
}
.blogs-travel-section .section-slider__title {
  margin-bottom: 0;
}
.blogs-travel-section .box-actionLink {
  width: 100%;
  display: flex;
  justify-content: center;
}
.blogs-travel-section .box-actionLink .outline-actionBtn {
  background: none !important;
  color: #15395A !important;
  text-decoration: none !important;
  border: 1px solid #15395A;
  margin-top: 0 !important;
}
.blogs-travel-section .thumb {
  counter-increment: projects-counter;
  transition: transform 0.5s;
}
.blogs-travel-section .thumb__image {
  position: relative;
  display: block;
  padding-top: 66.73%;
  border-radius: 5px;
  margin-bottom: 12px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
}
.blogs-travel-section .thumb__title {
  position: relative;
  margin-bottom: 10px;
  font-weight: 700;
}
.blogs-travel-section .thumb__title:before {
  content: counter(projects-counter, decimal-leading-zero) " / ";
  font-size: 16px;
  font-weight: 500;
}
.blogs-travel-section .thumb__entry {
  max-width: 250px;
  margin-bottom: 15px;
}
.blogs-travel-section .paging {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  float: right;
}
.blogs-travel-section .paging__next, .blogs-travel-section .paging__prev {
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  padding: 14px 7px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.blogs-travel-section .paging__next:hover, .blogs-travel-section .paging__prev:hover {
  color: #dcb285;
}
.blogs-travel-section .link-more {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 18px;
  font-weight: 800;
  color: inherit;
  text-decoration: none;
  transition: text-shadow 0.3s;
}
.blogs-travel-section .link-more svg {
  display: inline-block;
  margin-top: 2px;
  margin-left: 15px;
}
.blogs-travel-section .link-more:hover svg {
  animation: moveArrow 1s infinite;
}
@keyframes moveArrow {
  0% {
    transform: translateX(0px);
  }
  30% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
  }
}

.blogs-homepage-item {
  display: inline-block;
  width: 100%;
}
.blogs-homepage-item .avatar-blogs-home {
  position: relative;
  padding-top: 99%;
  display: block;
  margin-bottom: 20px;
}
.blogs-homepage-item .avatar-blogs-home img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
}
.blogs-homepage-item b {
  display: inline-block;
  width: 100%;
  margin: 0;
  margin-top: 16px;
  margin-bottom: 10px;
  text-align: center;
}
.blogs-homepage-item b a {
  font-size: 14px;
  text-transform: uppercase;
  color: #15395A;
}
.blogs-homepage-item p {
  display: inline-block;
  width: 100%;
}
.blogs-homepage-item p a {
  font-size: 18px;
  color: #141515;
}

.content-destation {
  bottom: 40px;
  left: 48px;
  position: absolute;
  border: 1px solid #E4B98B;
  padding: 20px;
}
.content-destation h6 {
  display: inline-block;
  width: 100%;
  color: white;
  font-size: 20px;
  font-family: "playfair-bold";
}
.content-destation h6 b {
  color: #E4B98B;
  display: inline-block;
  width: 100%;
  font-family: "playfair-bold";
  font-size: 20px;
}
.content-destation ul {
  padding: 0;
  margin: 0;
}
.content-destation ul li {
  list-style: none;
  position: relative;
  padding-left: 0;
}
.content-destation ul li img {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
}
.content-destation ul li p {
  display: inline-block;
  width: 100%;
}
.content-destation ul li p b {
  font-size: 26px;
  font-family: "SVN-GothamBold-Bold";
  color: #E4B98B;
}
.content-destation ul li p b i {
  font-size: 12px;
  font-family: "SVN-GothamBold-Bold";
  font-style: normal;
  color: #E4B98B;
}
.content-destation ul li p span {
  display: inline-block;
  color: #E4B98B;
  font-size: 13px;
  width: 100%;
}

.our-cruises .item-grandpioness {
  margin-bottom: 30px;
}
.our-cruises .item-grandpioness .avatar-cruises {
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.our-cruises .item-grandpioness .avatar-cruises a {
  position: relative;
  padding-top: 83%;
  display: block;
}
.our-cruises .item-grandpioness .avatar-cruises a img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
}
.our-cruises .item-grandpioness h2 {
  width: 100%;
  display: inline-block;
}
.our-cruises .item-grandpioness h2 a {
  font-family: "playfair";
  color: #141515;
  text-transform: uppercase;
}
.our-cruises .item-grandpioness p {
  display: inline-block;
  width: 100%;
}
.our-cruises .item-grandpioness .price-cruises {
  display: inline-block;
  width: 100%;
}
.our-cruises .item-grandpioness .price-cruises label {
  display: inline-block;
  width: 100%;
  margin-bottom: 0 !important;
  font-size: 14px;
}
.our-cruises .item-grandpioness .price-cruises b {
  color: #15395A;
}
.our-cruises .item-grandpioness .price-cruises b span {
  color: #4D5151;
  font-weight: normal;
}

.p-100 {
  padding-top: 100px !important;
}

.form-apply {
  display: inline-block;
  width: 100%;
}
.form-apply .get-a-quote {
  padding: 30px !important;
  padding-top: 0 !important;
}
.form-apply .get-a-quote .filed-form:nth-child(1) {
  padding-right: 6px;
}
.form-apply .get-a-quote .filed-form:nth-child(2) {
  padding-left: 6px;
}
.form-apply .get-a-quote h2 {
  margin-bottom: 20px;
}
.form-apply .btn-form {
  padding: 0 16px;
}
.form-apply h2 {
  font-size: 32px !important;
}
.form-apply .upload-container {
  background: white;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
}
.form-apply .file-label {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
.form-apply .upload-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
  border: 1px dashed #AEB2B1;
  border-radius: 1px;
  background: white;
}
.form-apply .upload-box:hover {
  background-color: #F2F8FD;
}
.form-apply .upload-box i {
  font-size: 40px;
  color: #007bff;
}
.form-apply .file-name {
  margin-top: 10px;
  color: #15395A;
  font-weight: bold;
  display: none;
  margin-bottom: 0;
}
.form-apply input[type=file] {
  display: none;
}
.form-apply .combo-input, .form-apply textarea {
  border: 1px solid #AEB2B1 !important;
}

.chart-blogs-editor {
  padding: 50px 0;
}

.button-download {
  display: inline-block;
  margin: 20px 0;
  width: 100%;
  text-align: center;
}
.button-download a {
  height: 50px;
  background: #15395A;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 30px;
  display: flex;
  align-items: center;
  color: white;
  margin: auto;
  text-transform: uppercase;
}

.body-detail-editor {
  display: inline-block;
  width: 100%;
}
.body-detail-editor img {
  max-width: 100%;
  margin: auto;
  width: 100%;
  margin: 16px 0;
}
.body-detail-editor p {
  text-align: justify;
}
.body-detail-editor b, .body-detail-editor strong {
  font-family: "SVN-GothamBold-Bold";
  font-weight: bold !important;
}
.body-detail-editor i {
  font-style: italic !important;
}
.body-detail-editor h6, .body-detail-editor h2, .body-detail-editor h3, .body-detail-editor h4, .body-detail-editor h5 {
  font-family: "SVN-GothamBold-Bold";
  margin-bottom: 16px;
}
.body-detail-editor.pr-60 {
  padding-right: 60px !important;
}
.body-detail-editor ul {
  padding-left: 16px;
}

.button-head {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
}
.button-head a {
  height: 50px;
  background: #15395A;
  color: white;
  font-size: 18px;
  border: 0.1px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 0px;
  padding: 0 20px;
  min-width: 280px;
  text-decoration: none;
}
.button-head a:hover {
  background: #15568F;
}

.alert-success-page a.fill-btn {
  height: 50px;
  background: #15395A;
  color: white;
  font-size: 18px;
  border: 1px solid #15395A;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  width: 100%;
  margin: auto;
  margin-top: 20px;
}
.alert-success-page a.fill-btn:hover {
  background: #15568F;
}

.alert-success-page {
  min-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.alert-success-page a {
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 0 20px;
  justify-content: center;
}
.alert-success-page a .container {
  justify-content: center;
  display: flex;
}

.button-action-grandpioness {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  gap: 20px;
}
.button-action-grandpioness a.fill-btn {
  height: 50px;
  background: #15395A;
  color: white;
  font-size: 18px;
  border: 1px solid #15395A;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  width: 100%;
}
.button-action-grandpioness a.fill-btn:hover {
  background: #15568F;
}
.button-action-grandpioness a.stoke-btn {
  height: 50px;
  background: white;
  border: 1px solid #15395A;
  color: #141515;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  width: 100%;
}
.button-action-grandpioness a.stoke-btn:hover {
  background: #F2F8FD;
}

.search-input {
  width: 100%;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  display: flex;
  gap: 6px;
}
.search-input i {
  color: #141515;
  font-size: 18px;
}
.search-input input {
  border: 0;
  width: 100%;
  outline: none;
  height: 30px;
  color: #141515;
}
.search-input::-moz-placeholder {
  color: #4D5151;
}
.search-input::placeholder {
  color: #4D5151;
}

.search-block {
  position: fixed;
  top: 79px;
  left: 0;
  background: white;
  z-index: 999;
  width: 100%;
  height: 66px;
  display: none;
  align-items: center;
  justify-content: center;
}
.search-block .close-search {
  position: absolute;
  right: 20px;
  top: 16px;
  height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 16px;
  border: 1px solid #E6E7E7;
}
.search-block .close-search i {
  font-size: 16px;
}
.search-block .close-search i, .search-block .close-search span {
  color: #141515;
}
.search-block.active {
  display: flex !important;
}

.btn-action {
  width: 255px;
  height: 50px;
  text-align: center;
  margin-top: 20px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  background: #15395A;
  display: flex;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}
.btn-action:hover {
  background: #15568F !important;
  color: white !important;
}

.mb-slider {
  display: none !important;
}

.position-content {
  display: inline-block;
  width: 100%;
  margin-bottom: 22%;
}

.w-100 {
  width: 100% !important;
  display: inline-block;
}
.w-100 textarea {
  height: 100px;
  border: 1px solid #E6E7E7;
  outline: none;
  display: inline-block;
  width: 100%;
  border-radius: 1px;
  padding: 16px;
}
.w-100 textarea:focus {
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.social-action {
  position: fixed;
  bottom: 50px;
  right: 6px;
  width: 45px;
  z-index: 1;
}
.social-action img {
  width: 100%;
  margin-bottom: 20px;
}

.quote-section form .combo-input:focus {
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.body-img-quote {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.img-quote-bototm {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-top: 108.4%;
  height: 100%;
  display: block;
}
.img-quote-bototm img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
}

.box-content-on-head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 100px;
  z-index: 1;
}
.box-content-on-head .container {
  position: relative;
}

.body-breadcrumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 100px;
}

.breadcrumb {
  background: none;
  padding: 0;
}
.breadcrumb a, .breadcrumb i {
  color: #141515;
}
.breadcrumb a {
  font-size: 13px;
}
.breadcrumb.white a, .breadcrumb.white i {
  color: white !important;
}
.breadcrumb.absolute-breadcrum {
  position: absolute;
  left: 0;
  top: 0;
}

.search-body {
  display: inline-block;
  width: 100%;
}

.search-box-type {
  height: 60px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  border: 1px solid #E6E7E7;
  gap: 16px;
}
.search-box-type i {
  font-size: 24px;
}
.search-box-type input {
  width: 100%;
  height: 50px;
  border: 0;
  outline: none;
}

.title-header-page {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 1700px;
  display: flex;
  align-items: center;
}
.title-header-page h1 {
  color: #15395A;
  font-size: 52px;
  font-family: "playfair";
  text-transform: uppercase;
}
.title-header-page.white h1 {
  color: white !important;
}

.quote-section {
  overflow: hidden;
}
.quote-section .col-md-6 {
  padding: 0 !important;
}
.quote-section .col-md-6 img {
  height: 100%;
}

.btn-form {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
  text-align: center;
}
.btn-form button {
  width: 100%;
  height: 58px;
  background: #15395A;
  outline: none !important;
  border: 0 !important;
  color: white;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.btn-form button:hover {
  background: #15568F;
  color: white;
}

.body-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: left;
  text-align: left;
}
.body-container h1 {
  color: white;
}
.body-container h1 span, .body-container h1 p {
  font-size: 46px;
}
.body-container h1 p {
  font-family: "playfair";
  color: white;
  text-transform: uppercase;
}
.body-container h1 span {
  font-family: "playfair";
  font-style: italic;
  color: white;
  text-transform: uppercase;
}

.container {
  width: 100%;
  margin: auto;
}

.content-hero-slide {
  display: inline-block;
  width: 100%;
  max-width: 840px;
}
.content-hero-slide b {
  font-weight: normal !important;
  font-size: 32px;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.content-hero-slide p:nth-childch(2) {
  font-family: "playfair-bold";
  font-size: 46px !important;
}

.content-hero-slide p:nth-child(1) {
  font-weight: normal !important;
  font-size: 32px;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.content-hero-slide p:nth-child(2) {
  font-family: "playfair";
  font-size: 46px !important;
}

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: none;
  border: 0;
}

.results-text {
  color: #15395A;
  padding: 10px 0;
  display: inline-block;
  width: 100%;
}

.list-search {
  display: inline-block;
  width: 100%;
}

.item-search-results {
  display: flex;
  gap: 20px;
  padding: 30px 0;
  border-bottom: 1px solid #E6E7E7;
}
.item-search-results:nth-last-child(1) {
  border-bottom: 0 !important;
}

.avatar-search-results {
  display: inline-block;
  width: 250px;
}
.avatar-search-results a {
  position: relative;
  padding-top: 56%;
  display: block;
}
.avatar-search-results a img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
}

.pagging-page {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  width: 100%;
  gap: 10px;
}
.pagging-page a {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #141515;
}
.pagging-page a.active {
  color: white;
  background: #15395A;
}

.infor-search {
  display: inline-block;
  width: 100%;
}
.infor-search b {
  display: inline-block;
  width: 100%;
  color: #141515;
  font-weight: bold;
  font-family: "SVN-GothamBold-Bold";
}
.infor-search b a {
  display: inline-block;
  width: 100%;
  color: #141515;
  font-weight: bold;
}
.infor-search span {
  color: #4D5151;
}

.quote-section form {
  /* multiselect list of selected options */
}
.quote-section form .filed-form {
  float: left;
  width: 50%;
  padding: 0 16px;
}
.quote-section form .filed-form input, .quote-section form .filed-form select, .quote-section form .filed-form .combo-input {
  height: 48px;
  border-radius: 0;
  box-shadow: none;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 0;
  outline: none;
  border-bottom: 1px solid #AEB2B1;
}
.quote-section form textarea {
  border: 0;
  border: 1px solid #AEB2B1;
  box-shadow: none;
}
.quote-section form .checkbox {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 40px;
  position: relative;
}
.quote-section form .checkbox label {
  padding-left: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  position: initial !important;
}
.quote-section form .checkbox input {
  width: 18px;
  height: 18px;
  position: absolute;
  margin-top: 0px;
  left: 16px;
  top: 5px;
  margin: 0;
}
.quote-section form .combo {
  display: block;
  position: relative;
}
.quote-section form .combo::after {
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  height: 12px;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0, -65%) rotate(45deg);
  width: 12px;
}
.quote-section form .combo-input {
  background-color: #ffffff;
  border: 1px solid #E6E7E7;
  border-radius: 1px;
  display: block;
  font-size: 1em;
  min-height: calc(1.4em + 26px);
  padding: 12px 16px 14px;
  text-align: left;
  width: 100%;
}
.quote-section form .open .combo-input {
  border-radius: 4px 4px 0 0;
}
.quote-section form .combo-label {
  display: block;
  font-size: 20px;
  font-weight: 100;
  margin-bottom: 0.25em;
}
.quote-section form .combo-menu {
  background-color: #ffffff;
  border: 1px solid rgb(21, 57, 91);
  border-radius: 0 0 4px 4px;
  display: none;
  max-height: 300px;
  overflow-y: scroll;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 100;
}
.quote-section form .open .combo-menu {
  display: block;
}
.quote-section form .combo-option {
  padding: 10px 12px 12px;
}
.quote-section form .combo-option.option-current,
.quote-section form .combo-option:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.quote-section form .combo-option.option-selected {
  padding-right: 30px;
  position: relative;
}
.quote-section form .combo-option.option-selected::after {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  content: "";
  height: 16px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
  width: 8px;
}
.quote-section form .selected-options {
  list-style-type: none;
  margin: 0;
  max-width: 400px;
  padding: 0;
}
.quote-section form .selected-options li {
  display: inline-block;
  margin-bottom: 5px;
}
.quote-section form .remove-option {
  background-color: #6200ee;
  border: 1px solid #6200ee;
  border-radius: 3px;
  color: #fff;
  font-size: 0.75em;
  font-weight: bold;
  margin-bottom: 6px;
  margin-right: 6px;
  padding: 0.25em 1.75em 0.25em 0.25em;
  position: relative;
}
.quote-section form .remove-option:focus {
  border-color: #baa1dd;
  box-shadow: 0 0 3px 1px #6200ee;
  outline: 3px solid transparent;
}
.quote-section form .remove-option::before,
.quote-section form .remove-option::after {
  border-right: 2px solid #fff;
  content: "";
  height: 1em;
  right: 0.75em;
  position: absolute;
  top: 50%;
  width: 0;
}
.quote-section form .remove-option::before {
  transform: translate(0, -50%) rotate(45deg);
}
.quote-section form .remove-option::after {
  transform: translate(0, -50%) rotate(-45deg);
}
.quote-section form {
  margin-left: -16px !important;
  margin-right: -16px !important;
}
.quote-section h2 {
  font-family: "playfair";
  display: inline-block;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  color: #15395A !important;
  line-height: 50px;
  font-size: 42px;
}
.quote-section p {
  display: inline-block;
  width: 100%;
  margin: 16px 0;
}

.get-a-quote {
  display: inline-block;
  width: 100%;
  padding: 50px;
  background: var(--Color-White-white, #FFF);
  box-shadow: 0px 111px 31px 0px rgba(173, 173, 173, 0), 0px 71px 28px 0px rgba(173, 173, 173, 0.01), 0px 40px 24px 0px rgba(173, 173, 173, 0.05), 0px 18px 18px 0px rgba(173, 173, 173, 0.09), 0px 4px 10px 0px rgba(173, 173, 173, 0.1);
}

header {
  height: 60px;
  z-index: 999;
  display: flex;
  border-bottom: 1px solid var(--Woodsmoke-100, #E6E7E7);
  background: rgba(255, 255, 255, 0.76);
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  left: 0;
}
header .title-section {
  display: block;
  width: 100%;
  font-size: 32px;
  color: #15395A !important;
}
header .icon-menu-mobile {
  display: none;
  align-items: center;
  gap: 4px;
}
header .icon-menu-mobile .ri-close-line {
  display: none;
}
header .icon-menu-mobile span {
  text-transform: uppercase;
  color: #15395A;
}
header .full-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 30px;
}
header .full-container .logo img {
  height: 45px;
}
header .full-container .right-header {
  display: flex;
  align-items: center;
}
header .full-container .right-header nav ul {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
header .full-container .right-header nav ul li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0 15px;
  position: relative;
}
header .full-container .right-header nav ul li a {
  display: flex;
  text-transform: uppercase;
  cursor: pointer;
  gap: 2px;
  justify-content: space-between;
  height: 79px;
  align-items: center;
  color: #141515;
  font-size: 16px;
  white-space: nowrap;
  padding: 0;
}
header .full-container .right-header nav ul li a i {
  color: black;
}
header .full-container .right-header nav ul li:hover a, header .full-container .right-header nav ul li:hover i {
  color: #15568F;
}
header .full-container .right-header nav ul li:hover ul {
  display: block;
}
header .full-container .right-header nav ul li ul {
  position: absolute;
  top: 67px;
  left: 0;
  border: 1px solid #E6E7E7;
  width: -moz-max-content;
  width: max-content;
  border-radius: 2px;
  background: white;
  padding: 12px;
  display: none;
}
header .full-container .right-header nav ul li ul li {
  padding: 0px 0;
  display: block;
  width: 100%;
}
header .full-container .right-header nav ul li ul li a {
  padding: 12px 16px;
  display: flex;
  border-radius: 2px;
  height: auto;
  font-size: 16px;
  text-align: left;
  justify-content: initial !important;
  width: auto;
  color: #4D5151 !important;
  gap: 12px;
}
header .full-container .right-header nav ul li ul li a i {
  font-size: 22px;
  color: #4D5151 !important;
}
header .full-container .right-header nav ul li ul li:hover a {
  background: #F2F8FD;
  color: #15395A !important;
}
header .full-container .right-header nav ul li ul li:hover a i {
  color: #15395A !important;
}
header .full-container .right-header .search-header {
  height: 79px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
header .full-container .right-header .search-header i {
  font-size: 22px;
}
header .full-container .right-header .flag-header {
  padding: 0 20px;
  cursor: pointer;
}
header .full-container .right-header .flag-header a img {
  height: 24px;
}
header .full-container .right-header .button-action-header {
  margin-left: 10px;
}
header .full-container .right-header .button-action-header a {
  height: 45px;
  padding: 0 33px;
  display: flex;
  align-items: center;
  background: #15395A;
  border-radius: 2px;
  color: white;
  font-size: 16px;
  justify-content: center;
  text-transform: uppercase;
  min-width: 200px;
}
header .full-container .right-header .button-action-header a:hover {
  background: #15568F;
}

.date-checkinOut .calendar-box {
  text-align: center;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 300px;
}
.date-checkinOut .calendar-title {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}
.date-checkinOut .calendar {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 300px;
  position: absolute;
  z-index: 1;
  display: none;
}
.date-checkinOut .header {
  background-color: #3498db;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.date-checkinOut #prevBtn,
.date-checkinOut #nextBtn {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 16px;
}
.date-checkinOut #monthYear {
  font-size: 18px;
  font-weight: bold;
}
.date-checkinOut .days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  padding: 10px;
}
.date-checkinOut .day {
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.date-checkinOut .day.current {
  background-color: #3498db;
  color: white;
}
.date-checkinOut .day.selected {
  background-color: #2ecc71;
  color: white;
}
.date-checkinOut #dateInput {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  outline: none;
  cursor: pointer;
}

.box-booking-bottom {
  position: absolute;
  bottom: 25%;
  left: 0;
  width: 100%;
  z-index: 1;
}
.box-booking-bottom .divider {
  border-right: 1px solid rgba(21, 57, 90, 0.2);
  height: 45px !important;
}
.box-booking-bottom .date-picker-container {
  background: none !important;
  border: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
}
.box-booking-bottom .date-picker-container img {
  height: 30px;
  width: -moz-fit-content;
  width: fit-content;
}
.box-booking-bottom .bg-booking-bar {
  padding: 0 20px !important;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 111px 31px 0px rgba(173, 173, 173, 0), 0px 71px 28px 0px rgba(173, 173, 173, 0.01), 0px 40px 24px 0px rgba(173, 173, 173, 0.05), 0px 18px 18px 0px rgba(173, 173, 173, 0.09), 0px 4px 10px 0px rgba(173, 173, 173, 0.1);
  width: 100%;
  gap: 20px;
  height: 91px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box-booking-bottom .bg-booking-bar .date-checkinOut {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.box-booking-bottom .bg-booking-bar .date-checkinOut img {
  width: 24px;
}
.box-booking-bottom .bg-booking-bar .date-checkinOut:nth-child(1) {
  border-right: 1px solid rgba(21, 57, 90, 0.2);
}
.box-booking-bottom .bg-booking-bar .item-why-chooise {
  margin-top: 0 !important;
}
.box-booking-bottom .bg-booking-bar .button-submit-searchBar {
  width: 100%;
  max-width: 274px;
}
.box-booking-bottom .bg-booking-bar .button-submit-searchBar button {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #15395A;
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.halong-bay-exploration img {
  height: auto !important;
  margin-bottom: 0 !important;
}

.box-item-why-chooise .item-why-chooise {
  flex: 0 0 20%;
  max-width: 20%;
}
.box-item-why-chooise .item-why-chooise img {
  height: 79px;
  margin-bottom: 17px;
}
.box-item-why-chooise .item-why-chooise h6 {
  font-size: 18px;
  display: block;
  width: 100%;
  font-family: "SVN-GothamBold-Bold";
  margin-bottom: 10px;
}
.box-item-why-chooise .item-why-chooise p {
  display: block;
  width: 100%;
}

.discover-section {
  display: inline-block;
  width: 100%;
}
.discover-section .box-gallery-section-2:nth-last-child(1) {
  margin-bottom: 0 !important;
}

.content-why-chooise {
  padding: 0 20px;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-md-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-md-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-md-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-md-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-md-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-md-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.swiper-button-next, .swiper-button-prev {
  cursor: pointer !important;
}

.body-detail-editor img {
  height: auto !important;
}

.hero-slider {
  position: relative;
  padding-top: 0;
}
.hero-slider img {
  width: 100%;
}
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {
  z-index: 999;
  cursor: pointer;
  background: none;
}
.hero-slider .swiper-button-prev::after, .hero-slider .swiper-button-next::after {
  display: none !important;
}
.hero-slider swiper-container {
  width: 100%;
  height: 100%;
}
.hero-slider swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-slider swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.title-section {
  font-family: "playfair";
  display: inline-block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #15395A !important;
  line-height: 50px;
  font-size: 42px;
}
.title-section span {
  font-family: "playfair";
  text-transform: uppercase;
  color: #15395A !important;
  line-height: 50px;
  font-size: 42px;
  width: -moz-fit-content !important;
  width: fit-content !important;
  display: inline-block !important;
  font-style: italic;
}

section {
  padding: 0px 0 50px 0;
  float: left;
  overflow: hidden;
  width: 100%;
}

.box-title {
  margin-bottom: 30px;
  display: block;
  width: 100%;
}
.box-title.left {
  text-align: left;
}
.box-title.left h2, .box-title.left span {
  text-align: left;
}
.box-title span {
  display: block;
  width: 100%;
  text-align: center;
  color: #4D5151;
  margin-top: 20px;
  max-width: 900px;
  margin: auto;
}
.box-title b {
  color: #444645;
}

.box-centerHeight {
  height: 100%;
  align-items: center;
  padding-right: 180px;
  display: flex;
}

.btn-click-expand {
  position: absolute;
  height: 100%;
  top: 0;
  padding: 0 20px;
  cursor: pointer;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.btn-click-expand h5 {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 20px;
  font-family: "playfair";
  color: white;
  text-transform: uppercase;
  display: flex;
  width: 100%;
  justify-content: space-between;
  text-decoration: none;
}

.box-gallery-section-2 {
  width: 100%;
  float: left;
  position: relative;
  max-height: 80px;
  transition: max-height 0.5s ease-in-out;
  margin-bottom: 20px;
  overflow: hidden;
}
.box-gallery-section-2 .imagessection {
  position: relative;
  padding-top: 20%;
  display: block;
}
.box-gallery-section-2 .imagessection img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  left: 0;
  top: 0;
}
.box-gallery-section-2 .imagessection::after {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(217deg, rgba(21, 57, 90, 0) 34.18%, #15395A 91.11%);
}
.box-gallery-section-2 .box-content-section-2 {
  position: absolute;
  bottom: 0;
  padding: 30px;
  width: 100%;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-duration: 5s;
  transition-delay: 2s;
  display: none;
  left: 0;
}
.box-gallery-section-2 .box-content-section-2 .box-contentIn {
  display: inline-block;
  width: 100%;
}
.box-gallery-section-2 .box-content-section-2 h5 {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}
.box-gallery-section-2 .box-content-section-2 h5 a {
  width: 100%;
  font-size: 32px;
  font-family: "playfair";
  color: white;
  text-transform: uppercase;
  display: flex;
  width: 100%;
  justify-content: space-between;
  text-decoration: none;
}
.box-gallery-section-2 .box-content-section-2 p {
  color: white;
  display: inline-block;
  width: 100%;
  margin: 20px 0;
}
.box-gallery-section-2 .box-content-section-2 b {
  display: inline-block;
  width: 100%;
  font-family: "SVN-GothamBold-Bold";
  color: white;
}
.box-gallery-section-2.active {
  max-height: initial !important;
}
.box-gallery-section-2.active .imagessection {
  padding-top: 81% !important;
}
.box-gallery-section-2.active .box-content-section-2 {
  display: inline-block !important;
}
.box-gallery-section-2.active .btn-click-expand {
  display: none;
}

.action-link {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  padding: 0 30px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: normal;
  background: #15395A;
  color: white;
  min-width: 200px;
  margin-top: 20px;
  text-decoration: none !important;
}
.action-link.gold {
  background: #15395A !important;
  color: white !important;
  border: 1px solid #fff;
}
.action-link.gold:hover {
  background: #15568F !important;
}
.action-link:hover {
  background: #15568F !important;
}

.timeline-say-luxury {
  background: #F2F8FD;
  padding: 50px 0 !important;
  /* cell number */
}
.timeline-say-luxury .carousel-cell {
  width: 66%;
  margin-right: 10px;
  border-radius: 5px;
  counter-increment: carousel-cell;
}
.timeline-say-luxury .carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.slider-section-3 {
  margin-top: 30px;
}
.slider-section-3 .slick-prev {
  left: 40px !important;
  z-index: 99;
}
.slider-section-3 .slick-prev::before {
  width: 45px;
  height: 45px;
  background: url(../images/prev-btn.svg) no-repeat center;
  content: "";
  display: inline-block;
}
.slider-section-3 .slick-next {
  right: 40px !important;
  z-index: 4;
}
.slider-section-3 .slick-next::before {
  width: 45px;
  height: 45px;
  background: url(../images/next-btn.svg) no-repeat center;
  content: "";
  display: inline-block;
}
.slider-section-3 .slick-list {
  padding-left: 0px !important;
}

.box-blogs-travel .blogs-home {
  position: relative;
  padding-top: 99%;
  display: block;
}
.box-blogs-travel .blogs-home img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  left: 0;
  top: 0;
}

.slider2 {
  position: relative;
  width: 100vw;
  margin-left: calc(1 * (100vw - 1410px) / 2);
  overflow: hidden;
  transform: none !important; /* Reset mọi hiệu ứng transform nếu có */
}
.slider2 .slick-next {
  right: 16% !important;
}

.slick-slideshow__slide, .slick-slideshow__slide2 {
  padding: 0 20px;
}

.timeless-slider {
  display: inline-block;
  width: 100%;
  /* === Hình giữa to hơn === */
  /* === Hai hình bên nhỏ lại & bị cắt mép === */
  /* === Custom nút prev/next === */
}
.timeless-slider .slider-container {
  position: relative;
  width: 100%;
  margin: auto;
}
.timeless-slider .slider-three-focus {
  width: 100%;
}
.timeless-slider .slide {
  transition: transform 0.3s ease-in-out;
  padding: 0 2px; /* Khoảng cách giữa hình */
}
.timeless-slider .slide img {
  width: 100%;
  height: auto;
  border-radius: 2px;
  transition: transform 0.3s ease-in-out;
}
.timeless-slider .slick-slide {
  height: auto !important; /* Đảm bảo chiều cao auto */
  display: flex !important;
  align-items: center; /* Căn giữa nội dung */
}
.timeless-slider .slick-list {
  overflow: visible !important; /* Cho phép hình tràn ra nếu cần */
}
.timeless-slider .slick-center .slide {
  transform: scale(1.3);
}
.timeless-slider .slide:not(.slick-center) {
  transform: scale(0.9);
  opacity: 0.7;
}
.timeless-slider .slick-center img {
  transform: scale(1.3); /* Hình giữa lớn hơn */
}
.timeless-slider .slick-prev, .timeless-slider .slick-next {
  font-size: 0px;
  color: black;
  z-index: 3;
}
.timeless-slider .slick-slide {
  margin: 0 55px; /* Tạo khoảng cách 50px giữa các hình */
}
.timeless-slider .slick-prev {
  z-index: 99;
  left: 20px !important;
}
.timeless-slider .slick-prev::before {
  width: 45px;
  height: 45px;
  background: url(../images/prev-btn.svg) no-repeat center;
  content: "";
  display: inline-block;
}
.timeless-slider .slick-next {
  z-index: 4;
  right: 40px !important;
}
.timeless-slider .slick-next::before {
  width: 45px;
  height: 45px;
  background: url(../images/next-btn.svg) no-repeat center;
  content: "";
  display: inline-block;
}
.timeless-slider .slide {
  position: relative;
}
.timeless-slider .slide .ifor-grandpioneers {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
}
.timeless-slider .slide .ifor-grandpioneers span {
  color: white;
}
.timeless-slider .slide .ifor-grandpioneers h6 {
  display: inline-block;
  width: 100%;
}
.timeless-slider .slide .ifor-grandpioneers h6 a {
  font-family: "playfair";
  font-size: 32px;
  color: white;
  text-transform: uppercase;
}
.timeless-slider .slide.slick-active .ifor-grandpioneers {
  padding: 0 !important;
  margin-left: -50px;
  margin-right: -50px;
  width: 113%;
}

.box-grandpioneers {
  display: inline-block;
  width: 100%;
  position: relative;
}
.box-grandpioneers a {
  text-decoration: none;
}
.box-grandpioneers a img {
  width: 100%;
}
.box-grandpioneers::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(217deg, rgba(21, 57, 90, 0) 34.18%, #15395A 91.11%);
}
.box-grandpioneers .ifor-grandpioneers {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 50px;
}
.box-grandpioneers .ifor-grandpioneers h6 {
  display: inline-block;
  width: 100%;
}
.box-grandpioneers .ifor-grandpioneers h6 a {
  font-family: "playfair";
  font-size: 32px;
  color: white;
  text-transform: uppercase;
}

.body-content-slider-3Focus {
  position: relative;
  display: inline-block;
  width: 100%;
}

.item-services-slider a img {
  width: 100%;
}

.timeless-section {
  padding: 50px 0;
  padding-bottom: 100px !important;
}
.timeless-section .timeless-slider {
  margin-top: 5.2%;
}

.infor-services {
  position: absolute;
  bottom: 0;
  padding: 40px;
}
.infor-services a {
  font-family: "playfair";
  font-size: 32px;
  color: white;
  display: inline-block;
  width: 100%;
}
.infor-services span {
  display: inline-block;
  width: 100%;
  color: white;
  font-size: 16px !important;
}

.swiper-button-next {
  width: 45px;
  height: 45px;
  background: url(../images/next-btn.svg) no-repeat center;
  content: "";
  display: inline-block;
}

.swiper-button-prev {
  width: 45px;
  height: 45px;
  background: url(../images/prev-btn.svg) no-repeat center;
  content: "";
  display: inline-block;
}

.experience-section {
  background: #F2F8FD;
  padding: 50px 0 !important;
}
.experience-section .box-centerHeight {
  padding-right: 0 !important;
  padding-left: 100px !important;
}

.desktop-slide {
  display: block;
}

.page-contact .get-a-quote {
  padding: 30px !important;
}

.footer .support-top {
  z-index: 1;
}

.p-0 {
  padding: 0 !important;
}

.grand-pioneers-page .position-content {
  margin-bottom: 30px !important;
}
.grand-pioneers-page .body-container {
  align-items: center !important;
}
.grand-pioneers-page .title-header-page {
  position: relative !important;
}

@media only screen and (max-width: 1700px) {
  .box-booking-bottom {
    bottom: 22%;
  }
}
@media only screen and (max-width: 1400px) {
  .box-booking-bottom {
    bottom: 17%;
  }
}
@media only screen and (max-width: 1400px) {
  .body-infor0-theword .infor-the-word p {
    min-height: inherit;
  }
  .body-infor0-theword .infor-the-word h6::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 29px;
    background: url(../images/think-custom.svg) no-repeat;
    position: absolute;
    left: -1px;
    top: -23px;
    background-size: contain;
  }
  .body-infor0-theword .infor-the-word {
    width: 100%;
    z-index: 99;
    position: relative;
    margin: auto;
    max-width: 86%;
    margin-top: 33px;
  }
}
@media only screen and (max-width: 1100px) {
  .body-infor0-theword .infor-the-word {
    padding-left: 20px;
    margin-top: 38px;
    padding-right: 20px;
  }
  .body-infor0-theword .infor-the-word h6::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 29px;
    background: url(../images/think-custom.svg) no-repeat;
    position: absolute;
    left: -1px;
    top: -23px;
    background-size: contain;
  }
  .body-infor0-theword .infor-the-word p {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: white;
    display: -webkit-box;
    min-height: initial !important;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media only screen and (max-width: 950px) {
  .body-infor0-theword .infor-the-word p {
    -webkit-line-clamp: 5;
  }
}
@media only screen and (min-width: 1200px) {
  .grand-pioneers-list .container ul.info-container {
    gap: 35px !important;
  }
  .grand-pioneers-list .container ul.info-container li {
    text-align: center;
  }
  .grand-pioneers-list .link-container nav.navbar .container ul {
    min-width: 100% !important;
  }
  .grand-pioneers-list .container ul.info-container {
    justify-content: center !important;
    gap: 20px;
  }
  .booknow-sticky {
    display: none !important;
  }
}
.halong-bay-exploration .container .right-tour p span {
  font-weight: normal !important;
}

.booknow-sticky {
  position: fixed;
  right: -68px;
  display: none;
  bottom: -49px;
  z-index: 9999;
  scale: 0.85;
}

.booknow-sticky a {
  position: absolute;
  top: 85px;
  left: 80px;
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  text-align: center;
  line-height: 16px;
}

.social-action {
  bottom: 100px;
}

.coccoc-alo-ph-circle {
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, 0.4);
  opacity: 0.1;
  animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all 0.5s;
}

.back-to-top {
  width: 40px;
  height: 40px;
}

.coccoc-alo-phone {
  background-color: transparent;
  width: 200px;
  height: 200px;
  cursor: pointer;
  z-index: 200000 !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility 0.5s;
  right: 150px;
  top: 30px;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
  background-color: rgba(0, 175, 242, 0.5);
  opacity: 0.75 !important;
}

.coccoc-alo-ph-circle-fill {
  width: 100px;
  height: 100px;
  top: 50px;
  left: 50px;
  position: absolute;
  background-color: #000;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: 0.1;
  animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all 0.5s;
}

.coccoc-alo-ph-img-circle {
  width: 60px;
  height: 60px;
  top: 70px;
  left: 70px;
  position: absolute;
  background: rgba(30, 30, 30, 0.1) url(https://drive.google.com/uc?id=1V3N2b79QjDWetC_ss9wI3c-xpWDymn9R) no-repeat center center;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: 0.9;
  animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
  background-color: #15395A;
}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
  border-color: #15395A;
  opacity: 0.5;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
  border-color: #75eb50;
  opacity: 0.5;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
  background-color: rgba(117, 235, 80, 0.5);
  opacity: 0.75 !important;
}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
  background-color: #75eb50;
}
@keyframes coccoc-alo-circle-anim {
  0% {
    transform: rotate(0) scale(0.5) skew(1deg);
    opacity: 0.1;
  }
  30% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.5;
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.1;
  }
}
@keyframes coccoc-alo-circle-fill-anim {
  0% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.2;
  }
  100% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
  }
}
@keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
  }
}
.booknow-sticky {
  display: none;
}

@media only screen and (max-width: 767px) {
  .booknow-sticky {
    display: block;
  }
  .grand-pioneers-page .title-header-page {
    position: relative !important;
    margin-top: 50px;
  }
  .back-to-top {
    display: none;
  }
  .swiper-button-next {
    display: none !important;
  }
  .main-image-container .suite-container {
    position: relative;
    padding-right: 0;
  }
  .main-image-container .pricing-box {
    position: relative !important;
    right: 0;
    top: 0;
  }
  .title-header-page {
    align-items: baseline;
  }
  .pc-slider {
    display: none !important;
  }
  .mb-slider {
    display: block !important;
  }
  .body-container h1 {
    padding: 0;
  }
  .body-container h1 b, .body-container h1 span, .body-container h1 p {
    font-size: 24px;
  }
  .discover {
    padding: 0;
    font-size: 14px;
  }
}
@media (max-width: 1220px) {
  .ag-slide-info_title {
    width: 130px;
  }
}
@media (max-width: 960px) {
  .ag-slide-block .swiper-container {
    max-width: 960px;
    width: 100%;
    margin-top: -22px;
    padding-top: 0;
  }
  .ag-slide-info_title {
    width: 115px;
  }
  .ag-slide-info_rate {
    height: 37px;
    width: 37px;
  }
}
@media (max-width: 600px) {
  .ag-slide-info_title {
    width: 95px;
    font-size: 8px;
  }
  .ag-slide-info_category {
    font-size: 6px;
  }
  .ag-slide-info_route {
    font-size: 6px;
  }
  .ag-slide-info_img {
    width: 7px;
    height: 7px;
  }
  .ag-slide-info_strong {
    font-size: 14px;
  }
  .ag-slide-info_comments {
    letter-spacing: 0;
    font-size: 5px;
  }
}
@media (max-width: 560px) {
  .ag-slide-info_title {
    width: 130px;
  }
}
@media (max-width: 470px) {
  .ag-slide-info_title {
    width: 115px;
  }
}
@media (max-width: 400px) {
  .ag-slide_img {
    width: 70%;
  }
  .ag-slide_info {
    width: 70%;
  }
  .ag-slide-info_title {
    width: 130px;
  }
  .ag-slide-info_img {
    width: 10px;
  }
  .ag-slide-block .swiper-slide {
    padding-left: 0;
    padding-right: 0;
  }
}
.footer {
  background-color: #141515;
  color: white;
  padding: 50px 0;
}
.footer .title-small {
  font-size: 16px;
  font-family: playfair;
  opacity: 0.8;
}
.footer a {
  color: #bbb;
  text-decoration: none;
}
.footer a:hover {
  color: white;
}
.footer a .col {
  margin-bottom: 20px;
}
.footer ul {
  padding: 0;
  margin: 0;
}
.footer ul li {
  list-style-type: none;
  padding: 6px 0;
}
.footer ul li a {
  display: flex;
  align-items: center;
  gap: 6px;
  transition: 0.5s;
  color: white;
}
.footer ul li a:hover {
  text-decoration: underline;
  color: #fff;
}
.footer ul li a:hover > span {
  opacity: 0.5;
}
.footer ul li a span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer ul li a span img {
  width: 16px;
}
.footer .support-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.footer .support-top .chat-zalo-fb {
  width: 42px;
  padding-bottom: 50px;
}
.footer .support-top .chat-zalo-fb a img {
  max-width: 42px;
  padding: 10px 0;
}
.footer .back-to-top {
  background-color: white;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 20px;
  width: 42px;
  height: 42px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .back-to-top:hover {
  background-color: #15568F;
}
.footer .back-to-top:hover > .ri-arrow-up-long-line::before {
  color: white;
}
.footer .back-to-top .ri-arrow-up-long-line::before {
  color: #141515;
  font-size: 16px;
}
.footer .location {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer .location p {
  padding: 0;
  margin: 0;
  word-break: break-word;
}
.footer .footer-bottom {
  border-top: 1px solid #2C2C2C;
  padding-top: 40px;
}
.footer .footer-bottom .title-small {
  margin-bottom: 40px;
}

.left-maps {
  padding-right: 30px;
}
.left-maps img {
  width: 100% !important;
  margin-bottom: 16px;
}

.footer .footer-bottom .title-small {
  margin-bottom: 20px !important;
}

.footer ul {
  margin-bottom: 20px !important;
}

.popup-content {
  max-width: 100% !important;
  position: relative;
  padding-right: 400px !important;
  width: 100% !important;
  background: white !important;
}
.popup-content .custom-content {
  width: 400px !important;
  height: 100% !important;
  position: absolute;
  right: 0;
  top: 0;
  background: white !important;
  padding-bottom: 0 !important;
}
.popup-content .custom-slider {
  width: 100% !important;
}
.popup-content .facilities-icon {
  height: 100% !important;
}

.popup-custom-gp .facilities-icon ul li {
  gap: 10px !important;
  margin-bottom: 10px;
}
.popup-custom-gp .facilities-icon ul li img {
  width: 24px !important;
}

.suite-container .title-large {
  font-size: 24px !important;
}

.popup-custom-gp .close-btn {
  z-index: 9;
}

.popup-content .custom-content {
  background: #f2f8fd !important;
}

.main-image-container .info-section .info-container li p {
  font-family: "SVN-GothamBold-Bold";
}

h2.title-section span {
  font-size: 42px !important;
}

.swiper-button-prev, .swiper-button-next {
  width: 50px !important;
  height: 55px !important;
}
.swiper-button-prev svg, .swiper-button-next svg {
  fill: #e8bf8f !important;
}

.swiper-button-next, .swiper-button-prev {
  color: #e8bf8f !important;
}

.main-image-container .suite-container .image-section {
  overflow: hidden;
}

.main-image-container .suite-container {
  position: relative;
  min-height: 322px;
  padding-left: 330px;
}
.main-image-container .suite-container .image-section {
  position: absolute;
  left: 20px;
  top: 20px;
}

.body-container p span {
  font-family: "playfair";
  color: white;
  text-transform: uppercase;
  font-size: 46px !important;
}

.position-content {
  z-index: 1;
}

.body-container::before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(217deg, rgba(21, 57, 90, 0) 34.18%, #15395A 91.11%);
}

.timeless-slider .slide.slick-slide.slick-current.slick-active.slick-center .ifor-grandpioneers {
  z-index: 1;
}
.timeless-slider .slide.slick-slide.slick-current.slick-active.slick-center::after {
  position: absolute;
  left: -14.8%;
  content: "";
  display: block;
  top: -15%;
  height: 130%;
  width: 100%;
  background: linear-gradient(243deg, rgba(21, 57, 90, 0) 34.18%, #15395A 91.11%);
}

.hero-slider.grand-pioneers-page {
  padding-bottom: 0 !important;
}

.grand-pioneers-list .link-container .navbar ul.nav-list, .info-section .link-container .navbar ul.nav-list {
  gap: 20px !important;
}

.body-container p {
  margin-bottom: 0 !important;
}

.body-container p span b {
  font-family: "Gotham";
  margin-bottom: 0 !important;
  font-size: 24px !important;
}

.categories-name {
  color: #15395A !important;
  font-family: "playfair" !important;
}

.timeline-say-luxury .slider.slick-initialized.slick-slider {
  margin-bottom: 0 !important;
}

.experience-section .box-gallery-section-2:nth-last-child(1) {
  margin-bottom: 0 !important;
}

.main-image-container .title-section {
  margin-bottom: 30px;
}

.blogs-travel-section .title-section {
  margin-bottom: 10px !important;
}

body .blogs-travel-section .section-slider {
  padding-bottom: 0 !important;
}
body .blogs-travel-section .slider.js-slider.slick-initialized.slick-slider {
  margin-bottom: 0 !important;
}
body .blogs-travel-section .blogs-homepage-item a.avatar-blogs-home {
  margin-bottom: 0 !important;
}

.blue-bg-section {
  background: #F2F8FD !important;
}

.pt-50-section {
  padding-top: 50px !important;
}

.deckplan-factsheet {
  padding-top: 50px !important;
}

.slider-section-3.custom-slider-gp2 .paging.js-paging .paging__prev {
  z-index: 2 !important;
  top: 40% !important;
  left: 0 !important;
  position: absolute;
}
.slider-section-3.custom-slider-gp2 .paging.js-paging .paging__next {
  z-index: 2 !important;
  position: absolute;
  top: 40% !important;
  right: 0 !important;
}

.blogs-travel-section .slider-section-3.desktop-slide {
  position: initial !important;
}
.blogs-travel-section .slider-section-3.desktop-slide .paging.js-paging .paging__prev {
  z-index: 2 !important;
  top: 40% !important;
  left: 0 !important;
  position: absolute;
}
.blogs-travel-section .slider-section-3.desktop-slide .paging.js-paging .paging__next {
  z-index: 2 !important;
  position: absolute;
  top: 40% !important;
  right: 0 !important;
}
.blogs-travel-section .container {
  position: initial !important;
}
.blogs-travel-section .slider.js-slider.slick-initialized.slick-slider {
  position: initial !important;
}

.deckplan-factsheet .tab-content img {
  max-width: 1200px !important;
  height: auto;
}

.slider__paging .slide-hidebtnPrev, .slider__paging .slide-hidebtnPrev2 {
  display: none;
}

.bg-white-section {
  background: white;
}

.blogs-travel-section .section-slider.slider-fix {
  padding-top: 0 !important;
}
.blogs-travel-section .section-slider.slider-fix .container {
  padding-left: 0 !important;
}

.halong-bay-exploration p span {
  color: #222222 !important;
  font-size: 18px !important;
}

.blogs-travel-section .slick-list {
  overflow: initial !important;
}
.blogs-travel-section .section-slider.slider-fix .activity-card {
  padding-bottom: 0 !important;
}

.main-image-container {
  padding-bottom: 0 !important;
}

.box-title p {
  max-width: 900px;
  margin: auto;
}

.grand-pioneers-list .container ul.info-container {
  justify-content: center !important;
}

.activity-card .blogs-homepage-item b {
  text-align: left !important;
}

.suite-room .info-section .info-container {
  max-width: 485px;
  justify-content: left;
}

.blogs-travel-section .activity-card .blogs-homepage-item p {
  margin-bottom: 0 !important;
}

.activity-track {
  display: flex;
  transition: transform 0.3s ease;
  will-change: transform;
}

.activity-card {
  flex: 0 0 auto;
}

/* Responsive widths */
.thumbnail-container {
  display: none !important;
}

.chat-close {
  display: none;
}

.update-button-chatnow {
  position: fixed;
  right: 3px;
  z-index: 999;
  bottom: 152px;
  width: 60px;
}
.update-button-chatnow button {
  outline: none;
  background: none;
  width: 100%;
  display: inline-block;
  border: 0;
}
.update-button-chatnow button img {
  width: 100%;
}
.update-button-chatnow .show3button {
  position: fixed;
  width: 54px;
  right: 6px;
  bottom: 218px;
  display: block;
  display: none;
}
.update-button-chatnow .show3button a {
  display: inline-block;
  width: 100%;
}
.update-button-chatnow .show3button img {
  width: 100%;
  display: inline-block;
  margin-bottom: 13px;
}
.update-button-chatnow.active .show3button {
  display: block;
}
.update-button-chatnow.active button img {
  display: none;
}
.update-button-chatnow.active button img.chat-close {
  display: block !important;
}

.slide-blogs-update {
  display: inline-block;
  width: 100%;
}

.slider-blogs {
  padding-left: 10%;
}
.slider-blogs .slick-list {
  overflow: initial !important;
}
.slider-blogs .activity-card {
  width: 100% !important;
}
.slider-blogs .slick-prev {
  left: 20px !important;
  width: 50px;
  height: 50px;
  z-index: 1;
}
.slider-blogs .slick-prev::before {
  width: 45px;
  height: 45px;
  background: url(../images/prev-btn.svg) no-repeat center;
  content: "";
  display: inline-block;
}
.slider-blogs .slick-next {
  right: 20px !important;
  width: 50px;
  height: 50px;
}
.slider-blogs .slick-next::before {
  width: 45px;
  height: 45px;
  background: url(../images/next-btn.svg) no-repeat center;
  content: "";
  display: inline-block;
}

header .full-container .right-header nav ul li.active > a {
  text-decoration: underline !important;
  color: #15568F;
}/*# sourceMappingURL=style.css.map */