/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* UTM Avo */
@font-face {
    font-family: 'UTM Avo';
    src: url('fonts/UTM Avo.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'UTM Avo';
    src: url('fonts/UTM AvoBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'UTM Avo';
    src: url('fonts/UTM AvoItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'UTM Avo';
    src: url('fonts/UTM AvoBold_Italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
  }
  
  /* Great Vibes */
  @font-face {
    font-family: 'Great Vibes';
    src: url('fonts/GreatVibes-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  /* The Nautigal */
  @font-face {
    font-family: 'The Nautigal';
    src: url('TheNautigal-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'The Nautigal';
    src: url('TheNautigal-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  
  body,
  p,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  input,
  textarea,
  select {
    font-family: "UTM Avo", sans-serif;
  }
  
  .footer-company-info {
    text-align: center;
    padding: 20px 0;
  }
  
  .footer-company-info h2 {
    font-family: "UTM Avo", sans-serif;
    color: #000;
    font-weight: 700;
    font-size: 20px;
    margin: 0;
  }
  
  .footer-widget-title h5 {
    color: #000;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 15px 0;
  }
  
  .footer-slogan {
    text-align: center;
    padding: 20px 0;
  }
  
  .footer-slogan h3 {
    color: #ffffff;
    text-transform: uppercase;
    font-family: "UTM Avo", sans-serif;
    font-weight: 700;
    font-size: 32px;
    font-style: normal;
    line-height: normal;
    margin: 0 0 8px 0;
  }
  
  .footer-slogan p {
    color: #ffffff;
    font-family: "Great Vibes", cursive;
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    margin: 0;
  }
  
  .footer-contact-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .footer-contact-list ul li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    font-family: "UTM Avo", sans-serif;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  
  .footer-contact-list ul li i {
    color: #ffffff;
    width: 16px;
    text-align: center;
    margin-top: 3px;
    flex-shrink: 0;
  }
  
  .footer-contact-list ul li a {
    color: #ffffff;
    text-decoration: none;
  }
  
  .footer-contact-list ul li a:hover {
    color: #ffffff;
    text-decoration: underline;
  }
  
  .footer-social-list {
    display: inline-flex;
    gap: 15px;
    align-items: center;
  }
  
  .footer-social-list .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #3b5998;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    transition: transform 0.3s, opacity 0.3s;
  }
  
  .footer-social-list .social-icon:nth-child(2) {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  }
  
  .footer-social-list .social-icon:nth-child(3) {
    background: #000;
  }
  
  .footer-social-list .social-icon:hover {
    transform: scale(1.1);
    opacity: 0.9;
  }
  
  .footer-copyright {
    font-family: "UTM Avo", sans-serif;
    font-style: italic;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    line-height: normal;
    margin-top: 15px;
  }
  
  .xc-section-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    margin: 0;
    padding: 10px 0;
    display: inline-block;
  }
  
  /* Custom Footer Menu Styles */
  .footer-menu .ux-menu-link__link {
    color: #000 !important;
    font-family: "UTM Avo", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none;
    /* Ensure no unwanted uppercase */
  }
  
  .footer-menu .ux-menu-link__link:hover {
    text-decoration: underline;
    opacity: 0.8;
  }
  
  .footer-widget-title h5 {
    color: #000;
    font-family: "UTM Avo", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: none;
    margin: 0 0 15px 0;
  }
  
  /* Màu cam */
  .xc-section-title.orange {
    color: #FF9A2F;
  }
  
  /* Màu xanh */
  .xc-section-title.green {
    color: #77C841;
  }
  
  /* Màu trắng */
  .xc-section-title.text-white {
    color: #fff;
  }
  
  /* Có bottom border */
  .xc-section-title.border {
    border-bottom: 3px solid currentColor;
    padding-bottom: 8px;
  }
  
  /* Có background trắng và border radius */
  .xc-section-title.white {
    color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
  }
  
  .xc-section-title-highlight {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: #52577A;
    background: #fff;
    border-radius: 10px;
    padding: 15px 25px;
    margin: 0 auto;
    width: fit-content;
  }
  
  /* Box dịch vụ */
  .box-dich-vu h4 {
    color: rgb(254, 154, 46);
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-size: 32px;
    /* cho chữ to hơn */
    /* Dùng text-shadow để tạo viền trắng quanh chữ, đỡ bị vỡ hơn text-stroke */
    text-shadow:
      -1px 0 0 #ffffff,
      0 1px 0 #ffffff,
      1px 0 0 #ffffff,
      0 -1px 0 #ffffff;
  }
  
  .xc-section-title-highlight {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: #77C841;
    background: #fff;
    border-radius: 10px;
    padding: 15px 25px;
    margin: 0 auto;
    width: fit-content;
  }
  
  /* Khối Đăng ký tư vấn */
  .dang-ky-tu-van {
    background-color: #FA632A;
    padding: 100px 50px;
    color: #ffffff;
  }
  
  .dang-ky-tu-van .xc-section-title {
    margin-top: 0;
    margin-bottom: 30px;
  }
  
  .dang-ky-tu-van .wpcf7-form-control {
      width: 90%;
      max-width: 90%;
      margin-bottom: 20px;
      height: 55px;
      background: #ECECEC;
      border-radius: 20px;
      font-size: 18px;
      padding-left: 25px;
  }
  
  /* Chỉ đổi nền xám cho các field nhập liệu, không ảnh hưởng nút submit */
  .dang-ky-tu-van input[type="text"],
  .dang-ky-tu-van input[type="tel"],
  .dang-ky-tu-van input[type="email"],
  .dang-ky-tu-van input[type="url"],
  .dang-ky-tu-van input[type="number"],
  .dang-ky-tu-van input[type="date"],
  .dang-ky-tu-van textarea {
    background-color: #f5f5f5;
  }
  
  .dang-ky-tu-van .wpcf7-form-control.wpcf7-submit {
        width: auto;
      cursor: pointer;
      display: block;
      margin: 15px auto 0;
      background: #78C841;
      box-shadow: none;
      border-radius: 5px;
      padding: 5px 35px;
  }
  
  /* ===== Home Blog Section ===== */
  
  /* Tiêu đề luôn hiển thị 2 dòng (nếu dài hơn thì ẩn bớt) */
  .xc-home-blog .post-title a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
      font-size:17px;
	      font-family: "UTM Avo", sans-serif;
	    color:rgba(82, 87, 122, 1);
  }
  .xc-home-blog .box-image {
    vertical-align: top;
}
.xc-home-blog .box-text.text-left.is-xsmall {
    padding: 0px 20px 0px 30px;
}

  /* Mô tả ngắn luôn 4 dòng, phần thừa bị ẩn */
  .xc-home-blog .from_the_blog_excerpt {
 display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px !important;
	  color:rgba(82, 87, 122, 1);
  }
  
  /* Ẩn gạch chia trong khối blog home */
  .xc-home-blog .is-divider {
    display: none;
  }
  
  /* Dùng flex để căn nút "Xem thêm" về bên phải */
  .xc-home-blog .box-text-inner.blog-post-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  
  /* Style nút "Xem thêm": bỏ outline, viết thường, có >> trước/sau, căn phải, màu xanh #77C841 */
  .xc-home-blog .button.is-outline.is-small.mb-0 {
    background: none;
    border: none;
    box-shadow: none;
    text-transform: none;
    color: #77C841;
    padding: 0;
    margin-top: auto;
    margin-left: auto;
    /* đẩy nút sang phải trong flex */
    font-weight: 400;
    /* chữ mỏng */
    font-style: italic;
    /* chữ in nghiêng */
    align-self: flex-end;
    /* đảm bảo căn phải kể cả có text-center */
    text-align: right;
      font-size:16px;
  }
  
  .xc-home-blog .button.is-outline.is-small.mb-0::before {
    content: ">> ";
  }
  
  .xc-home-blog .button.is-outline.is-small.mb-0::after {
    content: " >>";
  }
  
  /* Slider tour: bo tròn ảnh item-tour */
  .item-tour .ux-logo-image {
    border-radius: 30px;
    overflow: hidden;
  }
  
  /* Ribbon "Hot" cho item-tour có class xc-label-hot */
  .item-tour.xc-label-hot .ux-logo-link {
    position: relative;
    overflow: visible;
  }
  
  .item-tour.xc-label-hot .ux-logo-link::after {
    content: "HOT";
    --f: .5em;
    /* control the folded part*/
    --r: .8em;
    /* control the ribbon shape */
  
    position: absolute;
    top: 20%;
    right: 10px;
    transform: translateY(-50%);
    padding-inline: .25em;
    line-height: 1.8;
    background: rgb(254, 154, 46);
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: var(--f) solid rgba(0, 0, 0, 0.3);
    border-left: var(--r) solid transparent;
    clip-path:
      polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%,
        calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)),
        var(--r) calc(50% - var(--f)/2));
    pointer-events: none;
    z-index: 10;
    letter-spacing: 0.5px;
  }
  
  .xc-title-why {
    font-family: "UTM Avo", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #fff;
    background: #FA632A;
    border-radius: 43px;
    padding: 18px 30px;
    margin: 0 auto;
    width: fit-content;
  }
  
  @media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
  
  
  }
  
  /* Ẩn absolute footer */
  .absolute-footer {
    display: none !important;
  }
  
  .box-why {
    display: flex;
    align-items: flex-end;
    gap: 8px;
  }
  
  .box-why-number {
    display: flex;
    align-items: flex-start;
  }
  
  .box-why-number .number {
    font-size: 180px;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(to bottom, #c8ca42, #6fbf44);
    background-clip: border-box;
    /* Added standard property first if needed, but text clip overrides */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  
  .box-why-number .symbol {
    font-size: 22px;
    font-weight: 700;
    color: #77C841;
    line-height: 1;
    margin-top: 5px;
  }
  
  .box-why-text {
    font-size: 20px;
    font-weight: 700;
    color: #FF9A2F;
    line-height: 1.3;
    padding-bottom: 10px;
  }
  
  /* Box Why 2: symbol + căn giữa theo chiều dọc */
  .box-why-2 .box-why-number .symbol {
    align-self: center;
    margin-top: 0;
  }
  
  /* Box Why 3: dùng absolute */
  .box-why-3 {
    position: relative;
    align-items: flex-end;
  }
  
  .box-why-3::before {
    content: attr(data-label);
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 18px;
    font-weight: 700;
    color: #FF9A2F;
    font-style: italic;
  }
  
  .box-why-3::after {
    content: attr(data-desc);
    position: absolute;
    bottom: -30px;
    left: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #FF9A2F;
    line-height: 1.3;
    white-space: nowrap;
  }
  
  .box-why-3 .box-why-number {
    align-items: flex-end;
  }
  
  .box-why-3 .box-why-number .symbol {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 12px;
  }
  
  /* Custom Save Label */
  .cs-box--3::before {
    content: "Tiết kiệm";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 161px;
    text-align: center;
    color: #52577A;
    font-family: "UTM Avo", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  
  .cs-label {
    white-space: nowrap !important;
    display: inline-flex !important;
  }
  
  .cs-img--1 img {
    width: 196px !important;
    height: 129px !important;
    aspect-ratio: 196/129 !important;
    object-fit: contain !important;
  }
  
  .cs-img--2 img {
    width: 276px !important;
    height: 127px !important;
    aspect-ratio: 276/127 !important;
    object-fit: contain !important;
  }
  
  .cs-img--3 img {
    width: 193px !important;
    height: 129px !important;
    aspect-ratio: 193/129 !important;
    object-fit: contain !important;
      transform: scale(0.8);
  }
  
  
  
  
  
  
  .xc-section-title-tour {
    color: #FA632A;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
    font-family: "UTM Avo", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    width: fit-content;
  }
  
  .xc-section-title-tour::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 2px;
    width: 165px;
    height: 3px;
    background: #78C841;
  }
  
  /* ===== Tour Category Styles ===== */
  .xc-section-title.orange {
    color: #FA632A !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 32px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: none !important;
    /* Reset uppercase if inherited */
  }
  
  .xc-section-title-highlight {
    color: #52577A !important;
    /* Green */
    text-align: center !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 38px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
  }
  
  .xc-tour-category-title {
    color: #FB4141;
    text-align: center;
    font-family: "UTM Avo", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
  
  /* Tour Category Banner */
  .xc-tour-category-banner {
    width: 100%;
    height: auto;
    aspect-ratio: 1440 / 540;
    /* 8/3 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  /* Tour Item Styles */
  /* Tour Item Styles */
  .xc-tour-item .box-text {
    padding: 20px;
  }
  
  .xc-tour-item .box {
    background: #FFFFFF;
    border: 1px solid #AFAFAF;
    /* Optional rounded corners for card */
    overflow: hidden;
    height: 100%;
  }
  
  .xc-tour-item .box-image .image-cover {
    width: 100%;
    padding-top: 71.17%;
    /* Aspect Ratio 399/284 */
  }
  
  /* Title */
  .xc-tour-item .post-title {
    color: #000;
    text-align: center;
    font-family: "UTM Avo", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
    text-transform: none;
  }
  
  .xc-tour-item .post-title a {
    color: #000;
    text-transform: uppercase !important;
  }
  
  /* Meta Data */
  .xc-tour-item .xc-tour-ngay-khoi-hanh,
  .xc-tour-item .xc-tour-thoi-gian,
  .xc-tour-item .xc-tour-gia {
    color: #737373;
    font-family: "UTM Avo", sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    margin: 5px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    /* space between icon and text */
  }
  
  /* Add icons via ::before */
  .xc-tour-item .xc-tour-ngay-khoi-hanh::before {
    content: "\f073";
    /* calendar-alt */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #737373;
    width: 16px;
    text-align: center;
  }
  
  .xc-tour-item .xc-tour-thoi-gian::before {
    content: "\f017";
    /* clock */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #737373;
    width: 16px;
    text-align: center;
  }
  
  .xc-tour-item .xc-tour-gia::before {
    content: "\f3d1";
    /* money-bill-alt */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #737373;
    width: 16px;
    text-align: center;
  }
  
  /* Hide labels 'Ngay khoi hanh:', 'Thoi gian:', etc. if you modify template, 
     but assuming current template prints "<strong>Label:</strong> Value", 
     we can just style the whole line or hide strong tag if needed. 
     For now keeping as is, but styling the whole block. */
  
  .xc-tour-item .xc-tour-gia strong,
  .xc-tour-item .xc-tour-ngay-khoi-hanh strong,
  .xc-tour-item .xc-tour-thoi-gian strong {
    font-weight: 400;
    /* reset bold */
  }
  
  /* Price specific overwrite if still want red? User said gray #737373 
     but "Giá chỉ" distinct? Request says "Giá chỉ ... color: #737373" so sticking to gray. */
  
  /* Button */
  .xc-tour-btn-wrap {
    text-align: right;
    margin-top: 15px;
  }
  
  .xc-tour-btn {
    display: inline-block;
    border-radius: 20px;
    background: #FA632A;
    color: #FFF;
    text-align: center;
    font-family: "UTM Avo", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 8px 15px;
    text-transform: none;
    /* Reset flatsome button casing if needed */
    text-decoration: none;
    transition: background 0.3s;
  }
  
  .xc-tour-btn:hover {
    background: #e68a29;
    color: #FFF;
  }
  
  /* Single Tour Styles */
  .xc-tour-single-title {
    color: #FB4141;
    text-align: center;
    font-family: "UTM Avo", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  
  .xc-tour-featured-image img {
    border-radius: 8px;
  }
  
  .xc-tour-meta p {
    font-size: 16px;
    line-height: 1.6;
  }
  
  .xc-tour-highlights h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  
  .xc-tour-highlights-content {
    font-size: 16px;
    line-height: 1.8;
  }
  
  /* Itinerary Accordion */
  .xc-tour-itinerary-title {
    color: #FB4141;
    font-weight: 700;
    text-align: center;
    font-size: 32px;
    margin-bottom: 30px;
  }
  
  .xc-tour-day-item .accordion-title {
    font-weight: 600;
    font-size: 18px;
    padding: 15px 20px;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
  }
  
  .xc-tour-day-item .accordion-inner {
    padding: 20px;
    background: #fff;
  }
  
  .xc-tour-day-content {
    font-size: 16px;
    line-height: 1.8;
  }
  
  /* Tour Tabs */
  .xc-tour-tabs .tabs-nav {
    border-bottom: 2px solid #FB4141;
    margin-bottom: 20px;
  }
  
  .xc-tour-tabs .tab-title a {
    color: #666;
    font-weight: 600;
    padding: 15px 25px;
  }
  
  .xc-tour-tabs .tab-title.active a {
    color: #FB4141;
    border-bottom: 3px solid #FB4141;
  }
  
  .xc-tour-tab-content {
    font-size: 16px;
    line-height: 1.8;
    padding: 20px 0;
  }
  
  /* More Tours Button */
  .xc-tour-more-button {
    background: #FB4141;
    color: #fff;
    padding: 15px 40px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    transition: all 0.3s;
  }
  
  .xc-tour-more-button:hover {
    background: #d93636;
    color: #fff;
  }
  
  /* Responsive */
  @media only screen and (max-width: 48em) {
  
    .xc-tour-category-title,
    .xc-tour-single-title {
      font-size: 32px;
    }
  
    .xc-tour-itinerary-title {
      font-size: 24px;
    }
  }
  
  .xc-page-title {
    color: #52577A;
    text-align: center;
    font-family: "UTM Avo", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
  
  .company-name {
    color: #FB4141;
    text-align: center;
    font-family: "UTM Avo", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
  }
  
  .thong-tin-lien-he .title {
    color: #000;
    font-family: "UTM Avo", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
  }
  
  .thong-tin-lien-he ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .thong-tin-lien-he ul li {
    color: #000;
    font-family: "UTM Avo", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
  }
  
  .thong-tin-lien-he ul li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .thong-tin-lien-he ul li.address::before {
    content: "\f3c5";
  }
  
  .thong-tin-lien-he ul li.phone::before {
    content: "\f095";
  }
  
  .thong-tin-lien-he ul li.email::before {
    content: "\f0e0";
  }
  
  .thong-tin-lien-he ul li.tax::before {
    content: "\f570";
  }
  
  .thong-tin-lien-he ul li a {
    color: #000;
    text-decoration: none;
  }
  
  .thong-tin-lien-he ul li a:hover {
    text-decoration: underline;
  }
  
  .logo-lien-he {
    margin: 0 auto;
  }
  
  /* Custom Blog Post Loop in Category */
  .xc-category-content .post-item .box-image .image-cover {
    width: 367px;
    height: 367px;
    padding-top: 0 !important;
    margin: 0 auto;
    /* Center if column is wider */
  }
  
  .xc-category-content .post-item .post-title {
    font-family: "UTM Avo", sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 5px;
    text-transform: none;
    /* Disable uppercase */
  
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    /* 26px * 2 */
  }
  
  /* ===== Tuyển Dụng Styles ===== */
  .xc-job-item {
    width: 100%;
    max-width: 1179px;
    height: 241px;
    border-radius: 46px;
    border: 1px solid #C2C2C2;
    background: #FFF;
    display: flex;
    align-items: center;
    margin: 0 auto 30px;
    position: relative;
    overflow: hidden;
    /* Ensure rounded corners */
  }
  
  .xc-job-image-wrapper {
    width: 325px;
    height: 241px;
    border-radius: 46px;
    background: #78C841;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  .xc-job-image-inner {
    width: 258px;
    height: 184px;
    border-radius: 21px;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  
  .xc-job-image-inner img {
    width: 221px;
    height: 76px;
    object-fit: contain;
  }
  
  .xc-job-info {
    padding: 20px 40px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .xc-job-title {
    margin: 0 0 10px;
    line-height: 1.2;
  }
  
  .xc-job-title a {
    font-family: "UTM Avo", sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
  }
  
  .xc-job-meta {
    color: #000;
    font-family: "UTM Avo", sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  
  .xc-job-meta-item {
    margin-bottom: 5px;
    font-size: 25px;
  }
  
  .xc-job-btn {
    position: absolute;
    bottom: 25px;
    right: 35px;
    width: 55px;
    height: 55px;
    display: block;
    transition: transform 0.3s;
  }
  
  .xc-job-btn:hover {
    transform: scale(1.1);
  }
  
  /* Tuyển Dụng Responsive */
  @media only screen and (max-width: 850px) {
    .xc-job-item {
      flex-direction: column;
      height: auto;
      width: 95%;
      border-radius: 20px;
      padding-bottom: 20px;
    }
  
    .xc-job-image-wrapper {
      width: 100%;
      border-radius: 20px 20px 0 0;
      height: 200px;
    }
  
    .xc-job-info {
      padding: 20px;
      width: 100%;
    }
  
    .xc-job-btn {
      margin: 10px 0 0 auto;
    }
  }
  
  .xc-category-content .post-item .post-title a {
    color: #000;
  }
  
  .xc-category-content .post-item .is-divider {
    display: none;
  }
  
  .xc-category-content .post-item .from_the_blog_excerpt {
    display: none;
  }
  
  .xc-category-content .post-item .small-text.muted-text {
    display: none;
  }
  
  /* Pagination Styles */
  .xc-tour-pagination .page-numbers.nav-pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  
  .xc-tour-pagination .page-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* or 4px or whatever? User didn't specify shape, but circular is common in Flatsome. Let's make it square-ish or rounded based on buttons (rounded 20px) */
    border-radius: 5px;
    border: 1px solid #5F5F5F;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    font-family: "UTM Avo", sans-serif;
    font-weight: 700;
    font-size: 16px;
    transition: all 0.3s;
  }
  
  .xc-tour-pagination .page-number.current,
  .xc-tour-pagination .page-number:hover {
    background-color: #FA632A;
    border-color: #FA632A;
    color: #fff;
  }
  
  .xc-tour-pagination .page-number i {
    font-size: 18px;
  }
  
  /* =========================================
     ROW TU VAN / CONTACT BAR - STRICT RESET
     ========================================= */
  
  /* 1. Main Container */
  .row.row-tu-van {
    width: 100%;
    max-width: 1209px;
    height: 92px;
    background: #FA632A;
    border-radius: 37px;
    margin: 30px auto;
    padding: 0 !important;
  
    /* Flexbox Layout */
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  
  /* 2. Reset Flatsome Columns */
  /* ... */
  .row.row-tu-van>.col {
    /* ... */
    flex: 0 1 auto !important;
    max-width: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
  
    /* Flex internals */
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
  }
  
  /* Align First Col (Left) to Start */
  .row.row-tu-van>.col:first-child {
    justify-content: flex-start !important;
    padding-left: 29px !important;
  }
  
  /* Align Last Col (Right/Form) to End */
  .row.row-tu-van>.col:last-child {
    justify-content: flex-end !important;
    padding-right: 29px !important;
    margin-right: 0 !important;
    width: 100% !important;
    /* Force width */
    flex: 1 !important;
    /* Take remaining space */
  }
  
  /* Ensure inner col also takes full width to allow content to align right */
  .row.row-tu-van>.col:last-child>.col-inner {
    width: 100% !important;
    justify-content: flex-end !important;
  }
  
  /* 3. Reset Flatsome Column Inner */
  .row.row-tu-van>.col>.col-inner {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    width: auto !important;
    /* Allow it to shrink to content */
    height: 100% !important;
  
    /* Flex internals */
    display: flex !important;
    align-items: center !important;
  }
  
  /* Align Inner Left */
  .row.row-tu-van>.col:first-child>.col-inner {
    justify-content: flex-start !important;
  }
  
  /* Align Inner Right */
  .row.row-tu-van>.col:last-child>.col-inner {
      justify-content: center !important;
  }
  
  /* 4. Left Side Text (.nhan-tu-van) */
  .nhan-tu-van {
    margin: 0 !important;
    padding: 0 !important;
    color: #FFF;
    font-family: "UTM Avo", sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 1 !important;
    text-transform: none;
    white-space: nowrap;
  
    /* Flexbox to insure centering if needed */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
  }
  
  /* 5. Right Side Form (Contact Form 7) */
  .xc-nhan-tu-van {
    width: 100%;
  }
  
  .xc-nhan-tu-van form {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* The paragraph wrapping inputs in CF7 */
  .xc-nhan-tu-van p {
   align-items: center;
    justify-content: end;
    display: grid !important;
    grid-template-columns: 70% 1fr;
    justify-items: center;
    align-content: center;
    top: 10px;
    position: relative;
    width: 100%;
  }
  
  /* Hide <br> tags */
  .xc-nhan-tu-van br {
    display: none !important;
  }
  
  /* 6. Form Elements */
  /* Input Wrapper */
  .xc-nhan-tu-van .wpcf7-form-control-wrap {
    display: block;
    width: auto;
  }
  
  /* Text Input */
  .xc-nhan-tu-van input.wpcf7-text {
    /* Dimensions from request */
    width: 300px !important;
    height: 48px !important;
  
    /* Typography */
    font-family: "UTM Avo", sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    color: #000 !important;
  
    /* Styling resets */
    background: #FFF !important;
    border: 1px solid #FFF !important;
    border-radius: 0 !important;
    padding: 0 10px !important;
    /* Reduced padding */
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
  }
  
  /* Fix Vertical Alignment by targeting parent col-inner specifically */
  .row.row-tu-van .col .col-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    align-self: center !important;
  }
  
  /* Ensure no extra margins on form element itself */
  .wpcf7,
  .wpcf7 form,
  .wpcf7-form-control-wrap {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }
  
  .xc-nhan-tu-van input.wpcf7-text::placeholder {
    color: #878787;
    opacity: 1;
  }
  
  /* Submit Button */
  .xc-nhan-tu-van input.wpcf7-submit {
    /* Dimensions from request */
    width: 198px !important;
    height: 43px !important;
  
    /* Typography */
    font-family: "UTM Avo", sans-serif;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #FFF !important;
    text-transform: none !important;
    white-space: nowrap !important;
  
    /* Styling resets */
    background: #77c740 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  
    /* Flex centering for button text */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    transition: all 0.3s;
  }
  
  .xc-nhan-tu-van input.wpcf7-submit:hover {
    background: #6ab339 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
  }
  
  /* 7. Responsive adjustments */
  @media only screen and (max-width: 850px) {
    .row.row-tu-van {
      height: auto !important;
      min-height: 200px;
      flex-direction: column !important;
      justify-content: center !important;
      padding: 30px 20px !important;
    }
  
    .row.row-tu-van>.col {
      max-width: 100% !important;
      width: 100% !important;
      margin-bottom: 20px !important;
    }
  
    .row.row-tu-van>.col:first-child .col-inner p {
      white-space: normal !important;
      /* Allow wrapping on mobile */
    }
  
/*     .xc-nhan-tu-van p {
      flex-direction: column !important;
      gap: 15px !important;
      justify-content: center !important;
    }
   */
/*     .xc-nhan-tu-van input.wpcf7-text,
    .xc-nhan-tu-van input.wpcf7-submit {
      width: 100% !important;
      max-width: 100% !important;
    } */
  }
  
  /* Feature Card Styles (Tam Nhin / Su Menh) */
  .feature-card {
    text-align: center;
    padding: 20px;
  }
  
  .feature-card .title {
    color: #52577A;
    text-align: center;
    font-family: "UTM Avo", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  
  .feature-card img {
    width: 147px;
    height: 147px;
    object-fit: contain;
    margin-bottom: 20px;
    display: inline-block;
  }
  
  .feature-card .feature-description {
    color: #000;
    font-family: "UTM Avo", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: justify;
  }
  
  .row-tam-nhin-su-menh {
    background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url('/wp-content/uploads/bg-tam-nhin-su-menh.webp') no-repeat center center;
    background-size: cover;
  }
  
  .sub-title-gioi-thieu {
    color: #52577A;
    text-align: center;
    font-family: "UTM Avo", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
  
  /* Feature Value Styles (Gia tri cot loi) */
  .feature-value {
    text-align: center;
    padding: 20px;
  }
  
  .feature-value h3 {
    color: #FA632A;
    text-align: center;
    font-family: "UTM Avo", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    /* Adjusted for better spacing on 2 lines */
    margin-bottom: 10px;
    min-height: 60px;
    /* Force minimum height for 2 lines (~22px * 1.3 * 2 lines roughly) */
    display: flex;
    align-items: center;
    /* Center vertically if 1 line, or bottom/top */
    justify-content: center;
  }
  
  .feature-value .value-description {
    color: #000;
    text-align: center;
    font-family: "UTM Avo", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: justify;
  }
  
  .img-thanh-tuu,
  .img-thanh-tuu .img-inner {
    width: 350px !important;
    height: 350px !important;
  }
  
  .img-thanh-tuu img {
    width: 350px !important;
    height: 350px !important;
    object-fit: cover;
    /* Or contain depending on preference, usually cover for fixed aspect ratio */
  }
  
  /* Logo Doi Tac */
  .logo-doi-tac {
    width: 262px !important;
    max-width: 262px !important;
    height: 64px !important;
    padding: 0 15px !important;
    /* Spacing between logos */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .logo-doi-tac .ux-logo-link {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }
  
  .logo-doi-tac img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Xem Them Khach Hang Button */
  a.button.btn-xem-them-khach-hang {
    width: 267px !important;
    height: 64px !important;
    border-radius: 29px !important;
    background: #78C841 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    /* Centering */
    padding: 0 !important;
    /* Reset padding */
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #FFF !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    line-height: 1 !important;
    /* Aggressive Resets */
    min-width: 0 !important;
    letter-spacing: 0 !important;
    position: static !important;
    /* Or relative, avoid absolute */
    opacity: 1 !important;
    outline: none !important;
    text-decoration: none !important;
    background-image: none !important;
    transition: all 0.3s ease !important;
  }
  
  a.button.btn-xem-them-khach-hang span {
    display: inline-block !important;
  }
  
  a.button.btn-xem-them-khach-hang:hover {
    background: #6ab339 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px);
  }
  
  /* Mobile Responsive Adjustments */
  @media only screen and (max-width: 850px) {
  
    /* Feature Card Mobile */
    .feature-card .title {
      font-size: 24px !important;
    }
  
    .feature-card img {
      width: 100px !important;
      height: 100px !important;
    }
  
    .feature-card .feature-description {
      font-size: 16px !important;
    }
  
    /* Sub Title Mobile */
    .sub-title-gioi-thieu {
      font-size: 18px !important;
    }
  
    /* Feature Value Mobile */
    .feature-value h3 {
      font-size: 18px !important;
      min-height: 40px !important;
    }
  
    .feature-value .value-description {
      font-size: 16px !important;
    }
  
    /* Img Thanh Tuu Mobile */
    .img-thanh-tuu,
    .img-thanh-tuu .img-inner {
      width: 100% !important;
      max-width: 300px !important;
      height: auto !important;
      aspect-ratio: 1/1 !important;
      margin: 0 auto !important;
    }
  
    .img-thanh-tuu img {
      width: 100% !important;
      height: 100% !important;
    }
  
    /* Logo Doi Tac Mobile */
    .logo-doi-tac {
      width: 150px !important;
      max-width: 150px !important;
      height: 50px !important;
      padding: 0 10px !important;
    }
  
    /* Button Xem Them Mobile */
    a.button.btn-xem-them-khach-hang {
      width: 220px !important;
      height: 50px !important;
      font-size: 16px !important;
    }
  
    /* Nhan Tu Van Mobile */
    .nhan-tu-van {
      font-size: 16px !important;
      /* Smaller font */
      white-space: normal !important;
      /* Allow wrapping */
      width: 100% !important;
      line-height: 1.4 !important;
      padding: 0 10px !important;
      /* Prevent edge touching */
    }
  }
  
  .xc-tour-highlights h3 {
    color: #FA632A;
    font-family: "UTM Avo", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
  }
  
  .xc-tour-highlights ul {
    list-style: none !important;
    /* Remove default bullets */
    margin: 0;
    padding: 0;
  }
  
  .xc-tour-highlights ul li {
    color: #000;
    text-align: justify;
    font-family: "UTM Avo", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
    /* Space for custom bullet */
  }
  
  /* Custom bullet styling */
  .xc-tour-highlights ul li::before {
    content: "•";
    /* Bullet character or use SVG via background */
    color: #78C841;
    /* Bullet fill color */
    font-size: 24px;
    /* Adjust size if needed */
    position: absolute;
    left: 0;
    top: -2px;
    /* Adjust vertical alignment */
    line-height: 1;
  }
  
  /* Tour Action Buttons */
  .btn-tour-tu-van,
  .btn-tour-dat-tour {
    width: 191px !important;
    height: 58px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
  }
  
  .btn-tour-tu-van {
    border: 1px solid #FB4141 !important;
    background: transparent !important;
    color: #FB4141 !important;
    text-decoration-style: solid !important;
    text-transform: uppercase !important;
  }
  
  .btn-tour-dat-tour {
    border: none !important;
    background: #FB4141 !important;
    color: #FFF !important;
    text-transform: uppercase !important;
    padding: 0 15px !important;
    /* Added left/right padding */
    width: auto !important;
    /* Allow width to expand with padding if needed, or keep 191px fixed but padding inside */
    min-width: 191px !important;
    /* Ensure min width is respected */
  }
  
  /* Ensure text inside dat tour button is centered properly (although flex align-center does this) */
  .btn-tour-dat-tour span,
  .btn-tour-dat-tour {
    width: auto !important;
    /* Allow flex to handle content, or force 166px width on text span if needed but usually better to let button container handle it */
  }
  
  /* Mobile responsive for buttons */
  @media only screen and (max-width: 600px) {
    .xc-tour-action-buttons {
      flex-direction: row !important;
      /* Keep horizontal */
      flex-wrap: nowrap !important;
      /* Do not wrap */
      gap: 10px !important;
      /* Smaller gap */
      width: 100% !important;
    }
  
    .btn-tour-tu-van,
    .btn-tour-dat-tour {
      width: 50% !important;
      /* Split width */
      min-width: 0 !important;
      /* allow shrink */
      height: 45px !important;
      /* Reduced height */
      font-size: 14px !important;
      /* Reduced font */
      padding: 0 5px !important;
    }
  }
  
  .xc-tour-itinerary-title,
  .xc-tour-note-title {
    color: #78C841;
    text-align: left;
    font-family: "UTM Avo", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  
  .xc-tour-day-item .accordion-title {
    border-radius: 15px 15px 0 0;
    background: #FA632A;
    border: none !important;
  }
  
  .xc-tour-day-item .accordion-title span {
    color: #FFF;
    text-align: justify;
    font-family: "UTM Avo", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  
  .xc-tour-day-item {
    border: none !important;
    /* Remove default borders */
    margin-bottom: 20px;
    /* Space between days */
    /* Space between days */
  }
  
  /* Accordion Toggle Button */
  /* Accordion Styling */
  .xc-tour-day-item .accordion-title {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    /* Push text left, button right */
    width: 100% !important;
    padding: 10px 15px !important;
    /* Adjust padding as needed */
  }
  
  /* Text */
  .xc-tour-day-item .accordion-title span {
    flex: 1 !important;
    text-align: left !important;
    padding-right: 15px !important;
    order: 1 !important;
  }
  
  @media only screen and (max-width: 600px) {
    /* Reduce font sizes for tour page headings and titles on mobile */
  
    /* Tour Title H1 */
    h1.xc-tour-single-title {
      font-size: 28px !important;
      /* Reduced from 50px */
    }
  
    /* Tour Highlights H3 */
    .xc-tour-highlights h3 {
      font-size: 22px !important;
      /* Reduced from 32px */
    }
  
    /* Section Titles H2 (Itinerary, Notes) */
    .xc-tour-itinerary-title,
    .xc-tour-note-title {
      font-size: 20px !important;
      /* Reduced from 24px */
    }
  
    /* Accordion Title */
    .xc-tour-day-item .accordion-title span {
      font-size: 14px !important;
      /* Reduced from 18px -> 16px -> 14px */
      line-height: 1.4 !important;
      /* Ensure readable line height */
    }
  
    /* Tab Titles */
    .xc-tour-tabs-section .nav>li>a {
      font-size: 16px !important;
      /* Reduced from 18px */
      padding: 8px 15px !important;
    }
  
    /* Reduce padding for columns on mobile */
    .xc-tour-single-wrapper .col {
      padding-bottom: 10px !important;
      /* Reduced from 30px */
    }
  }
  
  /* Toggle Button */
  .xc-tour-day-item .accordion-title .toggle {
    position: static !important;
    /* Remove absolute positioning */
    order: 2 !important;
    margin-left: auto !important;
    /* Force to right even more */
    background: transparent !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    /* Remove previous center transform */
  }
  
  /* Icon style */
  .xc-tour-day-item .accordion-title .toggle i {
    color: #FFF !important;
    font-size: 1.2em;
  }
  
  /* Hide default pseudos */
  .xc-tour-day-item .accordion-title .toggle::after,
  .xc-tour-day-item .accordion-title .toggle::before {
    display: none !important;
  }
  
  /* Custom Tour Tabs Styling */
  .xc-tour-tabs-section .nav-line>li>a::after,
  .xc-tour-tabs-section .nav-line>li>a::before {
    display: none !important;
    /* Remove the default underline and top accent */
    content: none !important;
  }
  
  .xc-tour-tabs-section .nav {
    border-bottom: none !important;
    /* Remove line under nav */
    gap: 15px !important;
    /* Space between tabs */
    margin-bottom: 20px !important;
  }
    
@media (min-width: 768px) and (max-width: 1239px) {
	  .header-nav-main>li>a {
        color: #52577A !important;
        font-family: UTM Avo;
        font-weight: 700;
        font-size: 11px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
	.header-nav-main>li>a {
    text-transform: capitalize;
    font-size: 12px;
    padding: 0 !important;
}
	.flex-col.hide-for-medium.flex-right{
		display:none;
	}
}
  @media (max-width: 550px) {
    .xc-tour-tabs-section .nav {
      display: flex !important;
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 10px !important;
      /* Space for scrollbar */
      justify-content: flex-start !important;
    }
  .xc-tour-tabs-section .nav>li:nth-child(3){
        grid-column: 1 / 3;
    }
    .xc-tour-tabs-section .nav>li {
     margin:0;
      /* Don't shrink tabs */
    }
  }
  
  .xc-tour-tabs-section .nav>li>a {
    padding: 10px 25px !important;
    border: none !important;
    background: #ECECEC !important;
    /* Inactive background */
    border-radius: 15px !important;
    color: #000 !important;
    text-align: center !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: none !important;
    /* Prevent uppercase */
    transition: all 0.3s ease !important;
  }
  
  /* Active Tab Styling */
  .xc-tour-tabs-section .nav>li.active>a,
  .xc-tour-tabs-section .nav>li:hover>a,
  .xc-tour-tabs-section .nav>li.active>a:hover {
    border-radius: 15px !important;
    background: #FA632A !important;
    color: #FFF !important;
  }
  
  /* Ensure content has bullet points if needed, matching highlights */
  .xc-tour-tabs-section .tab-panels ul li {
    list-style: none !important;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-family: "UTM Avo", sans-serif;
    font-size: 16px;
    text-align: justify;
  }
  
  .xc-tour-tabs-section .tab-panels ul li::before {
    content: "•";
    color: #78C841;
    /* Green bullet matching highlights */
    position: absolute;
    left: 0;
    font-size: 20px;
    line-height: 1;
    top: -2px;
  }
  
  /* Button: Xem thêm các tour khác */
  .xc-tour-more-button {
    background: #78C841 !important;
    border-radius: 20px !important;
    color: #FFF !important;
    text-align: center !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-decoration: underline !important;
    text-decoration-style: solid !important;
    text-decoration-skip-ink: auto !important;
    text-decoration-thickness: auto !important;
    text-underline-offset: auto !important;
    text-underline-position: from-font !important;
    padding: 10px 40px !important;
    box-shadow: none !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    width: auto !important;
  }
  
  /* Custom Header Styles (Desktop Only) */
  @media only screen and (min-width: 850px) {
  
    /* Header Button 1 Styling */
    .header-button-1 .button {
      border-radius: 35px !important;
      border: 1px solid #FFF !important;
      background: #78C841 !important;
      color: #FFF !important;
      text-align: center !important;
      font-family: "UTM Avo", sans-serif !important;
      font-size: 15px !important;
      font-style: normal !important;
      font-weight: 700 !important;
      line-height: normal !important;
      display: inline-flex !important;
      align-items: center !important;
      padding: 8px 23px !important;
    }
  
    .header-button-1 .button i {
      margin-right: 5px;
    }
  
    /* Header Navigation Styles */
    /* Main Menu Text Color & Spacing */
    .header-nav-main>li>a {
         color:#52577A !important; 
          font-family: UTM Avo;
  font-weight: 700;
  font-size: 14px;
      padding-left: 15px ;
      padding-right: 15px ;
    }
  
  
    /* Main Menu Hover */
    .header-nav-main>li>a:hover,
    .header-nav-main>li:hover>a,
    .header-nav-main>li.active>a {
      background-color: #BA6000 !important;
      color: #FFF !important;
      border-radius: 5px;
    }
  
    /* Sub Menu Container */
    .header-nav-main .nav-dropdown {
      background-color: #FFFFFF !important;
      border-radius: 0 0 5px 5px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      width: 100% !important;
      /* Forces width to match parent item */
      min-width: 0 !important;
      /* Override flatsome default min-width */
      left: 0 !important;
      /* Align left */
      padding: 0 !important;
      /* Ensure content touches edges */
    }
  
    /* Sub Menu List Item */
    .header-nav-main .nav-dropdown>li {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      display: block !important;
      display: block !important;
    }
  
    .header-nav-main .nav-dropdown>li:last-child {
      border-bottom: none !important;
    }
  
    /* Sub Menu Items */
    .header-nav-main .nav-dropdown>li>a {
      color: #000000 !important;
      font-size: 16px !important;
      font-weight: 700 !important;
      padding: 12px 5px !important;
      text-transform: none !important;
      white-space: normal !important;
      margin: 0 !important;
      display: block !important;
      width: 100% !important;
      text-align: center !important;
      font-family: "UTM Avo", sans-serif !important;
    }
  
    /* Sub Menu Item Hover */
    .header-nav-main .nav-dropdown>li>a:hover,
    .header-nav-main .nav-dropdown>li:hover>a {
      background-color: #D9D9D9 !important;
      color: #000000 !important;
    }
  
    /* Sub-menu border color adjustment */
    .nav-dropdown-default .nav-column li>a,
    .nav-dropdown.nav-dropdown-default>li>a {
      border-bottom: 1px solid #f0f0f0 !important;
    }
  
    /* Header Background & Border */
    /* Header Background */
  
  
    /* Logo Styling */
    #logo {
      border-radius: 0 50px 50px 0 !important;
      background: #FFF !important;
      position: relative;
      padding-left: 10px;
      /* Adjust as needed */
    }
  
    /* Extend White to Left Edge */
    #logo::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 100%;
      width: 200vw;
      /* Extend well beyond screen */
      background: #FFF;
      display: block;
    }
  
    /* Logo Image Size Adjustment */
    #logo img {
      max-width: 180px !important;
      height: auto !important;
    }
  
    /* Push Menu to the Right */
    .header-main .flex-grow {
      display: flex !important;
      justify-content: flex-end !important;
    }
  }
  
  /* Anh Canh Nhau Styling */
  .anh-canh-nhau {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center;
    gap: 15px;
    max-width: 100%;
  }
  
  .anh-canh-nhau .anh-1 {
    width: 366px !important;
    max-width: 75% !important;
    /* Responsive */
    height: auto !important;
    aspect-ratio: 366/423;
    border-radius: 423px !important;
    object-fit: cover !important;
  }
  
  .anh-canh-nhau .anh-2 {
    width: 47px !important;
    max-width: 15% !important;
    /* Responsive */
    height: auto !important;
    aspect-ratio: 47/64;
    border-radius: 64px !important;
    object-fit: cover !important;
  }
  
  /* Dat Ve Section Styling */
  .dat-ve h2 {
    color: #FB4141 !important;
    text-align: center !important;
    font-family: "The Nautigal", cursive !important;
    font-size: 64px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
  }
  
  .dat-ve p {
    color: #000 !important;
    text-align: justify !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 28px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  
  
  /* Section Title: Cac dich vu ho tro */
  .xc-section-title-dich-vu {
    color: #78C841 !important;
    text-align: center !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 28px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
  }
  
  
  /* Box Service Paragraph */
  .box-service p {
    color: #000 !important;
    text-align: center !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
  }
  
  /* Box Service Heading */
  .box-service h4 {
    color: #000 !important;
    text-align: center !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
  }
  
  
  /* Box Service Ticket Image */
  .box-service.ticket .box-image img {
    width: 204.63px !important;
    height: 204.63px !important;
    transform: rotate(15.522deg) !important;
    aspect-ratio: 1/1;
  }
  
  .box-service.ticket .box-image {
    overflow: visible !important;
    display: flex;
    /* Center image within rotation space */
    justify-content: center;
  }
  
  
  /* Box Service Update Image */
  .box-service.update .box-image img {
    width: 183px !important;
    height: 183px !important;
    aspect-ratio: 1/1;
  }
  
  .box-service.update .box-image {
    display: flex;
    justify-content: center;
  }
  
  
  /* Box Service Doi Hoan Image */
  .box-service.doi-hoan .box-image img {
    width: 194px !important;
    height: 193px !important;
    aspect-ratio: 194/193;
  }
  
  .box-service.doi-hoan .box-image {
    display: flex;
    justify-content: center;
  }
  
  
  /* Box Service Tu Van Image */
  .box-service.tu-van .box-image img {
    width: 182px !important;
    height: 182px !important;
    aspect-ratio: 1/1;
  }
  
  .box-service.tu-van .box-image {
    display: flex;
    justify-content: center;
  }
  
  
  /* Visa Title */
  .xc-visa-title {
    color: #FA632A !important;
    text-align: left !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 30px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
  }
  
  
  /* Box Visa Heading */
  .box-visa h4 {
    color: rgb(255 255 255);
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-size: 32px;
    text-shadow: none;
    font-family: "UTM Avo", sans-serif;

  }
  
  
  /* Hide dots for slide visa */
  .row-slider-visa .flickity-page-dots {
    display: none !important;
  }
  
  
  /* Tour Category Title */
  .xc-tour-category-title {
    color: #FB4141 !important;
    text-align: center !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 50px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: normal !important;
  }
  
  
  
  
  /* Single Tour Title */
  .xc-tour-single-title {
    color: #FB4141 !important;
    text-align: center !important;
    font-family: "UTM Avo", sans-serif !important;
    font-size: 50px !important;
    font-weight: 700 !important;
    margin: 0 !important;
  }
  
  @media only screen and (max-width: 600px) {
  
    /* Reduce font size for "Xem thêm" button on mobile */
    .xc-tour-more-button {
      font-size: 18px !important;
      padding: 10px 25px !important;
    }
  
    @media only screen and (max-width: 600px) {
  
      /* Mobile Fix for Nhận Tư Vấn Block */
      .row.row-tu-van {
        max-width: 90% !important;
        height: auto !important;
        /* Allow height to grow */
        display: flex !important;
        flex-direction: column !important;
        /* Stack vertically */
        padding: 20px 10px !important;
        /* Add padding for mobile */
        margin: 15px auto !important;
        /* Adjust margin */
        justify-content: center !important;
        align-items: center !important;
      }
  
      .row.row-tu-van>.col {
        width: 100% !important;
        /* Full width */
        justify-content: center !important;
        /* Center content */
        padding: 0 !important;
        margin-bottom: 20px !important;
        /* Space between textual CTA and form */
        flex: 0 0 auto !important;
      }
  
      /* Reset specific column overrides */
      .row.row-tu-van>.col:first-child,
      .row.row-tu-van>.col:last-child {
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
      }
  
      .row.row-tu-van>.col:first-child {
        margin-bottom: 15px !important;
      }
  
      /* Adjust text */
      .nhan-tu-van {
        font-size: 16px !important;
        /* Reduced size */
        line-height: 1.4 !important;
        text-align: center !important;
        margin-bottom: 0 !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        /* Prevent overflow */
        overflow-wrap: break-word !important;
        max-width: 100% !important;
        padding: 0 10px !important;
      }
  
      /* Mobile Company Name */
      .company-name {
        font-size: 16px !important;
      }
  
      .footer-company-info h2 {
        font-family: "UTM Avo", sans-serif;
        font-size: 14px !important;
      }
  
      /* Reduce Service Title on mobile */
      .xc-section-title-dich-vu {
        font-size: 20px !important;
      }
  
      /* Adjust form container */
      .xc-nhan-tu-van p {
        flex-direction: column !important;
        /* Stack input and button */
        gap: 15px !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 !important;
      }
  
      .xc-nhan-tu-van input.wpcf7-text {
        width: 100% !important;
        /* Full width input */
        max-width: 100% !important;
        /* Allow full width */
        margin: 0 !important;
      }
  
      .xc-nhan-tu-van input.wpcf7-submit {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
      }
  
      /* Mobile Footer Fixes */
      .footer-social-list,
      .footer-copyright {
        text-align: center !important;
      }
  
      .footer-social-list {
        justify-content: center !important;
        display: flex !important;
        gap: 15px !important;
        margin-bottom: 10px !important;
      }
  
      .footer-social-list .social-icon {
        font-size: 18px !important;
        /* Adjust icon size */
      }
  
      .footer-copyright {
        font-size: 12px !important;
        /* Manageable size */
      }
  
      /* Mobile Why Number */
      .box-why-number .number {
        font-size: 80px !important;
      }
  
      /* Mobile XC Title Why */
      .xc-title-why {
        font-size: 16px !important;
        padding: 10px 10px !important;
      }
  
      /* Mobile XC Section Title Tour */
      .xc-section-title-tour {
        font-size: 28px !important;
      }
  
      /* Mobile XC Section Title Highlight */
      .xc-section-title-highlight {
        font-size: 24px !important;
      }
  
      /* Mobile XC Visa Title */
      .xc-visa-title {
        font-size: 24px !important;
      }
  
      /* Mobile Tour Category Title */
      .xc-tour-category-title {
        font-size: 30px !important;
      }
  
      /* Mobile Tour Item Title */
      .xc-tour-item .post-title {
        font-size: 16px !important;
      }
  
      /* Mobile Nhan Tu Van Title */
      .nhan-tu-van {
        font-size: 16px !important;
      }
  
      /* Mobile Single Tour Title */
      .xc-tour-single-title {
        font-size: 30px !important;
      }
  
      /* Reduce font size for "Xem thêm" button on mobile */
      .xc-tour-more-button {
        font-size: 16px !important;
      }
  
      /* Mobile Dang Ky Tu Van */
      .dang-ky-tu-van {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
      }
  
      .footer-contact-list ul li {
        font-size: 14px !important;
      }
  
      /* Mobile Center Save Label */
      .cs-box--3::before {
        left: 14px !important;
        right: 14px !important;
        bottom: 125px !important;
        text-align: left !important;
        font-size: 18px !important;
      }
  
      /* Mobile Center Save Label */
      .cs-box--3::before {
        left: 40px !important;
      }
    }