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

/* Section 1 */
.section1 {
    width: 100%;
    position: relative;
    padding-top: 14%;
}

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

/* Section2 */
.section2 {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/04/BGSect2Detail.webp');
    background-position: top center;
    background-size: cover;
    padding: 40px 30px;
}

.section2 h1 {
    font: normal normal 500 30px/45px Accia Piano;
    text-align: center;
    color: #5F2E16;
    -webkit-text-stroke: 1px #5F2E16;
    margin-bottom: 5px;
}

.section2 .headRooms {
    font: normal normal 400 20px/35px Trajan Pro3;
    text-align: center;
    color: #5F2E16;
    -webkit-text-stroke: 1px #5F2E16;
    margin-bottom: 40px;
}

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

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


.pointsInclusive {
    width: 100%;
    position: relative;
    margin-bottom: 20%;
}

.pointsInclusive .headPoints {
    font: normal normal 18px/30px Accia Piano;
    color: #5F2E16;
    margin-bottom: 30px;
}


.pointsInclusive .pointInclusive {
    font: normal normal 400 18px / 30px Accia Piano;
    color: #5F2E16;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}


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


.section2 .btnFlex .button {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font: normal normal 300 20px / 28px Accia Light2;
    letter-spacing: 0.5px;
    color: #445626;
    -webkit-text-stroke: 0.5px #445626;
    border: 1px solid #445626;
    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;
}

.section2 .button.active,
.section2 .button:hover {
    color: #EFE3D4;
    -webkit-text-stroke: 0.5px #EFE3D4;
    border: 1px solid #455525;
    background: #455525;
}

.section2 .currencySelect {
    width: 100%;
    background-color: transparent;
    border: 1px solid #5F2E16;
    border-radius: 7px;
    font: normal normal 300 20px / 28px Accia Piano;
    color: #5F2E16;
    margin-inline: auto;
    display: flex;
}

.currencySelect:focus {
    outline: none;
}


.section2 .beds3 {
    display: none;
    width: 100%;
    position: relative;
    margin-top: 10%;
}

.section2 .beds2 {
    width: 100%;
    position: relative;
    margin-top: 10%;
}

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

.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 500 18px/30px Accia Piano;
    text-align: center;
    color: #2E1A00;
}

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

}


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

/* Section 3 */
.section3{
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/04/bgReserve.webp');
    background-position: center;
    background-size: cover;
    padding: 40px;
}

.section3 h3{
    font: normal normal 400 22px/35px Recoleta;
    text-align: center;
    color: #704822;
    margin-bottom: 20px;
}

.section3 .btnReserve{
    width: 100%;
    display: flex;
    justify-content: center;
}

.btnReserve 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: 80%;
    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 Back */
.section4{
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/04/btnBack.webp');
    background-position: center;
    background-size: cover;
    padding: 40px 30px;
}

.section4 .btnBacks{
    width: 100%;
    display: flex;
    justify-content: center;
}

.btnBacks 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: 80%;
    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;
}