html {
    margin-top: 0px !important;
}

.contentWeb {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slick-slider {
    margin-bottom: 0px !important;
}

@keyframes bounce {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(0, 10px, 0);
    }
}

.site .button:not(:hover):not(:active):not(.has-background),
button:not(:hover):not(:active):not(.has-background),
input[type="submit"]:not(:hover):not(:active):not(.has-background),
input[type="reset"]:not(:hover):not(:active):not(.has-background),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
    background-color: transparent !important;
}

/* Section 1 */

.section1 {
    width: 100%;
    position: relative;
    padding-top: 10%;
}

.section1 video {
    width: 100%;
    display: block;
}

.section1 .sound1M {
    width: 50px;
    border-radius: 50px;
    background-color: chocolate;
    padding: 15px;
    position: absolute;
    bottom: 15%;
    left: 5%;
    z-index: 5;
}

.sound1M img {
    width: 100%;
    display: block;
}

.section1 .overlayText1 {
    width: 100%;
    padding-inline: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.overlayText1 h1 {
    font: normal normal 400 28px/38px Trajan Pro3;
    text-align: center;
    color: #fff;
    -webkit-text-stroke: 0.8px #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    /* bayangan utama */
}

/* Section2 */
.section2 {
    width: 100%;
    position: relative;
    padding: 5% 0 15% 0;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/09/Scroll-Group-467-2.webp');
    background-position: top center;
    background-size: cover;
}

.section2 .dividerTop2 {
    width: 100%;
    position: absolute;
    top: -14%;
    left: 0;
    z-index: 2;
}

.dividerTop2 img {
    width: 100%;
    display: block;
}

.section2 .headSect2 {
    width: 100%;
    position: relative;
    padding-inline: 20px;
    margin-bottom: 40px;
    display: block;
    z-index: 3;
}

.headSect2 h2 {
    font: normal normal 600 28px/44px Trajan Pro3;
    text-align: center;
    color: #5F2E16;
}

.headSect2 h3 {
    font: normal normal 400 28px/40px Trajan Pro3;
    color: #5F2E16;
    -webkit-text-stroke: 0.5px #5F2E16;
    text-align: center;
}

.section2 .bodySect2 {
    width: 100%;
    position: relative;
    padding-inline: 30px;
    margin-bottom: 40px;
}

.bodySect2 p {
    font: normal normal 400 20px/40px Baskervville2;
    text-align: center;
    color: #5F2E16;
    -webkit-text-stroke: 0.3px #5F2E16;
}

.section2 .photoSect2 {
    width: 100%;
    position: relative;
    padding-inline: 10px;
}

.photoSect2 img {
    width: 100%;
    display: block;
}

/* Section Villa */
.sectionVilla {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/09/Group-9277-5-1.webp');
    background-position: bottom center;
    background-size: cover;
}

.sectionVilla .contentVilla {
    width: 100%;
    position: relative;
    padding: 5% 0px;
    background-color: #545A42;
    border-radius: 20px;
}

.contentVilla .dividerVT,
.contentVilla .dividerVB {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    padding-inline: 20px;
}

.dividerVT {
    margin-bottom: 40px;
}

.dividerVT img,
.dividerVB img {
    width: 60%;
    display: block;
}


.contentVilla .headVilla {
    font: normal normal 400 20px/34px Trajan Pro3;
    text-align: center;
    color: #F4E2BE;
    -webkit-text-stroke: 1px #F4E2BE;
    margin-bottom: 40px;
    padding-inline: 15px;
}

.contentVilla .sliderVilla {
    width: 100%;
    position: relative;
    padding-left: 20px;
    margin-bottom: 50px;
}

.sliderVilla .slider3M {
    width: 100%;
    position: relative;
}

.slider3M .slick-slide {
    height: auto;
}

.slider3M .slick-list {
    padding: 0 28px !important;
}

.slider3M .slick-slide img {
    width: 97%;
    padding-right: 0px;
    margin-left: -20px !important;
    margin-right: 0px !important;
    display: block;
}

.slider3M .slick-dots {
    bottom: -30px;
    padding-left: 0px !important;
}

.slider3M .slick-dots li {
    margin: 0 2px;
}

.slider3M .slick-dots li.slick-active button:before {
    border: 2px solid #F4E2BE;
    /* border kuning */
    background-color: transparent;
    opacity: 1;
    width: 15px;
    height: 15px;
}

.slider3M .slick-dots li button:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #F4E2BE;
    border-radius: 50%;
    /* bulat */
    display: block;
    opacity: 1;
    /* efek transparan */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.arrow3Flex {
    width: 88%;
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.arrow3Flex a {
    width: 13%;
    position: relative;
    transition: all 0.5s ease-out;
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    animation-iteration-count: infinite;
}

.arrow3Flex a img {
    width: 100%;
    display: block;
}


.contentVilla .bodyInclusion {
    width: 100%;
    position: relative;
    padding-inline: 30px;
    margin-bottom: 50px;
}

.contentVilla .headlineInclusion {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.headlineInclusion a {
    font: normal normal 400 22px/35px Gazpacho;
    color: #F4E2BE;
    -webkit-text-stroke: 0.5px #F4E2BE;
    cursor: pointer;
}

.headlineInclusion a.active {
    border-bottom: 1px solid #F4E2BE;
}

/* Default hidden */
.contentVilla .contentInclusion,
.contentVilla .contentAmenities {
    width: 100%;
    position: relative;
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

/* Shown content */
.contentVilla .show {
    display: block;
    opacity: 1;
}

.contentInclusion .pointInclusion,
.contentAmenities .pointAmenities {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pointInclusion span,
.pointAmenities span {
    font-size: 18px;
    line-height: 25px;
    color: #F4E2BE;
}

.pointInclusion p,
.pointAmenities p {
    font: normal normal 400 19px/25px Avenir;
    color: #F4E2BE;
}

/* Section Price */
.sectionPrices {
    width: 100%;
    position: relative;
    padding: 15% 0px 0% 0px;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/09/white2.webp');
    background-position: center;
    background-size: cover;
}

.sectionPrices .headPrices {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}

.headPrices h5 {
    font: normal normal 500 18px/30px Recoleta;
    text-align: center;
    color: #806717;
    -webkit-text-stroke: 0.2px #806717;
    margin-bottom: 15px;
}

.headPrices h2 {
    font: normal normal 500 26px/34px Accia Piano;
    text-align: center;
    text-transform: uppercase;
    color: #806717;
    margin-bottom: 30px;
}

.dividerPrices {
    width: 100%;
    position: relative;
    display: flex;
    margin-bottom: 30px;
}

.dividerPrices img {
    width: 75%;
    display: block;
    margin-inline: auto;
}


.headPrices h3 {
    font: normal normal 500 22px/32px Recoleta;
    text-align: center;
    color: #FFFFFF;
    -webkit-text-stroke: 0.2px #FFFFFF;
}

.sectionPrices .currencyContent,
.sectionPrices .pricesContent {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}

.currencyContent {
    padding-inline: 20px;
}

.pricesContent {
    margin-bottom: 20px !important;
}

.currencyContent .currencySelect {
    width: 100%;
    background-color: transparent;
    border: 1px solid #806717;
    border-radius: 20px;
    font: normal normal 300 20px / 28px Accia Piano;
    color: #806717;
    appearance: none;
    /* standard */
    -webkit-appearance: none;
    /* Safari/Chrome */
    -moz-appearance: none;
    /* Firefox */
    padding-right: 40px;
    /* ruang buat icon */
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path fill='%23806717' d='M7 10l5 5 5-5z'/></svg>") no-repeat right 16px center / 24px auto;
}

.currencySelect:focus {
    outline: none;
}



.pricesContent .priceSlash {
    font: normal normal 400 22px/32px Recoleta;
    text-align: center;
    color: #806717;
    text-decoration: line-through;
}

.pricesContent .priceFix {
    font: normal normal 500 30px/35px Recoleta;
    text-align: center;
    color: #806717;
}

.priceFix span {
    font: normal normal 400 30px/35px Recoleta;
}

.hiddens {
    display: none;
}

.contentPrices {
    width: 100%;
    position: relative;
    padding: 20% 20px 20% 20px;
    background-color: #6F6837;
    background-position: center;
    background-size: cover;
}

.sectionPrices .contentWA {
    width: 100%;
    position: relative;
}

.contentWA h2 {
    font: normal normal 400 22px/32px Columbia-Serial;
    text-align: center;
    color: #FFFFFF;
    -webkit-text-stroke: 0.2px #FFFFFF;
    margin-bottom: 30px;
}

.contentWA p {
    font: normal normal 16px/20px Accia Piano;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.contentWA .dividerPrice2{
    width: 95%;
    margin-inline: auto;
    display: block;
    margin-bottom: 30px;
  }
  
  .contentWA h3 {
    font: normal normal 400 22px/32px Columbia-Serial;
    text-align: center;
    color: #FFFFFF;
    -webkit-text-stroke: 0.2px #FFFFFF;
    margin-bottom: 30px;
  }

.contentWA .waButton {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.waButton a {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font: normal normal 700 20px / 28px Gazpacho;
    letter-spacing: 0.5px;
    color: #806717;
    padding: 8px 5px;
    text-align: center;
    text-decoration: none;
    width: 65%;
    background-color: #FFFFFF;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s ease-out;
    z-index: 1;
    border-radius: 60px;
    /* margin: 0px auto; */
    cursor: pointer;
}

.contentButton {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.contentButton .contacts {
    width: 13%;
    position: relative;
}

.contacts a {
    width: 100%;
    position: relative;
}

.contacts a img {
    width: 100%;
    display: block;
}

.hideWC {
    width: 100%;
    position: relative;
    padding: 0px;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/09/5eb586ef-ae4b-41d2-b9b6-38c4c53addcf-1.webp');
    background-position: center;
    background-size: cover;
    margin-top: 0px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    max-height: 0;
}

/* Saat ditampilkan */
.hideWC.show {
    opacity: 1;
    visibility: visible;
    max-height: 100%;
    padding: 20px 20px 40px 20px;
    margin-top: 40px;
}

.hideWC .qrWC {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.qrWC img {
    width: 100%;
    display: block;
}

.hideWC .idWC {
    width: 100%;
    position: relative;
    padding-inline: 20px;
    margin-bottom: 20px;
}

.idWC h2 {
    font: normal normal 500 20px/30px Accia Piano;
    text-align: center;
    color: #6F6838;
    -webkit-text-stroke: 0.3px #6F6838;
}

.hideWC .btnWC {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.btnWC a {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font: normal normal 700 20px / 28px Gazpacho;
    letter-spacing: 0.5px;
    color: #6F6838;
    border: 1px solid #6F6838;
    padding: 8px 5px;
    text-align: center;
    text-decoration: none;
    width: 65%;
    background-color: transparent;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s ease-out;
    z-index: 1;
    border-radius: 60px;
    /* margin: 0px auto; */
    cursor: pointer;
}


/* Section Conci */
.sectionConci {
    width: 100%;
    position: relative;
    background-image: url(https://khastanahadiubud.com/wp-content/uploads/2025/03/Group-7148.webp);
    background-position: center;
    background-size: cover;
    padding: 55% 0px 10% 0px;
}

.sectionConci .conciAbs {
    width: 100%;
    position: absolute;
    top: 18%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.conciAbs img {
    width: 100%;
    display: block;
}

.sectionConci .listConci {
    width: 100%;
    position: relative;
    margin-bottom: 15%;
    padding-inline: 30px;
}

.listConci .listItem {
    display: flex;
    margin-bottom: 10px;
    gap: 10px;
}

.listItem img {
    width: 30px;
    height: 30px;
    display: block;
}

.listItem p {
    font: normal normal 400 20px/35px Accia Piano;
    color: #3C4A17;
}

.sectionConci h2 {
    font: normal normal 400 22px/35px Trajan Pro3;
    color: #445726;
    -webkit-text-stroke: 0.5px #445726;
    text-align: center;
    padding-inline: 30px;
}

/* Section Testi */
.sectionTesti {
    width: 100%;
    position: relative;
    padding: 15% 0 15% 0;
    background-image: url("https://khastanahadiubud.com/wp-content/uploads/2025/09/Artboard-11.webp");
    background-position: center;
    background-size: cover;
}

.sectionTesti .headTesti {
    width: 100%;
    position: relative;
    padding-inline: 20px;
    margin-bottom: 40px;
}

.headTesti h2 {
    font: normal normal 400 30px/40px Lora2;
    text-align: center;
    color: #704822;
    -webkit-text-stroke: 1px #704822;
}

.contentTesti {
    width: 100%;
    position: relative;
    padding-inline: 40px;
}

.contentTesti .sliderTesti {
    width: 100%;
    position: relative;
}

.sliderTesti .cardTesti {
    position: relative;
}

.sliderTesti .slick-slide {
    height: auto;
}

.sliderTesti .slick-track {
    display: flex;
}

.sliderTesti .slick-slide img {
    width: 100%;
    display: block;
}

.cardTesti .testiButton {
    width: 100%;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
}

.testiButton a {
    font: normal normal 400 18px/20px Baskerville;
    text-align: center;
    color: #ffffff;
    -webkit-text-stroke: 0.5px #ffffff;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.69);
    text-decoration: none;
}

.sliderTesti .slick-dots {
    bottom: -30px;
    padding-left: 0px !important;
}

.sliderTesti .slick-dots li {
    margin: 0 2px;
}

.sliderTesti .slick-dots li.slick-active button:before {
    border: 2px solid #67431e;
    /* border kuning */
    background-color: transparent;
    opacity: 1;
    width: 15px;
    height: 15px;
}

.sliderTesti .slick-dots li button:before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #67431e;
    border-radius: 50%;
    /* bulat */
    display: block;
    opacity: 1;
    /* efek transparan */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.arrow6Flex {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.arrow6Flex a {
    width: 13%;
    position: relative;
    transition: all 0.5s ease-out;
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
    animation-iteration-count: infinite;
}

.arrow6Flex a img {
    width: 100%;
    display: block;
}

/* Section OTA */
.sectionOTA {
    width: 100%;
    position: relative;
    padding: 23% 40px 20% 40px;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/09/Group-9176.webp');
    background-position: center;
    background-size: cover;
}

.sectionOTA .headOTA {
    font: normal normal 500 25px/35px Accia Piano;
    text-align: center;
    color: #FFFFFF;
    -webkit-text-stroke: 1px #FFFFFF;
    margin-bottom: 40px;
}

.sectionOTA .buttonOTA {
    width: 100%;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 20px;
}

.buttonOTA a {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.buttonOTA .logoOTA {
    width: 45%;
    display: block;
}

.buttonOTA .arrowOTA {
    width: 11%;
    display: block;
    height: 0%;
}

/* Location */
.sectionLocation {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/04/bgLocation.webp');
    background-position: center;
    background-size: cover;
    padding-top: 15%;
    padding-bottom: 20%;
}

.sectionLocation .headLocation {
    font: normal normal 400 27px/38px Recoleta;
    text-align: center;
    margin-bottom: 40px;
    color: #000000;
}

.sectionLocation .contentLocation {
    width: 100%;
    position: relative;
    padding-inline: 30px;
}

.contentLocation .bodyLocation {
    font: normal normal 400 18px/35px Columbia-Serial;
    margin-bottom: 30px;
}

.contentLocation h3 {
    font: normal normal 400 22px/25px Recoleta;
    color: #000000;
    margin-bottom: 15px;
    margin-left: 5%;
}

.contentLocation .pointLocation {
    font: normal normal 400 18px / 30px Accia Piano;
    color: #000000;
    margin-left: 5%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

/* Slider Location */
.thi-slideLocation {
    width: 100%;
    position: relative;
    margin-bottom: 8%;
}

.thi-slideLocation img {
    width: 100%;
    display: block;
}

/* Section Poster2 */
.sectionPoster2 {
    width: 100%;
    position: relative;
}

.sectionPoster2 .Posters2 {
    width: 100%;
    display: block;
}

.sectionPoster2 .contentPoster2 {
    width: 100%;
    position: absolute;
    bottom: -1%;
    right: -15px;
    /* padding-inline: 20px; */
    z-index: 4;

}

.contentPoster2 h2 {
    font: normal normal 400 35px / 38px Dawning of a New Day;
    text-align: center;
    color: #ffffff;
    -webkit-text-stroke: 0.6px;
    transform: rotate(-7deg);
}

.sectionPoster2 .gradientPoster {
    width: 100%;
    position: absolute;
    bottom: -20%;
    left: 0;
    z-index: 2;
}

.gradientPoster img {
    width: 100%;
    display: block;
}

/* Section Else */
.sectionElse {
    width: 100%;
    position: relative;
    padding-block: 10%;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/09/bgElse1.webp');
    background-size: cover;
    background-position: center;
}

.sectionElse .headElse {
    width: 100%;
    position: relative;
    padding-inline: 20px;
    margin-bottom: 75px;
}

.headElse h2 {
    font: normal normal 400 26px/35px Zapf Humanist;
    text-align: center;
    color: #806717;
    -webkit-text-stroke: 1px #806717;
    text-transform: uppercase;
}

.sliderVilla2 {
    width: 100%;
    position: relative;
    padding-left: 20px;
    margin-bottom: 40px;
}

.sliderVilla2 .slider3M2 {
    width: 100%;
    position: relative;
}

.slider3M2 .slick-slide {
    height: auto;
}

.slider3M2 .slick-list {
    padding: 0 28px !important;
}

.slider3M2 .slick-slide img {
    width: 97%;
    padding-right: 0px;
    margin-left: -20px !important;
    margin-right: 0px !important;
    display: block;
}

.sliderVilla2 .promo {
    width: 40% !important;
    display: block;
    position: absolute;
    top: -25%;
    left: 50%;
    z-index: 6;
    transform: rotate(11deg) scale(0.8);
    transition: all 0.6s ease;
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function:
        cubic-bezier(0.5, 0.05, 1, 0.5);
    animation-iteration-count: infinite;

    opacity: 0;
}

.promo.active {
    opacity: 1;
    transform: rotate(11deg) scale(1);
}

.arrowElse {
    width: 100%;
    position: relative;
    padding-left: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.arrowElse .contentAE {
    width: 30%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.contentAE a {
    width: 50%;
    position: relative;
}

.contentAE a img {
    width: 100%;
    display: block;
}

.lineAE {
    width: 70%;
    position: relative;
}

.lineAE img {
    width: 100%;
    display: block;
}