.single, .archive {
        background-color: #fff;
        background-image: url(../imgs/bg-tour-single.webp);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        
    }
.title-tr h1 {
    color: #1E293B;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
}    
  .transparent #logo img {
    max-height: 70px !important;
}  
/* dùng ảnh nền cho nút tab */
.albumdiemden-tab-btn{
  border: 0;
  display: block;                     /* theo yêu cầu */
  background-image: url('../imgs/btn-contact-footer.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;         /* kéo full khung “tem” */
  color: #fff;                        /* nếu nền tối */
  min-width: 180px;                   /* tuỳ kích thước asset */
  height: 56px;                       /* tuỳ kích thước asset */
  padding: 0 16px;                    /* text không dính mép */
  line-height: 56px;                  /* căn giữa dọc cho 1 dòng */
  text-align: center;
  box-shadow: none;
}

/* trạng thái active: có thể dùng cùng ảnh, thêm đổ bóng, hoặc đổi ảnh */
.albumdiemden-tab-btn[aria-selected="true"]{
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.15));
}
p.price span {
    font-size: 13px;
    color: #383435;
}
/* nếu tiêu đề dài > 1 dòng */
.albumdiemden-tab-btn{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* responsive */
@media (max-width:600px){
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
           width: 100% !important; 
}
.mfp-content * {
    color: white !important;
}   
.mfp-ready .mfp-close {
    opacity: 1;
    color: white;
}
.nav-sidebar.nav-vertical>li+li {
    border-top: 0px solid #ececec !important;
    color: white;
}
.nav-sidebar.nav-vertical a{
    color: white;
        font-size: 17px;
}
.mfp-content{
    background-color: #b42e60 !important;
    background-image: url("../imgs/bg-about.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    background-blend-mode: multiply;}
  .albumdiemden-tab-btn{
    min-width: 140px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
  }
} 
/* Bố cục dots */
.testimonial-slick-slider .slick-dots,
.testimonial-slick-slider .slick-dots li {
  list-style: none !important;
}
.testimonial-slick-slider .slick-dots {
  display: flex !important;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin: 14px 0 0;
}

/* Xóa chấm mặc định của Slick (::before) */
.testimonial-slick-slider .slick-dots li button:before {
  content: '' !important;
}

/* Button dot = icon hình thoi */
.testimonial-slick-slider .slick-dots li {
  margin: 0;
  width: 18px;   /* chỉnh theo ý */
  height: 18px;
}
.testimonial-slick-slider .slick-dots li button {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: url('https://client.quynhonadv.com/wp-content/uploads/2025/09/Asset-36@4x.png')
              center/contain no-repeat; /* viền rỗng */
  font-size: 0;          /* ẩn số 1,2,3... trong button */
  color: transparent;    /* phòng trường hợp font-size bị override */
  outline: none;
  cursor: pointer;
  transition: transform .2s ease;
}

/* Trạng thái active = hình thoi tô màu */
.testimonial-slick-slider .slick-dots li.slick-active button {
  background-image: url('https://client.quynhonadv.com/wp-content/uploads/2025/09/Asset-35@4x.png');
}

/* Hover/focus (tùy chọn) */
.testimonial-slick-sliderr .slick-dots li button:hover,
.testimonial-slick-sliderr .slick-dots li button:focus {
  transform: scale(1.05);
}
/* product */
/* Xóa chấm mặc định của Slick (::before) */
.product-slider .slick-dots,
.product-slider .slick-dots li {
  list-style: none !important;
}
.product-slider .slick-dots li button:before {
  content: '' !important;
}
.product-slider .slick-dots {
    display: flex !important;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin: 14px 0 0;
}

/* Button dot = icon hình thoi */
.product-slider .slick-dots li {
  margin: 0;
  width: 18px;   /* chỉnh theo ý */
  height: 18px;
}
.product-slider .slick-dots li button {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: url('https://client.quynhonadv.com/wp-content/uploads/2025/09/Asset-36@4x.png')
              center/contain no-repeat; /* viền rỗng */
  font-size: 0;          /* ẩn số 1,2,3... trong button */
  color: transparent;    /* phòng trường hợp font-size bị override */
  outline: none;
  cursor: pointer;
  transition: transform .2s ease;
}

/* Trạng thái active = hình thoi tô màu */
.product-slider .slick-dots li.slick-active button {
  background-image: url('https://client.quynhonadv.com/wp-content/uploads/2025/09/Asset-35@4x.png');
}

/* Hover/focus (tùy chọn) */
.product-sliderr .slick-dots li button:hover,
.product-sliderr .slick-dots li button:focus {
  transform: scale(1.05);
}

.single #main, .single #wrapper, .archive #main, .archive #wrapper{
    background: transparent;
    width: 100%;}
.top-testi-tr p {
    margin: 0px;
}
.header-button i {
    color: #a93568;
    /* font-size: 18px; */
}
.header-button a { 
    animation: pulseBox 1.5s infinite; /* Gọi animation cho cả box */
}

@keyframes pulseBox {
    0% {
        transform: scale(1);
      /*  box-shadow: 0 0 0 rgba(0, 176, 155, 0.7);*/
        
    }
    50% {
        transform: scale(1.08);
         /*box-shadow: 0 0 25px rgba(0, 176, 155, 0.5);*/
    }
    100% {
        transform: scale(1);
        /* box-shadow: 0 0 0 rgba(0, 176, 155, 0.7);*/
    }
}
.lwptoc {
    width: 100%;
    background-image: url(../imgs/bg-baogom.png);
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 10px 10px 10px 10px;
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .08);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    margin-top: 20px;
}
.lwptoc-light .lwptoc_i {
    color: #333;
     background: none !important;
}
.lwptoc-light .lwptoc_items A:visited {
    color: #b30660 !important;
}
.lwptoc-light .lwptoc_i A {
    color: #b30660!important;
}
/* Bất kỳ mục nào có số nguyên (1., 2., 3.) sẽ đậm */
.lwptoc_item_number:not([class*="."]) + .lwptoc_item_label {
    font-weight: 700;
}

.top-testi-tr {
    display: flex
;
    align-items: center;
}
.top-testi-tr img {
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 50%;
    margin-right: 16px;
}
.testi-item-tr {
    padding: 40px;
    background-image: url(../imgs/bg-test-item.png);
    background-size: 100% 100%;
}
p.name-testi {
    color: #1E293B;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 24px;
}
.tour-item-tr { 
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    margin-bottom: 20px; 
}
.info-tour-item {
    padding: 10px;
}
.bottom-testi-tr {
    font-size: 14px;
    color: #1E293B;
    margin-top: 10px;
    margin-bottom: 10px;
}
p.position-testi {
    font-size: 15px;
    color: #64748B;
}
.testimonial-slick-slider .slick-slide, .product-slider .slick-slide {
    margin: 0 15px; 
}

.testimonial-slick-slider .slick-list, .product-slider .slick-list {
    margin: 0 -15px; 
}
.box-text.text-left {
    padding: 10px;
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    border-radius: 10px;
}
.title-tr h2 {
    color: #1E293B;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
}
.title-tr p {
    color: #475569;
    font-size: 15px;
    font-weight: 400;
    max-width:650px;
    margin:0 auto;
    line-height: 20px;
}
.title-tr {
    background-image: url(../imgs/title-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 86px;
    position: relative;
}
.footer-tr {
    padding-top: 70px !important;
    background-image: url(/wp-content/uploads/2025/09/footer-bg.png);
    background-repeat: no-repeat !important;
    background-position: bottom center;
    background-size: 100% auto;
}
.faq-tr {
    background-image: url('/wp-content/uploads/2025/09/bg-faq.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}
.info-post-tr {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #64748B;
}
p.author-tr img {
    border-radius: 50%;
    margin-right: 4px;
}
.info-post-tr {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #64748B;
    margin-top: 5px;
    margin-bottom: 5px;
}
.post-item-tr h5.post-title.is-large {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.2px;
    line-height: 24px;
}
.post-item-tr h5.post-title.is-large a{
    color: #1E293B;
}
.post-item-tr p.from_the_blog_excerpt {
    color: #475569;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 10px;
}
.new-tr:before {
    content: '';
    position: absolute;
    bottom: -30%;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../imgs/bg-news.png);
    background-position: bottom center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.feature-tr>a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../imgs/bg-blog-item.png);
    background-size: 100% 100%;z-index: 2;
}
.feature-tr>a {
    position: relative;
    display: block;
}
.feature-tr img {
    height: 220px;
    object-fit: cover;
}
.gallery-tr {
    background-image: url(../imgs/bg-gallery.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding: 90px 0px !important;
}
.tabbed-content.tab-gallery>.nav>li a {
    font-size: 18px;
    font-weight:800;
    letter-spacing: -0.16px;
    line-height: 18px;
    padding: 6px 12px;
}
.tabbed-content.tab-gallery>.nav{
    gap: 12px;
    margin-bottom: 30px;
}
.info-tour-item h4 a {
    color: #1E293B;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}
.info-tour-item h4 {
    margin: 12px 0px;
}
span.price, p.price {
    color: #1C9E48;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.26px;
    margin-bottom: 10px;
}

p.date-tour {
    color: #747475;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
}
.tour-styles a {
    background: #F9ECF2;
    padding: 2px 8px;
    color: #A83468;
    margin: 0px;
    height: auto;
    line-height: 20px;
}
a.btn-read-tour {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background-image: url(../imgs/btn-book-tour.png);
}
a.btn-read-tour {
    color: #FFF !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background-image: url(../imgs/btn-book-tour.png);
    height: 36px;
    width: 171px;
    display: block;
    text-align: center;
    line-height: 36px;
    margin-top: 12px;
}
.product-slider .slick-arrow {
    color: transparent;
    font-size: 0px;
    position: absolute;
    top: 30%;
    width: 40px;
    height: 40px;
    right: 0;
}
.product-slider .slick-arrow:before {
    content: '';
    position: absolute;
    background-image: url(../imgs/next.svg);
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
.product-slider .slick-prev {
    left: 0;
    z-index: 2;
}
.product-slider .slick-prev:before {
background-image: url(../imgs/prev.svg);
right: -15px;
}
.icon-box-home-tr {
    background-image: url(../imgs/bg-about-tr.png);
}
.single-post img {
    width: 100%;
    margin-bottom: 10px;
}
.icon-box-home-tr {
    background-image: url(../imgs/bg-about-tr.png);
    padding: 37px;
    background-size: 100% 100%;
    min-height: 200px;
    font-size: 11px;
}
.icon-box-home-tr h4 {
    color: #b71e69;
    font-size: 21px;
    font-weight: 800;
    line-height: 20px;
}
.about-tr:before {
    content: '';
    position: absolute;
    bottom: -30%;
    height: 180%;
    width: 100%;
    background-image: url(../imgs/bg-about.png);
    background-position: bottom;
    z-index: 2;
    background-repeat: no-repeat;
}
.about-tr {
    z-index: 2;
    margin-top: 0px;
}
.banner-tr {
    z-index: 1;
}
.about-tr:after {
    content: '';
    position: absolute;
    bottom: 0%;
    height: 150%;
    width: 100%;
    background-image: url(../imgs/bg-banner.png);
    background-position: top;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100%;
}
.title-tr.title-white-tr h2 {
    color: #fff;
}
.about-tr .section-content.relative{
    z-index: 3;
}
.slider-for{ position: relative; }
.slider-for img{
  width: 100%;  object-fit: cover;
  height: 900px;

}
.slider-nav {
    margin-top: 14px;
    position: absolute;
    bottom: 35%;
    width: 50%;
    float: right;
    right: -1%;
    z-index: 3;
}
.slider-nav .slick-slide{ padding: 0 6px; opacity: .6; }
.slider-nav .slick-current{ opacity: 1; }
.slider-nav img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    padding: 4px;
    clip-path: polygon(0 17%, 7% 0%, 92% 0, 100% 16%, 100% 85%, 92% 100%, 8% 100%, 0% 83%);
}
.slick-prev, .slick-next{
  width: 44px; height: 44px; z-index: 2;
}
.slick-prev:before, .slick-next:before{
  font-size: 28px; line-height: 44px;
}
.slider-for .banner-img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 60%);
    z-index: 1;
}
.slider-nav .slick-slide .img-thumb-slider{
  position: relative;
}
.slider-nav .slick-slide .img-thumb-slider:after {
    content: '';
    background-image: url(../imgs/bg-thum-slider.png);
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
.slider-nav button.slick-arrow {
    position: absolute;
    bottom: -50px;
    left: 0;
    background-image: url(../imgs/prev-icon.png);
    font-size: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}
.slider-nav button.slick-next.slick-arrow {
    left: 50px;
    background-image: url(../imgs/next-icon.png);
}
.banner-img {
    position: relative;
}
.content-banner-tr {
    position: absolute;
    z-index: 9;
    width: 40%;
    right: 8.7%;
    top: 16%;
    color: #fff;
}
.content-banner-tr h3 { 
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    line-height: 48px;
    margin-bottom: 5px;
}
.content-banner-tr a{
    color: #fff;
}
.content-banner-tr a:hover{
    color: #fff;
}
p.price-banner {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 26px;
    margin-bottom: 20px;
}
p.price-banner span {
    font-size: 15px;
    font-weight: 400;
}
.content-banner-tr>a {
    display: block;
    width: 135px;
    /* font-size: 14px; */
    /* padding: 8px 10px; */
    /* text-align: left; */
    /* border: none; */
    border-radius: 8px;
    cursor: pointer;
    background-image: url(../imgs/bg-read-more.png);
    font-weight: 500;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 180px;
    height: 42px; 
    color: #b42e60;
    /* display: block; */
    /* margin: 0 auto; */
    /* margin-top: 30px; */
    text-align: center;
    padding: 7px;
}

.accordion.acc-tr .accordion-title {
    position: relative;
    color: #1E293B;
    font-size: 16px;
    background: transparent;
    font-weight: 500;
    border: none;
    padding: 20px 0px;
    border-bottom: 1px solid #E2E8F0;
}

.accordion.acc-tr .toggle {
    left: inherit;
    right: 0;
    font-size: 11px;
    top: 10px;
    width: auto;
    margin: 0;
}
.acc-tr {
  counter-reset: section; /* reset bộ đếm */
}

.acc-tr .accordion-title span::before {
    counter-increment: section;
    content: counter(section, decimal-leading-zero) ". ";
    font-weight: bold;
    margin-right: 5px;
    color: #64748B;
}
.acc-tr  a.accordion-title.plain.active span::before{
    color: #A83468;
}
.footer-menu-tr h3 {
    color: var(--Gray-80, #1E293B);
    font-weight: 700;
    font-size: 18px;
    margin:10px 0px;
}
.footer-menu-tr ul {
    list-style: none;
    line-height: normal;
    padding: 0;
    margin: 0;
}
.footer-menu-tr ul li {
    margin: 0px;
    padding: 14px 0px;
    list-style: none;
}
.footer-menu-tr img {
    max-height: 90px;
    width: auto !important;
}
.footer-menu-tr ul li, .footer-menu-tr ul li a{
    color: #475569;
}
.footer_anh .col {
    padding-bottom: 0px;
}
.btn-footer-tr a, .booking-tour-btn {
       display: inline-block;
    color: #fff;
    background-image: url(../imgs/btn-contact-footer.png);
    width: 218px;
    height: 60px; 
    margin-bottom: 0px;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    max-width: 100%;
    background-size: 100% 100%;
}
.form-box-tr {
    width: 490px;
    margin: auto;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    background-image: url(../imgs/bg-search.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 40px;
    max-width: 100%;
}
    .form-group-tr {
      margin-bottom: 0px;
    }

    .form-group-tr label {
    display: block;
    margin-bottom: 6px;
    color: #1E293B;
    font-size: 14px;
    font-weight: 500;
}

    .form-group-tr input {
      width: 100%;
      padding: 8px 10px;
      border: 1px solid #ddd;
      border-radius: 6px;
      outline: none;
    }
.inline-inputs-tr {
    display: grid
;
    gap: 10px;
    grid-template-columns: 49% 49%;
}

    .inline-inputs-tr input {
      flex: 1;
    }

.counter-box-tr {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 6px;
}
.counter-box-tr span {
    flex: 1;
    color: #1E293B;
    font-size: 15px;
    font-weight: 400;
}
.counter-controls-tr
 {
    display: flex
;
    align-items: center;
    gap: 8px;
    width: 124px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.counter-controls-tr input {
    width: 44px !important;
    height: 32px !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;margin-bottom: 0px;
}
.counter-controls-tr button {
    width: 32px;
    max-height: 28px;
    border: none;
    border-radius: 6px;
    background: #F1F5F9;
    cursor: pointer;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    color: #1E293B;
    line-height: 0px;
    display: flex !important
;
    align-items: center;
    justify-content: center;
}
    .counter-controls-tr input {
      width: 40px;
      text-align: center;
      border: none;
      font-size: 16px;
      background: transparent;
      pointer-events: none;
    }
.search-banner {
    position: absolute;
    top: 15%;
    right: 56%;
    z-index: 2;
}
.form-group-tr input {
    background: #fff;
    border: none !important;
    box-shadow: none !important;
    border-radius: 12px !important;
    outline: none !important;
}
.bg-form-tr {
    background: #ffffff;
    padding: 10px;
    border-radius: 10px;
    padding-bottom: 5px;
}
.form-box-tr>img {
    max-height: 70px;
    width: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}
.btn-search-tr {
    background-image: url(../imgs/btn-search.png);
    width: 100%;
    max-width: 266px;
    color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    display: flex
;
    margin-top: 15px;
    height: 40px;
    font-size: 14px;
    font-weight: normal;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

header.header.transparent.has-transparent {
    border: none;
}
header.header {
    border-bottom: 1px solid #F1F5F9;
}
.faq-item-tour[aria-expanded="true"] .faq-idx-tour{
 color: #A83468;   
}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star { 
    padding: 7px 0 7px 15px !important; 
}
@media screen and (max-width: 1024px){
.content-banner-tr h3 {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 5px;
}
.form-box-tr{
    width: 100%;
}
}
.readmore-btn-tr {
    margin-top: 10px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    background-image: url(../imgs/bg-read-more.png);
    font-weight: 500;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 180px;
    height: 36px;
    padding: 0;
    color: #A83468;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}
@media screen and (max-width: 768px){
    .product-slider.slick-initialized.slick-slider .item {
    padding: 0px 5px;
}
    a.btn-read-tour {
    color: #FFF !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background-image: url(../imgs/btn-book-tour.png);
    height: 32px;
    width: 150px;
    display: block;
    text-align: center;
    line-height: 30px;
    margin-top: 12px;
    background-size: contain;
}
p.price span {
    font-size: 10px;
    color: #383435;
}
.info-tour-item h4 {
    margin: 5px 0px;
    line-height: 18px;
}
.info-tour-item h4 a{
    font-size:10px;
     display: -webkit-box;          /* cho Safari/Chromium */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;         /* số dòng tối đa */
  overflow: hidden;
  text-overflow: ellipsis;

  /* (tùy chọn) cố định chiều cao để grid đều nhau */
  line-height: 1.35;
  max-height: calc(1.35em * 2);
  /* chống vỡ layout bởi từ quá dài */
  word-break: break-word;
}
    .gallery-tr{
        padding:0px !important;
    }
.top-testi-tr img {
    width: 37px;
    height: 37px;}
.post-item-tr p.from_the_blog_excerpt {
    color: #475569;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6em;
    max-height: calc(1.6em* 3);
}
.row.footer_anh :nth-child(odd) {
          font-size: 13px;
  padding-left: 0px;
} 
.row.footer_anh :nth-child(even) {
  padding-right: 0px;
} 
.text.footer-menu-tr.icon_sine {
    padding: 0px 15px;
}
.social-icons-vertical{ 
    gap: 5px !important; 
}
.row.box_icon :nth-child(odd) {
  padding-right: 5px;
} 
.row.box_icon :nth-child(even) {
  padding-left: 0px;
} 
.row .col.post-item:nth-child(odd) {
  padding-right: 5px;
}
.row .col.post-item:nth-child(even) {
  padding-left: 5px;
}
.testi-item-tr{
    padding:10px;
    margin:0 5px;
}
.top-testi-tr img{
    margin-right:9px;
}
.info-post-tr {
    display: none;
}
.feature-tr img {
    height: 150px;
    object-fit: cover;
}
.accordion.acc-tr .accordion-title{
    font-size:13px;
}
.home .form-box-tr{
    display:none;
}
.slider-nav {
    margin-top: 14px;
    bottom: 49px;
    width: 100%;
    float: right;
    right: 0;
    z-index: 3;
}
.slider-nav img{
    height: 60px;
} 
.form-box-tr>img {
    display: none;
}
.search-banner {
    display: block;
    top: 40%;
    bottom: 10px;
    right: calc(50% - 150px);
    width: 90%;
    max-width: 300px;
}
.form-box-tr {
    padding: 30px 40px;
    padding-bottom: 15px;
}
.form-group-tr input {
    height: 30px !important;
    font-size: 12px !important;
    border-radius: 3px !important;
}
.form-group-tr label{
    font-size: 12px;
}
.counter-box-tr span {
    font-size: 12px;
}
.counter-controls-tr button {
    width: 25px;
    max-height: 22px;
   
    font-size: 10px;
    margin: 0px;
    padding: 0px;
  
;
    align-items: center;
    justify-content: center;
}
.bg-form-tr {
    background: #ffffff;
    padding: 5px;
    border-radius: 10px;
}
form.search-form.tour-search {
    margin-bottom: 0px;
}

.content-banner-tr {
    width: 100%;
    right: 0;
    color: #fff;
    padding: 0px 15px;
    top: 18vh;
}

.mobilehide{
    display:none;
}

    .content-banner-tr h3 {
        font-size: 18px;
        font-weight:600; 
        line-height: 30px;
        text-align: left;
    }
p.price-banner {
    text-align: left;
    font-size: 15px;
    justify-content: left;
    margin-bottom:10px;
}
.content-banner-tr>a { 
    display: block;
    width: 135px;
    font-size: 14px;
    padding: 8px 10px; 
}
 .about-tr:before {
    content: '';
    position: absolute;
    bottom: 52%;
    height: 58%;
    width: 100%;
    background-image: url(../imgs/bg-about.png);
    background-position: center;
    z-index: 2;
    background-repeat: no-repeat;
}
.about-tr:after {
    content: '';
    position: absolute;
    bottom: 0%;
    height: 185%;
    width: 100%;
    background-image: url(../imgs/bg-banner.png);
    background-position: center;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: 100%;
}
.icon-box-home-tr p{
   font-size:8px !important;
}
.icon-box-home-tr {
    background-image: url(../imgs/bg-about-tr.png);
    padding: 20px;
    background-size: 100% 100%;
    min-height: 130px;
    font-size: 11px;
}
.icon-box-img img, .icon-box-img svg {
    padding-top: .2em;
    width: auto !important;
    height: 30px;
            margin-bottom: -5px;
    
}
.title-tr p {
    color: #475569;
    font-size: 10px;
    font-weight: 400;
     line-height:unset;
    margin-bottom: 0px;
    max-width:650px;
}
.slider-for img {
    height:58vh;
}
.slider-nav button.slick-arrow {
    width: 28px;
    height: 28px;
    bottom: -35px;
    left: calc(50% - 34px);
}
.slider-nav button.slick-next.slick-arrow {
    left: calc(50% + 6px);
}
.slider-nav .slick-slide {
    padding: 0 6px;
    opacity: 1;
}
.title-tr h2{
    font-size: 20PX;
}
.title-tr.title-white-tr h2{
        color: #1E293B;
    font-size: 20px;
}
.testimonial-slick-slider .slick-list, .product-slider .slick-list {
    margin: 0px;
}
.testimonial-slick-slider .slick-slide, .product-slider .slick-slide {
    margin: 0px;
}
.post-item-tr h5.post-title.is-large {
    font-size: 13px;
    line-height: 0px;
}
.box-blog-post{
    margin-bottom: 10px !important;
}
.post-item-tr h5.post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* Giới hạn 2 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4em;          /* chiều cao dòng */
  max-height: calc(1.4em * 2); /* đảm bảo đúng 2 dòng */
}
.info-post-tr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.col.post-item.post-item-tr {
    padding-bottom: 0px;
}
.testimonial-slick-slider {
    padding: 15px;
}
.bottom-testi-tr {
    font-size: 10px;
    color: #1E293B;
    margin-top: 10px;
    margin-bottom: -5px;
}
p.position-testi {
    font-size: 8px;
    color: #64748B;
}
p.name-testi{
    font-size: 8px;
}
.footer_about{
    margin:0 2px !important;
}
.footer-menu-tr h3{
    font-size:15px;
}
.footer-menu-tr ul li, .footer-menu-tr ul li a { 
    font-size: 14px;
}
.footer-tr {
    padding-top:10px !important;
    background-size: auto 100%;
    background-color: #e8d5de;
}
 .icon-box-home-tr h4{
     font-size:10px;
     line-height:10px;
 }
.content-single-tour-tr h1 {
    font-size: 20px;
}
p#breadcrumbs {
    font-size: 14px;
}
.row.grid-gallery>.gallery-item-tr img {
    height: 200px;
}
.col.medium-6.small-12.large-6.gallery-small-tr .col.medium-6.small-12.large-6.gallery-item-tr {
    flex-basis: 50%;
    max-width: 50%;
}
.gallery-small-tr .gallery-item-tr img {
    height: 120px;
}
.content-tour-left-tr h3.title-gioi-thieu{
    font-size: 18px;
    line-height: 28px;
}
.content-tour-read h3 {
    font-size: 18px;
    line-height: 24px;
}
.heading-tr {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.content-inner-tr p, .faq-title-tour {
    font-size: 14px;
}
.accordion-header-tr2 {
    font-size: 14px;
}
.accordion-content-inner-tr2 p, .accordion-content-inner-tr2 li {
    font-size: 14px;
    line-height: 20px;
}
.accordion-icon-tr2, .accordion-toggle-tr2{
    top: 18px;
}
.booking-box-tr {
    padding: 47px 33px;
}
.booking-box-tr h3{
    font-size: 16px;
}
.info-tour-item {
    padding: 0px 10px 10px 10px;
}
    p.price {
        font-size: 14px;
        margin-bottom: 5px;
    }
       p.date-tour {
        margin-bottom: 5px;
        font-size: 10px;
    }
button.booking-tour-btn {
    font-size: 17px;
    height: 50px;
    line-height: 50px;
}
.col.medium-6.small-12.large-6 .destination-item-tour img{
    height: 218px;
}
.gallery-small-tr .gallery-item-tr:nth-child(4) a:after{
      background-size: 50px auto;  
}
.content-tour-left-tr {
    font-size: 14px;
}ul.nav-tr {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 10px;
    text-align: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: thin;       /* Firefox */
}

ul.nav-tr::-webkit-scrollbar {
    height: 6px; /* Safari/Chrome */
}
ul.nav-tr li {
    flex: 0 0 auto; /* giữ cho item không co lại, không xuống dòng */
}
.btn-search-tr{
    height: 32px;
    font-size: 11px;
}
}
/* Vị trí & hiệu ứng xuất hiện */
.floating-actions{
  position: fixed;
  right: 18px;
  bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
  animation: fa-slide-in .45s ease-out both;
}
@keyframes fa-slide-in {
  from { transform: translateX(80px); opacity: 0; }
  to   { transform: translateX(0);    opacity: 1; }
}

/* Nút */
.floating-actions .fa-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 51px;
  padding: 8px 12px;
 /* border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(16,24,40,.14);
  border: 1px solid #eef0f3;*/
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
  overflow: hidden;            /* ẩn label khi thu nhỏ */
}

/* Icon */
.floating-actions .fa-btn img{
  width: 45px; height: 45px; object-fit: contain; display: block;
}

/* Label trượt ra khi hover */
.floating-actions .fa-btn span{
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
  max-width: 0;
  opacity: 0;
  transform: translateX(8px);
  transition: max-width .25s ease, opacity .25s ease, transform .25s ease;
}
.floating-actions .fa-btn:hover{
  transform: translateY(-2px);
 /* box-shadow: 0 16px 38px rgba(16,24,40,.18);
  background: #f8fafc;*/
}
.floating-actions .fa-btn:hover span{
  max-width: 180px;
  opacity: 1;
  transform: translateX(0);
}

/* Màu nhấn từng nút (viền mờ + hiệu ứng) */
.fa-call{ border-color:#ffe5e5; }
.fa-zalo{ border-color:#e5f0ff; }
.fa-consult{ border-color:#fff0e5; }

/* Mobile: gom sát mép dưới, label mặc định ẩn */
@media (max-width: 640px){
  .floating-actions{ right: 12px; bottom: 10%; gap: 8px; }
  .floating-actions .fa-btn{ height: 46px; padding: 8px 10px; }
   
}
div:where(.swal2-container).swal2-center>.swal2-popup {
    grid-column: 2;
    width: 490px;
    margin: auto;
    /* padding: 20px; */
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    /* background-image: url(../imgs/bg-search.png); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* padding: 40px; */
    max-width: 100%;
    grid-row: 2;
    font-size;15px;
    place-self: center center;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-form-booking.png);
}
.swal2-actions {
    margin: 0px;
}
button.swal2-cancel.swal2-styled {
    display: none !important;
}
div#swal2-validation-message {
    background: no-repeat;
    margin: 0px;
    color: red;
    padding: 0px;
}
button.swal2-confirm.swal2-styled {
    background: #b42e60;
    min-width:200px;
}
button.swal2-close {
    margin-right: 30px;
    color: #b42e60;
}
h2#swal2-title {
    margin-top: 0px !important;
    padding: 0px;
}