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 20% 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: -15%;
  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: 60px;
}

.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-color: #FAF6E9;
  padding: 5% 0 20% 0;
}

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

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

.sectionVilla .headlineVilla {
  width: 100%;
  position: relative;
  padding-inline: 20px;
  margin-bottom: 50px;
  display: block;
  z-index: 3;
}

.headlineVilla h2 {
  font: normal normal 400 24px/34px Trajan Pro3;
  text-align: center;
  color: #4A461A;
  -webkit-text-stroke: 1px #4A461A;
}

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

.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 #4A461A;
  /* border kuning */
  background-color: transparent;
  opacity: 1;
  width: 15px;
  height: 15px;
}

.slider3M .slick-dots li button:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #4A461A;
  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;
}


.sectionVilla .dividerVilla {
  width: 100%;
  position: relative;
  padding-inline: 20px;
  display: flex;
  justify-content: center;
}

.dividerVilla img {
  width: 75%;
  display: block;
}

/* 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 Inclusion */
.sectionInclusion {
  width: 100%;
  position: relative;
  background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/09/Group-9240.webp');
  background-position: bottom center;
  background-size: cover;
}

.sectionInclusion .bodyInclusion {
  background-color: #6F6537;
  padding: 40px 30px;
  border-radius: 20px;
}

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

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

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

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

/* Shown content */
.sectionInclusion .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/engin-akyurt-aNPWJlyUiEA-unsplash-1.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: #FFFFFF;
  margin-bottom: 15px;
}

.headPrices h2 {
  font: normal normal 600 26px/34px Accia Piano;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  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 #ffffff;
  border-radius: 20px;
  font: normal normal 300 20px / 28px Accia Piano;
  color: #ffffff;
  appearance: none;
  /* standard */
  -webkit-appearance: none;
  /* Safari/Chrome */
  -moz-appearance: none;
  /* Firefox */
  padding-right: 40px;
  /* kasih ruang buat icon arrow custom */
  position: relative;
  background: url("data:image/svg+xml;utf8,<svg fill='white' height='24' width='24' xmlns='http://www.w3.org/2000/svg'><path 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: #FFFFFF;
  text-decoration: line-through;
}

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

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

.hiddens {
  display: none;
}

.contentPrices {
  width: 100%;
  position: relative;
  padding: 20% 20px 20% 20px;
  background-image: url('https://khastanahadiubud.com/wp-content/uploads/2025/09/5eb586ef-ae4b-41d2-b9b6-38c4c53addcf.webp');
  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: #806717;
  -webkit-text-stroke: 0.2px #806717;
  margin-bottom: 30px;
}


.contentWA p {
  font: normal normal 16px/20px Accia Piano;
  text-align: center;
  color: #806717;
  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: #806717;
  -webkit-text-stroke: 0.2px #806717;
  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: #FFFFFF;
  padding: 8px 5px;
  text-align: center;
  text-decoration: none;
  width: 65%;
  background-color: #806717;
  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-color: #806717;
  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: #FFFFFF;
  -webkit-text-stroke: 0.3px #FFFFFF;
}

.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: #FFFFFF;
  border: 1px solid #FFFFFF;
  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 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: -20px;
  /* padding-inline: 20px; */
  z-index: 4;

}

.contentPoster2 h2 {
  font: normal normal 400 29px / 35px 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;
}