/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 12 2026 | 03:35:44 */
#site-header {
    display: none;
}

#site-footer {
    display: none;
}

.split-menu nav ul { 
	display: flex; 
	align-items: center; 
	justify-content: center; 
} /* Item thứ 3 đẩy phần còn lại sang phải */ 
.split-menu nav ul li:nth-child(3) { 
	margin-right: 900px; /* khoảng trống cho logo */ 
}

.m-btn-hover-text .elementor-button-text {
    display: none; /* ẩn text cũ */
}

.m-btn-hover-text a {
    position: relative;
}

.m-btn-hover-text a::after {
    content: "Explore";
}

.m-btn-hover-text a:hover::after {
    content: "DISCOVER MORE";
}
.calendar-slide .elementor-swiper-button.elementor-swiper-button-next {
    top: unset !important;
    bottom: 10px !important;
}

.calendar-slide .elementor-swiper-button.elementor-swiper-button-prev {
    top: unset !important;
    bottom: 10px !important;
    left: unset !important;
    right: 40px !important;
}
.tents-way-img .elementor-swiper-button.elementor-swiper-button-next {
    top: unset !important;
    bottom: 10px !important;
}
.tents-way-img .elementor-swiper-button.elementor-swiper-button-prev {
    top: unset !important;
    bottom: 10px !important;
    left: unset !important;
    right: 40px !important;
}

.block-swiper_wrapper .swiper-wrapper {
    pointer-events: none;
}

.block-swiper_wrapper .swiper-button-next,
.block-swiper_wrapper .swiper-button-prev {
    pointer-events: auto;
}

.block-swiper_wrapper .elementor-image-carousel-wrapper.swiper.swiper-initialized.swiper-horizontal.swiper-ios.swiper-backface-hidden {
    padding-bottom: 0px !important;
}

.elementor-12 .elementor-element.elementor-element-c3acb0f .elementor-divider-separator {
	width: 20%;
}

.btn-hover-text:hover {
    background: #DBD4BF !important;
	color: #1E3523 !important;
}

.n2-ss-slide {
    box-shadow: none !important;
}

/* Slide bình thường (không active) */
.n2-ss-slide {
  opacity: 0.5 !important; /* chỉnh độ mờ bạn muốn */
  transition: opacity 0.4s ease !important;
}

/* Slide đang active */
.n2-ss-slide.n2-ss-slide-active {
  opacity: 1 !important;
}
.custom-background-1 {
    transition: opacity 0.3s ease;
    opacity: 1;
}

.custom-background-1.fade-out {
    opacity: 0;
}

.elementor-field.elementor-size-md.elementor-field-textual {
	padding: 0;
}
.elementor-field.elementor-size-sm.elementor-field-textual {
    padding: 0;
}
#form_customer_1 .elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-field_c968242.elementor-col-100 {
    text-align: center;
}
#form_customer_1 .elementor-field-group .elementor-field-textual:focus {
    box-shadow: unset !important;
}

#media_form .elementor-field-group .elementor-field-textual:focus {
	box-shadow: unset !important;
}

.elementor-element.elementor-pagination-position-outside .swiper {
    padding-bottom: 0;
}

.offer-card{
    position: relative;
    overflow: hidden;
}

/* 2 layer chồng lên nhau */
.offer-card .card-hover{
    position: absolute;
    inset: 0;
    transition: all 0s ease;
}

/* trạng thái mặc định */
.offer-card .card-normal{
    opacity: 1;
    visibility: visible;
}

.offer-card .card-hover{
    opacity: 0;
    visibility: hidden;
    background: #1E3523;
}

/* hover */
.offer-card:hover .card-normal{
    opacity: 0;
    visibility: hidden;
}

.offer-card:hover .card-hover{
    opacity: 1;
    visibility: visible;
}
@media (max-width: 1536px) {
 	.split-menu nav ul li:nth-child(3) {
		margin-right: 580px; /* khoảng trống cho logo */
	} 
}
@media (max-width: 1440px) {
	.elementor-12 .elementor-element.elementor-element-c3acb0f .elementor-divider-separator {
		width: 30% !important;
	}
 	.split-menu nav ul li:nth-child(3) {
		margin-right: 450px; /* khoảng trống cho logo */
	} 
}
@media (max-width: 767px) {
	.elementor-12 .elementor-element.elementor-element-c3acb0f .elementor-divider-separator {
		width: 80% !important;
	}
}
