/*
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.   ***************/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
/* Khai báo font Raleway */
@font-face {
    font-family: 'Raleway';
    src: url('../.vscode/font/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../.vscode/font/Raleway-SemiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../.vscode/font/Raleway-ExtraLight.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Font mặc định cho toàn bộ trang */
body {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    color: #333;
  }
  
  /* Tiêu đề */
  .heading-primary {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 1rem;
    color: #223645;
  }
  
  .heading-secondary {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }
  
  /* Nội dung văn bản */
  .text-content {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 1rem;
    color: #626672;
  }
  
  /* Nút bấm */
  .btn-montserrat {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.6rem 1.2rem;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .btn-montserrat:hover {
    background-color: #0056b3;
  }
  
/* set-up */
.next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown, li.current-dropdown>.nav-dropdown {
    left: -15px;
    max-height: inherit;
    opacity: 1;
    visibility: visible;
    min-width: 300px;
    background-color: #fff;
    border: 2px solid #fff;
    top: 59px;
    border-radius: 8px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}

.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: 1px solid #ececec40;
    padding-left: 0;
    padding-right: 0px;
    color: #223645 !important;
    font-size: 15px !important;
    width: 100%;
    padding: 12px 18px;
    font-weight: 600;
    background: transparent;
    border-radius: 0;
    transition: background 0.2s, color 0.2s;
    display: block;
}

.nav-dropdown.nav-dropdown-default>li:last-child>a {
    border-bottom: none;
}

.nav-dropdown.nav-dropdown-default>li>a:hover, .nav-dropdown.nav-dropdown-default>li.current-menu-item>a {
    background: #d32f2f;
    color: #fff !important;
    border-radius: 6px;
    margin: 0;
}
.nav-top-link i{
    font-size: 15px !important;
    /* margin-bottom: 4px;
    margin-right: 20px; */
    background-image: linear-gradient(134deg, rgb(250, 117, 91), rgb(221, 8, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nav-top-link{
    color: #000;
    display: inline-block;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    text-transform: uppercase;
}
.nav-dropdown-default{
    padding:0;
    border-radius: 8px;
}

.Text-heading{
    font-family: "Averta", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4em;
}
/* Ẩn Header và Footer cho Trang Tuyển dụng */
.page-id-24 header{
    display: none !important;
}

.container-custom {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.tour-title {
    color: #CC3333;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2em;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}
.sub-title {
     text-align: center;
    color: #cc3333;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 0;
    font-style: italic;
}
.left {
    flex: 1;
    min-width: 300px;
    position: relative;
    gap:4px;
}
.left img {
    width: 100%;
    height: 100%;
}
.right {
    flex: 1;
    min-width: 300px;
    display: flex;
    flex-wrap: wrap;
}
.right img {
    width: 50%;
    height: auto;
    padding:1px;
}
.box-shadow-custom{
    box-shadow: 7px 9px 20px -15px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border: 1px solid #54545433;
}
/*  điểm nổi bật chương trình*/
.content-left-dnb{
    padding: 20px 30px 20px 60px;
    color: #222222;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 10px;
    font-size: 15px;
    margin-bottom: 20px;
}
/* service box */
.content-left-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
    margin-left: 30px;
}
.service-box {
    width: 300px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: flex;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    border-radius: 10px;
    align-items: center;
    padding: 15px 10px 15px 20px;
    height: 100%;
}
.service-box-icon {
    display: grid
;
    align-items: center;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #0066cc;
    box-shadow: 0 0 0 4px white, 0 0 0 5px #0066cc;
}
.icon-box i{
    color:#fff;
}
.service-box-text {
    padding-left: 20px;
    width: calc(100% - 50px);
}
.service-box-text .title{
    font-size: 18px;
    line-height: 1.6;
    text-transform: uppercase;
    color: #0066cc;
    font-weight: 700;
    display: block;
}
/* accordion */
.accordion-custom {
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    padding: 20px 30px 20px 30px;
}

.accordion-title {
    text-align: center;
    color: #0056b3;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    border:0;
}

.accordion-title img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
}

.accordion-day {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    cursor: pointer;
}

.accordion-day-number {
    background-color: #ca3232;
    color: #fff;
    font-size: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.accordion-day-content {
    flex: 1;
}

.accordion-day-content h2 {
    cursor: pointer;
    color: #0066cc;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
    margin-left: 10px;
}

.accordion-day-content p {
    margin: 0;
    margin-bottom: 10px;
    line-height: 1.6;
}

.accordion-day-content p strong {
    font-weight: 700;
}

.accordion-content-custom {
    overflow: hidden;
    max-height: 0;  /* Bắt đầu ở chiều cao 0 */
    transition: max-height 0.5s ease, padding 0.5s ease;  /* Thêm hiệu ứng chuyển động */
}

.accordion-content-custom.active {
    max-height: 500px;  /* Điều chỉnh theo chiều cao tối đa */
    padding: 10px;
}
.accordion-day-content p{
    color:#000;
}
.accordion-day.active .accordion-content-custom {
    max-height: 300px; /* Điều chỉnh tùy nội dung */
}

div.sticky {
    position: sticky;
    top: 0;
    background-color: yellow;
    padding: 50px;
    font-size: 20px;
  }
/* sidebar */
.content-right-sidebar {
    padding: 20px 10px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #e8e9e7;
}
.content-right {
    display: flex;
    flex-direction: column;
} 

.sidebar-sticky-custom {
    position: -webkit-sticky; /* Đảm bảo hoạt động trên cả trình duyệt Safari */
    position: sticky;
    top: 100px; /* Khoảng cách từ trên cùng khi sticky */
    z-index: 9999; /* Đảm bảo rằng sidebar nằm trên các phần tử khác */
    background-color: #fff; /* Màu nền của sidebar */
    padding: 15px; /* Khoảng cách xung quanh nội dung */
}

.sidebar-heading {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.sidebar-price p{
    color: #2d4271;
    font-size: 18px;
    font-weight: 400;
    display: contents;
}
.sidebar-price{
    font-weight: 700;
    color: #cc3333;
    font-size: 35px;
}

.sidebar-options-box {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #2d4271;
    font-size: 17px;
    padding: 8px 0;
    border-bottom: 1px #eee solid;
}

.sidebar-options-box i {
    margin-right: 8px;
}

h2.sidebar-heading {
    font-size: 23px;
    color: #365899;
    line-height: 1.5;
    font-weight: 700;
}
a.sidebar-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #cc3333;
    border-radius: 0.25rem;
    padding: 10px;
}
.sidebar-button div{
    font-size: 27px;
    color: white;
    text-decoration: none;
}
.sidebar-button span{
    color: white;
}
/*  */
.content-info {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    margin-top: 30px;
}
.content-info th, .content-info td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}
.content-info th {
    background-color: #d32f2f;
    color: white;
    font-weight: bold;
}
.content-info td {
    color: black;
}
.content-info tr th{
    font-size: 20px;
    padding: 15px;
}
.content-info tr td{ 
    font-size: 18px;
    padding: 15px;
}
/* CÁC THÔNG TIN CẦN BIẾT */
.content-cttcb{
    margin-top: 40px;
}
.cttcb-text{
    text-align: center;
    color: #cc3333;
    font-size: 35px;
    border-radius: 10px;
    padding: 20px 0
}
       /* Accordion Container */
       .accordion-cttcb {
        margin: 20px auto;
        border-radius: 5px;
        overflow: hidden;
    }
    .accordion-item-cttcb {
        margin-bottom: 20px;
        color: #0066cc;
        line-height: 1.4;
    }
    .accordion-item-cttcb:last-child {
        border-bottom: none;
    }

    /* Accordion Header */
    .accordion-header-cttcb {
        padding: 15px;
        cursor: pointer;
        font-size: 22px;
        background: #f1f3f4;
    }
    /* Accordion Content */
    .accordion-content-cttcb {
        display: none;
        font-size: 17px;
        line-height: 2;
        color: #242424;
        background: #f8f8f9;
        border: 1px solid #54545433;
        border-radius: 5px;
        box-shadow: 7px 9px 20px -15px #545454;
        padding: 50px;
        margin-top: 20px;
    }
    .accordion-header-cttcb i{
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        color: #cc3333;
        margin-left: 20px;
    }

    .accordion-content-cttcb p {
        margin: 0;
    }

    /* Active Class */
    .accordion-item-cttcb.active .accordion-content-cttcb {
        display: block;
    }
    /* read more */
    .content-readmore span{
        font-size: 20px;
        font-weight: 700;
        color: #000;
    }
    .content-readmore a{
        display: inline-block;
        font-size: 20px;
        color: white;
        background-color: #cc3333;
        border-radius: 10px;
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
        padding: 8px 16px;
    }
    /* post custom */
    .post-custom img{
        width: 100%;
    }
    .post-custom-heading{
        color: #224477;
        text-align: center;
        margin-top: 15px;
        font-size: 22px;
        display: block;
    }
    .sidebar-price.post-custom-price{
        text-align: center;
        display: block;
    }
    .content-footer {
        margin-bottom: 20px;
        color: #224477;
        font-size: 30px;
        font-weight: 600;
    }
    /* đánh giá của khách hàng */
    .image-box-custom{
        width: 300px;
        height: 390px;
        position: relative;
        margin-left: 0px;
    }
    .image-box-custom img,
    .image-box-custom .box-text .box-text-inner{
        border-radius: 10px;
        overflow: hidden;
    }
    .image-box-custom .box-text.text-center{
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        top: 7%;
        right: -65%;
        width: 250px;
    }
    .rate-star{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rate-star i{
        color: #ff761e;
    }
    .derip-custom i{
        font-size:35px;
    }
    .derip-custom-head{
        background-color: #ecf2fd;
        padding: 7px;
    }
    .derip-custom{
        background-color: #00a1f1;
        color: #fff;
        padding: 7px;
    }
    .image-box-custom img{
        border: 5px solid #fff;
    }
    /* blog */  
    .is-divider{
        display: none;
    }
    /* form footer */
    .form-item{
        margin-top: 32px;
    }
    .form-item p .wpcf7-form-control-wrap input{
        outline: none;
        border: 1px solid;
        box-shadow: none;
    }
    .form-btn-item p input{
        width: 100%;
        background-color: #ecb700;
        margin-bottom: 10px;
    }
    .form-item p .wpcf7-form-control-wrap input::placeholder{
        color: #000;
        font-size: 12px;
    }
    .wpcf7-spinner{
        display: none;
    }
    /* showcase */
    .post-showcase-mb .icon-box i {
        display: flex;
        color: #fff;
        font-size: 11px;
        justify-content: center;
    }
    .post-showcase-mb .service-box-icon{
        width: 20px;
        height: 20px;
        box-shadow: none;
    }
    .post-showcase-mb{
        display: flex;
        gap: 10px;
        color: #224477;
    }
    .post-custom-heading-showcase{
        color: #224477;
        margin: 20px 0;
        font-size: 19px;
        display: block;
        font-weight: 700;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 15em;
		line-height: 1.5;
		height: 50px;
    }
    .post-custom-price.post-custom-price-showcase{
        text-align: left;
        font-size: 25px;
        margin-bottom: 10px;
    }
    a.btn-showcase {
        text-align: center;
        width: 100%;
        padding: 10px 30px;
        background-color: #cc3333;
        color: #fff;
        display: block;
        border-radius: 5px;
        border: 1px solid #fff;
        box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    }
    .showcase-box{
        padding: 0 15px 15px;
    }
    .post-item-showcase{
        border-radius: 7px;
        overflow: hidden;
    }
	/* abouts */

	h2.vct-heading {
    font-size: 36.43px;
    color: rgb(0, 74, 173);
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
	position:relative;
		display:flex;
		justify-content:center;
}
h2.vct-heading::after{
	content:"";
	position:absolute;
	width:180px;
	height:5px;
	background-image: linear-gradient(rgb(242, 212, 91), rgb(255, 189, 89));
	bottom:-7px;
}
.vct-decripst {
    color: rgb(5, 31, 77);
    display: inline-block;
    word-break: break-word;
    font-size: 23px;
    text-align: center;
    margin-top: 30px;
}
.image-about-us{
	display: flex;
    gap: 35px;
	align-items: center;
    justify-content: center;
}
.image-about-box img{
	border-radius: 5px;
	overflow:hidden;
	width:260px;
	height:200px;
}
.image-about-box p{
	font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: rgb(33, 33, 33);
    text-align: center;
	margin-bottom: 0;
    margin-top: 10px;
}
p.count-about-us {
    font-size: 100px;
    font-weight: bold;
    color: #003366;
    text-align: center;
	margin-bottom: 0;
    height: 130px;
}
.count-about-exp{
	    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
h3.text-heading-custom {
    font-family: 'custom';
    font-size: 160px;
    width: fit-content;
    font-weight: 100;
    color: #225588;
    margin-bottom: 0;
    line-height: 80px;
    margin-left: 100px;
}
.tvd-custom{
	font-family: none;
    font-size: 35px;
    float: inline-end;
    margin-left: 40px;
}
.dream-custom {
    position: relative;
    font-family: 'custom';
    color: #fff;
    font-size: 90px;
    text-shadow: 2px 2px #225588;
}
.dream-custom::after{
    position: absolute;
    content: "";
    background-image: linear-gradient(rgb(242, 212, 91), rgb(255, 189, 89));
    width: 200px;
    height: 41px;
    z-index: -1;
    bottom: 20px;
	left: -20px;
}
.dream-custom::before{
    position: absolute;
    content: "";
    background-image: url(http://demo.asia-travel.com.vn/wp-content/uploads/2024/12/about-us-20240222091338-9pmau.png);
    width: 430px;
    height: 250px;
    background-size: cover;
    background-position-x: 37px;
    background-repeat: no-repeat;
    bottom: -15%;
}
.text-heading-custom-2{
	margin-left: 100px;
	font-size: 20px;
    line-height: 1.6;
    color: rgb(34, 85, 136);
    text-align: justify;
}
.gtcl_custom{
	display:flex;
	align-items:center;
	gap:15px;
}
.gtcl_custom h3{
	width:fit-content;
	font-size: 61.42px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(34, 85, 136);
}
.gtcl_custom h3:nth-child(2){
	position:relative;
}
.gtcl_custom h3:nth-child(2)::after {
	content: "";
    position: absolute;
    width: 200px;
    height: 16px;
    background-image: linear-gradient(rgb(242, 212, 91), rgb(255, 189, 89));
    bottom: 25px;
    left: 20px;
    z-index: -1;
}
.gtcl-box-icon h3{
	font-size: 20.69px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(34, 85, 136);
}
.gtcl-box-icon p{
	font-size: 17.58px;
    line-height: 1.6;
    color: rgb(34, 85, 136);
    text-align: justify;
	position:relative;
}
.gtcl-box-icon p::after{
	position: absolute;
    content: "";
    width: 75px;
    height: 5px;
    background-color: rgb(34, 85, 136);
    bottom: -10px;
    left: 25px;
}
.gtcl-box-icon{
	margin-bottom:45px !important;
}
.dtpt-custom h2{
	color: #FFFFFF;
    font-family: "TT Commons", Sans-serif;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
	text-align:center;
}
.dtpt-custom-slider .col .col-inner .img .img-inner img{
	width:100px;
	object-fit:contain;
} 
.dtpt-custom-gallery .box-image{
	height:270px;
}
.dtpt-custom-gallery img{
	height:100%;
	object-fit:cover;
}
.dtpt-custom-tab h2{
	font-size: 35px;
}
.dtpt-custom-tab p{
	color:#000 !important;
}
.tab-custom ul li a span{
	 font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.dtpt-custom-footer .col-inner h2{
	font-size:25px;
}
.dtpt-custom-footer .col-inner a{
	background-color: #BF2233;
	padding: 20px 40px;
    border-radius: 5px; 
	color:#fff;
}
.dtpt-custom-footer .col-inner p{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:50px;
}
.logo-td img{
	width:250px;
	margin-bottom:50px;
}
.td-descript p:nth-child(1){
	    line-height: 1.6;
    color: rgb(102, 238, 208);
	font-size:25px;
	margin-top:30px;
	margin-bottom:80px;
}
.td-descript p:nth-child(2){
	font-size: 21px;
	line-height: 1.6;
	border-top:1px solid #fff;
	padding-top:20px;
	width:fit-content;
	float:right;
}
.td-descript p:nth-child(3) {
    float: right;
    background-color: #66eecf;
    padding: 15px;
    border-radius: 7px;
    text-transform: uppercase;
    font-size: 20px;
    color: #4160b6;
    font-weight: 700;
}
.td-descript p:nth-child(4) {
    float: right;
    text-align: left;
    font-size: 19px;
}
.dt-bg{
	background-color:#003366;
	padding: 40px 20px 20px 20px;
}
.r2-50{
	display:flex;
	gap:20px;
	align-items:center;
	height: 200px;
}
.r2-50 span:nth-child(1){
	font-size: 175px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(255, 252, 244);
    text-align: center;
}
.r2-50 span:nth-child(2){
	font-size:40px;
	color:#fff;
	line-height:1.6;
}
.r2-50 span p{
	font-size:25px;
	border-bottom:1px solid #fff;
	color:#66eed0;
	padding-bottom:10px;
}
.r2-51{
	line-height: 1.6;
    color: rgb(255, 252, 244);
    text-align: justify;
	font-size:21px;
}
.col-custom-1{
    line-height: 1.6;
    color: rgb(255, 252, 244);
    text-align: center;
    padding: 20px;
}
.col-custom-1 h3{
    font-size: 45px;
    color: #fff;
}
.col-custom-1 p{
    font-size: 23px;
}
.bg-1022{
    background-color: rgb(23, 170, 200);
}
.bg-23{
    background-color: rgb(102, 238, 208);
}
.tr-custom-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.tr-custom-btn span{
    display: block;
    font-style: italic;
    font-size: 30px;
    color: #fff;
}
.tr-custom-btn a{
    background-color: #66eecf;
    padding: 15px;
    border-radius: 7px;
    text-transform: uppercase;
    font-size: 20px;
    color: #4160b6;
    font-weight: 700;
}
.right-col-custom{
    background-color: #003366;
    padding: 40px 20px 20px 20px;
}

.right-col-custom h3{
    font-size: 28px;
    line-height: 1.6;
    text-align: left;
    color: #fff;
}
.right-col-custom h3:nth-child(2){
    color:rgb(102, 238, 208) ;
    margin-top: 80px;
    margin-bottom: 20px;
}
.right-col-custom p{
    margin-bottom: 0;
    color: #fff;
    font-size: 19px;
    text-align: justify;
}
.right-col-custom span{
    display: block;
    margin-top: 35px;
    margin-bottom: 35px;
    font-weight: 600;
}
.left-col-custom h3{
    color: #003366;
    margin-top: 20px;
}
.left-col-custom p{
    margin-bottom: 5px;
    color: #000;
    text-align: justify;
}
.right-col-custom.mtlv h3,
.right-col-custom-2.mtlv h3
{
    font-size: 27px;
}
.right-col-custom.mtlv h3:nth-child(2){
    margin: 10px 0;
}

.right-col-custom.mtlv h3:nth-child(1){
    position: relative;
}
.right-col-custom.mtlv h3:nth-child(1)::after{
    content: "";
    position: absolute;
    width: 150px;
    height: 2.4px;
    background-color:rgb(102, 238, 208) ;
    top: -5px;
    left: 0;
}
.mtlv-ul ul li{
    font-size: 18px;
    color: #000;
}
.mtlv-ul{
    margin-top: 30px;
}
.bptc-font {
    text-align: right;
    display: flex;
    flex-direction: column;
    margin-top: 55px;
}
.bptc-font span:nth-child(1){
    font-size: 29px;
    line-height: 1.2;
    color: rgb(59, 83, 147);
}
.bptc-font span:nth-child(2),
.bptc-50{
    font-size: 21px;
    line-height: 1.2;
    color: rgb(0, 51, 102);
    font-weight: 600;
    margin-top: 20px;
}
.bptc-50{
    color:red;
}
.right-col-custom-2.mtlv h3:nth-child(1){
    line-height: 1.2;
    color: rgb(59, 83, 147);
    font-size: 25px;
}
.right-col-custom-2.mtlv h3:nth-child(2){
    color: rgb(204, 51, 51);
    font-size: 28px;
    line-height: 1.2;
}
.right-col-custom-2.mtlv h3:nth-child(1)::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 2.4px;
    background-color: rgb(204, 51, 51);
    top: -15px;
    left: 0;
}
.deripct-slider{
    display: flex;
    gap:15px;
    margin-top: 30px;
}
.deripct-slider div:nth-child(1){
    width:100px;
    height: 9px;
    background-color: rgb(204, 51, 51);
    margin-top: 9px;
}
.deripct-slider-text h3{
    color: rgb(59, 83, 147);
    font-size: 23px;
}
.deripct-slider-text p{
    color: #000;
    font-size: 20px;
    text-align: justify;
}
.ucv{
    padding: 20px;
    background-color: rgb(59, 83, 147);
}
.ucv h3{
    font-size: 30px;
    color: rgb(102, 238, 208);
}
.ucv ul li{
    color: #fff;
    margin-bottom: 25px;
    font-size: 18px;
}
.ucv ul li::marker {
    color: rgb(102, 238, 208) ;
}
.ucv-img img{
    object-fit: cover;
    height: 680px;
}
.mtcv-main{
    box-shadow: rgb(0, 0, 0) 11px -8px 25px -12px;
    padding: 20px;
}
.mtcv-box{
    display: flex;
    gap: 20px;
}
.mtcv-box-right{
    width: 25px;
    height: 12px;
    border-radius: 1000px;
    border: 2px solid rgba(13, 98, 242, 0.4);
    position: relative;
    z-index: 2;
    background-color: #fff;
}
.mtcv-box-active .mtcv-box-right{
    background-color:#0a67e9 ;
}
.mtcv-box-right::after{
    content: "";
    position: absolute;
    width: 2px;
    height: 113px;
    background-color: rgba(13, 98, 242, 0.4);
    top: 10px;
    left: 7px;
    z-index: -1;
}
.mtcv-box-active .mtcv-box-left{
    background-color: rgb(59, 83, 147);
    padding: 15px;
    color: #fff;
    border-radius: 5px;
}
.mtcv-box-left{
    color: rgb(5, 31, 77);
    padding: 15px;
}
.mtcv-box-left span:nth-child(1){
    font-size: 21px;
    font-weight: 600;
}
.mtcv-box-left span:nth-child(2){
    font-size: 19px;
}
.mtcv-box-right-2{
    width: 32px;
}
.mtcv-heading{
    line-height: 1.2;
    color: rgb(0, 51, 102);
    text-align: center;
    font-size: 40px;
}
p.mtcv-heading-P {
    font-size: 19px;
    line-height: 1.4;
    text-align: center;
    color: rgb(5, 31, 77);
}
.cctc-box .box-text{
    background-color: rgba(6, 34, 75, 0.9);
}
.cctc-box .box-text .box-text-inner h4{
    font-size: 23px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    margin-bottom: 10px;
}
.cctc-box .box-text .box-text-inner p{
    font-size: 15px;
    font-style: italic;
    line-height: 1.2;
    color: rgb(102, 238, 208);
}
.cctc-box-p{
    border-radius: 5px;
    box-shadow: rgb(0, 0, 0) 0px 15px 20px -15px;
    padding: 20px;
    background-color: #fff;
}
.cctc-box-p p{
    font-size: 18px;
    line-height: 1.4;
    color: rgb(0, 51, 102);
    text-align: justify;
}
.ytb-custom .section-content .row .col{
    padding-bottom: 0 !important;
}
.ytb-custom .section-content .row{
    line-height: 0;
}
.nhs-box h3{
    line-height: 1.4;
    color: rgb(255, 255, 255);
    font-size: 30px;
}
.nhs-box p{
    line-height: 1.6;
    color: rgb(255, 255, 255);
    text-align: justify;
    font-size: 19px;
    margin-bottom: 70px;
}
.nhs-main ul li{
    font-size: 18px;
    line-height: 1.6;
    color: rgb(255, 255, 255);
    text-align: justify;
}
.count-down-form .ux-timer{
    width: 400px;
    font-size: 35px !important;
}
p.nhs-box-p {
    margin: 0;
    text-align: center;
}
.row-nhs{
    padding: 50px 50px 0px 50px !important;
}
.ut-onl p span .ut-onl-name{
    margin-top: 30px;
}
.ut-onl p span .ut-onl-name,
.ut-onl p span .ut-onl-email,
.ut-onl p span .ut-onl-sdt{
    width: 370px;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
}
.ut-cv p span{
    background-color: #fff;
    width: 370px;
}
.ut-container{
    display: flex;
    justify-content: center;
    align-items: center;
}
.ut-cv{
    background-color: #fff;
    width: 370px;
    position: relative; 
    border-radius: 5px;
    overflow: hidden;
}
.ut-cv-box{
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 40px;
        padding: 15px;
        color: #8c8c8c;
}
.ut-cv p span{
    opacity: 0;
    position: absolute;
    top: 0;
}
.ut-onl p:nth-child(3){
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 30px;
}
.ut-onl p:nth-child(3) input{
    width: 370px;
    margin-right: 0px;
    background-image: linear-gradient(rgb(102, 238, 208), rgb(65, 96, 182));
    outline: none;
    border: none;
    padding: 10px;
    border-radius: 5px;
}
.pd0{
    padding-bottom: 0;
}
.cctc-bg{
    background-image: url('http://demo.asia-travel.com.vn/wp-content/uploads/2025/01/Mediamodifier-Design-Template.jpg');
    background-repeat: no-repeat;
    background-position-y: 100%;
}
.mgt-0{
    margin-top: 0 !important;
}
.on-top{
    border-width: 1px;
    border-radius: 10px;
    border-style: solid;
    border-color: rgb(59, 83, 147);
    background-color: rgb(237, 246, 255);
    padding: 15px;
}
.on-top strong{
    font-size: 20px;
    line-height: 1.6;
    color: rgb(0, 102, 204);
    text-align: center;
    display: block;
}
.on-top p{
    font-size: 20px;
    line-height: 1.6;
    color: rgb(71, 71, 71);
    text-align: center;
    margin: 0;
}
.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}
/* call */
.call-now-button {
    display: none;
    z-index: 9999;
    clear: both;
    margin: 0 auto;
    position: fixed;
    border-radius: 50px;
}

.call-now-button div {
    display: flex;
}

.call-now-button div p {
    color: #fff;
    display: table;
    padding: 10px;
    border-radius: 21px;
    height: 34px;
    line-height: 14px;
    font-size: 14px;
    margin: 8px 5px 8px 50px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    box-sizing: content-box;
    text-decoration: none !important;
    box-sizing: border-box;
}

.quick-alo-ph-circle.active {
    width: 130px;
    height: 130px;
    top: -40px;
    left: -40px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: 1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-ph-circle-fill.active {
    width: 80px;
    height: 80px;
    top: -15px;
    left: -15px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-ph-img-circle.shake {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    background: url('https://pantravel.vn/wp-content/plugins/TourWordpressPlugin/assets/images/quick-call-button.png') no-repeat center center;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-phone-img-circle.shake {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    background: url('https://pantravel.vn/wp-content/plugins/TourWordpressPlugin/assets/images/quick-call-button-phone.png') no-repeat center center;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-ph-img-circle.notshake {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    background: url(/images//quick-call-button.png) no-repeat center center;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-phone-img-circle.notshake {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    background: url(/images//quick-call-button-phone.png) no-repeat center
    center;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
    -moz-transform: rotate(0) scale(0.5) skew(1deg);
    opacity: 0.1;
    -moz-opacity: 0.1;
    -webkit-opacity: 0.1;
    -o-opacity: 0.1;
    }
    30% {
    -moz-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    -o-opacity: 0.5;
    }
    100% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    -o-opacity: 0.1;
    }
}
@-webkit-keyframes quick-alo-circle-anim {
    0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
    }
    30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
    }
    100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
    }
}
@-o-keyframes quick-alo-circle-anim {
    0% {
    -o-transform: rotate(0) kscale(0.5) skew(1deg);
    -o-opacity: 0.1;
    }
    30% {
    -o-transform: rotate(0) scale(0.7) skew(1deg);
    -o-opacity: 0.5;
    }
    100% {
    -o-transform: rotate(0) scale(1) skew(1deg);
    -o-opacity: 0.1;
    }
}
@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
    -moz-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
    }
    50% {
    -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
    opacity: 0.2;
    }
    100% {
    -moz-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
    }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
    }
    50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.2;
    }
    100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
    }
}
@-o-keyframes quick-alo-circle-fill-anim {
    0% {
    -o-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
    }
    50% {
    -o-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.2;
    }
    100% {
    -o-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
    }
}
@-moz-keyframes quick-alo-circle-img-anim {
    10% {
    transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
    -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
    -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
    -moz-transform: rotate(0) scale(1) skew(1deg);
    }
}
@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
@-o-keyframes quick-alo-circle-img-anim {
    0% {
    -o-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
    -o-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
    -o-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
    -o-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
    -o-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
    -o-transform: rotate(0) scale(1) skew(1deg);
    }
}
@media screen and (max-width: 2500px) {
    .call-now-button {
    display: flex !important;
    background: #bf2233;
    }
    .quick-call-button {
    display: block !important;
    }
}
@media screen and (min-width: px) {
    .call-now-button .call-text {
    display: none !important;
    }
}
@media screen and (max-width: 1024px) and (min-width: px) {
    .call-now-button .call-text {
    display: none !important;
    }
}
@media screen and (max-width: 680px) {
    .call-now-button .call-text {
    display: none !important;
    }
}
.call-now-button {
    top: 90%;
}

.call-now-button {
    left: 2%;
}

.call-now-button {
    background: #bf2233;
}

.call-now-button div a .quick-alo-ph-img-circle,
.call-now-button div a .quick-alo-phone-img-circle {
    background-color: #bf2233;
}

.call-now-button .call-text {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}
/* zalo */
#zalo-sticky {
    z-index: 99;
    position: fixed;
    right: 0;
    bottom: -6px;
}
#zalo-sticky img {
    width: 85px;
}
/* check out */
.checkout-title{
    color: #06c;
    margin: 10px 0;
    font-weight: 700;
    font-size: 25px;
}
.checkout-box {
    display: flex;
    background: #f7f8f9;
    border-radius: 10px;
    gap: 20px;
    height: 240px;
    margin-bottom: 40px;
}
.checkout-img img{
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}
.checkout-info h5{
    font-size: 20px;
    color: #000;
}
.checkout-info {
    padding: 20px;
}
.checkout-info p i{
    color: #06c;
    margin-right: 10px;
}
.checkout-info p strong{
    color: #000;
}
.checkout-info p{
    font-size: 15px;
    margin-bottom: 5px;
}
.checkout-info-price{
    color: #bf2233;
    font-weight: 700;
    font-size: 18px;
    margin-top: 20px;
}
.checkout-chu-y{
    background-color: #fff2cc;
    border-radius: 12px;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 15px 0;
    color: #247;
    font-size: 18px;
}
.checkout-display{
    display: flex;
    gap: 40px;
}
.checkout-form-box {
    margin: 0px 0px 0px 0px;
    padding: 15px 15px 15px 15px;
    background-color: #F7F8F9;
    border-radius: 10px 10px 10px 10px;
}
.checkout-form-item p span{
    font-size: 18px;
    font-weight: 600;
    position: relative;
}
.checkout-form-item p .checkout-form-affter::after{
    content: "*";
    color: red;
    padding-left: .2em;
}
.catalouge-text.load-box p{
    text-align: justify;
}
/* load more */
.content-load {
    max-height: 400px;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-bottom: 10px;
  }
  /* .content-load::after{
    content: "";
    position: absolute;
    top: 28%;
    height: 200px;
    left: 0;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    width: 100%;
  } */
  
  .content-load.show {
    max-height: max-content;
  }
  
  .read-more-btn {
    display: inline-block;
    text-align: center;
    color: #000; /* Màu chữ */
    padding: 10px 20px; /* Khoảng cách bên trong nút */
    margin-top: 10px;
    border-radius: 5px; /* Bo góc cho nút */
    cursor: pointer;
    text-transform: uppercase; /* Viết hoa chữ */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Hiệu ứng cho lớp ảo */
    width: 600px;
    font-size: 25px;
  }
  
  .read-more-btn.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: fit-content;
    background-color: #bf2233;
    color: #fff;
    font-size:15px;
  }
  
  .read-more-btn.fixed {
    position: fixed;
    bottom: 20px; /* Khoảng cách từ dưới cùng */
    left: 50%;
    transform: translateX(-50%); /* Căn giữa nút */
    z-index: 9999; /* Đảm bảo nút luôn ở trên cùng */
  }
  
  .read-more-btn.expand {
    background-color: #bf2233;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);
    width: 500px !important;
    color: #fff;
  }

  .load-box{
    margin: 20px;
    padding: 20px 20px 20px 30px;
    color: #222222;
    border-radius: 10px;
    font-size: 17px;
    box-shadow: 7px 9px 20px -15px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border: 1px solid #54545433;
  }
  /* custom post */
  .card-img-top{
    height: 250px;
  }
  .ctp2-posts {
    margin-top: 30px;
}
.post-custom-cata .showcase-box{
    padding: 0 30px 15px;
}
.post-custom-cata .showcase-box span{
    max-width: 30em;
    height: 55px;
}
.post-custom-cata .showcase-box .post-showcase-mb span{
    height: auto;
}
.post-custom-cata .showcase-box .post-showcase-mb i{
    font-size: 10px;
}
.post-custom-cata .showcase-box .post-showcase-mb .service-box-icon{
    width: 23px;
    height: 23px;
}
.post-custom-cata .showcase-box .post-showcase-mb span{
    width: 270px;
    font-size: 15px;
}
.post-custom-cata .showcase-box .post-showcase-mb{
    margin-bottom: 10px;
}
.show-case-btn{
    display: flex;
    gap: 10px;
}
.show-case-btn a{
    padding: 10px 0;
    font-size: 14px;
}
.show-case-btn a:nth-child(1){
    color: #0066cc;
    background-color: white;
    border: 1px solid #0066cc;
}
/* General table styles */
.tour-table table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
  }
  
  .tour-table th,
  .tour-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
  }
  
  .tour-table th {
    background-color: #f7f7f7;
    font-weight: bold;
  }
  
  .tour-table td {
    font-size: 14px;
  }
  /* new css */
  .box-icon-header{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .b-icon{
    background-image: linear-gradient(134deg,rgb(250, 117, 91),rgb(221, 8, 1));
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 17px;
    line-height: 45px;
    height: 45px;
    text-align: center;
    width: 45px;
  }
  .b-icon-text{
    display: flex;
    flex-direction: column;
  }
  .b-icon-text span{
    display: block;
    color: #223645;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    
  }
  .b-icon-text a{
    color: #eb3e2d;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 2px;
    
  }
/* Nút mở menu */
#openMenuBtn {
    background-image: linear-gradient(134deg, rgb(250, 117, 91), rgb(221, 8, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
    border: none;
    cursor: pointer;
    z-index: 999;
    position: relative;
    font-size: 25px;
    margin-right: 0;
    padding: 0;
  }
  
  /* Nền mờ */
  .menu-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 998;
  }
  
  /* Panel trượt */
  .menu-panel {
    position: fixed;
    top: 0;
    right: -100%;
    width: 90%;
    max-width: 400px;
    height: 100vh;
    background: white;
    z-index: 999;
    transition: right 0.3s ease;
    box-shadow: -2px 0 10px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
  }
  
  /* Nội dung có scroll */
  .menu-inner {
    overflow-y: auto;
    height: 100%;
    padding: 20px;
  }
  
  /* Nút đóng */
  .close-menu-button {
    position: absolute;
    top: 50px;
    right: 5px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1005;
    font-size: 18px;
  }
  
  /* Khi mở menu */
  .menu-open #menuPanel {
    right: 0;
  }
  .menu-open #menuBackdrop {
    opacity: 1;
    visibility: visible;
  }
  .b-icon-text{
    font-size: 15px;
    color: #794322;
    line-height: 25px;
    }
  /* Responsive styling for smaller screens */
  @media (max-width: 768px) {
    .tour-table table {
      display: block;
      overflow-x: auto;
      white-space: nowrap;
    }
  
    .tour-table th,
    .tour-table td {
      font-size: 12px;
      padding: 6px;
    }
  }
  
  @media (max-width: 480px) {
    .tour-table th,
    .tour-table td {
      font-size: 11px;
      padding: 4px;
    }
  
    .tour-table td {
      word-break: break-word;
    }
  }
  
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.image-box-custom{
    margin-left: auto;
}

.img-desgin .section-bg img {
    bottom: 25px !important;
}
.countdown-ss{
    height: auto !important;
}
.form-container{
    width: auto !important;
    padding: 20px !important;
}
.form-container p:nth-child(2){
    height: 250px;
}
.image-box-custom img{
    border: 5px solid #fff;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    overflow: hidden;
    object-fit: cover;
}
.image-box-custom .box-text.text-center{
    top: 0;
    right: 0;
    width: auto;
    position: unset;
}
.image-box-custom .box-image div{
    display: flex;
    align-items: center;
}
.slider-reponsive .flickity-page-dots{
    bottom: -35px !important;
}
.tr__text-animation{
    flex-direction: column;
    align-items: center;
}
.tr__animation > div > div{
    font-size: 20px;  
    text-align: center;
    width: 100%;
}
.box-icon-reponsive .col-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px;
}
.box-icon-reponsive .col-inner .tr__svg-style-text{
    text-align: left;
}
#tour_table, #tour_table td{
    font-size: 7px !important;
}
#tour_table td{
    padding: 0 !important;
    text-align: center;
}
a.icon.primary.button.round.is-small{
    background-color: #7b431e !important;
}
.checkout-box{
    height: auto !important;
    flex-direction: column;
}
.checkout-form-box{
    margin-top: 20px;
}
.checkout-chu-y{
    font-size: 16px;
    text-align: justify;
    display: block;
}
.checkout-display {
    display: flex;
     gap: 0px; 
    flex-direction: column;
}
.checkout-form-item p span{
    font-weight: 100;
}
.checkout-info p{
    font-size: 19px;
}
.content-load{
    max-height: 315px;
}
.content-load::after{
    top: 27%;
}
}
/* css mới */
/* slider */
.tr__swiper-container {
    width: 100%;
    padding: 40px 0;
    cursor: grab;
  }
  
  .tr__swiper-container:active {
    cursor: grabbing;
  }
  
  .tr__swiper-container .swiper-slide {
    background: #f2f2f2;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    min-width: 200px;
    user-select: none;
  }
  
  .tour-card {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
  }
  
  .tour-image {
    background-size: cover;
    background-position: center;
    height: 450px;
    display: flex;
    align-items: flex-end;
    border-radius: 20px;
    transition: transform 0.3s ease;
  }
  
  .tour-image:hover {
    transform: scale(1.02);
  }
  
  .tour-content {
    background: #fff7ea;
    padding: 20px;
    width: 90%;
    margin: 0 auto 20px auto;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  }
  
  .tour-rating {
    position: absolute;
    top: -15px;
    right: 20px;
    background-color: #f44336;
    color: white;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: bold;
  }
  
  .tour-title {
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-transform: uppercase;
  }
  
  .tour-desc {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    min-height: 40px;
  }
  
  .tour-extra {
    font-size: 13px;
    color: #555;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  
  .tour-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  
  .btn-showcase {
    padding: 8px 16px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-size: 14px;
    transition: background-color 0.3s ease;
  }
  
  .btn-showcase:hover {
    background-color: #0056b3;
  }
  /* header */
  .header-bottom-nav > li > a{
    font-weight: 800;
    font-size: 15px;
  }

.custom-tour-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.custom-tour-card:hover {
    transform: translateY(-5px);
}

.custom-tour-image {
    position: relative;
    height: 200px;
    background-size: cover;
    background-position: center;
}

.custom-tour-content {
    padding: 15px;
    text-align: center;
}

.custom-tour-title {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    color: #333;
}

.custom-tour-desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.custom-tour-btn-showcase {
    display: inline-block;
    padding: 10px 20px;
    background: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s ease;
}

.custom-tour-btn-showcase:hover {
    background: #0056b3;
}

.tour-card-custom {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    overflow: hidden;
    margin-bottom: 30px;
    transition: transform 0.3s ease;
}

.tour-card-custom:hover {
    transform: translateY(-5px);
}

.tour-card-image img {
    width: 100%;
    height: auto;
    display: block;
}

.tour-card-body {
    padding: 20px;
}

.tour-card-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #1a1a1a;
}

.tour-card-body p {
    margin: 5px 0;
    font-size: 0.95rem;
}

.tour-card-price {
    margin: 10px 0;
    font-size: 1.1rem;
    color: #e40000;
}

.tour-card-price strong {
    font-size: 1.3rem;
}

.tour-card-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.tour-card-buttons a {
    flex: 1;
    text-align: center;
    padding: 10px 15px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.95rem;
}

.btn-view-program {
    background-color: white;
    border: 2px solid #007bff;
    color: #007bff;
}

.btn-book-tour {
    background-color: #d50000;
    color: white;
    border: none;
}

.btn-view-program:hover {
    background-color: #007bff;
    color: white;
}

.btn-book-tour:hover {
    background-color: #b20000;
}
.bg-over .section-bg-overlay{
    background-image: linear-gradient(0deg, #f9f9f9 10%, hsla(0, 0%, 100%, 0) 50%, rgba(249, 249, 249, 1) 100%) !important;
}
span.text-top {
    display: block;
    border-radius: 9999px;
    border-color: rgb(224 224 224);
    border: 1px solid rgb(224 224 224);
    width: fit-content;
    padding: 5px 10px;
}
.img-desgin .section-bg img{
    object-fit: contain;
    z-index: 2;
    bottom: 0;
    height: auto;
    top: auto;
}
.travel-banner {
    position: relative;
    width: 100%;
    height: 700px;
    overflow: hidden;
    background-image: linear-gradient(180deg, rgba(255, 210, 32, 0) 0, #ffea97 100%);
}
.travel-banner .banner-container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    z-index: 2;
}

/* Style chung cho các landmark */
.travel-banner img.landmark {
    position: absolute;
    bottom: 20px;
    left: 5%;
    height: 60%;
    object-fit: contain;
    transition: all 0.5s ease;
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.1));
}

.travel-banner img.landmark:hover {
    transform: translateY(-8px);
    filter: drop-shadow(0 8px 20px rgba(0,0,0,0.15));
}

/* Vị trí và kích thước cho từng landmark */
.travel-banner img:nth-child(1) {
    left: 0%;
    height: 75%;
    z-index: 1;
}

.travel-banner img.pyramid {
    left: 23%;
    height: 45%;
    z-index: 2;
}

.travel-banner img.mausoleum {
    left: -7%;
    height: 85%;
    z-index: 3;
    bottom: -7%;
}

.travel-banner img.tajmahal {
    left: 56%;
    height: 40%;
    z-index: 2;
    bottom: -5%;
}

.travel-banner img.kyoto {
    left: 51%;
    height: 80%;
    z-index: 1;
    bottom: -10%;
}

.travel-banner img.japan {
    left: 90%;
    height: 75%;
    z-index: 1;
}

/* Máy bay với hiệu ứng bay */
.travel-banner img.plane {
    position: absolute;
    top: 20%;
    left: 40%;
    width: 330px;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1));
    animation: flyPlane 20s linear infinite;
    z-index: 5;
}

/* Responsive */
@media (max-width: 768px) {
    .travel-banner {
        height: 300px;
        padding-bottom: 30px;
    }
    
    .travel-banner img.landmark {
        height: 45% !important;
        bottom: -5px;
    }
    
    .travel-banner img.plane {
        width: 120px;
        top: 25%;
    }

    .travel-banner::after {
        height: 50px;
    }
}

/* search icon */
.search-name{
    padding: 10px !important;
    border: 1px solid #ee4937;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    padding-left: 12px !important;
}
.search-name i {
  color: #eb3e2d;
  font-weight: 700 !important;
  font-size: 20px !important;
}
.yctv-box {
    background-color: #d03227;
    border: none;
    color: #fff;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-image: linear-gradient(134deg, #ed5e42, #ba231d);
    padding: 13px;
    border-radius: 999px;
}
.yctv-box span{
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}
.icon-angle-down:before{
    content: "\f0d7";
    display: inline-block;
    float: right;
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-weight: 900;
    margin-left: 8PX;
    -webkit-transition: transform 0.4s;
    -moz-transition: transform 0.4s;
    -ms-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
}
/* slider vòng quanh tg */
.img-htdn img{
    border-radius: 10px;
}
/* feedback */
.box-feedback .col-inner{
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    height: 500px;
    position: relative;
    background-image: url("https://test.quanghuymedia.com/wp-content/uploads/2025/05/camnhanKH.webp");
}
.box-feedback-2 .col-inner{
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    height: 500px;
    transition: all 0.3s ease;
}
.box-feedback-2 .col-inner:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    transform: translateY(-10px);
}
.box-feedback-2 .col-inner {
    position: relative;
    overflow: hidden;
}

.box-custom-fb{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.box-custom-fb h2{
    font-size: 80px;
    font-weight: 600;
    width: fit-content;
    color: #b3b3b3;
}
.start-fb{
    display: flex;
    gap: 5px;
    font-size: 20px;
    color: #fa3b1e;
}
.box-custom-fb span{
    font-weight: 600;
    color: #b3b3b3;
}
.box-custom-fb h3{
    font-size: 17px;
    color: #b8b8b8;
    font-weight: 100;
    text-align: center;
}
.box-feedback-2 h3{
    color: #b3b3b3;
    font-weight: 100;
}
.box-feedback-2 p span{
    display: block;
    background: #c22d23;
    background-image: linear-gradient(134deg, #ed5e42, #ba231d);
    width: fit-content;
    padding: 6px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    margin-bottom: 80px;
}
.name-fb{
    margin-top: 75px;
}
.name-fb span{
    font-weight: 600;
}
.name-fb p{
    color: #b3b3b3; 
}
.img-fb-none{
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
}
.img-fb-none img{
    height: 500px;
    object-fit: cover;
}
.box-feedback-2 .col-inner:hover .img-fb-none{
    display: block;
    animation: slideDown 0.3s ease-in;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
        will-change: transform, opacity;
        transform-origin: center top;
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        will-change: auto;
    }
}

.slide-down {
    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

@keyframes slideUp {
    from {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
    to {
        opacity: 0; 
        transform: scale(0.8) translateY(-30px);
    }
}
.box-feedback-2 .col-inner{
    padding: 0 !important;
}
.box-main-fb{
    padding: 20px;
}
.box-feedback-2 .col-inner:hover .box-main-fb{
    padding: 0 !important;
}
.box-htdn .col-inner{
    border-radius: 10px;
    background-color: #FFFFFF;
    overflow: hidden;
    position: relative; /* Thêm dòng này nếu chưa có */
}
.pst-dkh{
    display: flex
    ;
        align-items: center;
        gap: 10px;
        background-image: linear-gradient(327deg, #ed5e42, #ba231d);
        color: #fff;
        font-size: 15px;
        padding: 5px 10px;
}
.pst-dkh h4{
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0px;
    color: #fff;
}
.pst-dkh p{
    font-size: 13px;
    font-weight: 100;
    margin-bottom: 0px;
}
.text-htdn{
    font-weight: 600;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 25px;
    padding-top: 11px;
    margin-bottom: 10px;
    color: #223645;
}
span.drip-htdn {
    display: block;
    height: 93px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    padding: 0 25px;
    font-size: 14px;
    font-style: italic;
    text-align: justify;
}
.box-htdn .col-inner .img{
    margin-bottom: 0px;
}
.slider-htdn .slider .flickity-prev-next-button.previous{
    left: 91%;
}
.slider-htdn .slider .flickity-prev-next-button{
    bottom: auto;
    top: -20%;
    opacity: 1;

}
.slider-htdn .slider .flickity-prev-next-button svg{
    background-image: linear-gradient(134deg, #ed5e42, #ba231d);
    color: #fff;
    border:0;
}
.slider-htdn .slider .flickity-prev-next-button,
.slider-htdn .slider .flickity-prev-next-previous{
    width: 43px;
    height: 43px;
}

.slider-fb .slider .flickity-prev-next-button.previous{
    left: 85%;
}
.slider-fb .slider .flickity-prev-next-button{
    bottom: auto;
    top: -27%;
    opacity: 1;

}
.index-none .tour-section-header{
    display: none;
}
.icon-header{
    margin-bottom: 4px;
    margin-right: 15px;
}