.elementor-1495 .elementor-element.elementor-element-94f804a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-684a709 */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

:root {
  /* Color Variables */
  --color-black: #000000;
  --color-teal-500: #00b4b5;
  --color-stone-700: #493c39;
  --color-neutral-600: #494a4d;
  --color-zinc-400: #a0a2a7;
  --color-brown: #c2725e;
  --color-gray-200: #e7e9ee;
  --color-emerald-50: #e8f8f2;
  --color-red-300: #efa996;
  --color-gray-50: #fafafc;
  --color-white: #ffffff;

  /* Font Family Variables */
  --font-sans-roboto: Roboto;

  /* Gradient Variables */
  --gradient-linear-0d: linear-gradient(0deg, var(--color-black) 0% 0%, var(--color-black) 100% 100%);

  /* Font Size Variables */
  --text-xs: 0.75rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-4xl: 2.75rem;
  --text-5xl: 3.5rem;

  /* Font Weight Variables */
  --fw-regular: 400;
  --fw-medium: 500;

  /* Line Height Variables */
  --leading-100%: 100%;
  --leading-115%: 115%;
  --leading-125%: 125%;
  --leading-150%: 150%;

  /* Spacing Variables */
  --spacing-zero: 0;
  --spacing-zero-2: 0;
  --spacing-sm: 0.25rem;
  --spacing-md: 0.5rem;
  --spacing-lg: 0.75rem;
  --spacing-xl: 1rem;
  --spacing-2xl-2: 1.25rem;
  --spacing-2xl: 1.5rem;
  --spacing-3xl: 1.75rem;
  --spacing-3xl-2: 2rem;
  --spacing-4xl: 2.25rem;
  --spacing-4xl-2: 3rem;

  /* Dimension Variables */
  --size-full: 100%;
  --size-zero: 0;
  --size-lg: 13px;
  --size-lg-2: 16px;
  --size-xl-2: 20px;
  --size-xl: 22px;
  --size-3xl-2: 36.23px;
  --size-3xl: 48px;
  --size-4xl: 63.99px;
  --size-6xl: 120px;
  --size-5xl-130px: 130px;
  --size-5xl-140px: 140px;
  --size-5xl: 1352px;

  /* Border Width Variables */
  --border-hairline: 1px;

  /* Border Radius Variables */
  --radius-3xl-2: 1.5rem;
  --radius-3xl-3rem: 3rem;
  --radius-3xl-5rem: 5rem;
  --radius-3xl-5-2rem: 5.2081rem;
  --radius-3xl-9-8rem: 9.7656rem;
  --radius-3xl: 12.5rem;
}

* {
  box-sizing: border-box;
}

button,
a {
  cursor: pointer;
}

.Vacation-homes {
  border: var(--border-hairline) solid var(--color-white);
  background-clip: padding-box;
}

.bg-white {
  background-color: var(--color-white);
}

.bg-black_40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.bg-teal-500 {
  background-color: var(--color-teal-500);
}

.bg-emerald-50 {
  background-color: var(--color-emerald-50);
}

.bg-gray-50 {
  background-color: var(--color-gray-50);
}

.bg-gray-200 {
  background-color: var(--color-gray-200);
}

.bg-stone-700 {
  background-color: var(--color-stone-700);
}

.text-white {
  color: var(--color-white);
}

.text-black {
  color: var(--color-black);
}

.text-stone-700 {
  color: var(--color-stone-700);
}

.text-neutral-600 {
  color: var(--color-neutral-600);
}

.text-primary {
  color: var(--color-brown);
}

.text-zinc-400 {
  color: var(--color-zinc-400);
}

.button {
  width: var(--size-full);
  border-radius: var(--radius-3xl);
  box-shadow: 0px 0px 2px 0px rgba(55, 201, 114, 0.23);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  padding: var(--spacing-xl) var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.button2 {
  position: relative;
  height: var(--size-3xl);
  max-width: var(--size-3xl);
  width: var(--size-3xl);
  border-radius: var(--radius-3xl);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.subscribeButtonBg {
  border-radius: var(--radius-3xl);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
  padding: var(--spacing-lg) var(--spacing-xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.containerUltraWide {
  max-width: 1440px;
  width: var(--size-full);
  margin-left: auto;
  margin-right: auto;
}

.homeNavLink {
  max-width: 61.94px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
  text-align: center;
}

.vacationHomesNavLink {
  max-width: 172.28px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
  text-align: center;
}

.rentalRVsNavLink {
  max-width: 114.33px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
  text-align: center;
}

.allPropertiesNavLink {
  max-width: 142.96px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
  text-align: center;
}

.aboutUsNavLink {
  max-width: 94.85px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
  text-align: center;
}

.hostWithUsButton {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  text-align: center;
}

.searchLocationInput {
  max-width: 120.64px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-xs);
  font-weight: var(--fw-regular);
  line-height: var(--leading-150%);
}

.checkInInput {
  max-width: 55.51px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-xs);
  font-weight: var(--fw-regular);
  line-height: var(--leading-150%);
}

.guestsInput {
  max-width: 45.83px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-xs);
  font-weight: var(--fw-regular);
  line-height: var(--leading-150%);
}

.propertyTitle {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-xl);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  margin-top: var(--spacing-3xl);
}

.propertyDescription {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-xs);
  font-weight: var(--fw-regular);
  line-height: var(--leading-150%);
  margin-top: var(--spacing-xl);
}

.priceText {
  max-width: 73.39px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-xs);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  text-align: center;
}

.ratingText {
  max-width: 29.07px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-xs);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  text-align: center;
}

.pageIndicator {
  max-width: 33.69px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
}

.featuresSubtitle {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
}

.featuresTitle {
  max-width: 543.72px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-4xl);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
}

.browseRentalsButton {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  text-align: center;
}

.featureTitle {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
}

.featureDescription {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-xs);
  font-weight: var(--fw-regular);
  line-height: var(--leading-150%);
}

.testimonialsSubtitle {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
}

.testimonialsTitle {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-4xl);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  text-align: center;
}

.testimonialQuote {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
}

.testimonialQuote2 {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-xl);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-3xl);
}

.testimonialDescription {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-xs);
  font-weight: var(--fw-regular);
  line-height: var(--leading-150%);
}

.testimonialDescription2 {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-xs);
  font-weight: var(--fw-regular);
  line-height: var(--leading-150%);
  text-align: center;
  margin-top: var(--spacing-2xl);
}

.testimonialAuthor {
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
}

.testimonialLocation {
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
}

.newsletterTitle {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  text-align: center;
}

.emailInputFooter {
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
}

.subscribeButton {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-100%);
}

.mainPagesHeading {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  text-align: center;
}

.homeLink {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-3xl);
}

.vacationHomesLink {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-2xl);
}

.midTermRentalsLink {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-2xl);
}

.rvRentalsLink {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-2xl);
}

.allPropertiesLink {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-2xl);
}

.aboutUsLinkFooter {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-2xl-2);
}

.hostWithUsLinkFooter {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-2xl);
}

.areaGuidesLink {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-2xl);
}

.destinationsHeading {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  text-align: center;
}

.santaCruzLink {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-3xl-2);
}

.feltonLink {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-2xl);
}

.goldHillLink {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-2xl);
}

.boiseLink {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
  margin-top: var(--spacing-2xl);
}

.connectHeading {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-lg);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  text-align: center;
}

.facebookText {
  max-width: 76.67px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
}

.instagramText {
  max-width: 78.43px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
}

.contactUsText {
  max-width: 84.67px;
  width: var(--size-full);
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-125%);
  text-align: center;
}

.copyrightText {
  width: fit-content;
  font-family: var(--font-sans-roboto);
  font-size: var(--text-base);
  font-weight: var(--fw-regular);
  line-height: var(--leading-150%);
  margin-left: var(--spacing-4xl);
  margin-top: var(--spacing-4xl);
}

.propertyCardsGridRow- {
  max-width: 1344px;
  width: var(--size-full);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--spacing-zero) var(--spacing-3xl-2);
}

.propertyCard {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.propertyImage {
  height: 360px;
  max-width: 392px;
  width: var(--size-full);
  background-position: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 6.5rem var(--spacing-2xl-2);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}

.paddingWrapperpropertyImage {
  max-width: var(--size-3xl);
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.plusIconBg {
  position: relative;
  height: var(--size-3xl);
  max-width: var(--size-3xl);
  width: var(--size-3xl);
  border-radius: var(--radius-3xl);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.plusIcon {
  position: absolute;
  left: var(--size-lg);
  top: var(--size-lg);
  width: var(--size-xl);
  height: var(--size-xl);
  object-fit: contain;
  object-position: center center;
}

.priceRatingContainer {
  max-width: 168.85px;
  width: var(--size-full);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.25rem;
}

.currencyIcon {
  height: 24px;
  max-width: 24px;
  width: var(--size-full);
  object-fit: contain;
  object-position: center center;
  overflow: hidden;
}

.starIcon {
  height: var(--size-xl-2);
  max-width: var(--size-xl-2);
  width: var(--size-full);
  object-fit: contain;
  object-position: center center;
}

.contentSeparator {
  position: absolute;
  left: var(--size-zero);
  top: 479px;
  width: 392px;
  height: var(--size-3xl);
  object-fit: contain;
  object-position: center center;
}

.featuresGridRow- {
  width: var(--size-full);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--spacing-zero) var(--spacing-3xl-2);
}

.featureItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.featureImage {
  width: var(--size-full);
  object-fit: contain;
  object-position: center center;
}

.testimonialCardBg {
  border-radius: var(--radius-3xl-2);
  padding: var(--spacing-4xl-2) var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 600px;
  width: var(--size-full);
}

.paddingWrappertestimonialCardBg {
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: var(--spacing-sm);
  gap: var(--spacing-3xl) var(--spacing-zero);
}

.paddingWrappertestimonialCardBgRow- {
  width: var(--size-full);
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-zero) var(--spacing-xl);
}

.paddingWrappertestimonialCardBgRowColumn {
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-2xl-2) var(--spacing-zero);
}

.footerBgRow- {
  width: var(--size-full);
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-zero) var(--spacing-3xl-2);
}

.socialLink {
  width: var(--size-full);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-zero) var(--spacing-sm);
}

.heroSection {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.headerBg {
  position: relative;
  z-index: 61;
  transform: rotate(-180deg);
  rotate: -180deg;
  max-width: var(--size-5xl);
  width: var(--size-full);
  background-image: var(--gradient-linear-0d);
  background-position: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.4;
  padding: 1.5rem 1.75rem 4.5rem 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.paddingWrapperheaderBg {
  max-width: 855.99px;
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.headerContent {
  max-width: 855.99px;
  width: var(--size-full);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-zero) var(--spacing-2xl-2);
}

.navLinksContainer {
  max-width: 691.5px;
  width: var(--size-full);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--spacing-zero) var(--spacing-2xl);
}

.hostWithUsButtonBg {
  max-width: 143px;
  border: var(--border-hairline) solid var(--color-white);
  background-clip: padding-box;
  align-items: center;
}

.heroContentBg {
  position: relative;
  z-index: 26;
  height: 625px;
  max-width: 1351px;
  width: var(--size-full);
  background-image: var(--gradient-linear-0d);
  background-position: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: var(--radius-3xl-2);
  opacity: 0.7;
  padding: 12rem 1.75rem 5rem 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.paddingWrapperheroContentBg {
  max-width: 1208px;
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md) var(--spacing-zero);
}

.heroTitle {
  width: fit-content;
  display: block;
}

.herotitle_0 {
  font-family: var(--font-sans-roboto);
  font-size: var(--text-5xl);
  font-weight: var(--fw-medium);
  line-height: var(--leading-115%);
  color: var(--color-white);
}

.herotitle_1 {
  font-family: var(--font-sans-roboto);
  font-size: var(--text-5xl);
  font-weight: var(--fw-medium);
  line-height: var(--leading-115%);
  color: var(--color-red-300);
}

.herotitle_2 {
  font-family: var(--font-sans-roboto);
  font-size: var(--text-5xl);
  font-weight: var(--fw-medium);
  line-height: var(--leading-115%);
  color: var(--color-white);
}

.form-container-1 {
  max-width: 1208px;
  width: var(--size-full);
  border-radius: var(--radius-3xl-3rem);
  padding: var(--spacing-2xl);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--spacing-zero) var(--spacing-2xl);
}

.searchLocationInputBg {
  height: var(--size-3xl);
  outline: none;
  padding: 0.25rem 0.5rem 0.25rem 1rem;
  border: var(--border-hairline) solid var(--color-white);
  background-clip: padding-box;
  border-radius: var(--radius-3xl-3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.searchLocationInputBgRow {
  max-width: 416.36px;
  width: var(--size-full);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-zero) var(--spacing-3xl-2);
}

.searchIconButtonBg {
  position: relative;
  height: var(--size-3xl-2);
  max-width: var(--size-3xl-2);
  width: var(--size-3xl-2);
  border-radius: var(--radius-3xl-5rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.searchIcon {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 20.23px;
  height: 20.23px;
  background-image: url(https://upbuilder.s3.amazonaws.com/projects/6bfea94f-e828-4401-aad8-e79a195b6e90/images/search-icon.png);
  background-position: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.checkInInputBg {
  height: var(--size-3xl);
  outline: none;
  padding: var(--spacing-xl) var(--spacing-lg);
  border: var(--border-hairline) solid var(--color-white);
  background-clip: padding-box;
  border-radius: var(--radius-3xl-3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.checkInInputBgRow {
  max-width: 306.57px;
  width: var(--size-full);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-zero) var(--spacing-3xl-2);
}

.checkInDropdownIcon {
  height: var(--size-lg-2);
  max-width: var(--size-lg-2);
  width: var(--size-full);
  background-image: url(https://upbuilder.s3.amazonaws.com/projects/6bfea94f-e828-4401-aad8-e79a195b6e90/images/chevron-down.png);
  background-position: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.guestsInputBg {
  height: var(--size-3xl);
  outline: none;
  padding: var(--spacing-xl) var(--spacing-lg);
  border: var(--border-hairline) solid var(--color-white);
  background-clip: padding-box;
  border-radius: var(--radius-3xl-3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.guestsInputBgRow {
  max-width: 306.55px;
  width: var(--size-full);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-zero) var(--spacing-3xl-2);
}

.guestsDropdownIcon {
  height: var(--size-lg-2);
  max-width: var(--size-lg-2);
  width: var(--size-full);
  background-image: url(https://upbuilder.s3.amazonaws.com/projects/6bfea94f-e828-4401-aad8-e79a195b6e90/images/chevron-down-2.png);
  background-position: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.heroBgImageGlamping {
  position: absolute;
  left: var(--size-zero);
  top: var(--size-zero);
  z-index: 4;
  width: var(--size-5xl);
  height: 700px;
  border-radius: var(--radius-3xl-2);
  object-fit: contain;
  object-position: center center;
}

.heroBgImageOceanfront {
  position: absolute;
  left: var(--size-zero);
  top: var(--size-zero);
  z-index: 5;
  width: var(--size-5xl);
  height: 700px;
  object-fit: contain;
  object-position: center center;
}

.propertyListingsBg {
  overflow: hidden;
  padding: var(--spacing-4xl-2) var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.propertyListingsContentBg {
  max-width: 1392px;
  width: var(--size-full);
  overflow: hidden;
  padding: var(--spacing-4xl-2) var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-3xl-2) var(--spacing-zero);
}

.propertyCardsGrid {
  max-width: 1344px;
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-3xl-2) var(--spacing-zero);
}

.propertyImage1 {
  background-image: url(https://upbuilder.s3.amazonaws.com/projects/6bfea94f-e828-4401-aad8-e79a195b6e90/images/tent-bedroom.png);
}

.propertyTitle1 {
  margin-left: var(--spacing-zero-2);
}

.propertyImage2 {
  background-image: url(https://upbuilder.s3.amazonaws.com/projects/6bfea94f-e828-4401-aad8-e79a195b6e90/images/tent-dining.png);
}

.propertyTitle2 {
  margin-left: var(--spacing-zero-2);
}

.propertyImage3 {
  background-image: url(https://upbuilder.s3.amazonaws.com/projects/6bfea94f-e828-4401-aad8-e79a195b6e90/images/tent-lounge.png);
}

.propertyImage4 {
  background-image: url(https://upbuilder.s3.amazonaws.com/projects/6bfea94f-e828-4401-aad8-e79a195b6e90/images/tent-twinbeds.png);
}

.propertyImage5 {
  background-image: url(https://upbuilder.s3.amazonaws.com/projects/6bfea94f-e828-4401-aad8-e79a195b6e90/images/tent-dining-2.png);
}

.propertyImage6 {
  background-image: url(https://upbuilder.s3.amazonaws.com/projects/6bfea94f-e828-4401-aad8-e79a195b6e90/images/tent-living.png);
}

.propertyTitle6 {
  margin-left: var(--spacing-zero-2);
}

.paginationContainer {
  max-width: 216px;
  width: var(--size-full);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-zero) var(--spacing-3xl-2);
}

.chevronLeftIcon {
  position: absolute;
  left: var(--size-lg);
  top: var(--size-lg);
  width: var(--size-xl);
  height: var(--size-xl);
  object-fit: contain;
  object-position: center center;
}

.chevronRightIcon {
  position: absolute;
  left: var(--size-lg);
  top: var(--size-lg);
  width: var(--size-xl);
  height: var(--size-xl);
  object-fit: contain;
  object-position: center center;
}

.featuresBg {
  overflow: hidden;
  padding: 3.25rem var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-xl) var(--spacing-zero);
}

.featuresHeadingContainer {
  max-width: 1199.13px;
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-2xl-2) var(--spacing-zero);
}

.featuresHeadingContainerRow {
  max-width: 1198.95px;
  width: var(--size-full);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--spacing-zero) var(--spacing-3xl-2);
}

.browseRentalsButtonBg {
  max-width: 182px;
  align-items: flex-start;
}

.featuresGrid {
  max-width: 1193.97px;
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-3xl-2) var(--spacing-zero);
}

.featuresGridRow-1 {
  max-width: 1193.97px;
}

.featureImage1 {
  height: 143px;
  max-width: 151px;
}

.featureTitle1 {
  margin-top: var(--spacing-md);
}

.featureDescription1 {
  margin-top: var(--spacing-xl);
}

.featureImage2 {
  height: var(--size-5xl-140px);
  max-width: var(--size-5xl-140px);
}

.featureTitle2 {
  margin-top: var(--spacing-xl);
}

.featureDescription2 {
  margin-top: var(--spacing-xl);
}

.featureImage3 {
  height: var(--size-5xl-140px);
  max-width: var(--size-5xl-140px);
}

.featureTitle3 {
  margin-top: var(--spacing-xl);
}

.featureDescription3 {
  margin-top: var(--spacing-xl);
}

.featuresGridRow-2 {
  max-width: 1181.08px;
}

.featureImage4 {
  height: var(--size-5xl-130px);
  max-width: 210px;
}

.featureTitle4 {
  margin-top: var(--spacing-xl);
}

.featureDescription4 {
  margin-top: var(--spacing-xl);
}

.featureItem5 {
  gap: var(--spacing-xl) var(--spacing-zero);
}

.featureImage5 {
  height: var(--size-5xl-130px);
  max-width: 177px;
}

.featureImage6 {
  height: var(--size-5xl-130px);
  max-width: 164px;
}

.featureTitle6 {
  margin-top: var(--spacing-xl);
}

.featureDescription6 {
  margin-top: var(--spacing-xl);
}

.testimonialsBg {
  overflow: hidden;
  padding: var(--spacing-4xl-2) var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-3xl) var(--spacing-zero);
}

.testimonialsHeadingContainer {
  max-width: 163.6px;
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-3xl) var(--spacing-zero);
}

.testimonialCardsContainer {
  max-width: 1222.5px;
  width: var(--size-full);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--spacing-zero) var(--spacing-2xl-2);
}

.testimonialCardBg1 {
  align-items: center;
  max-width: var(--size-zero);
  width: initial;
}

.paddingWrappertestimonialCardBg1 {
  max-width: 427.24px;
  margin-left: var(--spacing-zero);
  gap: initial;
}

.malePortraitBg {
  position: relative;
  height: var(--size-6xl);
  max-width: var(--size-6xl);
  width: var(--size-6xl);
  border: var(--border-hairline) solid var(--color-gray-200);
  background-clip: padding-box;
  border-radius: var(--radius-3xl-5-2rem);
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.malePortrait {
  position: absolute;
  left: var(--size-zero);
  top: var(--size-zero);
  width: var(--size-6xl);
  height: var(--size-6xl);
  object-fit: contain;
  object-position: center center;
  overflow: hidden;
}

.testimonialAuthor1 {
  width: fit-content;
  margin-top: var(--spacing-3xl);
}

.testimonialCardsContainerColumn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-2xl-2) var(--spacing-zero);
}

.paddingWrappertestimonialCardBg2 {
  max-width: 514.83px;
}

.paddingWrappertestimonialCardBg2Row-1 {
  max-width: 514.83px;
  display: flex;
}

.femalePortraitBg {
  position: relative;
  height: var(--size-4xl);
  max-width: var(--size-4xl);
  width: var(--size-4xl);
  border: var(--border-hairline) solid var(--color-gray-200);
  background-clip: padding-box;
  border-radius: var(--radius-3xl-9-8rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.femalePortrait {
  position: absolute;
  left: var(--size-zero);
  top: var(--size-zero);
  width: var(--size-4xl);
  height: var(--size-4xl);
  object-fit: contain;
  object-position: center center;
  overflow: hidden;
}

.paddingWrappertestimonialCardBg2RowColumn {
  max-width: 438.11px;
}

.paddingWrappertestimonialCardBg2Row-2 {
  max-width: 313.93px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  align-items: stretch;
}

.paddingWrappertestimonialCardBg3 {
  max-width: 506.02px;
}

.paddingWrappertestimonialCardBg3Row-1 {
  max-width: 506.02px;
  display: flex;
}

.youthPortraitBg {
  position: relative;
  height: var(--size-4xl);
  max-width: var(--size-4xl);
  width: var(--size-4xl);
  border: var(--border-hairline) solid var(--color-gray-200);
  background-clip: padding-box;
  border-radius: var(--radius-3xl-9-8rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.youthPortrait {
  position: absolute;
  left: var(--size-zero);
  top: var(--size-zero);
  width: var(--size-4xl);
  height: var(--size-4xl);
  object-fit: contain;
  object-position: center center;
}

.paddingWrappertestimonialCardBg3RowColumn {
  max-width: 429.17px;
}

.paddingWrappertestimonialCardBg3Row-2 {
  max-width: 303.87px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  align-items: stretch;
}

.footerBg {
  border-radius: var(--radius-3xl-2);
  padding: 4rem var(--spacing-zero-2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.footerBgRow-1 {
  max-width: 1224px;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}

.footerBrandSection {
  max-width: 295px;
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-2xl) var(--spacing-zero);
}

.footerWaveGraphic {
  height: 57.33px;
  max-width: 295px;
  width: var(--size-full);
  object-fit: contain;
  object-position: center center;
}

.footerBrandDetails {
  max-width: 283.43px;
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: var(--spacing-sm);
  gap: var(--spacing-xl) var(--spacing-zero);
}

.footerBrandText {
  height: 30.77px;
  max-width: 283.43px;
  width: var(--size-full);
  object-fit: contain;
  object-position: center center;
}

.footerBrandTextLabel {
  height: 13.17px;
  max-width: 244.01px;
  width: var(--size-full);
  object-fit: contain;
  object-position: center center;
}

.newsletterSection {
  max-width: 453px;
  width: var(--size-full);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-lg) var(--spacing-zero);
}

.emailInputBgFooter {
  height: 66px;
  max-width: 453px;
  width: var(--size-full);
  outline: none;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  border: var(--border-hairline) solid var(--color-white);
  background-clip: padding-box;
  border-radius: var(--radius-3xl);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-zero) var(--spacing-3xl-2);
}

.footerBgRow-2 {
  max-width: 1140.9px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  align-items: stretch;
  margin-left: var(--spacing-4xl);
  margin-top: 6.75rem;
}

.footerDescription {
  display: block;
}

.footerdescription_0 {
  font-family: var(--font-sans-roboto);
  font-size: var(--text-4xl);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  color: var(--color-white);
}

.footerdescription_1 {
  font-family: var(--font-sans-roboto);
  font-size: var(--text-4xl);
  font-weight: var(--fw-medium);
  line-height: var(--leading-125%);
  color: var(--color-red-300);
}

.footerLinksGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--spacing-zero) var(--spacing-3xl-2);
}

.mainPagesColumn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.destinationsColumn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.connectColumn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.socialLink1 {
  max-width: 104.56px;
  margin-top: var(--spacing-3xl-2);
}

.facebookIcon {
  height: var(--size-xl-2);
  max-width: var(--size-xl-2);
  width: var(--size-full);
  object-fit: contain;
  object-position: center center;
}

.socialLink2 {
  max-width: 106.4px;
  align-items: flex-end;
  margin-top: var(--spacing-xl);
}

.instagramIcon {
  height: var(--size-xl-2);
  max-width: var(--size-xl-2);
  width: var(--size-full);
  object-fit: contain;
  object-position: center center;
}

.contactLink {
  max-width: 110.41px;
  width: var(--size-full);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--spacing-2xl-2);
  gap: var(--spacing-zero) var(--spacing-md);
}

.emailIcon {
  height: 14.65px;
  max-width: 17px;
  width: var(--size-full);
  object-fit: contain;
  object-position: center center;
}/* End custom CSS */