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

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

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

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

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

.section1 .contentSect1 {
    width: 100%;
    padding-inline: 30px;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
}

.contentSect1 h1 {
    font: normal normal 400 18px/24px Trajan Pro3;
    text-align: center;
    color: #FBF6E9;
    -webkit-text-stroke: 0.8px #FBF6E9;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 15.5px;
}

.contentSect1 h1 span {
    font: normal normal 400 40px/40px Trajan Pro3;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.contentSect1 h4 {
    font: normal normal 500 17px / 20px Recoleta;
    color: #E6C34B;
    -webkit-text-stroke: 0.5px #D8B647;
    text-shadow: 0px 3px 6px rgba(21, 5, 5, 0.94);
    text-align: center;
}

.contentSect1 h4 span {
    font-size: 44px;
    line-height: 45px;
    text-shadow: 0px 3px 6px rgba(21, 5, 5, 0.94);
}

.section2 {
    width: 100%;
    position: relative;
    padding: 18% 30px 5% 30px;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/08/Scroll-Group-346.webp');
    background-position: center;
    background-size: cover;
}

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

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

.section2 p {
    font: normal normal 400 23px/33px Baskerville;
    text-align: center;
    color: #795720;
    -webkit-text-stroke: 0.5px #795720;
    margin-bottom: 40px;
}

.section2 p span {
    font-style: italic;
}

.section2 h4 {
    font: normal italic 600 25px/35px Baskerville;
    text-align: center;
    color: #795720;
    -webkit-text-stroke: 0.5px #795720;
    margin-bottom: 40px;
}

.section2 .divider2b {
    width: 60%;
    display: block;
    margin-inline: auto;
}


/* Section 3 */

.section3 {
    width: 100%;
    position: relative;
    padding: 5% 10px 5% 10px;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/08/Scroll-Group-320.webp');
    background-position: center;
    background-size: cover;
}

.section3 .contentSect3 {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/08/Mask-Group-7952.webp');
    background-position: center;
    background-size: cover;
    padding: 40px 10px 20px 10px;
    border-radius: 30px;
    margin-bottom: 50px;
}

.contentSect3 .headSect3 {
    font: normal normal 500 35px/25px Recoleta;
    text-align: center;
    color: #939324;
    -webkit-text-stroke: 0.5px #939324;
}

.contentSect3 h4 {
    font: normal italic 600 22px/30px Baskerville;
    text-align: center;
    color: #797919;
    -webkit-text-stroke: 0.5px #797919;
    margin-bottom: 40px;
}

.priceSect3 {
    width: 90%;
    margin-inline: auto;
    border-top: 2px solid #795F1A;
    border-bottom: 2px solid #795F1A;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/08/Rectangle-4154-3.webp');
    background-position: center;
    background-size: cover;
    margin-bottom: 40px;
    padding-block: 15px;
}

.priceSect3 h4 {
    font: normal italic 400 20px/25px Baskerville;
    text-align: center;
    color: #785720;
    -webkit-text-stroke: 0.5px #785720;
    margin-bottom: 10px !important;
}

.priceSect3 h3 {
    font: normal italic 400 29px/28px Baskerville;
    text-align: center;
    color: #785720;
    -webkit-text-stroke: 0.5px #785720;
}

.priceSect3 h3 span {
    font-weight: 600;
}

.contentSect3 .body3-1 {
    font: normal italic 400 22px/32px Baskerville;
    text-align: center;
    color: #595D20;
    -webkit-text-stroke: 0.5px #595D20;
    margin-bottom: 30px;
}

.contentSect3 .contentVillas {
    width: 100%;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 30px 10px 10px 10px;
    box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.16);

}

.contentVillas .headVillas {
    font: normal normal 500 29px/40px Recoleta;
    text-align: center;
    color: #595D21;
    -webkit-text-stroke: 0.5px #595D21;
    margin-bottom: 40px;
}

/* Slider 5 */
.thi-slider-5 {
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

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

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

.thi-ess-slide-news-5 .slider-nav-one-news-5 p {
    font: normal normal 400 23px/30px Baskerville;
    text-align: center;
    color: #394811;
    -webkit-text-stroke: 0.5px #394811;
    margin-top: 30px;
}

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

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

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

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

.button-testi-5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 110%;
    justify-content: space-between;
}

.button-testi-5 a {
    width: 12%;
    background: transparent;
    transition: all 0.5s ease-out;
    z-index: 999;
}

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

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

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

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

.btn-testi-prev-5 img {
    transform: scaleX(-1);
}

.contentCTA {
    width: 100%;
    position: relative;
    padding-inline: 20px;
}

.contentCTA .headCTA1 {
    font: normal normal 500 35px/38px Recoleta;
    text-align: center;
    color: #6A4514;
    -webkit-text-stroke: 0.5px;
}

.contentCTA .headCTA2 {
    font: normal normal 500 42px/52px Recoleta;
    text-align: center;
    color: #6A4514;
    -webkit-text-stroke: 0.5px;
    margin-bottom: 10px;
}

.contentCTA .headCTA3 {
    font: normal normal 500 20px/25px Recoleta;
    text-align: center;
    color: #6A4514;
    -webkit-text-stroke: 0.5px;
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 2px solid #6A4514;
    width: 50%;
    margin-inline: auto;
}

.contentCTA .bodyCTA {
    font: normal normal 400 25px/31px Baskerville;
    text-align: center;
    color: #6A4514;
    -webkit-text-stroke: 0.5px #6A4514;
    margin-bottom: 40px;
}

.bodyCTA span {
    font-style: italic;
}

.contentCTA .btnWA3 {
    width: 100%;
    display: flex;
    position: relative;
    margin-bottom: 30px;
    justify-content: center;
}

.btnWA3 a {
    width: 220px;
    text-align: center;
    background-color: #5F2E16;
    font: normal normal 700 20px / 30px Gazpacho;
    color: #fff;
    padding: 7px 0;
    border-radius: 30px;
    margin-bottom: 20px;
    text-decoration: none !important;
}

/* section 4 */

.section4 {
    width: 100%;
    position: relative;
    padding: 15% 20px;
    background-color: #F5F0E2;
}

.section4 .divider4t {
    width: 60%;
    margin-inline: auto;
    display: block;
    margin-bottom: 50px;
}

.section4 .divider4b {
    width: 60%;
    margin-inline: auto;
    display: block;
}

.section4 .head4 {
    font: normal italic 500 28px/34px Accia Piano;
    text-align: center;
    color: #795720;
    -webkit-text-stroke: 1px #795720;
    margin-bottom: 15px;
}

.section4 .body4 {
    font: normal italic 700 22px/35px Baskerville;
    text-align: center;
    color: #B59155;
    -webkit-text-stroke: 0.2px #B59155;
    margin-bottom: 50px;
}

.body4 span {
    font: normal normal 400 22px/35px Baskerville;
    padding-bottom: 2px;
    border-bottom: 1px solid #B59155;
}


.section4 .card4 {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}

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

/* Section5 */
.section5 {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/08/Scroll-Group-352.webp');
    background-position: top center;
    background-size: cover;
    padding: 10% 10px;
}

.section5 .headlineSect5 {
    width: 100%;
    position: relative;
    margin-bottom: 110px;
}

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

.sectionSliderHarvest {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/08/Mask-Group-7961.webp');
    background-position: center;
    background-size: cover;
    padding: 32% 15px 40px 15px;
    border-radius: 16px;
}

.sectionSliderHarvest .dividerLogo {
    position: absolute;
    top: -13%;
    left: 0;
    z-index: 3;
}

.dividerLogo img {
    width: 70%;
    display: block;
    margin-inline: auto;
}

/* Slider 2 */
.thi-slider-6 {
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

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

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

.thi-ess-slide-news-6 .slider-nav-one-news-6 p {
    font: normal normal 400 18px/25px Accia Piano;
    text-align: left;
    color: #FFFFFF;
    -webkit-text-stroke: 0.5px #FFFFFF;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.57);
    margin-top: 30px;
}

.thi-ess-slide-news-6 .slider-nav-one-news-6 p span {
    font-size: 15px;
}

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

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

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

.button-testi-6 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 110%;
    justify-content: space-between;
}

.button-testi-6 a {
    width: 12%;
    background: transparent;
    transition: all 0.5s ease-out;
    z-index: 999;
}

.button-testi-6 .btn-testi-next-6,
.button-testi-6 .btn-testi-prev-6 {
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
    animation-iteration-count: infinite;
}

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

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

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

.btn-testi-prev-6 img {
    transform: scaleX(-1);
}



.section6 {
    width: 100%;
    position: relative;
    background-color: #F5EFD9;
    padding: 10% 15px;
}

.section6 .divider6t {
    width: 60%;
    display: block;
    margin-inline: auto;
    margin-bottom: 40px;
}

.section6 h3 {
    font: normal normal 300 25px/30px Accia Piano;
    text-align: center;
    color: #797919;
    -webkit-text-stroke: 1px #797919;
    text-transform: uppercase;
}

.section6 h3 span {
    font: normal italic 400 25px/30px Baskerville;
    text-transform: uppercase;
}

.section6 h2 {
    font: normal normal 500 30px/40px Accia Piano;
    text-align: center;
    color: #797919;
    -webkit-text-stroke: 1px #797919;
    text-transform: uppercase;
    margin-bottom: 60px;
}

/* slider 3 */
.thi-slider-7 {
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

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

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

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

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

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

.button-testi-7 {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, 0%);
    display: flex;
    width: 110%;
    justify-content: space-between;
}

.button-testi-7 a {
    width: 12%;
    background: transparent;
    transition: all 0.5s ease-out;
    z-index: 999;
}

.button-testi-7 .btn-testi-next-7,
.button-testi-7 .btn-testi-prev-7 {
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);
    animation-iteration-count: infinite;
}

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

.btn-testi-prev-7 img {
    transform: scaleX(-1);
}

.section4 {
    display: none;
}