@import url('./swiper.css');
@import url('../section-banner/assets/styles.css');
@import url('../section-about/assets/styles.css');
@import url('./tab-bar.css');
@import url('../section-suggest/assets/styles.css');
@import url('../../components/tour-item/styles.css');
@import url('../section-cultures/assets/styles.css');
@import url('../section-attractions/assets/styles.css');
@import url('../section-stays/assets/styles.css');
@import url('../section-year/assets/styles.css');
@import url('../section-insider/assets/styles.css');
@import url('../../components/section-reason/assets/styles.css');

main {
  position: relative;
  background-image: url('/wp-content/uploads/backgroundpc.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #fbf9f8;
}

section {
  overflow: hidden;
}

.destination-sticky-container {
  position: relative;
}

.footer_container {
  margin-top: -2.5rem;
  z-index: 10;
}

.overlay-destination-page {
  height: 8rem;
  position: absolute;
  z-index: 10;
  bottom: -3rem;
  left: 0;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.02) 0.76%,
    rgba(255, 255, 255, 0.02) 2.08%,
    rgba(255, 255, 255, 0) 9.13%,
    rgba(255, 255, 255, 0.2) 22.28%,
    rgba(255, 255, 255, 0.49) 37.52%,
    rgba(255, 255, 255, 0.71) 47.65%,
    rgba(255, 255, 255, 1) 76.11%,
    rgba(255, 255, 255, 0) 91.12%
  );
  pointer-events: none;
}

@media screen and (max-width: 639.98px) {
  main {
    background-image: url('/wp-content/uploads/holiday-type_bg-mobile.webp');
  }
}