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

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

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

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

.section1 .contentSect1 {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
}

.contentSect1 h2 {
    font: normal normal 400 33px/33px Trajan Pro3;
    text-align: center;
    color: #FBF6E9;
    -webkit-text-stroke: 0.5px #FBF6E9;
    margin-bottom: 10px;
}

.contentSect1 h3 {
    font: normal normal 400 25px/25px Trajan Pro3;
    text-align: center;
    color: #FBF6E9;
    -webkit-text-stroke: 0.5px #FBF6E9;
}

.contentSect2 {
    width: 100%;
    position: absolute;
    bottom: 10%;
    left: 0;
    z-index: 3;
}

.contentSect2 img {
    width: 5%;
    display: block;
    margin-inline: auto;
}

.contentSect3 {
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 0;
    z-index: 2;
}

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

/* Section 2 */
.section2 {
    width: 100%;
    position: relative;
    background-color: #242002;
    padding: 40px 30px 40px 30px;
}

.section2 .dividerTop,
.section2 .dividerBottom {
    width: 55%;
    display: block;
    margin-inline: auto;
}

.section2 .dividerTop {
    margin-bottom: 30px;
}

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

.section2 h3 {
    font: normal italic 400 25px/16px Garamond;
    text-align: center;
    color: #E8E4C7;
    -webkit-text-stroke: 0.2px #E8E4C7;
    margin-bottom: 40px;
}

.section2 .mainPhoto3 {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

/* Section 3 */
.section3 {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/05/Group-7284-1.webp');
    background-size: cover;
    background-position: center;
    padding: 50px 0 50px 0;
}

.section3 .content3-1 {
    width: 100%;
    position: relative;
    padding-inline-start: 30px;
    margin-bottom: 40px;
}

.content3-1 h2 {
    font: normal normal 400 35px/45px Tempting;
    color: #B1A971;
    -webkit-text-stroke: 0.2px #B1A971;
}

.content3-1 p {
    font: normal normal 400 22px/30px Zapf Humanist;
    color: #9D9884;
    -webkit-text-stroke: 0.4px #9D9884;
}

.content3-2 {
    width: 100%;
    position: relative;
    padding-inline: 40px;
    margin-bottom: 50px;
}

.content3-2-2 {
    width: 100%;
    position: relative;
    padding: 20px;
    background-color: rgba(38, 36, 10, 0.58);
    border-radius: 37px;
}

.content3-2-2 p {
    font: normal normal 400 18px/30px Baskerville;
    color: #9D9884;
    -webkit-text-stroke: 0.5px #9D9884;
}

.content3-4{
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}

.content3-4 h3{
    font: normal italic 400 29.5px/38px Baskerville;
    text-align: center;
    color: #B1A971;
    -webkit-text-stroke: 0.5px #B1A971;
    margin-bottom: 25px;
}

.content3-4 h3 span{
    font: normal italic 400 29.5px/38px Tempting;
    text-align: center;
    color: #B1A971;
    -webkit-text-stroke: 0.3px #B1A971;
}

.content3-4 h2{
    font: normal italic 400 29.5px/60px Baskerville;
    text-align: center;
    color: #B1A971;
    -webkit-text-stroke: 0.5px #B1A971;
    margin-bottom: 30px;
}

.content3-4 h2 span{
    font: normal normal 400 37px/50px Tempting;
    text-align: center;
    color: #B1A971;
    -webkit-text-stroke: 0.3px #B1A971;
}

.content3-3 {
    width: 100%;
    position: relative;
    margin-bottom: 30%;
}

.content3-3 .video-locations3 {
    width: 100%;
    position: relative;
}

.video-locations3 #myVideo3 {
    width: 100%;
    display: block;
}

#pauseBtn {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    display: none;
    color: #fff;
    z-index: 20;
    cursor: pointer;
}

.video-locations3 .watch-btn-3 {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
}

.watch-btn-3 .watchButton-3 {
    font: normal normal 500 18px / 35px Gazpacho;
    letter-spacing: 0.3px;
    color: #fff !important;
    background-color: #674C03;
    padding: 7px 0px;
    margin: 0px auto 0px auto;
    text-align: center;
    text-decoration: none;
    display: flex;
    width: 180px;
    transition: all 0.5s ease-out;
    z-index: 999;
    position: relative;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    animation-iteration-count: infinite;
    cursor: pointer;
}

/* Poster overlay */
.video-poster-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 10;
    display: block;
    /* Awalnya tampil */
    pointer-events: none;
    /* Supaya tidak mengganggu klik video */
}

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

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

.dividerBottom2 {
    width: 55%;
    display: block;
    margin-inline: auto;
}

/* Section 4 */
.section4 {
    width: 100%;
    position: relative;
    background-color: #181B06;
    padding: 30px 0 40px 0;
}

.section4 .head4-1 {
    font: normal normal 400 20px/30px Baskerville;
    text-align: center;
    color: #9D9884;
    -webkit-text-stroke: 0.5px #9D9884;
    margin-bottom: 60px;
}

.head4-1 span {
    font: normal italic 400 25px/30px Baskerville;
}

.section4 .rightContent4B {
    width: 100%;
    position: relative;
    margin-bottom: 50px;
    z-index: 3;
}

.rightContent4B h2 {
    font: normal normal 400 35px/45px Parisienne;
    text-align: right;
    color: #AEB591;
    -webkit-text-stroke: 0.5px #AEB591;
    padding-right: 20px;
}

.rightContent4B p {
    font: normal normal 400 22px/30px Baskerville;
    text-align: right;
    color: #AEB591;
    -webkit-text-stroke: 0.5px #AEB591;
    padding-right: 20px;
    margin-bottom: 30px;
}

.sketch1{
    width: 30%;
    display: block;
    position: absolute;
    top: 8%;
    left: 0;
    z-index: 2;
}

.sketch3{
    width: 70%;
    display: block;
    position: absolute;
    top: 60%;
    left: 0;
    z-index: 2;
}

.sketch2{
    width: 80%;
    display: block;
    position: absolute;
    top: 37%;
    right: 0;
    z-index: 2;
}

.sketch4{
    width: 45%;
    display: block;
    position: absolute;
    top: 80%;
    right: 0;
    z-index: 2;
}

.rightContent4B .img-Right4B {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.img-Right4B .imgRight4B {
    width: 80%;
    display: block;
}

/* Left Content */
.leftContent {
    width: 100%;
    position: relative;
    margin-bottom: 50px;
    z-index: 3;
}

.leftContent h2 {
    font: normal normal 400 35px/45px Parisienne;
    text-align: left;
    color: #AEB591;
    -webkit-text-stroke: 0.5px #AEB591;
    padding-left: 30px;
}

.leftContent p {
    font: normal normal 400 22px/30px Baskerville;
    text-align: left;
    color: #AEB591;
    -webkit-text-stroke: 0.5px #AEB591;
    padding-left: 30px;
    margin-bottom: 30px;
}

.leftContent .img-Left4 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.img-Left4 .imgLeft4 {
    width: 80%;
    display: block;
}

/* Section5 */
.section5 {
    width: 100%;
    position: relative;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/05/Rectangle-3649.webp');
    background-position: top center;
    background-size: cover;
    padding-block: 40px;
}

.section5 .dividerTop5,
.section5 .dividerBottom5 {
    width: 55%;
    display: block;
    margin-inline: auto;
}

.section5 .dividerTop5 {
    margin-bottom: 30px;
}

.section5 .text5-1 {
    width: 100%;
    position: relative;
    margin-bottom: 50px;
    padding-inline: 30px;
}

.text5-1 p {
    font: normal normal 400 23px/35px Baskerville;
    color: #FAF6E9;
    -webkit-text-stroke: 0.1px #FAF6E9;
}

.content5-3 {
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}

.content5-3 img {
    width: 100%;
    display: block;
}

.content5-4 {
    width: 100%;
    position: relative;
    padding-inline: 30px;
}

.content5-4 .p1 {
    font: normal normal 400 23px/30px Baskerville;
    color: #FAF6E9;
    -webkit-text-stroke: 0.1px #FAF6E9;
    margin-bottom: 30px;
}

.content5-4 .p2 {
    font: normal normal 400 23px/30px Baskerville;
    color: #FAF6E9;
    -webkit-text-stroke: 0.1px #FAF6E9;
    text-align: center;
    margin-bottom: 40px;
}

.content5-4 img {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

/* Section6 */
.section6 {
    width: 100%;
    position: relative;
}

.section6 .bg6 {
    width: 100%;
    display: block;
}

.content6 {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

/* Section 9 */
/* Section 9 */
.section9 {
    width: 100%;
    position: relative;
    background-color: #242002;
    padding: 40px 30px;
}

.section9 .divider9T {
    width: 70%;
    display: block;
    margin-inline: auto;
    margin-bottom: 40px;
}

.section9 .divider9B {
    width: 70%;
    display: block;
    margin-inline: auto;
}

/* Slider 9 */
.thi-slider-9 {
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin-bottom: 40px;
}

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

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

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

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

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

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

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

.button-testi-9 .btn-testi-next-9,
.button-testi-9 .btn-testi-prev-9 {
    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-9 img {
    width: 100%;
    display: block;
}

/* .button-testi-9 a {
    display: inline-block;
  } */

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

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

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

.awaitHead {
    font: normal normal 400 28px/40px Zapf Humanist;
    text-align: center;
    color: #faf6e9;
    -webkit-text-stroke: 0.5px #faf6e9;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.pointAwaits {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

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

.section9 .line2 {
    width: 2px;
    display: block;
    margin-top: 60px;
    margin-bottom: 40px;
    height: 10%;
    margin-inline: auto;
}

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

.sectCTA h2 {
    font: normal normal 400 23px/35px Zapf Humanist;
    text-align: center;
    color: #fbf6e9;
    -webkit-text-stroke: 0.5px #fbf6e9;
    margin-bottom: 20px;
    text-transform: uppercase;
}

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

.btnCTA a {
    width: 180px;
    text-align: center;
    background-color: #704822;
    font: normal normal 400 20px/30px Gazpacho;
    color: #fff;
    padding: 7px 0;
    border-radius: 30px;
    margin-bottom: 20px;
}

.sectCTA h3 {
    font: normal normal 400 20px/30px Zapf Humanist;
    text-align: center;
    color: #fbf6e9;
    -webkit-text-stroke: 0.5px #fbf6e9;
    text-transform: uppercase;
}

/* Section CTA */
.sectionCTA7{
    width: 100%;
    position: relative;
    padding: 20% 30px;
    background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/05/Scroll-Group-285.webp');
    background-position: center;
    background-size: cover;
}

.sectionCTA7 h2{
    font: normal normal 400 23px/35px Zapf Humanist;
    text-align: center;
    color: #806717;
    -webkit-text-stroke: 0.5px #806717;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.sectionCTA7 h3{
    font: normal normal 400 23px/35px Zapf Humanist;
    text-align: center;
    color: #806717;
    -webkit-text-stroke: 0.5px #806717;
    text-transform: uppercase;
    margin-bottom: 30px;
}

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

.sectionCTA7 .btnCTA7 a {
    width: 180px;
    text-align: center;
    background-color: #704822;
    font: normal normal 400 20px/30px Gazpacho;
    color: #fff;
    padding: 7px 0;
    border-radius: 30px;
    margin-bottom: 20px;
}