.banner-home h1{
    font-size: 140px !important;
    font-weight: 800 !important;
}
/* =====================================================================
 * TRANG CHỦ – BANNER HÀ GIANG: MÂY TRÔI QUA LẠI (chỉ trên ảnh, dưới chữ)
 * ===================================================================== */
.banner-home .banner-bg { 
    overflow: hidden; 
}

.banner-home .banner-bg::before,
.banner-home .banner-bg::after {
	content: "";
	position: absolute;
	left: -30%;
	z-index: 1;
	width: 160%;
	background: url("/wp-content/uploads/2026/10/img-cloud.webp") no-repeat center / 100% 100%;
	pointer-events: none;
	will-change: transform;
	-webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 40%, transparent 100%);
	mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 40%, transparent 100%);
}

.banner-home .banner-bg::before {
	bottom: -6%;
	height: 48%;
	opacity: .75;
	animation: hg-cloud-a 10s ease-in-out infinite alternate;
}

.banner-home .banner-bg::after {
	top: 8%;
	height: 32%;
	opacity: .35;
	animation: hg-cloud-b 14s ease-in-out infinite alternate;
}

@keyframes hg-cloud-a { 
    from { 
        transform: translateX(-20%); 
    } to { 
        transform: translateX(20%); 
    } 
}
@keyframes hg-cloud-b { 
    from { 
        transform: translateX(16%); 
    }  to { 
        transform: translateX(-16%); 
    } 
}

.banner-home .banner-layers { z-index: 2; }

/* FORM SEARCH */
.section-form-search .col{
    padding-bottom: unset;
}
.section-form-search .tour-search {
	margin-left: 0;
	margin-right: auto;
}
.section-form-search {
	position: relative;
	z-index: 5;
	margin-top: -32px;
	padding-top: 0 !important;
	background: transparent;
}
.section-form-search .section-bg { display: none; }


.section1-home .row .icon-box{
    box-shadow: 0 4px 14px 0 rgba(0, 107, 91, 0.12);
    height: 148px;
    padding: 10px;
    border-radius: 26px;
}
.section1-home .icon-box p{
    font-size: 20px;
    color: var(--hg-text);
    font-weight: 600;
    margin-bottom: unset;
    line-height: 1.2;
}

.section2-home h2,
.section3-home h2,
.section4-home h2,
.section5-home h2{
    color: var(--hg-primary);
    margin-bottom: unset;
}
.section2-home h2 span,
.section3-home h2 span,
.section4-home h2 span,
.section5-home h2 span{
    color: var(--green-natural);
}
.section2-home .row-title p,
.section3-home .row-title p,
.section4-home .row-title p,
.section5-home .row-title p{
    margin-bottom: unset;
    color: var(--hg-text);
}
.section2-home .row-title .col-inner,
.section3-home .row-title .col-inner,
.section4-home .row-title .col-inner,
.section5-home .row-title .col-inner{
    border-left: 5px solid var(--hg-primary);
    padding-left: 15px;
}

.section6-home{
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.section6-home .text-large{
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    font-family: "Kalam", cursive !important;
    line-height: 64px;
    margin-bottom: unset;
}
.section6-home p{
    color: #fff;
}
.section6-home .button-custom.primary {
	/*border: 1px solid var(--hg-primary);*/
	background: #fff !important;
	color: var(--hg-primary) !important;
}
.section6-home .button-custom.primary span{
    font-size: 16px;
    font-weight: 600;
}
.section6-home .button-custom.primary:hover {
	background: var(--hg-primary) !important;
	color: #fff !important;
}
.section6-home .button-custom,
.section6-home .button-contact{
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.section6-home .button-custom::after,
.section6-home .button-contact::after{
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	background-color: currentColor; /* mũi tên cùng màu chữ */
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .2s;
}
.section6-home .button-custom:hover::after,
.section6-home .button-contact:hover::after{ transform: translateX(4px); }
.section6-home .button-contact.primary {
	border: 0;
	background: var(--green-natural) !important;
	color: #fff !important;
}
.section6-home .button-contact.primary:hover {
	background: var(--hg-button) !important;
	color: #fff !important;
}
.section6-home .col{
    padding-bottom: unset;
}


/* RESPONSIVE */
/* ---------- Laptop / tablet ngang: ≤ 1099px ---------- */
@media (max-width: 1099px) {
	.banner-home h1 { font-size: 100px !important; }

	.section1-home .row .icon-box { height: 132px; }
	.section1-home .icon-box p { font-size: 18px; }

	.section6-home .text-large { font-size: 50px; line-height: 1.15; }
}

/* ---------- Tablet dọc: ≤ 849px ---------- */
@media (max-width: 849px) {
	/* Banner */
	.banner-home{
	    padding-top: 400px !important;
	}
	.banner-home h1 { font-size: 72px !important; line-height: 1.1; }
	.banner-home .banner-bg::before { height: 40%; }
	.banner-home .banner-bg::after  { height: 26%; }

	.section-form-search { margin-top: -24px; }

	/* Ô danh mục (icon-box) */
	.section1-home .icon-box p { font-size: 16px; }

	.section2-home .row-title .col-inner, .section3-home .row-title .col-inner,
	.section4-home .row-title .col-inner, .section5-home .row-title .col-inner { border-left-width: 4px; padding-left: 12px; }

	/* Khối "Let's plan your journey" */
	.section6-home { padding-top: 70px !important; padding-bottom: 70px !important; }
	.section6-home .text-large { font-size: 42px; line-height: 1.15; }
}

/* ---------- Điện thoại: ≤ 549px ---------- */
@media (max-width: 549px) {
	/* Banner */
	.banner-home{
	    padding-top: 350px !important;
	}
	.banner-home h1 { font-size: 44px !important; line-height: 1.15; }
	.banner-home .banner-bg::before { height: 34%; opacity: .6; }
	.banner-home .banner-bg::after  { height: 20%; }

	.section-form-search { margin-top: -16px; }

	/* Ô danh mục */
	.section1-home .row .icon-box { min-height: 104px; padding: 8px; border-radius: 16px; }
	.section1-home .icon-box p { font-size: 14px; }

	.section2-home .row-title p, .section3-home .row-title p,
	.section4-home .row-title p, .section5-home .row-title p { font-size: 14px; }
	.section2-home .ds-btn-wrap, .section3-home .ds-btn-wrap,
	.section4-home .ds-btn-wrap, .section5-home .ds-btn-wrap { justify-content: flex-start; margin-top: 8px; }

	/* Khối "Let's plan your journey": canh giữa, 2 nút xếp dọc full chiều ngang */
	.section6-home { padding-top: 56px !important; padding-bottom: 56px !important; }
	.section6-home .col-inner { text-align: center !important; }
	.section6-home .text-large { font-size: 34px; line-height: 1.15; }
	.section6-home p { font-size: 14px; }
	.section6-home .button-custom,
	.section6-home .button-contact { display: flex; justify-content: center; width: 100%; margin: 0 0 10px !important; }
	.section6-home .section-bg img{
	   object-position: 70% 10% !important;
	}
}

/* ---------- Điện thoại nhỏ: ≤ 375px ---------- */
@media (max-width: 375px) {
	.banner-home h1 { font-size: 38px !important; }
	.section6-home .text-large { font-size: 30px; }
	.section1-home .icon-box p { font-size: 13px; }
}