/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
/*!
Theme Name: GS Theme
Theme URI: https://gloversure.co.uk/
Author: Gloversure
Author URI: https://gloversure.co.uk/
Description: A custom theme based of _tw.
Version: 4
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gs
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

_gs is based on _tw https://underscoretw.com/, (C) 2021-2025 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2025 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/
@layer properties;
:root, :host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-amber-400: oklch(82.8% 0.189 84.429);
  --color-blue-200: oklch(88.2% 0.059 254.128);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-rose-500: oklch(64.5% 0.246 16.439);
  --color-rose-600: oklch(58.6% 0.253 17.585);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-neutral-900: oklch(20.5% 0 0);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-xl: 36rem;
  --container-4xl: 56rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --font-weight-thin: 100;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --tracking-wide: 0.025em;
  --leading-tight: 1.25;
  --leading-relaxed: 1.625;
  --leading-loose: 2;
  --radius-md: 0.375rem;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --blur-md: 12px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color-background: var(--wp--preset--color--background);
  --color-foreground: var(--wp--preset--color--foreground);
  --color-primary: var(--wp--preset--color--primary);
  --color-secondary: var(--wp--preset--color--secondary);
  --container-content: var(--wp--style--global--content-size);
  --container-wide: var(--wp--style--global--wide-size);
  --container-narrow: 72.89%;
  --container-blog-column: 65%;
  --container-img-copy: 68%;
  --spacing-banner: clamp(65vh, 75vw, 75vh);
  --aspect-cta-card: 43 / 50;
  --aspect-img-tall: 3 / 4;
  --spacing-offscreen-standard: var(--offscreen-std-spacer);
  --spacing-menu-pad: var(--menu-wide-padding);
  --grid-template-columns-sc-property-grid: minmax(0, 0.692fr)
		minmax(0, 0.408fr);
  --grid-template-columns-sc-location-grid: minmax(0, 1fr) minmax(0, 1fr);
  --grid-template-columns-sc-related-grid: minmax(0, 480px) minmax(0, 3fr);
  --font-titles: "Lora", var(--wp--preset--font-family--titles);
  --font-body: "Lexend", var(--wp--preset--font-family--body);
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: var(--color-background);
}
:root {
  --wp--style--global--content-size: 85%;
  --wp--style--global--wide-size: 95%;
  --offscreen-std-spacer: calc(
		(100% - var(--wp--style--global--content-size)) / 2
	);
  --offscreen-wide-spacer: calc(
		(100% - var(--wp--style--global--wide-size)) / 2
	);
  --menu-wide-padding: 5%;
}
.container {
  margin-inline: auto;
}
@media (max-width: 1750px) {
  .single-property .container {
    width: 85%;
  }
}
.h-smart-spacer-sm {
  height: var(--ff-smart-spacer-sm);
}
.h-smart-spacer-md {
  height: var(--ff-smart-spacer-md);
}
.h-smart-spacer-lg {
  height: var(--ff-smart-spacer-lg);
}
.h-smart-spacer-xl {
  height: var(--ff-smart-spacer-xl);
}
@font-face {
  font-display: swap;
  font-family: "Lora";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/lora-v36-latin-regular.woff2") format("woff2"),		url("./fonts/lora-v36-latin-regular.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Lexend";
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/lexend-exa-v30-latin-300.woff2") format("woff2"),		url("./fonts/lexend-exa-v30-latin-300.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Lexend";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/lexend-v25-latin-regular.woff2") format("woff2"),		url("./fonts/lexend-v25-latin-regular.ttf") format("truetype");
}
body {
  font-family: var(--font-body);
  font-size: 16px;
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  color: var(--color-foreground);
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-titles);
  color: var(--color-foreground);
}
i {
  color: var(--color-foreground);
}
.home {
  #masthead {
    position: relative;
    z-index: 5;
  }
}
#sticky-search {
  .trigger-search {
    background-color: var(--color-foreground);
  }
  #supercontrol-search-form {
    button.sc-filter-search {
      * {
        font-size: 12px !important;
      }
    }
  }
  button.sc-filter-search {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    * {
      font-size: 12px !important;
    }
  }
  #sc-dropdown-region_name,	#sc-dropdown-start_date,	#sc-dropdown-sleeps {
    min-height: 55px !important;
  }
  button {
    cursor: pointer;
  }
  #pop-locations-title {
    margin-bottom: 20px !important;
  }
  a.pop-location {
    width: fit-content;
    font-weight: 100;
    font-size: 17px !important;
  }
  #supercontrol-search-form {
    & #filter-input-row {
      > div {
        border: none !important;
      }
    }
  }
  #closeAutoComplete {
    top: 2px;
    right: -4px;
  }
  #mobile-search-input {
    border-style: solid !important;
    border: 1px solid #252525 !important;
    margin-inline: calc(var(--spacing) * 4);
  }
  #queryInput {
    font-size: 10px !important;
  }
  padding: 20px;
  @media (width >= 64rem) {
    display: none;
  }
  @media (max-width: 1024px) {
    .properties-search-form {
      display: flex;
      flex-direction: column;
      padding: calc(var(--spacing) * 6);
      .ai-toggle {
        order: 3;
      }
      .filters {
        order: 2;
        width: 100%;
        max-width: 100%;
      }
      .filters-two {
        width: 100%;
        max-width: 100%;
        button {
          width: 100%;
        }
      }
      #supercontrol-search-form {
        margin-bottom: calc(var(--spacing) * 8);
        height: 270px;
        .sc-button-location {
          #sc-destination-list {
            h3 {
              margin-bottom: 25px;
            }
          }
        }
      }
      .contents {
        margin-bottom: calc(var(--spacing) * 8);
        display: block;
      }
    }
    #sticky-search-btn {
      text-transform: uppercase;
    }
    .filters-two button {
      width: 100% !important;
    }
  }
  .properties-search-form {
    .btn-grid {
      width: 100%;
      .filter-button-hp {
        width: 100%;
        button {
          width: 100% !important;
        }
      }
    }
    #filter-input-row {
      .sc-filter-search {
        background-color: var(--color-primary) !important;
        font-size: 0.813rem;
        color: var(--color-white);
        --tw-invert: invert(0%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
    #sticky-search-btn {
      background-color: var(--color-primary) !important;
      color: var(--color-white);
      text-transform: uppercase;
      --tw-invert: invert(0%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  #sticky-search-button {
    padding-bottom: env(safe-area-inset-bottom);
  }
  #dropdown-property_type {
    .sc-filter-list {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
}
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp, pre {
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol, ul, menu {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
::-webkit-calendar-picker-indicator {
  line-height: 1;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
  appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden !important;
}
#recent-search-btn i, .rst-btn i {
  color: #252525 !important;
}
#content {
  position: relative;
  z-index: 2;
}
.g--banner-spacer {
  margin-top: 36px !important;
  @media (width >= 48rem) {
    margin-top: 103px !important;
  }
}
.post-edit-link {
  display: none;
}
.is-style-button-style, .submit-wrap {
  a,	.nf-element {
    display: inline-block;
    cursor: pointer;
    padding-inline: 10px;
    padding-block: 5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration-line: underline;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
span#nf-form-title-1 {
  display: none;
}
.nf-form-wrap {
  form {
    textarea,	input:not([type="submit"]),	select {
      min-height: 43px !important;
      background-color: var(--color-white) !important;
      padding: calc(var(--spacing) * 2);
      color: var(--color-foreground);
    }
    input {
      --tw-scale-x: 100% !important;
      --tw-scale-y: 100% !important;
      --tw-scale-z: 100% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
      &:hover {
        @media (hover: hover) {
          --tw-scale-x: 100% !important;
          --tw-scale-y: 100% !important;
          --tw-scale-z: 100% !important;
          scale: var(--tw-scale-x) var(--tw-scale-y) !important;
        }
      }
    }
    textarea::placeholder,	select::placeholder,	input::placeholder {
      color: var(--color-foreground);
    }
  }
}
form {
  select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: white;
    background-image: url('data:image/svg+xml;utf8,<svg class="text-red-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path fill="%23E9905A" d="M303.5 473C312.9 482.4 328.1 482.4 337.4 473L537.4 273C546.8 263.6 546.8 248.4 537.4 239.1C528 229.8 512.8 229.7 503.5 239.1L320.5 422.1L137.5 239.1C128.1 229.7 112.9 229.7 103.6 239.1C94.3 248.5 94.2 263.7 103.6 273L303.6 473z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  .nf-form-content {
    padding-block: calc(var(--spacing) * 5);
    .nf-field-container {
      .nf-field-label {
        position: absolute;
        top: 22px;
        right: 10px;
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .nf-form-title {
    display: none;
  }
  label {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .textarea-container,	.textbox-container,	.email-wrap {
    textarea,	input,	select {
      background-color: var(--color-white) !important;
      color: var(--color-foreground);
    }
    input {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.form-checkbox {
  -webkit-appearance: none;
  appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  cursor: pointer;
  outline: none;
  position: relative;
}
.form-checkbox:checked {
  background-color: #252525;
  border-color: #003790;
}
.form-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.wp-block-separator {
  color: #2525251a !important;
  background-color: #2525251a !important;
}
* {
  border-color: #2525251a;
}
.chars-sml {
  max-width: 43ch !important;
  &.chars-cent {
    margin-inline: auto;
  }
}
.chars-med {
  max-width: 65ch !important;
  &.chars-cent {
    margin-inline: auto;
  }
}
body.noscroll {
  overflow: hidden;
}
#special-offer {
  padding: 10px;
}
#cookie-notice {
  animation: fadeInUp 1s ease-in forward;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 8);
  z-index: 50;
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 8);
  max-width: 90%;
  min-width: 90%;
  border-radius: 10px;
  background-color: var(--color-primary) !important;
  padding: calc(var(--spacing) * 0);
  @media (min-width: 1150px) {
    margin: calc(var(--spacing) * 4);
    display: flex;
    max-width: 450px;
    min-width: 450px;
    align-items: center;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 6);
  }
  .cookie-notice-container {
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 4);
  }
  .cn-text-container {
    padding: calc(var(--spacing) * 0);
    font-size: 0.875rem;
    color: var(--color-background);
  }
  #cn-accept-cookie {
    margin-inline: auto;
    display: inline-block;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 2);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-white);
    transition: 0.2s ease-in-out;
    border: 1px solid white !important;
    &:hover {
      background-color: var(--color-white);
      color: var(--color-foreground);
      transition: 0.2s ease-in-out;
    }
  }
  @media (min-width: 1050px) {
    #cn-accept-cookie {
      margin-left: 1rem;
    }
  }
  .cn-close-icon {
    top: 10%;
    right: 15px;
    margin-top: calc(var(--spacing) * 0);
    height: 15px;
    width: 15px;
    border-radius: 5px;
    background-color: var(--color-foreground);
    padding: 13px;
  }
  .cn-close-icon:before,	.cn-close-icon:after {
    top: 6px;
    left: 12px;
    height: 15px;
    background-color: var(--color-background);
  }
  .cn-text-container {
    margin-bottom: calc(var(--spacing) * 4);
  }
}
.cookie-notice-hidden {
  pointer-events: none !important;
  opacity: 0;
  display: none;
}
.has-background {
  padding-block: calc(var(--spacing) * 12);
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 16);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 20);
  }
  @media (width >= 96rem) {
    padding-block: calc(var(--spacing) * 26);
  }
}
h1 {
  font-size: 2.15rem;
  line-height: 110%;
  @media (min-width: 768px) {
    font-size: 2.813rem;
  }
  @media (min-width: 1250px) {
    font-size: 3.25rem;
  }
}
h2 a, h2 a, h2 {
  font-size: 1.8rem;
  line-height: 110%;
  @media (min-width: 1920px) {
    font-size: 2.25rem;
  }
}
h2.large {
  font-size: 2.5rem;
  line-height: 125%;
  @media (min-width: 1250px) {
    font-size: 3.875rem;
  }
  @media (min-width: 1920px) {
    font-size: 4.375rem;
  }
}
h3 a, h3 {
  font-size: 1.375rem;
  line-height: 110%;
  @media (min-width: 1050px) {
    font-size: 1.575rem;
  }
  @media (min-width: 1920px) {
    font-size: 1.675rem;
  }
  @media (min-width: 2560px) {
    font-size: 1.875rem;
  }
}
h4 a, .blog-title, h4 {
  font-size: 1.25rem;
  line-height: 110%;
  margin-bottom: 14px !important;
  font-weight: 300 !important;
  @media (min-width: 1050px) {
    font-size: 1.4rem;
  }
  @media (min-width: 1920px) {
    font-size: 1.6rem;
  }
}
h5 a, h5 {
  font-size: 1.125rem;
  line-height: 110%;
  margin-bottom: 14px !important;
  font-weight: 300 !important;
  @media (min-width: 1050px) {
    font-size: 1.3rem;
  }
  @media (min-width: 1920px) {
    font-size: 1.6rem;
  }
}
h6 {
  margin-bottom: 10px !important;
  font-family: var(--font-body) !important;
  font-size: 0.975rem;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  text-transform: uppercase;
  @media (width >= 96rem) {
    font-size: 1rem;
  }
  line-height: 110%;
}
h1, h2, h3, h5 {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
i, button, p, a, body {
  font-size: 0.813rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  @media (width >= 96rem) {
    font-size: 15px;
  }
  line-height: 150%;
  font-weight: 300;
}
div, p a, p {
  letter-spacing: -1px;
  font-weight: 300;
}
a {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.btn-copy, ul li a, .link-btn, .wp-block-button__link {
  position: relative;
  margin-top: calc(var(--spacing) * 6);
  width: fit-content;
  max-width: 100% !important;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  color: var(--color-white);
  text-transform: uppercase;
  text-decoration-line: none !important;
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 8);
  }
  &::after {
    content: "";
    position: absolute;
    display: block;
    left: auto;
    right: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background-color: white;
    transition: 0.25s ease-in-out all;
  }
  &:hover {
    &::after {
      content: "";
      position: absolute;
      display: block;
      width: 0%;
      left: 0;
      right: auto;
      background-color: white;
    }
  }
}
.black-btn {
  a,	.wp-block-button__link {
    color: var(--color-foreground) !important;
    &::after {
      background-color: var(--color-foreground) !important;
    }
  }
}
.orange-btn, .link-bottom-btn, .orange input, .orange a, .orange .wp-block-button__link, .mini-gallery-button {
  border-radius: 0 !important;
  background-color: var(--color-primary) !important;
  padding-top: 18px !important;
  padding-right: 50px !important;
  padding-bottom: 18px !important;
  padding-left: 50px !important;
  font-size: 14px !important;
  --tw-leading: 100%;
  line-height: 100%;
  --tw-font-weight: var(--font-weight-light) !important;
  font-weight: var(--font-weight-light) !important;
  transition-duration: 0.5s !important;
  &:after {
    content: none !important;
  }
  &:hover {
    cursor: pointer;
    background-color: var(--color-secondary) !important;
    transition-duration: 0.5s !important;
  }
}
.mini-gallery-button {
  border-radius: 0 !important;
  background-color: var(--color-primary) !important;
  padding-top: 16px !important;
  padding-right: 30px !important;
  padding-bottom: 16px !important;
  padding-left: 30px !important;
  transition-duration: 2s !important;
  &:after {
    content: none !important;
  }
  &:hover {
    cursor: pointer;
    background-color: var(--color-secondary) !important;
    transition-duration: 0.5s !important;
  }
}
.white {
  a,	.wp-block-button__link {
    border-radius: 0 !important;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white) !important;
    background-color: transparent;
    padding-inline: 30px;
    padding-block: 16px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &:after {
      content: none;
    }
    &:hover {
      cursor: pointer;
      background-color: var(--color-white);
      color: var(--color-foreground);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      transition-delay: .2s;
      --tw-duration: 150ms;
      transition-duration: 150ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
}
.img-overlay {
  position: relative;
  &:before {
    content: "";
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    height: 100%;
    width: 100%;
    background: linear-gradient(	0deg,	#161616 0.3%,	rgba(0, 0, 0, 0) 42.57%	);
  }
  .wp-block-cover__inner-container {
    position: relative;
    z-index: 1;
  }
}
.menu-item a, .sub-menu a, .footer-mini-grid a, .underline-animation {
  position: relative;
  &:after {
    content: "";
    position: absolute;
    right: calc(var(--spacing) * 0);
    bottom: -1px;
    left: calc(var(--spacing) * 0);
    height: 1px;
    width: calc(var(--spacing) * 0);
    --tw-translate-y: calc(50% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-white);
    transition: 0.15s ease-in-out all;
  }
  &:hover:after {
    width: calc(100% + 0.5rem);
  }
}
.menu-item a:after, .sub-menu a:after {
  background-color: var(--color-foreground);
}
p {
  a {
    color: var(--color-foreground);
    text-decoration-line: underline;
  }
}
h2 a, h3 a, h4 a, h5 a, h6 a {
  &:hover {
    color: var(--color-primary);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
ul.wp-block-list {
  list-style-type: circle;
  list-style-position: outside;
  text-indent: 5px;
  li {
    --tw-leading: 150%;
    line-height: 150%;
  }
}
.owners {
  .wp-block-column {
    .wp-block-cover {
      height: 35vh !important;
    }
  }
  .reviewer {
    margin-top: calc(var(--spacing) * 6);
    p:last-of-type {
      margin-left: calc(var(--spacing) * 0) !important;
      width: fit-content;
      border-radius: calc(infinity * 1px);
      background-color: var(--color-white);
      padding-inline: 15px;
      padding-block: 5px;
    }
  }
}
.let-h1 {
  font-size: var(--ff--property-h1) !important;
}
.let-intro-title {
  margin-bottom: 20px !important;
  font-size: var(--ff--let-sub) !important;
  @media (width >= 80rem) {
    margin-bottom: 60px !important;
  }
}
.let-intro {
  margin-top: 20px;
  @media (width >= 80rem) {
    margin-top: 40px;
  }
}
.gs-let-form {
  display: none !important;
  @media screen and (min-width: 1250px) {
    display: block !important;
  }
  padding: calc(var(--spacing) * 4);
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 6);
  }
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 10);
  }
  .nf-field-element {
    background-color: var(--color-white) !important;
  }
  input {
    --tw-border-style: none !important;
    border-style: none !important;
    background-color: var(--color-white) !important;
  }
  .let-form-title {
    color: #3A3935 !important;
  }
  #nf-field-7,	#nf-field-8 {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    background-image: url('data:image/svg+xml;utf8,<svg class="text-red-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path fill="%23E9905A" d="M303.5 473C312.9 482.4 328.1 482.4 337.4 473L537.4 273C546.8 263.6 546.8 248.4 537.4 239.1C528 229.8 512.8 229.7 503.5 239.1L320.5 422.1L137.5 239.1C128.1 229.7 112.9 229.7 103.6 239.1C94.3 248.5 94.2 263.7 103.6 273L303.6 473z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
  #nf-field-4,	#nf-field-4_1 {
    font-weight: 100 !important;
    font-size: 13px !important;
    padding: 18px 37px !important;
    &:hover {
      --tw-scale-x: 100% !important;
      --tw-scale-y: 100% !important;
      --tw-scale-z: 100% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important;
    }
  }
}
#nf-field-4_1 {
  &:hover {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
}
.error-container {
  margin-top: calc(var(--spacing) * 16);
  display: flex;
  align-items: center;
  justify-content: center;
  h1 {
    margin: calc(var(--spacing) * 0) !important;
    font-size: 4rem;
    @media (width >= 80rem) {
      font-size: 5rem;
    }
  }
  figure {
    margin: calc(var(--spacing) * 0) !important;
    padding-inline: calc(var(--spacing) * 8);
    img {
      width: 100%;
      max-width: 75px;
      @media (width >= 64rem) {
        max-width: 150px;
      }
      filter: brightness(0);
    }
  }
}
.ai-toggle {
  label:after {
    top: 2.5px !important;
  }
}
.img-zoom {
  overflow: hidden;
  picture,	img {
    transition-duration: 2s;
  }
  &:hover {
    img {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      z-index: 0;
      transition-duration: 2s;
    }
  }
}
div[data-title="GS Experiences Nearby"], div[data-title="GS Experiences Nearby Properties"] {
  padding: 1.5rem;
  margin-block: 1.5rem;
  background-color: #ddd;
  label {
    font-size: 1rem;
  }
  input {
    display: none !important;
  }
}
.gs-video {
  iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
ul.cf-radio__list {
  margin: 0 !important;
  padding: 0 !important;
}
li.cf-radio__list-item .cf-radio-image__image {
  border: none;
}
.cf-radio-image .cf-radio__label {
  background-color: var(--color-white) !important;
}
img.cf-radio-image__image {
  width: 40px;
  height: auto;
}
label.cf-field__label {
  background: white;
  color: black;
  font-weight: 400;
  padding: 10px 20px;
  width: max-content;
  min-width: 40px;
}
.cf-radio__list-item {
  flex-basis: 0% !important;
  min-width: 40px;
}
.smaller-hero-rules {
  height: 50vh !important;
}
.col--img-left-copy-right form {
  input,	select {
    background-color: #ffffff !important;
    padding: 8px;
  }
  select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    background-image: url('data:image/svg+xml;utf8,<svg class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path fill="%23E9905A" d="M303.5 473C312.9 482.4 328.1 482.4 337.4 473L537.4 273C546.8 263.6 546.8 248.4 537.4 239.1C528 229.8 512.8 229.7 503.5 239.1L320.5 422.1L137.5 239.1C128.1 229.7 112.9 229.7 103.6 239.1C94.3 248.5 94.2 263.7 103.6 273L303.6 473z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
  }
}
.nf-after-field .nf-error-msg {
  margin-right: 10px;
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 9px;
}
.full-card-link::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.full-card-link {
  text-transform: none !important;
}
.calendar-loader {
  z-index: 99999999999999 !important;
}
.property-results-header a.map-btn {
  width: fit-content !important;
}
.sticky-open {
  .chaty-channel {
    display: none !important;
  }
}
.property-results-header {
  padding-block: calc(var(--spacing) * 4);
}
#dropdown-region_name {
  #mobile-search-input {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
}
.icons-orange {
  i {
    color: var(--color-primary) !important;
  }
}
#generateTagsListDD {
  appearance: none;
}
.page-id-39135 {
  .banner,	.sc-search-modal {
    @media (width >= 64rem) {
      height: 80dvh !important;
    }
  }
}
.pswp__zoom-wrap .pswp__img--placeholder {
  display: none !important;
}
#main ul li a {
  text-transform: none;
}
.archive-content {
  h2 {
    max-width: 61ch;
  }
}
.page-numbers {
  i {
    color: var(--color-black) !important;
  }
}
.appended-property-list {
  margin-top: 48px;
}
#sc-af-title-row {
  button#close-btn-new {
    font-size: 30px !important;
  }
}
.mailchimp-form {
  display: flex;
  justify-content: center;
  align-items: center;
  #mc_embed_signup form {
    padding: 15px;
  }
}
picture img {
  height: 100%;
}
.loader {
  z-index: 10000;
  background-color: rgb(53, 53, 53);
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}
.loader-center {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}
.loader-number {
  z-index: 9999;
  color: white;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 300;
}
.active-category {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
  border-bottom-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}
.single-post, .is-style-narrow-col {
  .instagram {
    max-width: 85% !important;
  }
  article .wp-block-group {
    @media (min-width: 1024px) {
      --wp--style--global--content-size: var(--container-blog-column);
      --container-content: var(--container-blog-column);
    }
  }
  article {
    p,	img {
      margin-block: calc(var(--spacing) * 5);
    }
    a {
      text-decoration-line: underline;
    }
    .share-icons {
      a i {
        color: var(--color-black);
        text-decoration-line: none;
      }
    }
  }
  .wp-block-group:not(.alignwide):not(.alignfull) {
    margin-inline: auto;
    max-width: var(--container-content) !important;
  }
  .post-navigation {
    display: none;
  }
  footer {
    margin-top: calc(var(--spacing) * 12);
  }
  #comments {
    display: none;
  }
}
.single-post article h2 {
  margin-top: 70px;
}
.blog {
  footer {
    z-index: -1;
  }
}
footer {
  position: relative;
  .grid-footer-main-row {
    max-width: 88% !important;
    @media (max-width: 1023px) {
      flex-direction: column;
    }
  }
  .instagram-group {
    margin-bottom: calc(var(--spacing) * 8);
    h3 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .wp-block-button__link {
      margin-top: calc(var(--spacing) * 0);
    }
    .wp-block-column {
      @media (max-width: 749px) {
        text-align: center;
      }
    }
    .wp-block-buttons {
      @media (max-width: 749px) {
        justify-content: center;
      }
    }
  }
  #sb_instagram {
    max-width: 100%;
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 12) !important;
    }
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 20) !important;
    }
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 24) !important;
    }
  }
  .footer-container {
    background-color: var(--color-secondary);
    padding-block: calc(var(--spacing) * 12);
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 18);
    }
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 24);
    }
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 12);
    }
    @media (width >= 96rem) {
      padding-top: calc(var(--spacing) * 32);
    }
    .grid-footer-main-row {
      img {
        max-width: 170px;
        --tw-brightness: brightness(10);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
        @media (width >= 80rem) {
          max-width: 220px;
        }
        @media (width >= 96rem) {
          max-width: 260px;
        }
      }
      .social-icons-footer {
        margin-top: calc(var(--spacing) * 12);
        gap: calc(var(--spacing) * 4);
        a {
          border: 1px solid white !important;
          position: relative;
          height: calc(var(--spacing) * 8);
          width: calc(var(--spacing) * 8);
          border-radius: calc(infinity * 1px);
          --tw-leading: calc(var(--spacing) * 8);
          line-height: calc(var(--spacing) * 8);
        }
        i {
          position: absolute;
          top: 50%;
          right: calc(var(--spacing) * 0);
          left: calc(var(--spacing) * 0);
          --tw-translate-y: -50%;
          translate: var(--tw-translate-x) var(--tw-translate-y);
          text-align: center;
          @media (min-width: 1250px) {
            font-size: 0.795rem;
          }
        }
      }
    }
    .wp-block-spacer {
      height: 3rem !important;
      @media (width >= 64rem) {
        height: 5rem !important;
      }
      @media (width >= 96rem) {
        height: 7rem !important;
      }
    }
    .footer-cols {
      p,	a {
        margin-bottom: calc(var(--spacing) * 0);
        --tw-leading: 180%;
        line-height: 180%;
        color: var(--color-white);
        @media (width >= 48rem) {
          text-decoration-line: none !important;
        }
        mark {
          color: var(--color-white);
        }
      }
      .foot-col-header {
        margin-bottom: 10px;
        font-size: 16px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        @media (width >= 64rem) {
          margin-bottom: 25px;
        }
      }
      .contact {
        p {
          --tw-leading: 120%;
          line-height: 120%;
        }
      }
    }
    .footer-newsletter {
      p {
        margin-top: calc(var(--spacing) * 12);
        color: var(--color-white);
      }
      .orange {
        .wp-block-button__link:hover {
          background-color: #819587 !important;
        }
      }
    }
  }
  hr {
    border-color: var(--color-white) !important;
  }
}
.mod--footer-credit {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-white);
  .wp-block-columns {
    display: grid !important;
    gap: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .wp-block-column {
      &:nth-of-type(2) {
        text-align: right;
      }
    }
  }
}
.footer-copyright-container {
  margin-top: calc(var(--spacing) * 6);
  max-width: 90% !important;
  @media (width >= 64rem) {
    margin-top: 6rem;
  }
  .copyright--wrapper {
    .wp-block-separator {
      margin-bottom: calc(var(--spacing) * 0) !important;
    }
  }
}
.footer-copy-txt {
  margin-block: calc(var(--spacing) * 8);
  gap: 10px;
  padding-bottom: calc(var(--spacing) * 0) !important;
  @media (width >= 64rem) {
    margin-block: calc(var(--spacing) * 0);
  }
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 12);
  }
  mark,	p,	a {
    font-size: 12px;
    color: var(--color-white);
  }
  a {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-decoration-line: none !important;
  }
  div {
    p {
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
  }
}
.wp-block-spacer {
  &.spacer-banner-buffer {
    height: 36px !important;
    @media (width >= 48rem) {
      height: 103px !important;
    }
  }
}
.title-1 {
  opacity: 100%;
}
.line-mask {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  opacity: 0.65;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.fade-in-em em {
  display: inline-block;
}
:root {
  --glob-col-gap: 50px;
}
.col--img-left-copy-right, .col--img-right-copy-left {
  margin-inline: auto;
  gap: calc(var(--spacing) * 10);
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 20);
  }
  img {
    max-height: 25vh;
    width: 100%;
    @media (width >= 48rem) {
      max-height: 30vh;
    }
    @media (width >= 64rem) {
      height: 100%;
    }
    @media (width >= 64rem) {
      max-height: 40vh;
    }
    @media (width >= 80rem) {
      max-height: 65vh;
    }
  }
  p {
    @media (width >= 64rem) {
      max-width: 55ch;
    }
  }
  .wp-block-column {
    .wp-block-group {
      margin-left: auto;
      @media (width >= 64rem) {
        max-width: 70ch;
      }
    }
  }
}
.form-spacing {
  margin-top: calc(var(--spacing) * 12);
  @media (max-width: 1249px) {
    display: block !important;
  }
}
.img-right {
  .wp-block-column {
    &:nth-child(1) {
      order: 2;
      @media (width >= 64rem) {
        order: 1;
      }
    }
    &:nth-child(2) {
      order: 1;
      @media (width >= 64rem) {
        order: 2;
      }
    }
  }
}
.tlir-bg {
  .wp-block-columns {
    gap: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
  img {
    max-height: 400px;
    width: 100%;
    @media (width >= 64rem) {
      height: 100%;
    }
    @media (width >= 64rem) {
      max-height: 600px;
    }
  }
  p {
    @media (width >= 64rem) {
      max-width: 55ch;
    }
  }
}
.col--two-cols {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(var(--spacing) * 0);
  @media (width >= 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 64rem) {
    gap: var(--glob-col-gap);
  }
}
.scroll-pin {
  background-color: var(--color-gray-100) !important;
  height: 100vh;
  overflow: hidden;
  transition: 0s !important;
  .pin-cols {
    .wp-block-column {
      img {
        object-fit: cover;
      }
    }
  }
  .pin-two {
    display: grid !important;
    grid-template-columns: 1fr 1.5fr;
    gap: calc(var(--spacing) * 6);
    figure {
      &:nth-of-type(1) {
        img {
          min-height: 330px;
          --tw-translate-y: calc(calc(1/4 * 100%) * -1);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
      &:nth-of-type(2) {
        img {
          --tw-translate-y: calc(1/4 * 100%);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
  }
  .pin-three {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    figure,	img {
      height: 100% !important;
      max-height: 350px;
      &:nth-of-type(1) {
        opacity: 100%;
      }
      &:nth-of-type(2) {
        max-width: 25vw !important;
        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
        --tw-translate-y: calc(1/2 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        opacity: 0%;
      }
      &:nth-of-type(3) {
        max-width: 300px;
        --tw-translate-x: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        opacity: 100%;
      }
    }
  }
  .wp-block-columns {
    display: flex !important;
    height: 100%;
    flex-direction: column;
    @media (width >= 64rem) {
      flex-direction: row;
    }
    > .wp-block-column {
      min-width: 100vw;
      @media (width >= 64rem) {
        min-width: 50vw;
      }
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 3rem;
      padding-block: calc(var(--spacing) * 5);
      figure,	img {
        width: 100%;
        object-fit: cover;
      }
      p {
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 5);
        max-width: 65ch;
      }
    }
  }
}
.size-full {
  width: auto !important;
}
.boltpopup {
  .boltpopup-left {
    .link-container {
      &:after {
        content: "";
        position: absolute;
        top: calc(var(--spacing) * 0);
        right: calc(var(--spacing) * 0);
        left: -8px;
        display: block;
        height: 38px;
        width: 38px;
        --tw-translate-y: calc(8px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: #3a3935;
      }
    }
  }
}
.reviews {
  background-color: var(--color-secondary);
  padding-block: calc(var(--spacing) * 4);
  p {
    text-align: center;
    color: var(--color-white);
  }
}
.three-block {
  .wp-block-group {
    margin-bottom: calc(var(--spacing) * 10);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .wp-block-column {
    a {
      .wp-block-cover {
        position: relative;
        padding: calc(var(--spacing) * 6) !important;
        @media (width >= 64rem) {
          padding: calc(var(--spacing) * 8) !important;
        }
        .wp-block-cover__inner-container {
          position: relative;
          z-index: 2;
          h3,	p {
            color: var(--color-white) !important;
          }
          p.btn-copy {
            margin-top: 10px;
            --tw-font-weight: var(--font-weight-normal) !important;
            font-weight: var(--font-weight-normal) !important;
          }
        }
      }
    }
  }
}
.ctaLeftpropRight {
  .wp-block-cover {
    @media (width >= 64rem) {
      height: 90vh;
    }
    @media (width >= 64rem) {
      min-height: auto;
    }
  }
  .cta-container {
    position: relative;
    flex-basis: 45%;
    figure {
      position: absolute;
      top: 3%;
      right: 5%;
      z-index: 5;
      width: fit-content !important;
      img {
        @media (max-width: 749px) {
          height: 50px !important;
          width: 50px !important;
        }
      }
    }
    .wp-block-button__link {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .card-info-container {
    position: absolute;
    bottom: .5rem;
    left: .5rem;
    p {
      position: relative;
      width: fit-content;
      &:after {
        content: "";
        position: absolute;
        right: calc(var(--spacing) * 0);
        bottom: -1px;
        left: calc(var(--spacing) * 0);
        height: 1px;
        width: calc(var(--spacing) * 0);
        --tw-translate-y: calc(50% * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        background-color: var(--color-white);
        transition: 0.15s ease-in-out all;
      }
    }
  }
  .wp-block-cover__inner-container {
    padding: calc(var(--spacing) * 6);
    h6,	h2,	.wp-block-buttons,	p {
      max-width: 100%;
      color: var(--color-white);
    }
  }
  .sc-related-property-link {
    a {
      @media (width >= 64rem) {
        padding-inline: calc(var(--spacing) * 0);
      }
    }
  }
  .img-zoom {
    overflow: hidden;
    cursor: pointer;
    transition-duration: 2s !important;
    a {
      transition-duration: 2s !important;
      &:hover {
        transform: scale(1.2) !important;
        -webkit-transform: scale(1.2) !important;
        -moz-transform: scale(1.2) !important;
        z-index: 0;
      }
    }
    &:hover p:after {
      width: calc(100% + 0.5rem);
    }
    &:hover p:after {
      width: calc(100% + 0.5rem);
    }
  }
}
.home {
  .ctaLeftpropRight {
    .sc-related-property-link {
      .card-info-panel {
        padding-inline: calc(var(--spacing) * 0) !important;
        padding-bottom: 2rem !important;
        @media (width >= 64rem) {
          padding-bottom: 4.5rem !important;
        }
      }
    }
  }
}
.header-section {
  h2 {
    max-width: 61ch !important;
    --tw-leading: 140%;
    line-height: 140%;
    @media (width >= 64rem) {
      font-size: 1.65rem;
    }
    @media (width >= 96rem) {
      font-size: 2.25rem;
    }
  }
}
.overlap-img {
  .wp-block-columns {
    position: relative;
  }
  .wp-block-cover {
    min-height: 300px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 12);
    @media (width >= 48rem) {
      min-height: 450px;
    }
    @media (width >= 64rem) {
      height: 50vh;
    }
    @media (width >= 64rem) {
      min-height: 100% !important;
    }
    @media (width >= 80rem) {
      height: 65vh;
    }
    @media (width >= 96rem) {
      height: 70vh;
    }
  }
  .wp-block-cover__inner-container {
    max-width: 62ch;
    padding-left: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 12);
    }
    @media (width >= 80rem) {
      padding-left: calc(var(--spacing) * 16);
    }
    p {
      max-width: 100% !important;
    }
  }
  .overlap-img--left {
    flex-basis: 80% !important;
    .overlaping-text {
      display: none;
      @media (width >= 64rem) {
        margin-top: calc(var(--spacing) * 0);
      }
      @media (width >= 64rem) {
        display: block;
      }
      @media (width >= 64rem) {
        padding-right: calc(var(--spacing) * 6) !important;
      }
    }
    @media (max-width: 1023px) {
      .wp-block-cover {
        margin-left: calc(var(--spacing) * 0) !important;
        width: 80%;
      }
    }
  }
  .overlap-img--right {
    position: absolute;
    top: 50%;
    right: calc(var(--spacing) * 0);
    width: 55%;
    --tw-translate-y: calc(50% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    @media (width >= 64rem) {
      width: 35%;
    }
  }
  .overlaping-text {
    margin-top: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      display: none;
    }
    p {
      max-width: 100% !important;
    }
    h2,	h3,	h4,	h5,	h6 {
      color: var(--color-white);
      @media (max-width: 1023px) {
        color: var(--color-foreground) !important;
      }
    }
  }
  .story-gap {
    margin-bottom: 20px;
  }
}
.three-step {
  h2 {
    margin-bottom: calc(var(--spacing) * 8);
    justify-content: center;
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
    @media (width >= 96rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  h3 {
    text-align: center;
  }
  .three-step--content {
    @media (width >= 64rem) {
      max-width: 80% !important;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 20);
    }
    .list-title {
      margin-bottom: calc(var(--spacing) * 8);
      max-width: 42ch;
      align-items: center !important;
      gap: calc(var(--spacing) * 0);
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 10);
      }
      h2,	h3 {
        margin-bottom: calc(var(--spacing) * 0) !important;
      }
      h2 {
        font-size: 2.95rem;
        @media (width >= 64rem) {
          font-size: 5rem;
        }
        @media (width >= 96rem) {
          font-size: 5.125rem;
        }
      }
    }
    h2 {
      margin-bottom: calc(var(--spacing) * 8);
      display: flex;
      color: var(--color-primary);
      @media (width >= 48rem) {
        justify-content: flex-end;
      }
      @media (width >= 64rem) {
        margin-bottom: calc(var(--spacing) * 10);
      }
    }
    h3 {
      @media (width >= 64rem) {
        padding-left: calc(var(--spacing) * 4);
      }
      @media (width >= 64rem) {
        text-align: left;
      }
      @media (width >= 64rem) {
        font-size: 1.45rem;
      }
    }
    p {
      margin-inline: auto;
      max-width: 42ch;
      text-align: center;
    }
    .wp-block-columns {
      justify-content: center;
      .wp-block-column {
        @media (width >= 64rem) {
          flex-basis: auto !important;
        }
      }
    }
  }
}
.destination-grid {
  gap: 1em;
  @media (width >= 48rem) {
    max-width: 90% !important;
  }
  @media (width >= 64rem) {
    gap: 1.5em;
  }
  .wp-block-cover {
    height: 30vh;
    min-height: 300px;
    @media (width >= 40rem) {
      min-height: auto;
    }
    @media (width >= 48rem) {
      height: 100%;
    }
    .wp-block-buttons,	h2,	h6,	h3 {
      h3 {
        max-width: 100%;
        color: var(--color-white);
      }
    }
    .cta-left {
      position: relative;
      flex-basis: 42% !important;
      .wp-block-cover {
        height: 30vh;
        padding: calc(var(--spacing) * 6);
        @media (width >= 48rem) {
          height: 75vh;
        }
        @media (width >= 64rem) {
          height: 100vh;
        }
        @media (width >= 64rem) {
          padding: calc(var(--spacing) * 10);
        }
        @media (width >= 96rem) {
          padding: calc(var(--spacing) * 12);
        }
        &:before {
          content: "";
          position: absolute;
          top: calc(var(--spacing) * 0);
          left: calc(var(--spacing) * 0);
          z-index: 1;
          height: 100%;
          width: 100%;
          background: linear-gradient(	170deg,	#161616 0.3%,	rgba(0, 0, 0, 0) 42.57%	);
        }
        .wp-block-cover__inner-container {
          position: relative;
          z-index: 1;
          a.wp-block-button__link {
            margin-top: calc(var(--spacing) * 0);
          }
        }
      }
    }
    .grid-right {
      flex-basis: 58% !important;
      .wp-block-group {
        width: 100%;
        max-width: 100% !important;
        gap: 1em;
        @media (width >= 48rem) {
          height: 75vh;
        }
        @media (width >= 64rem) {
          height: 100vh;
        }
        @media (width >= 64rem) {
          gap: 1.5em;
        }
        h3 {
          margin-bottom: 10px !important;
        }
        p.btn-copy {
          margin-top: 10px !important;
          margin-left: calc(var(--spacing) * 0) !important;
          max-width: 100% !important;
        }
        .wp-block-cover__inner-container {
          padding-bottom: calc(var(--spacing) * 2);
          @media (width >= 48rem) {
            padding: calc(var(--spacing) * 4);
          }
        }
      }
    }
  }
}
.image-left-text-right {
  flex-direction: column;
  overflow: hidden;
  padding: calc(var(--spacing) * 0) !important;
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 0);
  }
  @media (width >= 64rem) {
    height: 75vh;
  }
  @media (width >= 64rem) {
    flex-direction: row;
  }
  .wp-block-cover {
    min-height: auto;
    @media (width >= 64rem) {
      height: 100%;
    }
    @media (max-width: 749px) {
      height: 30vh !important;
      @media (width >= 64rem) {
        height: 65vh !important;
      }
      @media (width >= 80rem) {
        height: 75vh !important;
      }
    }
  }
  .text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
    @media (width >= 64rem) {
      margin-inline: auto;
    }
    @media (width >= 64rem) {
      max-width: 61ch;
    }
    @media (width >= 96rem) {
      padding: calc(var(--spacing) * 0);
    }
    h6,	h2,	h3,	p {
      color: var(--color-white);
    }
  }
}
.slide-left-img-right {
  .wp-block-cover {
    min-height: auto;
    @media (width >= 64rem) {
      height: 100%;
    }
    @media (max-width: 749px) {
      height: 30vh !important;
      @media (width >= 64rem) {
        height: 65vh !important;
      }
      @media (width >= 80rem) {
        height: 75vh !important;
      }
    }
  }
  img {
    margin-inline: auto;
    margin-block: 25px;
    height: 205px;
    width: 355px;
  }
  .splide__slide {
    .slide-contianer {
      padding: calc(var(--spacing) * 8);
      @media (width >= 48rem) {
        padding-inline: calc(var(--spacing) * 12);
      }
      @media (width >= 64rem) {
        margin-inline: auto;
      }
      @media (width >= 64rem) {
        max-width: 61ch;
      }
      @media (width >= 96rem) {
        padding: calc(var(--spacing) * 0);
      }
    }
    h6,	h2,	h3,	p {
      color: var(--color-white);
    }
    p {
      margin-top: 20px;
      strong {
        font-family: var(--font-titles);
        font-size: 20px;
      }
    }
  }
  .splide__arrows {
    display: none;
  }
  .splide .splide__pagination {
    margin-top: calc(var(--spacing) * 8);
    justify-content: center;
    li {
      button {
        border-color: white;
        height: 10px;
        width: 10px;
        &.is-active {
          height: 10px;
          width: 10px;
          background-color: var(--color-white);
        }
      }
    }
  }
}
.journal-slide {
  .journal-title {
    margin-bottom: calc(var(--spacing) * 10) !important;
    max-width: 87% !important;
    h2 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    a {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .swiper-style-3 {
    margin-right: calc(var(--spacing) * 0) !important;
    max-width: 93.5% !important;
    .splide__slide {
      .wp-block-cover {
        height: 45vh;
        min-height: auto;
        @media (width >= 48rem) {
          height: 50vh;
        }
        @media (width >= 64rem) {
          height: 55vh;
        }
      }
      h3 {
        margin-top: 2.5rem;
      }
    }
  }
  .wp-block-columns {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .wp-block-buttons {
    @media (max-width: 749px) {
      justify-content: flex-start;
      .wp-block-button a {
        margin-top: calc(var(--spacing) * 0);
      }
    }
  }
  .splide__arrows {
    position: absolute;
    bottom: -55px;
    left: calc(var(--spacing) * 0);
    display: flex;
    gap: calc(var(--spacing) * 2);
    button {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      height: 30px !important;
      width: 30px !important;
      background-color: #4F523E;
      svg {
        fill: white;
        height: 13px !important;
        width: 13px !important;
      }
      &:hover {
        background-color: #4f513d;
      }
    }
  }
  .splide__arrow--prev {
    opacity: 50%;
    &:hover {
      opacity: 100%;
    }
  }
}
.swiperfy-style-2 {
  @media (width >= 64rem) {
    max-width: 65% !important;
  }
  .splide {
    position: relative;
    margin-top: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 16);
    }
    .splide__slide {
      display: flex !important;
      justify-content: center;
      @media (width >= 64rem) {
        margin-right: calc(var(--spacing) * 16) !important;
      }
      .wp-block-column {
        justify-content: center;
        img {
          height: auto;
          max-width: 100%;
          opacity: 50%;
        }
      }
    }
    .splide__pagination {
      display: none !important;
    }
    .splide__arrows {
      position: absolute;
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      --tw-translate-y: 20px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
      .splide__arrow--prev {
        --tw-translate-x: 15px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      .splide__arrow--next {
        --tw-translate-x: 90px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
}
.inspirations {
  .inspirations-title {
    margin-bottom: calc(var(--spacing) * 12);
    h2 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .wp-block-column a {
    margin-top: calc(var(--spacing) * 0);
  }
  .wp-block-cover__inner-container {
    margin-bottom: calc(var(--spacing) * 4) !important;
    width: 100% !important;
    h3,	h4,	a {
      color: var(--color-white);
      .wp-block-button__link {
        margin-top: 15px;
      }
    }
  }
}
.textLeft-imgRight {
  .textLeft-imgRight--container {
    flex-direction: column;
    @media (width >= 64rem) {
      max-width: 74% !important;
    }
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12) !important;
    }
    @media (width >= 96rem) {
      gap: calc(var(--spacing) * 40) !important;
    }
    img {
      object-fit: cover;
      @media (max-width: 1024px) {
        height: 35vh;
        aspect-ratio: 1/1 !important;
      }
    }
    .textleft-img-right--left {
      position: relative;
      margin-top: calc(var(--spacing) * 8);
      @media (width >= 40rem) {
        margin-top: calc(var(--spacing) * 12);
      }
      @media (width >= 64rem) {
        margin-top: calc(var(--spacing) * 0);
      }
      .main-img img {
        aspect-ratio: 3/2;
        @media (width >= 64rem) {
          aspect-ratio: 3/4;
        }
        @media (width >= 80rem) {
          height: 73vh;
        }
      }
    }
    .textleft-img-right--right {
      position: relative;
      h2 {
        margin-top: calc(var(--spacing) * 4) !important;
        margin-bottom: calc(var(--spacing) * 6) !important;
      }
    }
  }
}
.property-variable {
  p {
    max-width: 120ch;
  }
}
#supercontrol-properties-list {
  .property-list {
    .grid {
      @media (min-width: 1250px) {
        gap: 4rem 2.5rem;
      }
    }
    .card-main-image-height {
      a .property-fav {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 5;
        border-radius: calc(infinity * 1px);
        padding: 15px;
        --tw-leading: calc(var(--spacing) * 1);
        line-height: calc(var(--spacing) * 1);
        img {
          position: relative;
          transform: translate(0) !important;
          &:after {
            content: "";
            display: block;
            height: 30px;
            width: 30px;
            background-color: var(--color-white);
          }
        }
      }
    }
  }
}
.properties-search-form {
  button {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
}
.sticky-cards-mobile {
  .little-lbl {
    @media (max-width: 1023px) {
      writing-mode: horizontal-tb;
      text-orientation: mixed;
      white-space: nowrap;
    }
  }
  .property-fav {
    img {
      position: absolute;
      top: 50%;
      height: auto;
      width: 16px;
      object-fit: contain;
      transform: translate(10px, -7px);
    }
  }
  .feat-card-content {
    align-items: center !important;
    h2 {
      span {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
    span {
      img {
        height: 25px;
        width: 25px;
        object-fit: contain;
      }
    }
  }
  a {
    .sc-rel-info {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      line-height: 140%;
    }
    .bottom-icons {
      i {
        --tw-font-weight: var(--font-weight-bold) !important;
        font-weight: var(--font-weight-bold) !important;
        color: var(--color-secondary) !important;
      }
    }
    .pppn-info {
      button {
        font-size: 12px !important;
        i {
          font-size: 12px;
          --tw-font-weight: var(--font-weight-bold) !important;
          font-weight: var(--font-weight-bold) !important;
          color: var(--color-secondary);
        }
      }
    }
  }
}
.two-imgs {
  margin-bottom: 60px;
  @media (width >= 96rem) {
    margin-bottom: 128px;
  }
  img {
    width: 100%;
    @media (width >= 96rem) {
      min-height: 705px;
    }
  }
}
.is-style-accordions {
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
  pointer-events: none;
  .accord-chevron {
    color: var(--color-black);
  }
  .wp-block-column {
    pointer-events: auto;
    p a {
      position: relative;
      z-index: 2;
    }
  }
  svg {
    height: 30px;
    width: 30px;
  }
  .accord-active {
    .accord-chevron {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      transform: rotate(45deg);
    }
  }
  .accord-inactive {
    .accord-chevron {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      transform: rotate(0deg);
    }
  }
  .accord-title {
    h2,	h3 {
      margin-block: calc(var(--spacing) * 0) !important;
      color: var(--color-black);
    }
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-black);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: 30px;
  }
  .accord-info {
    p {
      padding-block: calc(var(--spacing) * 2);
    }
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &.accord-hide {
      height: 0;
      opacity: 0;
      &.accord-show {
        height: auto;
        opacity: 100;
      }
    }
  }
  .accord-info {
    pointer-events: none;
    &.accord-show {
      pointer-events: auto !important;
    }
  }
  @media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
      flex-basis: unset !important;
    }
  }
}
.video-full-width {
  position: relative;
  &:after {
    content: "";
    position: absolute;
    top: calc(var(--spacing) * 0);
    z-index: 5;
    height: 100%;
    width: 100%;
    background-color: #0000003b;
  }
  video,	img {
    height: 60vh !important;
    width: 100%;
    object-fit: cover;
    @media (width >= 48rem) {
      height: 65vh !important;
    }
  }
  .video-full-width--container {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 8;
  }
  h2 {
    color: var(--color-white);
    @media (width >= 64rem) {
      max-width: 32ch;
    }
  }
}
.cta-cards-4.editorskit-no-tablet {
  display: flex;
  flex-direction: row;
  .wp-block-column {
    width: 48%;
    flex: auto;
    @media (width >= 64rem) {
      width: 30%;
    }
    .wp-block-cover {
      max-height: 450px;
      width: 100%;
    }
  }
}
.cta-cards-4 {
  h2 {
    @media (max-width: 768px) {
      margin-bottom: 10px;
    }
  }
  .linkify-column {
    .wp-block-cover {
      height: 30dvh;
      width: 100%;
      @media (width >= 64rem) {
        height: auto;
      }
    }
  }
}
.awardwinning {
  .splide--loop {
    margin-top: calc(var(--spacing) * 4);
  }
}
.one-col {
  h2 {
    margin-top: 25px;
    margin-right: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 0);
    max-width: 100%;
    max-width: 61ch;
  }
  p {
    margin-right: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 0);
    max-width: 100%;
  }
}
.inspo-blocks {
  @media screen and (max-width: 768px) {
    .title-block {
      justify-content: center;
      h2 {
        text-align: center;
      }
      .wp-block-buttons {
        justify-content: center;
      }
      .cta-cards-4 {
        margin-top: calc(var(--spacing) * 8);
      }
    }
  }
}
.group-img {
  .wp-block-columns {
    gap: 25px;
    &:first-child {
      margin-bottom: 25px;
      .wp-block-column {
        overflow: hidden;
        @media (width >= 64rem) {
          height: 30vh;
        }
        @media (width >= 80rem) {
          height: 45vh;
        }
        .wp-block-cover {
          width: 100%;
          @media (width >= 64rem) {
            height: 30vh;
          }
          @media (width >= 80rem) {
            height: 45vh;
          }
          @media (max-width: 600px) {
            aspect-ratio: 4 / 3 !important;
          }
          @media (max-width: 1024px) {
            aspect-ratio: 3 / 4 !important;
          }
          img {
            @media (max-width: 600px) {
              height: 30vh;
            }
            @media (max-width: 1024px) {
              height: 100%;
            }
            @media (width >= 64rem) {
              height: 30vh;
            }
            @media (width >= 80rem) {
              height: 45vh;
            }
          }
        }
      }
    }
    &:last-child {
      .wp-block-column {
        img {
          height: 30vh;
          @media (width >= 48rem) {
            height: 35vh;
          }
          @media (width >= 64rem) {
            height: 40vh;
          }
          @media (width >= 96rem) {
            height: 45vh;
          }
        }
      }
    }
  }
}
.image-left-text-right {
  .wp-block-cover {
    height: 90vh;
  }
}
.autoplay-slide {
  .swiperfy-style-5 {
    margin-top: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 12);
    }
    @media (width >= 64rem) {
      max-width: 65%;
    }
  }
  .splide__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 10) !important;
    }
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * 16) !important;
    }
    img {
      height: auto;
      width: 100%;
      max-width: 280px;
      opacity: 50%;
    }
  }
  .splide__pagination {
    @media (max-width: 1024px) {
      justify-content: center !important;
    }
    @media (min-width: 1024px) {
      display: none;
    }
    li {
      button {
        height: 10px;
        width: 10px;
        &.is-active {
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
          border-style: var(--tw-border-style);
          border-width: 0px;
        }
      }
    }
  }
}
.imgs-left--text-right {
  margin-bottom: 28%;
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
  }
  @media (width >= 48rem) {
    display: flex;
  }
  @media (width >= 48rem) {
    flex-direction: column;
  }
  @media (width >= 64rem) {
    margin-bottom: 15rem;
  }
  @media (width >= 64rem) {
    flex-direction: row;
  }
  @media (width >= 80rem) {
    gap: calc(var(--spacing) * 20);
  }
  .img-container {
    position: relative;
    order: 2;
    @media (width >= 48rem) {
      order: 1;
    }
    @media (width >= 48rem) {
      display: flex;
    }
    @media (width >= 48rem) {
      flex-basis: 100% !important;
    }
    .img-top {
      flex-basis: 65%;
      @media (width >= 64rem) {
        flex-basis: 60%;
      }
      img {
        max-width: 90%;
        object-fit: cover;
        @media (width >= 48rem) {
          max-width: 100%;
        }
        @media (width >= 80rem) {
          height: 70vh;
        }
      }
    }
    .img-overlap {
      position: absolute;
      right: calc(var(--spacing) * 0);
      bottom: -80%;
      max-width: 40%;
      @media (width >= 48rem) {
        position: relative;
      }
      @media (width >= 48rem) {
        bottom: auto;
      }
      @media (width >= 48rem) {
        margin-top: 6rem;
      }
      @media (width >= 48rem) {
        margin-left: -5rem;
      }
      @media (width >= 48rem) {
        display: flex;
      }
      @media (width >= 48rem) {
        width: calc(1/2 * 100%);
      }
      @media (width >= 48rem) {
        max-width: 100%;
      }
      @media (width >= 48rem) {
        flex-basis: 45%;
      }
      @media (width >= 48rem) {
        align-items: flex-end;
      }
      @media (width >= 64rem) {
        position: absolute;
      }
      @media (width >= 64rem) {
        right: 10%;
      }
      @media (width >= 64rem) {
        display: block;
      }
      @media (width >= 64rem) {
        max-width: 40%;
      }
      @media (width >= 64rem) {
        flex-basis: 35%;
      }
      @media (width >= 64rem) {
        align-content: flex-end;
      }
      @media screen and (min-width: 2000px),	screen and (min-height: 1225px) {
        margin-top: 15rem;
      }
      img {
        object-fit: cover;
        @media (width >= 80rem) {
          max-height: 39vh;
        }
      }
    }
  }
  .text-container {
    order: 1;
    margin-bottom: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      order: 2;
    }
    @media (width >= 48rem) {
      flex-basis: 45% !important;
    }
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
    p {
      @media (width >= 64rem) {
        max-width: 55ch;
      }
    }
  }
}
.form-block {
  .nf-before-form-content {
    display: none;
  }
}
ul.wp-block-list {
  list-style-type: disc !important;
  text-indent: -1px;
}
.banner-let {
  .nf-form-wrap {
    width: 100%;
    background-color: #F5F5F5 !important;
  }
  .wp-block-column {
    p {
      max-width: 50ch;
    }
    &:last-child {
      @media (min-width: 1250px) {
        display: flex;
        justify-content: flex-end;
      }
    }
  }
  .submit-container {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .nf-form-content {
    padding-bottom: calc(var(--spacing) * 0);
  }
  #nf-field-4-wrap {
    justify-self: flex-end;
  }
  #nf-form-1-cont {
    textarea::placeholder,	select::placeholder,	input::placeholder {
      color: var(--color-foreground);
    }
    .nf-form-fields-required {
      display: none;
    }
    .nf-form-content {
      padding-top: calc(var(--spacing) * 0);
    }
  }
}
.form-block.editorskit-no-desktop {
  @media (min-width: 769px) {
    display: flex !important;
  }
  @media (min-width: 1250px) {
    display: none !important;
  }
}
.narrow-column {
  p {
    margin-inline: auto;
    margin-bottom: 15px;
    max-width: 65ch;
    text-align: center;
  }
}
.icons {
  img {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    height: 75px;
    width: 100%;
    object-fit: contain;
    @media (width >= 48rem) {
      height: 85px;
    }
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      height: 100px;
    }
    @media (width >= 80rem) {
      height: 115px;
    }
  }
  h2,	h3 {
    padding-left: calc(var(--spacing) * 0) !important;
    text-align: center !important;
  }
  p {
    margin-top: 20px;
    text-align: center;
  }
  .three-step--content {
    @media (width >= 48rem) {
      max-width: 80% !important;
    }
    .list-title {
      .wp-block-column {
        position: relative;
        &:after {
          content: "";
          opacity: 50%;
          @media (width >= 64rem) {
            position: absolute;
          }
          @media (width >= 64rem) {
            top: 50%;
          }
          @media (width >= 64rem) {
            left: -15%;
          }
          @media (width >= 64rem) {
            display: block;
          }
          @media (width >= 64rem) {
            height: 100%;
          }
          @media (width >= 64rem) {
            width: .5px;
          }
          @media (width >= 64rem) {
            --tw-translate-y: calc(50% * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
          }
          @media (width >= 64rem) {
            background-color: var(--color-foreground);
          }
        }
      }
    }
    .first .wp-block-column:after {
      content: none;
    }
  }
}
.three-col-text {
  p a,	p {
    word-break: break-word;
  }
  .wp-block-columns {
    max-width: 100%;
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 20);
    }
  }
}
.textTop-TwoimgBottom {
  .wp-block-column {
    height: 40vh;
    @media (width >= 64rem) {
      height: 50vh;
    }
    img {
      height: 40vh;
      @media (width >= 64rem) {
        height: 50vh;
      }
    }
  }
}
.top-right-logo, .top-right-logo img {
  position: absolute;
  top: 20px !important;
  right: 20px !important;
  z-index: 5;
}
hr {
  border-width: 1px !important;
}
ul.is-style-swiperfy-posts {
  opacity: 0%;
}
.wp-block-query {
  --swiper-theme-color: black;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  opacity: 0%;
  margin-left: var(--spacing-offscreen-standard);
  .wp-block-post-excerpt__more-link {
    display: none;
  }
  .swiper-container {
    position: relative;
    padding-bottom: 50px;
  }
  .swiper-slide {
    > a {
      cursor: pointer;
    }
    .wp-block-cover {
      min-height: 250px;
    }
  }
  .swiper-pagination {
    text-align: left;
  }
}
.is-style-swiperfy-posts {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.gs-fade-title {
  margin-top: calc(var(--spacing) * 12);
  margin-bottom: calc(var(--spacing) * 12);
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 20);
  }
}
.gs-fade-menu {
  margin-block: calc(var(--spacing) * 8);
  @media (width >= 48rem) {
    margin-bottom: 7rem;
  }
  .link-class {
    font-family: var(--font-titles);
    color: #3A3935;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #99AF9F;
      }
    }
    line-height: 100% !important;
    min-height: 0vw;
    font-size: 2rem;
    @media (width >= 48rem) {
      font-size: 3rem;
    }
    @media (min-width: 1920px) {
      font-size: 4.25rem;
    }
    @media (min-width: 2300px) {
      font-size: 5.25rem;
    }
  }
  .gs-fade-menu-grid {
    height: 100%;
  }
  .center-fade-col {
    padding-block: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 20);
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 0);
    }
    .link-bottom-btn {
      color: var(--color-white);
      text-transform: uppercase;
    }
  }
}
.left-fade-col, .right-fade-col {
  min-height: 25vh;
  @media (width >= 48rem) {
    min-height: 40vh;
  }
  @media (width >= 96rem) {
    min-height: 40vw;
  }
  position: relative;
  img {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
}
.wp-block-cover, .wp-block-cover-image {
  align-items: center;
  background-position: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  min-height: 430px;
  overflow: hidden;
  overflow: clip;
  padding: 1em;
  position: relative;
}
.wp-block-cover .has-background-dim:not([class*="-background-color"]), .wp-block-cover-image .has-background-dim:not([class*="-background-color"]), .wp-block-cover-image.has-background-dim:not([class*="-background-color"]), .wp-block-cover.has-background-dim:not([class*="-background-color"]) {
  background-color: #000;
}
.wp-block-cover .has-background-dim.has-background-gradient, .wp-block-cover-image .has-background-dim.has-background-gradient {
  background-color: initial;
}
.wp-block-cover-image.has-background-dim:before, .wp-block-cover.has-background-dim:before {
  background-color: inherit;
  content: "";
}
.wp-block-cover .wp-block-cover__background, .wp-block-cover .wp-block-cover__gradient-background, .wp-block-cover-image .wp-block-cover__background, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover.has-background-dim:not(.has-background-gradient):before {
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
}
.wp-block-cover-image.has-background-dim.has-background-dim-10	.wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-10	.wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-10:not(	.has-background-gradient	):before, .wp-block-cover.has-background-dim.has-background-dim-10	.wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-10	.wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(	.has-background-gradient	):before {
  opacity: 0.1;
}
.wp-block-cover-image.has-background-dim.has-background-dim-20	.wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-20	.wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-20:not(	.has-background-gradient	):before, .wp-block-cover.has-background-dim.has-background-dim-20	.wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-20	.wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(	.has-background-gradient	):before {
  opacity: 0.2;
}
.wp-block-cover-image.has-background-dim.has-background-dim-30	.wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-30	.wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-30:not(	.has-background-gradient	):before, .wp-block-cover.has-background-dim.has-background-dim-30	.wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-30	.wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(	.has-background-gradient	):before {
  opacity: 0.3;
}
.wp-block-cover-image.has-background-dim.has-background-dim-40	.wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-40	.wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-40:not(	.has-background-gradient	):before, .wp-block-cover.has-background-dim.has-background-dim-40	.wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-40	.wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(	.has-background-gradient	):before {
  opacity: 0.4;
}
.wp-block-cover-image.has-background-dim.has-background-dim-50	.wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-50	.wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-50:not(	.has-background-gradient	):before, .wp-block-cover.has-background-dim.has-background-dim-50	.wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-50	.wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(	.has-background-gradient	):before {
  opacity: 0.5;
}
.wp-block-cover-image.has-background-dim.has-background-dim-60	.wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-60	.wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-60:not(	.has-background-gradient	):before, .wp-block-cover.has-background-dim.has-background-dim-60	.wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-60	.wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(	.has-background-gradient	):before {
  opacity: 0.6;
}
.wp-block-cover-image.has-background-dim.has-background-dim-70	.wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-70	.wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-70:not(	.has-background-gradient	):before, .wp-block-cover.has-background-dim.has-background-dim-70	.wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-70	.wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(	.has-background-gradient	):before {
  opacity: 0.7;
}
.wp-block-cover-image.has-background-dim.has-background-dim-80	.wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-80	.wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-80:not(	.has-background-gradient	):before, .wp-block-cover.has-background-dim.has-background-dim-80	.wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-80	.wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(	.has-background-gradient	):before {
  opacity: 0.8;
}
.wp-block-cover-image.has-background-dim.has-background-dim-90	.wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-90	.wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-90:not(	.has-background-gradient	):before, .wp-block-cover.has-background-dim.has-background-dim-90	.wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-90	.wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(	.has-background-gradient	):before {
  opacity: 0.9;
}
.wp-block-cover-image.has-background-dim.has-background-dim-100	.wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-100	.wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-100:not(	.has-background-gradient	):before, .wp-block-cover.has-background-dim.has-background-dim-100	.wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-100	.wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(	.has-background-gradient	):before {
  opacity: 1;
}
.wp-block-cover	.wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover-image	.wp-block-cover__background.has-background-dim.has-background-dim-0, .wp-block-cover-image	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
  opacity: 0;
}
.wp-block-cover	.wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover-image	.wp-block-cover__background.has-background-dim.has-background-dim-10, .wp-block-cover-image	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
  opacity: 0.1;
}
.wp-block-cover	.wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover-image	.wp-block-cover__background.has-background-dim.has-background-dim-20, .wp-block-cover-image	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
  opacity: 0.2;
}
.wp-block-cover	.wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover-image	.wp-block-cover__background.has-background-dim.has-background-dim-30, .wp-block-cover-image	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
  opacity: 0.3;
}
.wp-block-cover	.wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover-image	.wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover-image	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
  opacity: 0.4;
}
.wp-block-cover	.wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover-image	.wp-block-cover__background.has-background-dim.has-background-dim-50, .wp-block-cover-image	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
  opacity: 0.5;
}
.wp-block-cover	.wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover-image	.wp-block-cover__background.has-background-dim.has-background-dim-60, .wp-block-cover-image	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
  opacity: 0.6;
}
.wp-block-cover	.wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover-image	.wp-block-cover__background.has-background-dim.has-background-dim-70, .wp-block-cover-image	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
  opacity: 0.7;
}
.wp-block-cover	.wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover-image	.wp-block-cover__background.has-background-dim.has-background-dim-80, .wp-block-cover-image	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
  opacity: 0.8;
}
.wp-block-cover	.wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover-image	.wp-block-cover__background.has-background-dim.has-background-dim-90, .wp-block-cover-image	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
  opacity: 0.9;
}
.wp-block-cover	.wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover-image	.wp-block-cover__background.has-background-dim.has-background-dim-100, .wp-block-cover-image	.wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
  opacity: 1;
}
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright {
  max-width: 420px;
  width: 100%;
}
.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright {
  display: flex;
}
.wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container {
  color: inherit;
  position: relative;
  width: 100%;
}
.wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left {
  align-items: flex-start;
  justify-content: flex-start;
}
.wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center {
  align-items: flex-start;
  justify-content: center;
}
.wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right {
  align-items: flex-start;
  justify-content: flex-end;
}
.wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left {
  align-items: center;
  justify-content: flex-start;
}
.wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center {
  align-items: center;
  justify-content: center;
}
.wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right {
  align-items: center;
  justify-content: flex-end;
}
.wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
}
.wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center {
  align-items: flex-end;
  justify-content: center;
}
.wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position	.wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position	.wp-block-cover__inner-container {
  margin: 0;
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left	.wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right	.wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left	.wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right	.wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left	.wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right	.wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left	.wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right	.wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left	.wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right	.wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left	.wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right	.wp-block-cover__inner-container {
  margin: 0;
  width: auto;
}
.wp-block-cover .wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image .wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background {
  border: none;
  bottom: 0;
  box-shadow: none;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  object-fit: cover;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax, .wp-block-cover__image-background.has-parallax, video.wp-block-cover__video-background.has-parallax {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
@supports (-webkit-touch-callout: inherit) {
  .wp-block-cover-image.has-parallax,	.wp-block-cover.has-parallax,	.wp-block-cover__image-background.has-parallax,	video.wp-block-cover__video-background.has-parallax {
    background-attachment: scroll;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-cover-image.has-parallax,	.wp-block-cover.has-parallax,	.wp-block-cover__image-background.has-parallax,	video.wp-block-cover__video-background.has-parallax {
    background-attachment: scroll;
  }
}
.wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated, .wp-block-cover__image-background.is-repeated, video.wp-block-cover__video-background.is-repeated {
  background-repeat: repeat;
  background-size: auto;
}
.wp-block-cover-image-text, .wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover {
  color: #fff;
}
.wp-block-cover-image .wp-block-cover.has-left-content {
  justify-content: flex-start;
}
.wp-block-cover-image .wp-block-cover.has-right-content {
  justify-content: flex-end;
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content > h2 {
  margin-left: 0;
  text-align: left;
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, section.wp-block-cover-image.has-right-content > h2 {
  margin-right: 0;
  text-align: right;
}
.wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover-image-text, section.wp-block-cover-image > h2 {
  font-size: 2em;
  line-height: 1.25;
  margin-bottom: 0;
  max-width: 840px;
  padding: 0.44em;
  text-align: center;
  z-index: 1;
}
:where(.wp-block-cover-image:not(.has-text-color)), :where(.wp-block-cover:not(.has-text-color)) {
  color: #fff;
}
:where(.wp-block-cover-image.is-light:not(.has-text-color)), :where(.wp-block-cover.is-light:not(.has-text-color)) {
  color: #000;
}
:root :where(.wp-block-cover h1:not(.has-text-color)), :root :where(.wp-block-cover h2:not(.has-text-color)), :root :where(.wp-block-cover h3:not(.has-text-color)), :root :where(.wp-block-cover h4:not(.has-text-color)), :root :where(.wp-block-cover h5:not(.has-text-color)), :root :where(.wp-block-cover h6:not(.has-text-color)), :root :where(.wp-block-cover p:not(.has-text-color)) {
  color: inherit;
}
body:not(.editor-styles-wrapper)	.wp-block-cover:not(	.wp-block-cover:has(	.wp-block-cover__background + .wp-block-cover__inner-container	)	)	.wp-block-cover__image-background, body:not(.editor-styles-wrapper)	.wp-block-cover:not(	.wp-block-cover:has(	.wp-block-cover__background + .wp-block-cover__inner-container	)	)	.wp-block-cover__video-background {
  z-index: 0;
}
body:not(.editor-styles-wrapper)	.wp-block-cover:not(	.wp-block-cover:has(	.wp-block-cover__background + .wp-block-cover__inner-container	)	)	.wp-block-cover__background, body:not(.editor-styles-wrapper)	.wp-block-cover:not(	.wp-block-cover:has(	.wp-block-cover__background + .wp-block-cover__inner-container	)	)	.wp-block-cover__gradient-background, body:not(.editor-styles-wrapper)	.wp-block-cover:not(	.wp-block-cover:has(	.wp-block-cover__background + .wp-block-cover__inner-container	)	)	.wp-block-cover__inner-container, body:not(.editor-styles-wrapper)	.wp-block-cover:not(	.wp-block-cover:has(	.wp-block-cover__background + .wp-block-cover__inner-container	)	).has-background-dim:not(.has-background-gradient):before {
  z-index: 1;
}
.has-modal-open	body:not(.editor-styles-wrapper)	.wp-block-cover:not(	.wp-block-cover:has(	.wp-block-cover__background + .wp-block-cover__inner-container	)	)	.wp-block-cover__inner-container {
  z-index: auto;
}
.sub-active {
  text-decoration-line: underline;
}
.dropdown-content {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:before {
    content: "";
    position: absolute;
    top: -35px;
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 35px;
    width: 100%;
    opacity: 0.5;
  }
}
#menu-main {
  .menu-left {
    img {
      opacity: 100% !important;
    }
  }
  .menu-right {
    .menu-item {
      display: none;
      @media (width >= 64rem) {
        display: block;
      }
    }
  }
  .menu-item {
    .bg-background {
      background-color: var(--color-white) !important;
      a {
        background-color: transparent;
      }
    }
  }
}
#notice-content * {
  font-size: 12px !important;
}
#notice-content {
  p a {
    color: var(--color-white);
  }
}
#men-left {
  background: linear-gradient(	90deg,	rgba(255, 255, 255, 0) 39%,	rgb(0 0 0 / 34%) 100%	);
}
.slide-out-mobile {
  display: block;
  @media (width >= 64rem) {
    display: none;
  }
}
.slide-out-desktop {
  display: none;
  @media (width >= 64rem) {
    display: block;
  }
}
.top-scroll {
  .logo-dt {
    @media (width >= 96rem) {
      max-width: 175px;
    }
  }
}
.home .mod--banner {
  height: var(--spacing-banner) !important;
}
.banner, .sc-search-modal {
  height: 50dvh;
  max-height: 100% !important;
  min-height: 100% !important;
  padding: calc(var(--spacing) * 0);
  padding-inline: calc(var(--spacing) * 0) !important;
  padding-top: calc(var(--spacing) * 0) !important;
  @media (width >= 48rem) {
    height: 60dvh;
  }
  @media (width >= 64rem) {
    height: 85dvh;
  }
  h1,	h2,	h3 {
    margin-bottom: 16px !important;
  }
  h1 {
    margin-inline: auto;
    @media (width >= 48rem) {
      max-width: 22ch;
    }
  }
  .wp-block-cover__inner-container {
    margin-top: 0 !important;
  }
  h1,	h2,	h3,	h6,	p {
    color: var(--color-white);
  }
  .wp-block-cover__inner-container {
    z-index: 2;
  }
}
.banner-let {
  h1 {
    margin-inline: calc(var(--spacing) * 0);
    text-align: left;
  }
}
.mod--banner-style-1 {
  min-height: 40dvh;
  @media (width >= 64rem) {
    min-height: 55dvh !important;
  }
  @media (width >= 80rem) {
    min-height: 55dvh !important;
  }
}
.mod--post-banner {
  border-color: var(--color-red-400);
}
figure.wp-block-video.waves {
  z-index: -1 !important;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
}
img.wp-image-1607 {
  transform-origin: bottom center;
}
.home {
  .fa-arrows-rotate {
    color: #252525 !important;
  }
}
.properties-search-form {
  @media (width >= 64rem) {
    position: absolute;
  }
  @media (width >= 64rem) {
    bottom: calc(var(--spacing) * 0);
  }
}
.mod--contact {
  display: grid !important;
  max-width: 1185px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(var(--spacing) * 10);
  @media (width >= 96rem) {
    grid-template-columns: 1fr 2fr;
  }
}
.grid-contact {
  .contact-border-right {
    .wp-block-column {
      margin-top: calc(var(--spacing) * 8);
      h3 {
        margin-bottom: 10px;
      }
      p {
        width: fit-content;
        &:after {
          background-color: var(--color-foreground);
        }
      }
    }
  }
}
.form-padding {
  padding-top: calc(var(--spacing) * 16) !important;
  padding-bottom: calc(var(--spacing) * 6) !important;
}
form {
  .orange input {
    background-color: var(--color-primary) !important;
    color: var(--color-white);
    text-decoration-line: none !important;
    &:hover {
      background-color: #e9905ad1 !important;
    }
  }
}
.three-block--container {
  display: grid !important;
  gap: 20px;
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 40rem) {
    flex-wrap: nowrap !important;
  }
  @media (width >= 80rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (min-width: 640px) {
    grid-template-columns: repeat(2, 1fr);
    .linkify-column-one {
      grid-column: 1;
      grid-row: 1;
    }
    .linkify-column-two {
      grid-column: 2;
      grid-row: 1;
    }
    .linkify-column-three {
      grid-column: 1 / 3;
      grid-row: 2;
      .wp-block-cover {
        width: 100%;
        @media (width >= 48rem) {
          max-height: 413px;
        }
      }
    }
  }
  @media (min-width: 1250px) {
    grid-template-columns: repeat(3, 1fr);
    .linkify-column-one {
      grid-column: 1;
      grid-row: 1;
    }
    .linkify-column-two {
      grid-column: 2;
      grid-row: 1;
    }
    .linkify-column-three {
      grid-column: 3;
      grid-row: 1;
      .wp-block-cover {
        max-height: 100%;
      }
    }
  }
  .linkified {
    position: relative;
    overflow: hidden;
    .wp-block-tiptip-hyperlink-group-block {
      transition-duration: 2s;
      position: relative;
      .button-container {
        position: absolute;
        right: calc(var(--spacing) * 0);
        bottom: 10%;
        left: calc(var(--spacing) * 0);
        z-index: 2;
        p {
          margin-block: calc(var(--spacing) * 0);
          max-width: 100%;
          border-radius: 5px;
          border-style: var(--tw-border-style) !important;
          border-width: 1px !important;
          border-color: var(--color-white) !important;
          padding-inline: 30px;
          padding-block: 18px;
          --tw-leading: 150%;
          line-height: 150%;
          color: var(--color-white);
          @media (width >= 80rem) {
            width: fit-content;
          }
        }
      }
    }
    &:before {
      content: "";
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(	0deg,	#000000e0 0.9%,	rgba(0, 0, 0, 0) 100%	);
    }
  }
  .wp-block-cover {
    aspect-ratio: var(--aspect-cta-card) !important;
    min-height: calc(var(--spacing) * 0) !important;
    img.wp-block-cover__image-background {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          scale: 1.05;
        }
      }
    }
    h1,	h2 {
      margin-bottom: 23px !important;
      text-decoration-line: none;
      text-decoration-thickness: 0px !important;
    }
  }
  .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
    margin-top: calc(var(--spacing) * 10) !important;
    h3,	h6 {
      margin-bottom: 10px;
    }
    .btn-copy {
      margin-top: 10px;
    }
  }
  .img-zoom {
    overflow: hidden;
    img,	picture img {
      transition-duration: 2s;
    }
    &:hover {
      img,	picture img {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        z-index: 0;
        transition-duration: 2s;
      }
    }
  }
}
.grid-special-5-col {
  gap: 27px !important;
  * {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  .wp-block-cover {
    position: relative;
    overflow: hidden;
    h2 {
      margin-bottom: 27px !important;
      font-size: var(--ff--cta-title-2) !important;
    }
    .is-style-link-style {
      margin-bottom: 37px;
    }
  }
  .wp-block-cover,	img {
    height: 33.3vh;
    @media (width >= 64rem) {
      height: 50vh;
    }
  }
  @media only screen and (min-width: 700px) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    .wp-block-column {
      &:nth-child(5) {
        grid-column: span 2 / span 2 !important;
      }
    }
  }
  @media only screen and (min-width: 1280px) {
    grid-template-columns: repeat(6, 1fr) !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    .wp-block-column {
      grid-column: span 2 / span 2;
      &:nth-child(4),	&:nth-child(5) {
        grid-column: span 3 / span 3 !important;
      }
    }
  }
}
.mod--imgs-copy {
  display: grid !important;
  gap: 60px;
  @media (width >= 48rem) {
    grid-template-columns: 1fr 2fr;
  }
  img {
    aspect-ratio: var(--aspect-img-tall) !important;
    min-height: calc(var(--spacing) * 0) !important;
    min-height: 800px;
    object-fit: cover;
  }
  .wp-block-column {
    flex-direction: column;
    align-items: center;
    @media (width >= 48rem) {
      display: flex !important;
    }
    @media (width >= 48rem) {
      justify-content: center;
    }
    .wp-block-group {
      display: flex !important;
      flex-direction: column;
      gap: 50px;
    }
    p {
      max-width: 541px;
    }
    &:nth-of-type(1) {
      order: 2;
      @media (width >= 48rem) {
        order: 1;
      }
    }
    &:nth-of-type(2) {
      order: 1;
      @media (width >= 48rem) {
        order: 2;
      }
    }
  }
}
.mod--imgs-copy-2 {
  margin-inline: auto;
  display: grid !important;
  max-width: var(--container-img-copy) !important;
  gap: 60px;
  @media (width >= 64rem) {
    grid-template-columns: 1.1fr 1fr;
  }
  img {
    min-height: calc(var(--spacing) * 0) !important;
    min-height: 25vh !important;
    width: 100%;
    object-fit: cover;
    @media (width >= 64rem) {
      max-height: 800px;
    }
    @media (width >= 96rem) {
      height: 85vh;
    }
  }
  .wp-block-column {
    flex-direction: column;
    align-items: center;
    @media (width >= 48rem) {
      display: flex !important;
    }
    @media (width >= 48rem) {
      justify-content: center;
    }
    .wp-block-group {
      display: flex !important;
      flex-direction: column;
      gap: 50px;
    }
    h2 {
      margin-bottom: 40px !important;
    }
    p {
      max-width: 541px;
    }
    &:nth-of-type(1) {
      order: 2;
      @media (width >= 48rem) {
        order: 1;
      }
    }
    &:nth-of-type(2) {
      order: 1;
      @media (width >= 48rem) {
        order: 2;
      }
      @media (width >= 64rem) {
        margin-left: auto;
      }
      @media (width >= 64rem) {
        max-width: 100%;
      }
    }
  }
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 1rem !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}
.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}
.splide__arrow:disabled {
  opacity: 0.3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__arrow--prev {
  left: 1em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}
.splide__arrow--next {
  right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 12px;
}
.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__progress__bar {
  background: #ccc;
  height: 3px;
}
.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide:focus {
  outline: 0;
}
.splide {
  position: relative;
  width: 100%;
  .splide__slide {
    .wp-block-column {
      opacity: 1 !important;
    }
  }
  .splide__pagination {
    position: relative !important;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 2);
    padding-inline-start: calc(var(--spacing) * 0) !important;
  }
  .splide__pagination__page {
    background: var(--color-primary-faded);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    &.is-active {
      background: var(--color-primary);
    }
  }
  &.splide-query-loop {
    .splide__pagination {
      text-align: left !important;
    }
  }
}
.is-style-swiperfy {
  --swiper-navigation-color: white;
  .wp-block-column {
    display: grid !important;
    display: none;
    opacity: 0%;
  }
  .swiper {
    .wp-block-column {
      opacity: 100% !important;
    }
  }
  &.swiper-no-scroll {
    .swiper-scrollbar {
      display: none;
    }
  }
  &.swiper-no-nav {
    .swiper-button-next,	.swiper-button-prev {
      display: none;
    }
  }
}
.custom-swiper-next, .custom-swiper-prev {
  cursor: pointer;
}
.is-swiper-3-cards {
  .is-style-swiperfy {
    &.swiper-style-1 {
      .swiper-slide {
        .wp-block-column {
          h2 {
            font-size: var(--ff--cta-title);
          }
        }
      }
    }
  }
}
.swiper-style-1 {
  .swiper-slide {
    .wp-block-column {
      h2 {
        margin-bottom: 18px !important;
        font-size: var(--ff--cta-title);
        line-height: 120% !important;
      }
    }
  }
}
.team-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: calc(var(--spacing) * 8);
  @media (width >= 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  @media (width >= 96rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  > .wp-block-group {
    position: relative;
    background-color: var(--color-foreground);
    padding-top: calc(var(--spacing) * 0);
    h2 {
      font-size: 30px;
    }
    &.teamCardFocused {
      height: auto;
      padding: 45px;
      z-index: 10;
      padding: 0;
      margin: 25px;
      width: 90%;
      &:hover {
        transform: translate(-50%, -50%) !important;
      }
    }
    display: flex;
    cursor: pointer;
    flex-direction: column;
    transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    &:hover {
      transform: translateY(-15px);
      box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.05);
      p.team-role {
        padding-inline: 35px !important;
      }
    }
    figure {
      overflow: hidden;
    }
    figure,	img {
      background-color: var(--color-gray-200);
      height: 35vh !important;
      width: 100% !important;
      object-fit: cover;
      object-position: top;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    display: flex !important;
    width: 100%;
    max-width: none;
    gap: calc(var(--spacing) * 0) !important;
    > .wp-block-group {
      width: 100%;
      max-width: none !important;
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 4);
      position: unset;
      p.team-role {
        position: absolute;
        top: 55px;
        left: calc(var(--spacing) * 0);
        background-color: var(--color-background);
        padding-inline: 25px;
        padding-block: 10px;
        font-size: 12px;
        --tw-font-weight: 300;
        font-weight: 300;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
      }
      h2 {
        margin-bottom: calc(var(--spacing) * 0) !important;
        color: var(--color-white) !important;
      }
      p {
        margin-block: 15px !important;
        margin-top: calc(var(--spacing) * 0) !important;
        max-width: none !important;
      }
      .team-bio {
        height: 135px;
        overflow: hidden;
        position: relative;
        display: none;
        --fade-start: 35%;
        mask-image: linear-gradient(	to bottom,	white var(--fade-start),	transparent	);
      }
    }
  }
}
.team-sa {
  #swal2-html-container {
    padding: calc(var(--spacing) * 0) !important;
  }
  .swal2-popup {
    width: auto !important;
    max-width: 1100px;
    background-color: var(--color-background);
    padding: calc(var(--spacing) * 0) !important;
  }
  .teamLayout {
    @media (width >= 64rem) {
      display: grid;
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
    text-align: left !important;
    h2 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    p.team-role {
      position: absolute;
      bottom: 0;
      left: calc(var(--spacing) * 0);
      background-color: var(--color-background);
      padding-inline: 25px;
      padding-block: 10px;
      --tw-font-weight: 300;
      font-weight: 300;
      color: var(--color-foreground);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .teamImg {
      position: relative;
      @media (width >= 64rem) {
        max-height: 450px;
      }
    }
    .teamPopImg {
      object-position: top;
    }
    .teamBio {
      border-radius: 0 !important;
      padding-inline: 30px !important;
      padding-block: 20px !important;
      font-size: 13px !important;
      @media (width >= 64rem) {
        display: flex;
      }
      @media (width >= 64rem) {
        flex-direction: column;
      }
      @media (width >= 64rem) {
        justify-content: center;
      }
      font-weight: 100 !important;
      * {
        color: var(--color-foreground);
      }
      h2 {
        font-size: 30px !important;
      }
      p {
        margin-block: calc(var(--spacing) * 4);
        font-size: 12px !important;
      }
    }
  }
  img {
    margin-top: 50px !important;
    margin-bottom: calc(var(--spacing) * 0) !important;
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0) !important;
    }
  }
}
.swal2-popup.swal2-modal.animate__animated.animate__fadeInUp.animate__faster {
  border-radius: 0 !important;
}
#cat-dds {
  .dropdown {
    position: relative;
    display: flex;
  }
  .dropdown-el {
    cursor: pointer;
    padding: 10px;
    border: 1px solid black;
    border-radius: 4px;
    user-select: none;
    width: fit-content;
    min-width: 250px;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
  .dropdown-content label {
    cursor: pointer;
    display: block;
  }
  &.expanded {
    .dropdown-content {
      position: absolute;
      top: 45px;
      right: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      display: grid !important;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      @media (width >= 48rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      @media (width >= 80rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    }
  }
  .underline-animation {
    &:after {
      background-color: var(--color-black) !important;
    }
  }
}
.mm-parent {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  display: none;
  opacity: 0%;
  height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
  @media (width >= 1920px) {
    max-height: 85vh;
  }
  @media (width >= 96rem) {
    height: auto;
  }
  position: fixed;
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 5;
  width: 100%;
  padding-top: calc(var(--spacing) * 4);
  padding-bottom: calc(var(--spacing) * 10);
  background-color: #f4f4f4 !important;
  .gs-mega-menu-parent {
    display: flex;
    flex-direction: column;
    gap: 30px;
    @media (width >= 96rem) {
      gap: 60px;
    }
    margin-inline: auto;
    max-width: 80%;
    @media (width >= 1920px) {
      max-width: 71.875%;
    }
    .mm-title {
      border-bottom: 1px solid #cbcbcb;
      margin-block: calc(var(--spacing) * 0);
      margin-top: 15px;
      h2,	.close-mm {
        margin-block: calc(var(--spacing) * 0);
        margin-top: 15px;
        margin-bottom: 20px;
        color: #3A3935;
        @media (width >= 96rem) {
          margin-top: 20px;
        }
        line-height: 133.333% !important;
      }
    }
    .mm-main-row {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 75px;
      @media (width >= 1500px) {
        grid-template-columns: 1fr 827px;
      }
      .mm-sub-titles {
        margin-bottom: 15px;
        @media (width >= 96rem) {
          margin-bottom: 15px;
        }
        color: #3A3935;
      }
      .mm-left-links {
        border-bottom: 1px solid #cbcbcb;
        color: #3A3935;
      }
      .left-links {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: calc(var(--spacing) * 2);
        @media (width >= 1500px) {
          max-width: 500px;
        }
        @media (width >= 96rem) {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        a {
          font-size: 12px;
          --tw-leading: 22px;
          line-height: 22px;
          --tw-font-weight: var(--font-weight-light);
          font-weight: var(--font-weight-light);
          color: #3A3935;
        }
      }
      .mm-right-cards {
        hr {
          margin-bottom: 15px;
          @media (width >= 96rem) {
            margin-bottom: 30px;
          }
          border-top: 1px solid #cbcbcb !important;
        }
        .mm-cards {
          display: grid;
          gap: 38px;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          @media screen and (min-width: 1500px) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
          }
          a {
            &:after {
              display: none !important;
            }
            img {
              transition-property: all;
              transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
              transition-duration: var(--tw-duration, var(--default-transition-duration));
            }
            &:hover {
              img {
                --tw-scale-x: 110%;
                --tw-scale-y: 110%;
                --tw-scale-z: 110%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
              }
            }
            .mm-link-title {
              color: #3a3935;
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 22px;
              text-transform: uppercase;
            }
            .mm-link-desc {
              color: #3a3935;
              font-size: 12px;
              font-style: normal;
              font-weight: 300;
              line-height: 20px;
              max-width: 30ch;
            }
          }
        }
      }
    }
  }
  .button-cell {
    &:after {
      display: none !important;
    }
  }
}
.gs-owner-loop {
  p {
    margin-inline: auto;
    margin-top: 40px !important;
    max-width: 55ch;
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
    &:last-of-type {
      font-weight: 400 !important;
    }
    strong {
      font-weight: 400 !important;
    }
  }
  button.splide__pagination__page {
    height: 6px !important;
    width: 6px !important;
    opacity: 1;
  }
}
.block-container, .wp-block-group, .wp-block-columns {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}
.alignwide {
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto !important;
  margin-right: auto !important;
}
.alignfull {
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (min-width: 1024px) {
  .container.break-right-margin {
    margin-right: 0 !important;
    margin-left: auto !important;
    width: 92.5% !important;
    max-width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .container-wide.break-right-margin {
    margin-right: 0 !important;
    margin-left: auto !important;
    width: 98.5% !important;
    max-width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  :root {
    --wp--style--global--content-size: 85% !important;
    --wp--style--global--wide-size: 85% !important;
  }
}
.home .block-banner:has(.properties-search-form) {
  display: none;
  @media (width >= 64rem) {
    display: flex;
  }
}
.swiper-style-2 {
  .swiper-scrollbar.swiper-scrollbar-horizontal {
    top: unset !important;
    width: 250px !important;
    background: rgba(0, 0, 0, 0.5);
    left: 50% !important;
    transform: translateX(-50%) !important;
    height: 1px !important;
    background: rgba(37, 37, 37, 0.6);
    .swiper-scrollbar-drag {
      height: 7px !important;
      border-radius: 0 !important;
      top: -3px !important;
      cursor: pointer;
    }
  }
  .swiper-wrapper {
    padding-bottom: 100px;
  }
  .swiper {
    padding-bottom: 100px;
    .swiper-slide {
      @media (width >= 64rem) {
        min-width: 470px;
      }
      &.even-slide {
        height: 580px !important;
        .wp-block-cover {
          height: 580px !important;
        }
      }
    }
    .swiper-slide,	.wp-block-cover {
      min-height: unset !important;
      height: 405px;
      h2 {
        margin-top: 32px;
        margin-bottom: 5px;
        font-size: 28px;
        @media (width >= 64rem) {
          font-size: 32px;
        }
      }
      p {
        margin-bottom: 33px;
      }
    }
  }
}
.dest-link-box {
  cursor: help;
}
.side-filters {
  z-index: 20 !important;
  position: sticky;
  top: 10rem;
  [data-is-dropdown] {
    width: max-content !important;
    min-width: max-content !important;
  }
  .sc-count-row {
    display: flex;
    align-items: center;
    h2 {
      font-size: 16px;
      padding-block: 1rem !important;
      margin: 0px !important;
      font-family: var(--font-body);
      text-transform: uppercase;
    }
  }
  .h-full {
    height: auto !important;
  }
}
section:has(.side-filters) {
  position: relative;
  height: 100%;
  display: block;
}
@layer base {
  .overflow-hidden-modal {
    overflow-y: hidden !important;
    height: 100vh !important;
  }
  body:is(.overflow-hidden-modal) {
    footer {
      z-index: -1;
      position: relative;
    }
    #check-availability-btn {
      display: none !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }
  }
  #guidebooks-modal,	#cycling-modal {
    #sc-af-title-row {
      display: none !important;
    }
    #sc-af-content-row {
      @media (width >= 64rem) {
        padding: calc(var(--spacing) * 12) !important;
      }
    }
    .adv-filters {
      max-height: min-content !important;
    }
  }
}
#check-availability-btn {
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
  width: 100%;
}
.star-col {
  --gap: 0.25rem;
  --star-icon-size: 1.1em;
}
.feat-card-content .star-col {
  --gap: 0.4rem;
  --star-icon-size: 1.5em;
  & > span {
    transform: translateY(3px);
  }
}
.fa-thin, .fast {
  font-weight: 300 !important;
}
@media (max-width: 640px) {
  .mobile-location-filter-open {
    header {
      position: static !important;
    }
  }
}
.property-archive-container {
  margin-inline: auto !important;
  max-width: 1563px;
  padding-inline: calc(var(--spacing) * 4);
  &.full-width {
    max-width: none !important;
    & > .wp-block-columns {
      max-width: 1800px !important;
      gap: 5rem !important;
    }
  }
}
.archive-pagination {
  display: none !important;
  text-align: center;
  a,	span {
    background-color: transparent !important;
    border: 0 !important;
    &.font-bold {
      color: var(--color-foreground) !important;
    }
  }
}
.archive-pagination {
  display: none !important;
  min-height: 25vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#archiveSortbyOptions {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  a {
    cursor: pointer;
  }
}
.blog, .page, .post-type-archive, .experience-category-archive {
  .pagination {
    .current {
      --tw-font-weight: var(--font-weight-bold) !important;
      font-weight: var(--font-weight-bold) !important;
      color: var(--color-foreground);
    }
    a,	span {
      margin-right: calc(var(--spacing) * 1);
      display: inline-block;
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      text-align: center;
    }
  }
}
.single-post {
  .wp-block-cover {
    margin-top: 122px;
  }
}
.property-content__icons.usp p {
  display: none;
}
.alternative-month-selector.month-selector {
  margin-top: 30px;
}
#queryInput {
  @media (width < 48rem) {
    padding-left: 24px;
  }
  font-size: 14px !important;
  &:focus {
    outline: none !important;
  }
}
#dropdown-sleeps {
  font-size: 14px !important;
}
a.pop-location {
  font-size: 17px !important;
  &.add-location-spacer {
    margin-top: 20px !important;
    display: block;
  }
}
ul.list-none.pop-locs {
  height: 290px !important;
  overflow: scroll;
  li {
    a {
      font-size: 14px !important;
    }
    &:nth-last-of-type(2) {
      a {
        padding-bottom: 30px !important;
      }
    }
  }
}
#searchresults {
  top: 42px;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,	rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  .loc-focus,	.prop-focus {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .prop-focus-info {
    .prop-name {
      font-size: 14px !important;
      --tw-font-weight: var(--font-weight-normal) !important;
      font-weight: var(--font-weight-normal) !important;
    }
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    .prop-type {
      font-size: 12px;
    }
  }
  .prop-focus-thumb {
    background-color: gray;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    background-size: cover;
  }
  &.sc-auto-results-open {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .sc-auto-results {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 4);
    hr {
      margin-inline: calc(var(--spacing) * 4);
      margin-block: calc(var(--spacing) * 0) !important;
      height: 1px;
    }
    .sc-auto-title-row {
      &:first-child {
        padding-top: 15px;
      }
      &:not(:first-child) {
        margin-top: 10px;
      }
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      padding-inline: calc(var(--spacing) * 4);
    }
    span.sc-auto-title {
      margin: calc(var(--spacing) * 0);
      display: block !important;
      font-family: var(--font-titles);
      font-size: 13px;
      --tw-font-weight: var(--font-weight-light) !important;
      font-weight: var(--font-weight-light) !important;
      color: var(--color-foreground);
    }
    a.sc-auto-link {
      display: inline-block;
      cursor: pointer;
      padding-inline: calc(var(--spacing) * 4);
      font-family: var(--font-body);
      font-size: 12px;
      --tw-font-weight: var(--font-weight-light) !important;
      font-weight: var(--font-weight-light) !important;
      text-transform: uppercase;
    }
  }
  .sc-ac-no-matches {
    display: flex;
    gap: 2px;
    align-items: center;
    padding-inline: calc(var(--spacing) * 4);
    font-size: 14px;
    color: var(--color-foreground);
  }
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-button {
  height: 3px;
}
::-webkit-scrollbar-track-piece {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--color-foreground);
}
div#sc-destination-list {
  flex-direction: column;
  @media (width >= 64rem) {
    flex-direction: row;
  }
  @media (width >= 64rem) {
    min-height: 530px;
  }
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &.blur-me {
    filter: blur(5px);
    pointer-events: none;
  }
}
.dot {
  margin-top: 6px;
  height: 10px;
  aspect-ratio: 2.5;
  --_g: no-repeat radial-gradient(farthest-side, #696969 90%, #0000);
  background: var(--_g), var(--_g), var(--_g), var(--_g);
  background-size: 20% 50%;
  animation: l43 1s infinite linear;
  display: inline-block;
}
@keyframes l43 {
  0% {
    background-position: calc(0 * 100% / 3) 50%,	calc(1 * 100% / 3) 50%,	calc(2 * 100% / 3) 50%,	calc(3 * 100% / 3) 50%;
  }
  16.67% {
    background-position: calc(0 * 100% / 3) 0,	calc(1 * 100% / 3) 50%,	calc(2 * 100% / 3) 50%,	calc(3 * 100% / 3) 50%;
  }
  33.33% {
    background-position: calc(0 * 100% / 3) 100%,	calc(1 * 100% / 3) 0,	calc(2 * 100% / 3) 50%,	calc(3 * 100% / 3) 50%;
  }
  50% {
    background-position: calc(0 * 100% / 3) 50%,	calc(1 * 100% / 3) 100%,	calc(2 * 100% / 3) 0,	calc(3 * 100% / 3) 50%;
  }
  66.67% {
    background-position: calc(0 * 100% / 3) 50%,	calc(1 * 100% / 3) 50%,	calc(2 * 100% / 3) 100%,	calc(3 * 100% / 3) 0;
  }
  83.33% {
    background-position: calc(0 * 100% / 3) 50%,	calc(1 * 100% / 3) 50%,	calc(2 * 100% / 3) 50%,	calc(3 * 100% / 3) 100%;
  }
  100% {
    background-position: calc(0 * 100% / 3) 50%,	calc(1 * 100% / 3) 50%,	calc(2 * 100% / 3) 50%,	calc(3 * 100% / 3) 50%;
  }
}
#closeAutoComplete {
  width: 16px;
  position: absolute;
  top: 9px;
  right: 0;
  color: #cdcdcd;
  cursor: pointer;
}
.sc-auto-tab-mode {
  background-color: #f9f9f9;
  position: sticky;
  top: 0px;
  .sc-auto-tab-header {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-block: calc(var(--spacing) * 2);
    font-family: var(--font-body);
    font-size: 12px;
    text-transform: uppercase;
    .tab {
      position: relative;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &.no-props {
        pointer-events: none;
        opacity: 0.2;
      }
    }
    .active-tab {
      &:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: var(--color-foreground);
        left: 0;
        right: 0;
      }
    }
  }
  #properties-tab,	#location-tab {
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  div#dropdown-region_name {
    padding: 0 !important;
  }
}
.single {
  .wp-block-post-date {
    margin-bottom: calc(var(--spacing) * 5);
  }
  time {
    font-weight: 500 !important;
  }
  article {
    > * {
      .wp-block-cover,	.wp-block-cover-image {
        padding-top: 90px !important;
        h1 {
          max-width: 30ch;
        }
      }
      .wp-block-cover {
        img {
          aspect-ratio: 14 / 6;
        }
      }
    }
  }
}
.post-template-default {
  &.single {
    article {
      a {
        color: var(--color-foreground);
        text-decoration: underline;
      }
    }
  }
}
.mobile-month-selector {
  @media (width < 48rem) {
    min-width: 235px;
  }
  @media (width < 48rem) {
    padding: 12px;
  }
}
.sc-calendar {
  --firstDayColor: #e9905a;
  --nightsHighlight: #d38250;
  --dayBlocked: #9c9d9f;
  --dayAvailable: black;
  border: 1px solid rgba(37, 37, 37, 0.3) !important;
  .calendar-key {
    display: none;
  }
  .calendar__row {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .month-selector {
    margin-bottom: 25px;
    min-width: 235px;
    @media (width < 48rem) {
      padding: 12px;
    }
  }
  select.month-selector__select {
    flex: 1;
    padding-inline: 15px;
    padding-block: 15px;
    @media (width >= 40rem) {
      padding-inline: 30px;
    }
  }
  span.calendar__header {
    color: var(--dayBlocked);
  }
  .calendar {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  select.month-selector__select {
    text-transform: uppercase !important;
  }
  .calendar__day {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
    background-color: transparent;
    padding-block: 5px !important;
    color: var(--dayBlocked);
    border: none !important;
  }
  span.calendar__header {
    font-size: 17px;
  }
  .calendar__day--selectedEnds {
    background-color: #C3B59F !important;
    color: var(--color-white) !important;
    .calendar__day-number {
      color: var(--color-white) !important;
    }
  }
  .calendar__day--rangeSelect {
    background-color: #e0d9cf !important;
    color: var(--color-black) !important;
    .calendar__day-number {
      &:after {
        position: unset !important;
      }
    }
    .calendar__day-number {
      color: var(--color-black) !important;
    }
  }
  .calendar__day--not-booked {
    color: var(--dayAvailable);
  }
  .calendar__day .calendar__day--not-booked .calendar__day--selectable {
    span {
      text-decoration-line: underline;
    }
  }
  .calendar-price-enquiry btn {
    margin-block: 25px;
    display: block;
  }
  .night-selector {
    padding: 10px;
    margin-left: auto;
    display: block;
  }
  a.calendar-price-enquiry.btn {
    display: block;
    text-align: center;
    text-transform: uppercase;
  }
  .calendar__day--selectable span {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .reset-dates,	.calendar-price-display,	.calendar-enquery {
    font-family: var(--font-body) !important;
  }
}
.sc-button-start-date {
  position: unset;
}
.calendar__day--rangeSelect {
  .calendar__day-number {
    color: var(--color-black) !important;
  }
}
#dropdown-start_date {
  @media (width >= 64rem) {
    min-width: 700px;
  }
  transition-property: all !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  left: 0;
  font-size: 12px !important;
  .calendar__day-number {
    height: 30px !important;
    line-height: 30px !important;
  }
  p {
    color: var(--color-foreground);
  }
  @media (width >= 64rem) {
    max-width: 700px;
  }
  width: 100%;
  @media (width < 330px) {
    overflow: auto;
  }
  div#search-calendar {
    @media (width >= 1023px) {
      margin-bottom: 40px !important;
    }
    button.reset-dates {
      position: absolute;
      bottom: -59px;
      right: 0;
    }
  }
  @media screen and (max-width: 1024px) {
    div#search-calendar {
      margin: auto;
    }
  }
  .monthSelectorDropdown {
    min-width: 180px;
    padding-inline: 30px;
    padding-block: 10px;
    @media (width >= 64rem) {
      max-width: 300px;
    }
    border-radius: 100px;
    border: 0.5px solid #252525;
    width: 70%;
    .currentMonth {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      text-transform: uppercase;
      * {
        z-index: 10 !important;
      }
    }
    .allMonths {
      top: calc(1/2 * 100%) !important;
      right: calc(0.7px * -1) !important;
      left: calc(0.5px * -1) !important;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      padding-top: 25px !important;
      z-index: 1 !important;
      background-color: #ffffff !important;
      text-align: left !important;
      border-left: 0.5px solid #252525;
      border-right: 0.5px solid #252525;
      border-bottom: 0.5px solid #252525;
      div {
        padding-bottom: 5px;
        padding-left: 21px;
      }
    }
  }
  .month-selector__arrow {
    display: flex;
    height: 30px !important;
    width: 30px !important;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px) !important;
    background-color: var(--color-white);
    color: #252525 !important;
    border: 1px solid #252525 !important;
    i {
      color: #252525 !important;
    }
  }
  @media (width < 40rem) {
    margin-top: calc(var(--spacing) * 0);
  }
  .calendar-container {
    @media (width < 64rem) {
      max-width: 380px !important;
    }
    @media (width < 40rem) {
      padding: calc(var(--spacing) * 8);
    }
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .calendar ~ .calendar {
      @media (width < 64rem) {
        display: none !important;
      }
    }
  }
  .month-display {
    .month-selector--individual {
      text-transform: uppercase;
      &:nth-of-type(2) {
        @media (width < 64rem) {
          display: none !important;
        }
      }
    }
  }
  .month-selector {
    .month-selector--individual {
      text-transform: uppercase;
      &:nth-of-type(2) {
        @media (width < 64rem) {
          display: none !important;
        }
      }
    }
  }
  .calendar-container {
    grid-column: span 2 / span 2;
    display: block;
    width: 100%;
    max-width: none;
    column-gap: 60px;
    row-gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      display: grid;
    }
    .month-selector {
      grid-column: span 2 / span 2;
      justify-content: space-between;
    }
    .calendar__header {
      color: #9c9d9f !important;
    }
    .calendar {
      --tw-border-style: none !important;
      border-style: none !important;
    }
    .calendar__day {
      padding: 5px 0 !important;
    }
  }
  button.reset-dates {
    grid-column: span 2 / span 2;
    color: #FF0000;
  }
  .month-display {
    margin-top: 20px;
    @media (width >= 48rem) {
      margin-top: 40px;
    }
    .month-selector--individual p {
      margin-block: calc(var(--spacing) * 0);
      font-family: var(--font-titles);
      font-size: 20px !important;
      color: #252525;
      @media (width >= 48rem) {
        font-size: 26px !important;
      }
    }
  }
  .calendar__day--selectable span {
    border-bottom: 0px solid transparent !important;
  }
  .calendar__day--selected {
    background-color: #C3B59F !important;
    color: #252525;
  }
  .calendar__day--rangeSelect {
    background-color: #e0d9cf !important;
  }
  #dropdown-start_date {
    .calendar__day--selected {
      background-color: #b8ad9c !important;
      color: black;
    }
  }
}
[data-flex-input="0"], [data-flex-input="1"], [data-flex-input="2"], [data-flex-input="3"] {
  border-radius: 100px;
  background-color: #d9d9d9;
  padding: 10px 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #252525;
}
@keyframes colorChange {
  0% {
    background-color: white;
  }
  50% {
    background-color: red;
  }
  100% {
    background-color: white;
  }
}
.flexibilityItems {
  @media (width < 40rem) {
    display: grid;
  }
  @media (width < 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width < 64rem) {
    text-align: center !important;
  }
  @media (width < 40rem) {
    gap: calc(var(--spacing) * 2);
  }
  @media (width < 40rem) {
    padding: calc(var(--spacing) * 8) !important;
  }
  font-size: 12px !important;
  .flexibilityItem {
    @media (width < 40rem) {
      margin: calc(var(--spacing) * 0) !important;
    }
  }
}
a.flexibilityItem {
  font-size: 12px !important;
  cursor: pointer !important;
}
.reset-dates {
  @media (width < 64rem) {
    right: calc(1/2 * 100%) !important;
  }
  @media (width < 64rem) {
    bottom: 23px !important;
  }
  @media (width < 64rem) {
    --tw-translate-x: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (width < 64rem) {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  @media (width < 64rem) {
    padding-left: calc(var(--spacing) * 0) !important;
  }
  @media (width < 48rem) {
    bottom: calc(var(--spacing) * 0) !important;
  }
}
#dropdown-start_date .month-display {
  @media (width < 40rem) {
    margin-top: 40px !important;
  }
}
.alternative-month-selector {
  @media (width < 40rem) {
    margin: calc(var(--spacing) * 0) !important;
  }
}
#dropdown-start_date .monthSelectorDropdown {
  @media (width < 40rem) {
    min-width: 150px;
  }
}
.calendar {
  @media (width >= 48rem) {
    margin-bottom: 25px;
  }
}
div#dropdown-sleeps {
  min-width: 280px;
}
#dropdown-sleeps {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
  &.hidden {
    display: none !important;
  }
  input[type="number"]::-webkit-inner-spin-button,	input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type="number"] {
    -moz-appearance: textfield;
  }
}
#property-type-modal {
  .sc-filter-list {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  #sc-modal-bottom-bar {
    --tw-border-style: none;
    border-style: none;
    padding-top: calc(var(--spacing) * 0) !important;
  }
}
#recent-properties-modal {
  overflow: visible;
}
#recent-searches-modal {
  z-index: 100;
  #sc-modal-bottom-bar {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .recent-search-params {
    margin-block: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    .recent-search-param {
      margin-block: calc(var(--spacing) * 0) !important;
      .recent-search-param-key,	.recent-search-param-value {
        font-family: var(--font-body) !important;
        font-size: 14px;
        --tw-font-weight: var(--font-weight-light) !important;
        font-weight: var(--font-weight-light) !important;
      }
    }
    &.cap-height {
      height: 145px;
      overflow: hidden;
      .hint-bg {
        position: absolute;
        right: calc(var(--spacing) * 0);
        bottom: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        display: flex;
        height: 100px;
        align-items: flex-end;
        background-image: linear-gradient(	to top,	rgba(255, 255, 255, 1),	rgba(255, 255, 255, 0)	);
      }
    }
  }
  #sc-recent-search-again {
    position: relative;
    margin-block: calc(var(--spacing) * 0) !important;
    display: inline-block;
    font-size: 13px !important;
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
  }
  .sc-recent-show-more {
    &.show-me {
      display: inline !important;
    }
  }
}
#supercontrol-search-form button.sc-filter-search {
  cursor: pointer;
  background-color: var(--color-foreground) !important;
  border-radius: 0 !important;
}
.sc-search-modal {
  z-index: 999 !important;
  max-height: 1024px;
  width: 100%;
  overflow: visible !important;
}
.simple-filters-toggle {
  cursor: pointer;
  font-size: 35px !important;
  --tw-font-weight: var(--font-weight-light) !important;
  font-weight: var(--font-weight-light) !important;
}
#map-reveal {
  .simple-filters-toggle {
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
}
.filter-title {
  margin-block: calc(var(--spacing) * 0) !important;
  font-size: 24px !important;
  --tw-font-weight: var(--font-weight-light) !important;
  font-weight: var(--font-weight-light) !important;
  color: var(--color-black) !important;
}
#simple-filters-modal {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  z-index: 999 !important;
  span {
    font-family: var(--font-body);
  }
  #sc-af-first-row {
    gap: calc(var(--spacing) * 8);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-block: calc(var(--spacing) * 4);
  }
  #sc-af-content-row {
    #sc-min-max-bedrooms {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 4);
      h2 {
        font-size: 15px !important;
        --tw-font-weight: var(--font-weight-light) !important;
        font-weight: var(--font-weight-light) !important;
      }
      input[type="number"]::-webkit-inner-spin-button,	input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }
      input[type="number"] {
        -moz-appearance: textfield;
      }
      button {
        background-color: var(--color-foreground);
        font-size: 15px !important;
        color: var(--color-white);
      }
    }
  }
  .sc-count-row {
    display: flex;
    align-items: center;
    h2 {
      margin: calc(var(--spacing) * 0) !important;
      padding-block: calc(var(--spacing) * 0) !important;
      font-family: var(--font-body);
      font-size: 12px !important;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-black);
      text-transform: uppercase;
    }
    button {
      height: 31px;
      width: 31px;
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding: calc(var(--spacing) * 0) !important;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-100);
        }
      }
    }
    input {
      height: 31px;
      width: 40px;
      --tw-border-style: none;
      border-style: none;
      text-align: center;
    }
  }
  #sc-af-second-row {
    gap: calc(var(--spacing) * 10);
    @media (width >= 48rem) {
      padding-block: 20px;
    }
  }
  #sc-modal-bottom-bar {
    @media (width >= 40rem) {
      position: sticky;
    }
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      width: 100%;
    }
    flex-direction: column-reverse;
    @media (width >= 64rem) {
      flex-direction: row;
    }
    #sc-show-and-save {
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 5);
    }
  }
}
#sc-af-ppn {
  input {
    --tw-border-style: none !important;
    border-style: none !important;
    font-family: var(--font-body);
    color: var(--color-black);
  }
  input[type="range"]::-webkit-slider-thumb {
    color: var(--color-foreground) !important;
  }
  .sc-range-left,	.sc-range-right {
    background-color: var(--color-foreground);
  }
}
.vertDivider {
  width: 1px;
  background-color: #e5e7eb;
  top: 50%;
  left: 50%;
  z-index: 250;
  transform: translate(-50%, -50%);
  height: calc(var(--spacing) * 0);
  opacity: 0%;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  @media (width >= 64rem) {
    position: absolute;
  }
  @media (width >= 64rem) {
    display: block;
  }
  @media (width >= 64rem) {
    height: 90%;
  }
  @media (width >= 64rem) {
    opacity: 100%;
  }
}
#sc-price-input {
  flex-direction: column;
  @media (width >= 64rem) {
    flex-direction: row;
  }
  @media (width >= 64rem) {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  input {
    text-align: left !important;
  }
}
.sc-filter-list {
  display: grid;
  max-width: 700px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  gap: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 8);
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (width >= 96rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sc-show-more {
    padding-bottom: 150px;
    font-size: 14px !important;
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
    text-decoration-line: underline;
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  div {
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
  }
  div {
    opacity: 1;
  }
  .sc-feature-name {
    font-family: var(--font-body);
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
    color: #252525;
  }
}
.viewbox {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &.bottomCollison {
    bottom: 0;
  }
}
#pop-locations-title {
  font-size: 25px !important;
  color: var(--color-foreground);
}
#supercontrol-search-form {
  width: 100% !important;
  @media (width >= 80rem) {
    min-width: 1096.17px;
  }
  @media (width >= 96rem) {
    min-width: 1175px;
  }
  #sc-dropdown-region_name {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  width: 95%;
  @media (width >= 64rem) {
    width: 80%;
  }
  div#dropdown-region_name {
    padding-top: 7px !important;
    @media (width < 64rem) {
      display: flex;
    }
    @media (width < 64rem) {
      flex-direction: column;
    }
    button {
      font-size: 12px !important;
    }
    #sc-destination-list {
      @media (width < 64rem) {
        flex: 1;
      }
      @media (width < 64rem) {
        overflow: auto;
      }
      .location-list-pop {
        @media (width < 64rem) {
          height: 100% !important;
        }
      }
    }
    overflow: hidden;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 768px) {
      padding-block: calc(var(--spacing) * 0) !important;
    }
    max-height: 600px;
    border-radius: 0 !important;
    i.fa-regular.fa-magnifying-glass {
      font-size: 20px !important;
    }
    @media screen and (min-width: 1024px) {
      width: calc(100% - 175px);
    }
  }
  button {
    font-family: var(--font-body) !important;
    font-size: 12px !important;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    text-transform: uppercase;
  }
  button.sc-filter-search {
    background-color: var(--color-foreground);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    color: var(--color-white);
    text-transform: uppercase;
    &:disabled {
      opacity: 75%;
    }
    @media (width >= 48rem) {
      font-size: 12px !important;
    }
  }
  #filter-input-row {
    > div {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
      border-left-style: var(--tw-border-style) !important;
      border-left-width: 0px !important;
      @media (width >= 48rem) {
        border-right-color: #BEBEBE;
      }
      border-radius: 10px 0 0 10px !important;
      &:first-of-type {
        border-radius: 10px 0 0 10px !important;
      }
    }
    .fa-solid {
      display: none;
    }
  }
}
.pop-location {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  .pop-location-active {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-foreground);
  }
}
.pop-location-active {
  color: var(--color-foreground);
}
.pop-sub-region {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-bottom-color: transparent;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.adv-filters {
  max-width: 1250px;
  @media (width < 40rem) {
    height: 100dvh !important;
  }
  @media (width < 40rem) {
    max-height: 100dvh !important;
  }
  div#sc-price-input {
    @media (width < 64rem) {
      flex-direction: row;
    }
    @media (width < 64rem) {
      justify-content: space-around;
    }
  }
  #sc-af-first-row {
    @media (width < 40rem) {
      padding-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  #sc-af-second-row {
    @media (width < 40rem) {
      padding-top: calc(var(--spacing) * 0) !important;
    }
    max-height: unset !important;
  }
  #sc-modal-bottom-bar {
    background: rgba(255, 255, 255, 1);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    @media (width < 40rem) {
      position: fixed;
    }
    @media (width < 40rem) {
      flex-direction: row !important;
    }
    @media (width >= 40rem) {
      position: sticky;
    }
  }
}
.button-circle {
  color: #fff;
  background-color: var(--color-foreground);
  padding: 7px;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  i {
    margin-bottom: -2px;
  }
}
div#sc-af-second-row {
  max-height: 375px;
  overflow: auto;
}
.hide-options {
  display: none;
}
.location-list-pop {
  height: 394px;
  overflow: auto;
}
.flexibilityItem {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.flexibilityItem.selectedFlex {
  color: white;
  background-color: #882b30;
}
.mobile-location-filter-open {
  @media (width < 48rem) {
    overflow: hidden;
  }
  a.pop-location {
    @media (width < 48rem) {
      font-size: 17px !important;
    }
  }
  .pop-sub-region {
    @media (width < 48rem) {
      margin-top: 8px;
    }
    @media (width < 48rem) {
      font-size: 18px !important;
    }
  }
}
.btn-grid {
  .rst-btn {
    @media (width < 48rem) {
      width: 100% !important;
    }
  }
}
#dropdown-sleeps {
  @media (width >= 48rem) {
    padding-top: 20px;
  }
  h2 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .sleeps-options {
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
}
.block-banner {
  p.text-black.mt-2.mb-2 {
    font-size: 12px;
    padding-left: 10px;
  }
  .contents {
    position: relative;
  }
}
.sc-search-modal {
  .block-banner {
    min-height: 174px;
    @media (width >= 48rem) {
      width: 100%;
    }
    @media (width >= 48rem) {
      max-width: 100%;
    }
    @media (width >= 64rem) {
      position: absolute;
    }
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 0);
    }
    align-items: baseline;
    button {
      font-size: 12px !important;
    }
  }
}
.sc-search-modal .block-banner button.simple-filters-toggle {
  font-size: 30px !important;
}
#map-cell {
  .gm-style-iw.gm-style-iw-c {
    max-height: 340px !important;
  }
  * {
    max-width: unset !important;
  }
  .gm-style-iw-chr {
    z-index: 10;
  }
  .gm-style-iw-d {
    overflow: hidden !important;
  }
  .map-popup-cell {
    letter-spacing: normal !important;
    .map-default-region {
      font-size: 14px;
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      text-transform: uppercase;
    }
    .map-default-title {
      font-family: var(--font-titles);
      font-size: 25px;
    }
    .map-default-button {
      color: var(--color-white) !important;
      text-transform: uppercase;
    }
    .gm-style {
      padding: calc(var(--spacing) * 0) !important;
    }
    img {
      position: relative;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 1;
      height: 165px;
      width: 100%;
    }
  }
  .info-cell {
    text-align: center;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    z-index: 0;
    gap: 10px;
    background-color: white;
  }
  .gm-style-iw-d {
    overflow-y: scroll !important;
    .clustered-group {
      img {
        height: 148px !important;
        object-fit: cover;
      }
      .cluster-btn {
        display: block !important;
      }
    }
  }
}
.mini-gallery-button {
  margin: 15px;
  background-color: var(--color-white);
  padding-inline: 20px;
  padding-block: 10px;
  @media (width >= 64rem) {
    margin: 30px;
  }
  @media (width >= 64rem) {
    padding-inline: 30px;
  }
  @media (width >= 64rem) {
    padding-block: 20px;
  }
  @media (width >= 80rem) {
    margin: 40px;
  }
  color: #252525;
  text-align: center;
  font-family: "Lexend Exa";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-decoration-line: underline;
  text-transform: uppercase;
  z-index: 10;
}
.swiper-progress-bar {
  position: relative;
  width: 100%;
  display: block;
  z-index: 1;
  height: 2px;
  .slide_progress-bar {
    position: absolute;
    height: 2px;
    background: #00000038;
    width: auto;
    clear: both;
    opacity: 0;
    left: 0;
    right: 0;
    &:after {
      position: absolute;
      top: 0;
      left: 0;
      background-color: var(--color-foreground);
      height: 100%;
      width: 0;
      content: "";
    }
  }
  &.active {
    .slide_progress-bar {
      opacity: 1;
    }
  }
  &.animate {
    .slide_progress-bar {
      &:after {
        transition: width linear;
        transition-delay: unset;
        width: 100%;
        transition-duration: 5s;
      }
    }
  }
}
.pswp {
  .pswp__img {
    object-fit: contain;
    padding: 15px;
    @media (width >= 64rem) {
      padding: 100px;
    }
  }
}
.single-property {
  .calendar-container {
    .calendar {
      .calendar__day--unavailable-start {
        &:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          z-index: -1;
          height: 100%;
          background-color: #d9d9d9;
          clip-path: polygon(100% 0, 0 100%, 100% 100%);
        }
      }
      .calendar__day--unavailable-end {
        &:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          z-index: -1;
          height: 100%;
          background-color: #d9d9d9;
          clip-path: polygon(0 0, 0 100%, 100% 0);
        }
      }
      .calendar__day:not(.calendar__day--not-booked) {
        background-color: #d9d9d9;
        color: var(--color-black) !important;
        &:after {
          content: "" !important;
        }
      }
      .calendar__day--selectable {
        span {
          &:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            right: 0;
            height: 2px;
            background-color: #252525;
            max-width: 120px;
            transform: translateX(-50%);
            border-radius: var(--radius-md);
          }
        }
      }
    }
  }
  #calendar-key {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-block: calc(var(--spacing) * 5);
    * {
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      text-transform: uppercase;
    }
  }
  #price-info {
    p {
      margin: calc(var(--spacing) * 0);
    }
  }
  #oldrate {
    font-family: var(--font-titles);
    color: #252525;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration-line: strikethrough;
    text-transform: uppercase;
  }
  p#rate {
    color: #252525;
    margin-top: 28px;
    margin-bottom: 35px;
    text-align: center;
    font-family: Newsreader;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
  #pppn-text {
    font-size: 14px !important;
    text-transform: uppercase;
    color: var(--color-foreground);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    #pre-pppn,	#post-pppn {
      color: #252525;
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      i {
        color: var(--color-foreground);
      }
    }
  }
  #stay-available {
    padding-inline: 15px;
    margin-block: 35px;
    padding-block: 25px;
    border: 1px solid rgba(37, 37, 37, 0.1) !important;
    color: #252525;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
    em {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-foreground);
      font-style: normal;
    }
    * {
      text-transform: uppercase !important;
    }
  }
  .calendar-enquery,	.payment-plan {
    display: none !important;
  }
  .reset-dates {
    margin-left: 50%;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    padding-block: calc(var(--spacing) * 5);
    text-align: center;
    color: var(--color-black);
    text-transform: uppercase;
    color: #000;
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  span.calendar__day.calendar__day--key {
    width: 20px;
    height: 20px;
    background-color: #d9d9d9;
    &:after {
      content: "" !important;
    }
  }
  div#booked-day,	div#selected-day {
    display: flex;
    align-items: center;
    color: #252525;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
  }
  #stay-dates {
    font-size: 14px;
  }
  .calendar-price-display__book {
    margin-inline: auto;
    margin-top: 35px;
    margin-bottom: 20px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border: 0.5px solid #252525;
    background-color: white;
    width: 255px;
    height: 64px;
    color: #252525;
    border-radius: 0 !important;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
    &:hover {
      background-color: var(--color-foreground) !important;
      color: var(--color-white);
    }
  }
  div#special-offer {
    display: none;
  }
  .month-selector__select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z'/%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center;
    @media screen and (min-width: 1536px) {
      background-position: calc(100%-14px) center !important;
      padding-inline: 15px !important;
    }
  }
}
#generateTagsList {
  li {
    a {
      font-size: 14px;
      color: var(--color-foreground) !important;
      text-decoration-line: none;
    }
  }
}
.sc-overview {
  * {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  font-family: var(--font-body);
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  h2 {
    padding-top: calc(var(--spacing) * 4);
    text-align: left;
    margin-bottom: -25px !important;
    padding-top: 40px;
    padding-bottom: 4px;
  }
  .overview-intro {
    p {
      margin-block: 15px;
      font-family: var(--font-titles) !important;
      font-size: 18px;
      @media (width >= 1750px) {
        font-size: var(--text-2xl) !important;
        line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
      }
      @media (width >= 64rem) {
        margin-block: 30px;
      }
    }
  }
  p {
    font-family: var(--font-body);
  }
  strong {
    font-family: var(--font-body);
    color: var(--color-foreground) !important;
  }
  button {
    margin-bottom: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
}
.dual-range-input {
  --dri-height: 1.5rem;
  --dri-thumb-width: 1.25rem;
  --dri-thumb-height: 1.25rem;
  --dri-thumb-color: #ddd;
  --dri-thumb-hover-color: #a8d5ff;
  --dri-thumb-active-color: #4eaaff;
  --dri-thumb-border-color: rgba(0, 0, 0, 0.1);
  --dri-thumb-border-hover-color: var(--dri-thumb-border-color);
  --dri-thumb-border-active-color: var(--dri-thumb-border-color);
  --dri-thumb-border-radius: 1rem;
  --dri-thumb-border-width: 1px;
  --dri-track-height: 0.25rem;
  --dri-track-border-radius: 1rem;
  --dri-track-color: #ccc;
  --dri-track-filled-color: #0084ff;
  --dri-track-filled-gradient-mid-color: var(--dri-track-filled-color);
  --dri-track-filled-gradient-end-color: var(--dri-track-filled-color);
  display: flex;
  height: var(--dri-height);
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  padding-inline-end: calc(var(--dri-thumb-width) * 2);
}
.dual-range-input:has(input:focus-visible) {
  outline: 2px solid var(--dri-thumb-active-color);
  outline-offset: 4px;
  border-radius: 2px;
}
.dual-range-input input {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border-radius: 0;
  flex-basis: calc(50% + var(--dri-thumb-width));
  flex-shrink: 0;
  font-size: inherit;
  height: 100%;
  margin: 0;
  min-width: var(--dri-thumb-width);
  outline: none;
}
.dual-range-input input::-moz-range-track {
  background-color: var(--dri-track-color);
  background-repeat: no-repeat;
  box-sizing: border-box;
  height: var(--dri-track-height);
}
.dual-range-input input:first-child::-moz-range-track {
  border-start-start-radius: var(--dri-track-border-radius);
  border-end-start-radius: var(--dri-track-border-radius);
  background-image: linear-gradient(to right, var(--dri-track-color) var(--dri-gradient-position), var(--dri-track-filled-color) var(--dri-gradient-position), var(--dri-track-filled-gradient-mid-color));
}
[dir=rtl] .dual-range-input input:first-child::-moz-range-track {
  background-image: linear-gradient(to left, var(--dri-track-color) var(--dri-gradient-position), var(--dri-track-filled-color) var(--dri-gradient-position), var(--dri-track-filled-gradient-mid-color));
}
.dual-range-input input:last-child::-moz-range-track {
  border-start-end-radius: var(--dri-track-border-radius);
  border-end-end-radius: var(--dri-track-border-radius);
  background-image: linear-gradient(to right, var(--dri-track-filled-gradient-mid-color), var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position), var(--dri-track-color) var(--dri-gradient-position));
}
[dir=rtl] .dual-range-input input:last-child::-moz-range-track {
  background-image: linear-gradient(to left, var(--dri-track-filled-gradient-mid-color), var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position), var(--dri-track-color) var(--dri-gradient-position));
}
.dual-range-input input::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--dri-thumb-color);
  border-radius: var(--dri-thumb-border-radius);
  border: var(--dri-thumb-border-width) solid var(--dri-thumb-border-color);
  box-shadow: none;
  box-sizing: border-box;
  height: var(--dri-thumb-height);
  width: var(--dri-thumb-width);
  max-width: 99.99%;
}
.dual-range-input input:not([data-ready=true])::-moz-range-thumb {
  opacity: 0;
}
.dual-range-input input:hover::-moz-range-thumb {
  background-color: var(--dri-thumb-hover-color);
  border-color: var(--dri-thumb-border-hover-color);
}
.dual-range-input input:active::-moz-range-thumb {
  background-color: var(--dri-thumb-active-color);
  border-color: var(--dri-thumb-border-active-color);
}
.dual-range-input input:focus-visible::-moz-range-thumb {
  background-color: var(--dri-thumb-active-color);
  border-color: var(--dri-thumb-border-active-color);
}
.dual-range-input input::-webkit-slider-runnable-track {
  background-color: var(--dri-track-color);
  background-repeat: no-repeat;
  box-sizing: border-box;
  height: var(--dri-track-height);
}
.dual-range-input input:first-child::-webkit-slider-runnable-track {
  border-start-start-radius: var(--dri-track-border-radius);
  border-end-start-radius: var(--dri-track-border-radius);
  background-image: linear-gradient(to right, var(--dri-track-color) var(--dri-gradient-position), var(--dri-track-filled-color) var(--dri-gradient-position), var(--dri-track-filled-gradient-mid-color));
}
[dir=rtl] .dual-range-input input:first-child::-webkit-slider-runnable-track {
  background-image: linear-gradient(to left, var(--dri-track-color) var(--dri-gradient-position), var(--dri-track-filled-color) var(--dri-gradient-position), var(--dri-track-filled-gradient-mid-color));
}
.dual-range-input input:last-child::-webkit-slider-runnable-track {
  border-start-end-radius: var(--dri-track-border-radius);
  border-end-end-radius: var(--dri-track-border-radius);
  background-image: linear-gradient(to right, var(--dri-track-filled-gradient-mid-color), var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position), var(--dri-track-color) var(--dri-gradient-position));
}
[dir=rtl] .dual-range-input input:last-child::-webkit-slider-runnable-track {
  background-image: linear-gradient(to left, var(--dri-track-filled-gradient-mid-color), var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position), var(--dri-track-color) var(--dri-gradient-position));
}
.dual-range-input input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--dri-thumb-color);
  border-radius: var(--dri-thumb-border-radius);
  border: var(--dri-thumb-border-width) solid var(--dri-thumb-border-color);
  box-shadow: none;
  box-sizing: border-box;
  height: var(--dri-thumb-height);
  width: var(--dri-thumb-width);
  margin-top: calc(var(--dri-track-height) / 2);
  transform: translateY(-50%);
}
.dual-range-input input:not([data-ready=true])::-webkit-slider-thumb {
  opacity: 0;
}
.dual-range-input input:hover::-webkit-slider-thumb {
  background-color: var(--dri-thumb-hover-color);
  border-color: var(--dri-thumb-border-hover-color);
}
.dual-range-input input:active::-webkit-slider-thumb {
  background-color: var(--dri-thumb-active-color);
  border-color: var(--dri-thumb-border-active-color);
}
.dual-range-input input:focus-visible::-webkit-slider-thumb {
  background-color: var(--dri-thumb-active-color);
  border-color: var(--dri-thumb-border-active-color);
}
.dual-range-input {
  input[type="range"] {
    padding: 0rem;
  }
  --dri-height: 1.5rem;
  --dri-thumb-width: 1.25rem;
  --dri-thumb-height: 1.25rem;
  --dri-thumb-color: #252525;
  --dri-thumb-hover-color: #252525 --dri-thumb-active-color: #252525;
  --dri-thumb-border-color: rgba(0, 0, 0, 0.1);
  --dri-thumb-border-radius: 1rem;
  --dri-track-height: 0.1rem;
  --dri-track-color: #ccc;
  --dri-track-filled-color: #252525;
  --dri-track-border-radius: 1rem;
}
.dual-range-input input[type="range"]:hover::-webkit-slider-thumb {
  background: var(--dri-thumb-color);
}
.dual-range-input input[type="range"]:hover::-moz-range-thumb {
  background: var(--dri-thumb-color);
}
.dual-range-input input[type="range"]:hover::-ms-thumb {
  background: var(--dri-thumb-color);
}
.sc-title {
  max-width: 10ch;
  font-size: var(--ff--property-related-title) !important;
  color: var(--color-blue-500);
}
.sc-rel-info {
  line-height: 200%;
  color: '13px';
}
.sc-related-property {
  .outer {
    position: relative;
    &:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: clamp(350px, 25vw, 450px);
    }
    picture,	.inner {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin-block: calc(var(--spacing) * 0) !important;
    }
  }
  .cardDates {
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
    font-size: 12px !important;
    text-decoration-line: underline;
    text-decoration-color: var(--color-foreground);
    .cd-date {
      font-size: 12px !important;
    }
  }
  .card-main-image-height {
    .property-fav {
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 5;
      border-radius: calc(infinity * 1px);
      background-color: var(--color-white);
      padding: 15px;
      --tw-leading: calc(var(--spacing) * 1);
      line-height: calc(var(--spacing) * 1);
      img {
        position: relative;
        transform: translate(0) !important;
        &:after {
          content: "";
          display: block;
          height: 30px;
          width: 30px;
          background-color: var(--color-white);
        }
      }
    }
  }
}
.swiper-scrollbar {
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.mini-button {
  max-height: 32px;
  border-radius: 59px;
  border: 0.5px solid #252525;
  padding-inline: 20px;
  padding-block: 5px;
  text-align: center;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    background-color: #252525;
    color: white !important;
    strong {
      color: white !important;
    }
  }
}
.swiper-scrollbar-drag {
  background-color: var(--color-foreground) !important;
  border-radius: 0 !important;
}
.sc-related-block, .sc-related-property-link {
  #favouriteImage {
    filter: brightness(0);
  }
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 0);
  .related-content {
    * {
      color: var(--color-white) !important;
    }
    h2 {
      margin-bottom: 5px !important;
      font-size: 30px;
    }
    a {
      text-transform: uppercase;
      text-decoration-line: underline;
    }
  }
  .bottom-icons {
    i {
      --tw-font-weight: var(--font-weight-bold) !important;
      font-weight: var(--font-weight-bold) !important;
      color: var(--color-secondary);
    }
  }
}
.swiper-button-disabled {
  opacity: 50%;
}
.sc-related-block {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  .swiper-nav {
    @media (max-width: 768px) {
      flex-direction: column;
    }
    .sw-container:hover {
      background-color: #62664a;
    }
  }
}
.font-swipe-chev {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.feat-card-content {
  h2 {
    font-size: 22px !important;
    span {
      font-family: var(--font-body);
      font-size: 12px !important;
    }
  }
}
svg.related-heart {
  width: 16px;
  height: 16px;
}
.sc-single-property {
  .propSwiper picture {
    margin-block: calc(var(--spacing) * 0) !important;
  }
  .outer {
    position: relative;
    &:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: calc(1 / 1 * 25vh);
    }
    > .inner {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
  }
  .sc-location {
    display: flex;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    span {
      color: var(--color-foreground);
      text-transform: uppercase;
    }
    i {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
  h1 {
    margin-bottom: 20px;
  }
  h2 {
    margin-bottom: 20px;
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .sc-features {
    i {
      --tw-font-weight: var(--font-weight-bold) !important;
      font-weight: var(--font-weight-bold) !important;
      color: var(--color-white);
      @media (width >= 64rem) {
        color: var(--color-primary);
      }
    }
  }
}
.mini-gallery-button {
  font-family: var(--font-body);
  font-size: 14px;
  text-decoration-line: underline;
  @media (width >= 64rem) {
    padding-inline: 50px;
  }
}
header#menu-right {
  z-index: 1000 !important;
  background-color: gray !important;
}
#searchPanelTrigger {
  margin-left: calc(var(--spacing) * 4);
  cursor: pointer;
}
div#slideDownSearch {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  background-color: #ffffff;
  transition: top 0.5s ease;
  z-index: 1000;
  padding: 200px 20px 50px;
  max-height: 100vh;
  overflow: scroll;
  &.showPan {
    top: 0;
  }
  &.hidePan {
    top: -100%;
  }
  input {
    padding: calc(var(--spacing) * 2);
    &:focus {
      outline: none;
    }
  }
  input[type="search"]::-webkit-search-decoration,	input[type="search"]::-webkit-search-results-button,	input[type="search"]::-webkit-search-results-decoration {
    display: none;
  }
}
.testimonialSwiper {
  --swiper-pagination-color: #252525;
  --swiper-pagination-bullet-inactive-color: #252525;
  --swiper-pagination-bullet-inactive-opacity: 0.3;
  .swiper-pagination-bullet {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
  }
  .swiper-slide-prev {
    opacity: 0 !important;
  }
  .fade-in {
    opacity: 0;
    transition: opacity 1s ease-in;
  }
  .fade-in.visible {
    opacity: 1;
  }
  .swiper-pagination-test {
    margin-top: 40px;
  }
}
.sc-wish {
  height: 550px;
}
.favouriteToggle {
  margin-block: calc(var(--spacing) * 0) !important;
}
.property-list {
  section.supercontrol-search-results {
    .property-list:first-of-type .property-results-header {
      display: grid !important;
    }
    .property-list .property-results-header {
      display: none;
    }
    .property-list {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .fa-map,	.fa-arrow-up-arrow-down {
    color: #252525;
  }
  button {
    cursor: pointer;
  }
  .sc-search-modal {
    aspect-ratio: unset !important;
    min-height: 450px !important;
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  #filter-input-row {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
a.leaflet-popup-close-button span {
  font-size: 30px;
  color: white;
}
a.leaflet-popup-close-button {
  z-index: 100;
}
.leaflet-popup-content {
  margin: calc(var(--spacing) * 0) !important;
  .info-cell {
    span {
      font-family: var(--font-body);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      font-size: 11px;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      @media (width >= 96rem) {
        font-size: 0.875rem;
      }
    }
    h3 {
      font-size: 21px;
    }
  }
}
.insta-title a {
  display: none;
}
#sc-dropdown-region_name {
  border-radius: 0 !important;
}
@media only screen and (min-width: 1035px) {
  #sc-dropdown-region_name {
    border-radius: 0 !important;
  }
}
.calendar__day--booked {
  opacity: 0.5 !important;
}
#menu-sub {
  .hover {
    text-decoration: underline;
  }
}
#slideDownSearch {
  display: none;
}
.sc-search-modal .wp-block-cover__inner-container {
  position: unset;
}
.size-full {
  width: 100% !important;
}
#supercontrol-search-form {
  #sc-dropdown-region_name {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  width: 95%;
  @media (width >= 64rem) {
    width: 80%;
  }
  @media only screen and (min-width: 1600px) {
    width: 60%;
  }
  div#dropdown-region_name {
    @media (width < 64rem) {
      display: flex;
    }
    @media (width < 64rem) {
      flex-direction: column;
    }
    button {
      font-size: 12px !important;
    }
    #sc-destination-list {
      @media (width < 64rem) {
        flex: 1;
      }
      @media (width < 64rem) {
        overflow: auto;
      }
      .location-list-pop {
        @media (width < 64rem) {
          height: 100% !important;
        }
      }
      .pop-location {
        color: var(--color-foreground) !important;
      }
    }
    overflow: hidden;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 768px) {
      padding-block: calc(var(--spacing) * 0) !important;
    }
    max-height: 500px;
    border-radius: 0 !important;
    i.fa-regular.fa-magnifying-glass {
      font-size: 20px !important;
    }
    @media screen and (min-width: 1024px) {
      width: calc(100% - 175px);
    }
  }
  button {
    font-family: var(--font-body) !important;
    font-size: 14px;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    text-transform: uppercase;
  }
  button.sc-filter-search {
    background-color: var(--color-primary);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    color: var(--color-white);
    text-transform: uppercase;
    &:disabled {
      opacity: 75%;
    }
    @media (width >= 48rem) {
      font-size: 12px;
    }
  }
  #filter-input-row {
    > div {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
      border-left-style: var(--tw-border-style) !important;
      border-left-width: 0px !important;
      border-right-color: #BEBEBE;
      border-radius: 10px 0 0 10px !important;
      &:first-of-type {
        border-radius: 10px 0 0 10px !important;
      }
    }
    .fa-solid {
      display: none;
    }
  }
}
.pop-location {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  .pop-location-active {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-foreground);
  }
}
.pop-location-active {
  color: var(--color-foreground);
}
.pop-sub-region {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-bottom-color: transparent;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.adv-filters {
  max-width: 1250px;
  @media (width < 40rem) {
    height: 100dvh !important;
  }
  @media (width < 40rem) {
    max-height: 100dvh !important;
  }
  div#sc-price-input {
    @media (width < 40rem) {
      flex-direction: row;
    }
    @media (width < 40rem) {
      justify-content: space-around;
    }
  }
  #sc-af-first-row {
    @media (width < 40rem) {
      padding-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  #sc-af-second-row {
    @media (width < 40rem) {
      padding-top: calc(var(--spacing) * 0) !important;
    }
    max-height: unset !important;
  }
  #sc-modal-bottom-bar {
    background: rgba(255, 255, 255, 1);
    @media (width < 40rem) {
      position: sticky;
    }
    @media (width < 40rem) {
      right: calc(var(--spacing) * 0);
    }
    @media (width < 40rem) {
      left: calc(var(--spacing) * 0);
    }
    @media (width < 40rem) {
      flex-direction: row !important;
    }
  }
}
.button-circle {
  color: #fff;
  background-color: var(--color-foreground);
  padding: 7px;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  i {
    margin-bottom: -2px;
  }
}
div#sc-af-second-row {
  max-height: 375px;
  overflow: auto;
}
.hide-options {
  display: none;
}
.leaflet-popup-content-wrapper {
  padding: calc(var(--spacing) * 0) !important;
}
.location-list-pop {
  height: 394px;
  overflow: auto;
}
a.flexibilityItem {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
a.flexibilityItem.selectedFlex {
  color: white;
  background-color: var(--color-primary);
}
#map-reveal {
  #sc-af-content-row {
    padding: calc(var(--spacing) * 0) !important;
  }
  div#sc-af-title-row {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    background-color: var(--color-secondary);
    h2 {
      padding: calc(var(--spacing) * 5);
      color: var(--color-white) !important;
    }
  }
}
.mobile-location-filter-open {
  @media (width < 48rem) {
    overflow: hidden;
  }
  a.pop-location {
    @media (width < 48rem) {
      font-size: 17px !important;
    }
  }
  .pop-sub-region {
    @media (width < 48rem) {
      margin-top: 8px;
    }
    @media (width < 48rem) {
      font-size: 18px !important;
    }
  }
}
.mobile-location-filter-open {
  nav {
    display: none;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  #dropdown-region_name,	#dropdown-start_date,	#dropdown-sleeps {
    img {
      opacity: 0%;
    }
  }
}
i {
  color: white;
}
.is-related-block {
  display: block !important;
  max-width: none !important;
  .grid {
    @media (width >= 64rem) {
      column-gap: 37px !important;
    }
  }
  img#favouriteImage {
    filter: brightness(0);
  }
  img#favouriteImageSelected {
    filter: brightness(0);
  }
}
.related-first-card {
  div {
    justify-content: center !important;
    h2 {
      padding: 10px;
      font-size: var(--ff--cta-title-2) !important;
    }
    @media (width >= 64rem) {
      min-height: 55vh;
    }
  }
}
.sc-related-property {
  .outer {
    a {
      display: block !important;
      inset: 0;
      width: 100%;
      position: absolute;
      margin: 0 !important;
    }
    position: relative;
    &:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 387px;
    }
    picture,	.inner {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin-block: calc(var(--spacing) * 0) !important;
    }
  }
  .found-swiperNavBar {
    @media (max-width: 768px) {
      flex-direction: column !important;
      gap: calc(var(--spacing) * 12) !important;
    }
    .flex {
      @media (max-width: 768px) {
        gap: calc(var(--spacing) * 4);
      }
    }
  }
}
.swiper-scrollbar {
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.mini-button {
  text-wrap-mode: nowrap;
  border-radius: 59px !important;
  border: 0.5px solid #252525;
  padding-inline: 10px !important;
  padding-block: 5px;
  text-align: center;
  font-size: 12px !important;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    background-color: #252525;
    color: white !important;
    strong {
      color: white !important;
    }
  }
}
.swiper-scrollbar-drag {
  background-color: var(--color-foreground) !important;
  border-radius: 0 !important;
}
.sc-related-block, .sc-related-property-link {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 0);
  .related-content {
    * {
      color: var(--color-white) !important;
    }
    h2 {
      margin-bottom: 5px !important;
      font-size: 30px;
    }
    a {
      text-transform: uppercase;
      text-decoration-line: underline;
    }
  }
  .bottom-icons {
    i {
      color: var(--color-secondary);
    }
  }
}
.swiper-button-disabled {
  opacity: 50%;
}
.sc-related-block {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.font-swipe-chev {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.feat-card-content {
  h2 {
    font-size: 24px !important;
    span {
      font-family: var(--font-body);
      font-size: 12px !important;
    }
  }
}
svg.related-heart {
  width: 16px;
  height: 16px;
}
#mini-search {
  * {
    border-color: #0000001a;
  }
  .feat-row {
    cursor: pointer;
    gap: 25px !important;
    padding: calc(var(--spacing) * 0) !important;
  }
  .mini-property-grid {
    gap: 20px;
  }
}
div#destinations-tab {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  a.level-1 {
    display: inline-block;
    font-size: 15px;
    --tw-font-weight: 400;
    font-weight: 400;
    text-transform: uppercase;
  }
  a.level-2 {
    margin-block: calc(var(--spacing) * 4);
    display: inline-block;
    font-size: 13px;
    --tw-font-weight: 400;
    font-weight: 400;
    text-transform: uppercase;
  }
  a.level-3 {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
  }
}
.calendar__day {
  border: none !important;
}
.ai-toggle {
  margin-bottom: 25px !important;
  --offset: 2.5px;
  @media (max-width: 767px) {
    justify-items: center;
  }
  input[type="checkbox"] {
    height: 0 !important;
    width: 0 !important;
    visibility: hidden !important;
  }
  label {
    cursor: pointer !important;
    text-indent: -9999px !important;
    width: 50px !important;
    height: 25px !important;
    background: transparent !important;
    border: 2px solid white !important;
    display: block !important;
    border-radius: 25px !important;
    position: relative !important;
    @media (max-width: 1023px) {
      border-color: var(--color-primary) !important;
    }
  }
  label:after {
    content: "" !important;
    position: absolute !important;
    top: var(--offset) !important;
    left: var(--offset) !important;
    width: 16px !important;
    height: 16px !important;
    background: #transparent !important;
    border: 2px solid white !important;
    border-radius: 16px !important;
    transition: 0.3s !important;
    @media (max-width: 1023px) {
      top: 2.5px !important;
      border-color: var(--color-primary) !important;
    }
  }
  input:checked + label {
    background: transparent !important;
  }
  input:checked + label:after {
    left: calc(100% - var(--offset)) !important;
    transform: translateX(-100%) !important;
  }
  label:active:after {
    width: 50px !important;
  }
  .ai-toggle-description span {
    @media (max-width: 1023px) {
      color: var(--color-primary) !important;
    }
  }
}
form.ai-search {
  position: relative;
  display: grid;
  width: 100%;
  max-width: none;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  @media (width >= 48rem) {
    background-color: var(--color-white);
  }
  @media (width >= 64rem) {
    grid-template-columns: 3fr 1fr;
  }
  .inp-and-mic {
    display: flex;
    width: 100%;
    background-color: var(--color-white);
    @media (width >= 64rem) {
      height: 64px;
    }
    > input {
      width: 100%;
      padding-block: calc(var(--spacing) * 5);
      background-color: var(--color-white);
      font-size: 16px;
      padding-left: 15px;
    }
  }
  .trigger-search {
    display: block !important;
    height: 64px;
    width: 100%;
    background-color: var(--color-primary);
    padding: 18px;
    color: var(--color-white) !important;
    text-transform: uppercase;
    .fa-sparkles {
      display: none;
    }
  }
}
.bg-white.absolute.border-solid.border-t.p-2 {
  position: relative;
  right: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  button {
    padding: 7px 10px;
    font-size: 11px !important;
    cursor: pointer;
    background-color: #808080;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      background-color: #252525;
    }
  }
}
.ai-toggle-description {
  z-index: 1;
}
button#toggle-recording {
  cursor: pointer;
  --tw-border-style: none !important;
  border-style: none !important;
  padding-inline: 20px !important;
}
#sc-dropdown-sleeps {
  i {
    display: none;
  }
}
.sc-filter-search {
  min-height: 55.5px !important;
}
.supercontrol-search-form {
  min-width: none !important;
}
#supercontrol-search-form {
  .filters-two,	.filter-button-hp {
    button {
      width: fit-content !important;
      background-color: var(--color-white) !important;
      padding: 6px 12px;
      i {
        font-size: 12px;
      }
    }
  }
  min-width: unset !important;
  & div#dropdown-region_name {
    @media screen and (min-width: 1024px) {
      width: calc(200% - 1px) !important;
    }
    @media screen and (min-width: 1980px) {
      width: calc(140% - 1px) !important;
    }
  }
}
.sc-guests {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.properties-search-form {
  width: 100%;
  .filters-two,	.filter-button-hp {
    button {
      width: fit-content !important;
      background-color: var(--color-white) !important;
      padding: 10px 20px;
      i {
        font-size: 14px;
      }
    }
  }
  #filter-input-row {
    .sc-filter-search {
      background-color: var(--color-primary) !important;
      transition-duration: 0.5s !important;
      &:hover {
        background-color: #819587 !important;
        color: var(--color-white) !important;
        transition-duration: 0.5s !important;
      }
    }
  }
  .ai-search-toggle {
    span {
      color: var(--color-white);
    }
  }
  #supercontrol-search-form {
    #filter-input-row {
      div {
        border-right-style: var(--tw-border-style);
        border-right-width: 0px;
        button {
          height: 66px;
          padding-left: calc(var(--spacing) * 4);
          @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 8);
          }
          @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 10);
          }
        }
      }
      .sc-button-location,	.sc-button-start-date {
        position: relative;
        &:after {
          @media (min-width: 1024px) {
            content: "";
            position: absolute;
            top: 50%;
            right: calc(var(--spacing) * 0);
            display: block;
            height: 3vh;
            width: 1px;
            --tw-translate-y: calc(50% * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
            background-color: #3A3935;
          }
        }
      }
    }
  }
}
#properties-map.leaflet-container {
  .leaflet-div-icon {
    background: unset;
    border: unset;
    p {
      height: min-content;
      margin-block: auto;
    }
  }
  .leaflet-popup-close-button {
    z-index: 10;
    span {
      font-size: 25px;
      color: var(--color-white);
    }
  }
}
.sc-location-map {
  .leaflet-container {
    .leaflet-div-icon {
      background: unset;
      border: unset;
      p {
        height: min-content;
        margin-block: auto;
      }
    }
    .leaflet-popup-close-button {
      z-index: 10;
      span {
        font-size: 25px;
        color: var(--color-white);
      }
    }
  }
}
.map-container {
  position: relative;
}
.supercontrol-loading-spinner {
  width: 50px;
  height: 50px;
  border-top: 6px solid #AAA;
  border-right: 6px solid #AAA;
  border-left: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-radius: 50px;
  animation: supercontrol-loader-spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  margin: 10px auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10000;
}
@keyframes supercontrol-loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sc-property-name {
  h1 {
    @media (max-width: 768px) {
      font-size: 40px !important;
    }
  }
}
.single-property {
  background-color: #fdfdfd;
  article {
    p {
      font-size: 13px;
      @media (width >= 96rem) {
        font-size: 14px;
      }
    }
    .infoBlock {
      font-size: var(--ff--property-testimonials);
      line-height: 110%;
    }
  }
}
.sc-calendar {
  --tw-border-style: none !important;
  border-style: none !important;
}
#guidebooks-modal, #cycling-modal {
  button.simple-filters-toggle {
    display: none;
  }
  p,	h3,	h4,	h6 {
    color: rgb(70, 72, 55);
  }
  @media (min-width: 1024px) {
    & > div {
      max-height: 50vh !important;
      overflow: clip;
      .boltpopup-left .flex.flex-col {
        overflow-y: scroll;
        max-height: 33vh;
      }
    }
  }
}
.fav-heart {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 6;
  height: fit-content;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-white);
  padding: 10px;
  img {
    width: 20px;
  }
}
.sc-single-property {
  .property-banner {
    .sc-short-description {
      p a {
        text-decoration-line: underline;
      }
    }
  }
  .sc-overview {
    button {
      position: relative;
      &:after {
        content: "";
        position: absolute;
        right: calc(var(--spacing) * 0);
        bottom: -1px;
        left: calc(var(--spacing) * 0);
        height: 1px;
        width: 100%;
        --tw-translate-y: calc(50% * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        background-color: var(--color-white);
        transition: 0.15s ease-in-out all;
      }
      &:hover:after {
        width: calc(var(--spacing) * 0);
      }
    }
  }
  .propSwiper {
    position: relative;
    &:before {
      content: "";
      position: absolute;
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 4;
      height: 100%;
      width: 100%;
      background: linear-gradient(	0deg,	#1616169e 0.3%,	rgba(0, 0, 0, 0) 42.57%	);
    }
  }
  #generateTagsList {
    li {
      a {
        font-size: 12px;
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light);
        @media (width >= 96rem) {
          font-size: 14px;
        }
        &:hover {
          color: var(--color-primary) !important;
        }
      }
    }
  }
  .sc-property-grid {
    background-color: var(--color-secondary);
    padding-bottom: calc(var(--spacing) * 12);
    .container {
      @media (width >= 48rem) {
        max-width: 85% !important;
      }
    }
    div {
      font-size: 0.813rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      @media (width >= 96rem) {
        font-size: 15px;
      }
      line-height: 150%;
      font-weight: 300;
    }
    .grid-left {
      h2,	h3,	div,	strong,	p {
        color: var(--color-white) !important;
      }
      .h-smart-spacer-lg {
        height: calc(var(--spacing) * 6);
      }
      .sc-accordion-section {
        .content {
          padding-top: calc(var(--spacing) * 4);
        }
      }
    }
    .sc-overview {
      margin-bottom: calc(var(--spacing) * 8);
      h2 {
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        padding-top: calc(var(--spacing) * 0);
        text-align: left !important;
        @media (width >= 64rem) {
          margin-bottom: 1.75rem !important;
        }
      }
      .overview-intro {
        margin-bottom: calc(var(--spacing) * 6);
        font-size: 14px;
        --tw-leading: 150%;
        line-height: 150%;
        letter-spacing: -1px;
      }
      p a {
        color: var(--color-white);
      }
    }
  }
  .sc-calendar {
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: 20px;
    .month-selector {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .month-selector__select {
      margin-inline: 30px;
      margin-bottom: calc(var(--spacing) * 0);
      min-width: 185px;
      flex: 1;
      padding: 10px;
      font-size: 14px;
      @media (width < 40rem) {
        margin-inline: 15px;
      }
      @media (width >= 96rem) {
        margin-inline: 10px;
      }
    }
    span.month-selector__arrow {
      display: flex;
      height: 25px;
      width: 25px;
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      background-color: var(--color-secondary);
      color: var(--color-white);
      @media (width >= 48rem) {
        margin-inline: 10px;
      }
      @media (width >= 48rem) {
        height: 38px;
      }
      @media (width >= 48rem) {
        width: 38px;
      }
    }
    span.calendar__header {
      font-size: 13px;
    }
    .calendar__row {
      margin-block: 8px;
      .calendar__header {
        font-size: 14px;
      }
      .calendar__day-number {
        height: 25px !important;
        width: 25px !important;
        font-size: 14px;
        --tw-leading: 25px !important;
        line-height: 25px !important;
        &:after {
          background-color: var(--color-secondary);
        }
      }
    }
    .calendar__day--selectedEnds {
      background-color: var(--color-secondary) !important;
    }
    .calendar__day--rangeSelect {
      background-color: #a7beae !important;
      .calendar__day-number {
        color: var(--color-white) !important;
      }
    }
    .calendar__day-number:after {
      background-color: var(--color-secondary) !important;
    }
    .calendar {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .night-selector {
      margin-inline: auto;
      margin-bottom: 10px;
    }
    #night-selector {
      padding: 10px;
    }
    #calendar-key {
      margin-bottom: 10px;
      padding-block: 10px;
    }
    #stay-available {
      margin-block: 10px;
      background-color: #cad8ce;
      padding-block: 10px;
      p {
        font-size: 12px;
      }
    }
    #from-price,	#pppn {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-secondary);
    }
    #rate {
      margin-block: 10px;
    }
    .calendar-price-display {
      .calendar-price-display__book {
        margin-block: 10px;
      }
    }
    .reset-dates {
      font-size: 12px;
    }
  }
  .full-w-img {
    .text-container {
      .text-container--wrapper {
        h2 {
          margin-bottom: calc(var(--spacing) * 8);
        }
      }
    }
    .img-wrapper {
      padding-top: 36%;
      @media (width >= 48rem) {
        padding-top: 56.6%;
      }
      @media (width >= 64rem) {
        padding-top: 36%;
      }
      &:before {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
    }
  }
  #the-location {
    .sc-location-map {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-top: 100%;
      @media (width >= 64rem) {
        padding-top: 80vh;
      }
      .let__map {
        position: absolute;
        top: calc(var(--spacing) * 0);
        right: calc(var(--spacing) * 0);
        bottom: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        height: 100%;
        width: 100%;
        cursor: pointer;
      }
    }
    .sc-location-copy {
      padding: calc(var(--spacing) * 6);
      @media (min-width: 2000px) {
        max-width: 65ch;
      }
    }
  }
  .three-step {
    margin-inline: auto;
    @media (width >= 64rem) {
      max-width: 80%;
    }
    h2,	h6 {
      text-align: center;
    }
    .book {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        flex-direction: row;
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 20);
      }
      .three-step--content {
        margin-inline: auto;
        display: flex;
        max-width: 42ch;
        flex-wrap: wrap;
        justify-content: center;
        @media (width >= 64rem) {
          flex-direction: column;
        }
        @media (width >= 64rem) {
          flex-wrap: nowrap;
        }
        @media (width >= 64rem) {
          align-items: center;
        }
        @media (width >= 64rem) {
          gap: calc(var(--spacing) * 0);
        }
        .list-title {
          margin-bottom: calc(var(--spacing) * 8);
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          gap: calc(var(--spacing) * 0);
          @media (width >= 64rem) {
            flex-wrap: nowrap;
          }
          .number,	.heading {
            flex-basis: 100%;
            text-align: center;
            @media (width >= 64rem) {
              flex-basis: auto;
            }
            @media (width >= 64rem) {
              text-align: left;
            }
            flex-grow: 1;
            min-width: 0;
            h3 {
              margin-bottom: calc(var(--spacing) * 0);
              @media (width >= 64rem) {
                padding-left: calc(var(--spacing) * 6);
              }
            }
          }
          .number {
            h2 {
              font-size: 2.95rem;
              @media (width >= 64rem) {
                font-size: 5rem;
              }
              @media (width >= 96rem) {
                font-size: 5.125rem;
              }
            }
          }
          .heading {
            overflow-wrap: break-word;
            word-break: break-word;
          }
        }
        p {
          text-align: center;
        }
      }
    }
  }
  .testimonials {
    .reviews-contianer {
      @media (width >= 64rem) {
        height: fit-content;
      }
      a {
        display: none;
      }
    }
    p {
      margin-bottom: 10px;
      max-width: 38ch;
      @media (min-width: 2000px) {
        @media (width >= 64rem) {
          max-width: 75%;
        }
      }
    }
    .company-name {
      margin-top: calc(var(--spacing) * 6);
      text-transform: uppercase;
    }
  }
  .tlir {
    .img-wrapper {
      padding-top: 56.6%;
      @media (width >= 64rem) {
        padding-top: 70%;
      }
      &:before {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
    }
    h2 {
      margin-bottom: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        max-width: 25ch;
      }
    }
    p {
      max-width: 44ch;
    }
  }
}
#recent-properties {
  .card-main-image-height,	.card-main-image-height picture {
    height: 294px;
  }
  .swiper-slide {
    max-width: 500px !important;
  }
}
.pswp.pswp--ui-visible {
  backdrop-filter: blur(5px);
}
.pswp__custom-caption {
  color: white;
  font-size: 1.1rem;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  @media (max-width: 1024px) {
    width: 100%;
    padding-inline: 1rem;
    text-align: center;
    bottom: 2.5rem;
    line-height: 1.4;
    font-size: 1rem;
    text-wrap: balance;
  }
}
.bullet-points {
  ul {
    list-style-type: disc;
    padding-inline-start: 40px;
  }
}
.sticky-cards {
  &.property-mode {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: 1.65fr 2.2fr;
    }
    column-gap: 20px !important;
    @media (width >= 96rem) {
      column-gap: 35px !important;
    }
  }
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  @media (width >= 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 80rem) {
    grid-template-columns: 1.65fr 2.2fr;
  }
  column-gap: 55px;
  .cta-container {
    .wp-block-cover {
      @media screen and (min-width: 1024px) {
        height: calc(100vh - 106px) !important;
      }
    }
    @media (width >= 64rem) {
      position: sticky;
    }
    @media (width >= 64rem) {
      top: 80px;
    }
    align-self: start;
  }
  .sc-rel-info {
    display: none !important;
  }
  .swiper-slide {
    --tw-border-style: none !important;
    border-style: none !important;
    background-color: transparent !important;
  }
  .card-main-image-height {
    height: 25vh !important;
    @media (width >= 64rem) {
      min-height: 333px;
    }
    @media (width >= 80rem) {
      min-height: 333px;
    }
  }
}
.sticky-cards-mobile {
  .splide__pagination {
    justify-content: center !important;
  }
  .splide__pagination__page {
    background: transparent;
    &.is-active {
      background: #e9905a;
      transform: scale(1.1) !important;
    }
  }
  .card-info-panel {
    width: 100%;
  }
  .property-content__icons,	.pppn-info button {
    color: var(--color-foreground) !important;
  }
  .sc-related-property {
    min-height: unset !important;
  }
  .flex.flex-col.text-center.md\:text-left.md\:flex-row.gap-4.lg\:items-center.card-button-row {
    flex-direction: row !important;
  }
  .btn-copy,	ul li a,	.link-btn,	.wp-block-button__link {
    &::after {
      display: none !important;
    }
  }
}
.sticky-card-ind {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:before {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    content: "";
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    height: 100%;
    width: 100%;
    background: linear-gradient(	0deg,	#161616 0.3%,	rgba(0, 0, 0, 0) 42.57%	);
  }
}
.page-title, .entry-title {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing) * 6);
  display: none;
  max-width: var(--container-content);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
  color: var(--color-neutral-900);
}
.aligndefault {
  margin-inline: auto;
  max-width: var(--container-content);
}
.alignwide {
  margin-inline: auto;
  max-width: var(--container-wide);
}
.alignfull {
  max-width: none;
}
.entry-content > .alignleft {
  float: left;
  margin-right: calc(var(--spacing) * 8);
}
.entry-content > .alignright {
  float: right;
  margin-left: calc(var(--spacing) * 8);
}
.alignnarrow {
  margin-inline: auto;
  max-width: var(--container-narrow);
}
.pointer-events-none {
  pointer-events: none;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.\!fixed {
  position: fixed !important;
}
.\!relative {
  position: relative !important;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.\!inset-x-auto {
  inset-inline: auto !important;
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-3 {
  top: calc(var(--spacing) * 3);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.top-6 {
  top: calc(var(--spacing) * 6);
}
.top-\[10px\] {
  top: 10px;
}
.top-\[15px\] {
  top: 15px;
}
.top-\[25\%\] {
  top: 25%;
}
.top-\[37px\] {
  top: 37px;
}
.top-\[45px\] {
  top: 45px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[50px\] {
  top: 50px;
}
.top-\[100px\] {
  top: 100px;
}
.top-\[130px\] {
  top: 130px;
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.right-6 {
  right: calc(var(--spacing) * 6);
}
.right-\[10px\] {
  right: 10px;
}
.right-\[20px\] {
  right: 20px;
}
.right-\[25px\] {
  right: 25px;
}
.right-\[40px\] {
  right: 40px;
}
.right-\[50px\] {
  right: 50px;
}
.right-auto {
  right: auto;
}
.\!bottom-0 {
  bottom: calc(var(--spacing) * 0) !important;
}
.bottom-\(--padding\) {
  bottom: var(--padding);
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-\[5\%\] {
  bottom: 5%;
}
.bottom-\[25px\] {
  bottom: 25px;
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-4 {
  left: calc(var(--spacing) * 4);
}
.left-\[5\%\] {
  left: 5%;
}
.left-\[20px\] {
  left: 20px;
}
.left-\[27px\] {
  left: 27px;
}
.left-auto {
  left: auto;
}
.\!z-0 {
  z-index: 0 !important;
}
.\!z-1 {
  z-index: 1 !important;
}
.\!z-5 {
  z-index: 5 !important;
}
.z-0 {
  z-index: 0;
}
.z-4 {
  z-index: 4;
}
.z-5 {
  z-index: 5;
}
.z-10 {
  z-index: 10;
}
.z-15 {
  z-index: 15;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.z-100 {
  z-index: 100;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[50\] {
  z-index: 50;
}
.z-\[1000\] {
  z-index: 1000;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-full {
  grid-column: 1 / -1;
}
.container {
  width: 100%;
  @media (width >= 1500px) {
    max-width: 1500px;
  }
  @media (width >= 1920px) {
    max-width: 1920px;
  }
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
.\!m-0 {
  margin: calc(var(--spacing) * 0) !important;
}
.m-0 {
  margin: calc(var(--spacing) * 0);
}
.m-1 {
  margin: calc(var(--spacing) * 1);
}
.m-16 {
  margin: calc(var(--spacing) * 16);
}
.m-\[17px\] {
  margin: 17px;
}
.m-auto {
  margin: auto;
}
.\!mx-auto {
  margin-inline: auto !important;
}
.-mx-1 {
  margin-inline: calc(var(--spacing) * -1);
}
.mx-\(--padding\) {
  margin-inline: var(--padding);
}
.mx-0 {
  margin-inline: calc(var(--spacing) * 0);
}
.mx-\[20px\] {
  margin-inline: 20px;
}
.mx-auto {
  margin-inline: auto;
}
.\!my-0 {
  margin-block: calc(var(--spacing) * 0) !important;
}
.\!my-\[5px\] {
  margin-block: 5px !important;
}
.my-0 {
  margin-block: calc(var(--spacing) * 0);
}
.my-2 {
  margin-block: calc(var(--spacing) * 2);
}
.my-4 {
  margin-block: calc(var(--spacing) * 4);
}
.my-6 {
  margin-block: calc(var(--spacing) * 6);
}
.my-8 {
  margin-block: calc(var(--spacing) * 8);
}
.my-10 {
  margin-block: calc(var(--spacing) * 10);
}
.my-\[0px\] {
  margin-block: 0px;
}
.my-\[50px\] {
  margin-block: 50px;
}
.my-\[70px\] {
  margin-block: 70px;
}
.\!-mt-\[6px\] {
  margin-top: calc(6px * -1) !important;
}
.\!mt-0 {
  margin-top: calc(var(--spacing) * 0) !important;
}
.\!mt-12 {
  margin-top: calc(var(--spacing) * 12) !important;
}
.\!mt-\[20px\] {
  margin-top: 20px !important;
}
.-mt-\[2px\] {
  margin-top: calc(2px * -1);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[20px\] {
  margin-top: 20px;
}
.mt-\[50px\] {
  margin-top: 50px;
}
.mt-\[65px\] {
  margin-top: 65px;
}
.mt-\[100px\] {
  margin-top: 100px;
}
.mr-0 {
  margin-right: calc(var(--spacing) * 0);
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mr-5 {
  margin-right: calc(var(--spacing) * 5);
}
.prose-gs {
  line-height: 1;
  :where(h1, h2, h3, h4, h5, h6, hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 25px;
  }
  :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 20px;
  }
  :where(.nf-form-wrap):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: clamp(12px, calc(0.75rem + (15 - 12) * ((100vw - 320px) / (1800 - 320))), 15px);
    line-height: 175%;
  }
  --ff--cta-title: clamp(25px, calc(1.5625rem + (30 - 25) * ((100vw - 320px) / (1800 - 320))), 30px);
  --ff--cta-title-2: clamp(18px, calc(1.125rem + (55 - 18) * ((100vw - 320px) / (1800 - 320))), 55px);
  --ff-smart-spacer-sm: clamp(30px, calc(1.875rem + (50 - 30) * ((100vw - 320px) / (1920 - 320))), 50px);
  --ff-smart-spacer-md: clamp(30px, calc(1.875rem + (70 - 30) * ((100vw - 600px) / (1920 - 600))), 70px);
  --ff-smart-spacer-lg: clamp(30px, calc(1.875rem + (100 - 30) * ((100vw - 320px) / (1024 - 320))), 100px);
  --ff-smart-spacer-xl: clamp(30px, calc(1.875rem + (125 - 30) * ((100vw - 320px) / (1920 - 320))), 125px);
  --ff--property-h1: clamp(50px, calc(3.125rem + (67 - 50) * ((100vw - 320px) / (1920 - 320))), 67px);
  --ff--property-h2: clamp(25px, calc(1.5625rem + (30 - 25) * ((100vw - 320px) / (1920 - 320))), 30px);
  --ff--property-h3: clamp(20px, calc(1.25rem + (25 - 20) * ((100vw - 320px) / (1920 - 320))), 25px);
  --ff--property-testimonials: clamp(25px, calc(1.5625rem + (35 - 25) * ((100vw - 320px) / (1920 - 320))), 35px);
  --ff--property-related-title: clamp(45px, calc(2.8125rem + (50 - 45) * ((100vw - 320px) / (1920 - 320))), 50px);
  --ff--let-sub: clamp(40px, calc(2.5rem + (60 - 40) * ((100vw - 320px) / (1920 - 320))), 60px);
  --ff--fade-menu: clamp(35px, calc(2.1875rem + (60 - 35) * ((100vw - 320px) / (1024 - 320))), 60px);
  --tw-prose-body: var(--wp--preset--color--foreground);
  --tw-prose-headings: var(--wp--preset--color--foreground);
  --tw-prose-lead: var(--wp--preset--color--foreground);
  --tw-prose-links: var(--wp--preset--color--foreground);
  --tw-prose-bold: var(--wp--preset--color--foreground);
  --tw-prose-counters: var(--wp--preset--color--primary);
  --tw-prose-bullets: var(--wp--preset--color--primary);
  --tw-prose-hr: var(--wp--preset--color--foreground);
  --tw-prose-quotes: var(--wp--preset--color--foreground);
  --tw-prose-quote-borders: var(--wp--preset--color--primary);
  --tw-prose-captions: var(--wp--preset--color--foreground);
  --tw-prose-kbd: var(--wp--preset--color--foreground);
  --tw-prose-kbd-shadows: NaN NaN NaN;
  --tw-prose-code: var(--wp--preset--color--foreground);
  --tw-prose-pre-code: var(--wp--preset--color--background);
  --tw-prose-pre-bg: var(--wp--preset--color--foreground);
  --tw-prose-th-borders: var(--wp--preset--color--foreground);
  --tw-prose-td-borders: var(--wp--preset--color--foreground);
  --tw-prose-invert-body: var(--wp--preset--color--background);
  --tw-prose-invert-headings: var(--wp--preset--color--background);
  --tw-prose-invert-lead: var(--wp--preset--color--background);
  --tw-prose-invert-links: var(--wp--preset--color--foreground);
  --tw-prose-invert-bold: var(--wp--preset--color--background);
  --tw-prose-invert-counters: var(--wp--preset--color--primary);
  --tw-prose-invert-bullets: var(--wp--preset--color--primary);
  --tw-prose-invert-hr: var(--wp--preset--color--background);
  --tw-prose-invert-quotes: var(--wp--preset--color--background);
  --tw-prose-invert-quote-borders: var(--wp--preset--color--primary);
  --tw-prose-invert-captions: var(--wp--preset--color--background);
  --tw-prose-invert-kbd: var(--wp--preset--color--background);
  --tw-prose-invert-kbd-shadows: NaN NaN NaN;
  --tw-prose-invert-code: var(--wp--preset--color--foreground);
  --tw-prose-invert-pre-code: var(--wp--preset--color--background);
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: var(--wp--preset--color--background);
  --tw-prose-invert-td-borders: var(--wp--preset--color--background);
}
.\!mb-0 {
  margin-bottom: calc(var(--spacing) * 0) !important;
}
.\!mb-2 {
  margin-bottom: calc(var(--spacing) * 2) !important;
}
.\!mb-3 {
  margin-bottom: calc(var(--spacing) * 3) !important;
}
.-mb-\[2px\] {
  margin-bottom: calc(2px * -1);
}
.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.mb-\[0px\] {
  margin-bottom: 0px;
}
.mb-\[6px\] {
  margin-bottom: 6px;
}
.mb-\[16px\] {
  margin-bottom: 16px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.mb-\[100px\] {
  margin-bottom: 100px;
}
.\!ml-0 {
  margin-left: calc(var(--spacing) * 0) !important;
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-3 {
  margin-left: calc(var(--spacing) * 3);
}
.ml-\[13px\] {
  margin-left: 13px;
}
.ml-auto {
  margin-left: auto;
}
.line-clamp-\[6\] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.line-clamp-none {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: unset;
}
.\!hidden {
  display: none !important;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.aspect-\[2\/3\] {
  aspect-ratio: 2/3;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[477\/387\] {
  aspect-ratio: 477/387;
}
.\!size-\[2lh\] {
  width: 2lh !important;
  height: 2lh !important;
}
.size-\(--star-icon-size\) {
  width: var(--star-icon-size);
  height: var(--star-icon-size);
}
.size-5 {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}
.size-fit {
  width: fit-content;
  height: fit-content;
}
.size-full {
  width: 100%;
  height: 100%;
}
.size-max {
  width: max-content;
  height: max-content;
}
.\!h-\[66px\] {
  height: 66px !important;
}
.\!h-\[290px\] {
  height: 290px !important;
}
.\!h-auto {
  height: auto !important;
}
.\!h-full {
  height: 100% !important;
}
.h-\(--card-height\) {
  height: var(--card-height);
}
.h-\(--height\) {
  height: var(--height);
}
.h-0 {
  height: calc(var(--spacing) * 0);
}
.h-0\.5 {
  height: calc(var(--spacing) * 0.5);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-32 {
  height: calc(var(--spacing) * 32);
}
.h-\[1px\] {
  height: 1px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[25vh\] {
  height: 25vh;
}
.h-\[30vh\] {
  height: 30vh;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[40vh\] {
  height: 40vh;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[50vh\] {
  height: 50vh;
}
.h-\[55dvh\] {
  height: 55dvh;
}
.h-\[55vh\] {
  height: 55vh;
}
.h-\[68\.16px\] {
  height: 68.16px;
}
.h-\[80vh\] {
  height: 80vh;
}
.h-\[90vh\] {
  height: 90vh;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[100vh\] {
  height: 100vh;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[154px\] {
  height: 154px;
}
.h-\[500px\] {
  height: 500px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-min {
  height: min-content;
}
.\!max-h-\[95vh\] {
  max-height: 95vh !important;
}
.max-h-\(--banner-height\) {
  max-height: var(--banner-height);
}
.max-h-\[50vh\] {
  max-height: 50vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-min {
  max-height: min-content;
}
.\!min-h-4 {
  min-height: calc(var(--spacing) * 4) !important;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[86px\] {
  min-height: 86px;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.\!w-\[32px\] {
  width: 32px !important;
}
.\!w-full {
  width: 100% !important;
}
.w-1\/4 {
  width: calc(1/4 * 100%);
}
.w-2\/3 {
  width: calc(2/3 * 100%);
}
.w-3\/4 {
  width: calc(3/4 * 100%);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-11 {
  width: calc(var(--spacing) * 11);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-32 {
  width: calc(var(--spacing) * 32);
}
.w-\[10px\] {
  width: 10px;
}
.w-\[12px\] {
  width: 12px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[260px\] {
  width: 260px;
}
.w-\[calc\(100vw_-_\(2_\*_var\(--padding\)\)\)\] {
  width: calc(100vw - (2 * var(--padding)));
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.\!max-w-\[500px\] {
  max-width: 500px !important;
}
.\!max-w-full {
  max-width: 100% !important;
}
.max-w-4xl {
  max-width: var(--container-4xl);
}
.max-w-\[12ch\] {
  max-width: 12ch;
}
.max-w-\[14ch\] {
  max-width: 14ch;
}
.max-w-\[50ch\] {
  max-width: 50ch;
}
.max-w-\[70ch\] {
  max-width: 70ch;
}
.max-w-\[85\%\] {
  max-width: 85%;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[215px\] {
  max-width: 215px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-content {
  max-width: var(--container-content);
}
.max-w-full {
  max-width: 100%;
}
.max-w-min {
  max-width: min-content;
}
.max-w-none {
  max-width: none;
}
.max-w-xl {
  max-width: var(--container-xl);
}
.\!min-w-4 {
  min-width: calc(var(--spacing) * 4) !important;
}
.min-w-\[260px\] {
  min-width: 260px;
}
.flex-1 {
  flex: 1;
}
.flex-shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.-translate-x-\[4px\] {
  --tw-translate-x: calc(4px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
  --tw-translate-x: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-\[4px\] {
  --tw-translate-x: 4px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-\[75px\] {
  --tw-translate-x: 75px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-\[100\%\] {
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-\(--height\) {
  --tw-translate-y: calc(var(--height) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-\[2px\] {
  --tw-translate-y: calc(2px * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-\[100\%\] {
  --tw-translate-y: calc(100% * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0 {
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-2 {
  --tw-translate-y: calc(var(--spacing) * 2);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[5px\] {
  --tw-translate-y: 5px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-full {
  --tw-translate-y: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-x-\[-1\] {
  --tw-scale-x: -1;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-\[\.8\] {
  scale: .8;
}
.rotate-180 {
  rotate: 180deg;
}
.rotate-\[-90deg\] {
  rotate: -90deg;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-spin {
  animation: var(--animate-spin);
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.scroll-mt-\[100px\] {
  scroll-margin-top: 100px;
}
.list-none {
  list-style-type: none;
}
.\[appearance\:textfield\] {
  appearance: textfield;
}
.appearance-none {
  appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}
.grid-cols-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr;
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-content-center {
  place-content: center;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.justify-items-end {
  justify-items: end;
}
.gap-\(--gap\) {
  gap: var(--gap);
}
.gap-0 {
  gap: calc(var(--spacing) * 0);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-10 {
  gap: calc(var(--spacing) * 10);
}
.gap-12 {
  gap: calc(var(--spacing) * 12);
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[30px\] {
  gap: 30px;
}
.gap-\[55px\] {
  gap: 55px;
}
.gap-\[75px\] {
  gap: 75px;
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.gap-x-\[10px\] {
  column-gap: 10px;
}
.gap-x-\[35px\] {
  column-gap: 35px;
}
.gap-y-5 {
  row-gap: calc(var(--spacing) * 5);
}
.gap-y-\[30px\] {
  row-gap: 30px;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-none {
  border-radius: 0;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-t-0 {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.\!border-none {
  --tw-border-style: none !important;
  border-style: none !important;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.border-\[\#cbcbcb\] {
  border-color: #cbcbcb;
}
.border-black {
  border-color: var(--color-black);
}
.border-black\/40 {
  border-color: color-mix(in srgb, #000 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-black) 40%, transparent);
  }
}
.border-current {
  border-color: currentcolor;
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-gray-400 {
  border-color: var(--color-gray-400);
}
.border-gray-500 {
  border-color: var(--color-gray-500);
}
.border-gray-600 {
  border-color: var(--color-gray-600);
}
.border-rose-600 {
  border-color: var(--color-rose-600);
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  border-color: var(--color-white);
}
.border-b-\[\#252525\] {
  border-bottom-color: #252525;
}
.border-b-foreground {
  border-bottom-color: var(--color-foreground);
}
.\!bg-\[\#f4f4f4\] {
  background-color: #f4f4f4 !important;
}
.\!bg-primary {
  background-color: var(--color-primary) !important;
}
.\!bg-white {
  background-color: var(--color-white) !important;
}
.bg-\[\#4f523e\] {
  background-color: #4f523e;
}
.bg-\[\#00000036\] {
  background-color: #00000036;
}
.bg-\[\#99AF9F\] {
  background-color: #99AF9F;
}
.bg-\[\#F1E7DD\] {
  background-color: #F1E7DD;
}
.bg-\[\#F5F5F5\] {
  background-color: #F5F5F5;
}
.bg-\[\#F7F5F3\] {
  background-color: #F7F5F3;
}
.bg-\[\#e6e3e0\] {
  background-color: #e6e3e0;
}
.bg-\[\#f4f4f4\] {
  background-color: #f4f4f4;
}
.bg-\[var\(--color-foreground\)\] {
  background-color: var(--color-foreground);
}
.bg-background {
  background-color: var(--color-background);
}
.bg-blue-500 {
  background-color: var(--color-blue-500);
}
.bg-foreground {
  background-color: var(--color-foreground);
}
.bg-gray-200 {
  background-color: var(--color-gray-200);
}
.bg-gray-500 {
  background-color: var(--color-gray-500);
}
.bg-gray-600 {
  background-color: var(--color-gray-600);
}
.bg-gray-700 {
  background-color: var(--color-gray-700);
}
.bg-gray-800 {
  background-color: var(--color-gray-800);
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-red-400 {
  background-color: var(--color-red-400);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.bg-linear-to-t {
  --tw-gradient-position: to top;
  @supports (background-image: linear-gradient(in lab, red, red)) {
    --tw-gradient-position: to top in oklab;
  }
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-black\/60 {
  --tw-gradient-from: color-mix(in srgb, #000 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white {
  --tw-gradient-from: var(--color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-current {
  fill: currentcolor;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.\!p-0 {
  padding: calc(var(--spacing) * 0) !important;
}
.\!p-\[2em\] {
  padding: 2em !important;
}
.p-0 {
  padding: calc(var(--spacing) * 0);
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.p-12 {
  padding: calc(var(--spacing) * 12);
}
.p-\[5px\] {
  padding: 5px;
}
.p-\[20px\] {
  padding: 20px;
}
.\!px-4 {
  padding-inline: calc(var(--spacing) * 4) !important;
}
.\!px-\[10px\] {
  padding-inline: 10px !important;
}
.\!px-\[15px\] {
  padding-inline: 15px !important;
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-\[20px\] {
  padding-inline: 20px;
}
.px-\[40px\] {
  padding-inline: 40px;
}
.px-menu-pad {
  padding-inline: var(--spacing-menu-pad);
}
.\!py-5 {
  padding-block: calc(var(--spacing) * 5) !important;
}
.\!py-8 {
  padding-block: calc(var(--spacing) * 8) !important;
}
.py-0 {
  padding-block: calc(var(--spacing) * 0);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.py-\[6px\] {
  padding-block: 6px;
}
.py-\[10px\] {
  padding-block: 10px;
}
.py-\[15px\] {
  padding-block: 15px;
}
.py-\[20px\] {
  padding-block: 20px;
}
.py-\[25px\] {
  padding-block: 25px;
}
.py-\[50px\] {
  padding-block: 50px;
}
.py-\[100px\] {
  padding-block: 100px;
}
.\!pt-0 {
  padding-top: calc(var(--spacing) * 0) !important;
}
.\!pt-\[30px\] {
  padding-top: 30px !important;
}
.pt-0 {
  padding-top: calc(var(--spacing) * 0);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
.pt-12 {
  padding-top: calc(var(--spacing) * 12);
}
.pt-\[30px\] {
  padding-top: 30px;
}
.pt-\[40px\] {
  padding-top: 40px;
}
.pt-\[115px\] {
  padding-top: 115px;
}
.pr-8 {
  padding-right: calc(var(--spacing) * 8);
}
.pr-\[3px\] {
  padding-right: 3px;
}
.pr-\[5px\] {
  padding-right: 5px;
}
.pr-\[34px\] {
  padding-right: 34px;
}
.pr-menu-pad {
  padding-right: var(--spacing-menu-pad);
}
.\!pb-\[20px\] {
  padding-bottom: 20px !important;
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-\[15px\] {
  padding-bottom: 15px;
}
.pb-\[20px\] {
  padding-bottom: 20px;
}
.pb-\[20vh\] {
  padding-bottom: 20vh;
}
.pb-\[170px\] {
  padding-bottom: 170px;
}
.pl-10 {
  padding-left: calc(var(--spacing) * 10);
}
.pl-\[5px\] {
  padding-left: 5px;
}
.pl-\[50px\] {
  padding-left: 50px;
}
.pl-\[100px\] {
  padding-left: 100px;
}
.pl-menu-pad {
  padding-left: var(--spacing-menu-pad);
}
.text-center {
  text-align: center;
}
.text-end {
  text-align: end;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.align-top {
  vertical-align: top;
}
.\!font-body {
  font-family: var(--font-body) !important;
}
.font-body {
  font-family: var(--font-body);
}
.font-titles {
  font-family: var(--font-titles);
}
.\!text-4xl {
  font-size: var(--text-4xl) !important;
  line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
}
.\!text-sm {
  font-size: var(--text-sm) !important;
  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
}
.\!text-xl {
  font-size: var(--text-xl) !important;
  line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
}
.\!text-xs {
  font-size: var(--text-xs) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\!text-\[9px\] {
  font-size: 9px !important;
}
.\!text-\[10px\] {
  font-size: 10px !important;
}
.\!text-\[12px\] {
  font-size: 12px !important;
}
.\!text-\[14px\] {
  font-size: 14px !important;
}
.\!text-\[20px\] {
  font-size: 20px !important;
}
.\!text-\[22px\] {
  font-size: 22px !important;
}
.\!text-\[30px\] {
  font-size: 30px !important;
}
.text-\[0\.975rem\] {
  font-size: 0.975rem;
}
.text-\[5px\] {
  font-size: 5px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[28px\] {
  font-size: 28px;
}
.leading-\[1\.2\] {
  --tw-leading: 1.2;
  line-height: 1.2;
}
.leading-loose {
  --tw-leading: var(--leading-loose);
  line-height: var(--leading-loose);
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.\!font-light {
  --tw-font-weight: var(--font-weight-light) !important;
  font-weight: var(--font-weight-light) !important;
}
.\!font-normal {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}
.\!font-thin {
  --tw-font-weight: var(--font-weight-thin) !important;
  font-weight: var(--font-weight-thin) !important;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.text-balance {
  text-wrap: balance;
}
.text-nowrap {
  text-wrap: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.\!text-\[\#a00d30\] {
  color: #a00d30 !important;
}
.\!text-black {
  color: var(--color-black) !important;
}
.\!text-foreground {
  color: var(--color-foreground) !important;
}
.\!text-gray-700 {
  color: var(--color-gray-700) !important;
}
.\!text-primary {
  color: var(--color-primary) !important;
}
.\!text-white {
  color: var(--color-white) !important;
}
.text-\[\#252525\] {
  color: #252525;
}
.text-\[\#C6C2C3\] {
  color: #C6C2C3;
}
.text-\[\#FF0000\] {
  color: #FF0000;
}
.text-black {
  color: var(--color-black);
}
.text-black\/40 {
  color: color-mix(in srgb, #000 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-black) 40%, transparent);
  }
}
.text-foreground {
  color: var(--color-foreground);
}
.text-gray-100 {
  color: var(--color-gray-100);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-700 {
  color: var(--color-gray-700);
}
.text-gray-800 {
  color: var(--color-gray-800);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-primary {
  color: var(--color-primary);
}
.text-rose-500 {
  color: var(--color-rose-500);
}
.text-white {
  color: var(--color-white);
}
.\!uppercase {
  text-transform: uppercase !important;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.\!no-underline {
  text-decoration-line: none !important;
}
.no-underline {
  text-decoration-line: none;
}
.underline {
  text-decoration-line: underline;
}
.placeholder-gray-300 {
  &::placeholder {
    color: var(--color-gray-300);
  }
}
.\!opacity-0 {
  opacity: 0% !important;
}
.\!opacity-1 {
  opacity: 1% !important;
}
.\!opacity-100 {
  opacity: 100% !important;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-20 {
  opacity: 20%;
}
.opacity-25 {
  opacity: 25%;
}
.opacity-100 {
  opacity: 100%;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\!brightness-\[1\] {
  --tw-brightness: brightness(1) !important;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.brightness-\[0\] {
  --tw-brightness: brightness(0);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.brightness-\[10\] {
  --tw-brightness: brightness(10);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-100 {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-250 {
  --tw-duration: 250ms;
  transition-duration: 250ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-1000 {
  --tw-duration: 1000ms;
  transition-duration: 1000ms;
}
.ease-in {
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-linear {
  --tw-ease: linear;
  transition-timing-function: linear;
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.content-none {
  --tw-content: none;
  content: none;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.\[--card-height\:15rem\] {
  --card-height: 15rem;
}
.\[--height\:100dvh\] {
  --height: 100dvh;
}
.\[--padding\:1rem\] {
  --padding: 1rem;
}
.group-hover\:flex {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      display: flex;
    }
  }
}
.group-hover\:-translate-x-\[0px\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(0px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:scale-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:scale-\[1\.1\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 1.1;
    }
  }
}
.group-hover\:flex-col {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      flex-direction: column;
    }
  }
}
.group-hover\:px-6 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
}
.group-hover\:opacity-75 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 75%;
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.peer-checked\:bg-blue-600 {
  &:is(:where(.peer):checked ~ *) {
    background-color: var(--color-blue-600);
  }
}
.after\:block {
  &::after {
    content: var(--tw-content);
    display: block;
  }
}
.after\:h-6 {
  &::after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 6);
  }
}
.after\:w-6 {
  &::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 6);
  }
}
.after\:rounded-full {
  &::after {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
}
.after\:border-2 {
  &::after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
}
.after\:border-gray-300 {
  &::after {
    content: var(--tw-content);
    border-color: var(--color-gray-300);
  }
}
.after\:bg-white {
  &::after {
    content: var(--tw-content);
    background-color: var(--color-white);
  }
}
.after\:ring-0 {
  &::after {
    content: var(--tw-content);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.after\:transition-all {
  &::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
.after\:duration-300 {
  &::after {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
}
.peer-checked\:after\:translate-x-full {
  &:is(:where(.peer):checked ~ *) {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.peer-checked\:after\:border-blue-600 {
  &:is(:where(.peer):checked ~ *) {
    &::after {
      content: var(--tw-content);
      border-color: var(--color-blue-600);
    }
  }
}
.hover\:border-b-primary {
  &:hover {
    @media (hover: hover) {
      border-bottom-color: var(--color-primary);
    }
  }
}
.hover\:bg-blue-200 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-200);
    }
  }
}
.hover\:bg-gray-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-100);
    }
  }
}
.hover\:bg-gray-200 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-200);
    }
  }
}
.hover\:bg-white {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-white);
    }
  }
}
.hover\:text-primary {
  &:hover {
    @media (hover: hover) {
      color: var(--color-primary);
    }
  }
}
.focus\:border-blue-500 {
  &:focus {
    border-color: var(--color-blue-500);
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.disabled\:opacity-75 {
  &:disabled {
    opacity: 75%;
  }
}
.max-\[1400px\]\:mx-auto {
  @media (width < 1400px) {
    margin-inline: auto;
  }
}
.max-\[1400px\]\:hidden {
  @media (width < 1400px) {
    display: none;
  }
}
.max-\[1400px\]\:max-w-\[500px\] {
  @media (width < 1400px) {
    max-width: 500px;
  }
}
.max-lg\:hidden {
  @media (width < 64rem) {
    display: none;
  }
}
.max-md\:absolute {
  @media (width < 48rem) {
    position: absolute;
  }
}
.max-md\:left-\[16\] {
  @media (width < 48rem) {
    left: 16;
  }
}
.max-sm\:fixed {
  @media (width < 40rem) {
    position: fixed;
  }
}
.max-sm\:\!inset-0 {
  @media (width < 40rem) {
    inset: calc(var(--spacing) * 0) !important;
  }
}
.max-sm\:flex {
  @media (width < 40rem) {
    display: flex;
  }
}
.max-sm\:\!h-\[100vh\] {
  @media (width < 40rem) {
    height: 100vh !important;
  }
}
.max-sm\:h-\[100vh\] {
  @media (width < 40rem) {
    height: 100vh;
  }
}
.max-sm\:h-dvh {
  @media (width < 40rem) {
    height: 100dvh;
  }
}
.max-sm\:h-screen {
  @media (width < 40rem) {
    height: 100vh;
  }
}
.max-sm\:\!max-h-\[100vh\] {
  @media (width < 40rem) {
    max-height: 100vh !important;
  }
}
.max-sm\:\!max-h-none {
  @media (width < 40rem) {
    max-height: none !important;
  }
}
.max-sm\:max-h-screen {
  @media (width < 40rem) {
    max-height: 100vh;
  }
}
.max-sm\:w-screen {
  @media (width < 40rem) {
    width: 100vw;
  }
}
.max-sm\:items-center {
  @media (width < 40rem) {
    align-items: center;
  }
}
.max-sm\:overflow-scroll {
  @media (width < 40rem) {
    overflow: scroll;
  }
}
.max-sm\:p-0 {
  @media (width < 40rem) {
    padding: calc(var(--spacing) * 0);
  }
}
.max-sm\:\!pb-\[50px\] {
  @media (width < 40rem) {
    padding-bottom: 50px !important;
  }
}
.max-sm\:\!pb-\[60px\] {
  @media (width < 40rem) {
    padding-bottom: 60px !important;
  }
}
.min-\[695px\]\:grid-cols-2 {
  @media (width >= 695px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.min-\[1400px\]\:grid {
  @media (width >= 1400px) {
    display: grid;
  }
}
.min-\[1400px\]\:grid-cols-\[1\.5fr_1fr\] {
  @media (width >= 1400px) {
    grid-template-columns: 1.5fr 1fr;
  }
}
.min-\[1400px\]\:gap-\[5\%\] {
  @media (width >= 1400px) {
    gap: 5%;
  }
}
.min-\[1480px\]\:grid-cols-3 {
  @media (width >= 1480px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.min-\[1750px\]\:grid-cols-sc-property-grid {
  @media (width >= 1750px) {
    grid-template-columns: var(--grid-template-columns-sc-property-grid);
  }
}
.min-\[1750px\]\:justify-between {
  @media (width >= 1750px) {
    justify-content: space-between;
  }
}
.min-\[1750px\]\:gap-\[15\%\] {
  @media (width >= 1750px) {
    gap: 15%;
  }
}
.min-\[2000px\]\:flex-row {
  @media (width >= 2000px) {
    flex-direction: row;
  }
}
.min-\[2300px\]\:grid-cols-4 {
  @media (width >= 2300px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.min-\[3000px\]\:grid-cols-3 {
  @media (width >= 3000px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.sm\:block {
  @media (width >= 40rem) {
    display: block;
  }
}
.sm\:hidden {
  @media (width >= 40rem) {
    display: none;
  }
}
.sm\:h-\[35vh\] {
  @media (width >= 40rem) {
    height: 35vh;
  }
}
.sm\:w-full {
  @media (width >= 40rem) {
    width: 100%;
  }
}
.sm\:max-w-\[20ch\] {
  @media (width >= 40rem) {
    max-width: 20ch;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sm\:grid-cols-\[auto_auto_auto\] {
  @media (width >= 40rem) {
    grid-template-columns: auto auto auto;
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.sm\:p-8 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.sm\:text-right {
  @media (width >= 40rem) {
    text-align: right;
  }
}
.sm\:text-\[16px\] {
  @media (width >= 40rem) {
    font-size: 16px;
  }
}
.md\:absolute {
  @media (width >= 48rem) {
    position: absolute;
  }
}
.md\:top-\[50\%\] {
  @media (width >= 48rem) {
    top: 50%;
  }
}
.md\:right-0 {
  @media (width >= 48rem) {
    right: calc(var(--spacing) * 0);
  }
}
.md\:left-0 {
  @media (width >= 48rem) {
    left: calc(var(--spacing) * 0);
  }
}
.md\:order-1 {
  @media (width >= 48rem) {
    order: 1;
  }
}
.md\:order-2 {
  @media (width >= 48rem) {
    order: 2;
  }
}
.md\:col-span-1 {
  @media (width >= 48rem) {
    grid-column: span 1 / span 1;
  }
}
.md\:mx-0 {
  @media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 0);
  }
}
.md\:mx-auto {
  @media (width >= 48rem) {
    margin-inline: auto;
  }
}
.md\:mt-6 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 6);
  }
}
.md\:mb-0 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
.md\:block {
  @media (width >= 48rem) {
    display: block;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:hidden {
  @media (width >= 48rem) {
    display: none;
  }
}
.md\:h-\[45vh\] {
  @media (width >= 48rem) {
    height: 45vh;
  }
}
.md\:h-\[65dvh\] {
  @media (width >= 48rem) {
    height: 65dvh;
  }
}
.md\:w-1\/2 {
  @media (width >= 48rem) {
    width: calc(1/2 * 100%);
  }
}
.md\:w-1\/4 {
  @media (width >= 48rem) {
    width: calc(1/4 * 100%);
  }
}
.md\:w-2\/3 {
  @media (width >= 48rem) {
    width: calc(2/3 * 100%);
  }
}
.md\:w-full {
  @media (width >= 48rem) {
    width: 100%;
  }
}
.md\:\!max-w-\[85\%\] {
  @media (width >= 48rem) {
    max-width: 85% !important;
  }
}
.md\:max-w-1\/5 {
  @media (width >= 48rem) {
    max-width: calc(1/5 * 100%);
  }
}
.md\:max-w-4\/5 {
  @media (width >= 48rem) {
    max-width: calc(4/5 * 100%);
  }
}
.md\:max-w-\[85\%\] {
  @media (width >= 48rem) {
    max-width: 85%;
  }
}
.md\:-translate-y-\[50\%\] {
  @media (width >= 48rem) {
    --tw-translate-y: calc(50% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:grid-cols-\[1fr_1fr\] {
  @media (width >= 48rem) {
    grid-template-columns: 1fr 1fr;
  }
}
.md\:grid-cols-\[2fr_1\.5fr\] {
  @media (width >= 48rem) {
    grid-template-columns: 2fr 1.5fr;
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
.md\:items-center {
  @media (width >= 48rem) {
    align-items: center;
  }
}
.md\:justify-center {
  @media (width >= 48rem) {
    justify-content: center;
  }
}
.md\:justify-end {
  @media (width >= 48rem) {
    justify-content: flex-end;
  }
}
.md\:justify-start {
  @media (width >= 48rem) {
    justify-content: flex-start;
  }
}
.md\:gap-0 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 0);
  }
}
.md\:gap-\[50px\] {
  @media (width >= 48rem) {
    gap: 50px;
  }
}
.md\:gap-\[75px\] {
  @media (width >= 48rem) {
    gap: 75px;
  }
}
.md\:\!px-\[25px\] {
  @media (width >= 48rem) {
    padding-inline: 25px !important;
  }
}
.md\:py-0 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 0);
  }
}
.md\:pt-16 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 16);
  }
}
.md\:text-center {
  @media (width >= 48rem) {
    text-align: center;
  }
}
.md\:text-left {
  @media (width >= 48rem) {
    text-align: left;
  }
}
.md\:text-\[23px\] {
  @media (width >= 48rem) {
    font-size: 23px;
  }
}
.md\:opacity-0 {
  @media (width >= 48rem) {
    opacity: 0%;
  }
}
.md\:opacity-100 {
  @media (width >= 48rem) {
    opacity: 100%;
  }
}
.lg\:absolute {
  @media (width >= 64rem) {
    position: absolute;
  }
}
.lg\:top-\[50\%\] {
  @media (width >= 64rem) {
    top: 50%;
  }
}
.lg\:top-\[50px\] {
  @media (width >= 64rem) {
    top: 50px;
  }
}
.lg\:right-0 {
  @media (width >= 64rem) {
    right: calc(var(--spacing) * 0);
  }
}
.lg\:bottom-\[20px\] {
  @media (width >= 64rem) {
    bottom: 20px;
  }
}
.lg\:left-0 {
  @media (width >= 64rem) {
    left: calc(var(--spacing) * 0);
  }
}
.lg\:order-1 {
  @media (width >= 64rem) {
    order: 1;
  }
}
.lg\:order-2 {
  @media (width >= 64rem) {
    order: 2;
  }
}
.lg\:mx-10 {
  @media (width >= 64rem) {
    margin-inline: calc(var(--spacing) * 10);
  }
}
.lg\:mx-auto {
  @media (width >= 64rem) {
    margin-inline: auto;
  }
}
.lg\:mt-0 {
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 0);
  }
}
.lg\:mt-16 {
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 16);
  }
}
.lg\:mb-0 {
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
.lg\:mb-8 {
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
}
.lg\:mb-\[80px\] {
  @media (width >= 64rem) {
    margin-bottom: 80px;
  }
}
.lg\:block {
  @media (width >= 64rem) {
    display: block;
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex;
  }
}
.lg\:hidden {
  @media (width >= 64rem) {
    display: none;
  }
}
.lg\:\!h-\[66px\] {
  @media (width >= 64rem) {
    height: 66px !important;
  }
}
.lg\:h-\[30vh\] {
  @media (width >= 64rem) {
    height: 30vh;
  }
}
.lg\:h-\[60vh\] {
  @media (width >= 64rem) {
    height: 60vh;
  }
}
.lg\:h-\[70dvh\] {
  @media (width >= 64rem) {
    height: 70dvh;
  }
}
.lg\:h-full {
  @media (width >= 64rem) {
    height: 100%;
  }
}
.lg\:min-h-\[697px\] {
  @media (width >= 64rem) {
    min-height: 697px;
  }
}
.lg\:w-1\/2 {
  @media (width >= 64rem) {
    width: calc(1/2 * 100%);
  }
}
.lg\:w-1\/3 {
  @media (width >= 64rem) {
    width: calc(1/3 * 100%);
  }
}
.lg\:w-1\/4 {
  @media (width >= 64rem) {
    width: calc(1/4 * 100%);
  }
}
.lg\:w-2\/3 {
  @media (width >= 64rem) {
    width: calc(2/3 * 100%);
  }
}
.lg\:w-4\/5 {
  @media (width >= 64rem) {
    width: calc(4/5 * 100%);
  }
}
.lg\:w-\[50\%\] {
  @media (width >= 64rem) {
    width: 50%;
  }
}
.lg\:w-\[65\%\] {
  @media (width >= 64rem) {
    width: 65%;
  }
}
.lg\:w-\[480px\] {
  @media (width >= 64rem) {
    width: 480px;
  }
}
.lg\:max-w-\[50ch\] {
  @media (width >= 64rem) {
    max-width: 50ch;
  }
}
.lg\:max-w-\[58ch\] {
  @media (width >= 64rem) {
    max-width: 58ch;
  }
}
.lg\:min-w-\[200px\] {
  @media (width >= 64rem) {
    min-width: 200px;
  }
}
.lg\:min-w-\[400px\] {
  @media (width >= 64rem) {
    min-width: 400px;
  }
}
.lg\:-translate-y-\[50\%\] {
  @media (width >= 64rem) {
    --tw-translate-y: calc(50% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.lg\:grid-cols-1 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.lg\:grid-cols-2 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:grid-cols-4 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lg\:grid-cols-5 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.lg\:grid-cols-\[1fr_2\.3fr_1fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1fr 2.3fr 1fr;
  }
}
.lg\:grid-cols-\[1fr_2\.5fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1fr 2.5fr;
  }
}
.lg\:grid-cols-\[3fr_2fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 3fr 2fr;
  }
}
.lg\:grid-cols-\[auto_auto_auto_auto_auto\] {
  @media (width >= 64rem) {
    grid-template-columns: auto auto auto auto auto;
  }
}
.lg\:grid-cols-sc-location-grid {
  @media (width >= 64rem) {
    grid-template-columns: var(--grid-template-columns-sc-location-grid);
  }
}
.lg\:grid-cols-sc-related-grid {
  @media (width >= 64rem) {
    grid-template-columns: var(--grid-template-columns-sc-related-grid);
  }
}
.lg\:flex-col {
  @media (width >= 64rem) {
    flex-direction: column;
  }
}
.lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.lg\:items-center {
  @media (width >= 64rem) {
    align-items: center;
  }
}
.lg\:justify-center {
  @media (width >= 64rem) {
    justify-content: center;
  }
}
.lg\:gap-14 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 14);
  }
}
.lg\:gap-\[30px\] {
  @media (width >= 64rem) {
    gap: 30px;
  }
}
.lg\:gap-\[40px\] {
  @media (width >= 64rem) {
    gap: 40px;
  }
}
.lg\:border-r {
  @media (width >= 64rem) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
}
.lg\:border-l {
  @media (width >= 64rem) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
}
.lg\:p-6 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.lg\:p-10 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 10);
  }
}
.lg\:px-10 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
}
.lg\:pt-20 {
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing) * 20);
  }
}
.lg\:pb-0 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing) * 0);
  }
}
.lg\:pb-4 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing) * 4);
  }
}
.lg\:\!text-\[12px\] {
  @media (width >= 64rem) {
    font-size: 12px !important;
  }
}
.lg\:\!text-\[40px\] {
  @media (width >= 64rem) {
    font-size: 40px !important;
  }
}
.lg\:text-\[26px\] {
  @media (width >= 64rem) {
    font-size: 26px;
  }
}
.lg\:text-\[28px\] {
  @media (width >= 64rem) {
    font-size: 28px;
  }
}
.lg\:\[--card-height\:40rem\] {
  @media (width >= 64rem) {
    --card-height: 40rem;
  }
}
.xl\:mb-14 {
  @media (width >= 80rem) {
    margin-bottom: calc(var(--spacing) * 14);
  }
}
.xl\:block {
  @media (width >= 80rem) {
    display: block;
  }
}
.xl\:flex {
  @media (width >= 80rem) {
    display: flex;
  }
}
.xl\:max-h-\[65vh\] {
  @media (width >= 80rem) {
    max-height: 65vh;
  }
}
.xl\:max-h-\[90vh\] {
  @media (width >= 80rem) {
    max-height: 90vh;
  }
}
.xl\:w-\[43\%\] {
  @media (width >= 80rem) {
    width: 43%;
  }
}
.xl\:w-\[57\%\] {
  @media (width >= 80rem) {
    width: 57%;
  }
}
.xl\:grid-cols-2 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.xl\:grid-cols-3 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.xl\:gap-\[20px\] {
  @media (width >= 80rem) {
    gap: 20px;
  }
}
.\32 xl\:max-w-\[45ch\] {
  @media (width >= 96rem) {
    max-width: 45ch;
  }
}
.\32 xl\:translate-x-1\/2 {
  @media (width >= 96rem) {
    --tw-translate-x: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.\32 xl\:grid-cols-2 {
  @media (width >= 96rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.\32 xl\:grid-cols-3 {
  @media (width >= 96rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.\32 xl\:grid-cols-4 {
  @media (width >= 96rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.\32 xl\:grid-cols-\[2fr_1fr\] {
  @media (width >= 96rem) {
    grid-template-columns: 2fr 1fr;
  }
}
.\32 xl\:grid-cols-\[auto_auto_auto_auto_auto_auto\] {
  @media (width >= 96rem) {
    grid-template-columns: auto auto auto auto auto auto;
  }
}
.\32 xl\:gap-20 {
  @media (width >= 96rem) {
    gap: calc(var(--spacing) * 20);
  }
}
.\32 xl\:gap-\[35px\] {
  @media (width >= 96rem) {
    gap: 35px;
  }
}
.\32 xl\:text-\[0\.875rem\] {
  @media (width >= 96rem) {
    font-size: 0.875rem;
  }
}
.\32 xl\:text-\[14px\] {
  @media (width >= 96rem) {
    font-size: 14px;
  }
}
.dark\:border-gray-600 {
  @media (prefers-color-scheme: dark) {
    border-color: var(--color-gray-600);
  }
}
.dark\:bg-gray-700 {
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-gray-700);
  }
}
.dark\:text-gray-300 {
  @media (prefers-color-scheme: dark) {
    color: var(--color-gray-300);
  }
}
.after\:dark\:bg-gray-300 {
  &::after {
    content: var(--tw-content);
    @media (prefers-color-scheme: dark) {
      background-color: var(--color-gray-300);
    }
  }
}
.\[\&_\*\]\:\!text-black {
  & * {
    color: var(--color-black) !important;
  }
}
.\[\&_br\]\:\!hidden {
  & br {
    display: none !important;
  }
}
.\[\&_input\]\:\!h-full {
  & input {
    height: 100% !important;
  }
}
.\[\&_p\]\:\!contents {
  & p {
    display: contents !important;
  }
}
.\[\&\>p\:first-of-type\:has\(\>br\)\]\:\!hidden {
  &>p:first-of-type:has(>br) {
    display: none !important;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-x-reverse: 0;
      --tw-space-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-content: "";
    }
  }
}