.home-banner {
  width: 100%;
  position: relative;
  height: 100vh;
}

.home-banner .banner-img {
  position: relative;
  padding-bottom: calc((1080 / 1920) * 100%);
  width: 100%;
  height: 100%;
}
.home-banner .banner-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-banner .banner-img .desktop-banner {
  display: none;
}
.home-banner .banner-img .mobile-banner {
  display: block;
}

@media (min-width: 768px) {
  .home-banner .banner-img .desktop-banner {
    display: block;
  }
  .home-banner .banner-img .mobile-banner {
    display: none;
  }
}

.banner-content,
.banner-img-wrap {
  position: absolute;
  left: 0;
}
.banner-img-wrap {
  top: 0;
  width: 100%;
  height: 100%;
}
.banner-content {
  top: 50%;
  left: 70px;
  transform: translateY(-50%);
  max-width: 425px;
  z-index: 2;
}

.banner-content .banner-title {
  font-size: 67px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  font-family: "Nunito Sans", Sans-serif;
}

.bannerSwiper .golden-next,
.bannerSwiper .golden-prev {
  border: 1px solid #e1b77e;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  top: unset;
  bottom: 90px;
  --swiper-navigation-size: 0;
  transition: all 0.3s ease-in-out;
}

.bannerSwiper .golden-next svg path,
.bannerSwiper .golden-prev svg path {
  fill: #e1b77e;
}

.bannerSwiper .golden-next {
  right: 70px;
}

.bannerSwiper .golden-prev {
  right: 140px;
  left: unset;
}

.bannerSwiper .golden-next::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="14" viewBox="0 0 19 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3816 14L12.7582 10.9975C12.8291 10.5892 12.9455 10.1901 13.1053 9.80777C13.2208 9.53545 13.387 9.28761 13.595 9.07746C14.1336 8.6011 14.8065 8.30285 15.5215 8.22375L15.5409 8.22159L15.5602 8.21792C16.1766 8.10033 17.8577 7.94517 18.5158 7.88753C18.641 7.87878 18.7588 7.82508 18.8475 7.73634C18.9448 7.63906 19 7.50681 19 7.36829C19 7.22977 18.9448 7.09752 18.8475 7.00024C18.7588 6.9115 18.641 6.8578 18.5158 6.84905C17.8577 6.79141 16.1766 6.63625 15.5602 6.51866L15.5269 6.5123L15.493 6.5105C14.7819 6.47279 14.11 6.17334 13.6065 5.66983C13.1029 5.16632 12.8035 4.49436 12.7658 3.7833L12.764 3.74942L12.7576 3.71609C12.6396 3.09739 12.4837 1.40512 12.4266 0.752197L11.4304 0.839365C11.4844 1.4565 11.6403 3.16682 11.7691 3.87029C11.8276 4.8153 12.2293 5.70688 12.8993 6.37693C13.0821 6.55969 13.2813 6.72249 13.4937 6.8638L0.585468 6.8638L0.585468 7.8638L13.5605 7.8638C13.3339 8.00264 13.119 8.162 12.9187 8.34059L12.9082 8.34997L12.8982 8.35994C12.5941 8.66356 12.3516 9.02316 12.1841 9.41886L12.1832 9.42086C11.9926 9.87657 11.8542 10.3524 11.7707 10.8393L11.7688 10.8504L11.7674 10.8616L11.3894 13.8756L12.3816 14Z" fill="white" fill-opacity="1"/></svg>');
}
.bannerSwiper .golden-prev::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="14" viewBox="0 0 19 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.61839 14L6.24182 10.9975C6.17094 10.5892 6.0545 10.1901 5.89465 9.80777C5.77921 9.53545 5.61303 9.28761 5.40504 9.07746C4.86637 8.6011 4.19349 8.30285 3.47853 8.22375L3.45906 8.22159L3.43981 8.21792C2.82338 8.10033 1.14226 7.94517 0.484188 7.88753C0.359036 7.87878 0.241196 7.82508 0.152459 7.73634C0.0551818 7.63906 5.67653e-07 7.50681 5.79763e-07 7.36829C5.91872e-07 7.22977 0.0551819 7.09752 0.152459 7.00024C0.241196 6.9115 0.359036 6.8578 0.484188 6.84905C1.14226 6.79141 2.82338 6.63625 3.43981 6.51866L3.47314 6.5123L3.50702 6.5105C4.21807 6.47279 4.89004 6.17334 5.39355 5.66983C5.89705 5.16632 6.19649 4.49436 6.23421 3.7833L6.23601 3.74942L6.24236 3.71609C6.36039 3.09739 6.51628 1.40512 6.57341 0.752197L7.5696 0.839365C7.5156 1.4565 7.35967 3.16682 7.23085 3.87029C7.17241 4.8153 6.7707 5.70688 6.10065 6.37693C5.9179 6.55969 5.71866 6.72249 5.50635 6.8638L18.4145 6.8638L18.4145 7.8638L5.43954 7.8638C5.6661 8.00264 5.88097 8.162 6.08126 8.34059L6.09179 8.34997L6.10177 8.35994C6.40589 8.66356 6.64839 9.02316 6.81593 9.41886L6.81677 9.42086C7.00739 9.87657 7.14578 10.3524 7.2293 10.8393L7.23121 10.8504L7.23261 10.8616L7.61062 13.8756L6.61839 14Z" fill="white" fill-opacity="1"/></svg>');
}

@media (min-width: 1024px) {
  .bannerSwiper .golden-next:hover,
  .bannerSwiper .golden-prev:hover {
    background-color: #e1b77e;
  }

  .bannerSwiper .golden-next:hover svg path,
  .bannerSwiper .golden-prev:hover svg path {
    fill: #e1b77e;
  }
}

@media (max-width: 991.98px) {
  .banner-content .banner-title {
    font-size: 52px;
  }
  .banner-content {
    max-width: 390px;
  }
}
@media (max-width: 767.98px) {
  .banner-content .banner-title {
    font-size: 40px;
  }
  .banner-content {
    left: 20px;
    top: unset;
    bottom: 80px;
    max-width: 100%;
  }
  .bannerSwiper .golden-next,
  .bannerSwiper .golden-prev {
    bottom: 60px;
    width: 40px;
    height: 40px;
  }
  .bannerSwiper .golden-next {
    right: 20px;
  }
  .bannerSwiper .golden-prev {
    right: 75px;
  }
}