@font-face {
  font-family: Javanese;
  src: url(../font/Javanese\ text.ttf);
}
body {
  font-family: Javanese !important;
}
.navbar-nav {
  gap: 4.5rem;
}
.available-btn {
  border: 1px solid #06401c !important;
}
.nav-link {
  display: flex !important;
  align-items: center;
}
.line {
  flex: 1;
  margin: 0rem;
  width: 5.5rem;
}
.heroContainer {
  background-image: url("../images/heroImage.png");
  background-repeat: round;
  background-size: contain;
  padding: 5rem 7rem;
  height: 45rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar-brand {
  width: 128px;
  height: 70px;
  padding-top: 0rem !important;
}
.heroText {
  color: white;
  display: flex;
  justify-content: center;
}
.subText {
  font-weight: 400;
  margin: 8px 0px 0px 0px;
  letter-spacing: 5px;
}
.mainText {
  padding: 1.75rem;
  background-color: rgb(255 255 255 / 15%);
  backdrop-filter: blur(5px);
}
.aboutText {
  padding: 0rem 7rem;
}
.viewButton {
  border: 1px solid white;
  background-color: unset;
  color: white;
  padding: 0.8rem 3.5rem 0.6rem 3.5rem !important;
}
.accomodationColumn {
  background-image: url("../images/accomodation.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 40rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accomodationColumn-2 {
  background-image: url("../images/accomodation2.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 40rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accomodationText {
  text-align: center;
  padding: 6rem;
}
.vineyardText {
  display: flex;
  align-items: center;
  padding: 5rem;
  flex-direction: column;
  justify-content: center;
}
.vineyardContainer {
  position: relative;
}
.circle {
  position: absolute;
  bottom: -6rem;
  right: -6.5rem;
  text-align: center;
}
.tourContainer {
  background-color: #3a5d4a;
}
.tourImage {
  position: relative;
  z-index: 1;
}
h3 {
  font-size: 2.5rem !important;
  color: white !important;
}
.sustainability-container {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 500px;
}
.sustainability-item {
  flex: 1;
  transition: flex 0.5s ease-in-out;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sustainability-item:hover {
  flex: 2;
}
.sustainability-text {
  text-align: center;
  padding: 2rem;
  width: 100%;
}
.sustainability-text p {
  width: 12rem;
}
.image-one {
  background-image: url("../images/sus1.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.image-two {
  background-image: url("../images/sus2.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.image-three {
  background-image: url("../images/sus3.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.image-four {
  background-image: url("../images/sus4.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.image-five {
  background-image: url("../images/sus5.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.review-container {
  background-image: url("../images/reviewbg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.review-carousel i {
  font-size: 35px;
  color: #ffb52c;
  height: 35px;
}
.reviewImage {
  width: 50px !important;
  height: 50px;
}
.view-link {
  color: #156131;
  text-decoration: none;
  font-size: 20px;
  display: flex;
  gap: 0.7rem;
}
.view-link i {
  color: #156131 !important;
  font-size: 20px;
}
.review-carousel {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  background-color: rgb(255 255 255 / 60%);
  backdrop-filter: blur(14px);
}
.owl-item {
  padding: 7rem 0rem;
  display: flex;
  justify-content: center;
}
.review-divider {
  color: #969696;
  width: 25rem;
  margin: 0rem;
}
.owl-carousel {
  position: relative;
}
.owl-nav {
  position: absolute;
  top: 45%;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
footer {
  padding: 3rem 7rem;
}
.footer-items {
  color: white;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.footer-items p {
  font-size: 14px;
}
.contact-items {
  color: white;
  display: flex;
  flex-direction: column;
}
.contact-items p {
  font-size: 14px;
}
.subscribe {
  background-color: unset;
  border: none;
  border-bottom: 0.3px solid#B0B0B0;
  padding-bottom: 0.5rem;
  width: 100%;
}
.subscribe::placeholder {
  color: white;
  padding: 0.5rem;
}
.signup-notice {
  font-size: 14px;
  color: white;
  letter-spacing: 0.6px;
}
.signup-notice span {
  color: #b1fecd;
}
.footer-divider {
  color: white;
}