@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "Tharon";
  src: url("../fonts/Tharon.woff2") format("woff2"), url("../fonts/Tharon.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}

body {
  font-family: "Livvic", sans-serif;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 1170px;
}

section {
  padding: 95px 0;
}

.custom-header {
  background-color: #000;
  padding: 2px 0;
}
.custom-header .navbar-brand {
  display: flex;
  align-items: center;
  color: #ffc107;
  font-size: 1.5rem;
}
.custom-header .navbar-brand .logo {
  height: 40px;
  margin-right: 10px;
}
.custom-header .navbar-nav .nav-item {
  position: relative;
}
.custom-header .navbar-nav .nav-item .dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  background-color: #fff;
  padding: 65px 0 95px;
  border: none;
}
.custom-header .navbar-nav .nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.custom-header .navbar-nav .nav-item .dropdown-item {
  color: white;
  padding: 10px 15px;
  transition: background 0.3s ease;
}
.custom-header .navbar-nav .nav-item .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.1);
}
.custom-header .navbar-nav .nav-link {
  color: white;
  font-weight: 400;
  font-size: 17px;
  min-height: 44px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  transition: color 0.3s;
}
.custom-header .navbar-nav .nav-link:hover, .custom-header .navbar-nav .nav-link:focus {
  color: #ffc107;
}
.custom-header .notification-icon {
  color: white;
  font-size: 1.5rem;
  margin-right: 20px;
  position: relative;
  background: url("../images/home/i-noti.svg") no-repeat;
  width: 25px;
  height: 25px;
}
.custom-header .notification-icon .badge {
  background-color: red;
  color: white;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: -3px;
  right: -3px;
  padding: 4px 6px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-header .dropdown-menu {
  border-radius: 0;
  min-width: 230px;
  top: 80px;
}
.custom-header .dropdown-toggle::after {
  color: #fff;
}
.custom-header .dropdown-profile .dropdown-menu {
  top: 61px;
}
.custom-header .profile-icon {
  display: flex;
  align-items: center;
}
.custom-header .profile-img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 2px solid white;
  overflow: hidden;
}
.custom-header .profile-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.custom-header .dropdown-item:hover {
  background-color: #ffc107;
  color: #000;
}

.custom-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgb(0, 0, 0);
  z-index: 1000;
  opacity: 1;
}
.custom-header .navbar {
  padding-top: 4px;
  padding-bottom: 4px;
}
.custom-header .navbar-brand .logo {
  height: auto;
  max-width: 112px;
}
.custom-header .profile-img img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.navbar-toggler {
  display: none;
  border: none;
  background: none;
  color: white;
  font-size: 1.5rem;
}
.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-toggler {
  float: right;
  border: none;
  padding-right: 0;
  position: absolute;
  z-index: 100;
  right: 25px;
  top: 13px;
}

.navbar-toggler:active,
.navbar-toggler:focus {
  outline: none;
}

.navbar-toggler-icon {
  width: 15px;
  height: 17px;
  background-image: none;
  position: relative;
  border-bottom: 1px solid #fff;
  transition: all 300ms linear;
}

.navbar-toggler-icon:after,
.navbar-toggler-icon:before {
  width: 24px;
  position: absolute;
  height: 1px;
  background-color: #fff;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  transition: all 300ms linear;
}

.navbar-toggler-icon:after {
  top: 8px;
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
  transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
  border-color: transparent;
}

.section-banner {
  padding: 0;
  padding-top: 88px;
}

.section-inspire {
  padding-bottom: 0;
  background: url("../images/home/topo-gotrail-2.svg") no-repeat top center,
  url("../images/home/topo2.svg") no-repeat top center;
  background-size: contain, cover;
}
.section-inspire h1 {
  text-align: center;
  margin-bottom: 20px;
}
.section-inspire h2 {
  margin-bottom: 20px;
  font-family: "Tharon";
  font-size: 70px;
  color: #121212;
}
.section-inspire h2 span {
  color: #ffc107;
}
.section-inspire p {
  font-size: 18px;
}
.section-inspire .box-info {
  display: flex;
  flex-direction: column;
}
.section-inspire .box-info .box-info-img {
  order: 2;
  margin-top: 30px;
}
.section-inspire .box-info .box-info-text {
  order: -1;
}
@media (max-width: 768px) {
  .section-inspire .box-info .box-info-img {
    order: -1;
  }
  .section-inspire .box-info .box-info-text {
    order: 2;
  }
}

.section-region {
  background: url("../images/home/topo2.svg") no-repeat top center;
  background-size: cover;
}
.section-region h2 {
  margin-bottom: 20px;
  font-family: "Tharon";
  font-size: 70px;
  color: #121212;
}
.section-region h2 span {
  color: #ffc107;
}
.section-region p {
  font-size: 18px;
  margin-bottom: 50px;
}

.region-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.region-container .region {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}
.region-container .region .region-label {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 10px;
  border-radius: 5px;
  text-transform: uppercase;
  width: 178px;
  text-align: center;
  background-color: #047857;
}
.region-container .region:nth-child(2) .region-label {
  background-color: #fbbf24;
}
.region-container .region .region-list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.region-container .region .region-list .region-item {
  background-color: #1e293b;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s;
  width: 178px;
  font-size: 18px;
}
.region-container .region .region-list .region-item:hover {
  opacity: 0.8;
}
.region-container .region .region-list .region-item.active {
  background-color: #186734;
  color: #fff;
}
.region-container .region .region-list .region-item.disabled {
  background-color: #cbd5e1;
  color: #555;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .region-container {
    flex-direction: row;
    align-items: center;
    width: 100%;
  }
  .region-container .region {
    flex-direction: column;
    width: 47%;
    gap: 15px;
  }
  .region-container .region .region-label {
    width: 100%;
    font-size: 16px;
  }
  .region-container .region .region-list {
    gap: 15px;
    justify-content: center;
  }
  .region-container .region .region-list .region-item {
    width: 100%;
    font-size: 16px;
  }
}
.region {
  margin-bottom: 20px;
}

.region-title {
  background-color: #ffc107;
  color: white;
  font-weight: bold;
  padding: 8px 20px;
  display: inline-block;
  border-radius: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.region-buttons {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  margin-bottom: 10px;
}

.btn-region {
  flex: 1;
  padding: 12px 20px;
  font-weight: 600;
  border-radius: 8px;
  text-align: center;
  border: none;
  min-width: 140px;
  transition: 0.3s;
  font-size: 18px;
}
.btn-region.active {
  background-color: #1e293b;
  color: white;
}
.btn-region.disabled {
  background-color: #b0b4b9;
  color: white;
  pointer-events: none;
}

.section-trailbus {
  background: #9ACE7D url("../images/home/topo-2.svg") no-repeat center center;
  background-size: cover;
}
.section-trailbus .container {
  max-width: 1200px;
}
.section-trailbus h2 {
  text-align: center;
  margin-bottom: 70px;
  font-size: 35px;
  font-weight: 800;
  text-transform: uppercase;
}
.section-trailbus .carousel-cell {
  width: 370px;
  min-height: 730px;
  margin-right: 30px;
  transition: 0.3s;
}
.section-trailbus .flickity-button {
  border: 3px solid #000;
  background: transparent;
}
.section-trailbus .flickity-prev-next-button {
  width: 50px;
  height: 50px;
  top: -14%;
}
.section-trailbus .flickity-prev-next-button.previous {
  left: inherit;
  right: 70px;
}
.section-trailbus .flickity-prev-next-button.next {
  right: 0;
}
.section-trailbus .tour-card {
  display: block;
  text-decoration: none;
  background: #fff;
  color: #000;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.section-trailbus .tour-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}
.section-trailbus .tour-card:hover .tour-img img {
  transform: scale(1.1);
  filter: brightness(1.1);
}
.section-trailbus .tour-card .tour-img {
  overflow: hidden;
}
.section-trailbus .tour-card .tour-img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.3s ease, filter 0.3s ease;
}
.section-trailbus .tour-card .tour-content {
  padding: 30px;
}
.section-trailbus .tour-card .tour-content .tour-title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  min-height: 60px;
}
.section-trailbus .tour-card .tour-content .tour-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 20px;
}
.section-trailbus .tour-card .tour-content .tour-tags .tag {
  background: #e6eaf0;
  color: black;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.section-trailbus .tour-card .tour-content .tour-info {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.section-trailbus .tour-card .tour-content .tour-info p {
  margin: 5px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-trailbus .tour-card .tour-content .tour-info .difficulty-level {
  display: flex;
  align-items: center;
  gap: 8px;
}
.section-trailbus .tour-card .tour-content .tour-info .difficulty-level .difficulty-bars {
  display: flex;
  gap: 4px;
}
.section-trailbus .tour-card .tour-content .tour-info .difficulty-level .difficulty-bars .bar {
  width: 28px;
  height: 9px;
  background-color: #d3d3d3;
}
.section-trailbus .tour-card .tour-content .tour-info .difficulty-level .difficulty-bars .bar.filled {
  background-color: #ffc107;
}
.section-trailbus .tour-card .tour-content .old-price {
  color: #888;
  font-size: 18px;
  text-decoration: line-through;
  text-align: right;
  margin-bottom: 0;
  font-weight: 500;
  min-height: 30px;
}
.section-trailbus .tour-card .tour-content .tour-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-trailbus .tour-card .tour-content .tour-price .label-price {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.section-trailbus .tour-card .tour-content .tour-price .new-price {
  color: black;
  font-weight: bold;
  font-size: 25px;
}

.section-whychoose {
  background: #fff;
}
.section-whychoose h2 {
  text-align: center;
  margin-bottom: 50px;
  font-size: 35px;
  font-weight: 800;
  text-transform: uppercase;
}
.section-whychoose .feature-box {
  text-align: center;
  padding: 20px;
}
.section-whychoose .feature-box .feature-icon {
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-whychoose .feature-box h5 {
  font-weight: bold;
  margin-top: 45px;
  margin-bottom: 10px;
  font-size: 20px;
}
.section-whychoose .feature-box p {
  font-size: 18px;
  text-align: justify;
}

.section-gallery {
  padding-top: 0;
  /* Responsive */
}
.section-gallery .gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.section-gallery .gallery .gallery-item {
  border-radius: 10px;
  overflow: hidden;
}
.section-gallery .gallery .gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.section-gallery .gallery .gallery-item:hover img {
  transform: scale(1.05);
}
.section-gallery .gallery .gallery-item.large {
  grid-row: span 2;
}
.section-gallery .gallery .gallery-item.small {
  grid-column: span 2;
}
@media (max-width: 1024px) {
  .section-gallery .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .section-gallery .gallery {
    grid-template-columns: 1fr;
  }
}

.section-faq {
  padding: 60px;
  background: #eee;
  /* Responsive */
}
.section-faq .faq-title {
  font-weight: 800;
  font-size: 30px;
  color: #000;
  margin-top: 35px;
}
.section-faq .faq-subtitle {
  font-size: 18px;
}
.section-faq .faq-subtitle a {
  color: black;
}
.section-faq .faq-accordion .faq-item {
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
.section-faq .faq-accordion .faq-item .faq-question {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 15px;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
}
.section-faq .faq-accordion .faq-item .faq-question:hover {
  background: #eaeaea;
}
.section-faq .faq-accordion .faq-item .faq-icon {
  font-size: 20px;
  font-weight: bold;
  color: #ffb400;
}
.section-faq .faq-accordion .faq-item .faq-answer {
  padding: 0 15px;
  font-size: 18px;
  color: #555;
  display: none;
  transition: max-height 0.3s ease-in-out;
}
.section-faq .faq-accordion .faq-item.active {
  background: white;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.section-faq .faq-accordion .faq-item.active .faq-answer {
  display: block;
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  .section-faq .faq-title {
    font-size: 20px;
  }
  .section-faq .faq-subtitle {
    font-size: 14px;
  }
}

.section-text .inspire-text {
  font-size: 22px;
  font-weight: 400;
  color: #000;
  line-height: 1.6;
  max-width: 840px;
  margin: 0 auto;
  text-align: center;
}

.footer {
  background-color: #111;
  color: white;
  padding: 40px 0;
}
.footer .footer-logo img {
  width: 150px;
  margin-bottom: 30px;
}
.footer .footer-text {
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
}
.footer .social-icons a {
  color: white;
  font-size: 20px;
  margin-right: 15px;
  transition: 0.3s;
}
.footer .social-icons a:hover {
  color: #ffc107;
}
.footer .footer-heading {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 40px;
  min-height: 24px;
  color: #fff;
}
.footer .footer-links {
  list-style: none;
  padding: 0;
}
.footer .footer-links li {
  margin-bottom: 8px;
}
.footer .footer-links a {
  color: #ccc;
  text-decoration: none;
  font-size: 18px;
  transition: 0.3s;
}
.footer .footer-links a:hover {
  color: #ffc107;
}
.footer .footer-bottom {
  border-top: 1px solid #444;
  padding-top: 10px;
  margin-top: 20px;
  font-size: 15px;
  color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
  .footer {
    text-align: center;
  }
  .footer .social-icons {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .navbar-toggler {
    display: block;
  }
  .custom-header {
    padding: 0;
  }
  .navbar {
    padding: 0;
  }
  .box-notiprofile {
    margin-right: 40px;
  }
  section {
    padding: 50px 0;
  }
  .section-banner {
    padding-top: 60px;
  }
  .section-inspire h1 img {
    width: 100%;
  }
  .section-inspire h2 {
    font-size: 40px;
  }
  .section-trailbus .flickity-prev-next-button {
    top: -6%;
  }
  .section-faq {
    padding: 15px;
  }
  .section-faq .faq-title {
    font-size: 25px;
  }
  .section-faq .faq-subtitle {
    font-size: 18px;
  }
  .section-faq .faq-accordion .faq-item .faq-question {
    font-size: 18px;
  }
  .section-faq .faq-accordion .faq-item .faq-answer {
    font-size: 15px;
  }
  .section-text .inspire-text {
    font-size: 20px;
  }
  .section-region h2 {
    font-size: 50px;
  }
  .section-region p {
    font-size: 16px;
  }
  .section-trailbus .tour-card .tour-content .tour-title {
    font-size: 20px;
  }
  .section-trailbus .tour-card .tour-content .tour-tags .tag {
    font-size: 12px;
  }
  .section-trailbus .tour-card .tour-content .tour-info {
    font-size: 14px;
  }
  .section-trailbus .tour-card .tour-content .old-price {
    font-size: 16px;
  }
  .section-trailbus .tour-card .tour-content .tour-price .label-price {
    font-size: 18px;
  }
  .section-trailbus .tour-card .tour-content .tour-price .new-price {
    font-size: 20px;
  }
  .section-whychoose .feature-box h5 {
    font-size: 18px;
  }
  .section-whychoose .feature-box p {
    font-size: 16px;
  }
  .footer {
    padding: 20px 0;
  }
  .footer .footer-logo img {
    width: 120px;
  }
  .footer .footer-text {
    font-size: 16px;
  }
  .footer .footer-heading {
    font-size: 18px;
  }
  .footer .footer-links a {
    font-size: 16px;
  }
  .footer .footer-bottom {
    font-size: 14px;
  }
}
.sub-nav {
  background-color: #9ACE7D;
  padding: 115px 20px 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-nav .box-sub-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-nav .tour-info .tour-title {
  font-size: 25px;
  font-weight: bold;
  color: black;
  margin-bottom: 0;
}
.sub-nav .tour-info .tour-subtitle {
  font-size: 15px;
  /*font-weight: bold;*/
  color: black;
  margin-bottom: 0;
}
.sub-nav .tour-price {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sub-nav .tour-price .old-price {
  font-size: 15px;
  color: #ca0303;
  text-decoration: line-through;
  font-weight: bold;
}
.sub-nav .tour-price .new-price {
  font-size: 25px;
  font-weight: bold;
  line-height: 1em;
  color: black;
}
.sub-nav .tour-price .btn-buy {
  background: #FAE12C;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  transition: 0.3s ease;
  cursor: pointer;
}
.sub-nav .tour-price .btn-buy:hover {
  background: #333;
}
.sub-nav .tour-price .w-tour-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* Responsive */
@media (max-width: 768px) {
  .sub-nav {
    flex-direction: column;
    text-align: center;
    gap: 10px;
    padding-top: 70px;
  }
  .sub-nav .box-sub-nav {
    flex-direction: column;
    gap: 10px;
    text-align: left;
  }
  .sub-nav .tour-price .btn-buy {
    font-size: 16px;
    padding: 10px;
  }
}
.trail-section {
  background-color: #fff;
  padding: 0;
}
.trail-section .product-details-carousel {
  margin-left: -25px;
}
.trail-section .product-details-carousel .carousel-cell {
  width: 100%;
  height: 460px;
  margin-right: 10px;
}
.trail-section .product-details-carousel .flickity-page-dots {
  bottom: 10px;
}
.trail-section .product-details-carousel .flickity-page-dots .dot {
  background: #fff;
}
.trail-section .trail-image {
  width: 110%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.trail-section .trail-content {
  padding-left: 40px;
}
.trail-section .trail-title {
  font-size: 35px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}
.trail-section .trail-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin-bottom: 20px;
  padding-left: 40px;
}
.trail-section .trail-info .trail-detail {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.trail-section .trail-info .trail-detail img.img-icon {
  width: 41px;
  height: 41px;
}
.trail-section .trail-info .trail-detail p {
  margin: 0;
  font-size: 15px;
  color: #333;
}
.trail-section .trail-description {
  font-size: 18px;
  color: #333;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
  .trail-section {
    overflow: hidden;
  }
  .trail-section .trail-content {
    padding-left: 0;
  }
  .trail-section .trail-title {
    font-size: 25px;
    margin-top: 30px;
  }
  .trail-section .trail-info {
    padding-left: 0;
  }
  .trail-section .trail-info .trail-detail p {
    font-size: 13px;
  }
  .trail-section .trail-info .trail-detail img.img-icon {
    width: 30px;
    height: 30px;
  }
  .trail-section .trail-description {
    text-align: justify;
    font-size: 16px;
  }
  .trail-section .product-details-carousel {
    margin-top: 15px;
    margin-right: -30px;
  }
  .trail-section .product-details-carousel .carousel-cell {
    height: 300px;
  }
}
.ticket-section {
  background: url("../images/home/topo-gray.svg") no-repeat top center;
  background-size: cover;
  padding: 50px 0;
  /* Thiết kế cho vé được chọn */
}
.ticket-section .section-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.ticket-section .ticket-card {
  background: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  text-align: left;
  border: 2px solid transparent;
  transition: 0.3s;
  position: relative;
  min-height: 447px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* Khi checkbox được chọn */
}
.ticket-section .ticket-card .ticket-title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 15px;
}
.ticket-section .ticket-card .ticket-features {
  list-style: none;
  padding: 0;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
}
.ticket-section .ticket-card .ticket-features li {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  width: 50%;
}
.ticket-section .ticket-card .ticket-features li i {
  margin-right: 8px;
}
.ticket-section .ticket-card .ticket-desc {
  font-size: 18px;
  color: #000;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}
.ticket-section .ticket-card .old-price {
  text-decoration: line-through;
  color: gray;
  font-size: 18px;
  font-weight: 500;
  text-align: right;
  margin-bottom: 0;
}
.ticket-section .ticket-card .w-tour-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticket-section .ticket-card .w-tour-price .label-price {
  font-size: 25px;
  font-weight: bold;
  color: black;
  margin-bottom: 0;
}
.ticket-section .ticket-card .w-tour-price .new-price {
  font-size: 25px;
  font-weight: bold;
  color: black;
  margin-bottom: 0;
}
.ticket-section .ticket-card:hover {
  border: 2px solid #6FB945;
  transform: translateY(-5px);
}
.ticket-section .ticket-card .ticket-checkbox {
  display: none;
}
.ticket-section .ticket-card .checkmark {
  position: absolute;
  top: 10px;
  right: 10px;
  background: white;
  color: black;
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 50%;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ticket-section .ticket-card .ticket-checkbox:checked + .checkmark {
  opacity: 1;
}
.ticket-checkbox:checked ~ .ticket-section .ticket-card {
  background-color: #ffc107;
  border: 2px solid #000;
}
.ticket-section .selected {
  background-color: #F1F8EC;
  border: 2px solid #000;
  position: relative;
}
.ticket-section .selected i.vexe {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='24' viewBox='0 0 18 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.6719 11.0625V0.703125C17.6719 0.314812 17.3571 0 16.9688 0H1.03125C0.642937 0 0.328125 0.314812 0.328125 0.703125V11.0625C0.328125 11.249 0.402234 11.4278 0.534094 11.5597L0.974391 12L0.534094 12.4403C0.402234 12.5722 0.328125 12.751 0.328125 12.9375V23.2969C0.328125 23.6852 0.642937 24 1.03125 24H16.9688C17.3571 24 17.6719 23.6852 17.6719 23.2969V12.9375C17.6719 12.751 17.5978 12.5722 17.4659 12.4403L17.0256 12L17.466 11.5597C17.5978 11.4278 17.6719 11.249 17.6719 11.0625ZM16.2656 10.7713L15.5341 11.5028C15.2595 11.7774 15.2595 12.2226 15.5341 12.4972L16.2656 13.2287V22.5938H1.73438V13.2287L2.46591 12.4972C2.7405 12.2226 2.7405 11.7774 2.46591 11.5028L1.73438 10.7713V1.40625H16.2656V10.7713Z' fill='white'/%3e%3cpath d='M4.32646 7.58274L5.43553 8.56618C5.66198 8.76699 5.99151 8.80032 6.25359 8.64901L9.58125 6.72779L9.44826 8.78991C9.42328 9.17743 9.71718 9.51183 10.1047 9.53687C10.4922 9.5619 10.8266 9.26794 10.8517 8.88043L11.045 5.88277L13.5607 4.4303C13.897 4.23615 14.0122 3.80612 13.818 3.46983C13.6238 3.13351 13.1939 3.01833 12.8576 3.21249L10.3418 4.66496L7.64911 3.33357C7.30096 3.16149 6.87932 3.30413 6.70715 3.65222C6.53503 4.00032 6.67771 4.42205 7.02581 4.59418L8.87812 5.51007L5.98935 7.17788L5.25946 6.53063C4.96893 6.27305 4.52456 6.29968 4.26689 6.59021C4.00926 6.88069 4.03593 7.32507 4.32646 7.58274Z' fill='white'/%3e%3cpath d='M3.84376 15.5625H14.1562C14.5446 15.5625 14.8594 15.2477 14.8594 14.8594C14.8594 14.4711 14.5446 14.1562 14.1562 14.1562H3.84376C3.45545 14.1562 3.14062 14.4711 3.14062 14.8594C3.14062 15.2477 3.45545 15.5625 3.84376 15.5625Z' fill='white'/%3e%3cpath d='M3.84376 18.375H9C9.38831 18.375 9.70312 18.0602 9.70312 17.6719C9.70312 17.2836 9.38831 16.9688 9 16.9688H3.84376C3.45545 16.9688 3.14062 17.2836 3.14062 17.6719C3.14062 18.0602 3.45545 18.375 3.84376 18.375Z' fill='white'/%3e%3cpath d='M3.84376 21.1875H9C9.38831 21.1875 9.70312 20.8727 9.70312 20.4844C9.70312 20.0961 9.38831 19.7812 9 19.7812H3.84376C3.45545 19.7812 3.14062 20.0961 3.14062 20.4844C3.14062 20.8727 3.45545 21.1875 3.84376 21.1875Z' fill='white'/%3e%3cpath d='M4.78125 12.7031H5.71875C6.10706 12.7031 6.42188 12.3883 6.42188 12C6.42188 11.6117 6.10706 11.2969 5.71875 11.2969H4.78125C4.39294 11.2969 4.07812 11.6117 4.07812 12C4.07812 12.3883 4.39294 12.7031 4.78125 12.7031Z' fill='white'/%3e%3cpath d='M9.46875 11.2969H8.53125C8.14294 11.2969 7.82812 11.6117 7.82812 12C7.82812 12.3883 8.14294 12.7031 8.53125 12.7031H9.46875C9.85706 12.7031 10.1719 12.3883 10.1719 12C10.1719 11.6117 9.85706 11.2969 9.46875 11.2969Z' fill='white'/%3e%3cpath d='M13.2188 11.2969H12.2812C11.8929 11.2969 11.5781 11.6117 11.5781 12C11.5781 12.3883 11.8929 12.7031 12.2812 12.7031H13.2188C13.6071 12.7031 13.9219 12.3883 13.9219 12C13.9219 11.6117 13.6071 11.2969 13.2188 11.2969Z' fill='white'/%3e%3cpath d='M12.75 16.9688C11.5869 16.9688 10.6406 17.915 10.6406 19.0781C10.6406 20.2412 11.5869 21.1875 12.75 21.1875C13.9131 21.1875 14.8594 20.2412 14.8594 19.0781C14.8594 17.915 13.9131 16.9688 12.75 16.9688ZM12.75 19.7812C12.3623 19.7812 12.0469 19.4658 12.0469 19.0781C12.0469 18.6904 12.3623 18.375 12.75 18.375C13.1377 18.375 13.4531 18.6904 13.4531 19.0781C13.4531 19.4658 13.1377 19.7812 12.75 19.7812Z' fill='white'/%3e%3c/svg%3e ");
}
.ticket-section .selected i.hiking {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24.1573 20.3428L21.8371 18.0226C21.692 17.8775 21.4907 17.803 21.286 17.8187L19.454 17.9597L17.7082 16.2138C21.0447 12.695 22.7359 8.98045 23.4604 7.02717C24.3769 4.55606 24.9922 1.55147 23.9705 0.529641C22.9486 -0.492188 19.944 0.123141 17.4729 1.03969C15.5196 1.76419 11.8051 3.45539 8.28622 6.79191L6.54041 5.04609L6.68131 3.21408C6.69706 3.00942 6.62258 2.80809 6.47745 2.66297L4.15723 0.342703C3.7003 -0.114234 2.95686 -0.114234 2.49997 0.342703L0.842703 1.99997C0.385766 2.45691 0.385766 3.20034 0.842703 3.65723L3.16287 5.97741C3.308 6.12253 3.50933 6.19702 3.71398 6.18127L5.546 6.04036L7.29181 7.78617C3.95534 11.305 2.26414 15.0195 1.53964 16.9728C0.623047 19.444 0.00776541 22.4486 1.02959 23.4704C2.05142 24.4922 5.05602 23.8769 7.52717 22.9604C9.4805 22.2358 13.195 20.5447 16.7138 17.2082L18.4596 18.954L18.3187 20.786C18.303 20.9907 18.3775 21.192 18.5226 21.3371L20.8428 23.6573C21.2997 24.1143 22.0431 24.1143 22.5 23.6573L24.1573 22.0001C24.6142 21.5431 24.6142 20.7997 24.1573 20.3428ZM15.4831 13.9887L16.3118 13.1601C17.5123 11.9595 17.6613 10.0997 16.7589 8.73544L18.8576 6.63675C19.6426 7.28344 20.5476 7.75266 21.5305 8.02191C20.6665 9.93492 19.1584 12.631 16.7128 15.2184L15.4831 13.9887ZM9.68262 14.8174C8.8602 13.995 8.86016 12.6567 9.68262 11.8343L10.5113 11.0056L13.4944 13.9887L12.6658 14.8174C11.8433 15.6398 10.5051 15.6398 9.68262 14.8174ZM11.5056 10.0113L12.3343 9.18262C13.1568 8.36016 14.495 8.3602 15.3174 9.18262C16.1399 10.0051 16.1399 11.3433 15.3174 12.1658L14.4888 12.9944L11.5056 10.0113ZM21.3924 1.46011C22.4186 1.33397 22.8726 1.45927 22.9751 1.52489C23.0407 1.62736 23.166 2.08144 23.0399 3.10767C22.9135 4.13639 22.5839 5.37333 22.0869 6.68484C22.0838 6.69286 22.0805 6.70153 22.0774 6.70959C21.0341 6.45741 20.0924 5.93236 19.33 5.16998C18.5676 4.40761 18.0421 3.46608 17.7899 2.42283C17.7982 2.41969 17.807 2.41622 17.8152 2.41313C19.1267 1.91611 20.3637 1.58653 21.3924 1.46011ZM16.4785 2.96934C16.7477 3.95227 17.2164 4.85756 17.8631 5.64253L15.7646 7.74108C14.4003 6.83873 12.5405 6.9877 11.3399 8.18827L10.5113 9.01692L9.28161 7.7872C11.8692 5.34141 14.5654 3.8333 16.4785 2.96934ZM2.00281 2.82863L3.32863 1.50281L5.25444 3.42862L5.1597 4.65975L3.92858 4.75448L2.00281 2.82863ZM9.51692 10.0113L8.68827 10.8399C7.48775 12.0404 7.33878 13.9003 8.24113 15.2645L6.14234 17.3633C5.35733 16.7166 4.45203 16.248 3.46916 15.9788C4.33306 14.0658 5.84122 11.3693 8.2872 8.78156L9.51692 10.0113ZM3.60767 22.5399C2.58144 22.666 2.12741 22.5407 2.02489 22.4751C1.95927 22.3726 1.83397 21.9186 1.96011 20.8924C2.08658 19.8637 2.41611 18.6267 2.91313 17.3152C2.91627 17.3069 2.91978 17.298 2.92292 17.2897C3.96608 17.542 4.90756 18.0676 5.66994 18.8301C6.43231 19.5925 6.95797 20.534 7.21034 21.5771C7.202 21.5803 7.19309 21.5838 7.1848 21.5869C5.87333 22.0839 4.63639 22.4135 3.60767 22.5399ZM8.52228 21.0303C8.25303 20.0474 7.78428 19.1418 7.13755 18.3569L9.23548 16.2589C10.5998 17.1613 12.4596 17.0123 13.6601 15.8118L14.4888 14.9831L15.7184 16.2128C13.1312 18.6583 10.4353 20.1663 8.52228 21.0303ZM21.6714 22.4972L19.7456 20.5715L19.8403 19.3403L21.0714 19.2457L22.9972 21.1714L21.6714 22.4972Z' fill='white'/%3e%3c/svg%3e ");
}
.ticket-section .selected i.tour {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.683 10.8508H19.0179V8.71402C19.0179 8.32514 18.7025 8.00986 18.3135 8.00986H14.5067C14.1537 6.93248 13.137 6.15961 11.9551 6.15961H10.7332V0.704156C10.7332 0.315281 10.4179 0 10.0289 0H5.11077C4.7218 0 4.40642 0.315281 4.40642 0.704156V6.15966H3.18458C1.70431 6.15966 0.5 7.36359 0.5 8.84348V21.3161C0.5 22.796 1.70431 24 3.18458 24H21.683C23.2363 24 24.5 22.7366 24.5 21.1838V13.667C24.5 12.1141 23.2363 10.8508 21.683 10.8508ZM23.0914 13.667V18.1203H9.16423V13.667C9.16423 12.8907 9.79602 12.259 10.5726 12.259H21.683C22.4596 12.259 23.0914 12.8906 23.0914 13.667ZM17.6092 10.8508H14.6464V9.41817H17.6092V10.8508ZM5.81506 1.40827H9.32459V6.15961H5.81506V1.40827ZM1.90864 21.3161V8.84348C1.90864 8.14012 2.48103 7.56792 3.18458 7.56792H11.9551C12.6261 7.56792 13.1855 8.09147 13.2283 8.75986C13.23 8.78592 13.2333 8.81147 13.2377 8.83659V10.8508H10.5725C9.01925 10.8508 7.75555 12.1141 7.75555 13.667V21.1838C7.75555 21.6965 7.89397 22.1772 8.13444 22.5917H3.18458C2.48103 22.5917 1.90864 22.0195 1.90864 21.3161ZM21.683 22.5917H11.9551H10.5726C9.79602 22.5917 9.16423 21.9601 9.16423 21.1838V19.5286H23.0914V21.1838C23.0914 21.9601 22.4596 22.5917 21.683 22.5917Z' fill='white'/%3e%3c/svg%3e ");
}
.ticket-section .selected i.huychuong {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.2785 22.5938H20.7996V6.32812C20.7996 5.93981 20.4848 5.625 20.0965 5.625H17.6524V3.51562C17.6524 3.12731 17.3376 2.8125 16.9493 2.8125H15.5828V0.703125C15.5828 0.314812 15.268 0 14.8796 0H9.11758C8.72927 0 8.41446 0.314812 8.41446 0.703125V2.8125H7.04791C6.6596 2.8125 6.34478 3.12731 6.34478 3.51562V5.625H3.90077C3.51246 5.625 3.19764 5.93981 3.19764 6.32812V22.5938H0.71875C0.330437 22.5938 0.015625 22.9086 0.015625 23.2969C0.015625 23.6852 0.330437 24 0.71875 24H23.2784C23.6667 24 23.9816 23.6852 23.9816 23.2969C23.9816 22.9086 23.6668 22.5938 23.2785 22.5938ZM9.82071 1.40625H14.1765V2.8125H9.82071V1.40625ZM7.75103 4.21875H16.2462V5.625H7.75103V4.21875ZM11.2955 22.5938H8.48299V18.3871H11.2955V22.5938ZM15.5142 22.5938H12.7017V18.3871H15.5142V22.5938ZM19.3933 22.5938H16.9205V17.684C16.9205 17.2957 16.6057 16.9809 16.2174 16.9809H7.77986C7.39155 16.9809 7.07674 17.2957 7.07674 17.684V22.5938H4.60389V7.03125H19.3933V22.5938Z' fill='white'/%3e%3cpath d='M16.2188 15.2226C16.6071 15.2226 16.9219 14.9078 16.9219 14.5195V13.5C16.9219 13.1117 16.6071 12.7969 16.2188 12.7969C15.8304 12.7969 15.5156 13.1117 15.5156 13.5V14.5195C15.5156 14.9078 15.8304 15.2226 16.2188 15.2226Z' fill='white'/%3e%3cpath d='M13.4062 15.2226C13.7946 15.2226 14.1094 14.9078 14.1094 14.5195V13.5C14.1094 13.1117 13.7946 12.7969 13.4062 12.7969C13.0179 12.7969 12.7031 13.1117 12.7031 13.5V14.5195C12.7031 14.9078 13.0179 15.2226 13.4062 15.2226Z' fill='white'/%3e%3cpath d='M10.5938 15.2226C10.9821 15.2226 11.2969 14.9078 11.2969 14.5195V13.5C11.2969 13.1117 10.9821 12.7969 10.5938 12.7969C10.2054 12.7969 9.89062 13.1117 9.89062 13.5V14.5195C9.89062 14.9078 10.2054 15.2226 10.5938 15.2226Z' fill='white'/%3e%3cpath d='M7.78125 15.2226C8.16956 15.2226 8.48438 14.9078 8.48438 14.5195V13.5C8.48438 13.1117 8.16956 12.7969 7.78125 12.7969C7.39294 12.7969 7.07812 13.1117 7.07812 13.5V14.5195C7.07812 14.9078 7.39294 15.2226 7.78125 15.2226Z' fill='white'/%3e%3cpath d='M16.2188 11.4726C16.6071 11.4726 16.9219 11.1578 16.9219 10.7695V9.75C16.9219 9.36169 16.6071 9.04688 16.2188 9.04688C15.8304 9.04688 15.5156 9.36169 15.5156 9.75V10.7695C15.5156 11.1578 15.8304 11.4726 16.2188 11.4726Z' fill='white'/%3e%3cpath d='M13.4062 11.4726C13.7946 11.4726 14.1094 11.1578 14.1094 10.7695V9.75C14.1094 9.36169 13.7946 9.04688 13.4062 9.04688C13.0179 9.04688 12.7031 9.36169 12.7031 9.75V10.7695C12.7031 11.1578 13.0179 11.4726 13.4062 11.4726Z' fill='white'/%3e%3cpath d='M10.5938 11.4726C10.9821 11.4726 11.2969 11.1578 11.2969 10.7695V9.75C11.2969 9.36169 10.9821 9.04688 10.5938 9.04688C10.2054 9.04688 9.89062 9.36169 9.89062 9.75V10.7695C9.89062 11.1578 10.2054 11.4726 10.5938 11.4726Z' fill='white'/%3e%3cpath d='M7.78125 11.4726C8.16956 11.4726 8.48438 11.1578 8.48438 10.7695V9.75C8.48438 9.36169 8.16956 9.04688 7.78125 9.04688C7.39294 9.04688 7.07812 9.36169 7.07812 9.75V10.7695C7.07812 11.1578 7.39294 11.4726 7.78125 11.4726Z' fill='white'/%3e%3c/svg%3e ");
}
.ticket-section .selected .badge-choice {
  background: black;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 20px;
  min-width: 170px;
  text-align: center;
  position: absolute;
  left: 30px;
  top: 35px;
}
.ticket-section .selected .selected-check {
  position: absolute;
  top: 10px;
  right: 10px;
  background: white;
  color: black;
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 50%;
  font-weight: bold;
}

.ticket-card {
  position: relative;
  padding: 20px;
  border: 2px solid #ccc;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  background: #fff;
}
.ticket-card:hover {
  border-color: #ffc107;
}
.ticket-card .badge-choice {
  background: black;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 20px;
  min-width: 170px;
  text-align: center;
  position: absolute;
  left: 30px;
  top: 35px;
}
.ticket-card.selected {
  border-color: #6FB945;
}
.ticket-card.selected .ticket-desc {
  border-color: #6FB945;
}
.ticket-card.selected .checkmark {
  opacity: 1;
}
.ticket-card .ticket-radio {
  position: absolute;
  top: 10px;
  left: 10px;
  opacity: 0;
  pointer-events: none;
}
.ticket-card .checkmark {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  display: none;
}
.ticket-card.selected .checkmark {
  display: block;
}

/* Responsive */
@media (max-width: 768px) {
  .ticket-card {
    margin-bottom: 20px;
  }
}
.vexe {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='24' viewBox='0 0 18 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.6719 11.0625V0.703125C17.6719 0.314812 17.3571 0 16.9688 0H1.03125C0.642937 0 0.328125 0.314812 0.328125 0.703125V11.0625C0.328125 11.249 0.402234 11.4278 0.534094 11.5597L0.974391 12L0.534094 12.4403C0.402234 12.5722 0.328125 12.751 0.328125 12.9375V23.2969C0.328125 23.6852 0.642937 24 1.03125 24H16.9688C17.3571 24 17.6719 23.6852 17.6719 23.2969V12.9375C17.6719 12.751 17.5978 12.5722 17.4659 12.4403L17.0256 12L17.466 11.5597C17.5978 11.4278 17.6719 11.249 17.6719 11.0625ZM16.2656 10.7713L15.5341 11.5028C15.2595 11.7774 15.2595 12.2226 15.5341 12.4972L16.2656 13.2287V22.5938H1.73438V13.2287L2.46591 12.4972C2.7405 12.2226 2.7405 11.7774 2.46591 11.5028L1.73438 10.7713V1.40625H16.2656V10.7713Z' fill='%23FDB913'/%3e%3cpath d='M4.32646 7.58274L5.43553 8.56618C5.66198 8.76699 5.99151 8.80032 6.25359 8.64901L9.58125 6.72779L9.44826 8.78991C9.42328 9.17743 9.71718 9.51183 10.1047 9.53687C10.4922 9.5619 10.8266 9.26794 10.8517 8.88043L11.045 5.88277L13.5607 4.4303C13.897 4.23615 14.0122 3.80612 13.818 3.46983C13.6238 3.13351 13.1939 3.01833 12.8576 3.21249L10.3418 4.66496L7.64911 3.33357C7.30096 3.16149 6.87932 3.30413 6.70715 3.65222C6.53503 4.00032 6.67771 4.42205 7.02581 4.59418L8.87812 5.51007L5.98935 7.17788L5.25946 6.53063C4.96893 6.27305 4.52456 6.29968 4.26689 6.59021C4.00926 6.88069 4.03593 7.32507 4.32646 7.58274Z' fill='%23FDB913'/%3e%3cpath d='M3.84376 15.5625H14.1562C14.5446 15.5625 14.8594 15.2477 14.8594 14.8594C14.8594 14.4711 14.5446 14.1562 14.1562 14.1562H3.84376C3.45545 14.1562 3.14062 14.4711 3.14062 14.8594C3.14062 15.2477 3.45545 15.5625 3.84376 15.5625Z' fill='%23FDB913'/%3e%3cpath d='M3.84376 18.375H9C9.38831 18.375 9.70312 18.0602 9.70312 17.6719C9.70312 17.2836 9.38831 16.9688 9 16.9688H3.84376C3.45545 16.9688 3.14062 17.2836 3.14062 17.6719C3.14062 18.0602 3.45545 18.375 3.84376 18.375Z' fill='%23FDB913'/%3e%3cpath d='M3.84376 21.1875H9C9.38831 21.1875 9.70312 20.8727 9.70312 20.4844C9.70312 20.0961 9.38831 19.7812 9 19.7812H3.84376C3.45545 19.7812 3.14062 20.0961 3.14062 20.4844C3.14062 20.8727 3.45545 21.1875 3.84376 21.1875Z' fill='%23FDB913'/%3e%3cpath d='M4.78125 12.7031H5.71875C6.10706 12.7031 6.42188 12.3883 6.42188 12C6.42188 11.6117 6.10706 11.2969 5.71875 11.2969H4.78125C4.39294 11.2969 4.07812 11.6117 4.07812 12C4.07812 12.3883 4.39294 12.7031 4.78125 12.7031Z' fill='%23FDB913'/%3e%3cpath d='M9.46875 11.2969H8.53125C8.14294 11.2969 7.82812 11.6117 7.82812 12C7.82812 12.3883 8.14294 12.7031 8.53125 12.7031H9.46875C9.85706 12.7031 10.1719 12.3883 10.1719 12C10.1719 11.6117 9.85706 11.2969 9.46875 11.2969Z' fill='%23FDB913'/%3e%3cpath d='M13.2188 11.2969H12.2812C11.8929 11.2969 11.5781 11.6117 11.5781 12C11.5781 12.3883 11.8929 12.7031 12.2812 12.7031H13.2188C13.6071 12.7031 13.9219 12.3883 13.9219 12C13.9219 11.6117 13.6071 11.2969 13.2188 11.2969Z' fill='%23FDB913'/%3e%3cpath d='M12.75 16.9688C11.5869 16.9688 10.6406 17.915 10.6406 19.0781C10.6406 20.2412 11.5869 21.1875 12.75 21.1875C13.9131 21.1875 14.8594 20.2412 14.8594 19.0781C14.8594 17.915 13.9131 16.9688 12.75 16.9688ZM12.75 19.7812C12.3623 19.7812 12.0469 19.4658 12.0469 19.0781C12.0469 18.6904 12.3623 18.375 12.75 18.375C13.1377 18.375 13.4531 18.6904 13.4531 19.0781C13.4531 19.4658 13.1377 19.7812 12.75 19.7812Z' fill='%23FDB913'/%3e%3c/svg%3e ");
  width: 18px;
  height: 24px;
}

.hiking {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24.1573 20.3428L21.8371 18.0226C21.692 17.8775 21.4907 17.803 21.286 17.8187L19.454 17.9597L17.7082 16.2138C21.0447 12.695 22.7359 8.98045 23.4604 7.02717C24.3769 4.55606 24.9922 1.55147 23.9705 0.529641C22.9486 -0.492188 19.944 0.123141 17.4729 1.03969C15.5196 1.76419 11.8051 3.45539 8.28622 6.79191L6.54041 5.04609L6.68131 3.21408C6.69706 3.00942 6.62258 2.80809 6.47745 2.66297L4.15723 0.342703C3.7003 -0.114234 2.95686 -0.114234 2.49997 0.342703L0.842703 1.99997C0.385766 2.45691 0.385766 3.20034 0.842703 3.65723L3.16287 5.97741C3.308 6.12253 3.50933 6.19702 3.71398 6.18127L5.546 6.04036L7.29181 7.78617C3.95534 11.305 2.26414 15.0195 1.53964 16.9728C0.623047 19.444 0.00776541 22.4486 1.02959 23.4704C2.05142 24.4922 5.05602 23.8769 7.52717 22.9604C9.4805 22.2358 13.195 20.5447 16.7138 17.2082L18.4596 18.954L18.3187 20.786C18.303 20.9907 18.3775 21.192 18.5226 21.3371L20.8428 23.6573C21.2997 24.1143 22.0431 24.1143 22.5 23.6573L24.1573 22.0001C24.6142 21.5431 24.6142 20.7997 24.1573 20.3428ZM15.4831 13.9887L16.3118 13.1601C17.5123 11.9595 17.6613 10.0997 16.7589 8.73544L18.8576 6.63675C19.6426 7.28344 20.5476 7.75266 21.5305 8.02191C20.6665 9.93492 19.1584 12.631 16.7128 15.2184L15.4831 13.9887ZM9.68262 14.8174C8.8602 13.995 8.86016 12.6567 9.68262 11.8343L10.5113 11.0056L13.4944 13.9887L12.6658 14.8174C11.8433 15.6398 10.5051 15.6398 9.68262 14.8174ZM11.5056 10.0113L12.3343 9.18262C13.1568 8.36016 14.495 8.3602 15.3174 9.18262C16.1399 10.0051 16.1399 11.3433 15.3174 12.1658L14.4888 12.9944L11.5056 10.0113ZM21.3924 1.46011C22.4186 1.33397 22.8726 1.45927 22.9751 1.52489C23.0407 1.62736 23.166 2.08144 23.0399 3.10767C22.9135 4.13639 22.5839 5.37333 22.0869 6.68484C22.0838 6.69286 22.0805 6.70153 22.0774 6.70959C21.0341 6.45741 20.0924 5.93236 19.33 5.16998C18.5676 4.40761 18.0421 3.46608 17.7899 2.42283C17.7982 2.41969 17.807 2.41622 17.8152 2.41313C19.1267 1.91611 20.3637 1.58653 21.3924 1.46011ZM16.4785 2.96934C16.7477 3.95227 17.2164 4.85756 17.8631 5.64253L15.7646 7.74108C14.4003 6.83873 12.5405 6.9877 11.3399 8.18827L10.5113 9.01692L9.28161 7.7872C11.8692 5.34141 14.5654 3.8333 16.4785 2.96934ZM2.00281 2.82863L3.32863 1.50281L5.25444 3.42862L5.1597 4.65975L3.92858 4.75448L2.00281 2.82863ZM9.51692 10.0113L8.68827 10.8399C7.48775 12.0404 7.33878 13.9003 8.24113 15.2645L6.14234 17.3633C5.35733 16.7166 4.45203 16.248 3.46916 15.9788C4.33306 14.0658 5.84122 11.3693 8.2872 8.78156L9.51692 10.0113ZM3.60767 22.5399C2.58144 22.666 2.12741 22.5407 2.02489 22.4751C1.95927 22.3726 1.83397 21.9186 1.96011 20.8924C2.08658 19.8637 2.41611 18.6267 2.91313 17.3152C2.91627 17.3069 2.91978 17.298 2.92292 17.2897C3.96608 17.542 4.90756 18.0676 5.66994 18.8301C6.43231 19.5925 6.95797 20.534 7.21034 21.5771C7.202 21.5803 7.19309 21.5838 7.1848 21.5869C5.87333 22.0839 4.63639 22.4135 3.60767 22.5399ZM8.52228 21.0303C8.25303 20.0474 7.78428 19.1418 7.13755 18.3569L9.23548 16.2589C10.5998 17.1613 12.4596 17.0123 13.6601 15.8118L14.4888 14.9831L15.7184 16.2128C13.1312 18.6583 10.4353 20.1663 8.52228 21.0303ZM21.6714 22.4972L19.7456 20.5715L19.8403 19.3403L21.0714 19.2457L22.9972 21.1714L21.6714 22.4972Z' fill='%23FDB913'/%3e%3c/svg%3e ");
  width: 25px;
  height: 24px;
}

.tour {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.683 10.8508H19.0179V8.71402C19.0179 8.32514 18.7025 8.00986 18.3135 8.00986H14.5067C14.1537 6.93248 13.137 6.15961 11.9551 6.15961H10.7332V0.704156C10.7332 0.315281 10.4179 0 10.0289 0H5.11077C4.7218 0 4.40642 0.315281 4.40642 0.704156V6.15966H3.18458C1.70431 6.15966 0.5 7.36359 0.5 8.84348V21.3161C0.5 22.796 1.70431 24 3.18458 24H21.683C23.2363 24 24.5 22.7366 24.5 21.1838V13.667C24.5 12.1141 23.2363 10.8508 21.683 10.8508ZM23.0914 13.667V18.1203H9.16423V13.667C9.16423 12.8907 9.79602 12.259 10.5726 12.259H21.683C22.4596 12.259 23.0914 12.8906 23.0914 13.667ZM17.6092 10.8508H14.6464V9.41817H17.6092V10.8508ZM5.81506 1.40827H9.32459V6.15961H5.81506V1.40827ZM1.90864 21.3161V8.84348C1.90864 8.14012 2.48103 7.56792 3.18458 7.56792H11.9551C12.6261 7.56792 13.1855 8.09147 13.2283 8.75986C13.23 8.78592 13.2333 8.81147 13.2377 8.83659V10.8508H10.5725C9.01925 10.8508 7.75555 12.1141 7.75555 13.667V21.1838C7.75555 21.6965 7.89397 22.1772 8.13444 22.5917H3.18458C2.48103 22.5917 1.90864 22.0195 1.90864 21.3161ZM21.683 22.5917H11.9551H10.5726C9.79602 22.5917 9.16423 21.9601 9.16423 21.1838V19.5286H23.0914V21.1838C23.0914 21.9601 22.4596 22.5917 21.683 22.5917Z' fill='%23FDB913'/%3e%3c/svg%3e ");
  width: 25px;
  height: 24px;
}

.huychuong {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.2785 22.5938H20.7996V6.32812C20.7996 5.93981 20.4848 5.625 20.0965 5.625H17.6524V3.51562C17.6524 3.12731 17.3376 2.8125 16.9493 2.8125H15.5828V0.703125C15.5828 0.314812 15.268 0 14.8796 0H9.11758C8.72927 0 8.41446 0.314812 8.41446 0.703125V2.8125H7.04791C6.6596 2.8125 6.34478 3.12731 6.34478 3.51562V5.625H3.90077C3.51246 5.625 3.19764 5.93981 3.19764 6.32812V22.5938H0.71875C0.330437 22.5938 0.015625 22.9086 0.015625 23.2969C0.015625 23.6852 0.330437 24 0.71875 24H23.2784C23.6667 24 23.9816 23.6852 23.9816 23.2969C23.9816 22.9086 23.6668 22.5938 23.2785 22.5938ZM9.82071 1.40625H14.1765V2.8125H9.82071V1.40625ZM7.75103 4.21875H16.2462V5.625H7.75103V4.21875ZM11.2955 22.5938H8.48299V18.3871H11.2955V22.5938ZM15.5142 22.5938H12.7017V18.3871H15.5142V22.5938ZM19.3933 22.5938H16.9205V17.684C16.9205 17.2957 16.6057 16.9809 16.2174 16.9809H7.77986C7.39155 16.9809 7.07674 17.2957 7.07674 17.684V22.5938H4.60389V7.03125H19.3933V22.5938Z' fill='%23FDB913'/%3e%3cpath d='M16.2188 15.2226C16.6071 15.2226 16.9219 14.9078 16.9219 14.5195V13.5C16.9219 13.1117 16.6071 12.7969 16.2188 12.7969C15.8304 12.7969 15.5156 13.1117 15.5156 13.5V14.5195C15.5156 14.9078 15.8304 15.2226 16.2188 15.2226Z' fill='%23FDB913'/%3e%3cpath d='M13.4062 15.2226C13.7946 15.2226 14.1094 14.9078 14.1094 14.5195V13.5C14.1094 13.1117 13.7946 12.7969 13.4062 12.7969C13.0179 12.7969 12.7031 13.1117 12.7031 13.5V14.5195C12.7031 14.9078 13.0179 15.2226 13.4062 15.2226Z' fill='%23FDB913'/%3e%3cpath d='M10.5938 15.2226C10.9821 15.2226 11.2969 14.9078 11.2969 14.5195V13.5C11.2969 13.1117 10.9821 12.7969 10.5938 12.7969C10.2054 12.7969 9.89062 13.1117 9.89062 13.5V14.5195C9.89062 14.9078 10.2054 15.2226 10.5938 15.2226Z' fill='%23FDB913'/%3e%3cpath d='M7.78125 15.2226C8.16956 15.2226 8.48438 14.9078 8.48438 14.5195V13.5C8.48438 13.1117 8.16956 12.7969 7.78125 12.7969C7.39294 12.7969 7.07812 13.1117 7.07812 13.5V14.5195C7.07812 14.9078 7.39294 15.2226 7.78125 15.2226Z' fill='%23FDB913'/%3e%3cpath d='M16.2188 11.4726C16.6071 11.4726 16.9219 11.1578 16.9219 10.7695V9.75C16.9219 9.36169 16.6071 9.04688 16.2188 9.04688C15.8304 9.04688 15.5156 9.36169 15.5156 9.75V10.7695C15.5156 11.1578 15.8304 11.4726 16.2188 11.4726Z' fill='%23FDB913'/%3e%3cpath d='M13.4062 11.4726C13.7946 11.4726 14.1094 11.1578 14.1094 10.7695V9.75C14.1094 9.36169 13.7946 9.04688 13.4062 9.04688C13.0179 9.04688 12.7031 9.36169 12.7031 9.75V10.7695C12.7031 11.1578 13.0179 11.4726 13.4062 11.4726Z' fill='%23FDB913'/%3e%3cpath d='M10.5938 11.4726C10.9821 11.4726 11.2969 11.1578 11.2969 10.7695V9.75C11.2969 9.36169 10.9821 9.04688 10.5938 9.04688C10.2054 9.04688 9.89062 9.36169 9.89062 9.75V10.7695C9.89062 11.1578 10.2054 11.4726 10.5938 11.4726Z' fill='%23FDB913'/%3e%3cpath d='M7.78125 11.4726C8.16956 11.4726 8.48438 11.1578 8.48438 10.7695V9.75C8.48438 9.36169 8.16956 9.04688 7.78125 9.04688C7.39294 9.04688 7.07812 9.36169 7.07812 9.75V10.7695C7.07812 11.1578 7.39294 11.4726 7.78125 11.4726Z' fill='%23FDB913'/%3e%3c/svg%3e ");
  width: 24px;
  height: 24px;
}

.experience-section {
  background-color: #fdf6e3;
  padding: 70px 0;
  display: none;
  /* Nút điều hướng */
  /* Chấm tròn chỉ số */
}
.experience-section .container {
  max-width: 1240px;
}
.experience-section .section-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.experience-section .carousel {
  width: 100%;
  margin: auto;
}
.experience-section .carousel-cell {
  background: transparent;
  border-radius: 10px;
  text-align: center;
  width: 384px;
  transition: transform 0.3s;
  margin-right: 20px;
}
.experience-section .carousel-cell.fade-in {
  opacity: 1;
}
.experience-section .carousel-cell.fade-out {
  opacity: 0;
}
.experience-section .carousel-cell .carousel-cell-img {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 25px;
  border: 4px solid #f5edd8;
  position: relative;
}
.experience-section .carousel-cell .carousel-cell-img::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 10px;
  left: 10px;
  right: -10px;
  bottom: -10px;
  background: #ffc107;
  border-radius: 5px;
}
.experience-section .carousel-cell img {
  width: 100%;
}
.experience-section .carousel-cell h4 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px;
}
.experience-section .carousel-cell p {
  font-size: 18px;
}
.experience-section .carousel-cell:hover {
  transform: translateY(-5px);
}
.experience-section .flickity-prev-next-button {
  background: none;
  border: 2px solid black;
  color: black;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: 0.3s;
  top: -9%;
}
.experience-section .flickity-prev-next-button:hover {
  background: black;
  color: white;
}
.experience-section .flickity-prev-next-button.previous {
  left: inherit;
  right: 70px;
}
.experience-section .flickity-prev-next-button.next {
  right: 0;
}
.experience-section .flickity-page-dots {
  bottom: -40px;
}
.experience-section .flickity-page-dots .dot {
  background: black;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 5px;
  transition: 0.3s;
}
.experience-section .flickity-page-dots .dot.is-selected {
  background: #000;
  transform: scale(1.3);
}

.experience-section-01,
.experience-section-02,
.experience-section-03 {
  transition: opacity 0.3s ease-in-out;
}

/* Responsive */
@media (max-width: 768px) {
  .carousel-cell {
    width: 80%;
  }
}
.cost-structure {
  background-color: #fff;
  padding: 55px 0;
  /* Sidebar */
}
.cost-structure .section-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.cost-structure .cost-box {
  background: #f8f9fa;
  border-radius: 5px;
  margin-bottom: 30px;
}
.cost-structure .cost-box .cost-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  background: #eee;
  padding: 15px 25px;
  border-radius: 5px;
}
.cost-structure .cost-box .cost-header .toggle-icon {
  font-size: 20px;
  font-weight: bold;
  color: black;
}
.cost-structure .cost-box .cost-header h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  color: black;
}
.cost-structure .cost-box .cost-content {
  padding: 25px 30px;
}
.cost-structure .cost-box .cost-content h5 {
  font-size: 20px;
  font-weight: bold;
  color: black;
}
.cost-structure .cost-box .cost-content ul {
  list-style: none;
  padding: 0 0 0 10px;
  display: flex;
  flex-wrap: wrap;
}
.cost-structure .cost-box .cost-content ul li {
  font-size: 18px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  background: url("../images/product-details/i-check-black.svg") no-repeat left center;
  padding-left: 30px;
  width: 50%;
}
.cost-structure .cost-box .cost-content ul.excluded {
  flex-direction: column;
}
.cost-structure .cost-box .cost-content ul.excluded li {
  background-image: url("../images/product-details/i-close.svg");
}
.cost-structure .cost-box .cost-content .included i {
  color: green;
}
.cost-structure .cost-box .cost-content .excluded i {
  color: red;
}
.cost-structure .cost-header,
.cost-structure .schedule-header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e0e0e0;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
  transition: background 0.3s;
}
.cost-structure .cost-header:hover,
.cost-structure .schedule-header:hover {
  background: #d6d6d6;
}
.cost-structure .cost-header .toggle-icon,
.cost-structure .schedule-header .toggle-icon {
  font-size: 20px;
  font-weight: bold;
  transition: 0.3s;
}
.cost-structure .sidebar {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.cost-structure .sidebar .sidebar-title {
  margin-bottom: 15px;
  background: #000;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 30px 100px;
  text-align: center;
}
.cost-structure .sidebar .sidebar-title h3 {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.cost-structure .sidebar .sidebar-title a {
  font-size: 13px;
  color: #fff;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.cost-structure .sidebar .sidebar-title a img {
  margin-right: 5px;
}
.cost-structure .sidebar .sidebar-box {
  margin-bottom: 20px;
  padding: 30px 30px 0;
}
.cost-structure .sidebar .sidebar-box.payment-box {
  padding-bottom: 30px;
  padding-top: 0;
}
.cost-structure .sidebar .sidebar-box h5 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.cost-structure .sidebar .sidebar-box h5 span {
  font-size: 20px;
  font-weight: bold;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  background: #ffb400;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.cost-structure .sidebar .sidebar-box .calendar-box img {
  width: 100%;
  border-radius: 5px;
}
.cost-structure .sidebar .sidebar-box .service-option {
  display: flex;
  align-items: center;
  background: white;
  color: black;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: pointer;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.cost-structure .sidebar .sidebar-box .service-option.selected {
  background: #fff47b;
}
.cost-structure .sidebar .sidebar-box .service-option input {
  margin-right: 10px;
}
.cost-structure .sidebar .sidebar-box .service-option label {
  font-weight: bold;
  font-size: 15px;
}
.cost-structure .sidebar .sidebar-box .seat-box {
  background: white;
  color: black;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
  .sidebar {
    margin-top: 20px;
    display: none;
  }
  .cost-structure {
    padding-bottom: 15px;
  }
  .cost-structure .cost-box .cost-content {
    padding: 25px 15px;
  }
  .cost-structure .cost-box .cost-content ul {
    flex-direction: column;
  }
  .cost-structure .cost-box .cost-content ul li {
    width: 100%;
  }
  .cost-structure .sidebar .sidebar-box {
    padding: 20px;
  }
}
.schedule-section {
  background-color: #fff;
  padding: 25px 0;
}
.schedule-section .section-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.schedule-section .schedule-box {
  border-radius: 8px;
  margin-bottom: 15px;
}
.schedule-section .schedule-box .schedule-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: #e0e0e0;
  border-radius: 5px;
}
.schedule-section .schedule-box .schedule-header h4 {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}
.schedule-section .schedule-box .schedule-header .toggle-icon {
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
.schedule-section .schedule-box .schedule-content {
  padding: 15px;
  margin-top: 10px;
}
.schedule-section .schedule-box .schedule-content .schedule-details {
  list-style: none;
  padding: 0 0 0 10px;
  margin-bottom: 15px;
}
.schedule-section .schedule-box .schedule-content .schedule-details li {
  font-size: 18px;
  margin-bottom: 5px;
  display: flex;
  align-items: flex-start;
}
.schedule-section .schedule-box .schedule-content .schedule-details li p {
  margin-bottom: 5px;
}
.schedule-section .schedule-box .schedule-content .schedule-details li img {
  margin-right: 18px;
}
.schedule-section .schedule-box .schedule-content .schedule-details li strong {
  font-weight: bold;
}
.schedule-section .schedule-box .schedule-content .schedule-timeline {
  list-style: none;
  padding: 0;
  margin-bottom: 15px;
}
.schedule-section .schedule-box .schedule-content .schedule-timeline li {
  font-size: 18px;
  margin-bottom: 10px;
}
.schedule-section .schedule-box .schedule-content .schedule-timeline li strong {
  font-weight: bold;
  color: black;
  margin-right: 5px;
}
.schedule-section .schedule-box .schedule-content .schedule-timeline li a {
  color: #000;
}
.schedule-section .schedule-box .schedule-content .schedule-timeline li a:hover {
  text-decoration: none;
}
.schedule-section .schedule-box .schedule-content .schedule-gallery {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 45px;
}
.schedule-section .schedule-box .schedule-content .schedule-gallery a {
  display: block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}
.schedule-section .schedule-box .schedule-content .schedule-gallery a:hover {
  transform: translateY(-5px);
}
.schedule-section .schedule-box .schedule-content .schedule-gallery a:hover img {
  transform: scale(1.1);
  filter: brightness(0.8);
}
.schedule-section .schedule-box .schedule-content .schedule-gallery img {
  width: 187px;
  height: 224px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
}

/* Responsive */
@media (max-width: 768px) {
  .schedule-gallery {
    flex-wrap: wrap;
    justify-content: center;
  }
  .schedule-gallery a {
    width: 45%;
  }
}
.packing-list {
  background-color: #fff;
  padding: 0;
}
.packing-list .section-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.packing-list .packing-items,
.packing-list .note-items {
  list-style: none;
  padding: 0 0 0 40px;
  font-size: 16px;
  color: #000;
  margin-bottom: 20px;
}
.packing-list .packing-items li,
.packing-list .note-items li {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 18px;
}
.packing-list .section-subtitle {
  font-size: 25px;
  font-weight: bold;
  margin-top: 20px;
}

/* Responsive */
@media (max-width: 768px) {
  .packing-items,
  .note-items {
    font-size: 14px;
  }
}
.payment-box {
  padding: 15px;
  border-radius: 8px;
  text-align: center;
  margin-top: 15px;
}
.payment-box .payment-summary {
  background: #f1f3f5;
  padding: 10px;
  border-radius: 5px;
  text-align: left;
  margin-bottom: 40px;
}
.payment-box .payment-summary p {
  margin: 5px 0;
  font-size: 15px;
  font-weight: bold;
}
.payment-box .payment-summary p span {
  float: right;
  color: #555;
}
.payment-box .payment-total {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.payment-box .payment-total p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.payment-box .payment-total .price {
  float: right;
  font-size: 24px;
  color: black;
  font-weight: 800;
}
.payment-box .payment-total strong {
  font-size: 15px;
}
.payment-box .btn-payment {
  background: #ffc107;
  color: black;
  font-weight: bold;
  font-size: 20px;
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 5px;
  transition: 0.3s;
}
.payment-box .btn-payment:hover {
  background: #e0a800;
}

.section-elevation {
  background: #ffc107 url("../images/home/topo.svg") no-repeat top center;
  background-size: cover;
}

.calendar-box {
  text-align: left;
}
.calendar-box .step-number {
  background: #ffc107;
  color: black;
  font-size: 14px;
  font-weight: bold;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 8px;
}
.calendar-box input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  display: none;
}
.calendar-box input:focus {
  border-color: #ffc107;
  outline: none;
}

/* Tùy chỉnh Flatpickr */
.flatpickr-calendar {
  font-family: "Arial", sans-serif;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.flatpickr-day {
  border-radius: 50%;
}
.flatpickr-day.today {
  background: #ffc107 !important;
  color: black !important;
  font-weight: bold;
  border: none;
}

.flatpickr-day.selected {
  background: #ffc107 !important;
  color: black !important;
  font-weight: bold;
}

.flatpickr-day:hover {
  background: rgba(255, 193, 7, 0.7) !important;
}

/* Ghế ngồi */
.seat-map {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f8f9fa;
  padding: 20px;
  border-radius: 10px;
  width: 280px;
  margin: auto;
  border: 1px solid #ddd;
}

.seats {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.seat-row {
  display: flex;
  gap: 5px;
}

.seat {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  border: 1px solid #bbb;
  background: #d3d3d3;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  transition: 0.3s;
}
.seat:hover {
  background: #ffc107;
}

.sold {
  background: #a0a0a0;
  cursor: not-allowed;
  color: white;
}

.selected {
  background: #ffeb99;
  border: 2px solid #ffc107;
}

.seat-legend {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin-top: 15px;
}
.seat-legend span {
  display: flex;
  align-items: center;
  font-size: 10px;
}
.seat-legend span .seat {
  width: 13.5px;
  height: 13.5px;
  margin-right: 5px;
  border-radius: 0;
}

.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  height: 100%;
  background: black;
  color: white;
  transition: right 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
  padding: 20px;
  z-index: 1000;
}
.mobile-menu .close-menu {
  background: none;
  border: none;
  color: white;
  font-size: 28px;
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
}
.mobile-menu .mobile-nav {
  list-style: none;
  padding: 0;
  margin-top: 50px;
}
.mobile-menu .mobile-nav .nav-item {
  position: relative;
  margin-bottom: 10px;
}
.mobile-menu .mobile-nav .nav-item .nav-link {
  color: white;
  font-size: 18px;
  display: block;
  padding: 12px 15px;
  transition: 0.3s;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}
.mobile-menu .mobile-nav .nav-item .nav-link:hover {
  background: rgba(255, 255, 255, 0.2);
}
.mobile-menu .mobile-nav .nav-item .dropdown-menu {
  display: none;
  list-style: none;
  padding: 10px;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 5px;
  margin-top: 5px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.mobile-menu .mobile-nav .nav-item .dropdown-menu .dropdown-item {
  display: block;
  padding: 10px;
  color: white;
  border-radius: 3px;
  transition: background 0.3s;
}
.mobile-menu .mobile-nav .nav-item .dropdown-menu .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.2);
}
.mobile-menu .mobile-nav .nav-item.open .dropdown-menu {
  display: block;
}
.mobile-menu .mobile-bottom {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 20px;
  align-items: center;
}

.mobile-menu.open {
  right: 0;
}

.navbar-toggler {
  border: none;
  background: none;
  font-size: 22px;
  color: white;
  cursor: pointer;
}

@media (max-width: 768px) {
  .custom-header .dropdown-menu {
    top: 47px;
  }
  .custom-header .dropdown-profile .dropdown-menu {
    top: 47px;
  }
}
.cart-section {
  padding-top: 168px;
  padding-bottom: 15px;
}
.cart-section .cart-title {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 15px;
}
.cart-section .cart-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.cart-section .cart-table thead {
  background: none;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #8f8f8f;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}
.cart-section .cart-table thead tr th:first-of-type {
  padding-left: 60px;
}
.cart-section .cart-table th,
.cart-section .cart-table td {
  padding: 12px;
}
.cart-section .cart-table .cart-item {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.cart-section .cart-table .cart-item .remove-btn {
  background: transparent;
  border: none;
  cursor: pointer;
}
.cart-section .cart-table .cart-item .remove-btn img {
  width: 25px;
  height: 25px;
}
.cart-section .cart-table .cart-item .cart-item-img {
  width: 160px;
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
}
.cart-section .cart-table .cart-item .cart-item-img img {
  width: 100%;
  height: 100%;
}
.cart-section .cart-table .cart-item .cart-details {
  max-width: 230px;
  font-size: 20px;
  color: #2d2d2d;
  margin-left: 23px;
  line-height: 1.3em;
}
.cart-section .cart-table .cart-item .cart-details p {
  margin: 2px 0;
  font-size: 15px;
  line-height: 1.3em;
}
.cart-section .cart-table .cart-price {
  font-size: 20px;
  font-weight: 500;
  color: #2d2d2d;
}
.cart-section .cart-table .cart-total {
  font-size: 20px;
  font-weight: bold;
  color: #eb5757;
}
.cart-section .cart-table .cart-quantity .custom-number-input {
  display: inline-block;
  position: relative;
  /* Đảm bảo nút tăng/giảm hiển thị trên Chrome */
  /* Hiển thị luôn các nút tăng giảm */
  /* Đảm bảo nút tăng giảm luôn hiển thị trên Chrome, Edge, Safari */
}
.cart-section .cart-table .cart-quantity .custom-number-input input[type=number] {
  width: 50px;
  height: 40px;
  padding: 5px;
  font-size: 18px;
  text-align: center;
  border: none;
  border-radius: 5px;
  background: #f2f2f2;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  /* Hiển thị lại nút tăng/giảm */
}
.cart-section .cart-table .cart-quantity .custom-number-input input[type=number]::-webkit-inner-spin-button,
.cart-section .cart-table .cart-quantity .custom-number-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: auto;
  appearance: auto;
}
.cart-section .cart-table .cart-quantity .custom-number-input input[type=number]:hover,
.cart-section .cart-table .cart-quantity .custom-number-input input[type=number]:focus {
  outline: none;
}
.cart-section .cart-table .cart-quantity .custom-number-input input[type=number] {
  -moz-appearance: textfield;
  /* Ẩn mặc định trên Firefox */
}
.cart-section .cart-table .cart-quantity .custom-number-input input[type=number]::-webkit-inner-spin-button,
.cart-section .cart-table .cart-quantity .custom-number-input input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  /* Luôn hiển thị thay vì chỉ khi hover */
  display: block;
  /* Hiển thị luôn */
}

.checkout-section {
  padding-top: 0;
}
.checkout-section .checkout-section-content {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  border-top: 1px solid #000000;
  padding-top: 45px;
}
.checkout-section .checkout-left {
  width: 65%;
}
.checkout-section .voucher-box {
  margin-bottom: 45px;
}
.checkout-section .voucher-box h2 {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 35px;
}
.checkout-section .voucher-box .voucher-input {
  display: flex;
  gap: 30px;
  max-width: 400px;
}
.checkout-section .voucher-box .voucher-input input {
  flex: 1;
  padding: 12px 20px;
  border: 1px solid #000;
  border-radius: 5px;
  font-size: 20px;
  text-transform: uppercase;
}
.checkout-section .voucher-box .voucher-input .apply-btn {
  padding: 10px 15px;
  min-width: 168px;
  background: black;
  color: #fdb913;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 20px;
}
.checkout-section .checkout-info {
  margin-bottom: 45px;
}
.checkout-section .checkout-info h2 {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 35px;
}
.checkout-section .checkout-info .form-row {
  display: flex;
  gap: 30px;
  margin-bottom: 17px;
}
.checkout-section .checkout-info .form-row .form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.checkout-section .checkout-info .form-row .form-group label {
  font-size: 12px;
  text-transform: uppercase;
  color: gray;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.checkout-section .checkout-info .form-row .form-group label span {
  color: #eb5757;
}
.checkout-section .checkout-info .form-row .form-group input {
  padding: 13px 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 20px;
}
.checkout-section .checkout-info .note {
  font-size: 13px;
  margin-top: 5px;
}
.checkout-section .payment-method {
  /* Tùy chỉnh radio button */
}
.checkout-section .payment-method h2 {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 35px;
}
.checkout-section .payment-method .payment-option {
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 500;
  font-size: 20px;
}
.checkout-section .payment-method .payment-option label {
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 1.5em;
  font-size: 20px;
  font-weight: 500;
}
.checkout-section .payment-method .payment-option label img {
  margin-right: 30px;
  margin-left: 15px;
}
.checkout-section .payment-method .payment-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #000;
  /* Viền đen */
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  /* Khi được chọn */
  /* Hiệu ứng dấu tròn bên trong */
}
.checkout-section .payment-method .payment-radio:checked {
  border-color: #c6c6c6;
  border-width: 1px;
  /* Viền màu vàng */
  background-color: #fff;
  /* Nền màu vàng */
}
.checkout-section .payment-method .payment-radio:checked::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #ffc107;
  /* Màu trắng */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.checkout-section .payment-method .payment-desc {
  background: #f5f5f5;
  padding: 15px;
  border-radius: 8px;
  margin-top: 10px;
  position: relative;
}
.checkout-section .payment-method .payment-desc::before {
  content: "";
  position: absolute;
  top: -10px;
  /* Điều chỉnh vị trí tam giác */
  left: 99px;
  /* Điều chỉnh vị trí tam giác */
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f5f5f5;
  /* Màu giống nền của hộp */
}
.checkout-section .payment-method .payment-desc p {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 500;
}
.checkout-section .payment-method .payment-desc ul {
  font-size: 14px;
  padding-left: 20px;
}
.checkout-section .payment-method .payment-desc ul li {
  list-style-type: disc;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
}
.checkout-section .payment-method .payment-desc ul li:last-child {
  margin-bottom: 0;
}
.checkout-section .checkout-right {
  width: 30%;
}
.checkout-section .payment-summary .payment-summary-body {
  background: #ebeced;
  padding: 20px;
  border-radius: 10px;
}
.checkout-section .payment-summary h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.checkout-section .payment-summary .summary-item {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 1px solid #8f8f8f;
  padding-top: 10px;
}
.checkout-section .payment-summary .summary-item:nth-of-type(1), .checkout-section .payment-summary .summary-item:nth-of-type(2) {
  border: none;
  padding-top: 0;
}
.checkout-section .payment-summary .summary-item:nth-of-type(2) p {
  margin-bottom: 0;
}
.checkout-section .payment-summary .summary-item:last-of-type {
  border-bottom: none;
}
.checkout-section .payment-summary .summary-item:last-of-type p {
  margin-bottom: 0;
}
.checkout-section .payment-summary .summary-item.total {
  font-size: 16px;
  font-weight: bold;
}
.checkout-section .payment-summary .summary-item .summary-item-custom ul {
  padding-left: 15px;
}
.checkout-section .payment-summary .summary-item .summary-item-custom ul li {
  font-size: 12px;
  color: #2d2d2d;
  font-weight: 400;
}
.checkout-section .payment-summary .summary-item .summary-item-discountcode {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.checkout-section .payment-summary .summary-item .summary-item-discountcode .discountcode {
  font-weight: 400;
}
.checkout-section .payment-summary .summary-item p {
  max-width: 174px;
}
.checkout-section .payment-summary .checkout-btn {
  width: 100%;
  padding: 12px;
  background: #fdb913;
  color: black;
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer;
  font-size: 24px;
  margin-top: 15px;
  border: none;
}
.checkout-section .payment-summary .terms {
  font-size: 14px;
  margin-top: 15px;
}
.checkout-section .payment-summary .terms a {
  color: #000;
  text-decoration: underline;
}
.checkout-section .payment-summary .note-important {
  font-size: 14px;
  font-style: italic;
  margin-top: 20px;
  margin-bottom: 20px;
}
.checkout-section .payment-summary .note-important strong {
  color: #ca0303;
}

/* 🔹 Mobile: Chuyển từ Table -> List */
@media (max-width: 768px) {
  .cart-section {
    padding-top: 88px;
  }
  .cart-section .cart-table thead {
    display: none;
    /* Ẩn tiêu đề cột */
  }
  .cart-section .cart-table tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .cart-section .cart-table tr {
    display: flex;
    flex-direction: column;
    background: #f8f8f8;
    padding: 15px;
    border-radius: 8px;
  }
  .cart-section .cart-table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    border: none;
  }
  .cart-section .cart-table td::before {
    content: attr(data-label);
    font-weight: bold;
    color: #555;
  }
  .cart-section .cart-table .cart-item {
    flex-direction: row;
    align-items: center;
  }
  .cart-section .cart-table .cart-item .cart-details {
    margin-left: 0;
    font-size: 16px;
  }
  .cart-section .cart-table .cart-remove {
    align-self: flex-end;
  }
  .checkout-section .checkout-left {
    width: 100%;
  }
  .checkout-section .checkout-right {
    width: 100%;
  }
  .checkout-section .voucher-box h2 {
    font-size: 25px;
  }
  .checkout-section .voucher-box .voucher-input {
    flex-direction: column;
    gap: 10px;
  }
  .checkout-section .voucher-box .voucher-input input {
    width: 100%;
  }
  .checkout-section .checkout-info .form-row {
    flex-direction: column;
  }
  .checkout-section .checkout-info .form-row .form-group input {
    width: 100%;
    font-size: 16px;
  }
}
.checkout-paymentsuccess {
  padding-top: 168px;
}
.checkout-paymentsuccess .checkout-section-content {
  border: none;
  padding-top: 0;
}

.payment-success .title {
  font-size: 35px;
  font-weight: bold;
}
.payment-success .warning {
  color: #000;
  font-weight: bold;
  font-size: 22px;
}
.payment-success .warning strong {
  color: #ca0303;
}
.payment-success .description {
  font-size: 16px;
  color: #333;
  margin-bottom: 40px;
}
.payment-success .customer-info {
  background: #f2f2f2;
  padding: 30px;
  margin-bottom: 25px;
}
.payment-success .customer-info h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.payment-success .customer-info .form-group {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}
.payment-success .customer-info .form-group .input-box {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.payment-success .customer-info .form-group .input-box label {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1em;
  color: #8f8f8f;
  margin-bottom: 5px;
}
.payment-success .customer-info .form-group .input-box label span {
  color: #eb5757;
}
.payment-success .customer-info .form-group .input-box input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}
.payment-success .customer-info .gender-box label {
  font-weight: 500;
  font-size: 14px;
  color: #8f8f8f;
  letter-spacing: 0.1em;
}
.payment-success .customer-info .gender-box label span {
  color: #eb5757;
}
.payment-success .customer-info .gender-box .gender-options {
  display: flex;
  gap: 15px;
  margin-top: 5px;
}
.payment-success .customer-info .gender-box .gender-options .gender-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #000;
  /* Viền đen */
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  /* Khi được chọn */
  /* Hiệu ứng dấu tròn bên trong */
}
.payment-success .customer-info .gender-box .gender-options .gender-radio:checked {
  border-color: #c6c6c6;
  border-width: 1px;
  /* Viền màu vàng */
  background-color: #fff;
  /* Nền màu vàng */
}
.payment-success .customer-info .gender-box .gender-options .gender-radio:checked::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #ffc107;
  /* Màu trắng */
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.payment-success .customer-info .gender-box .gender-options label {
  display: flex;
  align-items: center;
  font-size: 16px;
  gap: 5px;
}
.payment-success .customer-info .terms-box {
  margin-top: 15px;
}
.payment-success .customer-info .terms-box label {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.4;
  font-size: 14px;
}
.payment-success .customer-info .terms-box label:first-of-type {
  font-weight: 500;
  font-size: 14px;
  color: #8f8f8f;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
.payment-success .customer-info .terms-box label input {
  margin-top: 3px;
}

@media (max-width: 768px) {
  .payment-success .customer-info {
    padding: 20px;
  }
  .payment-success .customer-info .form-group {
    flex-direction: column;
  }
}
.info-update {
  margin-top: 85px;
}
.info-update h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.info-update h3 {
  font-size: 12px;
  font-weight: bold;
  margin-top: 15px;
  text-transform: uppercase;
}
.info-update p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.info-update p a {
  color: #000;
}

.confirmation-container h2 {
  font-size: 35px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.confirmation-container p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.confirmation-container .highlight {
  font-weight: bold;
  color: #000;
}
.confirmation-container .trip-list {
  margin: 20px 0;
}
.confirmation-container .trip-list .trip-item {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
}
.confirmation-container .trip-list .trip-item .trip-item-img {
  min-width: 270px;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
}
.confirmation-container .trip-list .trip-item .trip-item-img img {
  width: 100%;
  height: 100%;
}
.confirmation-container .trip-list .trip-item .trip-info {
  max-width: 370px;
}
.confirmation-container .trip-list .trip-item .trip-info h3 {
  font-size: 25px;
  font-weight: bold;
  margin: 0 0 20px;
}
.confirmation-container .trip-list .trip-item .trip-info p {
  font-size: 16px;
  margin: 2px 0;
}
.confirmation-container .challenge-box {
  background: #ebeced;
  padding: 15px 30px;
  border-radius: 5px;
  margin-top: 20px;
}
.confirmation-container .challenge-box h3 {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.confirmation-container .challenge-box .note {
  font-size: 16px;
  color: #ca0303;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .checkout-paymentsuccess {
    padding-top: 88px;
  }
  .confirmation-container .trip-list .trip-item {
    flex-direction: column;
    gap: 20px;
  }
  .confirmation-container .trip-list .trip-item .trip-item-img {
    min-width: 100%;
    height: 200px;
  }
  .confirmation-container .trip-list .trip-item .trip-info {
    max-width: 100%;
  }
}
.mega-menu .mega-menu-content {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
}
.mega-menu .mega-menu-content .mega-menu-left {
  width: 30%;
  position: relative;
}
.mega-menu .mega-menu-content .mega-menu-left::after {
  content: "";
  position: absolute;
  top: 0;
  right: 100px;
  width: 1px;
  height: 100%;
  background: #000;
}
.mega-menu .mega-menu-content .mega-menu-left h4 {
  color: #fbbf24;
  font-size: 15px;
  margin-bottom: 15px;
  font-weight: bold;
}
.mega-menu .mega-menu-content .mega-menu-left ul {
  list-style: none;
  padding: 0;
}
.mega-menu .mega-menu-content .mega-menu-left ul li {
  margin-bottom: 12px;
}
.mega-menu .mega-menu-content .mega-menu-left ul li.active a {
  font-weight: bold;
  position: relative;
}
.mega-menu .mega-menu-content .mega-menu-left ul li.active a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  width: 8px;
  height: 8px;
  background: #fbbf24;
  border-radius: 8px;
  transform: translateY(-50%);
}
.mega-menu .mega-menu-content .mega-menu-left ul li a {
  color: #000;
  text-decoration: none;
  font-size: 18px;
  transition: 0.3s;
}
.mega-menu .mega-menu-content .mega-menu-left ul li a:hover {
  color: #000;
  font-weight: bold;
}
.mega-menu .mega-menu-content .mega-menu-right {
  width: 70%;
}
.mega-menu .mega-menu-content .mega-menu-right .mega-content {
  display: none;
}
.mega-menu .mega-menu-content .mega-menu-right .mega-content .w-mega-content {
  display: flex;
  gap: 100px;
}
.mega-menu .mega-menu-content .mega-menu-right .mega-content .w-mega-content .box-left {
  width: 60%;
}
.mega-menu .mega-menu-content .mega-menu-right .mega-content .w-mega-content .box-right {
  width: 40%;
}
.mega-menu .mega-menu-content .mega-menu-right .mega-content .w-mega-content .box-right img {
  width: 100%;
  height: 280px;
  border-radius: 5px;
  -o-object-fit: cover;
  object-fit: cover;
}
.mega-menu .mega-menu-content .mega-menu-right .mega-content h4 {
  color: #000;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 10px;
}
.mega-menu .mega-menu-content .mega-menu-right .mega-content p {
  color: #000;
  font-size: 17px;
  text-align: justify;
}
.mega-menu .mega-menu-content .mega-menu-right .mega-content.active {
  display: block;
}

@media all and (min-width: 992px) {
  .mega-submenu {
    left: 100%;
    top: 0;
    min-width: 25rem;
  }
  .ktm-mega-menu {
    position: static !important;
  }
  .mega-menu {
    left: 0;
    right: 0;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .mega-menu .mega-menu-content {
    flex-direction: column;
  }
  .mega-menu .mega-menu-content .mega-menu-left {
    width: 100%;
    margin-bottom: 20px;
  }
  .mega-menu .mega-menu-content .mega-menu-left::after {
    display: none;
  }
  .mega-menu .mega-menu-content .mega-menu-right {
    width: 100%;
  }
  .mega-menu .mega-menu-content .mega-menu-right .mega-content {
    display: none;
  }
  .section-region {
    padding-top: 30px;
  }
  .section-region h2 {
    margin-top: 30px;
    font-size: 35px;
    text-align: center;
  }
  .section-region p {
    text-align: justify;
    margin-bottom: 30px;
  }
  .flickity-page-dots .dot {
    background: #fff;
    opacity: 1;
    margin: 0 3px;
  }
  .flickity-page-dots .dot.is-selected {
    width: 12px;
    height: 12px;
    background: #000;
  }
  .section-trailbus h2 {
    font-size: 25px;
    font-weight: bold;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
  .section-trailbus .carousel-cell {
    width: 100%;
  }
  .section-whychoose {
    padding-bottom: 30px;
  }
  .section-whychoose h2 {
    font-size: 25px;
    font-weight: bold;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
  .section-whychoose .feature-box {
    display: flex;
    text-align: left;
    padding: 10px;
  }
  .section-whychoose .feature-box .feature-icon {
    width: 100px;
    align-items: flex-start;
    margin-right: 18px;
  }
  .section-whychoose .feature-box .feature-icon img {
    width: 100%;
  }
  .section-whychoose .feature-box h5 {
    margin-top: 0;
  }
  .section-whychoose .feature-box p {
    margin-bottom: 0;
  }
  .section-gallery {
    padding-bottom: 30px;
  }
  .section-faq .faq-title {
    text-align: center;
  }
  .section-faq .faq-subtitle {
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
  }
  .section-faq .faq-accordion .faq-item .faq-question {
    font-size: 16px;
    line-height: 1.3em;
  }
  .section-faq .faq-accordion .faq-item .faq-answer {
    font-size: 16px;
  }
  .footer {
    text-align: left;
  }
  .footer .footer-heading {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .footer .social-icons a {
    margin-right: 13px;
  }
  .footer .social-icons img {
    width: 24px;
  }
  .ticket-section .section-title {
    font-size: 25px;
  }
  .ticket-section .ticket-card {
    min-height: 405px;
  }
  .ticket-section .ticket-card .ticket-title {
    font-size: 22px;
  }
  .ticket-section .ticket-card .ticket-features li {
    font-size: 13px;
  }
  .ticket-section .ticket-card .ticket-desc {
    font-size: 16px;
  }
  .ticket-section .ticket-card .ticket-desc {
    font-size: 16px;
  }
  .ticket-section .ticket-card .w-tour-price .label-price {
    font-size: 22px;
  }
  .ticket-section .ticket-card .w-tour-price .new-price {
    font-size: 22px;
  }
  .experience-section .section-title {
    font-size: 25px;
  }
  .experience-section .flickity-prev-next-button {
    display: none;
  }
  .cost-structure .section-title {
    font-size: 25px;
  }
  .cost-structure .cost-box .cost-content h5 {
    font-size: 16px;
  }
  .cost-structure .cost-box .cost-content ul li {
    font-size: 16px;
  }
  .schedule-section .section-title {
    font-size: 25px;
  }
  .schedule-section .schedule-box .schedule-content .schedule-details li p {
    font-size: 16px;
  }
  .schedule-section .schedule-box .schedule-content .schedule-timeline li {
    font-size: 16px;
  }
  .packing-list .section-title {
    font-size: 25px;
  }
  .packing-list .packing-items li,
  .packing-list .note-items li {
    font-size: 16px;
  }
  .section-elevation {
    padding-top: 0;
  }
}
.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background: #222;
  transition: right 0.3s ease-in-out;
  padding: 20px;
  overflow-y: auto;
  color: white;
}
.mobile-menu .close-menu {
  background: none;
  border: none;
  color: white;
  font-size: 24px;
  align-self: flex-end;
  cursor: pointer;
}
.mobile-menu .mobile-mega-content {
  display: block;
  padding: 15px;
  background: #333;
  color: white;
}
.mobile-menu .mobile-mega-content .mega-menu-left {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mobile-menu .mobile-mega-content .mega-menu-left ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-menu .mobile-mega-content .mega-menu-left li {
  padding: 10px;
  cursor: pointer;
  transition: background 0.3s;
  font-size: 18px;
}
.mobile-menu .mobile-mega-content .mega-menu-left li:hover, .mobile-menu .mobile-mega-content .mega-menu-left li.active {
  background: #ff9900;
  color: white;
  border-radius: 3px;
}
.mobile-menu .mobile-mega-content .mega-menu-left li:hover a, .mobile-menu .mobile-mega-content .mega-menu-left li.active a {
  color: white;
  font-weight: bold;
}
.mobile-menu .mobile-mega-content .mega-menu-right {
  display: block;
  padding: 10px;
}
.mobile-menu .mobile-mega-content .mega-menu-right .mega-content {
  display: none;
  padding: 10px;
  background: #444;
  border-radius: 5px;
  margin-top: 10px;
  color: white;
}
.mobile-menu .mobile-mega-content .mega-menu-right .mega-content h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.mobile-menu .mobile-mega-content .mega-menu-right .mega-content p {
  font-size: 14px;
  color: #ddd;
}
.mobile-menu .mobile-mega-content .mega-menu-right .mega-content:not(.hidden) {
  display: block;
}

/* Hiển thị Mobile Menu khi được mở */
@media screen and (max-width: 768px) {
  .mobile-menu.open {
    right: 0;
  }
}
.mobile-menu .mobile-mega-content .mega-menu-left h4 {
  color: #fff;
}
.mobile-menu .mobile-mega-content .mega-menu-left ul li a {
  text-decoration: none;
  color: #fbbf24;
}
.mobile-menu .mobile-mega-content .mega-menu-right h4 {
  color: #fff;
}

.mobile-action-bar {
  position: fixed;
  bottom: -100px;
  left: 0;
  width: 100%;
  background: #fbbc04;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  transition: bottom 0.4s ease-in-out, opacity 0.4s ease-in-out;
  display: none;
}
.mobile-action-bar .price-info {
  font-size: 13px;
  color: #000;
  font-weight: 500;
}
.mobile-action-bar .price-info strong {
  font-size: 20px;
  font-weight: bold;
  display: block;
}
.mobile-action-bar .register-btn {
  background: #000;
  color: white;
  padding: 8px 15px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  min-width: 130px;
  text-align: center;
}
.mobile-action-bar .zalo-btn {
  display: flex;
  align-items: center;
}
.mobile-action-bar .zalo-btn img {
  width: 36px;
  height: 36px;
}
.mobile-action-bar.hidden {
  opacity: 0;
  bottom: -100px;
}
.mobile-action-bar.visible {
  opacity: 1;
  bottom: 0;
}
.mobile-action-bar.fixed {
  position: absolute;
  bottom: auto;
  top: calc(100vh - 60px);
}

/* Chỉ hiển thị trên mobile */
@media screen and (max-width: 768px) {
  .mobile-action-bar {
    display: flex;
  }
}
.schedule .carousel-cell {
  width: 175px;
  height: 224px;
  margin-right: 8px;
}
.schedule .carousel-cell img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
}
.schedule .carousel-cell a {
  display: block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}
.schedule .carousel-cell a:hover {
  transform: translateY(-5px);
}
.schedule .carousel-cell a:hover img {
  transform: scale(1.1);
  filter: brightness(0.8);
}

@media (max-width: 768px) {
  .schedule .flickity-page-dots .dot {
    background: #b9b9b9;
  }
  .schedule .flickity-page-dots .dot.is-selected {
    background: #000;
  }
}
.trailbus-slider .slick-arrow {
  top: -90px;
  left: inherit;
  right: 0;
}
.trailbus-slider .slick-arrow.slick-prev {
  right: 80px;
}
.trailbus-slider .slick-arrow.slick-prev::before {
  content: url("../images/home/slick-prev.svg");
}
.trailbus-slider .slick-arrow.slick-next::before {
  content: url("../images/home/slick-next.svg");
}
.trailbus-slider .slick-prev,
.trailbus-slider .slick-next {
  width: 50px;
  height: 50px;
}
.trailbus-slider .trailbus-card {
  margin: 0 14px;
}
.trailbus-slider .slick-dots {
  bottom: -45px;
}
.trailbus-slider .slick-dots li button::before {
  font-size: 12px;
}
.trailbus-slider .slick-dots li.slick-active button::before {
  font-size: 14px;
}

.section-banner-challenge {
  padding: 0;
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: relative;
}
.section-banner-challenge img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-challenge-category-top {
  padding: 24px 0;
  background: url(../images/bg-mission.svg) #fff no-repeat top center;
}
.section-challenge-category-top .challenge-category-description {
  margin-top: 30px;
}
.section-challenge-category-top .challenge-category-description h2 {
  font-size: 70px;
  font-weight: 900;
  text-transform: uppercase;
}
.section-challenge-category-top .challenge-category-description h3 {
  font-size: 35px;
  font-weight: 900;
  line-height: 44px;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.section-challenge-category-top .challenge-category-description p {
  font-size: 20px;
}

.section-challenge-category-body h3 {
  font-size: 35px;
  font-weight: 900;
  line-height: 44px;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.section-challenge-category-body p {
  font-size: 20px;
}
.section-challenge-category-body h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}
.section-challenge-category-body .box-content-item {
  margin-bottom: 2rem;
}
.section-challenge-category-body .box-shipping {
  margin: 16px 0;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  padding: 15px 30px;
}
.section-challenge-category-body .box-shipping .icon-and-title {
  display: flex;
  align-items: center;
}
.section-challenge-category-body .box-shipping .icon-and-title img {
  margin-right: 15px;
}
.section-challenge-category-body .box-shipping h4 {
  margin-bottom: 0;
}
.section-challenge-category-body .box-shipping h5 {
  font-size: 15px;
  font-weight: 700;
}
.section-challenge-category-body .box-shipping p {
  font-size: 15px;
}
.section-challenge-category-body .box-shipping p:last-child {
  margin-bottom: 0;
}
.section-challenge-category-body .box-shipping .info-challenge h3 {
  margin-bottom: 0;
}
.section-challenge-category-body .box-shipping .info-challenge .price-sale {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #ca0303;
  margin-right: 20px;
}
.section-challenge-category-body .box-shipping .description-challenge-item {
  font-size: 20px;
  line-height: 30px;
  padding: 20px 0;
  color: #000;
  border-top: 1px solid #e1e1e1;
}
.section-challenge-category-body .box-shipping .item-receive h4 {
  margin-bottom: 15px;
}
.section-challenge-category-body .box-shipping .btn-order {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  text-transform: capitalize;
  color: #fdb913;
  background: #000;
}

.section-the-conquerors {
  padding: 60px 0;
  background: #000;
}
.section-the-conquerors h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.section-the-conquerors h2 span {
  position: relative;
  padding-left: 90px;
}
.section-the-conquerors h2 span::before {
  content: "";
  width: 85px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 21px;
  margin: 0 auto;
}
.section-the-conquerors .box-info {
  background: #000;
  border-radius: 5px;
  padding: 2rem;
  position: relative;
  z-index: 999;
}
.section-the-conquerors .box-info h3 {
  color: #fff;
  font-size: 25px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.section-the-conquerors .box-info p {
  color: #fff;
  margin-bottom: 30px;
}
.section-the-conquerors .box-info p.quote {
  font-size: 20px;
}
.section-the-conquerors .box-info ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  border-top: 1px solid #fff;
  padding-top: 20px;
}
.section-the-conquerors .box-info ul li {
  margin-bottom: 15px;
}
.section-the-conquerors .box-info ul li img {
  margin-right: 15px;
}
.section-the-conquerors .box-info ul li p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 10px;
}
.section-the-conquerors .box-info h4 {
  color: #fdb913;
  font-size: 20px;
  font-weight: 700;
}
.section-the-conquerors .box-img {
  position: relative;
  top: 0;
  width: 427px;
  height: 472px;
  overflow: hidden;
  left: -83px;
  border-radius: 5px;
}
.section-the-conquerors .box-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-donghanh {
  padding: 60px 0;
  background: #fff;
}
.section-donghanh .box-donghanh {
  background: #fff;
  border-radius: 5px;
  padding: 2rem;
  position: relative;
  z-index: 999;
}
.section-donghanh .box-donghanh .donghanh-head {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.section-donghanh .box-donghanh .donghanh-head img {
  margin-right: 20px;
}
.section-donghanh .box-donghanh .donghanh-head h2 {
  font-size: 35px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0;
}
.section-donghanh .box-donghanh h3 {
  font-size: 25px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.section-donghanh .box-donghanh p {
  font-size: 20px;
}

.box-reason {
  margin-top: 30px;
}
.box-reason h2 {
  font-size: 35px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 50px;
  text-align: center;
}
.box-reason .item-reason {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
.box-reason .item-reason img {
  margin-right: 30px;
}
.box-reason .item-reason h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.box-reason .item-reason p {
  font-size: 20px;
  margin-bottom: 0;
}

.faq-section {
  padding-top: 0;
  max-width: 1000px;
  margin: 0 auto;
}
.faq-section h2 {
  text-align: center;
  font-size: 35px;
  font-weight: 700;
  text-transform: uppercase;
}
.faq-section .faq-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}
.faq-section .faq-item {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.3s ease;
}
.faq-section .faq-item.active .faq-answer {
  padding-bottom: 1rem;
}
.faq-section .faq-question {
  padding: 1rem;
  font-weight: 700;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.faq-section .faq-icon svg {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.faq-section .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0 1rem;
}

@media (max-width: 768px) {
  .section-banner-challenge {
    height: 400px;
  }
  .section-challenge-category-top .challenge-category-icon .item-type-traking {
    padding: 15px 0;
  }
  .section-challenge-category-top .challenge-category-description h2 {
    font-size: 50px;
  }
  .section-challenge-category-body .box-shipping .description-challenge-item {
    margin-top: 30px;
  }
  .section-the-conquerors .box-info {
    padding-left: 0;
    padding-right: 0;
  }
  .section-the-conquerors .box-info ul {
    flex-direction: column;
    gap: 15px;
  }
  .section-the-conquerors .box-img {
    width: 100%;
    height: 300px;
    left: 0;
  }
  .section-donghanh .box-donghanh {
    padding-left: 0;
    padding-right: 0;
  }
  .section-donghanh .box-donghanh .donghanh-head h2 {
    font-size: 30px;
  }
  .section-donghanh .box-donghanh .donghanh-head img {
    width: 50px;
  }
}

/*background: url(../images/about-us/bg-about-us.jpg) no-repeat center bottom;*/
.section-banner.banner-about-us {
  background: url(../images/about-us/gotrail-about-us.png) no-repeat center bottom;
  background-size: cover;
  height: 105vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inspire-trails-section {
  background: #fff;
  padding: 40px 0 0;
}
.inspire-trails-section .trails-logo {
  width: 356px;
  height: auto;
}
@media (max-width: 576px) {
  .inspire-trails-section .trails-logo {
    width: 90px;
  }
}
.inspire-trails-section .inspire-title {
  color: #fdb913;
  font-size: 2.3rem;
  letter-spacing: 1px;
  line-height: 1;
}
.inspire-trails-section .trails-title {
  color: #fdb913;
  font-size: 2.9rem;
  letter-spacing: 2px;
  line-height: 1;
  margin-top: -0.5rem;
}
.inspire-trails-section .trails-desc {
  font-size: 20px;
  color: #232323;
  line-height: 1.75;
}
@media (max-width: 992px) {
  .inspire-trails-section .trails-desc {
    font-size: 1rem;
  }
}
.inspire-trails-section .trails-social a img {
  transition: filter 0.2s;
  border-radius: 8px;
}
.inspire-trails-section .trails-social a:hover img {
  filter: none;
  background: #f3f3f3;
}
@media (max-width: 992px) {
  .inspire-trails-section {
    padding: 50px 0;
  }
}

.weekend-bus-section {
  padding: 0 0 400px;
  background: url("../images/about-us/bg-weekend-bus-2.svg") center top/cover no-repeat;
  min-height: 600px;
  position: relative;
}
/*.weekend-bus-section::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  right: 0;*/
/*  z-index: 1;*/
/*  background: url("../images/about-us/pin-top-2.svg") no-repeat right top;*/
/*  width: 438px;*/
/*  height: 192px;*/
/*  background-size: contain;*/
/*}*/
/*.weekend-bus-section::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  z-index: 1;*/
/*  background: url("../images/about-us/pin-bottom.png") no-repeat left bottom;*/
/*  width: 390px;*/
/*  height: 223px;*/
/*  background-size: contain;*/
/*}*/
.weekend-bus-section .container {
  max-width: 940px;
  padding-top: 9rem;
  padding-bottom: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 1200px) {
  .weekend-bus-section::before, .weekend-bus-section::after {
    display: none;
  }
}
@media (max-width: 992px) {
  .weekend-bus-section {
    background-size: 100% 100%;
    background-image: none;
    background-color: #f9fafb;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .weekend-bus-section .container {
    max-width: 100%;
    padding-top: 0;
  }
}
.weekend-bus-section .bus-content {
  position: relative;
  z-index: 20;
  padding: 100px 0 20px;
}
.weekend-bus-section .bus-title {
  color: #fdb913;
  letter-spacing: 1px;
  font-size: 35px;
  font-weight: 800;
}
.weekend-bus-section .bus-subtitle {
  font-size: 35px;
  font-weight: 800;
  color: #232323;
  line-height: 1.2;
  margin-bottom: 30px;
}
.weekend-bus-section .bus-desc {
  color: #232323;
  font-size: 20px;
  line-height: 1.7;
}
.weekend-bus-section .bus-list-item {
  align-items: center;
}
.weekend-bus-section .bus-list-item .bus-icon img {
  /*width: 85px;*/
  /*height: 100px;*/
  /*-o-object-fit: contain;*/
  /*object-fit: contain;*/
  /* Optionally tint yellow-ish */
}
.weekend-bus-section .bus-list-item .fw-bold {
  font-size: 20px;
}
.weekend-bus-section .bus-list-item .bus-item-desc {
  color: #2d2d2d;
  font-size: 20px;
}
.weekend-bus-section .dotted-line {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.weekend-bus-section .dotted-line-top {
  top: -24px;
  right: 0;
  width: 250px;
  height: auto;
}
.weekend-bus-section .dotted-line-bottom {
  left: 0;
  bottom: -22px;
  width: 220px;
  height: auto;
}
@media (max-width: 768px) {
  .weekend-bus-section .bus-content {
    padding: 1.5rem !important;
  }
  .weekend-bus-section .bus-title,
  .weekend-bus-section .bus-subtitle {
    font-size: 1.1rem;
  }
  .weekend-bus-section .dotted-line-top {
    width: 170px;
    top: -10px;
  }
  .weekend-bus-section .dotted-line-bottom {
    width: 140px;
    bottom: -10px;
  }
  .weekend-bus-section .bus-list-item .fw-bold {
    font-size: 1rem;
  }
  .weekend-bus-section .bus-item-desc {
    font-size: 0.97rem;
  }
}

.why-inspire-trails-section {
  background: #fff;
  padding-top: 0;
}
.why-inspire-trails-section h2 {
  font-size: 35px;
}
.why-inspire-trails-section .why-icon {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.why-inspire-trails-section .why-icon svg {
  max-width: 90%;
  max-height: 60px;
}
.why-inspire-trails-section .why-title {
  font-size: 20px;
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}
.why-inspire-trails-section .why-desc {
  color: #232323;
  font-size: 20px;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 95%;
}
@media (max-width: 992px) {
  .why-inspire-trails-section {
    padding: 50px 0;
  }
  .why-inspire-trails-section h2 {
    font-size: 2rem !important;
  }
  .why-inspire-trails-section .why-icon {
    height: 64px;
  }
  .why-inspire-trails-section .why-title {
    font-size: 1.1rem;
  }
  .why-inspire-trails-section .why-desc {
    font-size: 1rem;
  }
}
@media (max-width: 576px) {
  .why-inspire-trails-section h2 {
    font-size: 1.3rem !important;
  }
  .why-inspire-trails-section .why-icon {
    height: 48px;
  }
  .why-inspire-trails-section .why-title {
    font-size: 1rem;
  }
  .why-inspire-trails-section .why-desc {
    font-size: 0.96rem;
  }
}

.core-team-section {
  background: #fdb913 url("../images/about-us/topo.svg") center/cover no-repeat;
  padding: 85px 0;
}
.core-team-section .team-title {
  font-size: 2.6rem;
  letter-spacing: -1px;
  color: #232323;
}
.core-team-section .team-title .highlight {
  color: #fff;
  text-shadow: 1px 1px 0 rgba(35, 35, 35, 0.0941176471);
}
.core-team-section .team-card {
  padding: 2rem 1rem 1.5rem 1rem;
  transition: transform 0.2s, box-shadow 0.2s;
}
.core-team-section .team-card:hover {
  background: #fff;
  box-shadow: 0 8px 32px 0 rgba(30, 30, 30, 0.18);
  border-radius: 1.6rem;
  transform: translateY(-5px);
  transition: transform 0.2s, box-shadow 0.2s;
}
.core-team-section .team-avatar {
  width: 100%;
  max-width: 220px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1.6rem;
  margin: 0 auto;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
  display: block;
}
.core-team-section .team-name {
  font-size: 1.18rem;
  margin-top: 0.4rem;
  color: #232323;
}
.core-team-section .team-role {
  color: #232323;
  font-size: 1.03rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  opacity: 0.92;
}
@media (max-width: 992px) {
  .core-team-section {
    padding: 50px 0;
  }
  .core-team-section .team-title {
    font-size: 2rem;
  }
  .core-team-section .team-avatar {
    max-width: 160px;
    border-radius: 1.2rem;
  }
  .core-team-section .team-card {
    padding: 1.5rem 0.5rem 1rem 0.5rem;
  }
  .core-team-section .team-name {
    font-size: 1.07rem;
  }
}
@media (max-width: 575.98px) {
  .core-team-section .team-title {
    font-size: 1.25rem;
  }
  .core-team-section .team-card {
    padding: 1.2rem 0.1rem 0.7rem 0.1rem;
  }
  .core-team-section .team-avatar {
    max-width: 120px;
    border-radius: 0.7rem;
  }
  .core-team-section .team-name {
    font-size: 0.97rem;
  }
  .core-team-section .team-role {
    font-size: 0.92rem;
  }
}

.inspire-gallery-section {
  background: #fff;
  padding: 85px 0;
}
.inspire-gallery-section .gallery-grid {
  display: flex;
  gap: 2.1rem;
  max-width: 950px;
  margin: 0 auto 1.5rem auto;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 900px) {
  .inspire-gallery-section .gallery-grid {
    flex-direction: column;
    gap: 1.2rem;
  }
}
.inspire-gallery-section .gallery-col {
  display: flex;
  flex-direction: column;
  gap: 2.1rem;
  flex: 1 1 0;
  min-width: 250px;
}
.inspire-gallery-section .gallery-row {
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}
.inspire-gallery-section .gallery-row:last-child {
  margin-bottom: 0;
}
.inspire-gallery-section .gallery-img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 2rem;
  background: #f2f2f2;
  box-shadow: 0 2px 12px 0 rgba(50, 50, 50, 0.07);
  aspect-ratio: 1/1;
}
.inspire-gallery-section .gallery-img.big {
  aspect-ratio: 4/5;
  min-height: 320px;
  max-height: 440px;
}
.inspire-gallery-section .gallery-img.tall {
  aspect-ratio: 4/3;
  min-height: 200px;
}
.inspire-gallery-section .gallery-img.small {
  aspect-ratio: 3/4;
}
.inspire-gallery-section .gallery-caption {
  font-size: 22px;
  color: #232323;
  margin-top: 1.8rem;
  margin-bottom: 0.6rem;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 10;
}
.inspire-gallery-section .gallery-caption p {
  line-height: 2em;
}
.inspire-gallery-section .gallery-caption .btn-back {
  display: inline-block;
  margin-top: 30px;
  font-size: 16px;
  background: #fbbf24;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  transition: transform 0.3s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.inspire-gallery-section .gallery-caption .btn-back:hover {
  transition: color 0.3s, transform 0.3s;
  background: #fbbf24;
  color: #000;
  transform: translateY(-2px);
}
@media (max-width: 600px) {
  .inspire-gallery-section .gallery-grid {
    gap: 0.7rem;
  }
  .inspire-gallery-section .gallery-col {
    gap: 0.7rem;
    min-width: 0;
  }
  .inspire-gallery-section .gallery-row {
    gap: 0.7rem;
    margin-bottom: 0.7rem;
  }
  .inspire-gallery-section .gallery-img {
    border-radius: 1rem;
  }
  .inspire-gallery-section .gallery-caption {
    font-size: 1rem;
  }
}
@media (max-width: 992px) {
  .inspire-gallery-section {
    padding: 50px 0;
  }
}
.inspire-gallery-section.slogan {
  padding-top: 0;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
}
.inspire-gallery-section.slogan::after {
  content: "";
  position: absolute;
  top: 230px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/about-us/bg-slogan.png") no-repeat;
  background-size: 100%;
  z-index: 1;
}
.inspire-gallery-section.slogan .gallery-caption .btn-back {
  margin-bottom: 100px;
}
@media (max-width: 576px) {
  .inspire-gallery-section.slogan .gallery-caption .btn-back {
    margin-bottom: -30px;
  }
}

.inspire-footer {
  background: #181818 url("../images/about-us/topo-footer.svg") center/cover no-repeat;
  color: #fff;
  font-size: 14px;
  position: relative;
  padding: 67px 0 40px;
}
.inspire-footer .footer-logo-text {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -1.5px;
  line-height: 1.1;
  display: flex;
  align-items: center;
}
.inspire-footer .footer-heading {
  color: #fff;
  font-size: 15px;
  margin-bottom: 0.8rem;
  margin-top: 0.4rem;
}
.inspire-footer .footer-linklist {
  list-style: none;
  padding: 0;
  margin: 0;
}
.inspire-footer .footer-linklist li {
  margin-bottom: 0.4rem;
}
.inspire-footer .footer-linklist li a {
  color: #f3f3f3;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s;
}
.inspire-footer .footer-linklist li a:hover {
  color: #fdb913;
}
.inspire-footer .box-footer-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}
.inspire-footer .box-footer-icon span {
  font-size: 14px;
}
.inspire-footer .footer-icon svg {
  display: inline-block;
  vertical-align: middle;
}
.inspire-footer .footer-social-icon {
  display: inline-block;
  border-radius: 8px;
}
.inspire-footer .footer-partner {
  color: #fff;
}
.inspire-footer .footer-partner .small {
  font-size: 0.92rem;
  opacity: 0.84;
}
.inspire-footer .footer-hr {
  border-color: #fff;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 991.98px) {
  .inspire-footer .footer-logo-text {
    font-size: 1.5rem;
  }
  .inspire-footer .footer-partner {
    font-size: 0.96rem;
  }
  .inspire-footer .footer-heading {
    font-size: 1rem;
  }
}
@media (max-width: 575.98px) {
  .inspire-footer {
    font-size: 0.97rem;
  }
  .inspire-footer .footer-logo-text {
    font-size: 1.15rem;
  }
  .inspire-footer .footer-heading {
    font-size: 1rem;
  }
  .inspire-footer .footer-social-icon svg {
    width: 26px;
    height: 26px;
  }
}

.banner-conquer-card {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../images/about-us/bg-thechinhphuc.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  margin-top: 88px;
  padding-bottom: 0;
}
.banner-conquer-card .tags {
  position: absolute;
  top: 2%;
  left: 30%;
  z-index: 5;
  width: 50%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.banner-conquer-card .banner-title {
  color: #fdb913;
  font-size: 100px;
  font-weight: 700;
  letter-spacing: -1px;
  text-align: center;
  z-index: 10;
}
.banner-conquer-card .banner-social {
  position: absolute;
  right: 5vw;
  bottom: 12vw;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  z-index: 10;
}
.banner-conquer-card .banner-social a {
  display: inline-flex;
  background: transparent;
  border-radius: 8px;
  padding: 2px;
  transition: background 0.2s, transform 0.2s;
}
.banner-conquer-card .banner-social .banner-divider {
  display: inline-block;
  width: 38px;
  height: 2px;
  background: #fff;
  opacity: 0.45;
  margin-left: 1.2rem;
  border-radius: 2px;
}
@media (max-width: 991.98px) {
  .banner-conquer-card {
    height: 46vh;
  }
  .banner-conquer-card .banner-title {
    font-size: 2.3rem;
  }
  .banner-conquer-card .banner-social {
    right: 3vw;
    bottom: 10%;
  }
  .banner-conquer-card .banner-divider {
    width: 22px;
  }
}
@media (max-width: 768px) {
  .banner-conquer-card {
    margin-top: 60px;
  }
}
@media (max-width: 576px) {
  .banner-conquer-card {
    min-height: 33vh;
    height: 33vh;
  }
  .banner-conquer-card .banner-title {
    font-size: 1.18rem;
  }
  .banner-conquer-card .banner-social {
    right: 2vw;
    bottom: 60px;
  }
  .banner-conquer-card .banner-divider {
    width: 13px;
  }
}

.offer-full-section {
  background: #fff;
  padding: 0;
  overflow: hidden;
}
.offer-full-section .offer-title {
  font-size: 2.2rem;
  font-weight: 700;
}
.offer-full-section .offer-title .highlight {
  color: #fdb913;
  font-weight: 700;
  letter-spacing: 1px;
}
@media (max-width: 576px) {
  .offer-full-section .offer-title {
    font-size: 1.3rem;
  }
}
.offer-full-section .offer-box {
  background: #f8f4e6;
  border-radius: 2rem;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .offer-full-section .offer-box {
    border-radius: 1.2rem;
  }
}
@media (max-width: 991.98px) {
  .offer-full-section .offer-box {
    flex-direction: column-reverse !important;
  }
}
.offer-full-section .offer-subtitle {
  color: #fdb913;
  font-weight: 700;
  border-bottom: 1px solid #fdb913;
  display: inline-block;
  padding-bottom: 4px;
  margin-bottom: 35px;
  font-size: 20px;
}
.offer-full-section .offer-desc {
  font-size: 20px;
  color: #232323;
  margin-bottom: 1.7rem;
  line-height: 1.6;
}
@media (max-width: 576px) {
  .offer-full-section .offer-desc {
    font-size: 1rem;
  }
}
.offer-full-section .btn-offer {
  background: #181611;
  color: #fdb913;
  font-weight: 700;
  border-radius: 6px;
  font-size: 15px;
  padding: 0.5rem 1.3rem;
  border: none;
  display: inline-block;
  box-shadow: 0 2px 8px 0 rgba(30, 30, 30, 0.04);
  transition: background 0.18s, color 0.18s;
  max-width: 160px;
  text-align: center;
}
.offer-full-section .btn-offer:hover {
  background: #fdb913;
  color: #181611;
}
.offer-full-section .offer-img-box {
  position: relative;
  max-width: 534px;
  min-width: 240px;
}
.offer-full-section .offer-img-box .offer-img {
  border-radius: 1.3rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 393px;
  background: #f8f4e6;
}
@media (max-width: 576px) {
  .offer-full-section .offer-img-box .offer-img {
    height: 190px;
    border-radius: 0.7rem;
  }
}
.offer-full-section .offer-img-box .offer-sale-tag {
  position: absolute;
  top: 0;
  right: 0;
  background: #fdb913;
  color: #181611;
  font-size: 36px;
  font-weight: 700;
  border-radius: 5px;
  padding: 0.65rem 2.3rem 0.45rem 1.5rem;
  min-width: 150px;
  text-align: center;
  box-shadow: 0 2px 8px 0 rgba(253, 185, 19, 0.08);
}
@media (max-width: 576px) {
  .offer-full-section .offer-img-box .offer-sale-tag {
    font-size: 1.1rem;
    min-width: 90px;
  }
}
.offer-full-section .offer-img-box .offer-sale-tag.extrim {
  background: #fdb913;
  left: 0;
  right: auto;
  border-radius: 5px;
}
.offer-full-section .offer-note {
  font-size: 20px;
  color: #232323;
  opacity: 0.94;
  margin-top: 0.8rem;
  margin-bottom: 30px;
  padding-left: 10px;
}
.offer-full-section .offer-note i {
  font-weight: 500;
}
@media (max-width: 576px) {
  .offer-full-section .offer-note {
    font-size: 0.95rem;
  }
}

.extrim-offer-row {
  margin-top: 40px;
  margin-bottom: 40px;
}

.extrim-img-wrapper {
  min-height: 360px;
}
.extrim-img-wrapper .extrim-img {
  border-radius: 1.3rem;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  min-height: 360px;
  background: #fff;
  box-shadow: 0 2px 16px 0 rgba(30, 30, 30, 0.09);
}
.extrim-img-wrapper .extrim-sale-tag {
  position: absolute;
  top: 0;
  left: 0;
  background: #fdb913;
  color: #181611;
  font-size: 2rem;
  font-weight: 700;
  border-radius: 5px;
  padding: 0.65rem 2.3rem 0.45rem 1.5rem;
  min-width: 150px;
  text-align: center;
  box-shadow: 0 2px 8px 0 rgba(253, 185, 19, 0.09);
  z-index: 2;
}
@media (max-width: 576px) {
  .extrim-img-wrapper .extrim-sale-tag {
    font-size: 1.1rem;
    min-width: 90px;
  }
}

.extrim-content-box {
  background: #f8f4e6;
  border-radius: 2rem;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .extrim-content-box {
    border-radius: 1.2rem;
    margin-top: 1.2rem;
  }
}
.extrim-content-box h3 {
  font-size: 32px;
}

.offer-note {
  font-size: 1.03rem;
  color: #232323;
  opacity: 0.94;
  margin-top: 0.8rem;
}
.offer-note i {
  font-weight: 500;
}
@media (max-width: 576px) {
  .offer-note {
    font-size: 0.95rem;
  }
}

/* Responsive tối ưu mobile */
@media (max-width: 992px) {
  .extrim-img-wrapper,
  .extrim-img-wrapper .extrim-img {
    min-height: 200px;
    max-height: 260px;
  }
}
@media (max-width: 575.98px) {
  .extrim-offer-row {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .extrim-content-box {
    border-radius: 0.8rem;
    padding: 1.2rem 0.5rem;
  }
  .extrim-img-wrapper .extrim-img {
    min-height: 150px;
    border-radius: 0.7rem;
  }
}
.offer-update-box {
  background: #111;
  padding: 35px 0;
  margin-left: -12px;
  margin-right: -12px;
  text-align: center;
}
.offer-update-box .offer-update-title {
  color: #fdb913;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.18em;
  letter-spacing: 0.01em;
}
.offer-update-box .offer-update-desc {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01em;
}
@media (max-width: 600px) {
  .offer-update-box {
    padding: 30px 15px;
  }
  .offer-update-box .offer-update-title {
    font-size: 1rem;
  }
  .offer-update-box .offer-update-desc {
    font-size: 0.98rem;
  }
}

.faq-inspire-section {
  background: #fff url("../images/about-us/bg-faq-inspire.jpg") no-repeat bottom;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding-top: 60px;
  min-height: 880px;
}
@media (max-width: 992px) {
  .faq-inspire-section {
    padding-top: 30px;
    padding-bottom: 310px;
    background-size: 100%;
  }
}
@media (max-width: 576px) {
  .faq-inspire-section {
    padding-bottom: 180px;
  }
}

.faq-title {
  margin-bottom: 100px;
}
.faq-title h2 {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}
@media (max-width: 992px) {
  .faq-title {
    margin-bottom: 15px;
  }
}

.faq-hotline {
  font-size: 20px;
}
.faq-hotline .faq-hotline-phone {
  color: #181611;
  font-weight: 500;
  text-decoration: underline;
  transition: color 0.16s;
}
.faq-hotline .faq-hotline-phone:hover {
  color: #fdb913;
}

.faq-illust-box {
  position: relative;
}
.faq-illust-box .faq-bg-mountain {
  width: 100%;
  max-width: 470px;
  position: relative;
  z-index: 1;
  margin-bottom: -60px;
}
.faq-illust-box .faq-bg-runner {
  position: absolute;
  left: 20%;
  bottom: 0;
  width: 210px;
  z-index: 2;
  filter: drop-shadow(4px 8px 6px rgba(0, 0, 0, 0.14));
}
@media (max-width: 768px) {
  .faq-illust-box .faq-bg-mountain,
  .faq-illust-box .faq-bg-runner {
    width: 65vw !important;
    max-width: 98vw !important;
  }
  .faq-illust-box .faq-bg-runner {
    left: 7%;
    width: 120px;
  }
}

.faq-accordion {
  width: 100%;
}
.faq-accordion .faq-item {
  border-radius: 5px;
  margin-bottom: 1rem;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(30, 30, 30, 0.04);
  border: 1px solid #ededed;
  overflow: hidden;
}
.faq-accordion .faq-item .faq-question {
  display: flex;
  align-items: center;
  width: 100%;
  border: none;
  background: none;
  font-size: 21px;
  font-weight: 800;
  padding: 1.2rem 1.4rem 1.1rem 1.1rem;
  text-align: left;
  color: #181611;
  justify-content: space-between;
  cursor: pointer;
  transition: background 0.12s;
}
.faq-accordion .faq-item .faq-question .faq-icon {
  font-size: 2.1rem;
  line-height: 1;
  font-weight: 500;
  color: #444;
  margin-left: 1.1rem;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.faq-accordion .faq-item .faq-question:focus {
  outline: none;
  background: #fafafa;
}
.faq-accordion .faq-item .faq-question.active {
  background: #fff;
}
.faq-accordion .faq-item .faq-answer {
  padding: 0 1.5rem 1.15rem 1.3rem;
  color: #282828;
  font-size: 20px;
  font-weight: 400;
  display: none;
  transition: height 0.36s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.faq-accordion .faq-item .faq-answer.show {
  display: block;
  transition: height 0.36s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.faq-bottom-quote {
  font-size: 20px;
  color: #232323;
  font-weight: 400;
  margin-top: 2.5rem;
  line-height: 2em;
}
.faq-bottom-quote img {
  vertical-align: middle;
}

@media (max-width: 767px) {
  .faq-title h2 {
    font-size: 1.25rem;
  }
  .faq-illust-box {
    min-height: 170px;
  }
  .faq-accordion .faq-item .faq-question {
    font-size: 1.02rem;
  }
  .faq-accordion .faq-item .faq-answer {
    font-size: 0.98rem;
  }
  .faq-bottom-quote {
    font-size: 0.98rem;
  }
}
.slick-section {
  padding: 50px 25px 300px;
  text-align: center;
  overflow: hidden;
  background: #fff url(../images/about-us/bg-journey-mark.jpg) bottom/cover no-repeat;
  background-size: 100%;
}
.slick-section h2 {
  font-size: 35px;
  font-weight: 800;
  margin-bottom: 35px;
}
.slick-section h2 span {
  color: #fdb913;
}
.slick-section p {
  margin-bottom: 100px;
  font-size: 20px;
}
.slick-section .slick-prev,
.slick-section .slick-next {
  width: 50px;
  height: 50px;
  background: transparent;
  z-index: 999;
}
.slick-section .slick-prev {
  left: 20px;
}
.slick-section .slick-prev:before {
  content: url("../images/about-us/slick-prev.svg");
}
.slick-section .slick-next {
  right: 20px;
}
.slick-section .slick-next:before {
  content: url("../images/about-us/slick-next.svg");
}
.slick-section .slick-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.slick-section .slick-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  width: 269px;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media (max-width: 1700px) {
  .slick-section .slick-container::before {
    width: 206px;
  }
}
@media (max-width: 1368px) {
  .slick-section .slick-container::before {
    width: 135px;
  }
}
@media (max-width: 1366px) {
  .slick-section .slick-container::before {
    width: 131px;
  }
}
@media (max-width: 1180px) {
  .slick-section .slick-container::before {
    width: 84px;
  }
}
@media (max-width: 1024px) {
  .slick-section .slick-container::before {
    width: 48px;
  }
}
@media (max-width: 912px) {
  .slick-section .slick-container::before {
    display: none;
  }
}
.slick-section .slick-container::after {
  content: "";
  position: absolute;
  top: 0;
  right: -25px;
  width: 186px;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media (max-width: 912px) {
  .slick-section .slick-container::after {
    display: none;
  }
}
.slick-section .slick-list {
  overflow: visible;
}
.slick-section .slick-track {
  left: -190px;
}
@media (max-width: 992px) {
  .slick-section .slick-track {
    left: 0;
  }
}
.slick-section .slick-slide {
  aspect-ratio: 3/4;
  /* Hoặc 4/5, 2/3, 16/9 tuỳ mục đích */
  width: 90%;
  margin: 0 auto;
  border-radius: 20px;
}
.slick-section .slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
  transition: transform 0.3s ease-in-out;
  margin: 0 auto;
}
.slick-section .slick-wrap {
  margin: 0 -10px;
}
.slick-section .slick-wrap .slick-item {
  padding: 0 30px;
}
.slick-section .slick-wrap .slick-item.slick-center img {
  transform: scale(1.2);
  transition: transform 0.3s ease-in-out;
  -o-object-fit: cover;
  object-fit: cover;
}
.slick-section .slick-wrap h2 {
  background-color: #f0f0f0;
  padding: 80px 0;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .slick-section {
    padding: 50px 15px 200px;
  }
  .slick-section h2 {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
  .slick-section p {
    font-size: 1rem;
    margin-bottom: 90px;
  }
  .slick-section .slick-prev,
  .slick-section .slick-next {
    width: 40px;
    height: 40px;
  }
}
.banner-landing-page {
  padding: 87px 0 0;
}
@media (max-width: 440px) {
  .banner-landing-page {
    padding: 59px 0 0;
  }
}

.section-weekend-event {
  padding: 50px 0;
}
.section-weekend-event .weekend-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 18px;
}
.section-weekend-event .weekend-title .emoji {
  font-size: 2.3rem;
  line-height: 1;
}
.section-weekend-event .weekend-title .main-title {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  text-transform: uppercase;
}
.section-weekend-event .weekend-desc {
  color: #232323;
  font-size: 20px;
  line-height: 1.7;
  margin-bottom: 1.7rem;
}
.section-weekend-event .weekend-desc b {
  font-weight: 800;
  color: #151515;
}
.section-weekend-event .weekend-time {
  margin-top: 8px;
  font-size: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}
.section-weekend-event .weekend-time .emoji {
  font-size: 2.1rem;
  margin-right: 4px;
}
.section-weekend-event .weekend-time .time-title {
  font-weight: 700;
  color: #151515;
  margin-right: 5px;
}
.section-weekend-event .weekend-time .time-main {
  color: #000;
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 700px) {
  .section-weekend-event .container {
    max-width: 98vw;
  }
  .section-weekend-event .weekend-title .main-title {
    font-size: 1.35rem;
  }
  .section-weekend-event .weekend-time {
    font-size: 1.1rem;
  }
  .section-weekend-event .weekend-time .time-main {
    font-size: 1.1rem;
  }
  .section-weekend-event .weekend-desc {
    font-size: 1rem;
  }
}

.section-join {
  padding: 0;
}

.section-join-guide {
  padding: 50px 0;
}
.section-join-guide .join-title {
  font-size: 35px;
  margin-bottom: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}
.section-join-guide .join-title .emoji {
  font-size: 16px;
  color: #fdb913;
  margin-right: 4px;
}
.section-join-guide .join-list {
  font-size: 20px;
  color: #232323;
  line-height: 1.65;
  font-weight: 400;
  counter-reset: my-counter;
}
.section-join-guide .join-list li {
  margin-bottom: 10px;
}
.section-join-guide .join-list li {
  margin-bottom: 18px;
  font-size: 20px;
}
.section-join-guide .join-list li b {
  font-weight: 700;
}
.section-join-guide .join-list ul {
  list-style: circle inside;
  margin-top: 6px;
  margin-bottom: 0;
  padding-left: 10px;
}
.section-join-guide .join-list ul li {
  margin-bottom: 6px;
  font-size: 1em;
}
.section-join-guide .join-list ul li b {
  font-weight: 700;
}
@media (max-width: 700px) {
  .section-join-guide .container {
    max-width: 99vw;
  }
  .section-join-guide .join-title {
    font-size: 26px;
  }
  .section-join-guide .join-list {
    font-size: 1rem;
  }
}

.section-prize-rules {
  padding: 50px 0;
}
.section-prize-rules .prize-block,
.section-prize-rules .rules-block {
  gap: 12px;
  margin-bottom: 16px;
}
.section-prize-rules .prize-block .emoji,
.section-prize-rules .rules-block .emoji {
  font-size: 1rem;
  margin-top: 2px;
  flex-shrink: 0;
  min-width: 1.7em;
  text-align: center;
}
.section-prize-rules .prize-block .block-title,
.section-prize-rules .rules-block .block-title {
  font-size: 35px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 2px;
  letter-spacing: -0.5px;
}
.section-prize-rules .prize-desc {
  flex: 1;
  font-size: 20px;
  line-height: 1.62;
  color: #232323;
  margin-top: 0;
  margin-bottom: 0;
}
.section-prize-rules .prize-desc p {
  margin: 0 0 6px 0;
}
.section-prize-rules .prize-desc ul {
  margin: 0 0 4px 2.5em;
  padding: 0;
}
.section-prize-rules .prize-desc ul li {
  margin-bottom: 2px;
  font-size: 1.1em;
  list-style: disc;
  font-weight: 400;
}
.section-prize-rules .prize-desc ul li b {
  font-weight: 700;
}
.section-prize-rules .rules-list {
  flex: 1;
  font-size: 20px;
  line-height: 1.64;
  color: #232323;
  margin-top: 2px;
  margin-left: 1.6em;
  padding-left: 0;
}
.section-prize-rules .rules-list li {
  margin-bottom: 6px;
  font-size: 1.06em;
  list-style: disc;
}
.section-prize-rules .rules-list li b {
  font-weight: 700;
}
.section-prize-rules .divider {
  border: none;
  border-top: 2px solid #ccc;
  margin: 22px 0 16px 0;
}
@media (max-width: 700px) {
  .section-prize-rules .container {
    max-width: 98vw;
  }
  .section-prize-rules .prize-block .block-title,
  .section-prize-rules .rules-block .block-title {
    font-size: 26px;
  }
  .section-prize-rules .prize-desc,
  .section-prize-rules .rules-list {
    font-size: 0.98rem;
  }
}

.section-inspire-slogan {
  padding: 50px 0;
  margin: 0 auto 0 auto;
}
.section-inspire-slogan .container {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0;
}
.section-inspire-slogan .inspire-slogan {
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 auto;
  color: #181818;
}
.section-inspire-slogan .inspire-slogan b {
  font-weight: 700;
}
.section-inspire-slogan .inspire-slogan .emoji {
  font-size: 1.4em;
}
@media (max-width: 700px) {
  .section-inspire-slogan .inspire-slogan {
    font-size: 1rem;
    padding: 0 15px;
  }
}/*# sourceMappingURL=fe-styles.css.map */