/**
* Theme Name:     K-Tech
* Author:         K-Tech
* Template:       flatsome
* Text Domain:	   k-tech
* Description:    Theme Build by Dai
* Theme URI:      https://k-tech.net.vn/
* Author URI:     https://k-tech.net.vn/
* Version:        2025
* License:        2NRJM-B46WR-K6VQR-Y4T3D-QRWPX
* License URI:    https://k-tech.net.vn/
*/


/* #ux-language-dropdown li a[hreflang="zh"],
#ux-language-dropdown li a[hreflang="hi"] {
display: none !important;
} */

/* Mặc định chỉ hiện tiếng Việt */
.slider-en,
.slider-zh,
.img-en,
.img-zh {
    display: none !important;
}

/* Page */
.sec-page {
	padding: 30px 200px;
}

.title-name h2{
    position: relative;
    display: inline-block;
    margin: 0;
    padding-bottom: 15px;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--primary-color);
    text-transform: uppercase;
}


/* ============ Business page =========== */
/* ===== Dịch vụ Hải quan ===== */





/* ===========================
   Customs Tabs
=========================== */

.col-customs .tabbed-content{
    display:flex;
    gap:15px;
    align-items:stretch;
}

/* LEFT */
.col-customs .nav{
    width:340px;
    min-width:340px;
    display:flex;
    flex-direction:column;
    gap:16px;
    margin:0;
    padding:14px;
    list-style:none;
    background:#f7f7f7;
    border-radius:20px;
}

.col-customs .nav>li{
    margin:0!important;
}

.col-customs .nav>li>a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 22px;
    background:#fff;
    border-radius:12px;
    color:#1c1c1c;
    font-weight:600;
    transition:.3s;
    text-decoration:none;
}

/* active */
.col-customs .nav>li.active>a{
    background:#18385f;
    color:#fff;
}

.col-customs .nav>li.active>a::after{
    background:#fff;
    color:#18385f;
}

/* hover */
.col-customs .nav>li>a:hover{
    background:#18385f;
    color:#fff;
}

.col-customs .nav>li>a:hover::after{
    background:#fff;
    color:#18385f;
}


/* RIGHT */
.col-customs .tab-panels{
    flex:1;
    padding:0;
    border:none;
}

.col-customs .panel{
    background:#f7f7f7;
    border-radius:20px;
    padding:18px;
}

.col-customs .panel img{
    width:100%;
    height:200px;
    object-fit:cover;
    border-radius:10px;
    display:block;
    margin-bottom:15px;
}

.col-customs .panel p{
    font-size:17px;
    line-height:1.9;
    color:#444;
}


/* Mobile */
@media(max-width:849px){

    .col-customs .tabbed-content{
        flex-direction:column;
    }

    .col-customs .nav{
        width:100%;
        min-width:100%;
    }

}


/* sec-services-overview */

.sec-services-overview .tb-tthq {
    top: 2%;
}




.sec-business .col-customs .row > .col{
    display:flex;
}

.sec-business .col-customs .row > .col > .col-inner{
    width:100%;
    padding:30px;
    border:1px solid #e8e8e8;
    border-radius:12px;
    background:#fff;
    transition:.3s;
    position:relative;
}
/* 
.sec-business .col-customs .row > .col > .col-inner:hover{
    transform:translateY(-3x);
    box-shadow:0 15px 35px rgba(0,0,0,.06;
} */

/* title */
.sec-business .col-customs h3{
    margin:0 0 15px;
    font-size:22px;
    line-height:1.35;
    text-transform:none;
    color:#1d2c54;
}


/* col Freight */
.col-freight .img-inner {
	border-radius: 10px;
}



/* ===== Inspection Tabs ===== */

.col-inspection .tabbed-content{
    display:flex;
    flex-direction:column;
    gap:24px;
}

/* Danh sách tab */
.col-inspection .nav{
    display:flex;
    gap:16px;
    padding:0;
    margin:0;
    list-style:none;
    flex-wrap:nowrap;
}

/* Mỗi tab bằng nhau */
.col-inspection .nav > li{
    flex:1;
    margin:0 !important;
}

/* Link trong tab */
.col-inspection .nav > li > a{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:90px;
    height:100%;
    padding:15px;
    border:1px solid #e5e5e5;
    border-radius:12px;
    background:#fff;
    font-weight:600;
    transition:.3s;
}

/* Căn giữa text */
.col-inspection .nav > li > a span{
    display:block;
    line-height:1.5;
}

/* Hover */
.col-inspection .nav > li > a:hover{
    border-color:var(--primary-color);;
    color:var(--primary-color);;
}

/* Active */
.col-inspection .nav > li.active > a{
    background: #18385f;
    color:#fff;
}

.col-inspection .nav > li.tab > a > span{
	font-size: 1.4rem;
}

/* Nội dung */
.col-inspection .tab-panels{
    padding:24px;
    border-radius:12px;
    background:#3a637b;
	color: #fff;
}

.col-inspection .tab-panels .img .img-inner{
	border-radius: 10px;
}

.col-inspection .nav.nav-pills {
	display: flex;
	align-items: stretch;
}

.col-inspection .nav.nav-pills > li > a {
	height: 100%;
}
	

/* Mobile */
/* @media (max-width: 849px){

    .col-inspection .nav{
        flex-direction:column;
    }

    .col-inspection .nav > li > a{
        min-height:70px;
    }

} */

/* col Domestic */

.col-domestic .banner-bg {
	border-radius: 10px;
}

/* ===== International Transport ===== */

.col-international .row{
    display:flex;
    flex-wrap:wrap;
}

.col-international .row > .col{
    display:flex;
}

.col-international .row > .col > .col-inner{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    /* padding:30px !important; */
    border-radius:15px;
}

.col-international .row-content .col {
    padding-left: 5px;
	padding-right: 5px;
}

.col-international .img .img-inner {
	border-radius: 10px;
}


/* 
@media(min-width:850px){

    .col-customs .consulting{
        margin-left:16.666%;
    }

}

@media(max-width:849px){

    .col-customs h3{
        font-size:20px;
    }

}

@media(max-width:549px){

    .col-customs .row > .col > .col-inner{
        padding:24px;
    }

    .col-customs h3{
        font-size:18px;
    }

} */




/* Customer list page*/


/* sec customer benefits */
.sec-customer-benefits .col-inner .banner {
	background: none !important;
}

/* ============ Contact page ============*/
.sec-contact h2{
    font-size:22px;
    color:var(--primary-color);
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:2px solid #e5e7eb;
}

.sec-contact .text-name p{
    font-weight:600;
    font-size:17px;
    color:#1f2937;
    margin-bottom:12px;
}

.sec-contact .text-address p,
.sec-contact .text-phone p,
.sec-contact .text-email p{
    position:relative;
    padding-left:28px;
    margin-bottom:10px;
    color:#555;
}

.sec-contact .text-address p::before,
.sec-contact .text-phone p::before,
.sec-contact .text-email p::before{
    position:absolute;
    left:0;
    top:2px;
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    color:var(--primary-color);
}

.sec-contact .text-address p::before{
    content:"\f3c5"; /* map-marker-alt */
}

.sec-contact .text-phone p::before{
    content:"\f095"; /* phone */
}

.sec-contact .text-email p::before{
    content:"\f0e0"; /* envelope */
}





/* =========== Header ============= */
.header .header-main {
	background-color: var(--primary-color);
}

/* Li chứa block icon */
.flex-col.hide-for-medium.flex-right .top-bar-nav > .header-block {
    width: auto !important;
}

.flex-col.hide-for-medium.flex-right .header-block .row.has-block {
    margin: 0 !important;
}

/* Các col icon */
.flex-col.hide-for-medium.flex-right .header-block .row.has-block > .col {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 4px !important;
}

/* Col-inner */
.flex-col.hide-for-medium.flex-right .header-block .col-inner {
    padding: 0 !important;
    margin: 0 !important;
}

/* Icon */
.flex-col.hide-for-medium.flex-right .header-block .img {
    width: 25px !important;
    max-width: 25px !important;
    margin: 0 !important;
}

.flex-col.hide-for-medium.flex-right .header-block .img img {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
}

/* Languages */
/* .flex-col.hide-for-medium.flex-right .header-language-dropdown {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 0 0 12px !important;
    padding: 0 !important;
} */

/* .header-language-dropdown .nav-dropdown {
	top: 35px;
} */


/* =========== footer ============= */

.sec-footer .text-address {
	padding-left: 40px;
}

.absolute-footer {
	color: #fff;
}

.sec-footer .ux-menu .ux-menu-link .ux-menu-link__link {
	font-size: 17px;
}

/* Tiêu đề footer */
.title-footer {
    position: relative;
    padding-left: 20px;
}

/* Icon mũi tên */
.title-footer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 13px;
    height: 16px;
    transform: translateY(-50%);
    background: #38b6ff;
    clip-path: polygon(
        0 0,
        65% 0,
        100% 50%,
        65% 100%,
        0 100%,
        48% 50%
    );
}

/* Chữ */
.title-footer h2 {
    margin: 0;
}

/* Introduce Page */

/*  */
/* ===== Timeline Tabs ===== */

.tab-history .nav{
    display:flex;
    gap:2px;
    padding:0;
    margin:0 0 10px;
    list-style:none;
    background:#f5f5f5;
    overflow-x:auto;
    flex-wrap:nowrap;
}

.tab-history .nav::-webkit-scrollbar{
    display:none;
}

.tab-history .nav > li{
    flex:1;
    margin:0 !important;
}

.tab-history .nav > li > a{
    display:flex;
    align-items:center;
    justify-content:center;
    height:50px;
    padding:0;
    background:#f3f3f3;
    color:#888;
    font-size: 1.1em;
    font-weight:500;
    text-decoration:none;
    transition:.25s;
    border:none;
    line-height:1;
}

.tab-history .nav > li > a span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    margin:0;
    line-height:1;
    white-space:nowrap;
}

/* Hover */
.tab-history .nav > li > a:hover{
    background:#e9e9e9;
    color:#555;
}

/* Active */
.tab-history .nav > li.active > a{
    background: #18385f;
    color:#fff;
}

/* Flatsome có line dưới active, bỏ đi */
.tab-history .nav-line-bottom>li>a:before,
.tab-history .nav-line-grow>li>a:before,
.tab-history .nav-line>li>a:before{
    display:none !important;
}

/* Không bo góc */
.tab-history .nav > li > a{
    border-radius:0;
}

.tab-history .img-inner{
	border-radius: 10px;
}


/*  */

/* ===== Values Section ===== */

.col-values .row{
    margin-bottom: 0 !important;
}

.col-values .values-text,
.col-values .values-image{
    padding: 0 !important;
}

.col-values .values-text .col-inner,
.col-values .values-image .col-inner{
    height: 500px;
}

/* Ô nội dung */
.col-values .values-text .col-inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 27px;
    color: #fff;
}

/* Xen kẽ màu */
.col-values .row:nth-child(2) .values-text .col-inner{
    background: #7d160f;
}

.col-values .row:nth-child(3) .values-text .col-inner{
    background: #f57c00;
}

.col-values .row:nth-child(4) .values-text .col-inner{
    background: #1496ad;
}

.col-values .row:nth-child(5) .values-text .col-inner{
    background: #4b5563;
}

/* Tiêu đề */
.col-values .values-text h2{
    color: #fff;
    margin-bottom: 10px;
/*     font-size: 35px; */
    font-weight: 700;
}

/* Nội dung */
.col-values .values-text p,
.col-values .values-text li{
    color: rgba(255,255,255,.9);
/*     line-height: 1.8; */
/*     font-size: 15px; */
}

.col-values .values-text ul{
    margin-bottom: 0;
}

/* Ô ảnh */
.col-values .values-image .col-inner{
    overflow: hidden;
}

.col-values .values-image .img,
.col-values .values-image .img-inner{
    width: 100%;
    height: 100%;
}

.col-values .values-image img{
    width: 100%;
    height: 100%;
/*     object-fit: cover; */
    display: block;
	padding: 70px;
}


/*  */
/* ==========================
   Awards
========================== */

/* Card */
.col-awards .box{
    display: block;
/*     margin-bottom: 20px; */
    padding: 30px;

    background: #fff;
    border: 1px solid #ececec;
    border-radius: 16px;
/*     box-shadow: 0 10px 30px rgba(0,0,0,.08); */
    transition: .3s;
}

/* .col-awards .box:hover{
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,.12);
} */

/* Ảnh */
.col-awards .box-image{
/*     width: 60% !important; */
    margin-bottom: 25px;
}

.col-awards .box-image img{
/*     width: 100%;
    max-height: 650px; */
    object-fit: contain;
    display: block;
    background: #f8f8f8;
    border-radius: 10px;
}

/* Nội dung */
.col-awards .box-text{
    padding: 0 !important;
    text-align: center !important;
}

.col-awards .box-text p{
    margin: 0 auto;
    max-width: 900px;
    font-weight: 500;
}


.col-awards .row-awards {
    display: flex;
    align-items: stretch;
}

.col-awards .row-awards > .col {
    display: flex;
}

.col-awards .row-awards > .col > .col-inner {
    display: flex;
    width: 100%;
}

.col-awards .row-awards .box {
    display: flex;
    flex-direction: column;
    width: 100%;
}




/*  */

.col-commitment .commitment-img img{
	border-radius: 10px;
}



/*==========================
  Strengths
==========================*/
/* Metrics */
.col-strengths .row-metrics>.col{
    padding:10px;
}

.col-strengths .row-metrics>.col>.col-inner{
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:18px;
    padding:30px 15px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
    transition:.3s;
    height:100%;
}

.col-strengths .row-metrics>.col>.col-inner:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 30px rgba(0,0,0,.08);
}

/* Số */
.col-strengths .title-metrics h2{
    margin:0;
    color:var(--primary-color);
/*     font-size:52px; */
    font-weight:800;
/*     line-height:1; */
}

/* Mô tả */
.col-strengths .row-metrics p{
    margin:18px 0 0;
/*     font-size:18px; */
    font-weight:600;
    color:#555;
/*     line-height:1.5; */
}

/* ===========================
   STRENGTHS ACCORDION
=========================== */

.col-strengths .accordion{
    padding-top: 20px;
}

.col-strengths .accordion-item{
    margin-bottom: 15px;
}


.col-strengths .accordion-title{
/*     display:flex; */
/*     align-items:center; */
/*     padding:34px 0; */
    text-decoration:none;
    color:#0b6cb8;
    transition:.3s;
}

/* Tiêu đề */
.col-strengths .accordion-title span{
/*     flex:1; */
    font-size:25px;
    font-weight:300;
    line-height:1.2;
    background:linear-gradient(90deg,#0b6cb8 0%,#46b84f 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}

/* Nội dung */
.col-strengths .accordion-inner{
    padding: 20px !important;
    color: #000 !important;
    font-size:18px;
    line-height:1.9;
}

.col-strengths .accordion-inner p{
    margin:0;
}

/* Hover */
.col-strengths .accordion-title:hover span{
    opacity:.9;
}
/* Button */
/* .col-strengths .accordion-title .toggle{
    width:70px;
    height:70px;
    min-width:70px;
    border:none;
    background:none;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:40px;
} */

/* Ẩn icon mặc định */
/* .col-strengths .accordion-title .toggle i{
    display:none;
} */

/* Dấu + */
/* .col-strengths .accordion-title .toggle::before{
    content:"+";
    font-size:54px;
    font-weight:300;
    color:#3d4e5f;
    line-height:1;
    transition:.3s;
} */

/* Dấu - khi mở */
/* .col-strengths .accordion-item.active .toggle::before,
.col-strengths .accordion-title[aria-expanded="true"] .toggle::before{
    content:"−";
} */



/* Mobile */
/* @media(max-width:849px){

    .col-strengths .accordion-title{
        padding:20px 0;
    }

    .col-strengths .accordion-title span{
        font-size:28px;
    }

    .col-strengths .accordion-title .toggle{
        width:40px;
        height:40px;
        min-width:40px;
        margin-left:20px;
    }

    .col-strengths .accordion-title .toggle::before{
        font-size:34px;
    }

    .col-strengths .accordion-inner{
        padding:0 0 24px;
        font-size:16px;
    }
}
 */


/* ============ customer list page  ============*/
.customer-swiper {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
}

/* Wrapper */
.customer-swiper .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    align-items: center;

    white-space: nowrap;

    transition: none !important;

    will-change: transform;
}

/* Slide */
.customer-swiper .swiper-slide {
    width: auto !important;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 60px;
    transition: none !important;
}

/* Logo */
.customer-swiper .swiper-slide img {
    width: 280px;
    height: 150px;
    max-height: 150px;
    object-fit: contain;
    display: block;
    transition: transform .3s ease;
}

/* Hover */
.customer-swiper .swiper-slide img:hover {
    transform: scale(1.05);
}

/* =========================================
   MARQUEE
   ========================================= */

.customer-swiper.customer-marquee-ready .swiper-wrapper {
    animation-name: customer-logo-marquee;
    animation-duration: var(--marquee-duration);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


/*
 * Di chuyển đúng bằng chiều rộng của bộ logo đầu tiên.
 *
 * Ví dụ:
 *
 * 1 2 3 4 5 | 1 2 3 4 5
 *             ↑
 *          reset
 *
 * Hai bộ giống nhau nên không thấy điểm reset.
 */
@keyframes customer-logo-marquee {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(
            calc(var(--marquee-distance) * -1),
            0,
            0
        );
    }
}

/* =========================================
   HEIGHT
   ========================================= */
.col-cars .customer-swiper .swiper-slide {
    height: 120px;
}

/* =========================================
   MOBILE
   ========================================= */
@media (max-width: 767px) {
    .customer-swiper .swiper-slide {
        margin-right: 30px;
    }
    .customer-swiper .swiper-slide img {
        width: 220px;
        height: 120px;
    }
}


/*  */
/* ===== Khách hàng xe tải / xe chuyên dụng ===== */
.col-trucks .item>.col-inner{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.03);
    height:100%;
    transition:.3s;
}

.col-trucks .item>.col-inner:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(0,0,0,.06);
}

/* ===== 1 logo ===== */

.col-trucks .logo{
    display:flex;
    justify-content:center;
    align-items:center;
    height:120px;
    margin-bottom:20px;
}

.col-trucks .logo img{
    max-height:90px;
    width:auto;
    object-fit:contain;
}

/* ===== 2 logo cùng công ty ===== */

.col-trucks .logo1,
.col-trucks .logo2{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100px;

    /* bỏ hoàn toàn card của từng logo */
    background:transparent;
    border:none;
    box-shadow:none;
    padding:0;
    margin:0;
}

.col-trucks .logo1 img,
.col-trucks .logo2 img{
    max-height:70px;
    width:auto;
    object-fit:contain;
}

/* tên công ty */

.col-trucks .name-logo{
    margin-top:18px;
}

.col-trucks .name-logo h4{
    margin:0;
    font-size:18px;
    font-weight:700;
    color:var(--primary-color);
    line-height:1.5;
}

/* mobile */

@media (max-width:849px){

    .col-trucks .item>.col-inner{
        padding:24px;
    }

    .col-trucks .logo{
        height:90px;
    }

    .col-trucks .logo img{
        max-height:70px;
    }

    .col-trucks .logo1 img,
    .col-trucks .logo2 img{
        max-height:55px;
    }
}

/* CSS dành cho iPad */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	/* Page */
	.sec-page {
		padding: 30px 0px;
	}
	
	/* =========== footer ============= */
	.sec-footer .text-address {
		padding-left: 20px;
	}

}


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	/* Page */
	.sec-page {
		padding: 30px 0px;
	}
	
	.title-name h2{
		font-size: 23px;
	}
	

	/* Introduce Page */
	/* ===== Timeline Tabs ===== */
   .tab-history .nav{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 8px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .tab-history .nav > li{
        flex: 0 0 auto;
        width: 110px;
        margin: 0 !important;
    }

    .tab-history .nav > li > a{
        height: 44px;
        padding: 0 14px;
        font-size: 14px;
        line-height: 1;
        white-space: nowrap;
    }

    .tab-history .nav > li > a span{
        white-space: nowrap;
    }

    .tab-history .nav > li.active > a{
        background: #18385f;
        color: #fff;
    }
	
	/* 	 */
	/* Mỗi row dùng flex */
    .col-values .row{
        display:flex;
        flex-direction:column;
    }

    /* Mặc định: ảnh lên trước */
    .col-values .values-image{
        order:1;
    }

    .col-values .values-text{
        order:2;
    }


	/* col-inspection */

	.col-inspection .nav > li.tab > a > span{
		font-size: 1rem;
	}

	.col-inspection .nav > li > a {
		padding: 10px;
	}

	.col-inspection .nav {
		gap: 10px;
	}

	

	
/* 	 */
	
	.col-awards .box-image {
		width: 100% !important;
		margin-bottom: 25px;
	}
	
	.col-awards .box-text p {
		font-size: 16px;
	}
	
	
	/*=========== Contact page	=========== */
	.sec-contact h2{
        font-size:20px;
    }
	
	/* =========== footer ============= */
	.sec-footer .text-address {
		padding-left: 0px;
	}

}




























/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
	font-family: 'fl-icons';
	font-display: swap;
}

.price-wrapper .price{
	display: flex !important;
}

.sub-title{
	width: 100%;
}


/* Easy Table of Contents – remove auto numbering */
.ez-toc-counter nav ul li.ez-toc-heading-level-2 a::before {
	content: none !important;
	display: none !important;
}

.footer-map{
	border-radius: 8px;
	overflow: hidden;
	height: 240px;
}

.header-main .container-width{
	max-width: 100% !important;
}

.item-slider .box-content span{
	color: #f5f5f5; 
}

.pd-0{
	padding-bottom:0px
}
.title-index h2{
	font-size:40px;
	text-transform:uppercase
}

.category-title{
	text-align: center;
	color: #0c2b51;
	padding: 36px 0;
}
.item-mota.mo-ta-dai {
	display:none;
}
.single-product {
	.item-mota.mo-ta-dai {
		display:block;
	}
	.item-mota.mo-ta-ngan {
		display:none;
	}
}
.box-text-products {
	a.btn.btn-primary {
		background:var(--fs-color-primary);
		color:#fff;
	}
}
.tabbed-content .nav .tab a {
	display: block;
/* 	font-size: 1.25rem !important; */
	font-weight: unset;
	line-height: 1.3;
	margin: 0;
}


/* ngay */
.day-itinerary-layout {
	padding: 50px 30px;
	background: #fff;
}

.itinerary-row {
	display: flex;
	align-items: stretch;
	margin-bottom: 20px;
}

.location-col {
	padding: 20px 15px;
	display: flex;
	align-items: center;
	min-height: 120px;
}

.location-name {
	font-weight: 600;
	font-size: 28px;
	color: #0c2b51;
	line-height: 1.4;
}

.content-col {
	padding: 20px 15px;
	border-right: 3px solid #0c2b51;
	border-left: 3px solid #0c2b51;
	display: flex;
	align-items: center;
}

.item-content p {
	margin: 0;
	/*   font-size: 12px; */
	line-height: 1.5;
	color: #333;
	text-align: justify;
}

.time-col {
	padding: 20px 15px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.time-badge {
	font-size: 52px;
	font-weight: 900;
	color: #0c2b51;
	letter-spacing: -2px;
	line-height: 1.2;
	text-align: left;
}

.cruise-img {
	width: 100%;
	object-fit: cover;
	border: none;
	display: block;
}

.cruise-img img {
	height: auto;
	max-height: 230px;
	width: 100%;
	object-fit: cover;
	border-top-left-radius: 36%;
	border-bottom-right-radius: 36%;
}

/* .cruise-img .img-inner {
box-shadow: 16px 16px 0px 0px #C1E589 !important; 
border-radius: 36% 0 36% 0;
overflow: hidden;
} */

.cruise-img .img-inner {
	box-shadow: 
		12px 12px 0px 0px #0c2b51,
		12px 12px 8px -2px rgba(193, 229, 137, 0.3) !important;
	border-radius: 36% 0 36% 0;
	overflow: hidden;
}


.image-col {
	padding: 20px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	border-radius: 20px;
}

.divider-wrapper {
	width: 100%;
	height: 20px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	box-sizing: border-box;
}

.divider-line {
	width: 100%;
	height: 1px;
	display: block;
}

.acc-hai-trinh .accordion-inner{
	background-image: url('https://athenapremiumcruise.com/wp-content/uploads/2025/12/HAI-TRINH-scaled.jpg');
	background-color: transparent;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.acc-hai-trinh .accordion-title.active {
	background-color: #0c2b51 !important;
	color: #fff !important;
}

.accordion-close-inner {
	display: inline-flex;
	align-items: center;     /* canh giữa theo chiều dọc */
	gap: 8px;                /* khoảng cách icon – text */
	white-space: nowrap;     /* không cho xuống dòng */
}

.accordion-close-inner i {
	font-size: 36px;
	line-height: 1;          /* tránh icon làm giãn chiều cao */
}

.col-stack .stack.icon-ft.stack-row.justify-start.items-center{
	justify-content: center !important;
}

.payment-icons svg {
	fill: #fff;
	transition: 0.3s;
}

.sec-duthuyen .col-title{
	padding-bottom: 0px !important;
}

@media(max-width:549px){
	.title-index h2{
		font-size:20px;
	}
	body{
		font-size:16px !important
	}
	.banner-header h1{
		font-size:36px !important
	}
	.sec-banner h1{
		font-size:36px !important
	}
	.content-col{
		border: none !important
	}
	.payment-icons img{
		height: 60px !important;
		width: auto !important;
	}
}
/* header */
.header-button a{
	background:#fff;
	color:var(--primary-color);
	font-family: "Red Rose", sans-serif;
	text-transform:inherit;
	font-size:16px;
	box-shadow:none !important
}
.header-button a:hover{
	background:transparent !important;
	color:#fff;
	border-color:#fff
}
.header-inner{
	justify-content: center;
}
.header-inner .header-nav.nav-left{
	justify-content: flex-end;
	margin-right:20px !important;
}
.header-inner .header-nav.nav-right{
	justify-content: flex-start;
}
.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content{
	background:var(--primary-color)
}
.off-canvas:not(.off-canvas-center) .nav-vertical li > a{
	color:#fff
}
.off-canvas:not(.off-canvas-center) .nav-vertical li.current-menu-item > a{
	color:var(--fs-color-secondary)
}
.mobile-nav .icon-menu{
	font-size:18px !important;
	color:#fff;
	top:0px !important;
}
/*Banner*/
.sec-banner .banner{
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	overflow:hidden
}
@media(max-width:549px){
	.sec-banner .banner .text-box{
		padding:0px 20px;
		width:100% !important;
		left:0 !important
	}
	.home .sec-banner .banner{
		border-radius:0px !important
	}
	.sec-banner .banner{
		border-radius:0px !important
	}
}
/* ATHENA PREMIUM*/
.home .title-index h1{
	font-size:42px;
	margin-bottom:10px
}
.home .title-index{
	padding-bottom:50px;
}

.title-index h1 span {
	font-size: 80%;
}
.item-slider {
	width: 100%;
	border-radius:20px;
	overflow:hidden;
}
.item-slider .d-flex{
	align-items: stretch;
}
.item-slider .item {
	display: block;
	overflow: hidden;
	transition: .8s all ease-in-out;
	flex: 1;
}
.item-slider .item.hover {
	cursor: pointer;
	flex: 3.5
}

.item-slider .item.hover .inner::before {
	width: 40%
}

.item-slider .item.hover .box-content {
	transform: rotate(0deg) translateX(0px)
}

.item-slider .item .inner {
	position: relative;
	height: 90vh;
}
.item-slider .item .inner:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 100%);
	opacity: .8;
	z-index: 3;
	transition: .4s all ease-in-out
}

.item-slider .box-content {
	display: block;
	transition: .4s all ease-in-out;
	transform: rotate(-90deg);
	transform-origin: 0;
	left: 80%;
	bottom: 50px;
	position: absolute;
	z-index: 30;
	width: 100%;
	text-align:left;
}
.item-slider .item.hover .box-content{
	bottom: 0px;
	padding-bottom:20px;
	padding-right:40px;
	left:0px;
	background: linear-gradient(180deg, rgba(36, 36, 36, 0) 0%, rgba(0, 0, 0, 0.2) 9.15%, rgba(0, 0, 0, 0.6) 15.24%, rgba(0, 0, 0, 0.8) 42.51%, #000000 100%);
	text-align:right
}
.item-slider .box-content h3{
	color: #f5f5f5;
	font-weight: 700;
	font-size: 30px;
	white-space:nowrap;
	text-transform:uppercase;
	line-height:1.2;
	margin-bottom:0px !important
}

.item-slider .item.hover .box-content h3{
	font-size: 32px;

}
.item-slider .box-content p,
.item-slider .box-content a
{
	color:#fff;
	display:none
}
.item-slider .item.hover p,
.item-slider .item.hover a{
	display:inline-flex;
	opacity:1
}
img.img-background {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	z-index: 1;
	pointer-events: none;
	transition: .4s all ease-in-out;
}
a.btn.btn-primary{
	padding:8px 16px;
	background:#fff;
	color:var(--primary-color);
	border-radius:99px;
	font-weight:700;
	font-size:18px;
	line-height:normal;
}
.box-content .name p{
	max-width:70%
}
.box-content .btn{
	font-family: "Red Rose", sans-serif;
	text-transform:uppercase
}
@media only screen and (max-width: 800px) {
	.home .title-index{
		padding-bottom:30px
	}
	.row-list-du-thuyen{
		max-width:100% !important;
	}
	.item-slider .item{
		border-radius:16px;
		margin-bottom:15px;
	}
	.item-slider .box-content {
		position: absolute !important;
		bottom: 0;
		color: var(--blue) !important;
		font-weight: 600
	}
	.d-flex.flex-wrap.d-block{
		display: block !important;
	}
	.item-slider .item .inner {
		position: relative;
		height: 50vh !important;
		padding-bottom: 1rem;
		border-radius:16px;
	}
	.item-slider .item.hover .box-content {
		margin: 0;
		padding: 20px !important;
	}
	.item-slider .item.hover .box-content h3 {
		font-size: 19px !important;
	}
	.box-content .name p {
		max-width: 100%;
		font-size:14px
	}
	.item-slider{
		border-radius:0px
	}
	.item-slider .item.hover .box-content{
		background: linear-gradient(180deg, rgba(36, 36, 36, 0) 0%, rgba(0, 0, 0, 0.2) 9.15%, rgba(0, 0, 0, 0.3) 15.24%, rgba(0, 0, 0, 0.4) 42.51%, #000000bf 100%);
	}
	.item-slider .item a.btn.btn-primary{
		font-size:16px
	}
}
@media(max-width:767px){
	.home .title-index h1{
		font-size:28px !important
	}
	.home .title-index h1 strong{
		display:block;
	}

	.title-index h1 span {
		font-size: 70% !important;
	}
	.accordion-inner .row p {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 25px;
		/* padding: 15px 0; */
	}

	.sub-title{
		width: 68%;
	}

	.row-thumnail-item{
		position: relative;
		overflow: hidden;           /* IMPORTANT: không dùng overflow-x nữa */
		padding: 10px 0 12px;
		touch-action: pan-y;        /* cho phép swipe ngang, vẫn scroll dọc */
		user-select: none;
		width: 100%;
	}

	/* Track do JS tạo */
	.row-thumnail-item .vp-track{
		display: flex;
		will-change: transform;
		transform: translate3d(0,0,0);
	}

	/* Slide do JS bọc lại */
	.row-thumnail-item .vp-slide{
		/* flex: 0 0 70vw;  */
		/* max-width: 70vw; */
		padding: 0 6px;
		flex: 0 0 calc(80vw - 12px);
		max-width: calc(80vw - 12px);
		box-sizing: border-box;
	}

	/* Bo góc + shadow */
	.row-thumnail-item .vp-slide .col-inner{
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 10px 26px rgba(0,0,0,.10);
		transform: translateZ(0);
	}
	.row-thumnail-item .vp-slide .img-inner{
		border-radius: 20px;
		padding-top: 160px !important;
	}

	/* State */
	.row-thumnail-item .vp-slide{

		opacity: .70;
		filter: blur(1.2px);
		transition: transform .35s ease, opacity .35s ease, filter .35s ease;
	}
	.row-thumnail-item .vp-slide.is-near{
		opacity: .88;
		filter: blur(.6px);
	}
	.row-thumnail-item .vp-slide.is-active{
		transform: scale(1);
		opacity: 1;
		filter: none;
	}

	.item-slider .box-content h3{
		white-space: normal;
	}

	.content-col {
		padding: 0 15px !important;
	}

	.col-divider::after{
		margin: 0 !important;
	}

	.button.btn-lt span {
		text-transform: capitalize;
		font-size: 12px;
	}

	.accordion-inner .row p svg {
		width: 95%;
		height: auto;
		opacity: 0.7;
		stroke: #ccc;
	}
}
.flex-wrap {
	flex-wrap: wrap !important
}

.flex-nowrap {
	flex-wrap: nowrap !important
}
.d-flex{
	display:flex
}
/* Biểu tượng nghỉ dưỡng thượng lưu */
.sec-bieutuong .section-bg-overlay{
	backdrop-filter: blur(3px);
	background: #0C2B518C;
}
.sec-bieutuong .swiper-slide-active .product-slide-content{
	backdrop-filter: blur(8px);
	background: #ffffff87;
	padding:16px;
	border-radius:16px;
	border:1px solid #fff;
	text-align:center;
	transition: transform 0.3s ease;
}
.sec-bieutuong.hangphong-about .swiper-slide-active .product-slide-content{
	background:#0c2b5133;
}
.sec-bieutuong .swiper-slide .product-slide-card{
	transform:scale(1);
	opacity:1
}
.sec-bieutuong .swiper-slide-active{
	z-index:999
}
.sec-bieutuong .swiper-slide-active .product-slide-card{
	transform:scale(1) !important;
	opacity:1 !important; 
	transition: transform 0.3s ease;
}
.sec-bieutuong .swiper-slide-active .product-slide-content .product-info,
.sec-bieutuong .swiper-slide-active  .btn-book-now{
	opacity:1
}
.product-slide-content{
	text-align:center;
}
.sec-bieutuong .product-info,
.sec-bieutuong .btn-book-now{
	opacity:0;
}
.sec-bieutuong .product-title  {
	display: block;
	display: -webkit-box;
	max-width: 100%;
	height: 43px;
	margin: 0 auto;
	font-size: 21px;
	line-height: 1;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
}
.product-excerpt{
	display: block;
	display: -webkit-box;
	max-width: 100%;
	height: 53px;
	margin: 0 auto;
	line-height: 1.2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-thumbnail img{
	min-height:288px;
	border-radius:12px;
}
.sec-bieutuong .btn-book-now{
	display:inline-flex;
	justify-items:center;
	justify-content:center;
}
.sec-bieutuong .btn-book-now span{
	background:#D3AB78;
	display:inline-block;
	width:auto;
	text-align:center;
	margin-top:20px;
	font-family: "Red Rose", sans-serif;
	font-weight:700;
	font-size:21px;
	color:#fff;
	padding:10px 25px;
	line-height:1;
}
.product-thumbnail {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 12px;
}

.product-thumbnail img {
	width: 100%;
	height: 288px; /* Chiều cao cố định */
	object-fit: cover; /* Cắt ảnh cho vừa khung */
	border-radius: 12px;
	display: block;
}

.product-slide-card {
	display: flex;
	flex-direction: column;
	height: 100%; /* Quan trọng */
}

.product-slide-content {
	flex: 1; /* Chiếm hết không gian còn lại */
	display: flex;
	flex-direction: column;
}

.product-info {
	flex: 1;
	padding: 15px;
}

.btn-book-now {
	margin-top: auto; /* Đẩy button xuống dưới */
}

/* Đảm bảo swiper-slide có chiều cao bằng nhau */
.swiper-slide {
	height: auto;
}
@media(max-width:549px){
	.product-info{
		padding-bottom:0px
	}
	.sec-bieutuong .btn-book-now span{
		font-size:18px;
	}
	.product-excerpt{
		height:61px;
		-webkit-line-clamp: 3;
	}
}
/*  sec tiện ích*/
@media(max-width:549px){
	.sec-tienich .row-full-width .col{
		padding-bottom:0px !important
	}
}
/* sec blog điểm đến */
.sec-blog .box{
	border-radius:8px;
	overflow:hidden;
}

.sec-blog .box-text {
	backdrop-filter: blur(16px);
	background: #FFFFFF99;
	margin: 10px;
	width: auto;
	border-radius: 8px;
	overflow: hidden;
	height: 80px;
	max-height: 80px;
	transform: translateY(25px);
	transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
	transition-property: height, max-height, opacity, transform, color, background;
	width:95%
}

.sec-blog .box:hover .box-text {
	height: auto;
	max-height: 500px;
	color: #000;
	opacity: 1;
	transform: translateY(-2px);
	background: #FFFFFFDD;    
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
	transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.sec-blog .box .box-text h5 a{
	color:#000 !important;
	text-shadow:none;
	display: block;
	display: -webkit-box;
	max-width: 100%;
	height: 43px;
	margin: 0 auto;
	line-height: 1;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sec-blog .box .box-text .button{
	color:#000 ;
}
.sec-blog .box .box-text p{
	color:#000;
	text-shadow:none
}
.date-box{
	display:flex;
	gap: 5px;
	align-items:center;
	color:#000;
	text-shadow:none
}
.date-box svg{
	height:20px;
	width:20px;
}
.post-title a{
	text-align:left;
}
.from_the_blog_excerpt {
	text-align:left
}
.sec-blog .slider .flickity-prev-next-button{
	opacity:1;

}
.sec-blog .slider .flickity-prev-next-button svg{
	opacity:1;
	background:var(--primary-color);
	fill:#fff;
	border-color:#fff
}
.sec-blog .slider .flickity-prev-next-button svg path{
	fill:#fff
}



@media(max-width:549px){
	.sec-blog .box-text{
		height: unset;
		max-height: unset;
		transform: unset ;
		padding: 10px 20px;
	}
	.sec-blog .box .box-text .button{
		margin-top:0 !important
	}
	.sec-blog .box-text .is-divider{
		display:none
	}
}






/* ================================
   KHÁCH HÀNG TIÊU BIỂU
================================ */

.sec-key-customers .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Row chứa các logo */
.sec-key-customers .row .col-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* Mỗi logo */
.sec-key-customers .row .col-inner > .img {
/*     width: 20% !important;
    max-width: 20% !important;
    flex: 0 0 20% !important; */

    margin: 0 !important;
    padding: 15px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Khung logo */
.sec-key-customers .row .col-inner > .img .img-inner {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Logo */
.sec-key-customers .row .col-inner > .img img {
    width: auto !important;
    max-width: 100% !important;
    height: 90px !important;
    object-fit: contain !important;
    display: block !important;
}


/* ================================
   TABLET
================================ */
@media (max-width: 849px) {
    .sec-key-customers .row .col-inner > .img {
        width: 25% !important;
        max-width: 25% !important;
        flex: 0 0 25% !important;
    }
}

@media (max-width: 549px) {
    .sec-key-customers .row .col-inner > .img {
        width: 33.3333% !important;
        max-width: 33.3333% !important;
        flex: 0 0 33.3333% !important;
        padding: 10px !important;
    }

    .sec-key-customers .row .col-inner > .img img {
        height: 60px !important;
    }
}






/* sec cảm nhận khách hàng */
.sec-camnhan .slider .row{
	opacity:1;
	max-width:33.33% !important;
	margin:0px !important
}
.sec-camnhan .box{
	border-radius:12px;
	overflow:hidden;
}
.sec-camnhan .box-text{
	backdrop-filter: blur(16px);
	background: #FFFFFF99;
	margin:10px;
	width:auto;
	border-radius:8px;
	overflow:hidden;
	transition: all 5s ease; 
}

.sec-camnhan .box-overlay.dark .box-text, .box-shade.dark .box-text{
	text-shadow:none;
	color:#000 !important;
}
.sec-camnhan .box-text p{
	text-shadow:none;
	color:#000 !important;
}
.sec-camnhan .box-text h3{
	font-size:24px;
	color:var(--primary-color);
	min-height:70px;
}
.sec-camnhan .box-text p strong{
	font-size:18px;
}

.sec-camnhan .box-text .box-text-inner {
	height: 80px;
	max-height: 90px;
	transform: translateY(0);
	transition: all 5s ease; 
	transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
	overflow:hidden
}
.sec-camnhan .box:hover .box-text .box-text-inner{
	height: auto;
	max-height: 500px;
	color: #000;
	opacity: 1;
	transform: translateY(-2px);  
	transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.sec-camnhan .slider .flickity-prev-next-button{
	opacity:1;

}
.sec-camnhan .slider .flickity-prev-next-button svg{
	opacity:1;
	background:var(--primary-color);
	fill:#fff;
	border-color:#fff
}
.sec-camnhan .slider .flickity-prev-next-button svg path{
	fill:#fff
}
@media(max-width:767px){
	.sec-camnhan .slider .row{
		opacity:1;
		max-width:80% !important;
		margin:0px !important
	}
	.sec-camnhan .box-text h3{
		font-size:18px;
	}

}
/* chi tiết hải trình */
.haitrinh1 .banner{
	border-radius:12px;
	overflow:hidden;
}
.haitrinh1 h4{
	position:relative;
	padding-left:20px;
}
.haitrinh1 h4:before{
	content:"";
	background:url(https://ktech4.k-tech-services.com/athena315/wp-content/uploads/2025/08/Vector-2.svg);
	position:absolute;
	left:0px;
	bottom:0px;
	display:block;
	width:20px;
	height:24px;
	background-repeat:no-repeat;
}
.sec1-haitrinh h1{
	font-size:32px;
	line-height:normal
}
.sec1-haitrinh .icon-box{
	margin-bottom:10px;
}
.sec1-haitrinh .icon-box p{
	margin-bottom:0px !important
}
.sec1-haitrinh .icon-box p strong{
	font-family: "Red Rose", sans-serif;
	font-size:18px;
}
.sec1-haitrinh .button{
	font-family: "Red Rose", sans-serif;
	text-transform:inherit;
	font-size:24px;
}
.time p{
	font-weight:700;
}
.time-line .title-index p{
	font-size:32px;
	margin-bottom:0px;
	font-family: "Red Rose", sans-serif;
}
.time-line .row-content .col{
	padding-bottom:0px;
}
.time-line .row-content .col-inner{
	display:flex;

}
.time-line .row-content .col-inner .text.time{
	max-width:20%;
	width:100%;
	position:relative;
	margin-right:20px;
}
.time-line .row-content .col-inner .text.time:after{
	content:"";
	position:absolute;
	width:15px;
	height:15px;
	display:block;
	background:var(--primary-color);
	border-radius:50%;
	right:-10px;
	top:9px;
}
.time-line .row-content .col-inner .time-content{
	max-width:80%;
	width:100%
}
.time-line .row-content .col-inner .time-content h3{
	line-height:normal;
	margin-bottom:5px;
	font-size:23px;
	font-weight:400;
}
.sec-hoatdong .slider .row{
	max-width:30%;
	opacity:1;
	margin:0px !important
}
.sec-hoatdong .box{
	border-radius:12px;
	overflow:hidden;
}
.sec-hoatdong .box-text{
	backdrop-filter: blur(16px);
	background: #FFFFFF99;
	margin:10px;
	width:auto;
	border-radius:8px;
	overflow:hidden;
	padding:10px 25px !important;
}
.sec-hoatdong .box-text h3{
	color:var(--primary-color);
	text-shadow:none;
	line-height:1.4
}
@media(max-width:549px){
	.sec-hoatdong .title-index h2 strong{
		display:block
	}
	.sec-hoatdong .slider .row{
		max-width:100%;
	}
	.time-line .row-content .col-inner .text.time{
		padding-right:20px;
		max-width:20%
	}
	.time-line .row-content .col-inner .time-content{
		max-width:80%;
	}
	.haitrinh1 p {
		font-size:16px
	}
	.haitrinh1 .col{
		padding-bottom:0px !important
	}
	.haitrinh1 h2{
		margin-top:15px;
		font-size:24px
	}
}
/* Những thứ cần biết */
.accordion-item {
	background:#0C2B511A;
	margin-bottom:10px;
	border-radius:8px;
}
.accordion-item a{
	border-top:0px !important
}
/* PHƯƠNG TIỆN DI CHUYỂN CAO CẤP */
.sec-phuongtien .slider .row{
	max-width:33.33%;
	opacity:1;
	margin:0px !important
}
.sec-phuongtien .slider img{
	height:180px;
	object-fit:contain
}
@media(max-width:549px){
	.sec-phuongtien .slider .row{
		max-width:100%;
	}
}
/* Bắt đầu hành trình của bạn */
.sec-form-hanhtrinh .title-index h2{
	text-transform:inherit;
	font-size:32px;
	line-height:1.2;
	margin-bottom:5px !important;
}
.sec-form-hanhtrinh .title-index p{
	margin-bottom:0px !important;
	font-size:18px;
	line-height:1.2
}
.sec-form-hanhtrinh .title-index.sec-form-hanhtrinh .title-index
.sec-form-hanhtrinh .large-12>.col-inner{
	border-radius:21px;
	overflow:hidden;
}
.sec-form-hanhtrinh .large-5 .col-inner{
	padding:80px 40px !important;
}
.sec-form-hanhtrinh .large-5 .col-inner img{
	height:400px;
	object-fit:contain;
}
.sec-form-hanhtrinh .large-7 .col-inner{
	backdrop-filter: blur(16px);
	background: #FFFFFF99;
	padding:40px;
}
.sec-form-hanhtrinh .form-row{
	display:flex;
	gap:10px;
}
.sec-form-hanhtrinh .form-row p{
	width:100%;
	color:var(--primary-color);
}
.sec-form-hanhtrinh label{
	width:100%;
	color:var(--primary-color);
}
.sec-form-hanhtrinh .wpcf7-form-control{
	width:100%;
	background:transparent !important;
	box-shadow:none;
	border-radius:5px;
	border-color:var(--primary-color);
	margin-bottom:5px !important
}
.sec-form-hanhtrinh .wpcf7-form-control-wrap input{
	height:35px !important
}
.sec-form-hanhtrinh .wpcf7-form-control.wpcf7-submit{
	background:var(--primary-color) !important;
	box-shadow:none
}
.sec-form-hanhtrinh .wpcf7-form-control.wpcf7-submit:hover{
	background:transparent !important;
	color:var(--primary-color);
}
.sec-form-hanhtrinh  .wpcf7-spinner{
	display:none
}
.sec-form-hanhtrinh form{
	margin-bottom:0px !important
}
@media(max-width:549px){
	.sec-form-hanhtrinh .large-7 .col-inner{
		padding:15px;
	}
	.sec-form-hanhtrinh .form-row{
		flex-direction: column;
		gap:0px
	}

	.sec-form-hanhtrinh .large-5 .col-inner{
		padding:0px 20px !important
	}
}
/* footer */
.sec-footer{
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	overflow:hidden;
}
.sec-footer h4{
	font-size:20px;

	line-height:1.4;
	font-weight:400;
}
.sec-footer .large-5 .icon-box{
	margin-bottom:10px;
	flex-wrap: nowrap;
}
.sec-footer .large-5 .icon-box-text{
	flex:unset;
	padding-left:10px !important;
}
.sec-footer .large-5 .icon-box-img{
	width:30px !important
}
.sec-footer svg path{
	fill:#fff !important
}
.sec-footer .icon-box p{
	margin-bottom:0px !important
}
.sec-footer .row-center .ux-menu-link__text{
	font-size:20px;
	font-family: "Red Rose", sans-serif;
}
.sec-footer .row-center .col-center .col-inner .stack{
	backdrop-filter: blur(8px);
	background: #FFFFFF66;
	padding:20px;
	border-radius:16px;
	border:1px solid #fff;
	margin-bottom:20px;
}
.sec-footer .row-center .col-center p{
	margin-bottom:0px;
	letter-spacing:1px;
}
.sec-footer input.wpcf7-email{
	background:transparent;
	color:#fff;
	border-radius:8px;
	height:48px;
}
.sec-footer input::placeholder{
	color:#fff;
}
.sec-footer .wpcf7-submit{
	position:absolute;
	top:0px;
	right:0px;
	margin:0px !important;
	height:48px;
}
@media(max-width:549px){
	.sec-footer .col-center p{
		font-size:15px;
	}
	.sec-footer{
		border-radius:0px 
	}
	.sec-footer .section-bg.fill img{
		display:none !important
	}
	.sec-footer {
		background:#000 !important
	}
}

/* Tiện tích */
/* .tienich_Swiper .box-text{
display:none
}
.tienich_Swiper .swiper-slide-active .box-text{
display:block;
}
.tienich_Swiper .swiper-wrapper{
align-items:center;
height:100%;
}
.tienich_Swiper .swiper-slide-prev .box-image img, 
.tienich_Swiper .swiper-slide-next .box-image img{
height:360px !important;
margin:auto;
transition: .4s all ease-in-out
}
.tienich_Swiper .swiper-slide .box-image img{
height:320px;
transition: .4s all ease-in-out
}
.tienich_Swiper .swiper-slide-active img{
height:400px !important;
transition: .4s all ease-in-out
} */
/*tiên ích long  */
.tienich_Swiper .swiper-slide .box-text.text-center {
	text-align: center;
	opacity: 0;
	/* margin-top: 50px; */
	transition: all;
	position: absolute;
	top: 100%;
	/* display: none; */
}

.tienich_Swiper .swiper-slide {display: flex;flex-direction: column;align-items: center;position: relative;height: 100%;flex-wrap: wrap;}

.tienich_Swiper .swiper-slide.swiper-slide-active .box-text.text-center {
	opacity: 1;
	transition-delay: 1s;
	transition: all 0.5s 0.7s;
}
.tienich_Swiper .swiper-slide .box-image {transition: all 1s ease-in-out;transform: scaleY(0.7);}
.tienich_Swiper .swiper-slide.swiper-slide.swiper-slide-active .box-image  {
	transform: scaleY(1);
	transition: all 1s ease-in-out;
}
.tienich_Swiper .swiper-slide.swiper-slide.swiper-slide-next .box-image ,.tienich_Swiper .swiper-slide.swiper-slide.swiper-slide-prev .box-image  {
	transition: all 1s 0.6s;

	transform: scaleY(0.9);
}

.tienich_Swiper .swiper-wrapper {
	padding-bottom: 50px;
	align-items: center;
}
.tienich_Swiper img{
	border-radius:8px
}



.tienich_Swiper_3 .swiper-slide .box-text.text-center {
	text-align: center;
	opacity: 0;
	/* margin-top: 50px; */
	transition: all;
	position: absolute;
	top: 100%;
	/* display: none; */
}
.tienich_Swiper_3 .swiper-slide .box-text.text-center p{
	text-align:center !important
}
@media(min-width:1080px){
	.tienich_Swiper_3 .swiper-slide .box-text.text-center{
		width:200%;
	}
}

.tienich_Swiper_3 .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	height: 100%;
	flex-wrap: wrap;
}

.tienich_Swiper_3 .swiper-slide.swiper-slide-active .box-text.text-center {
	opacity: 1;
	transition-delay: 1s;
	transition: all 0.5s 0.7s;
}
.tienich_Swiper_3 .swiper-slide .box-image {
	transition: all 1s ease-in-out;
	transform: scaleY(0.7);
}
.tienich_Swiper_3 .swiper-slide.swiper-slide.swiper-slide-active .box-image  {
	transform: scaleY(1);
	transition: all 1s ease-in-out;
}
.tienich_Swiper_3 .swiper-slide.swiper-slide.swiper-slide-next .box-image , 
.tienich_Swiper_3 .swiper-slide.swiper-slide.swiper-slide-prev .box-image  {
	transition: all 1s 0.6s;
	transform: scaleY(0.9);
}

.tienich_Swiper_3 .swiper-wrapper {
	padding-bottom: 10%;
	align-items: center;
}
.tienich_Swiper_3 img{
	border-radius:8px
}

@media(max-width:549px){
	.tienich_Swiper .swiper-slide{
		width:80%;
	}
	.tienich_Swiper .swiper-slide .box-text.text-center{
		position:unset !important;
	}
	.tienich_Swiper_3 .swiper-slide{
		width:80%;
	}
	.tienich_Swiper_3 .swiper-slide .box-text.text-center{
		position:unset !important;
	} 
	.tienich_Swiper_3 h3{
		font-size:18px
	}
	.tienich_Swiper h3{
		font-size:18px
	}
}
/* Hạng Phòng */

.Desk_plan p:first-of-type{
	margin-bottom:0px;
	font-size:18px;
	font-weight:400 !important
}
/* .Desk_plan h3{
font-size:26px;
} */

.Desk_plan p:nth-of-type(2){
	font-weight: bold;
	font-size: 26px;
}
.category-page-row .sec-deck .stack,
.category-page-row hr{
	display:none
}
.category-page-row .product-small.col> .col-inner{
	border-bottom:1px solid var(--primary-color)
}
.category-page-row .product-small.col:nth-child(even) .product-small.box{
	flex-direction: row-reverse;
}
.category-page-row .product-small.box{
	display:flex;
	gap:40px
}
.category-page-row .product-small.box>.box-image{
	max-width:40%;
	width:100%;
}
.category-page-row .product-small.box>.box-text{
	max-width:60%;
	width:100%;
}
.category-page-row .product-small.box .box-image .image-none>a>img{
	border-radius:8px;
}
.category-page-row .box-description .title-tienich{
	display:none
}
.thong-tin-phong{
	display:flex;
	align-items:flex-end;
	gap:20px;
}
.thong-tin-phong .item-info span{
	font-weight:700;
	font-size:20px;
}
.product-title a{
	font-size:32px;
	font-weight:700;
	font-family: "Red Rose", sans-serif;
}
.price span.woocommerce-Price-amount{
	font-size: 18px;
	color:#FF3B30; 
}
.price del span.woocommerce-Price-amount{
	margin-bottom:10px;
	font-size:16px;
	color:#000; 
	display:block
}

.box-description{
	padding:10px 0px;
}
.box-description h3{
	color:var(--primary-color);
	font-size:24px;
}
.item-mota.mo-ta-ngan{
	padding-bottom:10px;
	margin-bottom:10px;	
	border-bottom:1px solid var(--primary-color)
}
.row.box-tienich .col{
	padding-bottom:5px;
	padding-top:5px;
}
.row.box-tienich .icon-box-img{
	width:28px !important;
}
.icon-box-img svg path{
	fill:var(--primary-color)
}
.row.box-tienich .icon-box-text{
	padding-left:5px;
}
.row.box-tienich .icon-box-text p{
	font-size:16px !important
}
a.button.book-now{
	background:var(--primary-color);
	border-color:var(--primary-color);
	color:#fff;
	font-family: "Red Rose", sans-serif;
	font-size:16px;
	box-shadow:none;
	margin:0px !important
}
a.button.book-now:hover{
	background:transparent;
	color:var(--primary-color);
	transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
}
.product-small.box .row-slider{
	margin-top:10px;
}
.product-small.box .row-slider img{
	border-radius:5px;
	height:100px;
	object-fit:cover;
}
@media(max-width:549px){
	.archive .product-title a{
		font-size:25px !important
	}
	.category-page-row .product-small.box{
		flex-direction: column !important;
		gap:20px;
	}
	.category-page-row .product-small.box>.box-image{
		max-width:100%;
	}
	.category-page-row .product-small.box>.box-text{
		max-width:100%;
	}
	.box-tienich .col{
		max-width:50%;
		padding:0px 10px 30px;
	}
	.box-tienich p{
		font-size:16px;
		line-height:1.2
	}
	.item-mota.mo-ta-ngan p{
		font-size:16px;
	}
	.row.box-tienich .icon-box-text{
		flex:1
	}
	.Desk_plan {
		flex-wrap: wrap;
	}
	.Desk_plan div{
		max-width:50%;
		width:100%;
		margin:0px !important;
	}
	.Desk_plan p {
		font-size:14px !important
	}
}
/* single product */
.list-img .col{
	padding: 0 10px;
	overflow:hidden;
	margin-bottom:4px;
	max-height:400px;
	display:block
}
.list-img a{
	display:block;
	height: 100%;

}
.list-album a{
	height:200px;
	border-radius: 10px;
	overflow:hidden;
}
.list-img img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
	display:block;
}
.list-album{
	display:flex;
	flex-wrap: wrap;
}
.list-album .col-6{
	width:50%;
	padding: 0 5px 5px;
	margin-bottom:4px;
	overflow:hidden;
}
.list-image img{
	height:300px;
	object-fit:cover;
	border-radius:5px;
}
.sec-single-product h1{
	padding-top:15px; 
	font-size:36px;
	color:Var(--primary-color);
	line-height:1.2;
}
.sec-single-product .is-divider{
	display:none
}
.related-products-wrapper{
	border-color:var(--primary-color);
	margin-top:20px;
}
.product-section-title{
	color:var(--primary-color);
	font-size:28px;
	margin-bottom:0px
}
.related-products-wrapper .box-image{
	border-radius:5px;
}
.related-products-wrapper .product-title a{
	font-size:21px;
}
.related-products-wrapper  .price span.woocommerce-Price-amount{
	font-size:18px;
} 
.related-products-wrapper .price del span.woocommerce-Price-amount {
	font-size:14px;
}
@media(max-width:549px){
	.list-album .row{

		margin:0px !important;
		margin-top:10px !important
	}
	.list-album a{
		height:190px !important
	}
}
/* về chúng tôi */
.sec-thuonghieu .slider .row{
	opacity:1; 
	max-width:33.33% !important;
	margin:0px !important
}
.About-Group p{
	margin-bottom:5px !important
}
@media(max-width:549px){
	.sec-thuonghieu .slider .row{
		max-width:100% !important;
		margin:0px !important
	}
	.abouts2 .col-text{
		order:1
	}
	.sec-proudly .row-list .col-inner{
		padding:20px !important;
		padding-bottom:0px !important
	}
	.sec-proudly .row-list h3{
		font-size:21px;
	}
	.about-us2 .col-text{
		order:1
	}
}
/* Elink */
.page-id-772 #wrapper{
	background:var(--primary-color);
}
.page-id-772 #main{
	max-width: 480px !important;
	margin: 0 auto;

}
.elinks-logo {
	position: relative;
	overflow: hidden;
	margin: -80px auto 0;
	display:inline-flex;
	justify-content: center;
}

.elinks-logo img{
	position:relative;
	object-fit:contain;
	width: 160px;
	height: 160px;
	background:var(--primary-color);
	border-radius:50%;
	padding:10px;
	z-index:999;
}
.elinks-logo .img-inner{
	padding:8px;
}
.elinks-logo .img-inner:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
	border-radius: 50%;
	/* backdrop-filter: blur(4px); */
	background-color: rgba(250 250 250 / 0.2);
	z-index:1;
}

.elinks-info{
	max-width:80%;
	margin: 0 auto;
	padding: 15px;
}
.sec-content{
	max-width: 80%;
	margin: 0 auto;
}
.sec-content .icon-box{
	align-items:center;
	margin-bottom:10px;
	border:1px solid var(--primary-color);
	padding:5px;
	border-radius:99px;
}
.sec-content .icon-box:hover{
	background:var(--primary-color);
}
.sec-content .icon-box:hover h3{
	color:#fff
}
.sec-content .icon-box-img {
	width:42px !important;
	height:42px !important;
	background:#fff;
	border-radius:50%;
	flex:unset
}
.icon-box-img img, .icon-box-img svg{
	padding-top:0px
}
.sec-content .icon-box-text{
	flex:unset;
	max-width:calc(100% - 45px);
}
.sec-content .icon-box h3{
	font-size:16px;
}
.sec-content .icon-box-img svg path{
	fill:#c18f4e;
}
.sec-content .social-icons .button.icon:not(.is-outline){
	background-color:#c18f4e !important;
	border-color:#c18f4e !important;
}
/*  DECK PLAN */
.sec-deck .nav{
	gap:20px;
}
.sec-deck .nav li a{
	font-size:20px;
}
@media(max-width:549px){
	.sec-deck .nav{
		overflow-x: auto;
		flex-wrap: nowrap;
		white-space: nowrap;
		padding-bottom: 10px;
		justify-content: flex-start;
	}
	.sec-deck .nav li a{
		font-size:16px;
	}
	.sec-deck .stack{
		flex-wrap: wrap;
	}
	.sec-deck .stack div{
		max-width:50%;
		width:100%;
		margin:0px !important
	}
}
/* sự kiện */
.sec-sukien .button{
	font-family: "Red Rose", sans-serif;
	font-size: 16px;
	box-shadow: none !important;

}
.sec-sukien .post-item .col-inner{
	background:#fff;
}
.sec-sukien .post-item .box-vertical{
	display:flex;
	align-items:center;
}
.sec-sukien .post-item .box-vertical .box-image{
	width:100% !important;
	max-width:50%;
}
.sec-sukien .post-item .box-vertical .box-text{
	width:100% !important;
	max-width:50%;
	text-align:left
}
.sec-sukien .post-item:nth-child(even) .box-image{
	order:1
}
.sec-sukien .post-item .date-box{
	display:none
}
.sub_title_sukien{
	display: inline-block;
	font-size: 14px;
	color: #000;
	font-weight: 700;
}
.sec-sukien .post-item .post-title a{
	font-size:24px;
	text-align:left;
}
.sec-sukien .post-item p{
	text-align:justify;
	display:block !important;
	font-size:16px;
}

.product-page-price{
	margin-bottom:5px !important
}
.category-1 .page-wrapper,
.category-478 .page-wrapper,
.category-483 .page-wrapper,
.category-471 .page-wrapper,
.category-485 .page-wrapper{
	background-color: rgb(243, 242, 244);

}
.category-1 .large-10.col,
.category-478 .large-10.col,
.category-483 .large-10.col,
.category-471 .large-10.col,
.category-485 .large-10.col{

	flex-basis: 100% !important;
	max-width: 100% !important;
}
.category-1 .post-item .col-inner,
.category-478 .post-item .col-inner,
.category-483 .post-item .col-inner,
.category-471 .post-item .col-inner,
.category-485 .post-item .col-inner{
	background:#fff;
}
.category-1 .post-item,
.category-478 .post-item ,
.category-483 .post-item ,
.category-471 .post-item ,
.category-485 .post-item {
	flex-basis: 100% !important;
	max-width: 100% !important;
}
.category-1 .post-item .box,
.category-478 .post-item .box,
.category-483 .post-item .box,
.category-471 .post-item .box,
.category-485 .post-item .box{
	display:flex;
	align-items:center;
	@media screen and (max-width:768px){
		flex-direction: column;
	}
}
.category-1 .post-item .box .box-image,
.category-478 .post-item .box .box-image,
.category-483 .post-item .box .box-image,
.category-471 .post-item .box .box-image,
.category-485 .post-item .box .box-image{
	width:100% !important;
	max-width:50%;
}
.category-1 .post-item .box .image-cover,
.category-478 .post-item .box .image-cover,
.category-483 .post-item .box .image-cover,
.category-471 .post-item .box .image-cover,
.category-485 .post-item .box .image-cover{
	padding-top:100% !important
}
.category-1 .post-item .box .box-text,
.category-478 .post-item .box .box-text,
.category-483 .post-item .box .box-text,
.category-471 .post-item .box .box-text,
.category-485 .post-item .box .box-text{
	width:100% !important;
	max-width:50%;
	text-align:left;
	padding:20px
}
.category-1 .post-item:nth-child(even) .box-image,
.category-478 .post-item:nth-child(even) .box-image,
.category-483 .post-item:nth-child(even) .box-image,
.category-471 .post-item:nth-child(even) .box-image,
.category-485 .post-item:nth-child(even) .box-image{
	order:1
}
.category-1 .post-item .post-title a,
.category-478 .post-item .post-title a,
.category-485 .post-item .post-title a,
.category-471 .post-item .post-title a,
.category-483 .post-item .post-title a{
	font-size:24px;
	text-align:left;
}
.category-1 .post-item p,
.category-478 .post-item p,
.category-483 .post-item p,
.category-471 .post-item p,
.category-485 .post-item p{
	text-align:justify;
	display:block !important;
	font-size:16px;
	&.from_the_blog_excerpt  {
		display:none!important;
	}
}
.category-1 .post-item .button,
.category-478 .post-item .button,
.category-485 .post-item .button,
.category-471 .post-item .button,
.category-483 .post-item .button{
	font-family: "Red Rose", sans-serif;
	font-size: 16px;
	box-shadow: none !important;
}
@media(max-width:767px){
	.sec-sukien .post-item .box-vertical,
	.category-1 .post-item .box,
	.category-478 .post-item .box,
	.category-483 .post-item .box,
	.category-471 .post-item .box,
	.category-485 .post-item .box,
	{
		flex-direction: column;
	}
	.sec-sukien .post-item .box-vertical .box-image,
	.category-1 .post-item .box .box-image,
	.category-478 .post-item .box .box-image,
	.category-485 .post-item .box .box-image,
	.category-471 .post-item .box .box-image,
	.category-483 .post-item .box .box-image{

		max-width:100%;
	}
	.sec-sukien .button,
	.category-1 .post-item .button,
	.category-478 .post-item .button,
	.category-485 .post-item .button,
	.category-471 .post-item .button,
	.category-483 .post-item .button{
		font-size:14px;
	}
	.sec-sukien .post-item .box-vertical .box-text,
	.category-1 .post-item .box .box-text,
	.category-478 .post-item .box .box-text,
	.category-485 .post-item .box .box-text,
	.category-471 .post-item .box .box-text,
	.category-483 .post-item .box .box-text{
		max-width:100%;
		order:1;
		padding:10px;

	}

	.sec-footer .col{
		padding-bottom: 0px !important;
	}
}


.post-title-p {
	font-size: 1.25em; /* tương đương h5 */
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 0.6em;
	color: #0c2b51 !important;
	font-family: "Red Rose", sans-serif !important;
}

.title-p-h3 {
	font-size: 24px;      /* ≈ H3 */
	font-weight: bold !important;      /* H3 Flatsome thường bold */
	line-height: 1.3;
	margin-bottom: 0.75em;
	letter-spacing: 0;
	color: #0c2b51 !important;
	font-family: "Red Rose", sans-serif !important;
}

.title-p-h4{
	font-weight: 600;     /* H4 thường semi-bold */
	line-height: 1.4;
	margin: 0.75em 0;
	font-family: "Red Rose", sans-serif !important;
}

.title-p-h2{
	font-weight: 700;     /* Bold */
	line-height: 1.25;
	margin: 0.8em 0;
	font-family: "Red Rose", sans-serif !important;
}

.title-p-h5{
	font-size: 1rem; 
	font-weight: 600;
	line-height: 1.5;
	margin: 0.6em 0;
}

.post-title-p a, .title-p-h3 a, .title-p-h4 a{
	color: #0c2b51 !important;
}

.mb-0 p{
	margin-bottom: 0px !important;
}

@media screen and (max-width: 549px) {
	/* 1) Giữ vùng click chắc chắn */
	.header-language-dropdown>a.header-language-dropdown__link {
		display: inline-flex !important;
		align-items: center;
		gap: 0 !important;
		padding: 6px 10px !important;
		min-width: 38px;
		min-height: 34px;
	}

	/* 2) Ẩn text "Tiếng Việt" nhưng không làm mất vùng click */
	.header-language-dropdown>a.header-language-dropdown__link {
		font-size: 0 !important;
		/* ẩn text node */
		line-height: 0 !important;
	}

	/* 3) Bật lại size cho icon (vì font-size:0 sẽ ảnh hưởng icon font) */
	.header-language-dropdown>a.header-language-dropdown__link i {
		/* font-size: 16px !important; */
		line-height: 1 !important;
	}

	/* 4) Chỉ giữ lá cờ */
	.header-language-dropdown>a.header-language-dropdown__link i.icon-angle-down {
		display: none !important;
	}

	.header-language-dropdown>a.header-language-dropdown__link i.image-icon {
		display: inline-flex !important;
		width: 100% !important;
	}

	.header-language-dropdown>a.header-language-dropdown__link i.image-icon img {
		width: 22px !important;
		height: auto !important;
		display: block !important;
	}
}


/* bỏ ép khung */
.tienich_Swiper .box-image,
.tienich_Swiper_3 .box-image{
	width: 100%;
	overflow: hidden;
	height: auto;        /* quan trọng */
	aspect-ratio: auto;  /* hoặc xoá dòng aspect-ratio */
}

/* ảnh tự giữ tỉ lệ */
.tienich_Swiper .box-image img,
.tienich_Swiper_3 .box-image img{
	width: 100% !important;
	height: auto !important;      /* quan trọng */
	object-fit: initial !important; /* hoặc unset */
	display: block !important;
}

.button-form-footer{
	width: 48px;
	height: 48px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.button-form-footer img{
	width: 24px !important;
	height: 24px !important;
	max-width: 24px !important;
	max-height: 24px !important;
	object-fit: contain !important;
}

.row-list-du-thuyen .item-slider .item .inner{
	height: 90vh; /* bạn đang dùng rồi */
	min-height: 520px; /* thêm để desktop không quá thấp khi vh nhỏ */
}
@media(max-width: 800px){
	.row-list-du-thuyen .item-slider .item .inner{
		height: 50vh !important;
		min-height: 340px;
	}
}

.col-divider {
	position: relative;
	padding-bottom: 40px;
}

.col-divider::after {
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	margin: 40px auto 0;

	background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 20' xmlns='http://www.w3.org/2000/svg'><line x1='40' y1='10' x2='1160' y2='10' stroke='%230c2b51' stroke-width='2' stroke-linecap='round'/><circle cx='28' cy='10' r='4' fill='%230c2b51'/><path d='M18 10c0 0-7-5-5-10 0 0-3 3-1 6 2 3-2-3-6 4 4 7 8 1 6 4-2 4 1 6 1 6-.5-6 6-10 6-10z' fill='%230c2b51'/><circle cx='1172' cy='10' r='4' fill='%230c2b51'/><path d='M1182 10c0 0 7 5 5 10 0 0 3-3 1-6-2-3 2 3 6-4-4-7-8-1-6-4 2-4-1-6-1-6 .5 6-6 10-6 10z' fill='%230c2b51'/></svg>") no-repeat center;

	background-size: 100% 20px;
}

.portfolio-img img{
	border-radius: 10px;
}



.author-box{
	display:none;
	gap:20px;
	padding:22px;
	margin-top:28px;
	border-top:1px solid #eee;
	background:#fff;
	border-radius:12px;
}
.author-box__avatar{
	width: 80px;
}
.author-box__avatar img{
	border-radius:999px;
}
.author-box__label{
	font-weight:600;
	opacity:.7;
	margin-bottom:8px;
}
.author-box__name{
	margin:0 0 10px 0;
}
.author-box__bio{
	opacity:.85;
	line-height:1.6;
	margin-bottom:12px;
}
.author-box__social{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}
.author-box__social .ab-s{
	padding:8px 12px;
	border:1px solid #e5e5e5;
	border-radius:999px;
	font-size:14px;
}
@media(max-width: 549px){
	.author-box{flex-direction:column; align-items:flex-start;}
}


.item-slider .item .inner {
	overflow: hidden;
}

.item-slider .item .inner>img.img-background {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-position: center;
	max-width: none !important;
	display: block;
}

.col-contact-form-h {
	.col-inner {
		margin-top:20px;
		padding: 20px 24px;
		border-radius: 16px;
		border: 1px solid  #656565;
		background: #FFF;
		box-shadow: 0 2px 16px 0 rgba(12, 43, 81, 0.25);
		.section-title-container {
			.section-title-normal {
				margin-bottom:0;
				border-bottom:none;
				.section-title-main {
					border-bottom:none;
					font-size: 28px;
					text-transform:capitalize;
				}
			}
		}
		form {
			label {
				font-size: 14px;
				font-style: normal;
				font-weight: 600;
				.wpcf7-form-control-wrap {
					.wpcf7-form-control {
						height:48px;
						margin-top:8px;
						margin-bottom:16px;
						border-radius: 8px;
						border: 1px solid #B5B5B5;
						padding: 8px 14px;
						overflow:hidden;
						box-shadow:none;
					}
				}
			}
			.wpcf7-submit {
				width:100%;
				border-radius:99px;
				overflow:hidden;
				margin-bottom:0;
			}
			.wpcf7-spinner {
				display:none!important;
			}
		}
	}
}

#hbe-bws-wrapper-widget-code {
	position: absolute;
	width: 56%;
	content: "";
	/*     top: 150px; */
	left:22%;
	/* 	bottom:50px; */
	transform:translatey(-100px);
	border-radius: 8px;
	overflow: hidden;
	/* height: 76px; */
	z-index: 999;
	#search-widget-panel {
		display:flex;
		justify-content:center;
		padding:20px;
		background-color: rgba(255, 255, 255, .7);
		form {
			width:100%;
			.swp-horizontal {
				display:flex;
			}
		}
		.bws-swp-col {
			margin-bottom:0;
			flex:1;
		}
		.bws-ipt-calendar {
			height:45px;
			border-radius:8px;
			overflow:hidden;
			width:80%;
			.show-date {
				height:45px;
				line-height:45px;
				font-size:14px;
				padding-left:15px;
			}
			.bws-icon-calendar {
				top:15px;
				right:15px;
			}
		}
		.btn-box {
			width:100%;
		}
		.bws-button {
			height: 45px;
			display: flex;
			align-items: center;
			justify-content:center;
			border-radius:8px;
			overflow:hidden;
			background:var(--fs-color-primary)!important;
		}
	}
	@media screen and (max-width:768px){
		width: calc(100% - 30px);
		left:15px;
		top:120px!important;
		#search-widget-panel {
			flex-direction:column;

			.swp-horizontal {
				display:flex;
				flex-direction:column;
				flex-wrap:wrap;
				gap:8px;
				.bws-ipt-calendar { 
					width:100%;
				}
			}
		}

	}
}

.sec-booking-now-mb {
	.col {
		.col-inner {
			padding:5px!important;

			a.button {
				height:55px;
				line-height:55px;
				border-radius:4px;
				overflow:hidden;
				&:hover {
					background:white!important;
					color:#333!important;
				}
			}
		}
	}
}
.footer-wrapper {

	.sec-footer {
		@media screen and (max-width:768px){
			position:absolute;
			z-index:9;
		}
	}
}

.banner h1, .banner h2, .banner h3{
	line-height: 1.3 !important;
}

.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {
	top:24px!important;
}