/*-----------------------------------------------------------------------------------
	bali.place
	Author: I Putu Gede Ardi Wijaya
	Version: 1.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
    background:var(--swatch-var-6405);
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}
.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: 0;right: 0;z-index:99999;} /* ScrollFX Lock */
.blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} /* CSS Grid */

/* = Web Fonts
-------------------------------------------------------------- */

@font-face {
	font-family:'RalewayThin-ExtraLight';
	src: url('./fonts/RalewayThin-ExtraLight/raleway-v36-latin-200.woff2');
	src: url('./fonts/RalewayThin-ExtraLight/raleway-v36-latin-200.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'RalewayThin-Regular';
	src: url('./fonts/RalewayThin-Regular/raleway-v36-latin-regular.woff2');
	src: url('./fonts/RalewayThin-Regular/raleway-v36-latin-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'RalewayThin-Medium';
	src: url('./fonts/RalewayThin-Medium/raleway-v36-latin-500.woff2');
	src: url('./fonts/RalewayThin-Medium/raleway-v36-latin-500.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'CormorantGaramondLight-Regular';
	src: url('./fonts/CormorantGaramondLight-Regular/cormorant-garamond-v20-latin-regular.woff2');
	src: url('./fonts/CormorantGaramondLight-Regular/cormorant-garamond-v20-latin-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'CormorantGaramondLight-Light';
	src: url('./fonts/CormorantGaramondLight-Light/cormorant-garamond-v20-latin-300.woff2');
	src: url('./fonts/CormorantGaramondLight-Light/cormorant-garamond-v20-latin-300.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'RalewayThin-Light';
	src: url('./fonts/RalewayThin-Light/raleway-v36-latin-300.woff2');
	src: url('./fonts/RalewayThin-Light/raleway-v36-latin-300.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'CormorantGaramondLight-Medium';
	src: url('./fonts/CormorantGaramondLight-Medium/cormorant-garamond-v20-latin-500.woff2');
	src: url('./fonts/CormorantGaramondLight-Medium/cormorant-garamond-v20-latin-500.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'RalewayThin-SemiBold';
	src: url('./fonts/RalewayThin-SemiBold/raleway-v36-latin-600.woff2');
	src: url('./fonts/RalewayThin-SemiBold/raleway-v36-latin-600.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family:'RalewayThin-Bold';
	src: url('./fonts/RalewayThin-Bold/raleway-v36-latin-700.woff2');
	src: url('./fonts/RalewayThin-Bold/raleway-v36-latin-700.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

/* = Blocs
-------------------------------------------------------------- */

.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
	position:relative;
}


/* Sizes */

.bloc-lg{
	padding:100px 20px;
}
.bloc-md{
	padding:50px 20px;
}
.bloc-sm{
	padding:20px;
}

/* = Full Screen Blocs 
-------------------------------------------------------------- */

.bloc-fill-screen{
	min-height:100vh;
	display: flex;
	flex-direction: column;
	padding-top:20px;
	padding-bottom:20px;
}
.bloc-fill-screen > .container{
	align-self: flex-middle;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
}
.bloc-fill-screen > .container > .row{
	flex-grow: 1;
	align-self: center;
	width:100%;
}
.bloc-fill-screen .fill-bloc-top-edge, .bloc-fill-screen .fill-bloc-bottom-edge{
	flex-grow: 0;
}
.bloc-fill-screen .fill-bloc-top-edge{
	align-self: flex-start;
}
.bloc-fill-screen .fill-bloc-bottom-edge{
	align-self: flex-end;
}

/* = Full Width Blocs 
-------------------------------------------------------------- */

.full-width-bloc{
	padding-left:0;
	padding-right:0;
}
.full-width-bloc .row{
	margin-left:0;
	margin-right:0;
}
.full-width-bloc .container{
	width:100%;
	max-width:100%!important;
}
.full-width-bloc .carousel img{
	width:100%;
	height:auto;
}


/* Background Effects */

.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:-1;
}
.parallax {
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Dark theme */

.d-bloc{
	color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
	color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
	border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
	border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
	color:rgba(255,255,255,.6);
}
:where(.d-bloc) .bloc-link{
	fill:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
	color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
	background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}
.d-bloc .card{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
	color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover{
	color:rgba(0,0,0,1);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* Light theme */

.d-bloc .card,.l-bloc{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{
	color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
	color:rgba(0,0,0,.6);
}
:where(.l-bloc) .bloc-link{
	fill:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
	color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* Correct Dropdown Links */

.d-bloc .dropdown-menu a, .l-bloc .dropdown-menu a,.d-bloc .dropdown-menu a:hover, .l-bloc .dropdown-menu a:hover{
	color:var(--bs-nav-link-hover-color);
}


/* = NavBar
-------------------------------------------------------------- */

/* Navbar Icon */
.svg-menu-icon{
	fill: none;
	stroke: rgba(0,0,0,0.5);
	stroke-width: 2px;
	fill-rule: evenodd;
}
.navbar-dark .svg-menu-icon{
	stroke: rgba(255,255,255,0.5);
}
.menu-icon-thin-bars{
	stroke-width: 1px;
}
.menu-icon-thick-bars{
	stroke-width: 5px;
}
.menu-icon-rounded-bars{
	stroke-width: 3px;
	stroke-linecap: round;
}
.menu-icon-filled{
	fill: rgba(0,0,0,0.5);
	stroke-width: 0px;
}
.navbar-dark .menu-icon-filled{
	fill: rgba(255,255,255,0.5);
}
.navbar-toggler-icon{
	background: none!important;
	pointer-events: none;
	width: 33px;
	height: 33px;
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
	border:none}
@media (min-width:576px){
	
.navbar-expand-sm .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:768px){
	.navbar-expand-md .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:992px){
	.navbar-expand-lg .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
	right:100%;
	left:auto}
}
/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-clear{
	margin:0;
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	fill:#FFF;
	background:rgba(0,0,0,.3);
}

.btn-sq{
	border-radius: 0px;
}
.btn-style-none,.btn-style-none:hover,.btn-style-none:active,.btn-style-none:focus{
	background:none;
	box-shadow: none;
	padding:0;
}
.a-block{
	width:100%;
	text-align:left;
	display: inline-block;
}
.text-center .a-block{
	text-align:center;
}

/* = Icons
-------------------------------------------------------------- */
blocsicon{
	display:inline-block;
	width:100%;
}
blocsicon svg {
	width: 100%;
	 height: auto;
	 display: block;
}
.link-nested-icon, .text-nested-icon{
	width:20px;
	position:relative;
	top:-0.05em;
}
.text-nested-icon svg{
	display:inline-block;
}




/* = Cards
-------------------------------------------------------------- */
.card-sq, .card-sq .card-header, .card-sq .card-footer{
	border-radius:0;
}
.card-rd{
	border-radius:30px;
}
.card-rd .card-header{
	border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
	border-radius:0 0 29px 29px;
}
/* = Masonary
-------------------------------------------------------------- */
.card-columns .card {
	margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
	.card-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
}
.card-columns .card {
	display: inline-block;
	width: 100%;
}
.card-columns > * {
	-webkit-column-break-inside: avoid;
}
}
/* = Classic Dividers
-------------------------------------------------------------- */
.divider-h{
	min-height: 1px;
	background-color:rgba(0,0,0,.2);
	margin: 20px 0;
}
.divider-half{
	width: 50%;
}
.dropdown-menu .divider-h{
	margin:0;
}

/* Scroll FX */
.scroll-fx-in-range{
	will-change: opacity;
}


/* ScrollToTop button */

.scrollToTop{
	width:36px;
	height:36px;
	padding:5px;
	position:fixed;
	bottom:1rem;
	right:1rem;
	opacity:0;
	z-index:999999;
	transition: all .3s ease-in-out;
	pointer-events:none;
}
.showScrollTop{
	opacity: 1;
	pointer-events:all;
}
.scroll-to-top-btn-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}

.close{
	color:#000;
	opacity:0.5;
}
.close:hover{
	opacity:1;
}
.modal-header > [data-bs-dismiss="modal"]{
	margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.10 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
}
/* = Lightbox
-------------------------------------------------------------- */

a[data-lightbox] {
	display: grid;
	text-decoration: none;
}
a[data-lightbox]::before,a[data-lightbox] > img,a[data-lightbox] > picture {
	grid-area: 1 / 1;
}
a[data-lightbox]::before{
	content: "+";
	font-family: Helvetica, Arial;
	color:#FFF;
	font-size:32px;
	font-weight:100;
	line-height: 0px;
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	padding-bottom:5px;
	background: rgba(0,0,0,.5);
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	border-radius: 50%;
	justify-self: center;
	align-self: center;
	pointer-events: none;
	transform:scale(0.6);
	opacity: 0;
	z-index: 1;
	transition: all .2s ease-in-out;
}
a[data-lightbox]:hover::before {
	opacity: 1;
	transform:scale(1);
	transition: all .2s ease-in-out;
}
a[data-lightbox]:hover img{
	opacity: 0.8;
	transition: all .2s ease-in-out;
	-webkit-animation-fill-mode: none;
	animation-fill-mode:none;
}
.lightbox-caption{
	padding: 20px;
	color: #FFF;
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 0px;
}
.close-lightbox:hover,.next-lightbox:hover, .prev-lightbox:hover{
	background:rgba(0,0,0,.5);
}
.next-lightbox, .prev-lightbox,.close-lightbox{
	position: absolute;
	padding:6px;
	background:rgba(0,0,0,.3);
	line-height:0;
	transition: background .2s ease-in-out;
	border-radius:.25rem;
	border:none;
	z-index:20;
}
.next-lightbox, .prev-lightbox{
	top:45%;
}
.close-lightbox{
	top:20px;
	right:20px;
}
.next-lightbox{
	right:25px;
}
.prev-lightbox{
	left:25px;
}
.lightbox-prev-icon,.lightbox-next-icon,.lightbox-close-icon{
	fill:none;
	stroke: #fff;
	stroke-width: 3px;
	fill-rule: evenodd;
	stroke-linecap:round;
}
.lightbox-close-svg{
	pointer-events:none;
}

/* Full Screen */
.fullscreen-lb{
	background:#000;
	border-radius: 0;
}
.fullscreen-lb .modal-body{
	padding:0;
}
.fullscreen-lb .lightbox-caption{
	left:0;
	right:0;
	bottom:-16px;
	text-align:center;
}
.fullscreen-modal{
	background:#000;
}
.fullscreen-modal .modal-dialog{
	width:100%!important;
	max-width:95%!important;
}

/* Modal Full Screen Close Button */
.close-full-screen-modal{
	position: fixed;
	display: block;
	width: 25px;
	height:25px;
	top:16px;
	right:10px;
	z-index: 10000;
}
.close-full-screen-modal .close-icon{
	display: block;
	width:100%;
	height:1px;
	background: #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top:12px;
}
.close-full-screen-modal .close-icon{
	height:2px;
}
.close-full-screen-modal .close-icon:after{
	content:"";
	display:inherit;
	width:inherit;
	height:inherit;
	background: inherit;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.close-full-screen-modal{
	right:20px;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
	font-family:"RalewayThin-ExtraLight";
	line-height:1.5em;
	color:var(--swatch-var-6197)!important;
}
.container{
	max-width:1170px;
}
p{
	font-size:18px;
}
a{
	text-decoration:none;
	color:var(--swatch-var-3958)!important;
}
h1{
	font-weight:bold;
	font-size:4em;
	line-height:1.2em;
}
h2{
	font-size:3em;
	line-height:1.3em;
	font-weight:bold;
}
h3{
	font-size:1.8em;
}
h4{
	font-weight:normal;
	font-size:1.4em;
}
h5{
	font-size:1.2em;
}
.eldar-sidebar{
	height:100vh;
	left:0px;
	top:0px;
	bottom:0px;
	display:block;
	padding:7px 7px 7px 25px;
	position:fixed;
	background-color:var(--swatch-var-6405);
	width:240px;
	z-index:29;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#282828!important;
}
.eldar-navigation-link{
	width:80%;
	color:var(--swatch-var-6197)!important;
	font-size:0.9rem;
	font-weight:bold;
	border-width:2px 2px 2px 2px;
	border-radius:5px 5px 5px 5px;
	line-height:0.9rem;
}
.active{
	background-color:rgba(255,255,255,0.10);
	color:var(--swatch-var-3958)!important;
	text-decoration:none;
	border-width:1px 1px 1px 1px;
	border-color:#424242!important;
}
.eldar-arrow{
	float:right;
	color:var(--swatch-var-6405)!important;
}
.eldar-category{
	font-size:0.7em;
	font-weight:bold;
	color:var(--swatch-var-1824)!important;
	font-family:"RalewayThin-Medium";
	margin-left:5px;
	background-color:var(--swatch-var-6405);
}
.eldar-nav-flex{
	flex-direction:column;
	justify-content:space-between;
	height:100%;
	display:flex;
	overflow:scroll;
}
.eldar-logo{
	font-size:1.28rem;
	color:var(--swatch-var-3958)!important;
	font-weight:bold;
	line-height:1em;
}
.eldar-image{
	max-width:120px;
	margin:7px 7px 7px 7px;
}
.eldar-logo-div{
	display:flex;
	align-items:center;
	flex-direction:row;
	position:relative;
	margin-bottom:14px;
}
a:hover{
	color:var(--swatch-var-3958)!important;
}
.offcanvas-start{
	position:fixed;
	max-width:250px;
	z-index:999999;
	overflow:scroll;
	display:block;
	background-color:var(--swatch-var-6405);
	backdrop-filter:blur(28px);
	-webkit-backdrop-filter:blur(28px);
}
.eldar-mobile-logo{
	display:flex;
	align-items:center;
	flex-direction:row;
	position:relative;
	text-align:left;
}
.large-p{
	font-size:1.28em;
}
.eldar-mobile-menu{
	color:#FFFFFF!important;
	width:45px;
}
.eldar-logo-p{
	font-size:0.1em;
	line-height:1.5em;
	font-weight:normal;
	padding-top:9px;
	color:var(--swatch-var-6405)!important;
}
.eldar-navigation-list{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	width:100%;
}
.eldar-navigation-item{
	color:var(--swatch-var-6197)!important;
	display:flex;
	width:100%;
	flex-direction:row;
	align-items:center;
	border-radius:5px 5px 5px 5px;
	text-transform:none;
	margin-top:2px;
	margin-bottom:2px;
	border-color:var(--swatch-var-1824)!important;
}
.eldar-navigation-icon{
	position:absolute;
	left:28px;
	width:18px;
	filter:invert(100%);
	opacity:0.8;
}
.eldar-navigation-link:hover{
	background-color:rgba(255,255,255,0.07);
	border-color:var(--swatch-var-1824)!important;
	border-width:1px 1px 1px 1px;
	border-radius:7px 7px 7px 7px;
	border-style:solid;
}
.eldar-navbar{
	display:flex;
	width:100%;
	flex-direction:column;
}
.eldar-project-link{
	width:100%;
	position:relative;
	border-radius:7px 7px 7px 7px;
	line-height:1em;
	padding-bottom:10px;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:2px;
}
.eldar-project-link:hover{
	padding-right:10px;
	background-color:rgba(255,255,255,0.07);
	color:#FFFFFF!important;
}
.eldar-project-icon{
	width:0px;
}
.eldar-project-a{
	font-size:0.9rem;
	color:var(--swatch-var-6197)!important;
	font-weight:bold;
	line-height:1.2rem;
	margin-left:5px;
	font-family:"RalewayThin-ExtraLight";
}
.stretched-link:hover{
	color:#FFFFFF!important;
}
.eldar-service-div-ubud{
	background-color:var(--swatch-var-6405);
	padding:28px 28px 28px 28px;
	margin-bottom:50px;
	border-radius:14px 14px 14px 14px;
	position:relative;
	color:var(--swatch-var-6197)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-4132)!important;
}
.service-pricie{
	background-color:rgba(255,255,255,0.07);
	padding:4px 10px 4px 10px;
	margin-left:14px;
	border-radius:7px 7px 7px 7px;
	font-size:1rem;
	height:30px;
	line-height:1.4rem;
}
.bold{
	font-weight:bold;
	font-size:1em;
	line-height:1.1em;
}
.eldar-content{
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
.eldar-news-card{
	margin-top:50px;
	margin-bottom:50px;
	background-color:rgba(171,171,171,0.07);
	border-color:#282828!important;
	position:relative;
	padding:40px 40px 35px 40px;
	border-radius:14px 14px 14px 14px;
	backdrop-filter:blur(20px);
	-webkit-backdrop-filter:blur(20px);
	background:linear-gradient(28deg, var(--swatch-var-6880)  0%, rgba(94,94,94,0.07) 100%);
	color:var(--swatch-var-4062)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
}
.eldar-news-card:hover{
	background-color:rgba(94,94,94,0.14);
	color:var(--swatch-var-3534)!important;
}
.eldar-news-card-title{
	font-family:"Helvetica";
	font-weight:bold;
	color:var(--swatch-var-3958)!important;
	font-size:1.6em;
	margin-bottom:10px;
}
.eldar-news-button{
	color:var(--swatch-var-3958)!important;
	font-size:18px;
	font-family:"Helvetica";
	font-weight:bold;
	padding:0px 0px 0px 0px;
}
.eldar-news-button:hover{
	color:var(--swatch-var-1338)!important;
}
.bloc-padding{
	padding-left:240px;
}
.eldar-training-column{
	margin-top:50px;
	margin-bottom:50px;
}
.eldar-emoji-icon{
	border-style:_popUpItemAction:;
	font-size:80px;
	text-align:left;
}
.h4-margin-top{
	margin-top:50px;
}
.eldar-color-check{
	color:var(--swatch-var-3958)!important;
	margin-right:10px;
}
.eldar-video-margin{
	margin-bottom:40px;
}
.eldar-mini-number{
	font-size:80px;
	line-height:80px;
	color:var(--swatch-var-1338)!important;
}
.eldar-table{
	max-width:550px;
	margin-right:auto;
	margin-left:auto;
}
.eldar-table-row{
	padding-top:14px;
	padding-bottom:14px;
	border-style:solid;
	border-color:rgba(169,169,169,0.10)!important;
	border-width:0px 0px 2px 0px;
}
.eldar-table-comment{
	font-size:16px;
	opacity:0.7;
}
.eldar-blue-span{
	color:transparent!important;
	background:linear-gradient(90deg, var(--swatch-var-1338) 0%, var(--swatch-var-6558) 100%);
	background-clip:text!important;
	-webkit-background-clip:text!important;
	font-family:"Helvetica";
	font-weight:bold;
}
.eldar-table-header{
	font-size:28px;
	font-family:"Helvetica";
	font-weight:bold;
}
.eldar-service-div-ubud:hover{
	color:var(--swatch-var-6405)!important;
}
.pricing-linke{
	display:inline-flex;
	align-items:center;
	flex-direction:row;
	align-content:center;
	width:100%;
	justify-content:space-between;
	font-size:1.5em;
}
.eldar-project-a:hover{
	color:var(--swatch-var-1824)!important;
}
.gradient-title{
	background:linear-gradient(90deg, var(--swatch-var-3958)  1%, var(--swatch-var-4062) 100%);
	background-clip:text!important;
	-webkit-background-clip:text!important;
	color:transparent!important;
}
.eldar-service-div-ubud:active{
	color:var(--swatch-var-3958)!important;
}
.card-footer{
	z-index:2;
	position:relative;
	padding:20px 20px 20px 20px;
	background-color:var(--swatch-var-6405);
}
.sidebar-div{
	border-style:solid;
	border-color:var(--swatch-var-1253)!important;
	border-width:1px 1px 1px 1px;
	border-radius:14px 14px 14px 14px;
	overflow:hidden;
	position:relative;
	margin-bottom:28px;
}
.small-p{
	font-size:0.8em;
}
.sidebar-div:hover{
	border-color:var(--swatch-var-5505)!important;
}
.black-button{
	background-color:var(--swatch-var-6880);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-511)!important;
}
.btn{
	border-radius:7px 7px 7px 7px;
	font-weight:bold;
	font-size:1em;
}
.sidebar-icon{
	filter:invert(100%);
	max-width:50px;
	max-height:40px;
}
.sidebar-course-module{
	padding:28px 28px 14px 28px;
	position:relative;
	border-radius:14px 14px 14px 14px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#424242!important;
	background:linear-gradient(0deg, var(--swatch-var-511)    0%, var(--swatch-var-6880) 100%);
	margin-bottom:28px;
}
.divider-background-color{
	background-color:var(--swatch-var-6197);
}
.sidebar-course-module:hover{
	background-color:var(--swatch-var-6880);
	border-color:var(--swatch-var-7552)!important;
}
.sidebar-course-level{
	padding:7px 14px 7px 14px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-4062)!important;
	font-size:0.75em;
	text-transform:none;
	border-radius:7px 7px 7px 7px;
}
.new-template{
	font-size:0.8rem;
	background-color:var(--swatch-var-511);
	border-radius:7px 7px 7px 7px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#424242!important;
	padding:2px 7px 2px 7px;
	top:-2px;
	left:5px;
}
.template-price{
	font-size:1.1em;
}
.blocs-site-search-container input{
	border-radius:0px 0px 0px 0px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-7552)!important;
	padding-left:35px!important;
}
.blocs-search-results{
	background-color:var(--swatch-var-511);
	color:var(--swatch-var-3958)!important;
	border-radius:0px 0px 0px 0px;
	border-width:0px 0px 0px 0px;
}
.blocs-search-results .dropdown-item{
	color:var(--swatch-var-3958)!important;
	padding-top:10px;
	padding-bottom:10px;
}
.blocs-search-results .dropdown-item:hover{
	background-color:#333333;
}
.sidebar-modal{
	border-radius:0px 0px 0px 0px;
	border-width:0px 0px 0px 0px;
}
.form-control{
	border-radius:7px 7px 7px 7px;
}
.form-control:focus{
	box-shadow:0.00px -0.00px 0px transparent!important;
}
.dropdown-menu{
	padding:0px 0px 0px 0px;
}
.blocs-search-results a{
	font-weight:bold;
	color:var(--swatch-var-3958)!important;
}
.blocs-search-results .text-muted{
	font-weight:normal;
	color:var(--swatch-var-4062)!important;
}
.modal-dialog-centered{
	position:relative;
	margin-top:0px!important;
	top:0%;
}
.sidebar-modal .form-control{
	padding-top:14px;
	padding-bottom:14px;
}
.modal-backdrop{
	opacity:0.8!important;
}
.search-icon{
	width:15px;
	margin-right:10px;
}
.search-div{
	position:relative;
	display:flex;
	flex-direction:row;
	align-items:center;
	background-color:var(--swatch-var-511);
	justify-content:flex-start;
	border-radius:7px 7px 7px 7px;
	padding:8px 14px 8px 14px;
	margin-left:7px;
	margin-right:7px;
}
.search-text{
	color:var(--swatch-var-7552)!important;
	font-size:0.8em;
}
.search-div:hover{
	background-color:#333333;
}
.search-text:hover{
	color:var(--swatch-var-3958)!important;
}
.sidebar-contact-form{
	background-color:var(--swatch-var-6880);
	padding:28px 28px 28px 28px;
	border-radius:14px 14px 14px 14px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-511)!important;
}
.sidebar-contact-shortcut{
	width:50px;
	height:50px;
	padding:10px 10px 10px 10px;
	border-radius:100px 100px 100px 100px;
	filter:invert(85%);
	background-color:var(--swatch-var-7552);
	position:fixed;
	bottom:28px;
	right:28px;
	z-index:28;
}
.sidebar-contact-shortcut:hover{
	filter:invert(100%);
}
.sidebar-project-div{
	background-size:110% auto;
	background-position:center center;
	align-items:center;
	flex-direction:column;
	justify-content:flex-end;
	display:inline-flex;
	padding-bottom:14px;
	width:100%;
	height:300px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url("img/sidebar-product.jpg");
	background-image: -webkit-image-set(url("img/sidebar-product.webp") 1x,
url("img/sidebar-product.webp") 2x);background-image: image-set(url("img/sidebar-product.jpg") 1x,
url("img/sidebar-product.jpg") 2x,url("img/sidebar-product.webp") 1x,
url("img/sidebar-product.webp") 2x);
}
.sidebar-project-div:hover{
	background-size:115% auto;
}
.project-parent-div{
	border-radius:14px 14px 14px 14px;
	overflow:hidden;
	position:relative;
	background-color:var(--swatch-var-6880);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#282828!important;
}
.project-div-bottom{
	position:relative;
}
.project-desc{
	font-size:0.9em;
}
.sidebar-project-1-img{
	background-image:url("img/sidebar-project-thumb.jpg");
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
}
.sidebar-project-2-img{
	background-image:url("img/sidebar-project-thumb.jpg");
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
}
.sidebar-project-3-img{
	background-image:url("img/sidebar-project-thumb.jpg");
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
}
.built-image{
	background-image:url("img/sidebar-project-thumb.jpg");
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
	background-image: -webkit-image-set(url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);background-image: image-set(url("img/sidebar-project-thumb.jpg") 1x,
url("img/sidebar-project-thumb.jpg") 2x,url("img/sidebar-project-thumb.webp") 1x,
url("img/sidebar-project-thumb.webp") 2x);
}
.footer-link{
	color:var(--swatch-var-6197)!important;
	font-size:0.9em;
	font-weight:normal;
	font-family:"RalewayThin-Light";
}
.footer-link:hover{
	color:var(--swatch-var-1824)!important;
	font-weight:bold;
	font-family:"RalewayThin-Light";
}
.grey-button{
	background-color:var(--swatch-var-511);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-511)!important;
	color:var(--swatch-var-3958)!important;
}
.grey-button:hover{
	background-color:var(--swatch-var-5830);
	color:var(--swatch-var-3958)!important;
}
.home-icon{
	filter:invert(72%);
	max-width:50px;
	max-height:40px;
}
.home-div{
	background-color:var(--swatch-var-6880);
	padding:28px 28px 28px 28px;
	border-radius:14px 14px 14px 14px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#282828!important;
	position:relative;
	margin-bottom:28px;
}
.coming-soon{
	border-width:0px 0px 0px 0px;
}
.paddle-net{
	font-size:2em;
	font-weight:bold;
	color:var(--swatch-var-3958)!important;
}
.faq-10-center{
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}
.faq-10-box{
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#282828!important;
	margin-bottom:14px;
	padding:28px 28px 20px 28px;
	position:relative;
	border-radius:14px 14px 14px 14px;
	background:linear-gradient(128deg, var(--swatch-var-6880) 0%, var(--swatch-var-5830) 100%);
}
.global-radius{
	overflow:hidden!important;
	border-radius:5px 5px 5px 5px;
}
.faq-10-question{
	display:inline-flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	padding-bottom:8px;
}
.faq-question-title{
	font-size:1.3em;
}
.faq-10-box:hover{
	border-color:var(--swatch-var-7552)!important;
}
.sidebar-library-category{
	padding:28px 28px 20px 28px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#282828!important;
	border-radius:14px 14px 14px 14px;
	margin-bottom:20px;
	position:relative;
	background-color:var(--swatch-var-6880);
}
.sidebar-library-img{
	max-width:90%;
	border-radius:7px 7px 7px 7px;
}
.sidebar-library-category:hover{
	background-color:var(--swatch-var-511);
}
.faq-question{
	display:inline-flex;
	width:100%;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#282828!important;
	margin-top:14px;
	padding-bottom:7px;
	padding-top:23px;
}
.arrow-icon{
	font-size:20px;
	width:25px;
	text-align:center;
}
.template-detail{
	background-color:rgba(94,94,94,0.28);
	padding:5px 10px 5px 10px;
	border-radius:14px 14px 14px 14px;
	font-size:0.8em;
	font-weight:bold;
}
.template-details-div{
	padding:28px 28px 28px 28px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#282828!important;
	background:linear-gradient(128deg, var(--swatch-var-6880) 0%, var(--swatch-var-511) 100%);
	border-radius:14px 14px 14px 14px;
}
.template-thumbnail{
	padding:28px 100px 28px 100px;
	background:linear-gradient(128deg, var(--swatch-var-511) 0%, var(--swatch-var-6880) 100%);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#282828!important;
	border-radius:14px 14px 14px 14px;
}
.dropdown-toggle::after{
	margin-bottom:-3px;
	content:"";
}
.blocs-master-app{
	position:relative;
}
.blocs-master-manage{
	position:absolute;
	width:20%;
	left:10%;
	top:-10%;
}
.blocs-master-editor{
	position:absolute;
	width:20%;
	right:5%;
	bottom:-28px;
}
.blocs-master-colors{
	width:15%;
	position:absolute;
	top:65%;
	right:30%;
}
.blocs-master-border-shadow{
	border-radius:4px 4px 4px 4px;
	box-shadow:0.00px -2.00px 50px rgba(0,0,0,0.50);
}
.new-icon{
	filter:invert(100%);
	width:20px;
}
.table-price{
	font-weight:bold;
	font-size:2.28em;
	color:var(--swatch-var-3958)!important;
}
.sidebar-not-included{
	text-decoration:line-through!important;
	color:var(--swatch-var-4062)!important;
}
menu button{
	background-color:var(--swatch-var-511);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-511)!important;
	color:var(--swatch-var-3958)!important;
}
menu button:hover{
	background-color:var(--swatch-var-5830);
	color:var(--swatch-var-3958)!important;
}
.book-direct-button{
	background-color:var(--swatch-var-1824);
	border-style:solid;
	border-color:var(--swatch-var-1824)!important;
	text-align:left;
	font-family:"RalewayThin-Medium";
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	padding:3px 5px 3px 5px;
	width:65%;
	margin-left:7px;
}
.book-direct-button:hover{
	color:var(--swatch-var-1824)!important;
	background-color:var(--swatch-var-6405);
	border-radius:7px 7px 7px 7px;
}
.mini-subtitle{
	text-transform:uppercase;
	font-size:0.9em;
}
.mini-large-p{
	font-size:1.3rem;
	color:var(--swatch-var-6197)!important;
}
.btn-home-elfi{
	background-color:var(--swatch-var-250);
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-250)!important;
}
/* 27.9.2026 (Thomas, list #14): buttons keep their own style on hover (filled stays filled, darker; outlined stays outlined with a light villa-colour fill), so the filled/outlined/filled rhythm stays visible. Plain value first as fallback for browsers without color-mix. */
.btn-home-elfi:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-250);
	background-color:color-mix(in srgb,var(--swatch-var-250) 84%,#000);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:color-mix(in srgb,var(--swatch-var-250) 84%,#000)!important;
}
.btn-home-elfi:active{
	background-color:color-mix(in srgb,var(--swatch-var-250) 72%,#000);
}
.form-control::placeholder{
	color:var(--swatch-var-511)!important;
}
.row-landing{
	margin-left:40px;
	width:100%;
	margin-right:40px;
}
.paragraph-subtitle{
	color:var(--swatch-var-6405)!important;
	font-family:"CormorantGaramondLight-Regular";
	font-size:60px;
}
.title-h1{
	font-family:"CormorantGaramondLight-Regular";
	color:var(--swatch-var-6405)!important;
	font-size:140px;
	font-weight:lighter;
}
.title-h2{
	font-family:"CormorantGaramondLight-Regular";
	color:var(--swatch-var-6405)!important;
	font-size:60px;
	line-height:1.5em;
	margin-left:0px;
	width:100%;
	font-weight:lighter;
}
.title-h2-regular{
	font-family:"CormorantGaramondLight-Light";
	color:var(--swatch-var-6197)!important;
	font-size:60px;
	line-height:1.3em;
	font-weight:lighter;
}
.paragraph-regular{
	color:var(--swatch-var-6197)!important;
	font-family:"RalewayThin-Light";
}
.paragraph-regular-cormorant{
	color:var(--swatch-var-6197)!important;
	font-family:"CormorantGaramondLight-Light";
	line-height:1.5em;
	font-size:1.4em;
}
.image-our-villas{
	background-size:cover;
	height:70vh;
	width:100%;
	background-image:url("img/Joglo%20Hati.JPG?timestamp=16");
	background-position:center center;
}
.mini-features-content-column{
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
}
.mini-secondary-btn{
	color:var(--swatch-var-511)!important;
	background-color:var(--swatch-var-6558);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-6558)!important;
}
.mini-secondary-btn:hover{
	color:var(--swatch-var-511)!important;
	border-color:var(--swatch-var-6558)!important;
	background-color:var(--swatch-var-1338);
}
.mini-secondary-btn:active{
	background-color:var(--swatch-var-1338);
}
.title-card-elfi{
	font-family:"CormorantGaramondLight-Light";
	font-size:2.5em;
	line-height:1em;
	color:var(--swatch-var-250)!important;
}
.mini-circle-check{
	fill:var(--swatch-var-5773)!important;
	width:50px;
	height:50px;
}
.round-image-icons{
	width:50px;
	margin-right:10px;
	margin-bottom:15px;
}
.property-button-elfi{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-250)!important;
	padding:5px 10px 5px 10px;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-250)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
}
.property-button-elfi:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-250);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-250)!important;
}
.title-card-richard{
	font-family:"CormorantGaramondLight-Light";
	font-size:2.5em;
	line-height:1em;
	color:var(--swatch-var-4132)!important;
}
.title-card-hati{
	font-family:"CormorantGaramondLight-Light";
	font-size:2.5em;
	line-height:1em;
	color:var(--swatch-var-1824)!important;
}
.title-villas{
	margin-top:50px;
	margin-bottom:20px;
	font-family:"CormorantGaramondLight-Regular";
}
.title-h3{
	font-family:"CormorantGaramondLight-Medium";
	color:var(--swatch-var-6197)!important;
	font-size:1.8em;
	line-height:1.8em;
}
.title-card-sunglow{
	font-family:"CormorantGaramondLight-Light";
	font-size:2.5em;
	line-height:1em;
	color:var(--swatch-var-6977)!important;
}
.title-card-mint{
	font-family:"CormorantGaramondLight-Light";
	font-size:2.5em;
	line-height:1em;
	color:var(--swatch-var-5773)!important;
}
.landing-row-height-h3{
	min-height:200%;
}
.title-the-reason{
	margin-bottom:0px;
	font-family:"CormorantGaramondLight-Regular";
	margin-top:100px;
}
.mini-event-border{
	padding:20px 8px 20px 8px;
}
.mini-gradient-card-mint{
	border-color:var(--swatch-var-5773)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
}
.mini-full-width{
	width:100%;
}
.mini-event-type{
	font-size:0.9rem;
	background-color:rgba(145,145,145,0.10);
	margin-left:14px;
	position:relative;
	top:-1px;
	padding-right:10px;
	padding-left:10px;
	display:inline-block;
	line-height:1.5rem;
	padding-top:2px;
}
.mini-gradient-card-elfi{
	border-color:var(--swatch-var-250)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
}
.mini-gradient-card-sunglow{
	border-color:var(--swatch-var-6977)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
}
.mini-gradient-card-richard{
	border-color:var(--swatch-var-4132)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
}
.mini-gradient-card-hati{
	border-color:var(--swatch-var-1824)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
}
.mini-gradient-card{
	border-color:var(--swatch-var-1824)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
}
.title-h3:hover{
	color:var(--swatch-var-6197)!important;
}
.title-h2-regular-white{
	font-family:"CormorantGaramondLight-Light";
	color:var(--swatch-var-6405)!important;
	font-size:60px;
	line-height:1.3em;
}
.image-explore-our-villas{
	background-image:url("img/Joglo%20Hati%20Ubud.JPG?timestamp=6068");
	background-size:cover;
	height:70vh;
}
.mini-header-vertical-bloc{
	overflow:hidden;
}
.mini-header-vertical{
	display:flex;
	flex-direction:row;
	max-height:100vh;
	overflow:hidden;
}
.mini-header-vertical-scroll{
	width:50%;
	min-height:128vh;
}
.mini-right-column{
	margin-top:-200px;
}
.h2-style{
	font-size:50px;
}
.mini-footer-divider{
	background-color:var(--swatch-var-6197);
}
.mini-footer-18-logo{
	max-width:228px;
}
.mini-sample-logo{
	font-size:1.8em;
	text-transform:uppercase;
}
.mini-footer-1-form{
	display:flex;
}
.mini-footer-right{
	justify-content:flex-end;
}
.mini-form-field{
	background-color:var(--swatch-var-6558);
	border-width:0px 0px 0px 0px;
	color:var(--swatch-var-5803)!important;
	border-radius:0px 0px 0px 0px;
	height:40px;
}
.mini-form-field:hover{
	background-color:var(--swatch-var-6558);
}
.mini-form-field:active{
	background-color:var(--swatch-var-6558);
}
.mini-micro-p{
	font-size:0.8em;
}
.mini-solid-link{
	text-decoration:underline!important;
	color:var(--swatch-var-5803)!important;
}
.mini-social-icon{
	width:20px!important;
	fill:var(--swatch-var-250)!important;
	margin-left:3px;
	margin-right:3px;
}
.mini-small-p{
	font-size:0.9em;
}
.mini-footer-7-links-small{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;
}
.mini-small-link{
	text-decoration:underline!important;
	margin-left:7px;
	margin-right:7px;
}
.title-h1-regular{
	font-family:"CormorantGaramondLight-Regular";
	color:var(--swatch-var-6197)!important;
	font-size:140px;
}
.color-ubud{
	color:var(--swatch-var-4132)!important;
}
.title-h1-regular-smaller{
	font-family:"CormorantGaramondLight-Light";
	color:var(--swatch-var-6821)!important;
	font-size:100px;
}
.color-richard{
	color:var(--swatch-var-4132)!important;
}
.color-proceed-direct{
	color:var(--swatch-var-4132)!important;
	background-color:var(--swatch-var-6405);
}
.color-proceed-direct:hover{
	background-color:var(--swatch-var-4132);
	color:var(--swatch-var-6405)!important;
}
.color-richard:hover{
	color:var(--swatch-var-4132)!important;
}
.button-book-direct{
	border-style:solid;
	border-radius:5px 5px 5px 5px;
	background-color:var(--swatch-var-4132);
	color:var(--swatch-var-6405)!important;
	font-family:"RalewayThin-Medium";
	text-align:center;
	width:100%;
	border-color:var(--swatch-var-4132)!important;
}
.button-book-direct:hover{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-4132)!important;
	border-color:var(--swatch-var-4132)!important;
	border-style:solid;
}
.color-airbnb{
	color:var(--swatch-var-1824)!important;
}
.color-Airbnb:hover{
	color:var(--swatch-var-1824)!important;
}
.color-airbnb:hover{
	color:var(--swatch-var-1824)!important;
}
.eldar-project-category{
	font-size:0.9rem;
	color:var(--swatch-var-6197)!important;
	font-weight:bold;
	margin-left:3px;
}
.eldar-project-category:hover{
	color:var(--swatch-var-1824)!important;
}
.color-elfi{
	color:var(--swatch-var-250)!important;
}
.frame{
	border-width:1px 1px 1px 1px;
	border-radius:5px 5px 5px 5px;
	border-style:solid;
}
.p-bloc-43-style{
	font-family:"RalewayThin-Medium";
	font-size:20px;
}
.header-scooter-rental-ubud{
	background-size:cover;
}
.image-scooter{
	width:350px;
	height:350px;
}
.scooter-title{
	font-family:"RalewayThin-Medium";
	color:var(--swatch-var-6197)!important;
	font-weight:bold;
}
.scooter-text{
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-6197)!important;
}
.scooter-whatsapp{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-1253)!important;
	text-align:left;
	font-family:"RalewayThin-Medium";
	color:var(--swatch-var-1253)!important;
	border-width:1px 1px 1px 1px;
	padding:3px 5px 3px 5px;
	width:45%;
	font-size:1em;
	line-height:1.5em;
}
.scooter-whatsapp:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-1253);
	border-radius:7px 7px 7px 7px;
}
.scooter-contact{
	background-color:var(--swatch-var-1253);
	border-style:solid;
	border-color:var(--swatch-var-1253)!important;
	text-align:left;
	font-family:"RalewayThin-Medium";
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	padding:3px 5px 3px 5px;
	width:45%;
	margin-left:15px;
}
.scooter-contact:hover{
	color:var(--swatch-var-1253)!important;
	background-color:var(--swatch-var-6405);
	border-radius:7px 7px 7px 7px;
}
.liong-logo{
	width:300px;
}
.header-scooter-rental-ubud-mobile{
	background-image:url("img/ubud-scooter-rental.jpg");
	background-image: -webkit-image-set(url("img/ubud-scooter-rental.webp") 1x,
url("img/ubud-scooter-rental.webp") 2x);background-image: image-set(url("img/ubud-scooter-rental.jpg") 1x,
url("img/ubud-scooter-rental.jpg") 2x,url("img/ubud-scooter-rental.webp") 1x,
url("img/ubud-scooter-rental.webp") 2x);
	background-size:cover;
}
.color-liong{
	color:var(--swatch-var-1253)!important;
}
.scooters-colours-may-vary{
	font-size:12px;
	line-height:16px;
	font-family:"RalewayThin-Medium";
}
.global-radius-book{
	overflow:hidden!important;
	border-radius:14px 14px 14px 14px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-6197)!important;
}
.direct-booking-image{
	background-image:url("img/direct-booking-ubud.JPG");
	background-image: -webkit-image-set(url("img/direct-booking-ubud.webp") 1x,
url("img/direct-booking-ubud.webp") 2x);background-image: image-set(url("img/direct-booking-ubud.JPG") 1x,
url("img/direct-booking-ubud.JPG") 2x,url("img/direct-booking-ubud.webp") 1x,
url("img/direct-booking-ubud.webp") 2x);
	height:500px;
}
.direct-booking-image-seminyak{
	height:500px;
	background-image:url("img/seminyak-booking-direct.jpg");
	background-image: -webkit-image-set(url("img/seminyak-booking-direct.webp") 1x,
url("img/seminyak-booking-direct.webp") 2x);background-image: image-set(url("img/seminyak-booking-direct.jpg") 1x,
url("img/seminyak-booking-direct.jpg") 2x,url("img/seminyak-booking-direct.webp") 1x,
url("img/seminyak-booking-direct.webp") 2x);
}
.direct-image-book-airbnb{
	width:333px;
	height:250px;
}
.eldar-category:hover{
	color:var(--swatch-var-1824)!important;
	background-color:var(--swatch-var-6405);
}
.h1-style{
	font-size:120px;
	line-height:130px;
	color:var(--swatch-var-6405)!important;
}
.header-direct-seminyak{
	background-size:cover;
}
.title-h2-regular-reasons{
	font-family:"CormorantGaramondLight-Light";
	color:var(--swatch-var-6197)!important;
	font-size:50px;
	line-height:1.2em;
	margin-left:0px;
	padding-left:0px;
}
.title-h2-regular-reasons:hover{
	color:var(--swatch-var-6197)!important;
}
.h2-18-style{
	font-size:2em;
}
.review-image{
	background-image:url("img/reviews.jpeg");
	background-image: -webkit-image-set(url("img/reviews.webp") 1x,
url("img/reviews.webp") 2x);background-image: image-set(url("img/reviews.jpeg") 1x,
url("img/reviews.jpeg") 2x,url("img/reviews.webp") 1x,
url("img/reviews.webp") 2x);
	background-image: -webkit-image-set(url("img/reviews.webp") 1x,
url("img/reviews.webp") 2x);background-image: image-set(url("img/reviews.jpeg") 1x,
url("img/reviews.jpeg") 2x,url("img/reviews.webp") 1x,
url("img/reviews.webp") 2x);
	height:500px;
}
.mini-pricing-3-navtabs{
	display:flex;
	justify-content:flex-start;
	margin-bottom:50px;
	align-items:center;
	flex-direction:row;
	margin-left:auto;
}
.mini-no-transition{
	transition:all 0s ease 0s;
}
.mini-no-transition:hover{
	transition:all 0s ease 0s;
}
.mini-pricing-tab{
	width:100px;
}
.mini-pricing-3-card{
	z-index:1;
	padding:28px 28px 28px 28px;
	width:100%;
}
.mini-pricing-3-card:hover{
	margin-bottom:7px;
	margin-top:-7px;
}
.mini-transition-fast{
	transition:all 0.2s ease 0s;
}
.mini-transition-fast:hover{
	transition:all 0.2s ease 0s;
}
.mini-small-subtitle{
	padding:0.3em 1em 0.3em 1em;
	background-color:rgba(169,169,169,0.20);
	font-size:0.9em;
	overflow:hidden;
}
.mini-pricing-price{
	font-size:2.28em;
	line-height:1.3em;
}
.mini-feature-flex{
	display:inline-flex;
	align-items:center;
	flex-direction:row;
	justify-content:flex-start;
	width:100%;
}
.review-icon-hati{
	width:18px;
	fill:var(--swatch-var-1824)!important;
	margin-right:10px;
	color:var(--swatch-var-1824)!important;
}
.btn-wire{
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-511)!important;
	color:var(--swatch-var-511)!important;
	background-color:var(--swatch-var-1338)!important;
}
.btn-wire:hover{
	border-width:1px 1px 1px 1px;
	border-style:solid;
	color:var(--swatch-var-5803)!important;
	border-color:var(--swatch-var-5803)!important;
	background-color:var(--swatch-var-1338);
}
.color-hati{
	color:var(--swatch-var-1824)!important;
}
.tab-color-hati{
	color:var(--swatch-var-1824)!important;
	font-family:"RalewayThin-Medium";
}
.tab-color-hati:hover{
	font-weight:bold;
	color:var(--swatch-var-1824)!important;
	font-family:"RalewayThin-Medium";
}
.tab-color-elfi{
	color:var(--swatch-var-250)!important;
	font-family:"RalewayThin-Medium";
}
.tab-color-elfi:hover{
	font-weight:bold;
	color:var(--swatch-var-250)!important;
	font-family:"RalewayThin-Medium";
}
.tab-color-richard{
	color:var(--swatch-var-4132)!important;
	font-family:"RalewayThin-Medium";
}
.tab-color-richard:hover{
	font-weight:bold;
	color:var(--swatch-var-4132)!important;
	font-family:"RalewayThin-Medium";
}
.tab-color-sunglow{
	color:var(--swatch-var-6977)!important;
	font-family:"RalewayThin-Medium";
}
.tab-color-sunglow:hover{
	font-weight:bold;
	color:var(--swatch-var-6977)!important;
	font-family:"RalewayThin-Medium";
}
.tab-color-mint{
	color:var(--swatch-var-5773)!important;
	font-family:"RalewayThin-Medium";
}
.tab-color-mint:hover{
	font-weight:bold;
	color:var(--swatch-var-5773)!important;
	font-family:"RalewayThin-Medium";
}
.vertical-column{
	display:flex;
}
.vertical-list{
	display:flex;
	width:100%;
	flex-direction:row;
	justify-content:center;
}
.vertical-div{
	padding-top:0px;
	width:100%;
}
.mini-circle-icon-small-hati{
	width:23px;
	margin-top:3px;
	margin-bottom:-3px;
	fill:var(--swatch-var-1824)!important;
}
.mini-testimonial-div-4{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	font-size:0.9em;
	justify-content:flex-start;
}
.mini-testimonial-card-img{
	border-radius:100px 100px 100px 100px;
	border-width:1px 1px 1px 1px;
	border-color:var(--swatch-var-6197)!important;
	max-width:40px;
	margin-right:15px;
}
.mini-review-small-logo{
	max-width:100px;
}
.mini-testimonial-card{
	padding:28px 28px 28px 28px;
}
.mini-testimonial-card-div{
	display:flex;
	flex-direction:row;
	font-size:0.9em;
	align-items:center;
	justify-content:flex-start;
}
.review-div{
	display:flex;
	flex-direction:row;
	align-items:center;
}
.nav-tabs{
	border-width:0px 0px 0px 0px;
}
.review-image:hover{
	border-width:0px 0px 0px 0px;
}
.nav-tabs .nav-link{
	color:var(--swatch-var-6197)!important;
	font-family:"RalewayThin-Regular";
	font-size:1.1em;
	line-height:1.3em;
}
.nav-tabs .nav-link:hover{
	color:var(--swatch-var-1824)!important;
	font-family:"RalewayThin-Regular";
	border-width:0px 0px 0px 0px;
}
.a-btn.nav-link.active{
	background-color:var(--swatch-var-1824);
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	border-radius:5px 5px 5px 5px;
	border-color:var(--swatch-var-1824)!important;
}
.mini-review-box-border-half{
	width:49%;
}
.mini-pricing-small-icon{
	width:18px;
	fill:var(--swatch-var-1824)!important;
	margin-right:10px;
}
.mini-horizontal-scroll{
	max-width:100vw;
	overflow:hidden;
}
.mini-feature-scrolling-cards{
	display:flex;
	margin-left:-14%;
	width:150vw;
}
.mini-review-card-scroll{
	padding:28px 28px 28px 28px!important;
	min-width:328px;
}
.mini-review-box-half{
	width:50%;
	padding-left:2%;
	padding-right:2%;
}
.mini-testimonial-div-3{
	display:flex;
	flex-direction:row;
	align-items:center;
	font-size:0.9em;
	justify-content:flex-start;
}
.mini-review-border{
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#C0C0C0!important;
}
.mini-review-logo{
	max-width:150px;
}
.a-btn.nav-link.active.float-lg-none{
	background-color:var(--swatch-var-1824);
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	border-radius:5px 5px 5px 5px;
	border-style:solid;
}
.a-btn.nav-link.active:hover{
	border-width:1px 1px 1px 1px;
	border-radius:5px 5px 5px 5px;
}
.column-reviews{
	border-width:1px 1px 1px 1px;
	border-radius:5px 5px 5px 5px;
	border-color:var(--swatch-var-1824)!important;
	border-style:solid;
}
.mini-pricing-small-icon-others{
	width:18px;
	fill:var(--swatch-var-1824)!important;
	margin-right:10px;
}
.svg-icon-bloc-44-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-0-bloc-44-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-23117-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-35427-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-44542-fill{
	fill:var(--swatch-var-250)!important;
}
.svg-icon-20739-fill{
	fill:var(--swatch-var-250)!important;
}
.svg-icon-20936-fill{
	fill:var(--swatch-var-250)!important;
}
.svg-icon-49877-fill{
	fill:var(--swatch-var-250)!important;
}
.svg-icon-28604-fill{
	fill:var(--swatch-var-250)!important;
}
.svg-icon-23138-fill{
	fill:var(--swatch-var-6977)!important;
}
.svg-icon-49352-fill{
	fill:var(--swatch-var-6977)!important;
}
.svg-icon-44968-fill{
	fill:var(--swatch-var-6977)!important;
}
.svg-icon-24855-fill{
	fill:var(--swatch-var-6977)!important;
}
.svg-icon-23670-fill{
	fill:var(--swatch-var-6977)!important;
}
.svg-icon-505-fill{
	fill:var(--swatch-var-5773)!important;
}
.svg-icon-4110-fill{
	fill:var(--swatch-var-5773)!important;
}
.svg-icon-23243-fill{
	fill:var(--swatch-var-5773)!important;
}
.svg-icon-33136-fill{
	fill:var(--swatch-var-5773)!important;
}
.svg-icon-40424-fill{
	fill:var(--swatch-var-5773)!important;
}
.divider-style{
	height:1px;
	background-color:var(--swatch-var-1824);
	width:100%;
}
.h1-reviews-style{
	line-height:100px;
}
.mini-big-number{
	font-size:4em;
	line-height:1em;
}
.mini-feature-card-colm{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	flex-direction:row;
	align-items:center;
}
.mini-feature-card-hati{
	width:49%;
	text-align:center;
	margin-bottom:10px;
	min-height:150px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	border-color:var(--swatch-var-1824)!important;
	background:radial-gradient(var(--swatch-var-6405) 51%, var(--swatch-var-1824) 77%);
}
.img-style{
	width:150px;
}
.mini-feature-card-richard{
	width:49%;
	text-align:center;
	margin-bottom:10px;
	min-height:150px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	border-color:var(--swatch-var-4132)!important;
	background:radial-gradient(var(--swatch-var-6405) 54%, var(--swatch-var-4132) 100%);
}
.mini-feature-card-elfi{
	width:49%;
	text-align:center;
	margin-bottom:10px;
	min-height:150px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	border-color:var(--swatch-var-250)!important;
	background:radial-gradient(var(--swatch-var-6405) 51%, var(--swatch-var-250) 100%);
}
.review-fett{
	font-family:"RalewayThin-Bold";
}
.review-halbfett{
	font-family:"RalewayThin-Medium";
}
.divider-bloc-44-background-color{
	background-color:var(--swatch-var-1824);
}
.p-bloc-44-style{
	font-family:"RalewayThin-SemiBold";
}
.p-554-style{
	font-family:"RalewayThin-SemiBold";
}
.mini-feature-card-sunglow{
	width:49%;
	text-align:center;
	margin-bottom:10px;
	min-height:150px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	border-color:var(--swatch-var-6977)!important;
	background:radial-gradient(var(--swatch-var-6405)  51%, var(--swatch-var-6977) 100%);
}
.mini-feature-card-sunglow-mint{
	width:49%;
	text-align:center;
	margin-bottom:10px;
	min-height:150px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	border-color:var(--swatch-var-5773)!important;
	background:radial-gradient(var(--swatch-var-6405)   51%, var(--swatch-var-5773) 100%);
}
.a-btn.nav-link{
	margin-left:5px;
	margin-right:5px;
}
.a-btn.nav-link:hover{
	border-color:var(--swatch-var-1824)!important;
	border-width:1px 1px 1px 1px;
	border-radius:5px 5px 5px 5px;
	border-style:solid;
}
a.nav-link.eldar-navigation-link{
	width:80%;
	margin-top:5px;
}
a.nav-link.eldar-navigation-link:hover{
	margin-top:5px;
	width:80%;
}
.header-reviews{
	background-size:cover;
}
.the-villas-h1{
	font-size:75px;
	line-height:85px;
	color:var(--swatch-var-6405)!important;
	font-weight:lighter;
}
.column-darkener{
	background-color:rgba(4,3,3,0.05);
}
.mini-video-thumb{
	background-size:cover;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}
.mini-video-thumb:hover{
	background-blend-mode:darken;
}
.mini-transition{
	transition:all 0.5s ease 0s;
}
.mini-transition:hover{
	transition:all 0.5s ease 0s;
}
.mini-video-play-button{
	background-color:var(--swatch-var-1338);
	width:100px;
	height:100px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	border-radius:100px 100px 100px 100px;
	box-shadow:0.00px -0.00px 50px rgba(0,0,0,0.28);
	position:absolute;
	transition:all 0.5s ease 0s;
}
.mini-video-play-button:hover{
	transform:scale(1.1);
	transition:all 0.5s ease 0s;
	box-shadow:0.00px -0.00px 50px rgba(0,0,0,0.40);
}
.svg-icon-style{
	width:35px;
	fill:var(--swatch-var-5803);
}
.mini-feature-modal{
	border-radius:0px 0px 0px 0px;
	border-width:0px 0px 0px 0px;
	background-color:transparent;
}
.mini-btn-icon-black{
	width:18px!important;
	height:18px!important;
	fill:var(--swatch-var-5803)!important;
}
.property-button-reverse{
	background-color:var(--swatch-var-250);
	border-style:solid;
	border-color:var(--swatch-var-250)!important;
	padding:5px 5px 5px 5px;
	width:50%;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-3958)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
}
.property-button-reverse:hover{
	color:var(--swatch-var-250)!important;
	background-color:var(--swatch-var-3958);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-250)!important;
}
.property-button-elfi-villas{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-250)!important;
	padding:5px 5px 5px 5px;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-250)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
	font-size:17px;
	width:45%;
}
.property-button-elfi-villas:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-250);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-250)!important;
}
.icons-villas{
	display:flex;
	justify-content:flex-start;
}
.button-container{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
}
.logo-container-flex{
	align-items:flex-end;
	display:flex;
	width:80%;
}
.icon-villas{
	width:40px;
}
.icons-container{
	display:flex;
	justify-content:space-around;
	flex-direction:row-reverse;
}
.the-villas-h2{
	color:var(--swatch-var-6405)!important;
}
.title-h2-smaller{
	font-family:"CormorantGaramondLight-Light";
	color:var(--swatch-var-6197)!important;
	font-size:60px;
	line-height:1.3em;
	font-weight:lighter;
}
.title-h3-villas{
	font-family:"CormorantGaramondLight-Light";
	color:var(--swatch-var-6197)!important;
	font-size:1.8em;
	line-height:1.5em;
}
.title-h3-villas:hover{
	color:var(--swatch-var-6197)!important;
}
.header-background{
	background-color:var(--swatch-var-3958);
	border-radius:25px 25px 25px 25px;
}
.property-button-richard-villas{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-4132)!important;
	padding:5px 5px 5px 5px;
	width:45%;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-4132)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
	font-size:20px;
}
.property-button-richard-villas:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-4132);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-4132)!important;
}
.property-button-richard-villas-opposite{
	background-color:var(--swatch-var-4132);
	border-style:solid;
	border-color:var(--swatch-var-4132)!important;
	padding:5px 5px 5px 5px;
	width:45%;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
	font-size:20px;
}
.property-button-richard-villas-opposite:hover{
	color:var(--swatch-var-4132)!important;
	background-color:var(--swatch-var-6405);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-4132)!important;
}
.h3-style{
	line-height:1.1em;
	font-size:40px;
}
.h3-bloc-46-style{
	line-height:1.1em;
	font-size:40px;
}
.h3-24-style{
	line-height:1.1em;
	font-size:40px;
}
.property-button-hati-villas{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-1824)!important;
	padding:5px 5px 5px 5px;
	width:45%;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-1824)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
	font-size:20px;
}
.property-button-hati-villas:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-1824);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-1824)!important;
}
.property-button-hati-villas-opposite{
	background-color:var(--swatch-var-1824);
	border-style:solid;
	border-color:var(--swatch-var-1824)!important;
	padding:5px 5px 5px 5px;
	width:45%;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
	font-size:20px;
}
.property-button-hati-villas-opposite:hover{
	color:var(--swatch-var-1824)!important;
	background-color:var(--swatch-var-6405);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-1824)!important;
}
.container-frame-the-villas{
	border-radius:5px 5px 5px 5px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	margin:0px 0px 0px 0px;
}
.global-radius-villas{
	overflow:hidden!important;
	border-radius:5px 5px 5px 5px;
	border-width:1px 1px 1px 1px;
	border-color:var(--swatch-var-6197)!important;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.bg-color-richard{
	background-color:var(--swatch-var-4132);
}
.bg-color-hati{
	background-color:var(--swatch-var-1824);
}
.title-h2-elegant{
	font-family:"CormorantGaramondLight-Light";
	font-weight:lighter;
	font-size:80px;
	line-height:90px;
}
.divider-bloc-45-background-color{
	background-color:var(--swatch-var-250);
}
.p-bloc-46-style{
	line-height:1.0em;
}
.color-sunglow{
	color:var(--swatch-var-6977)!important;
}
.color-mint{
	color:var(--swatch-var-5773)!important;
}
.property-button-mint-villas{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-5773)!important;
	padding:5px 5px 5px 5px;
	width:45%;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-5773)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
	font-size:20px;
}
.property-button-mint-villas:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-5773);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-5773)!important;
}
.property-button-mint-villas-opposite{
	background-color:var(--swatch-var-5773);
	border-style:solid;
	border-color:var(--swatch-var-5773)!important;
	padding:5px 5px 5px 5px;
	width:45%;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
	font-size:20px;
}
.property-button-mint-villas-opposite:hover{
	color:var(--swatch-var-5773)!important;
	background-color:var(--swatch-var-6405);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-5773)!important;
}
.bg-color-mint{
	background-color:var(--swatch-var-5773);
}
.bg-color-sunglow{
	background-color:var(--swatch-var-6977);
}
.property-button-sunglow-villas{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-6977)!important;
	padding:5px 5px 5px 5px;
	width:45%;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-6977)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
	font-size:20px;
}
.property-button-sunglow-villas:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-6977);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-6977)!important;
}
.property-button-sunglow-villas-opposite{
	background-color:var(--swatch-var-6977);
	border-style:solid;
	border-color:var(--swatch-var-6977)!important;
	padding:5px 5px 5px 5px;
	width:45%;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
	font-size:20px;
}
.property-button-sunglow-villas-opposite:hover{
	color:var(--swatch-var-6977)!important;
	background-color:var(--swatch-var-6405);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-6977)!important;
}
.header-about-us{
	background-image:url("img/home.jpg");
	background-image: -webkit-image-set(url("img/home.webp") 1x,
url("img/home.webp") 2x);background-image: image-set(url("img/home.jpg") 1x,
url("img/home.jpg") 2x,url("img/home.webp") 1x,
url("img/home.webp") 2x);
	background-image: -webkit-image-set(url("img/home.webp") 1x,
url("img/home.webp") 2x);background-image: image-set(url("img/home.jpg") 1x,
url("img/home.jpg") 2x,url("img/home.webp") 1x,
url("img/home.webp") 2x);
}
.link-reviews{
	width:45%;
	padding:5px 5px 5px 5px;
	border-width:1px 1px 1px 1px;
	border-radius:7px 7px 7px 7px;
	border-style:solid;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-250)!important;
	background-color:var(--swatch-var-6405);
	font-size:20px;
	font-weight:bold;
}
.link-reviews:hover{
	background-color:var(--swatch-var-250);
	color:var(--swatch-var-6405)!important;
	border-color:var(--swatch-var-250)!important;
}
.eldar-project-a-book-direct{
	font-size:0.9rem;
	color:var(--swatch-var-1824)!important;
	font-weight:bold;
	line-height:1.2rem;
	font-family:"RalewayThin-Regular";
	margin-left:5px;
}
.eldar-project-a-book-direct:hover{
	color:var(--swatch-var-1824)!important;
}
.eldar-project-link-book-direct{
	width:100%;
	position:relative;
	border-radius:7px 7px 7px 7px;
	line-height:1em;
	padding-bottom:10px;
	margin-top:3px;
	margin-bottom:3px;
}
.eldar-project-link-book-direct:hover{
	padding-right:10px;
	background-color:rgba(255,255,255,0.07);
	color:#FFFFFF!important;
}
.divider-sidebar-style{
	width:65%;
	background-color:var(--swatch-var-6197);
	margin-left:5px;
}
.mini-form-25{
	max-width:550px;
	margin-left:auto;
	margin-right:auto;
}
.mini-form-step-div{
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-3520)!important;
	padding:28px 28px 28px 28px;
}
.mini-form-steps{
	display:flex;
	width:100%;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	margin-top:14px;
	margin-bottom:40px;
}
.mini-form-step{
	width:35px;
	height:35px;
	display:inline-flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-3520)!important;
	color:var(--swatch-var-3520)!important;
	background-color:var(--swatch-var-1338);
	min-width:35px;
	min-height:35px;
}
.mini-active-step{
	background-color:var(--swatch-var-3520);
	color:var(--swatch-var-1338)!important;
}
.mini-form-buttons{
	justify-content:center;
	display:flex;
	column-gap:14px;
	row-gap:14px;
	margin-top:28px;
}
.mini-radio-section{
	display:inline-flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	position:relative;
	column-gap:5px;
	row-gap:10px;
	width:100%;
	justify-content:space-between;
}
.mini-form-radio{
	position:relative;
	display:flex;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.mini-hide{
	display:none;
}
.mini-solid-shadow{
	box-shadow:3.94px 3.08px 0px rgba(0,0,0,0.50);
	transform:translateY(0px);
	transition:all 0.5s ease 0s;
}
.mini-solid-shadow:hover{
	box-shadow:7.88px 6.16px 0px rgba(0,0,0,0.28);
	transform:translateY(-3px);
	transition:all 0.5s ease 0s;
}
.mini-form-26-modal{
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	padding:28px 28px 28px 28px;
	border-width:0px 0px 0px 0px;
}
.mini-form-radio-flex{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
}
.mini-form-half-width{
	width:50%;
}
.mini-extra-label{
	display:block;
}
.svg-icon-bloc-92-fill{
	fill:var(--swatch-var-250)!important;
}
.contact-link{
	color:var(--swatch-var-1824)!important;
}
.contact-link:hover{
	color:var(--swatch-var-1824)!important;
	font-weight:bold;
	text-decoration:underline!important;
}
.label-style{
	font-size:1.1em;
}
.label-bedrooms-style{
	font-size:1.1em;
}
.scooter-whatsapp-google-link{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-1253)!important;
	text-align:left;
	font-family:"RalewayThin-Medium";
	color:var(--swatch-var-1253)!important;
	border-width:1px 1px 1px 1px;
	padding:3px 5px 3px 5px;
	width:45%;
	font-size:1em;
	line-height:1.5em;
	margin-right:20px;
}
.scooter-whatsapp-google-link:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-1253);
	border-radius:7px 7px 7px 7px;
}
.btn-bloc-79-style{
	width:45%;
}
.btn-59-style{
	width:50%;
}
.img-logo-liong-style{
	width:300px;
}
.img-381-style{
	width:50px;
}
.img-382-style{
	width:50px;
}
.img-garden-whi-style{
	width:50px;
	color:var(--swatch-var-7747)!important;
}
.mini-tag-name-hati{
	margin-right:5px;
	margin-bottom:5px;
	padding:4px 14px 4px 14px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-1824)!important;
	font-size:1em;
	background-color:var(--swatch-var-1824);
	color:var(--swatch-var-6405)!important;
	font-weight:bold;
}
.mini-header-details-col{
	display:inline-flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	align-content:flex-start;
}
.mini-header-detail{
	width:50%;
	margin-bottom:14px;
}
.btn-button-style-villa{
	width:25%;
	margin-right:20px;
}
.h3-style-villas-villa{
	line-height:1em;
	font-size:30px;
}
.mini-testimonial-24-parent{
	z-index: ;
	position:relative;
}
.mini-testimonial-24-card{
	width:100%;
	height:500px;
	padding:50px 50px 50px 50px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:space-between;
}
.mini-carousel{
	padding-left:80px;
	padding-right:80px;
	position:relative;
}
.mini-carousel-arrow{
	width:50px;
	height:50px;
	background-color:var(--swatch-var-1824);
	border-radius:100px 100px 100px 100px;
	margin-top:auto;
	margin-bottom:auto;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-1824)!important;
}
.mini-feature-scrolling-images{
	display:flex;
	width:150vw;
	align-items:center;
	flex-direction:row;
	margin-left:-400px;
}
.mini-feature-img{
	width:25vw;
	height:auto;
}
.blocs-card-width{
	width:25%;
}
.carousel-indicators-middle{
	position:absolute;
	bottom:100px;
}
.mini-left-arrow{
	position:relative;
	top:10px;
	left:45%;
}
.mini-right-arrow{
	position:relative;
	top:-40px;
	left:51%;
}
.img-bloc-5-style{
	width:200px;
}
.passion-borders{
	border-style:solid;
	border-color:var(--swatch-var-7747)!important;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border-width:1px 1px 1px 1px;
}
.passion-cursitive{
	font-family:"ShadowsIntoLightTwo-Regular";
}
.passion-max-width{
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
}
.mini-half-screen-content{
	max-width:500px;
	margin:auto auto auto auto;
}
.mini-cta-mail-field{
	height:50px;
	border-radius:0px 0px 0px 0px;
	padding-left:20px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
}
.mini-cta-button{
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1rem;
}
.title-h3-villas-properties{
	font-family:"CormorantGaramondLight-Light";
	line-height:1.5em;
	font-size:25px;
}
.img-villa-mint-ub-style{
	height:251px;
}
.mini-tag-name-richard{
	margin-right:5px;
	margin-bottom:5px;
	padding:4px 14px 4px 14px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-4132)!important;
	font-size:1em;
	background-color:var(--swatch-var-4132);
	color:var(--swatch-var-6405)!important;
	font-weight:bold;
}
.mini-tag-name-elfi{
	margin-right:5px;
	margin-bottom:5px;
	padding:4px 14px 4px 14px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-250)!important;
	font-size:1em;
	background-color:var(--swatch-var-250);
	color:var(--swatch-var-6405)!important;
	font-weight:bold;
}
.mini-buttons{
	grid-template-columns:1fr 1fr 1fr 1fr;
	row-gap:28px;
	column-gap:28px;
}
.mini-sm-btn-icon{
	fill:var(--swatch-var-1338)!important;
	max-width:14px;
	max-height:14px;
}
.mini-btn-icon{
	width:18px!important;
	height:18px!important;
	fill:var(--swatch-var-1338)!important;
}
.mini-sm-btn-icon-black{
	width:14px!important;
	height:14px!important;
	fill:var(--swatch-var-5803)!important;
}
.mini-btn-shadow{
	box-shadow:3.94px 3.08px 7px rgba(0,0,0,0.28);
	transition:all 0.5s ease 0s;
	transform:translateY(0px);
}
.mini-btn-shadow:hover{
	box-shadow:7.88px 6.16px 14px rgba(0,0,0,0.20);
	transition:all 0.5s ease 0s;
	transform:translateY(-3px);
}
.mini-invert-shadow{
	box-shadow:3.94px 3.08px 10px rgba(0,0,0,0.28);
	transform:translateY(-2px);
	transition:all 0.5s ease 0s;
}
.mini-invert-shadow:hover{
	transform:translateY(1px);
	transition:all 0.5s ease 0s;
	box-shadow:0.00px 0.00px 0px rgba(0,0,0,0.28);
}
.mini-invert-solid-shadow{
	transform:translateX(-2px);
	box-shadow:5.52px 4.31px 0px rgba(0,0,0,0.50);
	transition:all 0.5s ease 0s;
}
.mini-invert-solid-shadow:hover{
	transform:translateY(1px);
	box-shadow:0.00px -0.00px 0px rgba(0,0,0,0.72);
	transition:all 0.5s ease 0s;
}
.mini-rotate-btn{
	transform:rotate(0deg);
	box-shadow:3.94px 3.08px 7px rgba(0,0,0,0.28);
	transition:all 0.5s ease 0s;
}
.mini-rotate-btn:hover{
	box-shadow:7.88px 6.16px 14px rgba(0,0,0,0.20);
	transform:rotate(-3deg);
	transition:all 0.5s ease 0s;
}
.mini-invert-rorate-btn{
	box-shadow:3.94px 3.08px 7px rgba(0,0,0,0.28);
	transition:all 0.5s ease 0s;
	transform:rotate(0deg);
}
.mini-invert-rorate-btn:hover{
	box-shadow:0.00px 0.00px 0px rgba(0,0,0,0.28);
	transition:all 0.5s ease 0s;
	transform:rotate(-3deg);
}
.mini-rot-solid-btn{
	box-shadow:3.94px 3.08px 0px rgba(0,0,0,0.50);
	transform:rotate(0deg);
	transition:all 0.5s ease 0s;
}
.mini-rot-solid-btn:hover{
	box-shadow:7.88px 6.16px 0px rgba(0,0,0,0.28);
	transform:rotate(-3deg);
	transition:all 0.5s ease 0s;
}
.mini-rotate-solid-btn{
	box-shadow:5.52px 4.31px 0px rgba(0,0,0,0.50);
	transform:rotate(0deg);
	transition:all 0.5s ease 0s;
}
.mini-rotate-solid-btn:hover{
	box-shadow:0.00px 0.00px 0px rgba(0,0,0,0.72);
	transform:rotate(-3deg);
	transition:all 0.5s ease 0s;
}
.mini-glowing-btn{
	transition:all 0.5s ease 0s;
	border-width:1px 1px 1px 1px;
}
.mini-glowing-btn:hover{
	box-shadow:0.00px -0.00px 14px rgba(0,0,0,0.28);
	border-color:var(--swatch-var-4497)!important;
}
.mini-sq-icon-btn{
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
}
.mini-sq-icon-white{
	width:40px;
	height:40px;
	padding:11px 11px 11px 11px;
	min-width:40px;
	min-height:40px;
	fill:var(--swatch-var-1338);
	background-color:rgba(121,121,121,0.28);
}
.mini-sq-icon{
	height:40px;
	width:40px;
	min-width:40px;
	min-height:40px;
	padding:11px 11px 11px 11px;
	background-color:rgba(66,66,66,0.07);
}
.mini-sq-icon-r-btn{
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
}
.mini-down-btn{
	padding:1em 1em 1em 1em;
	transition:all 0.5s ease 0s;
	transform:scale(1);
}
.mini-down-btn:hover{
	transition:all 0.5s ease 0s;
	transform:scale(1.1);
}
.btn-home-richard{
	background-color:var(--swatch-var-4132);
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-4132)!important;
}
.btn-home-richard:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-4132);
	background-color:color-mix(in srgb,var(--swatch-var-4132) 84%,#000);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:color-mix(in srgb,var(--swatch-var-4132) 84%,#000)!important;
}
.btn-home-richard:active{
	background-color:color-mix(in srgb,var(--swatch-var-4132) 72%,#000);
}
.btn-home-hati{
	background-color:var(--swatch-var-1824);
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-1824)!important;
}
.btn-home-hati:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-1824);
	background-color:color-mix(in srgb,var(--swatch-var-1824) 84%,#000);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:color-mix(in srgb,var(--swatch-var-1824) 84%,#000)!important;
}
.btn-home-hati:active{
	background-color:color-mix(in srgb,var(--swatch-var-1824) 72%,#000);
}
.btn-home-mint{
	background-color:var(--swatch-var-5773);
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-5773)!important;
}
.btn-home-mint:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-5773);
	background-color:color-mix(in srgb,var(--swatch-var-5773) 84%,#000);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:color-mix(in srgb,var(--swatch-var-5773) 84%,#000)!important;
}
.btn-home-mint:active{
	background-color:color-mix(in srgb,var(--swatch-var-5773) 72%,#000);
}
.btn-home-sunglow{
	background-color:var(--swatch-var-6977);
	color:var(--swatch-var-6405)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-6977)!important;
}
.btn-home-sunglow:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-6977);
	background-color:color-mix(in srgb,var(--swatch-var-6977) 84%,#000);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:color-mix(in srgb,var(--swatch-var-6977) 84%,#000)!important;
}
.btn-home-sunglow:active{
	background-color:color-mix(in srgb,var(--swatch-var-6977) 72%,#000);
}
.mini-primary-btn{
	background-color:var(--swatch-var-5803);
	color:var(--swatch-var-1338)!important;
	border-width:1px 1px 1px 1px;
}
.mini-primary-btn:hover{
	color:var(--swatch-var-1338)!important;
	background-color:var(--swatch-var-5803)!important;
}
.mini-primary-btn:active{
	background-color:var(--swatch-var-5803);
}
.mini-tag-name-mint{
	margin-right:5px;
	margin-bottom:5px;
	padding:4px 14px 4px 14px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-5773)!important;
	font-size:1em;
	background-color:var(--swatch-var-5773);
	color:var(--swatch-var-6405)!important;
	font-weight:bold;
}
.mini-flex{
	display:inline-flex;
	flex-wrap:wrap;
}
.lead{
	font-size:1.2em;
}
.mini-new-logo{
	flex-direction:row;
	align-items:center;
	column-gap:10px;
	position:relative;
	display:inline-flex;
}
.mini-logo{
	max-height:45px;
}
.mini-logo-txt{
	font-size:1.28em;
}
.mini-social-icon:hover{
	transform:scale(1.05);
	transition:all 0.5s ease 0s;
}
.mini-tag-name-mint-dua{
	margin-right:5px;
	margin-bottom:5px;
	padding:4px 14px 4px 14px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-4132)!important;
	font-size:1em;
	background-color:var(--swatch-var-4132);
	color:var(--swatch-var-6405)!important;
	font-weight:bold;
}
.button-book-direct-seminyak{
	border-style:solid;
	border-radius:5px 5px 5px 5px;
	background-color:var(--swatch-var-6977);
	color:var(--swatch-var-6405)!important;
	font-family:"RalewayThin-Medium";
	text-align:center;
	width:100%;
	border-color:var(--swatch-var-4132)!important;
}
.button-book-direct-seminyak:hover{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-6977)!important;
	border-color:var(--swatch-var-4132)!important;
	border-style:solid;
}
.button-explore-our-villas{
	border-style:solid;
	border-radius:5px 5px 5px 5px;
	background-color:var(--swatch-var-616);
	color:var(--swatch-var-6405)!important;
	font-family:"RalewayThin-Medium";
	text-align:center;
	width:70%;
	border-color:var(--swatch-var-616)!important;
}
.button-explore-our-villas:hover{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-616)!important;
	border-color:var(--swatch-var-616)!important;
	border-style:solid;
}
.mini-small-subtitle:hover{
	border-color:var(--swatch-var-5803)!important;
	transition:all 0.5s ease 0s;
	transform:scale(1.03);
}
.mini-new{
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:var(--swatch-var-1824)!important;
	padding:0.28em 0.6em 0.28em 0.6em;
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-1824)!important;
	font-size:1em;
	font-weight:bold;
	font-family:"RalewayThin-Medium";
}
.mini-btn-div{
	display:inline-flex;
	column-gap:7px;
	row-gap:7px;
}
.mini-speakers{
	display:inline-flex;
	align-items:center;
}
.mini-center{
	justify-content:center;
}
.mini-event-person{
	margin-left:-14px;
	border-width:2px 2px 2px 2px;
	border-style:solid;
	border-color:var(--swatch-var-1909)!important;
	width:40px;
	height:40px;
	display:inline-flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	background-color:var(--swatch-var-7479);
}
.mini-product-rating-star{
	fill:var(--swatch-var-1338)!important;
	width:18px;
	height:18px;
	margin-right:2px;
}
.mini-relative{
	position:relative;
}
.button-enquiry{
	border-style:solid;
	border-radius:5px 5px 5px 5px;
	background-color:var(--swatch-var-616);
	color:var(--swatch-var-6405)!important;
	font-family:"CormorantGaramondLight-Light";
	text-align:center;
	width:100%;
	border-color:var(--swatch-var-616)!important;
	font-size:50px;
}
.button-enquiry:hover{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-616)!important;
	border-color:var(--swatch-var-616)!important;
	border-style:solid;
}
.title-h1-header-villas{
	font-family:"CormorantGaramondLight-Regular";
	color:var(--swatch-var-6405)!important;
	font-size:120px;
	font-weight:lighter;
	width:100%;
}
.h1-villa-mint-style{
	width:100%;
}
.mini-faq-10-box{
	margin-bottom:14px;
	padding:28px 28px 20px 28px;
	position:relative;
	color:var(--swatch-var-4497)!important;
}
.mini-faq-10-question{
	display:inline-flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	padding-bottom:8px;
	position:relative;
}
.faq-link{
	color:var(--swatch-var-1824)!important;
}
.faq-link:hover{
	color:var(--swatch-var-1824)!important;
	text-decoration:underline!important;
}
.mini-team-column{
	position:relative;
	overflow:hidden;
}
.mini-team-overlay-details-light{
	background:linear-gradient(0deg, var(--swatch-var-3534) 0%, transparent  72%);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	position:relative;
	z-index:1;
	margin-top:-300px;
	height:300px;
	padding-top:230px;
	padding-left:28px;
	padding-right:28px;
}
.mini-team-overlay-details-light:hover{
	padding-top:90px;
}
.button-container-book{
	display:flex;
}
.property-button-richard{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-4132)!important;
	padding:5px 10px 5px 10px;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-4132)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
}
.property-button-richard:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-4132);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-4132)!important;
}
.property-button-hati{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-1824)!important;
	padding:5px 10px 5px 10px;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-1824)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
}
.property-button-hati:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-1824);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-1824)!important;
}
.property-button-mint{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-5773)!important;
	padding:5px 10px 5px 10px;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-5773)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
}
.property-button-mint:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-5773);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-5773)!important;
}
.property-button-sunglow{
	background-color:var(--swatch-var-6405);
	border-style:solid;
	border-color:var(--swatch-var-6977)!important;
	padding:5px 10px 5px 10px;
	font-family:"RalewayThin-Regular";
	color:var(--swatch-var-6977)!important;
	border-width:1px 1px 1px 1px;
	text-align:left;
}
.property-button-sunglow:hover{
	color:var(--swatch-var-6405)!important;
	background-color:var(--swatch-var-6977);
	border-radius:7px 7px 7px 7px;
	border-color:var(--swatch-var-6977)!important;
}
.frame-headers{
	background-color:var(--swatch-var-760);
	border-radius:15px 15px 15px 15px;
}
.mini-red-icon-elfi{
	width:20px!important;
	transition:all 0.2s ease 0s;
	fill:var(--swatch-var-250)!important;
	color:var(--swatch-var-250)!important;
}
.mini-red-icon-elfi:hover{
	transition:all 0.2s ease 0s;
}
.svg-icon-bloc-112-fill{
	fill:var(--swatch-var-250)!important;
}
.mini-red-icon-richard{
	width:20px!important;
	transition:all 0.2s ease 0s;
	fill:var(--swatch-var-1824)!important;
	color:var(--swatch-var-4132)!important;
}
.mini-red-icon-richard:hover{
	transition:all 0.2s ease 0s;
}
.mini-team-desc{
	max-width:280px;
	display:inline-block;
}
.scrollToTop{
	background-color:var(--swatch-var-616);
}
.btn-home-hati-reverse{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-1824)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-1824)!important;
}
.btn-home-hati-reverse:hover{
	color:var(--swatch-var-1824)!important;
	background-color:var(--swatch-var-6405);
	background-color:color-mix(in srgb,var(--swatch-var-1824) 13%,var(--swatch-var-6405));
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-1824)!important;
}
.btn-home-hati-reverse:active{
	background-color:color-mix(in srgb,var(--swatch-var-1824) 24%,var(--swatch-var-6405));
}
.btn-home-richard-reverse{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-4132)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-4132)!important;
}
.btn-home-richard-reverse:hover{
	color:var(--swatch-var-4132)!important;
	background-color:var(--swatch-var-6405);
	background-color:color-mix(in srgb,var(--swatch-var-4132) 13%,var(--swatch-var-6405));
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-4132)!important;
}
.btn-home-richard-reverse:active{
	background-color:color-mix(in srgb,var(--swatch-var-4132) 24%,var(--swatch-var-6405));
}
.btn-home-elfi-reverse{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-250)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-250)!important;
}
.btn-home-elfi-reverse:hover{
	color:var(--swatch-var-250)!important;
	background-color:var(--swatch-var-6405);
	background-color:color-mix(in srgb,var(--swatch-var-250) 13%,var(--swatch-var-6405));
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-250)!important;
}
.btn-home-elfi-reverse:active{
	background-color:color-mix(in srgb,var(--swatch-var-250) 24%,var(--swatch-var-6405));
}
.btn-home-mint-reverse{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-5773)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-5773)!important;
}
.btn-home-mint-reverse:hover{
	color:var(--swatch-var-5773)!important;
	background-color:var(--swatch-var-6405);
	background-color:color-mix(in srgb,var(--swatch-var-5773) 13%,var(--swatch-var-6405));
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-5773)!important;
}
.btn-home-mint-reverse:active{
	background-color:color-mix(in srgb,var(--swatch-var-5773) 24%,var(--swatch-var-6405));
}
.btn-home-sunglow-reverse{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-6977)!important;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-6977)!important;
}
.btn-home-sunglow-reverse:hover{
	color:var(--swatch-var-6977)!important;
	background-color:var(--swatch-var-6405);
	background-color:color-mix(in srgb,var(--swatch-var-6977) 13%,var(--swatch-var-6405));
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-6977)!important;
}
.btn-home-sunglow-reverse:active{
	background-color:color-mix(in srgb,var(--swatch-var-6977) 24%,var(--swatch-var-6405));
}
.color-black{
	color:var(--swatch-var-6197)!important;
}
.svg-icon-bloc-133-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-0-bloc-133-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-27798-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-38306-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-24555-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-33349-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-455-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-30842-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-13283-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-10782-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-1927-fill{
	fill:var(--swatch-var-4132)!important;
}
.review-grid{
	display:grid;
}
.divider-bloc-231-style{
	height:2px;
}
.footer-header{
	font-size:18px;
	font-family:"RalewayThin-Light";
	font-weight:bold;
	color:var(--swatch-var-1824)!important;
}
.mini-social-icon-ubud{
	width:20px!important;
	fill:var(--swatch-var-250)!important;
	margin-left:3px;
	margin-right:3px;
}
.mini-social-icon-ubud:hover{
	transform:scale(1.05);
	transition:all 0.5s ease 0s;
}
.mini-social-icon-seminyak{
	width:20px!important;
	fill:var(--swatch-var-250)!important;
	margin-left:3px;
	margin-right:3px;
}
.mini-social-icon-seminyak:hover{
	transform:scale(1.05);
	transition:all 0.5s ease 0s;
}
.svg-icon-bloc-231-fill{
	fill:var(--swatch-var-6977)!important;
}
.svg-icon-0-bloc-231-fill{
	fill:var(--swatch-var-1824)!important;
}
.footer-flex{
	display:flex;
}
.divider-bloc-231-background-color{
	background-color:var(--swatch-var-6197);
}
.mini-icon-div{
	width:60px;
	height:60px;
	display:inline-flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	background-color:var(--swatch-var-6405);
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:var(--swatch-var-1824)!important;
}
.mini-contact-mid-icon{
	width:30px!important;
	fill:var(--swatch-var-1824)!important;
	height:30px!important;
}
.mini-big-wide-map{
	height:528px;
}
.footer-header-links{
	color:var(--swatch-var-6197)!important;
	font-family:"RalewayThin-Light";
	font-weight:normal;
}
.mini-review-box{
	width:100%;
	padding-left:20%;
	padding-right:20%;
}
.mini-testimonial-div-2{
	display:flex;
	flex-direction:row;
	align-items:center;
	font-size:0.9em;
	justify-content:flex-end;
}
.svg-icon-fill-hati{
	color:var(--swatch-var-1824)!important;
}
.mini-testimonial-card-review-img{
	border-radius:100px 100px 100px 100px;
	border-width:1px 1px 1px 1px;
	border-color:var(--swatch-var-6197)!important;
	max-width:40px;
	margin-left:0px;
	margin-right:0px;
}
.button-reviews-hati{
	border-style:solid;
	border-radius:5px 5px 5px 5px;
	background-color:var(--swatch-var-1824);
	color:var(--swatch-var-6405)!important;
	font-family:"RalewayThin-Medium";
	text-align:center;
	border-color:var(--swatch-var-1824)!important;
	width:80%;
	margin-top:15px;
}
.button-reviews-hati:hover{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-1824)!important;
	border-color:var(--swatch-var-1824)!important;
	border-style:solid;
}
.title-h1-video{
	font-family:"CormorantGaramondLight-Light";
	color:var(--swatch-var-6821)!important;
	font-size:100px;
}
.mini-review-big-box{
	width:100%;
}
.svg-icon-bloc-66-25029-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-0-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-0-bloc-66-25029-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-23519-fill{
	fill:var(--swatch-var-4132)!important;
}
.svg-icon-48311-fill{
	fill:var(--swatch-var-4132)!important;
}
.button-reviews-richard{
	border-style:solid;
	border-radius:5px 5px 5px 5px;
	background-color:var(--swatch-var-4132);
	color:var(--swatch-var-6405)!important;
	font-family:"RalewayThin-Medium";
	text-align:center;
	border-color:var(--swatch-var-4132)!important;
	width:80%;
	margin-top:15px;
}
.button-reviews-richard:hover{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-4132)!important;
	border-color:var(--swatch-var-4132)!important;
	border-style:solid;
}
.container-frame-the-villas-reviews{
	border-radius:5px 5px 5px 5px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	margin:15px 15px 15px 15px;
}
.svg-icon-38601-fill{
	fill:var(--swatch-var-250)!important;
}
.svg-icon-3902-fill{
	fill:var(--swatch-var-250)!important;
}
.svg-icon-12549-fill{
	fill:var(--swatch-var-250)!important;
}
.svg-icon-32128-fill{
	fill:var(--swatch-var-250)!important;
}
.svg-icon-48023-fill{
	fill:var(--swatch-var-250)!important;
}
.button-reviews-elfi{
	border-style:solid;
	border-radius:5px 5px 5px 5px;
	background-color:var(--swatch-var-250);
	color:var(--swatch-var-6405)!important;
	font-family:"RalewayThin-Medium";
	text-align:center;
	border-color:var(--swatch-var-250)!important;
	width:80%;
	margin-top:15px;
}
.button-reviews-elfi:hover{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-250)!important;
	border-color:var(--swatch-var-250)!important;
	border-style:solid;
}
.svg-icon-bloc-66-171-fill{
	fill:var(--swatch-var-5773)!important;
}
.svg-icon-0-bloc-66-171-fill{
	fill:var(--swatch-var-5773)!important;
}
.svg-icon-26222-fill{
	fill:var(--swatch-var-5773)!important;
}
.svg-icon-5962-fill{
	fill:var(--swatch-var-5773)!important;
}
.svg-icon-37404-fill{
	fill:var(--swatch-var-5773)!important;
}
.button-reviews-mint{
	border-style:solid;
	border-radius:5px 5px 5px 5px;
	background-color:var(--swatch-var-5773);
	color:var(--swatch-var-6405)!important;
	font-family:"RalewayThin-Medium";
	text-align:center;
	border-color:var(--swatch-var-5773)!important;
	width:80%;
	margin-top:15px;
}
.button-reviews-mint:hover{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-5773)!important;
	border-color:var(--swatch-var-5773)!important;
	border-style:solid;
}
.svg-icon-1873-fill{
	fill:var(--swatch-var-6977)!important;
}
.svg-icon-31464-fill{
	fill:var(--swatch-var-6977)!important;
}
.svg-icon-15195-fill{
	fill:var(--swatch-var-6977)!important;
}
.svg-icon-24166-fill{
	fill:var(--swatch-var-6977)!important;
}
.svg-icon-33114-fill{
	fill:var(--swatch-var-6977)!important;
}
.button-reviews-sunglow{
	border-style:solid;
	border-radius:5px 5px 5px 5px;
	background-color:var(--swatch-var-6977);
	color:var(--swatch-var-6405)!important;
	font-family:"RalewayThin-Medium";
	text-align:center;
	border-color:var(--swatch-var-6977)!important;
	width:80%;
	margin-top:15px;
}
.button-reviews-sunglow:hover{
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-6977)!important;
	border-color:var(--swatch-var-6977)!important;
	border-style:solid;
}
.img-icon-airbnb-style{
	margin-right:20px;
}
.image-hati{
	background-image:url("img/the-villas-joglo-hati.jpg");
	background-image: -webkit-image-set(url("img/the-villas-joglo-hati.webp") 1x,
url("img/the-villas-joglo-hati.webp") 2x);background-image: image-set(url("img/the-villas-joglo-hati.jpg") 1x,
url("img/the-villas-joglo-hati.jpg") 2x,url("img/the-villas-joglo-hati.webp") 1x,
url("img/the-villas-joglo-hati.webp") 2x);
}
.full-height{
	height:100%;
}
.mini-btn-users{
	display:inline-flex;
	flex-direction:row;
	align-items:center;
	column-gap:14px;
	row-gap:14px;
}
.mini-full-height{
	background-size:length;
}
.mini-circle-icon-small{
	width:23px;
	fill:var(--swatch-var-1338)!important;
	height:23px;
	padding-top:3px;
}
.title-h2-the-villas-header-villas{
	font-family:"CormorantGaramondLight-Light";
	line-height:1.3em;
	font-weight:lighter;
	font-size:35px;
}
.mini-subtitle-2{
	text-transform:none;
	font-size:0.9em;
}
.bg-color-elfi{
	background-color:var(--swatch-var-250);
}
.mobile-menu-header{
	font-family:"RalewayThin-Regular";
}
.mini-play-icon{
	width:35px;
	fill:var(--swatch-var-5803);
}
.img-placeholder-us-style{
	width:40px;
	height:40px;
}
.text-span-style{
	font-weight:bold;
}
.h4-style{
	font-size:40px;
}
.p-bloc-25-style{
	line-height:1.2em;
}
.title-h3-popup{
	font-family:"CormorantGaramondLight-Light";
	font-size:1.8em;
	line-height:1.5em;
}
.title-h3-popup:hover{
	color:var(--swatch-var-6197)!important;
}
.p-style{
	font-size:20px;
	line-height:1.2em;
}
.img-bloc-25-style{
	background-size:auto auto;
	max-width:150px;
}
.divider-bloc-25-style{
	height:2px;
	background-color:var(--swatch-var-2003);
}
.eldar-navigation-link-promotions{
	width:80%;
	color:var(--swatch-var-1824)!important;
	font-size:0.9rem;
	font-weight:bold;
	border-width:2px 2px 2px 2px;
	border-radius:5px 5px 5px 5px;
	line-height:0.9rem;
}
.eldar-navigation-link-promotions:hover{
	background-color:rgba(255,255,255,0.07);
	border-color:var(--swatch-var-1824)!important;
	border-width:1px 1px 1px 1px;
	border-radius:7px 7px 7px 7px;
	border-style:solid;
	color:var(--swatch-var-1824)!important;
}
.eldar-project-a-promotions{
	font-size:0.9rem;
	color:var(--swatch-var-1824)!important;
	font-weight:bold;
	line-height:1.2rem;
	margin-left:5px;
	font-family:"RalewayThin-ExtraLight";
}
.eldar-project-a-promotions:hover{
	color:var(--swatch-var-1824)!important;
}
.paragraph-regular-copy-1{
	color:var(--swatch-var-6197)!important;
	font-family:"RalewayThin-Light";
}
.stretched-link-promotion{
	color:var(--swatch-var-1824)!important;
}
.stretched-link-promotion:hover{
	color:var(--swatch-var-1824)!important;
}
.svg-icon-6942-fill{
	fill:var(--swatch-var-5773)!important;
}
.svg-icon-seminyak-fill{
	fill:var(--swatch-var-5773)!important;
}
.btn-with{
	width:25%;
}
.mini-new-ubud{
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:var(--swatch-var-4132)!important;
	padding:0.28em 0.6em 0.28em 0.6em;
	background-color:var(--swatch-var-6405);
	color:var(--swatch-var-4132)!important;
	font-size:1em;
	font-weight:bold;
	font-family:"RalewayThin-Medium";
}
.stretched-link-promotion-ubud{
	color:var(--swatch-var-4132)!important;
}
.stretched-link-promotion-ubud:hover{
	color:var(--swatch-var-1824)!important;
}
.svg-icon-ubud-fill{
	fill:var(--swatch-var-5773)!important;
}
.svg-icon-39110-fill{
	fill:var(--swatch-var-250)!important;
}
.image-flex{
	display:flex;
	align-items:flex-end;
	justify-content:flex-start;
}
.img-style-golden{
	width:150px;
}
.h2-guest-favorite-style{
	font-size:48px;
}
.img-ggfab-style{
	height:150px;
	width:150px;
}
.h3-bloc-145-style{
	font-family:"RalewayThin-Regular";
	width:100%;
}
.svg-icon-bloc-145-fill{
	fill:var(--swatch-var-250)!important;
}

/* = Colour
-------------------------------------------------------------- */

/* Swatch Variables */
:root{
	
	--swatch-var-3958:rgba(255,255,255,0.50);
	
	--swatch-var-3534:rgba(255,255,255,1.00);
	
	--swatch-var-7552:rgba(169,169,169,1.00);
	
	--swatch-var-4062:rgba(121,121,121,1.00);
	
	--swatch-var-511:rgba(40,40,40,0.29);
	
	--swatch-var-6880:rgba(24,24,24,1.00);
	
	--swatch-var-5830:rgba(20,20,20,0.08);
	
	--swatch-var-1338:rgba(255,201,0,0.36);
	
	--swatch-var-6558:#FF8500;
	
	--swatch-var-2840:rgba(0,0,0,0.00);
	
	--swatch-var-6405:rgba(250,250,248,1.00);
	
	--swatch-var-2003:rgba(226,222,213,1.00);
	
	--swatch-var-616:rgba(131,138,123,1.00);
	
	--swatch-var-6821:rgba(92,90,83,1.00);
	
	--swatch-var-6197:rgba(60,58,52,1.00);
	
	--swatch-var-6977:rgba(169,193,145,1.00);
	
	--swatch-var-5773:rgba(78,138,98,1.00); /* Villa Mint Satu, 27.09.2026 (Thomas): dunkleres Grün #4E8A62 statt CI-Mint #A2E4B8 */
	
	--swatch-var-4132:rgba(133,165,81,1.00);
	
	--swatch-var-250:rgba(173,51,42,1.00);
	
	--swatch-var-1824:rgba(218,65,65,1.00);
	
	--swatch-var-5803:#101010;
	
	--swatch-var-4884:#111111;
	
	--swatch-var-4497:#282828;
	
	--swatch-var-1253:rgba(246,147,28,1.00);
	
	--swatch-var-3520:#282828;
	
	--swatch-var-7343:#000000;
	
	--swatch-var-7747:#FFFFFF;
	
	--swatch-var-3532:#EE9913;
	
	--swatch-var-7143:rgba(0,0,0,1.00);
	
	--swatch-var-3907:rgba(4,51,255,1.00);
	
	--swatch-var-3689:rgba(170,121,66,1.00);
	
	--swatch-var-4972:rgba(0,253,255,1.00);
	
	--swatch-var-5655:rgba(0,249,0,1.00);
	
	--swatch-var-1872:rgba(255,64,255,1.00);
	
	--swatch-var-472:rgba(255,147,0,1.00);
	
	--swatch-var-524:rgba(148,33,146,1.00);
	
	--swatch-var-7850:rgba(255,38,0,1.00);
	
	--swatch-var-6171:rgba(255,251,0,1.00);
	
	--swatch-var-1909:rgba(255,255,255,1.00);
	
	--swatch-var-7479:#555555;
	
	--swatch-var-3131:#EAEAEA;
	
	--swatch-var-760:rgba(60,58,52,0.30);
	
}


/* Background colour styles */

.bgc-2003{
	background-color:var(--swatch-var-2003);
}
.bgc-6977{
	background-color:var(--swatch-var-6977);
}
.bgc-616{
	background-color:var(--swatch-var-616);
}
.bgc-6405{
	background-color:var(--swatch-var-6405);
}
.bgc-1824{
	background-color:var(--swatch-var-1824);
}
.bgc-250{
	background-color:var(--swatch-var-250);
}
.bgc-4132{
	background-color:var(--swatch-var-4132);
}
.bgc-5773{
	background-color:var(--swatch-var-5773);
}

/* Text colour styles */

.tc-3534{
	color:var(--swatch-var-3534)!important;
}
.tc-6405{
	color:var(--swatch-var-6405)!important;
}
.tc-4062{
	color:var(--swatch-var-4062)!important;
}
.tc-6197{
	color:var(--swatch-var-6197)!important;
}
.tc-5803{
	color:var(--swatch-var-5803)!important;
}
.tc-1824{
	color:var(--swatch-var-1824)!important;
}
.tc-4132{
	color:var(--swatch-var-4132)!important;
}
.tc-250{
	color:var(--swatch-var-250)!important;
}
.tc-5773{
	color:var(--swatch-var-5773)!important;
}
.tc-6977{
	color:var(--swatch-var-6977)!important;
}
.tc-4884{
	color:var(--swatch-var-4884)!important;
}
.tc-4497{
	color:var(--swatch-var-4497)!important;
}
.tc-3520{
	color:var(--swatch-var-3520)!important;
}
.tc-7479{
	color:var(--swatch-var-7479)!important;
}
.tc-511{
	color:var(--swatch-var-511)!important;
}
.tc-3958{
	color:var(--swatch-var-3958)!important;
}

/* Link colour styles */

.ltc-6197{
	color:var(--swatch-var-6197)!important;
	fill:var(--swatch-var-6197);
}
.ltc-6197:hover{
	color:#090701!important;
	fill:var(--swatch-var-6197);
}
.ltc-1824{
	color:var(--swatch-var-1824)!important;
	fill:var(--swatch-var-1824);
}
.ltc-1824:hover{
	color:#A70E0E!important;
	fill:var(--swatch-var-1824);
}
.ltc-250{
	color:var(--swatch-var-250)!important;
	fill:var(--swatch-var-250);
}
.ltc-250:hover{
	color:#7A0000!important;
	fill:var(--swatch-var-250);
}
.ltc-4132{
	color:var(--swatch-var-4132)!important;
	fill:var(--swatch-var-4132);
}
.ltc-4132:hover{
	color:#52721E!important;
	fill:var(--swatch-var-4132);
}

/* Bloc image backgrounds */

.bg-Joglo-20Hati{
	background-image:url("img/Joglo%20Hati.JPG");
	background-image: -webkit-image-set(url("img/Joglo%20Hati.webp") 1x,
url("img/Joglo%20Hati.webp") 2x);background-image: image-set(url("img/Joglo%20Hati.JPG") 1x,
url("img/Joglo%20Hati.JPG") 2x,url("img/Joglo%20Hati.webp") 1x,
url("img/Joglo%20Hati.webp") 2x);
}
.bg-Landing-20page{
	background-image:url("img/Landing%20page.jpg");
	background-image: -webkit-image-set(url("img/Landing%20page.webp") 1x,
url("img/Landing%20page.webp") 2x);background-image: image-set(url("img/Landing%20page.jpg") 1x,
url("img/Landing%20page.jpg") 2x,url("img/Landing%20page.webp") 1x,
url("img/Landing%20page.webp") 2x);
}
.bg-reviews{
	background-image:url("img/reviews.jpeg");
	background-image: -webkit-image-set(url("img/reviews.webp") 1x,
url("img/reviews.webp") 2x);background-image: image-set(url("img/reviews.jpeg") 1x,
url("img/reviews.jpeg") 2x,url("img/reviews.webp") 1x,
url("img/reviews.webp") 2x);
	background-image: -webkit-image-set(url("img/reviews.webp") 1x,
url("img/reviews.webp") 2x);background-image: image-set(url("img/reviews.jpeg") 1x,
url("img/reviews.jpeg") 2x,url("img/reviews.webp") 1x,
url("img/reviews.webp") 2x);
}
.bg-bali-20place-ubud-seminyak-villa-20rental-home-hero{
	background-image:url("img/bali%20place-ubud-seminyak-villa%20rental-home-hero.jpg");
	background-image: -webkit-image-set(url("img/bali%20place-ubud-seminyak-villa%20rental-home-hero.webp") 1x,
url("img/bali%20place-ubud-seminyak-villa%20rental-home-hero.webp") 2x);background-image: image-set(url("img/bali%20place-ubud-seminyak-villa%20rental-home-hero.jpg") 1x,
url("img/bali%20place-ubud-seminyak-villa%20rental-home-hero.jpg") 2x,url("img/bali%20place-ubud-seminyak-villa%20rental-home-hero.webp") 1x,
url("img/bali%20place-ubud-seminyak-villa%20rental-home-hero.webp") 2x);
}
.bg-book-20direct-20seminyak{
	background-image:url("img/book%20direct%20seminyak.jpg");
	background-image: -webkit-image-set(url("img/book%20direct%20seminyak.webp") 1x,
url("img/book%20direct%20seminyak.webp") 2x);background-image: image-set(url("img/book%20direct%20seminyak.jpg") 1x,
url("img/book%20direct%20seminyak.jpg") 2x,url("img/book%20direct%20seminyak.webp") 1x,
url("img/book%20direct%20seminyak.webp") 2x);
}
.bg-contact-20us{
	background-image:url("img/contact%20us.jpg");
	background-image: -webkit-image-set(url("img/contact%20us.webp") 1x,
url("img/contact%20us.webp") 2x);background-image: image-set(url("img/contact%20us.jpg") 1x,
url("img/contact%20us.jpg") 2x,url("img/contact%20us.webp") 1x,
url("img/contact%20us.webp") 2x);
}
.bg-the-perfect-location{
	background-image:url("img/the-perfect-location.jpg");
	background-image: -webkit-image-set(url("img/the-perfect-location.webp") 1x,
url("img/the-perfect-location.webp") 2x);background-image: image-set(url("img/the-perfect-location.jpg") 1x,
url("img/the-perfect-location.jpg") 2x,url("img/the-perfect-location.webp") 1x,
url("img/the-perfect-location.webp") 2x);
}
.bg-Joglo-20Hati-20Header{
	background-image:url("img/Joglo%20Hati%20Header.JPG");
	background-image: -webkit-image-set(url("img/Joglo%20Hati%20Header.webp") 1x,
url("img/Joglo%20Hati%20Header.webp") 2x);background-image: image-set(url("img/Joglo%20Hati%20Header.JPG") 1x,
url("img/Joglo%20Hati%20Header.JPG") 2x,url("img/Joglo%20Hati%20Header.webp") 1x,
url("img/Joglo%20Hati%20Header.webp") 2x);
}
.bg-Madu-2003{
	background-image:url("img/Madu%2003.jpg");
	background-image: -webkit-image-set(url("img/Madu%2003.webp") 1x,
url("img/Madu%2003.webp") 2x);background-image: image-set(url("img/Madu%2003.jpg") 1x,
url("img/Madu%2003.jpg") 2x,url("img/Madu%2003.webp") 1x,
url("img/Madu%2003.webp") 2x);
}
.bg-GAPO-5{
	background-image:url("img/GAPO-5.jpg");
	background-image: -webkit-image-set(url("img/GAPO-5.webp") 1x,
url("img/GAPO-5.webp") 2x);background-image: image-set(url("img/GAPO-5.jpg") 1x,
url("img/GAPO-5.jpg") 2x,url("img/GAPO-5.webp") 1x,
url("img/GAPO-5.webp") 2x);
}
.bg-GAPO-3{
	background-image:url("img/GAPO-3.jpg");
	background-image: -webkit-image-set(url("img/GAPO-3.webp") 1x,
url("img/GAPO-3.webp") 2x);background-image: image-set(url("img/GAPO-3.jpg") 1x,
url("img/GAPO-3.jpg") 2x,url("img/GAPO-3.webp") 1x,
url("img/GAPO-3.webp") 2x);
}
.bg-RR-BR-2-9{
	background-image:url("img/RR-BR-2-9.jpg");
	background-image: -webkit-image-set(url("img/RR-BR-2-9.webp") 1x,
url("img/RR-BR-2-9.webp") 2x);background-image: image-set(url("img/RR-BR-2-9.jpg") 1x,
url("img/RR-BR-2-9.jpg") 2x,url("img/RR-BR-2-9.webp") 1x,
url("img/RR-BR-2-9.webp") 2x);
}
.bg-RR-BR-1-1{
	background-image:url("img/RR-BR-1-1.jpg");
	background-image: -webkit-image-set(url("img/RR-BR-1-1.webp") 1x,
url("img/RR-BR-1-1.webp") 2x);background-image: image-set(url("img/RR-BR-1-1.jpg") 1x,
url("img/RR-BR-1-1.jpg") 2x,url("img/RR-BR-1-1.webp") 1x,
url("img/RR-BR-1-1.webp") 2x);
}
.bg-villa-20mint-20header{
	background-image:url("img/villa%20mint%20header.jpg");
	background-image: -webkit-image-set(url("img/villa%20mint%20header.webp") 1x,
url("img/villa%20mint%20header.webp") 2x);background-image: image-set(url("img/villa%20mint%20header.jpg") 1x,
url("img/villa%20mint%20header.jpg") 2x,url("img/villa%20mint%20header.webp") 1x,
url("img/villa%20mint%20header.webp") 2x);
}
.bg-villa-20mint-20image-20parallax{
	background-image:url("img/villa%20mint%20image%20parallax.jpg");
	background-image: -webkit-image-set(url("img/villa%20mint%20image%20parallax.webp") 1x,
url("img/villa%20mint%20image%20parallax.webp") 2x);background-image: image-set(url("img/villa%20mint%20image%20parallax.jpg") 1x,
url("img/villa%20mint%20image%20parallax.jpg") 2x,url("img/villa%20mint%20image%20parallax.webp") 1x,
url("img/villa%20mint%20image%20parallax.webp") 2x);
}
.bg-the-20villas{
	background-image:url("img/the%20villas.jpg");
	background-image: -webkit-image-set(url("img/the%20villas.webp") 1x,
url("img/the%20villas.webp") 2x);background-image: image-set(url("img/the%20villas.jpg") 1x,
url("img/the%20villas.jpg") 2x,url("img/the%20villas.webp") 1x,
url("img/the%20villas.webp") 2x);
	background-image: -webkit-image-set(url("img/the%20villas.webp") 1x,
url("img/the%20villas.webp") 2x);background-image: image-set(url("img/the%20villas.jpg") 1x,
url("img/the%20villas.jpg") 2x,url("img/the%20villas.webp") 1x,
url("img/the%20villas.webp") 2x);
}
.bg-M2-Image-2004{
	background-image:url("img/M2-Image%2004.jpg");
	background-image: -webkit-image-set(url("img/M2-Image%2004.webp") 1x,
url("img/M2-Image%2004.webp") 2x);background-image: image-set(url("img/M2-Image%2004.jpg") 1x,
url("img/M2-Image%2004.jpg") 2x,url("img/M2-Image%2004.webp") 1x,
url("img/M2-Image%2004.webp") 2x);
}
.bg-M2-Pool-2001{
	background-image:url("img/M2-Pool%2001.jpg");
	background-image: -webkit-image-set(url("img/M2-Pool%2001.webp") 1x,
url("img/M2-Pool%2001.webp") 2x);background-image: image-set(url("img/M2-Pool%2001.jpg") 1x,
url("img/M2-Pool%2001.jpg") 2x,url("img/M2-Pool%2001.webp") 1x,
url("img/M2-Pool%2001.webp") 2x);
}
.bg-about-20us-header{
	background-image:url("img/about%20us-header.jpg");
	background-image: -webkit-image-set(url("img/about%20us-header.webp") 1x,
url("img/about%20us-header.webp") 2x);background-image: image-set(url("img/about%20us-header.jpg") 1x,
url("img/about%20us-header.jpg") 2x,url("img/about%20us-header.webp") 1x,
url("img/about%20us-header.webp") 2x);
}
.bg-about-20us-men-20with-20water{
	background-image:url("img/about%20us-men%20with%20water.jpg");
	background-image: -webkit-image-set(url("img/about%20us-men%20with%20water.webp") 1x,
url("img/about%20us-men%20with%20water.webp") 2x);background-image: image-set(url("img/about%20us-men%20with%20water.jpg") 1x,
url("img/about%20us-men%20with%20water.jpg") 2x,url("img/about%20us-men%20with%20water.webp") 1x,
url("img/about%20us-men%20with%20water.webp") 2x);
}
.bg-composer-20the-team{
	background-image:url("img/composer%20the-team.jpg");
	background-image: -webkit-image-set(url("img/composer%20the-team.webp") 1x,
url("img/composer%20the-team.webp") 2x);background-image: image-set(url("img/composer%20the-team.jpg") 1x,
url("img/composer%20the-team.jpg") 2x,url("img/composer%20the-team.webp") 1x,
url("img/composer%20the-team.webp") 2x);
}
.bg-the-team-header{
	background-image:url("img/the-team-header.jpg");
	background-image: -webkit-image-set(url("img/the-team-header.webp") 1x,
url("img/the-team-header.webp") 2x);background-image: image-set(url("img/the-team-header.jpg") 1x,
url("img/the-team-header.jpg") 2x,url("img/the-team-header.webp") 1x,
url("img/the-team-header.webp") 2x);
}
.bg-the-20team-20header-20mobile{
	background-image:url("img/the%20team%20header%20mobile.jpg");
	background-image: -webkit-image-set(url("img/the%20team%20header%20mobile.webp") 1x,
url("img/the%20team%20header%20mobile.webp") 2x);background-image: image-set(url("img/the%20team%20header%20mobile.jpg") 1x,
url("img/the%20team%20header%20mobile.jpg") 2x,url("img/the%20team%20header%20mobile.webp") 1x,
url("img/the%20team%20header%20mobile.webp") 2x);
}
.bg-header-the-gallery{
	background-image:url("img/header-the-gallery.jpg");
	background-image: -webkit-image-set(url("img/header-the-gallery.webp") 1x,
url("img/header-the-gallery.webp") 2x);background-image: image-set(url("img/header-the-gallery.jpg") 1x,
url("img/header-the-gallery.jpg") 2x,url("img/header-the-gallery.webp") 1x,
url("img/header-the-gallery.webp") 2x);
}
.bg-promotion{
	background-image:url("img/promotion.jpg");
	background-image: -webkit-image-set(url("img/promotion.webp") 1x,
url("img/promotion.webp") 2x);background-image: image-set(url("img/promotion.jpg") 1x,
url("img/promotion.jpg") 2x,url("img/promotion.webp") 1x,
url("img/promotion.webp") 2x);
}

/* = Custom Bric Data
-------------------------------------------------------------- */

.img-text-overlay-container{
	position:relative;
}
.text-label-overlay{
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	width:100%;
	 text-align:center;
	font-size:40px;
}
.text-overlay-light-text{
	color:rgba(255,255,255,.5);
}

/* = Additional CSS
-------------------------------------------------------------- */
.transition {transition:all 0.5s ease-in-out;}
.transition-fast {transition:all 0.28s ease-in-out;}
.eldar-project-link {transition:all 0.28s ease-in-out;}
.eldar-navigation-link {transition:all 0.28s ease-in-out;}
a {transition:all 0.28s ease-in-out;}
.eldar-service-div {transition:all 0.5s ease-in-out;}
.faq-10-button {color:red!important; transform: rotate(45deg);}
.faq-arrow {transform: rotate(180deg);}
.eldar-news-card {transition:all 0.28s ease-in-out;}
.eldar-nav-flex::-webkit-scrollbar {display: none;}
.eldar-nav-flex {
  -ms-overflow-style: none;
  scrollbar-width: none;}
/* Seitenmenue (25.09.2026): Scrollen im Menue nimmt die Seite nicht mehr mit. */
.eldar-sidebar .eldar-nav-flex {overscroll-behavior: contain;}
/* Handy-Menue: hier scrollt das Offcanvas selbst (#sidebar). Die Regel oben darf nur am Desktop greifen - am Handy
   blockierte sie das Weiterreichen des Wischens an #sidebar, das Menue war „starr“ (Thomas 26.9.). */
#sidebar {overscroll-behavior: contain;}
/* Seitenmenue, obere Links (25.09.2026): Rahmen immer vorhanden, aber unsichtbar (1px transparent, Innenabstand 1px
   kleiner) - Hover verschiebt dadurch nichts mehr (vorher +2px Hoehe, alles darunter ruckelte), und nur Farben gehen
   weich ueber, damit der Rahmen nicht erst schwarz aufblitzt. Aktive Seite bleibt ohne sichtbaren Rahmen wie bisher. */
.navbar-nav a.nav-link.eldar-navigation-link, .navbar-nav a.nav-link.eldar-navigation-link-promotions {
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 7px;
  transition: color 0.28s ease-in-out, background-color 0.28s ease-in-out, border-color 0.28s ease-in-out;}
a.nav-link.eldar-navigation-link.active:not(:hover) {border-color: transparent !important;}
/* Seitenmenue Desktop (25.09.2026, mit Thomas abgestimmt): Hovern/Tastatur-Fokus = feiner roter Unterstrich, der von
   links waechst und genau so lang ist wie der Link-Text (bei den Villen-Ueberschriften so lang wie die laengere der
   beiden Zeilen); aktuelle Seite = kurzer roter Strich am linken Rand. Villen-Ueberschriften mit Zeile „Overview of all
   villas“; Texte und „Book now“ buendig (8px vom Rand wie bei den oberen Links). Nur #bloc-1 (.eldar-sidebar) - das
   Handy-Menue ist anders aufgebaut und hat kein Hover. */
.eldar-sidebar {--menu-line: linear-gradient(var(--swatch-var-1824), var(--swatch-var-1824));}
/* obere Links: Kasten nur so breit wie der Text, Rahmen/Flaeche beim Hovern aus */
.eldar-sidebar .navbar-nav a.nav-link.eldar-navigation-link,
.eldar-sidebar .navbar-nav a.nav-link.eldar-navigation-link-promotions {
  position: relative; width: fit-content;
  background: var(--menu-line) no-repeat; background-origin: content-box; background-position: 0 calc(100% + 3px);
  background-size: 0 1px; transition: background-size 0.3s ease, color 0.28s ease-in-out;}
.eldar-sidebar .navbar-nav a.nav-link.eldar-navigation-link:hover,
.eldar-sidebar .navbar-nav a.nav-link.eldar-navigation-link-promotions:hover {border-color: transparent !important; background-color: transparent;}
/* untere Links */
.eldar-sidebar .eldar-project-link {width: 80%; box-sizing: border-box; margin-left: 0; padding: 5px 8px;}
.eldar-sidebar .eldar-project-link:hover {padding-right: 8px; background-color: transparent;}
.eldar-sidebar .eldar-project-a, .eldar-sidebar .eldar-category {margin-left: 0;}
.eldar-sidebar .eldar-project-a:hover {color: var(--swatch-var-6197) !important;}
.eldar-sidebar .eldar-category {display: inline-block; background-color: transparent;}
.eldar-sidebar .eldar-category:hover {color: var(--swatch-var-1824) !important;}
.eldar-sidebar .eldar-project-a, .eldar-sidebar .eldar-category {
  padding-bottom: 2px; background: var(--menu-line) no-repeat; background-position: 0 100%; background-size: 0 1px;
  transition: background-size 0.3s ease;}
.eldar-category-sub {display: block; margin-top: 1px; line-height: 1.1; font-family: "RalewayThin-Regular"; font-weight: normal; font-size: 0.92em; color: var(--swatch-var-4062);}
.eldar-sidebar .eldar-category {line-height: 1.15;} /* „Overview“ direkt unter der Ueberschrift wie am Handy (Thomas 26.9.) */
/* Unterstrich einblenden: Hovern (ganzer Eintrag) und Tastatur-Fokus */
.eldar-sidebar .navbar-nav a.nav-link:is(.eldar-navigation-link, .eldar-navigation-link-promotions):is(:hover, :focus-visible),
.eldar-sidebar .eldar-project-link:hover > :is(.eldar-project-a, .eldar-category),
.eldar-sidebar .eldar-project-link > :is(.eldar-project-a, .eldar-category):focus-visible {background-size: 100% 1px;}
.eldar-sidebar .navbar-nav a.nav-link:focus-visible,
.eldar-sidebar .eldar-project-link > a:focus-visible {outline: none; box-shadow: none;}
/* aktuelle Seite (Attribut data-active-page, das Blocs pro Seite setzt; .active setzt blocs.js nur oben) */
.eldar-sidebar .navbar-nav a.nav-link[data-active-page]::before,
.eldar-sidebar .eldar-project-link:has(> a[data-active-page])::before {
  content: ""; position: absolute; left: 0; top: 50%; width: 2px; height: 62%; transform: translateY(-50%);
  border-radius: 2px; background: var(--swatch-var-1824);}
.eldar-sidebar .navbar-nav a.nav-link[data-active-page] {background-color: transparent;}
.eldar-sidebar .btn.book-direct-button {margin-left: 8px; margin-top: 14px !important; width: auto;}
/* „Book now“ genau so breit wie der laengste Link „Ubud Scooter Rental“ (Thomas 25.9.) - in JEDEM Browser: ein unsichtbarer
   Platzhalter mit genau diesem Text in der Link-Schrift bestimmt die Knopfbreite (Safari zeichnet die kuenstlich fette
   Schrift breiter als Chrome, feste Pixel passten dort nicht). -12px = Innenabstand 5+5 + Rand 1+1 des Knopfs.
   Wird der Link umbenannt, hier den Text mit aendern. */
.eldar-sidebar .btn.book-direct-button::after {
  content: "Ubud Scooter Rental"; display: block; height: 0; overflow: hidden; visibility: hidden; white-space: nowrap;
  margin-right: -12px; font-family: "RalewayThin-ExtraLight"; font-size: 0.9rem; font-weight: bold;}
/* Obere Links im gleichen Rhythmus wie die Villen (Thomas 25.9.): vorher 39px (Home→Promotions 34px), jetzt ~33px. */
.eldar-sidebar .navbar-nav .nav-item {margin: 0 0 3px;}
.eldar-sidebar .navbar-nav a.nav-link {margin-top: 0 !important;}
/* Menue-Links nie umbrechen (Thomas 25.9.: „Ubud Scooter Rental in zwei Zeilen … das hasse ich“, vermutlich Safari) */
.eldar-sidebar .eldar-project-a, .eldar-sidebar a.nav-link {white-space: nowrap;}
/* Villen-Bloecke als helle Karten (Thomas 25.9., Entwurf Variante C): feiner warmgrauer Rahmen, weisser Grund. Rahmen
   liegt AUSSERHALB der Satzkante (8px links), Texte bleiben auf x wie alle anderen Menue-Links. Kleinere Abstaende. */
.eldar-sidebar div:has(> p > a.eldar-category) {
  border: 1px solid #e2ddd2; border-radius: 10px; background: #fff;
  margin: 16px 8px 16px -8px; padding: 8px 0 12px 7px;}
.eldar-sidebar div:has(> p > a.eldar-category) > p:first-child {margin-top: 0 !important;}
/* Abstand „Reviews“ → erster Block 18px, zwischen den Bloecken 16px (Thomas 26.9.): die Navigation bringt unten schon
   3px (Listeneintrag) + 8px (Innenabstand) mit, daher hier 7px. */
.eldar-sidebar nav + div:has(> p > a.eldar-category) {margin-top: 7px;}
.eldar-sidebar div:has(> p > a.eldar-category) .btn.book-direct-button {margin-top: 10px !important; margin-bottom: 0 !important;}
/* Handy-Menue: Zeile „Overview of all villas“ unter den Villen-Ueberschriften (Thomas 25.9.) */
/* Der entfernte versteckte Vorlagen-Link unter dem Handy-Logo belegte 24px Hoehe - Abstand bleibt wie vorher. */
#sidebar .eldar-logo-div {margin-bottom: 24px !important;}
.mobile-menu-header {display: inline-block;}
.mobile-menu-header-sub {display: block; margin-top: 1px; line-height: 1.1; font-family: "RalewayThin-Regular"; font-weight: normal; font-size: 0.72em; color: var(--swatch-var-4062);}
/* Handy-Menue (Thomas 26.9.): „Overview of all villas“ direkt unter der Ueberschrift; alle Abstaende wie bei den Villen
   (Blocs' mb-1 an einzelnen Eintraegen machte sie ungleich); Trennstriche rot. */
#sidebar .mobile-menu-header {line-height: 1.15;}
#sidebar .eldar-project-link, #sidebar .eldar-project-link-book-direct {margin-bottom: 0 !important;}
#sidebar .divider-sidebar-style {background-color: var(--swatch-var-1824);}
/* blocs.js versteckt „animated“-Elemente unterhalb des Fensters (Klasse hideMe) und zeigt sie erst beim Scrollen der SEITE.
   Im Menue scrollt aber nur das Menue (overscroll-behavior: contain) -> „Book now“ blieb unsichtbar (Thomas 25.9.). */
.eldar-sidebar .hideMe {visibility: visible;}
.eldar-sidebar .book-direct-button:focus-visible,
.eldar-sidebar .eldar-logo:focus-visible {outline: 2px solid var(--swatch-var-1824); outline-offset: 3px;}


/* = Toggle Visibility
-------------------------------------------------------------- */

.toggled-item{transition: height 350ms ease-in-out, padding 350ms ease-in-out, opacity 350ms ease-in-out;overflow: hidden;}
.toggled-item-hidden{padding-top:0!important;padding-bottom:0!important;border-top:0!important;border-bottom:0!important;outline:0!important;opacity: 0;}
.object-hidden{display:none;}


/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}
    .bloc-no-padding-sm{padding:0 20px;}
    .link-with-icon.text-sm-start,.link-with-icon.text-sm-left{justify-content: flex-start;}
    .link-with-icon.text-sm-center{justify-content: center;}
    .link-with-icon.text-sm-end,.link-with-icon.text-sm-right{justify-content: flex-end;}
}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
    .link-with-icon.text-md-start,.link-with-icon.text-md-left{justify-content: flex-start;}
    .link-with-icon.text-md-center{justify-content: center;}
    .link-with-icon.text-md-end,.link-with-icon.text-md-right{justify-content: flex-end;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:100px 20px;}
    .bloc-md-lg{padding:50px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
    .link-with-icon.text-lg-start,.link-with-icon.text-lg-left{justify-content: flex-start;}
    .link-with-icon.text-lg-center{justify-content: center;}
    .link-with-icon.text-lg-end,.link-with-icon.text-lg-right{justify-content: flex-end;}
}


/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0; 
        padding-right: 0;  
    }
}
@media (max-width: 991px)
{
    .container{width:100%;}
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .btn-dwn{
       display:none; 
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
	   background-size: 216px 425px;
	   padding-top:60px;
	   width:216px;
	   height:425px;
    }
    .blocsapp-device-iphone5 img{
	   width: 180px;
	   height: 320px;
    }
}


@media (max-width: 991px){
	.eldar-sidebar{
	}
	.eldar-nav-flex{
	}
	.eldar-logo{
		font-size:1.3em;
	}
	.eldar-category{
		margin-left:14px;
		color:var(--swatch-var-5505)!important;
	}
	.eldar-logo-div{
	}
	.eldar-image{
	}
	.eldar-mobile-logo{
	}
	h1{
		font-size:3.5em;
	}
	.eldar-logo-p{
		padding-top:10px;
	}
	h2{
		font-size:2.5em;
	}
	.large-p{
		font-size:1.2em;
	}
	.eldar-content{
	}
	.eldar-service-div-ubud{
		margin-bottom:28px;
	}
	.bloc-padding{
		padding-left:0px;
	}
	.eldar-emoji-icon{
		font-size:70px;
	}
	.eldar-table{
		max-width:500px;
	}
	.eldar-table-comment{
		font-size:15px;
	}
	.eldar-table-header{
		font-size:25px;
	}
	.eldar-training-column{
		margin-top:40px;
		margin-bottom:40px;
	}
	.eldar-news-card{
		padding:35px 35px 30px 35px;
	}
	.pricing-linke{
		font-size:1.4em;
	}
	h4{
		font-size:1.3em;
	}
	.small-p{
		font-size:0.85em;
	}
	.sidebar-project-div{
	}
	.eldar-news-card-title{
		font-size:1.4em;
	}
	h3{
		font-size:1.7em;
	}
	.mini-large-p{
		font-size:1.2em;
	}
	.global-radius{
	}
	.mini-event-border{
	}
	.mini-header-vertical{
		max-height:70vh;
	}
	.mini-header-vertical-scroll{
		margin-top:0px;
		height:100vh;
	}
	.mini-sample-logo{
	}
	.mini-footer-1-form{
		flex-direction:row;
		align-items:flex-start;
		justify-content:center;
	}
	.mini-footer-right{
		justify-content:center;
	}
	.mini-form-field{
		text-align:center;
	}
	.mini-small-link{
		margin-right:0px;
		margin-left:0px;
	}
	.global-radius-book{
	}
	.direct-booking-image{
		height:300px;
	}
	.direct-booking-image-seminyak{
		height:300px;
	}
	.header-landing{
	}
	.image-our-villas{
		height:50vh;
		background-size:length;
		background-position:center bottom;
	}
	.direct-image-book-airbnb{
		width:700px;
		height:450px;
	}
	.title-h2{
		margin-left:0px;
	}
	.h2-style{
		width:100%;
	}
	.header-direct-ubud{
		background-position:right center;
	}
	.header-direct-seminyak{
		background-position:right center;
	}
	.title-h2-regular-reasons{
		font-size:50px;
	}
	.review-image{
		height:300px;
		background-size:cover;
		background-position:left center;
	}
	.mini-pricing-3-navtabs{
		margin-bottom:28px;
		margin-top:14px;
	}
	.mini-pricing-3-card{
		padding:40px 40px 40px 40px;
	}
	.mini-review-box-border-half{
		width:48%;
	}
	.mini-review-card-scroll{
		min-width:300px;
	}
	.mini-review-box-half{
		padding-left:2%;
		padding-right:2%;
	}
	.mini-review-logo{
		max-width:128px;
	}
	.header-reviews{
		background-position:right center;
	}
	.header-the-villas{
		background-image:url("img/the%20villas.jpg");
	background-image: -webkit-image-set(url("img/the%20villas.webp") 1x,
url("img/the%20villas.webp") 2x);background-image: image-set(url("img/the%20villas.jpg") 1x,
url("img/the%20villas.jpg") 2x,url("img/the%20villas.webp") 1x,
url("img/the%20villas.webp") 2x);
	background-image: -webkit-image-set(url("img/the%20villas.webp") 1x,
url("img/the%20villas.webp") 2x);background-image: image-set(url("img/the%20villas.jpg") 1x,
url("img/the%20villas.jpg") 2x,url("img/the%20villas.webp") 1x,
url("img/the%20villas.webp") 2x);
	}
	.icons-container{
		display:flex;
		justify-content:space-around;
	}
	.row-landing{
		margin-left:20px;
		margin-right:02px;
	}
	.property-button-elfi-villas{
		font-size:17px;
	}
	.property-button-richard-villas{
		font-size:18px;
	}
	.property-button-richard-villas-opposite{
		font-size:18px;
	}
	.property-button-hati-villas{
		font-size:18px;
	}
	.property-button-hati-villas-opposite{
		font-size:18px;
	}
	.button-container{
		flex-direction:row;
	}
	.bg-color-elfi{
		background-color:var(--swatch-var-250);
	}
	.global-radius-villas{
	}
	.container-frame-the-villas{
	}
	.h2-bloc-4-40972-style{
		font-size:60px;
	}
	.title-h2-elegant{
		font-size:60px;
		line-height:70px;
	}
	.property-button-mint-villas{
		font-size:18px;
	}
	.property-button-mint-villas-opposite{
		font-size:18px;
	}
	.property-button-sunglow-villas{
		font-size:18px;
	}
	.property-button-sunglow-villas-opposite{
		font-size:18px;
	}
	.header-about-us{
		background-image:url("img/home.jpg");
	background-image: -webkit-image-set(url("img/home.webp") 1x,
url("img/home.webp") 2x);background-image: image-set(url("img/home.jpg") 1x,
url("img/home.jpg") 2x,url("img/home.webp") 1x,
url("img/home.webp") 2x);
	background-image: -webkit-image-set(url("img/home.webp") 1x,
url("img/home.webp") 2x);background-image: image-set(url("img/home.jpg") 1x,
url("img/home.jpg") 2x,url("img/home.webp") 1x,
url("img/home.webp") 2x);
	}
	.property-button-elfi{
	}
	.divider-style{
	}
	.p-bloc-92-style{
		font-size:17px;
		line-height:20px;
	}
	.p-1369-style{
		font-size:17px;
		line-height:20px;
	}
	.label-bedrooms-style{
		font-size:18px;
		line-height:19px;
	}
	.scooter-whatsapp{
		font-size:16px;
		line-height:22px;
		text-align:center;
	}
	.scooter-whatsapp-google-link{
		font-size:16px;
		line-height:22px;
		text-align:center;
	}
	.btn-59-style{
		width:100%;
		opacity:0.8;
		font-size:16px;
		line-height:25px;
	}
	.btn-bloc-79-style{
		width:100%;
		margin-top:15px;
		font-size:16px;
		line-height:25px;
	}
	.villas-column-amenity{
	}
	.mini-header-detail{
	}
	.btn-button-style-villa{
		width:30%;
		margin-right:10px;
	}
	.h3-style-villas-villa{
		font-size:25px;
	}
	.mini-carousel{
		padding-right:70px;
		padding-left:70px;
	}
	.mini-feature-scrolling-images{
		margin-left:-200px;
	}
	.mini-feature-img{
		width:35vw;
	}
	.blocs-card-width{
		width:50%;
	}
	.mini-left-arrow{
		left:43%;
	}
	.mini-half-screen-content{
		margin-top:50px;
		margin-bottom:50px;
		max-width:1000px;
	}
	.img-villa-mint-ub-style{
		width:722px;
		height:542px;
	}
	.lead{
	}
	.mini-new-logo{
		column-gap:7px;
	}
	.mini-logo{
		max-height:45px;
	}
	.mini-logo-txt{
		font-size:1.2em;
	}
	.mini-social-icon{
		width:20px!important;
		height:20px!important;
	}
	.button-explore-our-villas{
		width:50%;
	}
	.mini-new{
		font-size:0.9em;
		border-top-width:0px;
		border-bottom-width:0px;
	}
	.mini-btn-div{
	}
	.mini-event-person{
	}
	.button-enquiry{
		width:100%;
		font-size:50px;
	}
	.mini-team-overlay-details-light{
		padding-top:240px;
	}
	.property-button-richard{
	}
	.property-button-hati{
	}
	.property-button-mint{
	}
	.property-button-sunglow{
	}
	.mini-team-desc{
	}
	.mini-social-icon-ubud{
		width:20px!important;
		height:20px!important;
	}
	.mini-social-icon-seminyak{
		width:20px!important;
		height:20px!important;
	}
	.mini-review-box{
		padding-left:5%;
		padding-right:5%;
	}
	.button-reviews-hati{
		width:100%;
		margin-top:15px;
	}
	.button-reviews-richard{
		width:100%;
		margin-top:15px;
	}
	.container-frame-the-villas-reviews{
	}
	.button-reviews-elfi{
		width:100%;
		margin-top:15px;
	}
	.button-reviews-mint{
		width:100%;
		margin-top:15px;
	}
	.button-reviews-sunglow{
		width:100%;
		margin-top:15px;
	}
	.title-h1-regular-smaller{
		font-size:80px;
	}
	.h1-style{
		font-size:100px;
		line-height:110px;
	}
	.img-icon-airbnb-style{
		margin-right:20px;
	}
	.mini-testimonial-card-img{
		margin-right:15px;
	}
	.mini-header-details-col{
		display:inline-flex;
	}
	.eldar-project-link-book-direct{
		margin-left:2px;
	}
	.mini-btn-users{
		flex-direction:column;
	}
	.title-h2-the-villas-header-villas{
		font-size:40px;
	}
	.img-placeholder-us-style{
		width:40px;
		height:40px;
	}
	.mini-testimonial-div-3{
		justify-content:center;
	}
	.p-style{
		font-size:20px;
		line-height:30px;
	}
	.btn-with{
		width:50%;
	}
	.mini-new-ubud{
		font-size:0.9em;
		border-top-width:0px;
		border-bottom-width:0px;
	}
	.img-style{
	}
	.image-flex{
		justify-content:center;
		align-items:flex-end;
	}
	.h2-guest-favorite-style{
		font-size:2.5em;
	}
	
}

@media (max-width: 767px){
	.eldar-logo{
	}
	.offcanvas-start{
	}
	.eldar-sidebar{
	}
	.large-p{
		font-size:1.1em;
	}
	p{
		font-size:17px;
	}
	.eldar-logo-p{
	}
	h2{
		font-size:2.2em;
	}
	.eldar-news-card{
		margin-top:28px;
		margin-bottom:28px;
		padding:30px 30px 25px 30px;
	}
	.eldar-service-div-ubud{
	}
	.eldar-emoji-icon{
		font-size:60px;
	}
	.bold{
	}
	.h4-margin-top{
		margin-top:40px;
	}
	.eldar-table{
		max-width:100%;
	}
	.eldar-table-comment{
		font-size:13px;
	}
	.eldar-table-header{
		font-size:18px;
	}
	h1{
		font-size:3em;
	}
	.eldar-training-column{
		margin-bottom:30px;
		margin-top:30px;
	}
	.pricing-linke{
		flex-direction:column;
		align-items:flex-start;
		font-size:1.3em;
	}
	.service-pricie{
		margin-left:0px;
		margin-top:5px;
		margin-bottom:5px;
	}
	h4{
		font-size:1.2em;
	}
	.sidebar-course-module{
		padding:20px 20px 20px 20px;
	}
	h5{
		font-size:1.1em;
	}
	.template-price{
		font-size:0.9em;
	}
	.card-footer{
		padding:14px 14px 14px 14px;
	}
	.eldar-image{
		max-width:100px;
	}
	.sidebar-project-div{
		height:400px;
	}
	.home-div{
		padding-left:20px;
		padding-right:20px;
	}
	.faq-question-title{
		font-size:1.1em;
	}
	.eldar-news-card-title{
		font-size:1.3em;
	}
	h3{
		font-size:1.6em;
	}
	.mini-event-border{
		padding-right:8px;
	}
	.mini-full-width{
	}
	.mini-header-vertical{
		max-height:60vh;
	}
	.mini-header-vertical-scroll{
		height:50vh;
	}
	.mini-footer-1-form{
		align-items:flex-start;
	}
	.mini-form-field{
	}
	.mini-footer-7-links-small{
		flex-direction:column;
		align-items:center;
	}
	.mini-small-link{
		margin-right:0px;
	}
	.scooter-contact{
		font-size:13px;
	}
	.scooter-whatsapp{
		font-size:17px;
		line-height:22px;
	}
	.image-scooter{
		width:255px;
		height:255px;
	}
	.scooter-title{
		font-size:0.9em;
	}
	.liong-logo{
		width:200px;
	}
	.scooter-text{
		font-size:15px;
	}
	.direct-booking-image{
		height:250px;
	}
	.direct-booking-image-seminyak{
		height:250px;
	}
	.image-our-villas{
		height:40vh;
		background-position:center bottom;
	}
	.direct-image-book-airbnb{
		width:500px;
		height:350px;
	}
	.title-h2{
		margin-left:0px;
	}
	.h1-style{
		line-height:1em;
		font-size:5em;
		width:93.05%;
	}
	.review-image{
		height:250px;
	}
	.mini-pricing-3-navtabs{
		margin-top:14px;
		margin-bottom:28px;
	}
	.mini-pricing-3-card{
		padding:28px 28px 28px 28px;
	}
	.nav-tabs .nav-link{
		margin-left:0px;
	}
	.mini-review-box-border-half{
	}
	.mini-review-card-scroll{
		min-width:280px;
	}
	.mini-review-box-half{
		width:100%;
	}
	.mini-review-logo{
		max-width:120px;
	}
	.header-the-villas{
		background-position:right center;
	}
	.the-villas-h1{
		font-size:45px;
		line-height:55px;
	}
	.mini-video-thumb{
	}
	.mini-video-play-button{
		width:80px;
		height:80px;
	}
	.svg-icon-style{
		width:28px;
	}
	.icons-container{
		justify-content:space-around;
	}
	.title-h2-smaller{
		font-size:50px;
	}
	.row-landing{
		margin-left:0px;
		margin-right:0px;
	}
	.title-h2-elegant{
		font-size:50px;
		line-height:60px;
	}
	.header-landing{
	}
	.property-button-elfi-villas{
		font-size:16px;
	}
	.mini-form-25{
		max-width:100%;
	}
	.mini-form-step-div{
	}
	.mini-radio-section{
		width:100%;
	}
	.label-bedrooms-style{
		font-size:18px;
		line-height:19px;
	}
	.scooter-whatsapp-google-link{
		font-size:17px;
		line-height:22px;
	}
	.btn-button-style-villa{
		margin-right:15px;
	}
	.mini-carousel{
		padding-left:60px;
		padding-right:60px;
	}
	.mini-feature-img{
		width:45vw;
	}
	.blocs-card-width{
		width:50%;
	}
	.mini-left-arrow{
		left:41%;
	}
	.mini-half-screen-content{
		margin-top:80px;
		margin-bottom:80px;
	}
	.mini-small-p{
	}
	.img-villa-mint-ub-style{
		height:398px;
	}
	.lead{
		font-size:1.1em;
	}
	.mini-new-logo{
		column-gap:5px;
	}
	.mini-logo{
		max-height:40px;
	}
	.mini-logo-txt{
		font-size:1.15em;
	}
	.button-explore-our-villas{
		width:50%;
	}
	.mini-btn-div{
	}
	.mini-event-person{
	}
	.button-enquiry{
		width:100%;
		font-size:50px;
	}
	.mini-team-overlay-details-light{
		height:300px;
		margin-top:-300px;
		padding-top:240px;
		padding-left:14px;
		padding-right:14px;
	}
	.mini-team-overlay-details-light:hover{
		padding-top:70px;
	}
	.mini-big-wide-map{
		height:328px;
	}
	.mini-review-box{
		padding-left:0%;
		padding-right:0%;
	}
	.button-reviews-hati{
		width:100%;
		margin-top:15px;
	}
	.button-reviews-richard{
		width:100%;
		margin-top:15px;
	}
	.container-frame-the-villas{
	}
	.button-reviews-elfi{
		width:100%;
		margin-top:15px;
	}
	.button-reviews-mint{
		width:100%;
		margin-top:15px;
	}
	.button-reviews-sunglow{
		width:100%;
		margin-top:15px;
	}
	.mini-testimonial-card-img{
		margin-right:15px;
	}
	.img-icon-airbnb-style{
		opacity:1.0;
		margin-right:20px;
	}
	.mini-btn-users{
		flex-direction:column;
	}
	.title-h2-the-villas-header-villas{
		font-size:35px;
	}
	.mini-play-icon{
		width:28px;
	}
	.img-placeholder-us-style{
		width:40px;
		height:40px;
	}
	.mini-testimonial-div-3{
		justify-content:center;
	}
	.h4-style{
		font-size:2em;
	}
	.paragraph-regular{
	}
	.p-style{
		font-size:20px;
		line-height:30px;
	}
	.img-bloc-25-style{
		width:200px;
	}
	.paragraph-regular-copy-1{
	}
	.btn-with{
		width:50%;
	}
	.mini-new{
		border-top-width:0px;
		border-bottom-width:0px;
	}
	.mini-new-ubud{
		border-top-width:0px;
		border-bottom-width:0px;
	}
	.image-flex{
		align-items:flex-end;
	}
	.h2-guest-favorite-style{
		font-size:2.2em;
	}
	
}

@media (max-width: 575px){
	.eldar-logo{
	}
	.eldar-mobile-logo{
	}
	.large-p{
	}
	p{
		font-size:16px;
	}
	h1{
		font-size:2.5em;
	}
	.eldar-sidebar{
	}
	h2{
		font-size:2em;
	}
	.eldar-news-card{
		padding:20px 20px 17px 20px;
	}
	.eldar-service-div-ubud{
		padding:20px 20px 20px 20px;
	}
	.h4-margin-top{
		margin-top:40px;
	}
	.eldar-color-check{
	}
	.eldar-table{
	}
	.eldar-table-comment{
		font-size:13px;
	}
	.eldar-table-header{
		font-size:18px;
	}
	.eldar-training-column{
		margin-top:28px;
		margin-bottom:28px;
	}
	.pricing-linke{
		flex-direction:column;
		align-items:flex-start;
		font-size:1.2em;
	}
	.service-pricie{
		margin-left:0px;
	}
	.eldar-mobile-menu{
	}
	.sidebar-course-module{
		padding:14px 14px 14px 14px;
	}
	h5{
		font-size:1em;
	}
	.template-price{
	}
	.bold{
	}
	.sidebar-project-div{
		height:200px;
	}
	.home-div{
		padding-left:20px;
		padding-right:20px;
	}
	.faq-10-box{
		padding:18px 14px 10px 14px;
	}
	.faq-question-title{
		max-width:90%;
	}
	.sidebar-library-category{
		padding:14px 14px 10px 14px;
	}
	.sidebar-library-img{
	}
	.eldar-news-card-title{
		font-size:1.2em;
	}
	.template-details-div{
		padding:14px 14px 14px 14px;
	}
	h3{
		font-size:1.5em;
	}
	.sidebar-contact-form{
		padding:15px 15px 15px 15px;
	}
	.eldar-image{
		max-width:120px;
		margin-left:5px;
	}
	.mini-large-p{
		font-size:1.1em;
	}
	.global-radius{
	}
	.mini-event-type{
		margin-left:auto;
		display:inline-block;
	}
	.mini-header-vertical{
		max-height:50vh;
	}
	.mini-sample-logo{
	}
	.mini-footer-1-form{
		align-items:stretch;
		flex-direction:column;
	}
	.mini-form-field{
		min-width:100%;
	}
	.mini-small-link{
	}
	.eldar-category{
	}
	.offcanvas{
	}
	.eldar-project-category{
		line-height:12px;
		font-family:"RalewayThin-Medium";
		font-size:12px;
		color:var(--swatch-var-1824)!important;
		margin-left:10px;
	}
	.offcanvas-start{
	}
	.paragraph-subtitle{
		font-size:30px;
		margin-left:0px;
		line-height:40px;
	}
	.title-h1{
		font-size:70px;
		margin-left:0px;
		line-height:75px;
	}
	.title-h2{
		font-size:30px;
		margin-left:0px;
		line-height:40px;
	}
	.header-scooter-rental-ubud{
	}
	.img-bloc-33-36051-style{
		width:280px;
		height:280px;
	}
	.img-77-style{
		width:280px;
		height:280px;
	}
	.img-78-style{
		width:280px;
		height:280px;
	}
	.scooter-whatsapp{
		font-size:16px;
		text-align:center;
		line-height:25px;
		padding-top:5px;
		padding-bottom:5px;
		width:100%;
	}
	.scooter-contact{
		font-size:14px;
	}
	.header-scooter-rental-ubud-mobile{
		background-size:cover;
	}
	.row-landing{
		margin-left:0px;
		margin-right:0px;
	}
	.liong-logo{
		width:150px;
	}
	.stretched-link{
	}
	.book-direct-button{
		margin-left:5px;
	}
	.frame{
	}
	.global-radius-book{
		border-color:var(--swatch-var-6405)!important;
	}
	.color-airbnb{
	}
	.image-our-villas{
		background-size:cover;
		background-position:center bottom;
		width:100%;
		height:200px;
	}
	.direct-image-book-airbnb{
		height:200px;
		width:350px;
	}
	.h1-style{
		font-size:50px;
		line-height:60px;
	}
	.header-direct-ubud{
		background-position:center center;
	}
	.header-direct-seminyak{
		background-position:right center;
	}
	.title-h2-regular-reasons{
		font-size:40px;
		line-height:1em;
	}
	.mini-pricing-3-navtabs{
		margin-right:auto;
	}
	.mini-pricing-3-card{
	}
	.mini-testimonial-div-4{
		justify-content:flex-start;
	}
	.mini-review-box-border-half{
		width:100%;
	}
	.mini-review-card-scroll{
	}
	.mini-review-box-half{
	}
	.mini-testimonial-div-3{
		justify-content:center;
		text-transform:none;
		text-align:left;
	}
	.mini-review-border{
		border-left-width:0px;
	}
	.mini-review-logo{
		max-width:110px;
	}
	.vertical-list{
		flex-direction:column;
		width:100%;
		justify-content:center;
		align-items:center;
	}
	.mini-testimonial-card-img{
		margin-right:15px;
	}
	.h1-reviews-style{
		font-size:4.5em;
		line-height:80px;
	}
	.h2-18-style{
		font-size:1.8em;
	}
	.mini-feature-card-hati{
		width:100%;
	}
	.mini-feature-card-richard{
		width:100%;
	}
	.mini-feature-card-elfi{
		width:100%;
	}
	.mini-feature-card-sunglow{
		width:100%;
	}
	.mini-feature-card-sunglow-mint{
		width:100%;
	}
	.header-reviews{
		background-position:right center;
	}
	.header-the-villas{
		background-position:center center;
	}
	.the-villas-h1{
		font-size:35px;
		line-height:45px;
	}
	.the-villas-h2{
		font-size:50px;
	}
	.mini-video-thumb{
	}
	.title-h3{
	}
	.h2-style{
	}
	.title-h2-regular{
	}
	.title-h2-smaller{
		font-size:50px;
	}
	.title-h3-villas{
	}
	.button-container{
		flex-direction:column;
		width:100%;
		justify-content:space-between;
	}
	.property-button-elfi-villas{
		width:80%;
	}
	.icon-villas{
		width:30px;
	}
	.logo-container-flex{
		flex-direction:column;
		align-items:flex-start;
		width:30%;
	}
	.icons-container{
		flex-direction:row-reverse;
	}
	.eldar-nav-flex{
		overflow:scroll;
		justify-content:space-around;
	}
	.p-bloc-45-style{
		font-size:14px;
	}
	.p-499-style{
		line-height:14px;
	}
	.p-498-style{
		font-size:14px;
	}
	.property-button-richard-villas{
		width:80%;
	}
	.property-button-richard-villas-opposite{
		width:80%;
	}
	.property-button-hati-villas{
		width:80%;
	}
	.property-button-hati-villas-opposite{
		width:80%;
	}
	.global-radius-villas{
	}
	.container-frame-the-villas{
		padding:10px 0px 10px 0px;
		margin:0px 0px 0px 0px;
	}
	.p-bloc-46-style{
		line-height:29px;
	}
	.property-button-mint-villas{
		width:80%;
	}
	.property-button-mint-villas-opposite{
		width:80%;
	}
	.property-button-sunglow-villas{
		width:80%;
	}
	.property-button-sunglow-villas-opposite{
		width:80%;
	}
	.color-hati{
	}
	.header-landing{
	}
	.property-button-elfi{
	}
	.mini-form-25{
	}
	.mini-form-step-div{
		padding:14px 14px 14px 14px;
	}
	.divider-style{
		width:100%;
	}
	.mini-radio-section{
		row-gap:5px;
	}
	.mini-form-radio{
	}
	.mini-form-26-modal{
		padding:14px 14px 14px 14px;
	}
	.mini-form-half-width{
	}
	.label-style{
		font-size:18px;
	}
	.label-bedrooms-style{
		font-size:18px;
		line-height:20px;
	}
	.scooter-whatsapp-google-link{
		font-size:16px;
		text-align:center;
		line-height:25px;
		padding-top:5px;
		padding-bottom:5px;
		width:100%;
	}
	.h3-scooter-rental-style{
		line-height:55px;
	}
	.menu-icon-hero-9-stroke{
		stroke:var(--swatch-var-5803)!important;
		fill:var(--swatch-var-5803)!important;
	}
	.mini-tag-name-hati{
	}
	.mini-header-detail{
	}
	.btn-button-style-villa{
		margin-bottom:15px;
		margin-right:0px;
	}
	.h3-style-villas-villa{
		font-size:20px;
	}
	.mini-carousel{
		padding-left:0px;
		padding-right:0px;
	}
	.mini-feature-scrolling-images{
		margin-left:-100px;
	}
	.mini-feature-img{
		width:55vw;
	}
	.blocs-card-width{
		width:100%;
	}
	.mini-left-arrow{
		left:33%;
	}
	.img-bloc-5-style{
		width:150px;
	}
	.mini-half-screen-content{
		margin-top:60px;
		margin-bottom:60px;
	}
	.mini-cta-mail-field{
		margin-bottom:14px;
	}
	.title-h3-villas-properties{
	}
	.img-villa-mint-ub-style{
		height:206px;
	}
	.mini-tag-name-richard{
	}
	.mini-tag-name-elfi{
	}
	.img-rumah-elfi-style{
	}
	.mini-small-p{
	}
	.mini-tag-name-mint{
	}
	.mini-flex{
		justify-content:center;
	}
	.lead{
	}
	.mini-new-logo{
	}
	.mini-logo{
	}
	.mini-logo-txt{
		font-size:1.1em;
	}
	.mini-social-icon{
	}
	.title-h1-regular-smaller{
		font-size:60px;
	}
	.mini-tag-name-mint-dua{
	}
	.button-explore-our-villas{
		width:100%;
	}
	.mini-small-subtitle{
		padding:0.3em 0.3em 0.3em 0.3em;
	}
	.mini-new{
		border-width:0px 1px 0px 1px;
	}
	.mini-btn-div{
	}
	.mini-center{
		flex-direction:column;
		row-gap:20px;
	}
	.mini-event-person{
	}
	.button-enquiry{
		width:100%;
		font-size:40px;
	}
	.title-h1-header-villas{
		font-size:70px;
		margin-left:0px;
		line-height:75px;
	}
	.mini-faq-10-box{
		padding:18px 14px 10px 14px;
	}
	.mini-team-overlay-details-light{
	}
	.property-button-richard{
	}
	.property-button-hati{
	}
	.property-button-mint{
	}
	.property-button-sunglow{
	}
	.mini-team-desc{
	}
	.mini-social-icon-ubud{
	}
	.mini-social-icon-seminyak{
	}
	.footer-link{
		color:var(--swatch-var-6197)!important;
	}
	.mini-testimonial-div-2{
		justify-content:center;
	}
	.mini-testimonial-card-review-img{
	}
	.button-reviews-hati{
		width:100%;
		margin-top:15px;
	}
	.title-h1-video{
		font-size:60px;
	}
	.button-reviews-richard{
		width:100%;
		margin-top:15px;
	}
	.container-frame-the-villas-reviews{
		padding:10px 10px 10px 10px;
	}
	.button-reviews-elfi{
		width:100%;
		margin-top:15px;
	}
	.button-reviews-mint{
		width:100%;
		margin-top:15px;
	}
	.button-reviews-sunglow{
		width:100%;
		margin-top:15px;
	}
	.eldar-logo-div{
		margin-left:2px;
	}
	.mini-btn-users{
		flex-direction:column;
		align-items:center;
	}
	.title-h2-the-villas-header-villas{
		font-size:40px;
	}
	.divider-sidebar-style{
		width:70%;
	}
	.img-placeholder-us-style{
		width:40px;
		height:40px;
	}
	.title-h3-popup{
	}
	.img-bloc-25-style{
		width:150px;
	}
	.stretched-link-promotion{
	}
	.btn-with{
		width:100%;
	}
	.mini-new-ubud{
		border-width:0px 1px 0px 1px;
	}
	.stretched-link-promotion-ubud{
	}
	.img-style{
		width:150px;
	}
	.img-style-golden{
		width:200px;
	}
	.image-flex{
		flex-wrap:wrap;
	}
	.h2-guest-favorite-style{
		font-size:1.8em;
	}
	.h3-bloc-145-style{
		text-align:center;
	}
	
}


/* ===== Contact-Seite: Kontaktbereich Ubud / Seminyak (26.09.2026, Thomas: Variante A) =====
   Zwei Karten (im Stil der Villen-Karten im Menue), das Formular erscheint erst nach Wahl eines Ortes und gilt nur fuer ihn.
   Ubud -> Hub (/api/contact), Seminyak -> Mail an admin@bali.place. Logik: js/contact-form.js */
.contact-banner{font-size:36px!important;line-height:1.25em!important}
#contact-areas{--cx-red:var(--swatch-var-1824);--cx-ink:var(--swatch-var-6197);--cx-grey:#797979;--cx-line:#e2ddd2;--cx-soft:rgba(218,65,65,.07)}
#contact-areas .container{max-width:1040px;padding-top:56px}
@media (max-width:767.98px){#contact-areas .container{padding-top:32px}}
/* grüner Balken: gleicher Abstand oben (zum Kopfbild) und unten (zum Text), Thomas 26.9.: „abstände seltsam“ (vorher 100 / 144 px) */
#bloc-4-18302-5891 .container{padding-top:56px!important;padding-bottom:0!important}
@media (max-width:767.98px){#bloc-4-18302-5891 .container{padding-top:32px!important}}
.cx-intro{max-width:640px;margin:0 0 26px;font-family:"RalewayThin-Light";font-size:16px;line-height:1.6;color:var(--cx-ink)}
.cx-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cx-card{background:#fff;border:1px solid var(--cx-line);border-radius:12px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s ease,box-shadow .2s ease}
.cx-card.is-on{border-color:var(--cx-red);box-shadow:inset 0 0 0 1px var(--cx-red)}
.cx-eyebrow{margin:0 0 4px;font-family:"RalewayThin-Medium";font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cx-red)}
.cx-title{margin:0;font-family:"CormorantGaramondLight-Regular";font-size:28px;line-height:1.1;color:var(--cx-ink)}
.cx-villas{margin:-6px 0 0;font-family:"RalewayThin-Regular";font-size:13.5px;color:var(--cx-grey)}
.cx-rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cx-rows a{display:flex;align-items:center;gap:10px;color:var(--cx-ink)!important;font-family:"RalewayThin-Regular";font-size:14.5px;text-decoration:none}
.cx-rows a:hover small,.cx-rows a:focus-visible small{color:var(--cx-red)}
.cx-rows small{display:block;font-size:12.5px;color:var(--cx-grey)}
.cx-ico{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--cx-line);background:#fff center/15px 15px no-repeat}
.cx-ico-wa{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232f8f5b'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2.1 1-2.4c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .6l-.4.6-.4.5c-.2.2-.3.4-.1.7.2.3.8 1.4 1.8 2.2 1.2 1.1 2.2 1.4 2.5 1.6.3.1.5.1.7-.1l.9-1.1c.2-.3.4-.2.7-.1l2 1c.3.1.5.2.6.3.1.2.1.8-.2 1.5z'/%3E%3C/svg%3E")}
.cx-ico-mail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23da4141' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
.cx-btn{appearance:none;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--cx-red);border-radius:7px;background:var(--cx-red);color:var(--swatch-var-6405);padding:8px 16px;font-family:"RalewayThin-Medium";font-weight:bold;font-size:15px;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out}
.cx-btn:hover{background:var(--swatch-var-6405);color:var(--cx-red)}
.cx-btn-ghost{background:#fff;color:var(--cx-red)}
.cx-btn-ghost:hover{background:var(--cx-red);color:var(--swatch-var-6405)}
.cx-btn:focus-visible,.cx-link:focus-visible{outline:2px solid var(--cx-red);outline-offset:3px}
.cx-btn[disabled]{opacity:.6;cursor:wait}
.cx-form,.cx-done{margin-top:24px;background:#fff;border:1px solid var(--cx-line);border-radius:12px;padding:24px}
.cx-formhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.cx-formhead h4{margin:0;font-family:"CormorantGaramondLight-Regular";font-size:26px;line-height:1.1;color:var(--cx-ink)}
.cx-formhead em{font-style:normal;color:var(--cx-red)}
.cx-link{appearance:none;border:0;background:none;padding:0;color:var(--cx-grey);font-family:"RalewayThin-Regular";font-size:13px;text-decoration:underline;cursor:pointer}
.cx-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cx-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.cx-full{grid-column:1/-1}
.cx-field>label,.cx-legend{font-family:"RalewayThin-Medium";font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cx-grey);margin:0}
.cx-opt{text-transform:none;letter-spacing:0;font-family:"RalewayThin-Regular"}
.cx-field input,.cx-field textarea{width:100%;box-sizing:border-box;height:44px;border:1px solid var(--cx-line);border-radius:8px;background:#fff;padding:0 12px;font-family:"RalewayThin-Regular";font-size:15px;color:var(--cx-ink);appearance:none}
.cx-field textarea{height:auto;min-height:110px;padding:11px 12px;resize:vertical;line-height:1.5}
.cx-field input:focus,.cx-field textarea:focus{outline:none;border-color:var(--cx-red);box-shadow:0 0 0 3px var(--cx-soft)}
.cx-field input[aria-invalid="true"]{border-color:var(--cx-red)}
.cx-pills{display:flex;flex-wrap:wrap;gap:8px}
.cx-pill{position:relative;margin:0;cursor:pointer;text-transform:none;letter-spacing:0}
.cx-pill input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.cx-pill span{display:inline-block;padding:8px 13px;border:1px solid var(--cx-line);border-radius:999px;background:#fff;font-family:"RalewayThin-Regular";font-size:14px;color:var(--cx-ink);transition:border-color .15s ease,color .15s ease,background-color .15s ease}
.cx-pill input:checked+span{border-color:var(--cx-red);color:var(--cx-red);background:var(--cx-soft)}
.cx-pill input:focus-visible+span{outline:2px solid var(--cx-red);outline-offset:2px}
/* Sprachauswahl Kontaktformular (Mehrsprachigkeit Stufe 2, 29.09.2026): Auswahlfeld im Stil der Textfelder, Pfeil rechts */
.cx-field select{width:100%;box-sizing:border-box;height:44px;border:1px solid var(--cx-line);border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23555' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center;padding:0 36px 0 12px;font-family:"RalewayThin-Regular";font-size:15px;color:var(--cx-ink);-webkit-appearance:none;appearance:none}
.cx-field select:focus{outline:none;border-color:var(--cx-red);box-shadow:0 0 0 3px var(--cx-soft)}
.cx-field select[aria-invalid="true"]{border-color:var(--cx-red)}
.cx-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cx-error{margin:14px 0 0;color:var(--cx-red);font-family:"RalewayThin-Regular";font-size:14px}
.cx-submit{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.cx-submit small{color:var(--cx-grey);font-family:"RalewayThin-Regular";font-size:12.5px}
.cx-done{text-align:center}
.cx-done b{display:block;margin-bottom:6px;font-family:"CormorantGaramondLight-Regular";font-weight:normal;font-size:28px;color:var(--cx-ink)}
.cx-done span{font-family:"RalewayThin-Regular";color:var(--cx-grey)}
@media (max-width:767.98px){
	.contact-banner{font-size:26px!important}
	.cx-cards{grid-template-columns:1fr}
	.cx-form,.cx-done{padding:18px}
	.cx-grid{gap:12px 10px}
	.cx-title{font-size:26px}
}
@media (prefers-reduced-motion:reduce){.cx-card,.cx-btn,.cx-pill span{transition:none}}

/* Villenseiten-Kopf (#bloc-98 .villa-intro, 26.09.2026): Name + Eckdaten einzeilig (js/villa-header.js), Knöpfe einzeilig,
   Ubud nur noch Location + Gallery (am Handy nebeneinander), 992–1099 px Amenities unter dem Text, ab 1100 px Text/Amenities halb/halb,
   Amenities unten bündig. */
.villa-intro .button-container .btn{white-space:nowrap}
.villa-intro .mini-header-details-col{gap:5px}
.villa-intro .mini-header-details-col>p{margin:0!important}
.villa-intro .vh-fit h1,.villa-intro h1.vh-fit{white-space:nowrap}
.villa-intro h2.vh-break .vh-sep{display:none}
.villa-intro h2.vh-break .vh-guests{display:block;margin-top:.3em} /* h2 hat line-height 1em - ohne Abstand klebte die 2. Zeile an der 1. (Thomas 27.9.) */
@media (min-width:992px) and (max-width:1099.98px){
	.villa-intro .row>[class*="col-lg-"]{flex:0 0 100%;width:100%;max-width:100%;margin-left:0!important}
	.villa-intro .row>.mini-header-details-col{margin-top:3rem!important;padding-left:calc(var(--bs-gutter-x)*.5)!important}
}
@media (min-width:1100px){
	.villa-intro .row>[class*="col-lg-"]{flex:0 0 50%;width:50%;max-width:50%;margin-left:0!important}
	.villa-intro .row>.mini-header-details-col{padding-left:2.5rem!important}
}
@media (max-width:575.98px){
	.villa-intro .button-container.vh-two{flex-direction:row;gap:16px}
	.villa-intro .button-container.vh-two .btn{flex:1 1 0;margin:0!important}
}

/* The Ubud Team (#bloc-196, 26.09.2026, Thomas): keine Untertitel mehr (Owner / Villen), die vier Personen in zarten Rahmen
   (1 px Stein #E2DED5 = --swatch-var-2003, Radius 12 px; Thomas: Variante B), alle Karten einer Reihe gleich hoch. */
.team-cards .row>div{display:flex}
.team-cards .team-card{flex:1;padding:16px 16px 6px;border:1px solid var(--swatch-var-2003);border-radius:12px}
.team-cards .team-card picture img{margin-top:0!important}
.team-cards .team-card h4{margin-bottom:12px!important}
/* 992–1199 px: vier Spalten wären nur ~170 px breit (Text 20+ Zeilen) → zwei nebeneinander wie am Tablet. */
@media (min-width:992px) and (max-width:1199.98px){.team-cards .row>.col-lg-3{flex:0 0 50%;width:50%;max-width:50%}}

/* Startseite: Villen-Karten in zarten Rahmen in Villenfarbe (27.09.2026, Thomas: „wie auch in booking“ = book.bali.place „CI zart“:
   1 px Villenfarbe mit 40 % Deckkraft, Radius 12 px). Karten einer Reihe gleich hoch, Knöpfe unten auf einer Linie. */
.villa-cards .row>div{display:flex}
.villa-cards .villa-card{flex:1;display:flex;flex-direction:column;padding:16px 16px 22px;border:1px solid color-mix(in srgb,var(--villa) 40%,transparent);border-radius:12px}
.villa-cards .villa-card>.mini-btn-div{margin-top:auto!important;padding-top:10px}
/* 992–1199 px: drei Karten wären nur ~230 px breit (Namen zweizeilig, „6 guests“ zerrissen) → zwei nebeneinander wie am Tablet. */
@media (min-width:992px) and (max-width:1199.98px){.villa-cards .row>.col-lg-4{flex:0 0 50%;width:50%;max-width:50%}}
/* 576–767 px: zwei Karten wären nur ~256 px breit → eine pro Reihe wie am Handy. */
@media (min-width:576px) and (max-width:767.98px){.villa-cards .row>.col-lg-4{flex:0 0 100%;width:100%;max-width:100%}}

/* Fehlerprüfung 27.09.2026 (Thomas' Antworten im Prüfformular: a2–a11, b1–b3). */
/* a4/a6 „The Villas“: 992–1199 px Bild über dem Text (Textspalte war zu schmal: Knöpfe + Ausstattung 2-zeilig); zarte Rahmen wie Startseite. */
.container-frame-the-villas{border-color:color-mix(in srgb,currentColor 40%,transparent)!important;border-radius:12px!important}
.container-frame-the-villas .btn,.container-frame-the-villas .logo-container-flex p{white-space:nowrap}
@media (min-width:992px) and (max-width:1199.98px){
	.container-frame-the-villas>[class*="col-lg-6"]{flex:0 0 100%;width:100%;max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5)!important}
	.container-frame-the-villas>[class*="col-lg-6"]+[class*="col-lg-6"]{margin-top:1.5rem}
}
/* a7 Book-direct: Plattform-Karten 992–1199 px zu zweit (drei wären ~215 px: Namen 2-zeilig). */
@media (min-width:992px) and (max-width:1199.98px){.book-platform .row>.col-lg-4{flex:0 0 50%;width:50%;max-width:50%;margin-bottom:2.5rem!important}}
/* b2 Einheitliche Überschriften-Schrift (FAQs, Rechtsseiten, Promotions-Titel). */
.serif-title{font-family:"CormorantGaramondLight-Light",serif!important;font-weight:normal!important;letter-spacing:normal}
h1.serif-title{font-size:48px;line-height:1.1}
h2.serif-title{font-size:44px;line-height:1.1}
/* b3 About us: Knöpfe im Stil der übrigen Knöpfe statt grauer Balken über die ganze Breite. */
.button-explore-our-villas{display:table!important;width:auto!important;margin-left:auto!important;margin-right:auto!important;padding:8px 28px!important;border-radius:7px!important;font-family:"RalewayThin-ExtraLight"!important;font-weight:bold!important}
@media (max-width:575.98px){
	/* b1 Zier-Überschriften am Handy (waren 50–60 px auf ~280 px Breite: bis zu 10 Zeilen). */
	h3.title-h1-regular-smaller{font-size:38px!important;line-height:1.15!important}
	.title-h2-regular{font-size:34px!important;line-height:1.2!important}
	.title-h2-elegant{font-size:36px!important;line-height:1.15!important}
	.title-h2-smaller{font-size:32px!important;line-height:1.25!important}
	h1.serif-title{font-size:38px}
	/* a5 „Rumah Richard in Ubud“ höchstens 2-zeilig */
	.title-h2-the-villas-header-villas{font-size:30px!important;line-height:1.2!important}
}
@media (max-width:359.98px){
	/* a10 Startseite: „Rumah Richard“ einzeilig; a11 Balken-Beschriftung passt in die Spalte */
	.villa-cards .villa-card h4{font-size:2.25em!important}
	.villas-column-amenity .mini-subtitle{font-size:.8em}
}
@media (max-width:359.98px){.button-book-direct{font-size:15px!important;padding-left:12px!important;padding-right:12px!important}}

/* Knopf-Abstände The Villas + Villenseiten am Handy (29.09.2026, Thomas: „wir haben auf the villas und den villenseiten überall verschiedene abstände
   zwischen den buttons“ → Vorschlag „perfekt“): Text → Knöpfe 32 px, zwischen den Knöpfen 12 px, darunter wie bisher 48 px. Mint-Seiten: „Book now“ volle Breite,
   darunter Location | Photos nebeneinander (wie Ubud). Entwurf notes/entwuerfe-2026-09-29/1-knopf-abstaende.png */
@media (max-width:767.98px){
	.villas-card-buttons,.villa-intro .button-container{margin-top:32px!important}
	p:has(+ .villas-card-buttons),.villa-intro p:has(+ .button-container){margin-bottom:0!important}
}
@media (max-width:575.98px){
	.button-container.villas-card-buttons{gap:12px}
	.villa-intro .button-container{flex-direction:row!important;flex-wrap:wrap;gap:12px}
	.villa-intro .button-container .btn{flex:1 1 0;margin:0!important}
	.villa-intro .button-container:not(.vh-two) .btn:first-child{flex-basis:100%}
}

/* Ubud-Villenseiten am Handy (29.09.2026, Thomas: „1 bitte für ubud. seminyak lassen wir bitte, wie es vor unseren ganzen tests heute war. aber, wir behalten die
   kräftige villenfarbe und ändern das eingabefeld dahingehend“): der Ausstattungsbalken entfällt (die Ausstattung steht direkt darunter), das Verfügbarkeitsfeld steht
   auf kräftiger Villenfarbe (css/availability.css). Seminyak unverändert wie vor dem 29.9. Ab 768 px unverändert. */
@media (max-width:767.98px){
	#bloc-73.villa-bar-ubud{display:none!important}
}

/* Rumah Elfi Kopfbild am Desktop (29.09.2026, Thomas: „es fehlt noch immer ein gutes stück vom dach in desktop … desktop gleich noch viel schlimmer“): das Foto
   (3:2) wurde mittig beschnitten, je breiter das Fenster, desto mehr Dach fehlte → oben ausgerichtet, das ganze Dach bleibt sichtbar. Bild notes/entwuerfe-2026-09-29/11-elfi-desktop.png */
@media (min-width:768px){.bg-GAPO-5{background-position:50% 0%!important}}

/* Handy-Menü weicher (29.09.2026, Thomas: „können wir das öffnen des menüs etwas smoother gestalten“): längere, auslaufende Bewegung statt 0,3 s ease-in-out,
   Hintergrund blendet weich auf 35 % ab, die Zeilen blenden nacheinander ein (Reihenfolge --i aus js/sidebar-menu.js); der unsichtbare Weichzeichner hinter dem
   (deckenden) Menü fällt weg, er kostete beim Schieben Leistung. Gleiche Bewegung auf book.bali.place (app/site-menu.css). */
@media (max-width:991.98px){
	#sidebar.offcanvas{transition:transform .55s cubic-bezier(.22,.61,.36,1),visibility .55s!important;will-change:transform;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 0 36px rgba(0,0,0,.14)}
	#sidebar.offcanvas.hiding{transition:transform .32s cubic-bezier(.55,0,1,.45),visibility .32s!important}
	.offcanvas-backdrop{transition:opacity .45s ease!important}
	.offcanvas-backdrop.show{opacity:.35!important}
	#sidebar .eldar-logo-div,#sidebar .eldar-project-link,#sidebar .divider-h,#sidebar .btn{opacity:0;transform:translateX(-10px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,.61,.36,1)}
	#sidebar.showing .eldar-logo-div,#sidebar.showing .eldar-project-link,#sidebar.showing .divider-h,#sidebar.showing .btn,
	#sidebar.show .eldar-logo-div,#sidebar.show .eldar-project-link,#sidebar.show .divider-h,#sidebar.show .btn{opacity:1;transform:none;transition-delay:calc(.12s + var(--i,0) * .022s)}
	#sidebar.hiding .eldar-logo-div,#sidebar.hiding .eldar-project-link,#sidebar.hiding .divider-h,#sidebar.hiding .btn{transition-delay:0s;transition-duration:.2s}
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce){#sidebar.offcanvas,#sidebar *{transition:none!important}}

/* HERO-START (27.09.2026, erzeugt von notes/tools/hero/build-heroes.mjs, nicht von Hand ändern) */
.bg-Joglo-20Hati{background-image:url("img/hero/joglo-hati-d-1600.webp")!important}
@media (max-width:767px){.bg-Joglo-20Hati{background-image:url("img/hero/joglo-hati-m-1200.webp")!important}}
html.bg-lazy .bg-Joglo-20Hati:not(.bg-in){background-image:none!important}
.bg-Landing-20page{background-image:url("img/hero/landing-page-d-2000.webp")!important}
@media (max-width:767px){.bg-Landing-20page{background-image:url("img/hero/landing-page-m-1000x1333.webp")!important}}
.bg-reviews{background-image:url("img/hero/reviews-d-2000.webp")!important}
@media (max-width:767px){.bg-reviews{background-image:url("img/hero/reviews-m-1000x1333.webp")!important}}
.bg-bali-20place-ubud-seminyak-villa-20rental-home-hero{background-image:url("img/hero/bali-place-ubud-seminyak-villa-rental-home-hero-d-1312.webp")!important}
@media (max-width:767px){.bg-bali-20place-ubud-seminyak-villa-20rental-home-hero{background-image:url("img/hero/bali-place-ubud-seminyak-villa-rental-home-hero-m-656x875.webp")!important}}
.bg-book-20direct-20seminyak{background-image:url("img/hero/book-direct-seminyak-d-1312.webp")!important}
@media (max-width:767px){.bg-book-20direct-20seminyak{background-image:url("img/hero/book-direct-seminyak-m-656x875.webp")!important}}
.bg-contact-20us{background-image:url("img/hero/contact-us-d-2000.webp")!important}
@media (max-width:767px){.bg-contact-20us{background-image:url("img/hero/contact-us-m-1000x1333.webp")!important}}
.bg-the-perfect-location{background-image:url("img/hero/the-perfect-location-d-1600.webp")!important}
@media (max-width:767px){.bg-the-perfect-location{background-image:url("img/hero/the-perfect-location-m-1200.webp")!important}}
html.bg-lazy .bg-the-perfect-location:not(.bg-in){background-image:none!important}
.bg-Joglo-20Hati-20Header{background-image:url("img/hero/joglo-hati-header-d-2000.webp")!important}
@media (max-width:767px){.bg-Joglo-20Hati-20Header{background-image:url("img/hero/joglo-hati-header-m-1000x1333.webp")!important}}
.bg-Madu-2003{background-image:url("img/hero/madu-03-d-2000.webp")!important}
@media (max-width:767px){.bg-Madu-2003{background-image:url("img/hero/madu-03-m-1200.webp")!important}}
html.bg-lazy .bg-Madu-2003:not(.bg-in){background-image:none!important}
.bg-GAPO-5{background-image:url("img/hero/gapo-5-d-1600.webp")!important}
@media (max-width:767px){.bg-GAPO-5{background-image:url("img/hero/gapo-5-m-999x1332.webp")!important}}
.bg-GAPO-3{background-image:url("img/hero/gapo-3-d-1600.webp")!important}
@media (max-width:767px){.bg-GAPO-3{background-image:url("img/hero/gapo-3-m-1200.webp")!important}}
html.bg-lazy .bg-GAPO-3:not(.bg-in){background-image:none!important}
.bg-RR-BR-2-9{background-image:url("img/hero/rr-br-2-9-d-1600.webp")!important}
@media (max-width:767px){.bg-RR-BR-2-9{background-image:url("img/hero/rr-br-2-9-m-1200.webp")!important}}
html.bg-lazy .bg-RR-BR-2-9:not(.bg-in){background-image:none!important}
.bg-RR-BR-1-1{background-image:url("img/hero/rr-br-1-1-d-1600.webp")!important}
@media (max-width:767px){.bg-RR-BR-1-1{background-image:url("img/hero/rr-br-1-1-m-1000x1333.webp")!important}}
.bg-villa-20mint-20header{background-image:url("img/hero/villa-mint-header-d-1600.webp")!important}
@media (max-width:767px){.bg-villa-20mint-20header{background-image:url("img/hero/villa-mint-header-m-1000x1333.webp")!important}}
.bg-villa-20mint-20image-20parallax{background-image:url("img/hero/villa-mint-image-parallax-d-2000.webp")!important}
@media (max-width:767px){.bg-villa-20mint-20image-20parallax{background-image:url("img/hero/villa-mint-image-parallax-m-1200.webp")!important}}
html.bg-lazy .bg-villa-20mint-20image-20parallax:not(.bg-in){background-image:none!important}
.bg-the-20villas{background-image:url("img/hero/the-villas-d-1000.webp")!important}
@media (max-width:767px){.bg-the-20villas{background-image:url("img/hero/the-villas-m-1000.webp")!important}}
.bg-M2-Image-2004{background-image:url("img/hero/m2-image-04-d-1600.webp")!important}
@media (max-width:767px){.bg-M2-Image-2004{background-image:url("img/hero/m2-image-04-m-1000x1333.webp")!important}}
.bg-M2-Pool-2001{background-image:url("img/hero/m2-pool-01-d-1600.webp")!important}
@media (max-width:767px){.bg-M2-Pool-2001{background-image:url("img/hero/m2-pool-01-m-1200.webp")!important}}
html.bg-lazy .bg-M2-Pool-2001:not(.bg-in){background-image:none!important}
.bg-about-20us-header{background-image:url("img/hero/about-us-header-d-1312.webp")!important}
@media (max-width:767px){.bg-about-20us-header{background-image:url("img/hero/about-us-header-m-656x875.webp")!important}}
.bg-about-20us-men-20with-20water{background-image:url("img/hero/about-us-men-with-water-d-1600.webp")!important}
@media (max-width:767px){.bg-about-20us-men-20with-20water{background-image:url("img/hero/about-us-men-with-water-m-1200.webp")!important}}
html.bg-lazy .bg-about-20us-men-20with-20water:not(.bg-in){background-image:none!important}
.bg-composer-20the-team{background-image:url("img/hero/composer-the-team-d-2000.webp")!important}
@media (max-width:767px){.bg-composer-20the-team{background-image:url("img/hero/composer-the-team-m-1200.webp")!important}}
html.bg-lazy .bg-composer-20the-team:not(.bg-in){background-image:none!important}
.bg-the-team-header{background-image:url("img/hero/the-team-header-d-2000.webp")!important}
@media (max-width:767px){.bg-the-team-header{background-image:url("img/hero/the-team-header-m-999x1332.webp")!important}}
.bg-the-20team-20header-20mobile{background-image:url("img/hero/the-team-header-mobile-d-800.webp")!important}
@media (max-width:767px){.bg-the-20team-20header-20mobile{background-image:url("img/hero/the-team-header-mobile-m-800.webp")!important}}
.bg-header-the-gallery{background-image:url("img/hero/header-the-gallery-d-2000.webp")!important}
@media (max-width:767px){.bg-header-the-gallery{background-image:url("img/hero/header-the-gallery-m-1000x1333.webp")!important}}
.bg-promotion{background-image:url("img/hero/promotion-d-2000.webp")!important}
@media (max-width:767px){.bg-promotion{background-image:url("img/hero/promotion-m-1000x1333.webp")!important}}
@media (max-width:991px){.header-the-villas{background-image:url("img/hero/the-villas-m-1000.webp")!important}}
html.hero-wait #page-transition-anim{animation-play-state:paused!important}
/* HERO-END */

/* 28.9.2026 (Thomas: "machen wir einfach alle buttons im gleichen stil, den wir gestern schon angefangen haben"): every button in use keeps its own style on hover,
   like .btn-home-* since 27.9. - filled stays filled and turns 16 % darker, outlined stays outlined with a 13 % fill of its own colour. Text and border colour stay.
   Generated from each button's own colours; plain value first as fallback for browsers without color-mix. */
.book-direct-button:hover,.book-direct-button:focus-visible{background-color:var(--swatch-var-1824)!important;background-color:color-mix(in srgb,var(--swatch-var-1824) 84%,#000)!important;color:var(--swatch-var-6405)!important;border-color:color-mix(in srgb,var(--swatch-var-1824) 84%,#000)!important}
.book-direct-button:active{background-color:color-mix(in srgb,var(--swatch-var-1824) 72%,#000)!important}
.button-book-direct:hover,.button-book-direct:focus-visible{background-color:var(--swatch-var-4132)!important;background-color:color-mix(in srgb,var(--swatch-var-4132) 84%,#000)!important;color:var(--swatch-var-6405)!important;border-color:color-mix(in srgb,var(--swatch-var-4132) 84%,#000)!important}
.button-book-direct:active{background-color:color-mix(in srgb,var(--swatch-var-4132) 72%,#000)!important}
.button-book-direct-seminyak:hover,.button-book-direct-seminyak:focus-visible{background-color:var(--swatch-var-6977)!important;background-color:color-mix(in srgb,var(--swatch-var-6977) 84%,#000)!important;color:var(--swatch-var-6405)!important;border-color:color-mix(in srgb,var(--swatch-var-6977) 84%,#000)!important}
.button-book-direct-seminyak:active{background-color:color-mix(in srgb,var(--swatch-var-6977) 72%,#000)!important}
.button-explore-our-villas:hover,.button-explore-our-villas:focus-visible{background-color:var(--swatch-var-616)!important;background-color:color-mix(in srgb,var(--swatch-var-616) 84%,#000)!important;color:var(--swatch-var-6405)!important;border-color:color-mix(in srgb,var(--swatch-var-616) 84%,#000)!important}
.button-explore-our-villas:active{background-color:color-mix(in srgb,var(--swatch-var-616) 72%,#000)!important}
.button-reviews-elfi:hover,.button-reviews-elfi:focus-visible{background-color:var(--swatch-var-250)!important;background-color:color-mix(in srgb,var(--swatch-var-250) 84%,#000)!important;color:var(--swatch-var-6405)!important;border-color:color-mix(in srgb,var(--swatch-var-250) 84%,#000)!important}
.button-reviews-elfi:active{background-color:color-mix(in srgb,var(--swatch-var-250) 72%,#000)!important}
.button-reviews-hati:hover,.button-reviews-hati:focus-visible{background-color:var(--swatch-var-1824)!important;background-color:color-mix(in srgb,var(--swatch-var-1824) 84%,#000)!important;color:var(--swatch-var-6405)!important;border-color:color-mix(in srgb,var(--swatch-var-1824) 84%,#000)!important}
.button-reviews-hati:active{background-color:color-mix(in srgb,var(--swatch-var-1824) 72%,#000)!important}
.button-reviews-mint:hover,.button-reviews-mint:focus-visible{background-color:var(--swatch-var-5773)!important;background-color:color-mix(in srgb,var(--swatch-var-5773) 84%,#000)!important;color:var(--swatch-var-6405)!important;border-color:color-mix(in srgb,var(--swatch-var-5773) 84%,#000)!important}
.button-reviews-mint:active{background-color:color-mix(in srgb,var(--swatch-var-5773) 72%,#000)!important}
.button-reviews-richard:hover,.button-reviews-richard:focus-visible{background-color:var(--swatch-var-4132)!important;background-color:color-mix(in srgb,var(--swatch-var-4132) 84%,#000)!important;color:var(--swatch-var-6405)!important;border-color:color-mix(in srgb,var(--swatch-var-4132) 84%,#000)!important}
.button-reviews-richard:active{background-color:color-mix(in srgb,var(--swatch-var-4132) 72%,#000)!important}
.button-reviews-sunglow:hover,.button-reviews-sunglow:focus-visible{background-color:var(--swatch-var-6977)!important;background-color:color-mix(in srgb,var(--swatch-var-6977) 84%,#000)!important;color:var(--swatch-var-6405)!important;border-color:color-mix(in srgb,var(--swatch-var-6977) 84%,#000)!important}
.button-reviews-sunglow:active{background-color:color-mix(in srgb,var(--swatch-var-6977) 72%,#000)!important}
.cx-btn:hover,.cx-btn:focus-visible{background-color:var(--cx-red)!important;background-color:color-mix(in srgb,var(--cx-red) 84%,#000)!important;color:var(--swatch-var-6405)!important;border-color:color-mix(in srgb,var(--cx-red) 84%,#000)!important}
.cx-btn:active{background-color:color-mix(in srgb,var(--cx-red) 72%,#000)!important}
.cx-btn-ghost:hover,.cx-btn-ghost:focus-visible{background-color:#fff!important;background-color:color-mix(in srgb,var(--cx-red) 13%,#fff)!important;color:var(--cx-red)!important;border-color:var(--cx-red)!important}
.cx-btn-ghost:active{background-color:color-mix(in srgb,var(--cx-red) 24%,#fff)!important}
.property-button-elfi:hover,.property-button-elfi:focus-visible{background-color:var(--swatch-var-6405)!important;background-color:color-mix(in srgb,var(--swatch-var-250) 13%,var(--swatch-var-6405))!important;color:var(--swatch-var-250)!important;border-color:var(--swatch-var-250)!important}
.property-button-elfi:active{background-color:color-mix(in srgb,var(--swatch-var-250) 24%,var(--swatch-var-6405))!important}
.property-button-hati:hover,.property-button-hati:focus-visible{background-color:var(--swatch-var-6405)!important;background-color:color-mix(in srgb,var(--swatch-var-1824) 13%,var(--swatch-var-6405))!important;color:var(--swatch-var-1824)!important;border-color:var(--swatch-var-1824)!important}
.property-button-hati:active{background-color:color-mix(in srgb,var(--swatch-var-1824) 24%,var(--swatch-var-6405))!important}
.property-button-mint:hover,.property-button-mint:focus-visible{background-color:var(--swatch-var-6405)!important;background-color:color-mix(in srgb,var(--swatch-var-5773) 13%,var(--swatch-var-6405))!important;color:var(--swatch-var-5773)!important;border-color:var(--swatch-var-5773)!important}
.property-button-mint:active{background-color:color-mix(in srgb,var(--swatch-var-5773) 24%,var(--swatch-var-6405))!important}
.property-button-richard:hover,.property-button-richard:focus-visible{background-color:var(--swatch-var-6405)!important;background-color:color-mix(in srgb,var(--swatch-var-4132) 13%,var(--swatch-var-6405))!important;color:var(--swatch-var-4132)!important;border-color:var(--swatch-var-4132)!important}
.property-button-richard:active{background-color:color-mix(in srgb,var(--swatch-var-4132) 24%,var(--swatch-var-6405))!important}
.property-button-sunglow:hover,.property-button-sunglow:focus-visible{background-color:var(--swatch-var-6405)!important;background-color:color-mix(in srgb,var(--swatch-var-6977) 13%,var(--swatch-var-6405))!important;color:var(--swatch-var-6977)!important;border-color:var(--swatch-var-6977)!important}
.property-button-sunglow:active{background-color:color-mix(in srgb,var(--swatch-var-6977) 24%,var(--swatch-var-6405))!important}

/* 28.9.2026 The Villas: highlights row in the villa cards (Thomas chose draft "A2", https://claude.ai/artifact/4YYve8ErEpb9QC6foBro8N) -
   fine line icons in the villa colour (same set as "What makes … special" on the villa pages), three equal columns, left, bottom-aligned
   so two-line labels end on the same line as one-line ones. Markup: notes/tools/amenities/villas-highlights.py. */
.villas-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.villas-highlights>div{display:flex;align-items:flex-end;gap:9px;min-width:0;color:#2f3129;font-family:"RalewayThin-Medium",Arial,sans-serif;font-size:12px;font-weight:bold;letter-spacing:.13em;text-transform:uppercase;line-height:1.35;text-align:left}
.villas-highlights svg{flex:0 0 auto;width:26px;height:26px;margin-bottom:-2px;fill:none;stroke:var(--hl);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:575px){
	.villas-highlights{gap:8px}
	.villas-highlights>div{gap:6px;font-size:10px;letter-spacing:.08em}
	.villas-highlights svg{width:21px;height:21px}
	/* Buttons side by side on phones (Thomas 28.9.; before: stacked, full width) */
	.button-container.villas-card-buttons{flex-direction:row;gap:10px}
	.button-container.villas-card-buttons .btn{flex:1 1 0;min-width:0;width:auto!important;margin:0!important;padding-left:6px!important;padding-right:6px!important;font-size:14px;white-space:nowrap}
}

/* 28.09.2026 Contact (Thomas): Einleitung Variante B2 - zwei rote Ueberschriften, Desktop nebeneinander, Handy untereinander;
   Personen-Zeile Adults/Children/Infants dreispaltig + Hinweis zur Hoechstzahl der gewaehlten Villa. */
.cx-intro.cx-intro-two{max-width:760px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 36px}
.cx-intro-two p{margin:0}
.cx-intro-two .cx-eyebrow{display:block;margin:0 0 2px}
.cx-guests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.cx-guests .cx-hint{grid-column:1/-1;margin-top:-6px;font-family:"RalewayThin-Regular";font-size:12.5px;color:var(--cx-grey)}
.cx-guests .cx-hint.is-over{color:var(--cx-red)}

/* 28.09.2026 Contact: Einleitung Variante B (Thomas) — keine Einleitung mehr über den Karten (die zwei roten Überschriften nebeneinander
   wirkten wie „eine für Ubud, eine für Seminyak“), stattdessen in JEDER Karte grau „Just a question?“ / „Planning a stay?“ – auf allen Geräten
   („ja bitte auch mobile“). */
.cx-card .cx-ask{color:var(--cx-grey);margin:6px 0 -6px}

/* 30.9.2026 – ALLE KNÖPFE GLEICH (Thomas: „es müssen alle die gleiche animation haben, überall“; Wahl im Formular: Variante C „etwas heller“, „noch etwas mehr
   aufhellen“ → 22 % heller, Puls bei allen gefüllten Knöpfen; www und book gleich). Ersetzt das Abdunkeln vom 28.9. (84 % #000) und den Farbtausch
   (Kontaktformular, Verfügbarkeitsfeld). Gefüllt: Füllung + Rahmen 22 % heller (vorberechnet, kein color-mix nötig), Text bleibt hell, Puls 1 s.
   Umrandet: bleibt wie seit 28.9. (13 % Füllung in der eigenen Farbe) und bekommt denselben Puls. Gegenstück in book: app/globals.css („Buttons like www“). */
.book-direct-button:hover,.book-direct-button:focus-visible{background-color:#e26b6b!important;border-color:#e26b6b!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.book-direct-button:active{background-color:#e67e7e!important;border-color:#e67e7e!important}
.button-book-direct:hover,.button-book-direct:focus-visible{background-color:#a0b977!important;border-color:#a0b977!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.button-book-direct:active{background-color:#acc289!important;border-color:#acc289!important}
.button-book-direct-seminyak:hover,.button-book-direct-seminyak:focus-visible{background-color:#bccfa9!important;border-color:#bccfa9!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.button-book-direct-seminyak:active{background-color:#c5d5b4!important;border-color:#c5d5b4!important}
.button-explore-our-villas:hover,.button-explore-our-villas:focus-visible{background-color:#9ea498!important;border-color:#9ea498!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.button-explore-our-villas:active{background-color:#abafa5!important;border-color:#abafa5!important}
.button-reviews-elfi:hover,.button-reviews-elfi:focus-visible{background-color:#bf6059!important;border-color:#bf6059!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.button-reviews-elfi:active{background-color:#c7746e!important;border-color:#c7746e!important}
.button-reviews-hati:hover,.button-reviews-hati:focus-visible{background-color:#e26b6b!important;border-color:#e26b6b!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.button-reviews-hati:active{background-color:#e67e7e!important;border-color:#e67e7e!important}
.button-reviews-mint:hover,.button-reviews-mint:focus-visible{background-color:#75a485!important;border-color:#75a485!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.button-reviews-mint:active{background-color:#87af94!important;border-color:#87af94!important}
.button-reviews-richard:hover,.button-reviews-richard:focus-visible{background-color:#a0b977!important;border-color:#a0b977!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.button-reviews-richard:active{background-color:#acc289!important;border-color:#acc289!important}
.button-reviews-sunglow:hover,.button-reviews-sunglow:focus-visible{background-color:#bccfa9!important;border-color:#bccfa9!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.button-reviews-sunglow:active{background-color:#c5d5b4!important;border-color:#c5d5b4!important}
.btn-home-hati:hover,.btn-home-hati:focus-visible{background-color:#e26b6b!important;border-color:#e26b6b!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.btn-home-hati:active{background-color:#e67e7e!important;border-color:#e67e7e!important}
.btn-home-elfi:hover,.btn-home-elfi:focus-visible{background-color:#bf6059!important;border-color:#bf6059!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.btn-home-elfi:active{background-color:#c7746e!important;border-color:#c7746e!important}
.btn-home-richard:hover,.btn-home-richard:focus-visible{background-color:#a0b977!important;border-color:#a0b977!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.btn-home-richard:active{background-color:#acc289!important;border-color:#acc289!important}
.btn-home-mint:hover,.btn-home-mint:focus-visible{background-color:#75a485!important;border-color:#75a485!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.btn-home-mint:active{background-color:#87af94!important;border-color:#87af94!important}
.btn-home-sunglow:hover,.btn-home-sunglow:focus-visible{background-color:#bccfa9!important;border-color:#bccfa9!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.btn-home-sunglow:active{background-color:#c5d5b4!important;border-color:#c5d5b4!important}
.cx-btn:not(.cx-btn-ghost):hover,.cx-btn:not(.cx-btn-ghost):focus-visible{background-color:#e26b6b!important;border-color:#e26b6b!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.cx-btn:not(.cx-btn-ghost):active{background-color:#e67e7e!important;border-color:#e67e7e!important}
.cookie-note button:hover,.cookie-note button:focus-visible{background-color:#575757!important;border-color:#575757!important;color:#fafaf8!important;filter:none!important;transform:none;animation:pulse 1s}
.cookie-note button:active{background-color:#6d6d6d!important;border-color:#6d6d6d!important}
.bp-avail .bp-avail-book:hover,.bp-avail .bp-avail-book:focus-visible{background:color-mix(in srgb,var(--villa) 78%,#fff)!important;border-color:color-mix(in srgb,var(--villa) 78%,#fff)!important;color:#fafaf8!important;animation:pulse 1s}
.villa-availability .bp-avail .bp-avail-book:hover,.villa-availability .bp-avail .bp-avail-book:focus-visible{background:color-mix(in srgb,var(--villa) 13%,#fff)!important;border-color:#fff!important;color:var(--villa)!important}
.bp-avail-ghost:hover,.bp-avail-ghost:focus-visible{animation:pulse 1s}
.btn-d:hover,.btn-d:focus-visible,.cx-btn-ghost:hover,.cx-btn-ghost:focus-visible{animation:pulse 1s}
@media (prefers-reduced-motion:reduce){.btn-d:hover,.cx-btn:hover,.cookie-note button:hover,.bp-avail-book:hover,.bp-avail-ghost:hover{animation:none!important}}