/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.19.13
*/
@font-face{font-family:Paso Robles;src:url('./fonts/pasorobles-regular.woff');}
@font-face{font-family:Promenade;src:url('./fonts/promenade-regular.woff');}
:root {
	--1-color: #374c1c;
	--2-color: #fffceb;
	--text-color: #333;
	--bg-2: #fffceb;
}

#main,
#wrapper {
	background-color: var(--bg-2) !important;
	position: relative;
}
.section-title-normal {
	border-bottom: 0!important;
	margin:0;
}
.section-title-normal span {
	border-bottom:0!important;
}
.section-title b{
	opacity:0;
}
.custom-title-1{
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0em;
	color: rgba(231, 229, 216, 1);
	line-height: 0.8;
	font-size: 50px;
	text-align: left;
}


.custom-title-2{
	color: rgba(231, 229, 216, 1);
	text-transform: uppercase;
	line-height: 0.9;
	letter-spacing: 0em;
	font-size: 136px;
	text-align: left;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.custom-des-banner{
	color: rgba(231, 229, 216, 1)!important;
	text-transform: capitalize;
	line-height: 0.8;
	letter-spacing: 0em;
	font-size: 45px!important;
	text-align: center;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
	margin-top:70px!important;
	margin-bottom:70px!important;
}
.custom-des-1{
	color: rgba(231, 229, 216, 1);
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 0.2em;
	font-size: 14px!important;
	text-align: right!important;
	font-family: 'Montserrat';
	font-weight: 700;
	font-style: normal;
	width:80%;
}
.sie-about-cabin-intro_8-text{
	color: rgba(37, 67, 134, 1);
	text-transform: uppercase;
	line-height: 0.4;
	letter-spacing: 0em;
	font-size: 95px!important;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
	text-align:left!important;
}
.custom-link-home:hover a,
color:var(--fs-color-secondary)!important;
}
.sie-about-cabin-intro_9{
	color: #E7E5D8;
	text-transform: none;
	line-height: 0;
	transform:translateY(-20px);
	letter-spacing: 0em;
	font-size: 40px;
	text-align: left;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
}
.custom-row-m{
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}
.custom-row-m .section-title-main{
	color: var(--fs-color-secondary)!important;
	font-size: 40px!important;
	text-align: left;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.how-to-book span.section-title-main{
	color: rgba(231, 229, 216, 1) !important;
	text-transform: uppercase;
	line-height: 0.9;
	letter-spacing: 0em;
	font-size: 100px!important;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.custom-name-customer span{
	color: #E7E5D8;
	font-size: 35px;
	text-align: center;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
	text-transform:capitalize!important;
}
.ready-to-book span{
	color: rgba(231, 229, 216, 1);
	text-transform: uppercase;
	line-height: 0.9;
	letter-spacing: 0em;
	font-size: 116px;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.summer-getaway{
	color: rgba(231, 229, 216, 1);
	font-size: 50px;
	text-align: center;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
}
.travel-guild span{
	color: rgba(37, 67, 134, 1);
	font-size: 100px;
	text-align: left;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.subtitle {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.1428571429rem;
	font-weight: 100;
}
.hgroup__intro p {
	font-size: 1rem;
	line-height: 1.45;
	color: #313131;
	letter-spacing: 0.0571428571rem;
	overflow-wrap: break-word;
}
.gallery-home-ori .flickity-slider .gallery-col {
	height: 500px;
	margin: auto;
	display: flex;
	align-items: center;
}
.st-d-subheading {
	color: rgba(37, 67, 134, 1);
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 0.2em;
	font-size: 14px!important;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 700;
	font-style: normal;
}
.sie-page-intro_2-text {
	color: rgba(231, 229, 216, 1);
	text-transform: uppercase;
	line-height: 0.8!important;
	letter-spacing: 0em!important;
	font-size: 165px!important;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400!important;
	font-style: normal;
}
.st-d-heading {
	color: rgba(37, 67, 134, 1);
	line-height: 0.8;
	letter-spacing: 0em;
	font-size: 45px;
	text-align: center;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
}
.sie-contact-form_view-1_16-text {
	color: rgba(37, 67, 134, 1);
	text-transform: uppercase;
	line-height: 0.9;
	letter-spacing: 0em;
	font-size: 75px;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.sie-contact-form_view-1_15-text {
	color: rgba(25, 25, 26, 1);
	font-size: 45px;
	text-align: center;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
}
.st-d-paragraph {
	color: rgba(37, 67, 134, 1);
	line-height: 1.4;
	letter-spacing: 0em;
	font-size: 16px;
	text-align: center;
	font-family: 'Poppins';
	font-weight: 400;
	font-style: normal;
}
.form-row {
	display: flex;
	gap: 20px;
}

.form-group {
	display: flex;
	flex-direction: column;
}
.form-group .wpcf7-form-control-wrap input,
.form-group .wpcf7-form-control-wrap textarea{
	box-shadow:none;
	outline:none;
}
.half-width {
	flex: 1;
}
.btn-submit-s p{
	text-align:right;
}
.btn-submit-s .wpcf7-submit{
	margin-right:0!important;
	background:var(--fs-color-secondary);
	border-bottom-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	color:#333!important;
	box-shadow:none;
}
.wpcf7-spinner{
	display:none;
}
label {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 6px;
	color: #fff;
}

input.form-control,
textarea.form-control {
	border: 1px solid #0d2d6c;
	padding: 10px;
	font-size: 14px;
	background-color: #f0eddf;
	width: 100%;
	box-sizing: border-box;
}
input.form-control{
	height:45px;
}
textarea.form-control {
	min-height: 150px;
	resize: vertical;
}
.custom-accordion i {
	display: none;
}
.custom-accordion .accordion-title {
	text-align: left;
	margin-bottom: 10px;
	border-top: none;
	border-bottom:2px solid var(--fs-color-secondary); 
	color:var(--fs-color-secondary);
	font-size: 40px;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
/* Khởi tạo bộ đếm */
.tab-services .nav-line {
	counter-reset: item;
}

/* Tăng bộ đếm cho từng mục */
.custom-accordion .accordion-item {
	counter-increment: item;
}
.custom-accordion .accordion-item button{
	display:none;
}
.custom-accordion .accordion-item a{
	position:relative;
}
.custom-accordion .accordion-item a::after{
	content: '\2b';
	position: absolute;
	right: 15px;
	font-weight: 900;
	font-family: 'Font Awesome 6 Free';
	font-size: 24px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.custom-accordion .accordion-item a.active::after{
	content:'\f068';
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	font-size: 24px;
}
.custom-accordion .accordion-title.active{
	background:transparent!important;
}
.custom-accordion .accordion-item a{
	padding-left:10px!important;
}
.custom-accordion .accordion-item a.accordion-title span::before {
	content:'0' counter(item)!important;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	padding-right:20px;
	color:#fff;
}
.custom-accordion .accordion-title.active {
	font-weight: 500;
}
.custom-accordion .accordion-inner {
	text-align: left;
}
/* các khu nghỉ dưỡng lân cận */
.section8 .slider .row{
	max-width: 45%;
	opacity: 1;
	margin-left: 0;
	margin-right: 0;
}
.section8.slider .row .col {
	padding: 0 5px 30px;
}
.transparent ul.nav>li>a{
	color:#fff!important;
}
.section-img-fixed{
	background-attachment: fixed;
	background-image: url(../../uploads/2025/07/caroline-mangum-dupe.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
}
.section5 h4 .section-title-main{
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 0.2em;
	font-size: 14px!important;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 700;
	font-style: normal;
	margin-top:30px!important;
}
.section5 .slider .flickity-prev-next-button{
	top:0!important;
}
.book-dire span.section-title-main{
	color: rgba(231, 229, 216, 1);
	text-transform: uppercase;
	line-height: 0.9;
	letter-spacing: 0em;
	font-size: 90px!important;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.section-img-fixed .section-title-main,
.custom-book-1 .section-title-main{
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 0.2em;
	font-size: 14px!important;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 700;
	font-style: normal;
	margin-top:30px!important;
}
.section-img-fixed::after{
	position:absolute;
	content:'';
	background:#000000ba;;
	top:0;
	width:100%;
	height:100%;

}
.section-img-fixed.info{
	background-image: url(../../uploads/2025/07/emilie-faraut-dupe.jpg);
}
.section-img-fixed-2{
	background-attachment: fixed;
	background-image: url(../../uploads/2025/07/stephanie-bennett-dupe.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
}
.section-img-fixed.book{
	background-image: url(../../uploads/2025/07/cora-pursley-dupe_3-1-scaled.jpg);
}
.custom-text-k1 {
	width:60%;
}
.custom-text-k1 h2 {
	color: rgba(231, 229, 216, 1);
	text-transform: uppercase;
	line-height: 0.9;
	letter-spacing: 0em;
	font-size: 125px;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.custom-text-k1 p{
	color: rgba(231, 229, 216, 1);
	font-size: 45px;
	text-align: center;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;	
}
.custom-col-k1 a{
	width: 270px;
	height: 55px;
}
.custom-col-k1 a span{
	line-height:55px!important;
}
.custom-col-k1 .secondary.is-outline:hover {
	background-color: rgba(231, 229, 216, 0.2);
	border-color: var(--fs-color-secondary);
	color: #fff;
	border-width:2px;
}
.custom-content-book .text{
	width:60%;
	margin: 50px auto 0;
}
.sie-booking-intro-and-options_21-text {
	color: rgba(25, 25, 26, 1);
	font-size: 45px;
	text-align: center;
}
.sie-booking-intro-and-options_22-text {
	color: rgba(37, 67, 134, 1);
	text-transform: uppercase;
	line-height: 0.8;
	letter-spacing: 0em;
	font-size: 110px!important;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.sie-booking-form_view-1_24-text {
	color: rgba(231, 229, 216, 1);
	font-size: 45px;
	text-align: center;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
}
.contact-form {
	max-width: 800px;
	margin: 0 auto;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.contact-form label {
	display: block;
	margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	padding: 12px;
	background: transparent;
	border: 1px solid white;
	color: white;
	font-size: 16px;
}

.contact-form textarea {
	height: 120px;
	resize: vertical;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
	color: white;
	opacity: 0.7;
}
/* Form bookkingv_v1 */
.form-contact {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.form-contact .wpcf7-form-control-wrap{
	padding-top:10px;
}
.sie-contact-form_view-1_16-text span.section-title-main{
	text-transform: uppercase;
	line-height: 0.9;
	letter-spacing: 0em;
	font-size: 75px;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.form-contact label {
	display: block;
	margin-bottom: 20px;
}
.form-contact .mt-2 p{
	text-align:right;

}
.form-contact .mt-2 p input{
	margin-right:0!important;
	padding:0px 20px;
	border-bottom-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}
.form-contact input:not([type="submit"]),
.form-contact textarea {
	width: 100%;
	padding: 12px;
	background: transparent!important;
	border: 1px solid white;
	color: white!important;
	font-size: 16px;
}

.form-contact textarea {
	height: 120px;
	resize: vertical;
}


/* Ngăn hiệu ứng autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
	transition: background-color 9999s ease-in-out 0s;
	-webkit-text-fill-color: white !important;
	caret-color: white;
	border: 1px solid white !important;
	background-color: transparent !important;
}
.form-contact input:focus,
.form-contact textarea:focus {
	background-color: transparent !important;
	box-shadow: none !important;
	outline: none;
}
/* ENd */
.sie-after-you-book_12-text {
	color: #374c1c !important;
	text-transform: uppercase;
	line-height: 0.9;
	letter-spacing: 0em;
	font-size: 90px;
	text-align: left;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.sie-after-you-book_11-text {
color: #374c1c !important;
	line-height: 1;
	width: 160px;
	display: inline-block;
}
.custom-title-atb h4 span{
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: 0em;
	font-size: 50px;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.custom-title-atb .col:nth-child(2),
.custom-title-atb .col:nth-child(3){
	border-right:1px solid;
}
.mt-150 {
	margin-top:180px;
	margin-bottom:150px;
}
.roate-360{
	transform: scale(1, 1) translate(0px, 0px) rotate(270deg);
	position: absolute;
	left: -170px;
	top: 120px;
	width: 400px;
	border-bottom: 1px solid #fff;
}
.roate-360 h3{
	display: flex;
	align-items: center;
	justify-content: center;
}

.roate-360 h3 span{
	font-size:14px!important;
	color:#fff!important;
}
.sie-page-intro_8-text span{
	color: rgba(231, 229, 216, 1);
	font-size: 128px;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0em;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.custom-border-row{
    border: 1px solid var(--fs-color-secondary);
	padding:80px;
}
.custom-border-row img{
    filter: invert(1);
}
.roate-360.k2{
	transform: scale(1, 1) translate(0px, 0px) rotate(270deg);
	position: absolute;
	left: -160%;
	top: 120px;
	width: 600px;
	border-bottom:0!important;
}
.roate-360.k2 h3{
	display: flex;
	align-items: center;
	justify-content: center; 
}

.roate-360.k2 h3 span{
	color: rgba(25, 25, 26, 1);
	font-size: 38px!important;
	text-transform:capitalize;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
	line-height: 0.8;
	letter-spacing: 0em;
}


.st-d-title {
	color: var(--fs-color-secondary);
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0em;
	font-size: 60px;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.sie-what-to-know_5-text {
	color: rgba(37, 67, 134, 1);
	font-size: 60px;
}
.marquee-once {
	width: 100%;
	overflow: hidden;
	background: var(--fs-color-primary);
	height: 40px;
	display: flex;
	align-items: center;
	position: relative;
}

.marquee-text {
	display: inline-block;
	white-space: nowrap;
	padding-left: 100%; /* bắt đầu ngoài khung */
	animation: slide-left 50s linear forwards; /* chỉ chạy 1 lần và giữ nguyên trạng thái cuối */
	font-weight: bold;
	color: var(--fs-color-secondary);
	font-size: 16px;
}
.custom-marquee-once-2 {
	margin-top:-50px;
}
.custom-marquee-once-2 .marquee-once-2{
	width: 100%;
	overflow: hidden;
	background: transparent;
	height: 50px;
	display: flex;
	align-items: center;
	position: relative;
	border-top:1px solid var(--fs-color-secondary);
}
.marquee-once-2 .marquee-text {
	display: inline-block;
	white-space: nowrap;
	padding-left: 100%; /* bắt đầu ngoài khung */
	animation: slide-left 50s linear forwards; /* chỉ chạy 1 lần và giữ nguyên trạng thái cuối */
	font-weight: bold;
	color: var(--fs-color-secondary);
	font-size: 16px;
}
.custom-stack-info h4{
	color: var(--fs-color-secondary);
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 0.2em;
	font-size: 16px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 700;
	font-style: normal;
}
.custom-stack-info img,
.custom-stack-info .box-image{
	height:20px;
	width:15px !important;
}
@keyframes slide-left {
	0% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(-60%);
	}
}
.sie-links-x-2_6-text {
	color: rgba(231, 229, 216, 1);
	font-size: 45px;
	text-align: center;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
	margin-bottom:60px;
}
.secondary.is-outline:hover {
	background-color: transparent!important;
	border-color: var(--fs-color-secondary);
	color: #fff;
}
.sie-local-attraction-links_35-text {
	font-size: 55px;
	text-align: left;
}
.custom-img-box-info a.button{
	margin-top:-70px
}
.sie-social-media-call-to-action_2-text span{
	color: rgba(231, 229, 216, 1);
	font-size: 111px;
	text-align: left;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0em;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.btn-readry{
	border-color: rgba(231, 229, 216, 1)!important;
	border-width: 0.5px!important;
	background-color: rgba(0, 0, 0, 0)!important;
	transition-duration: 0.5s;
	transition-property: background-color, border-color, border-width;
	border-style: solid;
	border-radius: inherit;
	border-radius: 25px 25px 0px 25px;
	transition-duration: 0.5s;
	transition-property: opacity;
}
.btn-readry span{
	color:var(--fs-color-secondary)!important;
}
.sie-social-media-call-to-action_1-text {
	color: rgba(231, 229, 216, 1);
	text-align: left;
}
.sie-social-media-call-to-action_0-text {
	color: rgba(231, 229, 216, 1);
	font-size: 49px;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
	transition-duration: 0.5s;
	transition-property: color;
	text-align:left;
	padding-top:30px;
}
.sie-local-attraction-links_39-text span{
	color: var(--fs-color-secondary);
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0em;
	font-size: 100px;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.sie-page-intro_1-text {
	color: rgba(231, 229, 216, 1);
	text-transform: uppercase!important;
	line-height: 2;
	letter-spacing: 0.2em;
	font-size: 14px;
	text-align: right;
	font-family: 'Montserrat';
	font-weight: 700;
	font-style: normal;
	width:80%;
}
.custom-menu-policy {
	color: var(--fs-color-secondary)!important;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 0.2em;
	font-size: 14px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 700;
	font-style: normal;
}
.custom-menu-policy .ux-menu-link__link:hover {
	cursor:default!important;
}
.custom-menu-policy .ux-menu-link__link:hover span,
.custom-menu-policy .ux-menu-link__link:hover i{
	color:var(--fs-color-secondary)!important;
}
.custom-title-policy h2 span{
	font-size:60px;
	font-weight:400!important;
	font-family: 'Promenade';
}
.d-flex-icon .col-inner{
	display:flex;
	justify-content:end;
}
.custom-fl-ic-des{
	font-size: 120%;
	display: flex;
	width: 80px !important;
	flex-wrap: wrap;
}
.custom-stack-about h4 .section-title-main{
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 0.2em;
	font-size: 14px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 700;
	font-style: normal;
	margin-bottom:10px!important;
}
.custom-section-k21 h3 .section-title-main{
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0em;
	font-size: 45px;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.custom-meet-your{
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0em;
	font-size: 60px;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.name-cty span.section-title-main{
	color: rgba(231, 229, 216, 1);
	text-transform: uppercase;
	line-height: 0.9;
	letter-spacing: 0em;
	font-size: 140px!important;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.custom-img-box-info h4 span{
	line-height: 0.8;
	letter-spacing: 0em;
	font-size: 40px!important;
	text-align: left;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
}
.sie-social-media-call-to-action_2-text h2 span.section-title-main{
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0em;
	font-size: 111px!important;
	text-align: left;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.sie-faq-top_1-text span.section-title-main{
	color: rgba(37, 67, 134, 1);
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0em;
	font-size: 117px;
	text-align: center;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.custom-title-1-home {
	color: rgba(231, 229, 216, 1);
	text-transform: uppercase;
	line-height: 0.8;
	letter-spacing: 0em;
	font-size: 182px;
	text-align: right;
	font-family: 'Promenade';
	font-weight: 400;
	font-style: normal;
}
.custom-title-2-home{
	color: rgba(231, 229, 216, 1);
	text-transform: capitalize;
	line-height: 0.8;
	letter-spacing: 0em;
	font-size: 80px;
	text-align: left;
	font-family: 'Paso Robles';
	font-weight: 400;
	font-style: normal;
}
@media screen and (max-width:768px){
	.custom-title-1-home {
		color: rgba(231, 229, 216, 1);
		text-transform: uppercase;
		line-height: 1.2;
		letter-spacing: 0em;
		font-size: 80px;
		text-align: center;
		font-family: 'Promenade';
		font-weight: 400;
		font-style: normal;
	}
	.custom-title-2-home{
		color: rgba(231, 229, 216, 1);
		text-transform: capitalize;
		line-height: 0.8;
		letter-spacing: 0em;
		font-size: 50px;
		text-align: center;
		font-family: 'Paso Robles';
		font-weight: 400;
		font-style: normal;
		margin-top:15px;
	}
	.mfp-ready .mfp-close {
		opacity: 1;
		left: 43%;
		top: 0%;
	}
	.name-cty span.section-title-main{
		color: rgba(231, 229, 216, 1);
		text-transform: uppercase;
		line-height: 0.8;
		letter-spacing: 0em;
		font-size: 60px!important;
		text-align: center;
		font-family: 'Promenade';
		font-weight: 400;
		font-style: normal;
	}
	.sie-links-x-2_6-text {
		color: rgba(231, 229, 216, 1);
		font-size: 20px;
		text-align: center;
		font-family: 'Paso Robles';
		font-weight: 400;
		font-style: normal;
	}
	.html .social-icons {
		font-size: 2em;
	}
	.mfp-close svg {

		width: 60px;
		height: 60px;
	}
	.custom-des-banner {
		display:none;
	}
	.custom-des-1{
		text-align: center !important;
		width: 100%;
		transform: translateY(-181px);
		font-size: 9px !important;
	}
	.mfp-content{
		padding: 0 !important;
		padding-top: 2rem !important;
	}
	.off-canvas-center .nav-sidebar.nav-vertical > li > a {
		font-family: 'Promenade' !important; 
		font-size: 35px !important;
	}
	.off-canvas-center .mfp-container {
		background: var(--1-color);
	}
	.custom-title-1{
		line-height: 1;
		letter-spacing: 0em;
		font-size: 80px;
	}
	.custom-title-2{
		line-height:1;
		letter-spacing: 0em;
		font-size: 50px;
	}
	.sie-about-cabin-intro_8-text{
		line-height: 0.4;
		letter-spacing: 0em;
		font-size: 34px;
	}
	.sie-about-cabin-intro_9{
		font-size:0;
	}

	.ready-to-book span {
		font-size: 60px;
	}
	.summer-getaway {
		font-size: 27px;
	}
	.btn-readry{
		border-color: rgba(231, 229, 216, 1);
		border-width: 1px;
		background-color: rgba(0, 0, 0, 0);
		transition-duration: 0.5s;
		transition-property: background-color, border-color, border-width;
		border-style: solid;
		border-radius: inherit;
	}
	.how-to-book span.section-title-main{
		font-size: 49px!important;
	}
	.travel-guild span{
		color: rgba(37, 67, 134, 1);
		font-size: 47px;
		text-align: left;
		font-family: 'Promenade';
		font-weight: 400;
		font-style: normal;
	}
	.custom-stack-about{
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}
	.custom-stack-about .row{
		width:100%!important;
	}
	.custom-section-k21 .col-inner .img{
		width:100%!important;
	}
	.custom-text-k1 h2 {
		color: rgba(231, 229, 216, 1);
		text-transform: uppercase;
		line-height: 0.8;
		letter-spacing: 0em;
		font-size: 65px;
		text-align: center;
		font-family: 'Promenade';
		font-weight: 400;
		font-style: normal;
	}
	.custom-text-k1 p{
		color: rgba(231, 229, 216, 1);
		font-size: 25px;
		text-align: center;
		font-family: 'Paso Robles';
		font-weight: 400;
		font-style: normal;	
	}
	.custom-col-k1 .text-center .button:last-of-type{
		margin-left:0!important;
		margin-right:1em!important;
	}
	.sie-contact-form_view-1_16-text {
		color: rgba(37, 67, 134, 1);
		text-transform: uppercase;
		line-height: 0.9;
		letter-spacing: 0em;
		font-size: 47px;
		text-align: center;
		font-family: 'Promenade';
		font-weight: 400;
		font-style: normal;
	}
	.sie-contact-form_view-1_15-text {
		color: rgba(25, 25, 26, 1);
		font-size: 25px;
		text-align: center;
		font-family: 'Paso Robles';
		font-weight: 400;
		font-style: normal;
	}
	.sie-faq-top_0-text {
		color: rgba(25, 25, 26, 1);
		text-transform: none;
		line-height: 1;
		letter-spacing: 0em;
		font-size: 20px;
		text-align: center;
		font-family: 'Paso Robles';
		font-weight: 400;
		font-style: normal;
	}
	.sie-faq-top_1-text span.section-title-main{
		font-size: 100px!important;
		margin-bottom:0;
		font-weight:400!important;
	}
	.sie-page-intro_2-text {
		color: rgba(231, 229, 216, 1);
		text-transform: uppercase;
		line-height: 0.8;
		letter-spacing: 0em;
		font-size: 59px!important;
		text-align: center;
		font-family: 'Promenade';
		font-weight: 400;
		font-style: normal;
	}
	.custom-img-box-info .text{
		padding-top:10px;
	}
	.sie-booking-intro-and-options_22-text span{
		text-transform: uppercase;
		line-height: 0.9;
		letter-spacing: 0em;
		font-size: 55px;
		text-align: center;
		font-family: 'Promenade';
		font-weight: 400;
		font-style: normal;
	}
	.sie-booking-intro-and-options_21-text{
		font-size:20px!important
	}
	.book-dire span.section-title-main{
		font-size:45px!important;
	}
	.sie-booking-form_view-1_24-text{
		font-size:22px!important;
	}
	.sie-after-you-book_11-text{
		width:100%!important;
	}
	.st-m-title {
		text-transform: uppercase;
		line-height: 1;
		letter-spacing: 0em;
		font-size: 40px!important;
		text-align: center;
		font-family: 'Promenade';
		font-weight: 400;
		font-style: normal;
	}
	.custom-accordion .accordion-title {
		font-size:18px;
	}
	.sie-page-intro_8-text span{
		color: rgba(231, 229, 216, 1);
		font-size: 35px;
	}
	.custom-border-row{
		padding:15px;
	}
	.roate-360.k2 {
		transform: unset;
		position: relative;
		left: 0;
		top: 5vh;
		width: 100%;
		border-bottom: 0 !important;
	}
	.roate-360.k2 h3 span{
		color: rgba(25, 25, 26, 1);
		font-size: 25px!important;
		text-transform:capitalize;
		font-family: 'Paso Robles';
	}
	.custom-img-box-info a.button{
		margin-top:0;
	}
	.custom-stack-info {
		flex-direction:column;
	}
	.custom-stack-info .box{
		display:flex;
	}
	.custom-stack-info .box-image{
		width:5%!important;
	}
	.custom-stack-info h4{
		font-size:12px;
		text-transform:capitalize;
	}
	.section-img-fixed.info a.button{
		margin:5px auto!important;
	}
	.sie-social-media-call-to-action_2-text span{
		color: rgba(231, 229, 216, 1);
		font-size: 46px;
		text-align: left;
	}
	.sie-local-attraction-links_39-text span{
		font-size: 35px;
	}
	.sie-page-intro_2-text {
		margin-top:30px!important;
		color: rgba(231, 229, 216, 1);
		text-transform: uppercase;
		line-height: 0.8!important;
		letter-spacing: 0em;
		font-size: 45px!important;
		text-align: center;
		font-family: 'Promenade';
		font-weight: 400!important;
		font-style: normal;
	}
	.btn-readry{
		border-radius: 15px 15px 0px 15px;
		transition-duration: 0.5s;
		transition-property: opacity;
		padding: 5px 30px;
	}
	.custom-fl-ft-mb{
		font-size: 140%;
		display: flex!important;
		justify-content: space-around;
		padding: 10px;
		color:#fff;
	}
	.custom-border-mb {
		margin-top: 10px;
		border-bottom: 1px solid;
		border-top: 1px solid;
	}
	.btn-readry.is-xlarge{
		font-size:14px!important;
	}
	.sie-page-intro_3-text {
		color: rgba(231, 229, 216, 1);
		font-size: 22px;
		text-align: center;
		font-family: 'Paso Robles';
		font-weight: 400;
		font-style: normal;
	}
	.sie-page-intro_1-text {
		color: rgba(231, 229, 216, 1);
		text-transform: uppercase;
		line-height: 1.5;
		letter-spacing: 0.2em;
		font-size: 8px;
		text-align: right;
		font-family: 'Montserrat';
		font-weight: 700;
		font-style: normal;
	}
	.custom-slider-mb img{
		height:500px!important
	}
	.custom-link-home{
		width:100%!important;
		text-align:center;
	}
	.section3 .custom-link-home{
		text-align:left;
	}
	.section3 .is-divider{
		max-width:100%!important;
		margin:0!important;
	}
}

.sec-ft .ux-menu-link__text{

	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 0.2em;
	font-size: 14px;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 700;
	font-style: normal;
}
.col-m-0{
	margin: 0;
	padding: 0;
}
.section-title-container{
	margin: 0;
	padding: 0;
	display: flex;
	margin: auto;
}
.section5::before {
	position: absolute;
	content: '';
	background: url(https://ktech1.k-tech-services.com/info272/wp-content/uploads/2025/07/cora-pursley-dupe_1_copy.jpg);
	width: 150px;
	height: 200px;
	padding: 10px;
	border-radius: 12px;
	left: 5%;
	top: -11%;
	z-index: 9999;
	transform: rotate(348deg);
	background-size: 100% 100%;
}
.section5::after {
	position: absolute;
	content: '';
	width: 150px;
	height: 200px;
	padding: 10px;
	border-radius: 12px;
	right: 5%;
	bottom: -11%;
	z-index: 9999;
	transform: rotate(22deg);

	background: url(https://ktech1.k-tech-services.com/info272/wp-content/uploads/2025/07/kaboompics_grass-on-a-beach-18426-1.jpg) !important;
	background-size: 100% 100% !important;
}
.sec-ft .ux-menu-link__link {
	align-items: baseline;
	border-bottom-color: #ececec;
	border-bottom-width: 1px;
	color: rgb(24 71 13) !important;
	flex: 1;
	min-height: 2.5em;
	padding-bottom: .3em;
	padding-top: .3em;
	transition: all .2s;
}
.text p{
	color: var(--fs-color-secondary) !important;
}
.text-banner-c h1{
	margin-bottom: 4rem;
}
.custom-row-m1 .text p{
	height:150px;
}
.line-font-new h3{
	line-height: 1.5 !important;

	font-size: 40px !important;
}
.section5.row-popup-img::after {
    position: absolute;
    content: '';
    width: 150px;
    height: 200px;
    padding: 10px;
    border-radius: 12px;
    right: -17%;
    bottom: 20%;
    z-index: 9999;
    transform: rotate(355deg);
    background: url(https://ktech1.k-tech-services.com/info272/wp-content/uploads/2025/07/kaboompics_grass-on-a-beach-18426-1.jpg) !important;
    background-size: 100% 100% !important;
}
.section5.row-popup-img::before{
	 display:none;
}
.section5.sectionbook::before {
    position: absolute;
    content: '';
    background: url(https://ktech1.k-tech-services.com/info272/wp-content/uploads/2025/07/Lop-1.png);
    width: 150px;
    height: 200px;
    padding: 10px;
    border-radius: 12px;
    left: 10%;
    top: 16%;
    z-index: 9999;
    transform: rotate(348deg);
    background-size: 100% 100%;
}
.section5.sectionbook::after {
    position: absolute;
    content: '';
    background: url(https://ktech1.k-tech-services.com/info272/wp-content/uploads/2025/07/DSC00083.jpg);
    width: 150px;
    height: 200px;
    padding: 10px;
    border-radius: 12px;
    right: 10%;
    top: 16%;
    z-index: 9999;
      transform: rotate(17deg);
    background-size: 100% 100%;
}
.text-var-color p{
	color:var(--primary-color) !important;
}
.lh2 {
	line-height:6rem;
}
.lh4 {
    line-height: 4rem;
}
.row-popup {
	    border: 1px solid var(--fs-color-secondary);
    padding: 20px;
}
@media screen and (max-width:768px){
	.section5::after { 
		display:none;	
	}
	.section5::before { 
		display:none;	
	}
	.text-banner-c h1 {
		margin-bottom: unset;
	}
	.sie-about-cabin-intro_9 {
		font-size: 0;
		display: block;
		margin: 0 !important;
		font-size: 30px !important;
		margin-top: 1rem !important;
	}
	.custom-row-m1 .text p {
		height: 100%;
		padding: 0;
		margin: 0;
	}
}
label {
   
    color: var(--fs-color-secondary);
}
#popup-overlay {
	display: none;
}

#popup-overlay.show {
	display: flex;
}
#popup-overlay {
	position: fixed;
	top: 10px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6); /* Overlay mờ */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s;
}

#popup-overlay.show {
	opacity: 1;
	visibility: visible;
}

#popup-overlay .popup-content {
	background-color: white;
	border-radius: 0.75rem; /* rounded-lg */
	max-width: 44rem; /* max-w-md */
	width: 100%;
	position: relative;
	padding: 1rem; /* p-6 */
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	max-height: 90vh;
}

#close-popup {
    position: absolute;
    top: 0%;
    right: 15%;
    font-size: 35px;
    color: var(--fs-color-secondary);
    cursor: pointer;
    transition: color 0.3s;
    z-index: 999;
    padding: 0;
    margin: 0;
    height: 30px !important;
}

#close-popup:hover {
	color: #ff0000;
}