@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("style-mobile-v2.css");
@import url("style-tablet-v2.css");
@import url("style-desktop-v2.css");
@import url("style-large-desktop-v2.css");

#headerV2 {
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  z-index: 9999;
}

.glide-header_v2 {
  width: 100%;
}
.glide-header_v2 ul {
  padding: 0;
  margin: 0;
}
.content_slider_v2 {
  min-height: calc(0.45 * 100vw);
  background-size: cover;
  position: relative;
}
.content_slider_v2 .content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
  color: white;
  font-weight: 300;
  font-size: 40px;
  width: 50%;
  left: 100px;
  z-index: 999;
}
.content_slider_v2 .content h3 {
  font-weight: 500;
  font-size: 4vw;
}
.content_slider_v2 .content a {
  font-size: 2vw;
  color: white;
  transition: all 1s;
}
.content_slider_v2 .content a:hover {
  color: #f4c100;
  z-index: 99;
  position: relative;
}
.glide_header_track {
  width: 30%;
  height: 40%;
  position: absolute !important;
  overflow: hidden;
  right: 80px;
  bottom: 20%;
  display: block !important;
}
.glide_header_track .track_bg {
  background-size: auto 100%;
  cursor: pointer;
  border-radius: 30px;
  transition: all 0.5s;
  border: 3px #f4c100 solid;
  box-shadow: 0px 0px 10px 0px #00000030;
  width: 100%;
}
.glide_header_track > div {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10%;
}
.glide_header_track .track_bg:first-child {
  height: 70% !important;
  align-self: end;
}
.glide_header_track .track_bg:hover {
  background-size: auto 110%;
  z-index: 999;
  position: relative;
  box-shadow: 0px 0px 10px 0px #ffffff30;
  border: 3px white solid;
}
.glide_header_track .glide__bullet--active {
  background-size: auto 110%;
  z-index: 999;
  position: relative;
  box-shadow: 0px 0px 10px 0px #ffffff30;
  border: 3px white solid;
}
/**------------Footer------------**/
#footer_v2 {
  background-color: #3b1c15;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2350433f' fill-opacity='0.35' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: #d1d1d1;
}
.footerFL_v2 {
  width: 87.5%;
  margin: 0 auto;
  min-height: 100px;
  padding-top: 36px;
  padding-bottom: 36px;
  border-bottom: 1px #ffffff33 solid;
}
.footerFL_v2 .FLus {
  padding-left: 0;
  font-size: 26px;
  font-weight: 700;
}
.footerFL_v2 .wpcf7-email {
  height: 60px;
  width: 340px !important;
  border-radius: 28px !important;
}
.footerFL_v2 .wpcf7-email {
  background-image: url(https://cdn.jsdelivr.net/npm/bootstrap-icons/icons/envelope.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 16px center;
  padding-left: 50px;
  color: #868686;
}
.footerFL_v2 .wpcf7-email:focus-visible {
  color: #f4c100;
  outline: none;
}

.footerFL_v2 .wpcf7-submit {
  height: 60px;
  border-radius: 28px !important;
  background-color: #f4c100 !important;
  width: 140px !important;
}
.footer-first_v2 {
  width: 87.5%;
  margin: 30px auto;
}
.officeFooter img {
  width: 200px;
  margin-bottom: 20px;
}
.officeFooter h3 {
  font-size: 20px;
  font-weight: 600;
  color: #e0e0e0;
  margin-bottom: 12px;
  position: relative;
  padding-bottom: 4px;
}
.officeFooter h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: #125123; /* xanh logo nhấn nhẹ */
}
.footer-first_v2 ul li {
  list-style: none;
  font-size: 14px;
  margin-bottom: 10px;
  color: #e0e0e0;
}
.footer-first_v2 ul li a {
  color: #e0e0e0;
  text-decoration: none;
  transition: all 0.5s;
  font-size: 14px;
  width: 90%;
  display: block;
  text-transform: capitalize;
}
.footer-first_v2 ul li a i {
  font-size: 12px;
}
.footer-first_v2 ul li a:hover {
  color: #f4c100bd;
}
.footer-second_v2 {
  margin: auto;
  text-align: left;
  font-size: 16px;

  /* border-top: 1px #ffffff70 solid; */
  background-color: #f4c100;
  width: 100%;
  padding: 10px 6.25%;
}
.footer-second_v2 .text-left {
  color: #000000;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
}
.footer-social ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  width: fit-content;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  margin-bottom: 0;
}
.footer-social ul li {
  margin-right: 20px;
}
.dashicons-facebook::before {
  content: "\F344";
  font-family: "Bootstrap-icons";
  font-size: 24px;
  color: #4a4a4a;
}
.dashicons-twitter::before {
  content: "\F5EF";
  font-family: "Bootstrap-icons";
  font-size: 24px;
  color: #4a4a4a;
}
.dashicons-instagram::before {
  content: "\F437";
  font-family: "Bootstrap-icons";
  font-size: 24px;
  color: #4a4a4a;
}
.dashicons-youtube::before {
  content: "\F62B";
  font-family: "Bootstrap-icons";
  font-size: 24px;
  color: #4a4a4a;
}
.dashicons-facebook:hover::before {
  color: #3b5998;
  transition: all 0.5s;
}
.dashicons-twitter:hover::before {
  color: #00acee;
  transition: all 0.5s;
}
.dashicons-instagram:hover::before {
  color: #c13584;
  transition: all 0.5s;
}
.dashicons-youtube:hover::before {
  color: #ff0000;
  transition: all 0.5s;
}
.mainAboutUs {
  margin: 0 auto;
  width: 87.5%;
  background-image: url("https://venusvietnamtravel.com/wp-content/uploads/2025/03/world-map-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0;
}
.imageAboutUs {
  width: auto;
  min-height: 500px;

  padding: 0;
  border-radius: 16px;
  overflow: hidden;
}
.imageAboutUs img {
  width: auto;
  height: 100%;
  object-fit: cover;
}
.overHeading {
  font-size: 26px;
  color: #125234;
  font-weight: 100;
  letter-spacing: 2px;
  width: 100%;
}
.mainHeading {
  margin-top: 5px;
  color: #f4c100;
  font-size: 38px;
  font-weight: 600;
}
.mainAboutUs .text-content {
  font-size: 16px;
  line-height: 1.5;
  color: #4b4b4b;
}
.serviceItem {
  margin-top: 20px;
}
.serviceItem i {
  font-size: 32px;
  margin-right: 12px;
  color: #125234;
}
.venus_button_01 {
  display: block;
  width: fit-content;
  background-color: #f4c100;
  padding: 6px 12px;
  font-size: 18px;
  border-radius: 6px;
  color: white;
  margin: 20px 0 20px 0;
}
.venus_button_01:hover {
  background-color: #125234;
  transition: all 0.5s;
  color: white;
}
.venus_button_02 {
  display: block;
  width: fit-content;
  background-color: #125234;
  padding: 6px 12px;
  font-size: 18px;
  border-radius: 6px;
  color: white;
}
.venus_button_02:hover {
  background-color: #595959;
  transition: all 0.5s;
  color: white;
}
.venus_button_02 i .venus_button_01 i {
  font-size: 12px;
}
.textAboutUs {
  padding-left: 30px;
}
.mainTopDestination {
  padding: 60px 0;
  background-color: #efefef;
}
.mainTopDestination .content {
  width: 87.5%;
  margin: auto;
}
.mainTopDestination .content .topContent {
  width: 100%;
}
.listDestination {
  width: 100%;
  margin: 0;
}
.listDestination .cardDestination .image {
  width: 100%;
  aspect-ratio: 2 / 1;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 18px;
  text-align: center;
  color: #505050;
  font-size: 24px;
  font-weight: 600;
}
.listDestination .cardDestination {
  padding: 10px;
  background-color: #ffffff;
  border-radius: 28px;
  margin-top: 28px;
  position: relative;
}
.listDestination .cardDestination .destinationName_v2 {
  font-size: 22px;
  color: #000000;
  font-weight: 700;
}
.listDestination .cardDestination .contentDestination {
  margin-top: 10px;
  margin-bottom: 16px;
  padding-left: 8px;
  height: 60px;
}
.listDestination .cardDestination .contentDestinationTotal {
  border-radius: 18px;
  background-color: black;
  color: white;
  font-weight: 600;
  margin-bottom: 0;
  height: 76px;
  margin-top: 10px;
}
.listDestination .cardDestination .numTour_v2 {
  font-size: 18px;
  color: #505050;
  font-weight: 500;
  margin-left: 8px;
}
.listDestination .cardDestination .icon {
  position: absolute;
  z-index: 2;
  bottom: 30px;
  font-size: 24px;
  right: 36px;
  color: #505050;
  margin: 0;
}
.cardDestination:hover .destinationName_v2,
.cardDestination:hover .icon {
  color: #f4c100;
  transition: all 0.5s;
}
.cardDestination:hover {
  transform: translateY(-5px);
  box-shadow: 0px 0px 10px 0px #00000030;
  transition: all 0.5s;
}
.totalDestinationHeading {
  padding: 12px 10px;
  font-size: 24px;
}
.totalDestinationNumber {
  color: #b5b5b5;
  font-weight: 600;
  font-size: 18px;
  padding: 0 10px;
}
.mainService {
  width: 87.5%;
  margin: 60px auto;
}
.mainService .mainServiceItem {
  /* height: 260px; */
  background-color: #f4c100;
  padding: 20px;
  border-radius: 20px;
  width: 100%;
}
.mainService .mainServiceItem .overHeading {
  font-size: 18px;
  font-weight: 400;
  color: white;
}
.mainService .mainServiceItem .heading {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  color: #125234;
  line-height: 1.1;
  margin-top: 8px;
}
.mainService .card {
  padding: 20px;
  border-radius: 20px;
  position: relative;
}
.mainService .card i {
  position: absolute;
  top: 0;
  left: 20px;
  font-size: 50px;
  height: 50px;
  width: fit-content;
  color: #f4c100;
}
.mainService .card .heading {
  margin-top: 45px;
  font-size: 30px;
  color: #125234;
}
.url_01 {
  color: #125234;
  margin: 5px 0;
  font-weight: 500;
  font-size: 16px;
}
.url_01 i {
  font-size: 18px !important;
  margin-right: 8px;
  position: relative !important;

  left: 2px !important;
  color: #125234 !important;
}
.url_01:hover {
  color: #f4c100;
  transition: all 0.5s;
}
.mainBestSeller {
  background: url("https://venusvietnamtravel.com/wp-content/uploads/2025/03/Thiet-ke-chua-co-ten.png");
  background-repeat: repeat;
}
.mainBestSeller .content {
  width: 87.5%;
  margin: auto;
  padding: 60px 0;
}
.blockTour_vertical {
  background-color: white;
  box-shadow: 0px 0px 10px 0px #00000030;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 30px;
}
.blockTour_vertical_img {
  width: 100%;
  aspect-ratio: 16/9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.blockTour_vertical_img img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.blockTour_vertical_content {
  padding: 10px;
}
.blockTour_vertical_content .blockTour_vertical_content_title a {
  color: black;
  font-weight: 600;
  line-height: 1.1;
  display: block;
  font-size: 18px;
  min-height: 60px;
}
.blockTour_vertical .checkListTour {
  list-style: none;
  padding: 0;
  margin: 6px 0;
  display: flex;
  flex-wrap: wrap;
}
.blockTour_vertical .checkListTour li {
  font-size: 14px;
  margin-bottom: 5px;
  color: #3e3e3e;
}
.blockTour_vertical .checkListTour .numberOfDays,
.blockTour_vertical .checkListTour .countDestination {
  width: 50%;
}
.blockTour_vertical .checkListTour li i {
  font-size: 18px;
}
.blockTour_vertical .checkListTour .cashBack {
  color: #125234;
}
.tour-single-v2 .full-star,
.blockTour_vertical_content_review .full-star {
  color: #f4c100;
}
.tour-single-v2 .heading .topLike i,
.blockTour_vertical_content_review i {
  margin-right: 2px;
  font-size: 16px;
  color: #868686;
}
.blockTour_vertical_content_review {
  margin: 6px 0;
}
.blockTour_vertical_content_footer {
  margin: 6px 0 0 0;
}
.blockTour_vertical_content_footer .priceIndex {
  font-weight: 500;
  font-size: 14px;
  padding: 0;
}
.blockTour_vertical_content_footer .priceIndex span {
  color: #ff0000;
  font-size: 18px;
  font-weight: 800;
}
.blockTour_vertical_content_footer .permaLinkTour a {
  color: #868686;
  font-size: 24px;
}
.blockTour_vertical:hover .permaLinkTour a {
  color: #f4c100;
  transition: all 0.5s;
}
.blockTour_vertical:hover img {
  transform: scale(1.1);
  transition: all 0.5s;
}
.mainAchievements {
  background-size: cover;
  background-position-y: center;
}
.blockTour_vertical:hover .mainAchievements {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 60px 0;
}
.mainAchievements .content {
  width: 87.5%;
  margin: auto;
  gap: 8%;
}
.mainAchievements .subHeading {
  background-color: #ffffff70;
  padding: 20px;
  border-radius: 20px;
}
.mainAchievements .subHeading:hover {
  background-color: white;
  transition: all 0.5s;
}
.achievementBlock {
  width: 28%;
  margin-bottom: 30px;
}
.achievementItem img {
  height: 70px;
  width: auto;
  border-radius: 8px;
}
.achievementItem {
  padding: 20px;
  background-color: #ffffff9c;
  border-radius: 28px;
  overflow: hidden;
  position: relative;
}
.achievementItem .icon {
  text-align: center;
  margin-top: 38px;
}
.achievementItem .readMoreItem {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* width: fit-content; */
  text-align: center;
}
.achievementItem .readMoreItem a {
  height: 100%;
  background-color: #938c8c;
  width: fit-content;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px 6px 0 0;
  color: white;
}
.achievementItem .itemContent {
  min-height: 100px;
  text-align: center;
}
.achievementItem:hover {
  transform: translateY(-5px);
  box-shadow: 0px 0px 10px 0px #00000030;
  transition: all 0.5s;
  background-color: #fff;
}
.achievementItem:hover a {
  background-color: #f4c100;
  transition: all 0.5s;
}
.mainBlog {
  padding: 60px 0;
  background: url("https://venusvietnamtravel.com/wp-content/uploads/2025/03/Thiet-ke-chua-co-ten.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.mainBlog .content {
  width: 87.5%;
  margin: auto;
}
.mainBlog .content .buttonTopBlog {
  color: #125234;
  border: 1px #125234 solid !important;
  background-color: unset;
  border-radius: 5px;
}
.mainBlog .content .buttonTopBlog:hover {
  background-color: #125234 !important;
  color: white;
  transition: all 0.5s;
}
.mainBlogPostCard {
  border-radius: 28px;
  overflow: hidden;
  background-color: white;
  box-shadow: 0px 0px 10px 0px #00000030;
}
.mainBlogPostCard .middleContent {
  padding: 20px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #ffffff;
  /* position: absolute; */
  bottom: 0;
  transform: translateY(-20px);
  height: 160px;
}
.slideMainBlog {
  margin-top: 50px;
  position: relative;
}
.slideMainBlog .glide__arrows {
  position: absolute;
  top: -60px;
  right: 0;
}
.slideMainBlog ul {
  padding: 0;
}
.slideMainBlog h3 a {
  color: black;
  font-size: 20px;
  line-height: 1.2;
  display: block;
  margin: 8px 0;
}
.slideMainBlog .img {
  overflow: hidden;
}
.slideMainBlog .img img {
  height: 240px;
  width: 100%;
}
.slideMainBlog .topContent span {
  margin-right: 46px;
  color: #595959;
}
.slideMainBlog .readMore {
  position: absolute;
  right: 30px;
  bottom: 30px;
  color: #515151;
  font-weight: 500;
  /* background-color: black; */
  border: 1px #ababab solid;
  padding: 4px 12px;
  border-radius: 5px;
}
.mainBlogPostCard:hover .readMore {
  background-color: #f4c100;
  color: white;
  transition: all 0.5s;
}
.mainBlogPostCard:hover h3 a {
  color: #f4c100;
  transition: all 0.5s;
}
.mainBlogPostCard:hover img {
  transform: scale(1.1);
  transition: all 0.5s;
}
.slideMainBlog .glide__arrow {
  background-color: unset;
  border-radius: 5px;
  color: #125234;
}
.slideMainBlog .glide__arrow:hover {
  background-color: #125234;
  color: white;
  transition: all 0.5s;
}
.slideMainBlog .viewAll {
  position: absolute;
  right: 0;
  margin: 0 !important;
}
.activeButtonBlog {
  background-color: #125234 !important;
  color: white !important;
  transition: all 0.5s;
}
.mainCustomersSay {
  padding: 60px 0;
  background-color: #ececec;
}
.mainCustomersSay .content {
  width: 87.5%;
  margin: auto;
}
.mainCustomersSay .content h2 {
  color: #125234;
  font-weight: 600;
  font-size: 32px;
  width: 100%;
  text-align: left;
}
.slideCustomerSay {
  width: 100%;
  margin-top: 40px;
  position: relative;
}
.slideCustomerSay .topCard .img {
  width: 80px;
  overflow: hidden;
  height: 80px;
  border-radius: 40px;
}
.slideCustomerSay .topCard {
  display: flex;
}
.slideCustomerSay .topCard .content {
  width: 70%;
}
.slideCustomerSay .mainCard {
  font-size: 14px;
  color: #575757;
  margin-top: 16px;
  margin-bottom: 8px;
  min-height: 100px;
  max-height: 100px;
  overflow: hidden;
}
.slideCustomerSay .mainCard:hover {
  max-height: 500px;
  transition: all 1s;
  overflow: visible;
}
.slideCustomerSay .mainCard p {
  font-size: 15px;
  font-weight: 300;
}
.slideCustomerSay .bottomCard {
  display: flex;
}
.slideCustomerSay .bottomCard .rating {
  width: 50%;
  color: #f4c100;
}
.slideCustomerSay .bottomCard .rating i {
  margin-right: 2px;
}
.slideCustomerSay .blogItemCard {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0px 5px 5px 0px #00000030;
}
.slideCustomerSay .glide__arrow {
  background-color: unset;
  border-radius: 5px;
  color: #125234;
}
.slideCustomerSay .glide__arrow:hover {
  background-color: #125234;
  color: white;
  transition: all 0.5s;
}
.slideCustomerSay .glide__arrows {
  position: absolute;
  top: -60px;
  right: 0;
}
.menu-mobile-icon {
  display: none;
}
.trips-banner-category {
  background-size: cover;
  min-height: 400px;
  position: relative;
  background-position-y: center;
}
.trips-banner-category .category-title {
  position: absolute;
  top: 50%;
  text-align: center;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}
.trips-banner-category .category-title h1 {
  font-size: 3.5vw;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
}
.cat_listTrip {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
  background-color: #f6f6f6;
}
.cat_listTrip .content {
  width: 87.5%;
  margin: auto;
}
.sortTrips .input-group {
  align-self: end;
  border-radius: 12px;
  overflow: hidden;
}
.sortTrips .input-group-text {
  background-color: #f4c100;
  border: unset;
  color: white;
  font-size: 16px;
  border-radius: 20px 0 0 20px;
}
.sortTrips .custom-select {
  border-radius: 0 20px 20px 0;
  color: #767676;
}
.sortTrips .custom-select:focus {
  outline: #f4c100 !important;
  box-shadow: unset !important;
}
.listTrips {
  position: relative;
  margin-bottom: 50px;
}
.listTripsContainer {
  position: relative;
  min-height: 300px;
}
.tripsPagination {
  position: absolute;
  right: 0;
  bottom: -60px;
  background-color: white;
  box-shadow: 0 0 3px 0 #0000005c;
  padding: 3px 16px;
  border-radius: 18px;
}
.tripsPagination button {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background-color: #c0c0c0;
  border: unset !important;
  margin-right: 8px;
}
.tripsPagination .paginationActive {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  border: unset !important;
  margin-right: 8px;
  background-color: #f4c100 !important;
  color: white !important;
  transition: all 0.5s;
  box-shadow: 0 0 3px 0 #545454;
}
.tripsPagination button:hover {
  background-color: #f4c100 !important;
  color: white !important;
  transition: all 0.5s;
  box-shadow: 0 0 3px 0 #545454;
}
.archive-headBar {
  position: relative;
}
.archive-headBar .sortTrips {
  position: absolute;
  right: 0;
  bottom: 0;
}
#loading {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  z-index: 9999;
  background-color: #ffffff57;
}
#loading img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.header-single-menu {
  background-color: #f0ffff !important;
}
.header-single-menu .menu-item a {
  color: black !important;
}
.tour-single-v2 {
  width: 87.5%;
  margin: 60px auto 30px auto;
  /* padding: 60px 0; */
}
.tour-single-v2 .heading {
  position: relative;
}
.tour-single-v2 .heading .socialShare {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
}
.galleryTour {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  height: 500px;
  overflow: hidden;
  border-radius: 28px;
  margin-top: 36px;
}
.galleryTour .flex-1 {
  width: calc(100vw / 3);
  height: 500px;
  overflow: hidden;
}
.galleryTour .flex-2 {
  width: calc(100vw / 3 * 2);
  height: 500px;
  overflow: hidden;
}
.galleryTour .flexDis {
  display: flex;
  gap: 20px;
  height: 240px;
  overflow: hidden;
}
.galleryTour .image-rb {
  height: 240px;
  margin-top: 20px;
}
.galleryTour .flexDis .flex-child-1 {
  flex: 1;
}
.galleryTour .flexDis .flex-child-2 {
  flex: 1;
}
.galleryTour img {
  height: 100%;
  width: 100%;
}
.showGalleryButton {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 20px 0 28px 0;
  padding: 8px 20px;
  border-top: 1px #f4c100 solid !important;
  border-left: 1px #f4c100 solid !important;
  border-right: unset !important;
  border-bottom: unset !important;
  background-color: #0000007d;
  color: white;
}
.showGalleryButton:hover {
  background-color: #f4c100 !important;
  color: white !important;
  transition: all 0.5s;
}
.mainTour .highlightAndInfo .info {
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.flex-normal {
  flex: 1 1 calc(25% - 20px);
}
.tourMaxim {
  margin-top: 36px;
  color: #494747;
  font-style: italic;
}
.tourContent {
  display: flex;
  margin-top: 36px;
  flex-wrap: nowrap;
  gap: 36px;
}
.tourContent .mainTour {
  flex: 1 1 75%;
}
.tourContent .bookingSideBar {
  flex: 1 1 25%;
}
.tourContent .highlightAndInfo {
  border-radius: 20px;
  border: 1px #d3d3d3 solid;
  padding: 20px;
}
.tourContent h2 {
  font-size: 24px;
  font-weight: bold;
  color: black;
}
.tourContent ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tourContent .highlightAndInfo .highlight li::before {
  content: "\F633";
  font-family: "Bootstrap-icons";
  margin-right: 8px;
  font-size: 16px;
  color: #125234;
}
.tourContent .highlightAndInfo .info i {
  font-size: 30px;
  margin-right: 8px;
  color: #f4c100;
}
.tourContent .highlightAndInfo .info p {
  color: #125234;
}
.tourContent .tourDetails {
  margin-top: 36px;
  border: 1px #d3d3d3 solid;
  padding: 20px;
  border-radius: 20px;
}
.tourContent .bCieTour {
  margin-top: 36px;
  border: 1px #d3d3d3 solid;
  padding: 20px;
  border-radius: 20px;
}
.tourContent h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0;
  margin-top: 20px;
}
.knownBf li::before {
  content: "\F633";
  font-family: "Bootstrap-icons";
  margin-right: 8px;
  font-size: 16px;
  color: #125234;
}

/* cancel */
.cancelPlc li::before {
  content: "\F633";
  font-family: "Bootstrap-icons";
  margin-right: 8px;
  font-size: 16px;
  color: #125234;
}
.include li::before {
  content: "\F633";
  font-family: "Bootstrap-icons";
  margin-right: 8px;
  font-size: 16px;
  color: #125234;
}
.exclude li::before {
  content: "\F659";
  font-family: "Bootstrap-icons";
  margin-right: 8px;
  font-size: 16px;
  color: red;
}
.tourContent .price-tour {
  margin-top: 36px;
  padding: 20px;
  border-radius: 20px;
}
.makeIcon i {
  color: #125234;
}
.topLike span i {
  color: red !important;
}
.topLike span {
  background-color: #d7d4d4;
  padding: 3px 6px;
  border-radius: 3px;
  margin-right: 8px;
}
.tour-single-v2 h1 {
  font-size: 28px;
  font-weight: bold;
  color: black;
}
.bookingNav {
  padding: 10px 20px;
  border-radius: 20px;
  box-shadow: 0 0 3px 0 #c4c4c4;
  flex-wrap: wrap;
}
.bookingNav .priceBlock {
  width: 35%;
}
.bookingNav .toBookingButton {
  width: 65%;
}
.bookingNavFixed {
  position: fixed;
  top: 150px;
  /* right: 0; */
  width: fit-content;
}
.socialIconShare {
  font-size: 24px;
  margin-left: 8px;
  cursor: pointer;
}
.socialIconShare:hover i {
  color: #f4c100;
  transition: all 0.5s;
}
.socialIconShare .bi-facebook {
  color: #3b5998;
}
.socialIconShare .bi-twitter {
  color: #00acee;
}
.socialIconShare .bi-envelope-arrow-up-fill {
  color: #ff0000;
}
.socialIconShare .bi-cloud-arrow-down-fill {
  color: #125234;
}
.priceBlock .from {
  font-style: italic;
}
.priceBlock .price {
  font-size: 24px;
  font-weight: bold;
  color: black;
}
.priceBlock .per {
  font-size: 14px;
  font-weight: 400;
}
.toBookingButton {
  position: relative;
  align-self: center;
  text-align: center;
}
.toBookingButton button {
  background-color: #ffa500;
  color: white;
  font-size: 16px;
  border-radius: 10px;
  box-shadow: 0 2px 2px 0 #00000047;
}
.toBookingButton button:hover {
  background-color: #125234;
  color: white;
  transition: all 0.5s;
  box-shadow: 0 2px 2px 0 #00000047;
}
.bookingNav hr {
  width: 100%;
  margin: 5px 0;
}
.ft-bk i {
  font-size: 36px;
  color: #ffa500;
  margin-right: 8px;
  line-height: 1;
}
.ft-bk span {
  text-decoration: underline;
  font-weight: 500;
}
.listDate {
  padding-top: 20px;
  position: relative;
}
.listDate:last-child::before {
  bottom: 0 !important;
}
.timeLineDetails {
  padding-bottom: 20px !important;
  border-bottom: 1px #d3d3d3 solid;
}

.listDate::before {
  content: "";
  position: absolute;
  left: calc(-5% + 11px);
  top: 0;
  top: 43px;
  bottom: -22px;
  width: 2px;
  background-color: #12512363;
}
.listDate h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: #125123;
  cursor: pointer;
}
.listDate h3:hover {
  color: #f4c100;
  transition: all 0.5s;
}
.listDate h3 i {
  position: absolute;
  left: -5%;
  font-size: 24px;
}
.listDate h3 span {
  font-weight: 700;
}
.timelinesContent {
  margin-top: 20px;
  transition: all 0.5s;
}
.timelinesDetails-hidden {
  max-height: 0;
  overflow: hidden;
}
.timeLineIcon {
  color: #125123;
  font-weight: 700;
  font-size: 16px;
}
.timeLineIcon i {
  margin-right: 8px;
}
.serviceTimelinesDetails * {
  font-size: 14px;
}
.serviceTimelinesDetails {
  background-color: #f4f4f4;
  padding: 5px 16px !important;
  border-radius: 10px;
  margin-top: 5px !important;
}
.timeLineContent {
  font-size: 15px;
  font-style: italic;
}
.serviceTitle {
  color: #125123 !important;
  font-weight: 700;
  margin-top: 5px;
}
.tourDetailsContent {
  width: 95%;
  margin-left: 5%;
  position: relative;
}
.collapseButton {
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 20px;
}
.collapseButton i {
  position: relative !important;
  left: 0 !important;
  font-size: 20px !important;
}
.priceNoteV2 ul {
  font-size: 14px !important;
  font-weight: 300 !important;
}
.tourPaymentOnline {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 20px;
  margin-top: 36px;
  border: 2px #125123 solid;
}
.priceTable legend {
  font-size: 18px;
  font-weight: bold;
  color: #125123;
}
.optionInfo {
  font-weight: 500;
  font-size: 16px;
}
.infoPm p {
  color: #125123;
  font-size: 14px;
}
.paymentOnlineButton {
  border: 1px #125123 solid !important;
  background-color: WHITE;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 700;
  color: #125123;
  letter-spacing: 1px;
}
.paymentOnlineButton:hover {
  background-color: #125123 !important;
  color: white !important;
  transition: all 0.5s;
}
.selectTime {
  display: inline-block;
  padding: 3px 10px;
  margin: 5px 5px 5px 0;
  border: 2px solid #ccc;
  border-radius: 8px;
  background-color: #f9f9f9;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
}

.selectTime:hover {
  border-color: #125123;
  background-color: #e6f0ff;
  color: #125123;
}

.selectedTime {
  color: #125123;
  font-weight: bold;
}
.selectedDate {
  color: #125123;
  font-weight: bold;
}
.stickyMenu .menu-item > a {
  /* color: rgb(0, 0, 0) !important; */
}
.stickyMenu .menu-item ul li a {
  /* color: #ffffff !important; */
}
.footer-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.footer-section.reveal {
  opacity: 1;
  transform: translateY(0);
}