@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Italiana&display=swap");
body {
  background: url("../images/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

body * {
  font-family: "Montserrat", sans-serif;
}

.default-font {
  font-family: "Montserrat", sans-serif;
}

.font-italiana {
  font-family: "Italiana", serif;
}

/* swiper start */

.custom-button-next,
.custom-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.custom-button-next {
  right: 0;
}
.custom-button-prev {
  left: 0;
}
.direction-page-hero-image-wrapper {
  background-size: 100% 100%;
}

.home-page-hero-image-wrapper,
.package-details-page-hero-image-wrapper,
.local-eat-page-hero-image-wrapper,
.blog-list-page-hero-image-wrapper,
.blob-article-page-hero-image-wrapper,
.package-list-page-hero-image-wrapper {
  background-size: 100% 100%;
}

@media screen and (min-width: 768px) {
  .home-page-hero-image-wrapper,
  .package-details-page-hero-image-wrapper,
  .local-eat-page-hero-image-wrapper,
  .blog-list-page-hero-image-wrapper,
  .blob-article-page-hero-image-wrapper,
  .package-list-page-hero-image-wrapper {
    background-size: 80% 100%;
  }
  .direction-page-hero-image-wrapper {
    background-size: 90% 100%;
  }
}