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

.desktop-container {
    display: none;
}

.mobile-container {
    display: block;
}

.whatsapp-btn-m {
    position: fixed;
    bottom: 2%;
    right: 2%;
    opacity: 1;
    z-index: 5;
    transition: all 0.5s ease-out;
    /* display: none; */
    outline: none;
}

.whatsapp-btn-m button {
    max-width: 55px;
    border: none;
    cursor: pointer;
    appearance: none;
    background-color: transparent !important;
    border-radius: 50%;
    padding: 0px;
    z-index: 10;
    outline: none;
}

.section1M {
    width: 100%;
    position: relative;
    margin-top: 8%;
}

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

.section1M .text1M {
    width: 100%;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-inline: 10px;
}

.text1M h1 {
    font: normal normal 400 28px/40px Trajan Pro3;
    text-align: center;
    color: #2E1A00;
    -webkit-text-stroke: 0.5px #2E1A00;
}

/* Section 2M */
.section2M {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/03/Sect2BG.webp');
    background-position: center;
    background-size: cover;
    padding: 15% 30px;
}

.section2M h2 {
    font: normal normal 400 25px/35px Recoleta;
    text-align: center;
    color: black;
    margin-bottom: 20px;
}

.section2M p {
    font: normal normal 400 18px/28px Columbia-Serial;
    text-align: center;
    color: black;
}

/* Section 3 */
.sectionPromotions {
    width: 100%;
    position: relative;
    padding: 15% 20px;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/03/Sect3BG.webp');
    background-position: center;
    background-size: cover;
}

.sectionPromotions .headSec3 {
    font: normal normal 400 27px/38px Recoleta;
    text-align: center;
    color: black;
    margin-bottom: 5%;
}

/* 3 Buttons */
.sectionPromotions .btnFlex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 5%;
    /* margin-top: 15%; */
    position: relative;
}

.btnFlex .popUp10 {
    width: 30%;
    display: block;
    position: absolute;
    bottom: 120%;
    left: 65%;
    transform: translate(-50%, -50%);
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    animation-iteration-count: infinite;
}

.priceFix {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 10px;
}

.priceFix p {
    font: normal normal 300 15px / 28px Accia Piano;
}

.priceSlash p {
    font: normal normal 300 15px / 28px Accia Piano;
}

.sectionPromotions .button {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font: normal normal 300 20px / 28px Accia Light2;
    letter-spacing: 0.5px;
    color: #514D54;
    -webkit-text-stroke: 0.5px #514D54;
    border: 1px solid #514D54;
    padding: 8px 5px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    background: transparent;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s ease-out;
    z-index: 1;
    border-radius: 10px;
    /* margin: 0px auto; */
    cursor: pointer;
}

.sectionPromotions .button.active,
.sectionPromotions .button:hover {
    color: #CAC6BC;
    -webkit-text-stroke: 0.5px #CAC6BC;
    border: 1px solid #514D54;
    background: #514D54;
}

/* Dropdown */
.currencySelect {
    width: 100%;
    background-color: transparent;
    border: 1px solid #514D54;
    border-radius: 20px;
    font: normal normal 300 20px / 28px Accia Piano;
}

.currencySelect:focus {
    outline: none;
}


/* Slider Rustic */
.thi-slideRustic {
    width: 100%;
    position: relative;
    margin-bottom: 20%;
}

.thi-slideRustic .sliderRustic {
    width: 100%;
    height: max-content;
}

.sliderRustic .slick-slide img {
    padding: 0;
    /* border-radius: 20px; */
}

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

.button-testi-2 {
    display: flex;
    justify-content: right;
    left: 55%;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.button-testi-2 .btn-testi-next-2 {
    max-width: 80px;
    border: none;
    cursor: pointer;
    appearance: none;
    background-color: transparent;
    border-radius: 50%;
    padding: 5px;
    width: 70px;
    height: 70px;
    z-index: 10;
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    animation-iteration-count: infinite;
}

.button-testi-2 img {
    max-width: 100%;
    display: block;
}

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

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


.sectionPromotions .nights4 {
    display: none;
}

.sectionPromotions .nights2,
.sectionPromotions .nights3,
.sectionPromotions .nights4 {
    width: 100%;
    position: relative;
    margin-top: 10%;
}

.logoRustic {
    width: 100%;
    margin-inline: auto;
    display: flex;
    margin-bottom: 10px;
}

.headNight {
    font: normal normal 400 18px/28px Columbia-Serial;
    text-align: center;
    color: black;
    margin-bottom: 40px;
}

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

.price2 {
    width: 100%;
    position: relative;
}

.price1 h2,
.price2 h2 {
    font: normal normal 500 18px/35px Recoleta;
    text-align: center;
    color: #2E1A00;
}

.price1 .priceSlash,
.price2 .priceSlash {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.price1 h3,
.price2 h3 {
    font: normal normal 300 18px/35px Accia Piano;
    text-align: center;
    color: #2E1A00;
}

.priceSlash h3 {
    font: normal normal 300 25px/35px Accia Piano;
    text-align: center;
    color: #2E1A00;

}

.priceSlash img {
    width: 25%;
    display: block;
}

.btnBook {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.btnBook a {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font: normal normal 700 20px / 28px Gazpacho;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    padding: 8px 5px;
    text-align: center;
    text-decoration: none;
    width: 50%;
    background-color: #5F2E16;
    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;
}

.ratePara {
    margin-top: 40px;
    font: normal normal 400 12px / 22px Recoleta;
    text-align: center;
    color: #2E1A00;
}

/* Amenities */
.sectionAmenities{
    width: 100%;
    position: relative;
    padding-block: 10%;
}

.sectionAmenities .title{
    font: normal normal 500 25px/35px Recoleta;
    color: #091927;
    margin-bottom: 30px;
    padding-left: 30px;
}

.section-amenities {
    width: 100%;
    position: relative;
}

.slick-slide{
    height: auto !important;
}

.thi-properties-sec-amenities {
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.thi-properties-sec-amenities .amenities-detail {
    position: relative;
    margin-top: 20px;
}

.thi-properties-sec-amenities .right-slide-amenities {
    right: 25px;
    position: absolute;
    top: -5%;
    max-width: 40px;
    border: none;
    cursor: pointer;
    appearance: none;
    z-index: 1;
    padding: 0px;
    background: transparent !important;
    outline: none;
}

.thi-amenities-slide {
    width: 100%;
}

.thi-amenities-slide .slider-for-amenities {
    padding: 0px 25px;
    width: 100%;
    margin-bottom: 0px;
}

.thi-amenities-slide .slider-for-amenities div {
    margin: 0 auto;
    text-align: center;
}

.slider-for-amenities h2 {
    text-align: left;
    padding: 0px 50px 0px 0px;
    font: normal normal 500 20px/26px Recoleta;
    color: #091927;
    letter-spacing: 0px;
}

.thi-amenities-slide .slider-nav-amenities {
    width: 100%;
}

.slider-nav-amenities .slick-list {
    padding: 0px 40px !important;
}

.slider-for-amenities .slick-list {
    padding: 0px 25px !important;
}

.slider-nav-amenities .slick-slide img {
    width: 90%;
    display: block;
    padding-right: 0px;
    margin-left: -20px !important;
    margin-right: 0px !important;
}



/* Section 4 */
.section4M {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/03/bgBottom2.webp');
    background-size: cover;
    background-position: center;
    padding-block: 15%;
}

.section4M h2 {
    font: normal normal 400 28px/38px Trajan Pro3;
    text-align: center;
    color: #F1EBE3;
    margin-bottom: 30px;
}

.section4M h3 {
    font: normal normal 400 28px/38px Trajan Pro3;
    text-align: center;
    color: #F1EBE3;
    margin-top: 30px;
}

/* Slider Bottom */
.thi-slideBottom {
    width: 100%;
    position: relative;
}

.thi-slideBottom .sliderBottom {
    width: 100%;
    height: max-content;
}

.sliderBottom .slick-slide img {
    padding: 0;
}

.button-bottom-2 {
    display: flex;
    justify-content: right;
    left: 50%;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.button-bottom-2 .btn-bottom-next-2 {
    max-width: 80px;
    border: none;
    cursor: pointer;
    appearance: none;
    background-color: transparent;
    border-radius: 50%;
    padding: 5px;
    width: 70px;
    height: 70px;
    z-index: 10;
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    animation-iteration-count: infinite;
}

.button-bottom-2 img {
    max-width: 100%;
    display: block;
}

.section5M {
    width: 100%;
    position: relative;
    background-image: url(https://khastanahadiubud.com/wp-content/uploads/2025/03/Scroll-Group-305.webp);
    background-position: top center;
    background-size: cover;
    padding: 15% 30px;
}

.section5M h2 {
    font: normal normal 500 25px/35px Accia Piano;
    text-align: center;
    margin-bottom: 20px;
    color: #863B07;
}

.section5M img {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.section5M h3 {
    font: normal normal 400 25px/35px Recoleta;
    text-align: center;
    color: #000000;
}




.section-4 {
    width: 100%;
    position: relative;
}

.section-4 .section4Top {
    width: 100%;
    background-color: #303220;
    padding: 15% 20px;
    position: relative;
}

.section4Top h2 {
    font: normal normal 400 20px/35px Trajan Pro3;
    text-align: center;
    margin-bottom: 20px;
    color: #E0CEAD;
    -webkit-text-stroke: 0.5px #E0CEAD;
}

.section4Top h3 {
    font: normal normal 400 22px/30px Recoleta;
    color: #E0CEAD;
    margin-bottom: 20px;
    margin-left: 10%;
}

.section4Top .pointInclusive {
    font: normal normal 400 18px / 30px Accia Piano;
    color: #E0CEAD;
    margin-left: 10%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.section-4 .additional {
    width: 85%;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/03/bgAdditional.webp');
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 5% 10px;
    z-index: 2;
}


.section-4 .additional h2 {
    font: normal normal 400 18px/25px Recoleta;
    text-align: center;
    color: #331704;
    -webkit-text-stroke: 0.5px #331704;
}

.section-4 .additional p {
    font: normal normal 400 12px/25px Recoleta;
    text-align: center;
    color: #331704;
    -webkit-text-stroke: 0.5px #331704;
}

.section4Bott {
    width: 100%;
    position: relative;
}

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


.section-5M {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/03/bgCTA2-2.webp');
    background-position: center;
    background-size: cover;
}

.section-5M .section5Top {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/03/bgCtaBawah.webp');
    background-position: center;
    background-size: cover;
    padding: 15% 40px;
}

.section5Top h2 {
    font: normal normal 400 25px/38px Trajan Pro3;
    color: #445726;
    -webkit-text-stroke: 0.5px #445726;
    text-align: center;
    margin-bottom: 30px;
}

.btnWhatsappNew {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.btnWhatsappNew a {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font: normal normal 500 16px / 28px Gazpacho;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    padding: 8px 5px;
    text-align: center;
    text-decoration: none;
    width: 60%;
    background-color: #5F2E16;
    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-5M .section5Bott {
    width: 100%;
    position: relative;
    padding: 15px 30px;
}

.section5Bott p {
    font: normal normal 400 14px/25px Recoleta;
    text-align: center;
    color: #fff;
}

/* Video PopUp */

.sectionPopUp {
    width: 100%;
    position: relative;
}

.video-popup {
    width: 100%;
    position: relative;
    z-index: 99999999999;
}

.element-video {
    display: none;
    opacity: 0;
}

.video-content-mobile {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background: #505050;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(14.5px);
    z-index: 99999999999;
    height: 100vh;
    display: none;
    align-items: center;
    overflow-y: hidden;
}

.video-content-mobile .video-container {
    width: 100%;
    position: relative;
    height: 100vh;

}

.video-container video {
    width: 100%;
    height: 100vh;
    display: block;
}

.video-content-mobile .btn-close-video {
    width: 100%;
    display: flex;
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: flex-end;
    z-index: 3;
}

.video-content-mobile .close-video-content {
    padding: 8px 5px;
    transition: all 0.5s ease-out;
    z-index: 1;
}

.video-content-mobile .close-video-content .close-logo {
    max-width: 55px;
}

.video-mobile-trigger {
    display: none;
    opacity: 0;
}

.section-watch {
    width: 100%;
    position: relative;
}

.section-watch .bgOverlay2 {
    width: 100%;
    display: block;
}

.section-watch .watch-btn {
    width: 100%;
    display: block;
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.watch-btn .watchButton {
    font: normal normal 700 18px / 26px Gazpacho Bolds2;
    letter-spacing: 0px;
    color: #fff;
    padding: 7px 0px;
    margin: 0px auto 0px auto;
    text-align: center;
    text-decoration: none;
    display: flex;
    width: 100px;
    /* background: #D67300;
    background-size: 200% 100%;
    background-position: right bottom; */
    transition: all 0.5s ease-out;
    z-index: 999;
    position: relative;
    border-radius: 80px;
    justify-content: center;
    align-items: center;
}

.watch-btn .watchButton {
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    animation-iteration-count: infinite;
}

/* .video-content-mobile,
.video-container,
.video-container video {
    height: 100vh !important;
    max-height: 100vh;
    width: 100%;
} */


.video-content-mobile {
    height: 100vh !important;
    max-height: 100vh;
    width: 100%;
}

.video-container,
.video-container video {
    height: 85vh !important;
    max-height: 100vh;
    width: 100%;
}

.video-container video {
    object-fit: cover;
}

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

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


.section6M {
    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;
}

.section6M .concierge {
    width: 100%;
    position: absolute;
    top: 18%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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


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

.list6M .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;
}

.section6M 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 */

.thi-properties-sec-news {
    width: 100%;
    position: relative;
    padding: 0px;
}

.thi-ess-slide-news-third {
    position: relative;
}

.thi-ess-slide-news-third .slider-nav-third-news .slick-slide img {
    width: 100%;
    margin: 0px auto;
    opacity: 0.5;
    padding: 0px 0px;
    display: block;
}

.thi-ess-slide-news-third .slider-nav-third-news .slick-current img {
    width: 100%;
    margin: 0px auto;
    opacity: 1;
    padding: 0px 0px;
    display: block;
}

.thi-ess-slide-news-third .slider-nav-third-news .slick-track {
    display: flex;
    align-items: center;
}

.thi-ess-slide-news-third .slider-nav-third-news .slick-dots {
    bottom: -53px;
    padding-left: 0px !important;
}

.thi-ess-slide-news-third .slick-slider {
    margin-bottom: 0px;
}

.thi-properties-sec-news .button-testi {
    position: absolute;
    top: 46%;
    left: 90%;
    transform: translate(-50%, -50%);
    width: 20%;
}

.thi-properties-sec-news .button-testi .btn-testi-next {
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    animation-iteration-count: infinite;
    /* margin: 0px auto 0px auto; */
    background: transparent;
    transition: all 0.5s ease-out;
    z-index: 999;
    display: inline-block;
}

.thi-properties-sec-news .button-testi img {
    max-width: 100%;
    display: block;
}

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

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