:root {
  --navigation_height:        88px;
  --page_margin_lr:           32px;
  --page_header_padding_tb:   160px;
  --section_padding_tb:       5vw;
  --container_flex_gap:       48px;
  --columns_gap:              96px;
  --content_max_width:        800px;
  --content_gap:              32px;
  --text_gap:                 20px;
  --grid_gap:                 20px;
  --card_padding:             40px;
  --field_spacing:            16px;
  --border-color:             #E2E8F0;
  --control-hover:            #F6F9FC;
  --section_padding_tb:       6vh;
}

@media (max-width:1023.98px){
  /* lg */

  :root {
    --navigation_height:        88px;
    --page_margin_lr:           32px;
    --page_header_padding_tb:   160px;
    --section_padding_tb:       6vw;
    --container_flex_gap:       48px;
    --columns_gap:              80px;
    --content_max_width:        780px;
    --content_gap:              32px;
    --text_gap:                 20px;
    --grid_gap:                 20px;
    --card_padding:             32px;
    --field_spacing:            16px;
  }
}

@media (max-width:991.98px){
  /* md */

  :root {
    --navigation_height:        72px;
    --page_margin_lr:           48px;
    --page_header_padding_tb:   96px;
    --container_flex_gap:       40px;
    --columns_gap:              48px;
    --content_max_width:        600px;
    --content_gap:              32px;
    --text_gap:                 16px;
    --grid_gap:                 20px;
    --card_padding:             32px;
    --field_spacing:            12px;
    --section_padding_tb:       64px;
  }
}

@media (max-width:767.98px){
  /* sm */

  :root {
    --navigation_height:        64px;
    --page_margin_lr:           20px;
    --page_header_padding_tb:   64px;
    --container_flex_gap:       32px;
    --columns_gap:              40px;
    --content_max_width:        100%;
    --content_gap:              32px;
    --text_gap:                 16px;
    --grid_gap:                 20px;
    --card_padding:             32px;
    --field_spacing:            12px;
    --section_padding_tb:       48px;
  }
}

*, ::before, ::after {
  --tw-border-spacing-x:        0;
  --tw-border-spacing-y:        0;
  --tw-translate-x:        0;
  --tw-translate-y:        0;
  --tw-rotate:        0;
  --tw-skew-x:        0;
  --tw-skew-y:        0;
  --tw-scale-x:        1;
  --tw-scale-y:        1;
  --tw-pan-x:         ;
  --tw-pan-y:         ;
  --tw-pinch-zoom:         ;
  --tw-scroll-snap-strictness:        proximity;
  --tw-gradient-from-position:         ;
  --tw-gradient-via-position:         ;
  --tw-gradient-to-position:         ;
  --tw-ordinal:         ;
  --tw-slashed-zero:         ;
  --tw-numeric-figure:         ;
  --tw-numeric-spacing:         ;
  --tw-numeric-fraction:         ;
  --tw-ring-inset:         ;
  --tw-ring-offset-width:        0px;
  --tw-ring-offset-color:        #fff;
  --tw-ring-color:        rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:        0 0 #0000;
  --tw-ring-shadow:        0 0 #0000;
  --tw-shadow:        0 0 #0000;
  --tw-shadow-colored:        0 0 #0000;
  --tw-blur:         ;
  --tw-brightness:         ;
  --tw-contrast:         ;
  --tw-grayscale:         ;
  --tw-hue-rotate:         ;
  --tw-invert:         ;
  --tw-saturate:         ;
  --tw-sepia:         ;
  --tw-drop-shadow:         ;
  --tw-backdrop-blur:         ;
  --tw-backdrop-brightness:         ;
  --tw-backdrop-contrast:         ;
  --tw-backdrop-grayscale:         ;
  --tw-backdrop-hue-rotate:         ;
  --tw-backdrop-invert:         ;
  --tw-backdrop-opacity:         ;
  --tw-backdrop-saturate:         ;
  --tw-backdrop-sepia:         ;
  --tw-contain-size:         ;
  --tw-contain-layout:         ;
  --tw-contain-paint:         ;
  --tw-contain-style:         ;
}

::backdrop {
  --tw-border-spacing-x:        0;
  --tw-border-spacing-y:        0;
  --tw-translate-x:        0;
  --tw-translate-y:        0;
  --tw-rotate:        0;
  --tw-skew-x:        0;
  --tw-skew-y:        0;
  --tw-scale-x:        1;
  --tw-scale-y:        1;
  --tw-pan-x:         ;
  --tw-pan-y:         ;
  --tw-pinch-zoom:         ;
  --tw-scroll-snap-strictness:        proximity;
  --tw-gradient-from-position:         ;
  --tw-gradient-via-position:         ;
  --tw-gradient-to-position:         ;
  --tw-ordinal:         ;
  --tw-slashed-zero:         ;
  --tw-numeric-figure:         ;
  --tw-numeric-spacing:         ;
  --tw-numeric-fraction:         ;
  --tw-ring-inset:         ;
  --tw-ring-offset-width:        0px;
  --tw-ring-offset-color:        #fff;
  --tw-ring-color:        rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:        0 0 #0000;
  --tw-ring-shadow:        0 0 #0000;
  --tw-shadow:        0 0 #0000;
  --tw-shadow-colored:        0 0 #0000;
  --tw-blur:         ;
  --tw-brightness:         ;
  --tw-contrast:         ;
  --tw-grayscale:         ;
  --tw-hue-rotate:         ;
  --tw-invert:         ;
  --tw-saturate:         ;
  --tw-sepia:         ;
  --tw-drop-shadow:         ;
  --tw-backdrop-blur:         ;
  --tw-backdrop-brightness:         ;
  --tw-backdrop-contrast:         ;
  --tw-backdrop-grayscale:         ;
  --tw-backdrop-hue-rotate:         ;
  --tw-backdrop-invert:         ;
  --tw-backdrop-opacity:         ;
  --tw-backdrop-saturate:         ;
  --tw-backdrop-sepia:         ;
  --tw-contain-size:         ;
  --tw-contain-layout:         ;
  --tw-contain-paint:         ;
  --tw-contain-style:         ;
}

/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #E2E8F0;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: var(--font-body);
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #94A3B8;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #94A3B8;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

@font-face {
  font-family:        InterVariable;

  font-style:        normal;

  font-weight:        100 900;

  font-display:        swap;

  src:        url('https://rsms.me/inter/font-files/InterVariable.woff2?v=4.1') format('woff2');
}

@font-face {
  font-family:        InterVariable;

  font-style:        italic;

  font-weight:        100 900;

  font-display:        swap;

  src:        url('https://rsms.me/inter/font-files/InterVariable-Italic.woff2?v=4.1') format('woff2');
}

@font-face {
  font-family:        Inter;

  font-style:        normal;

  font-weight:        100;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-Thin.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        italic;

  font-weight:        100;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-ThinItalic.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        normal;

  font-weight:        200;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-ExtraLight.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        italic;

  font-weight:        200;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-ExtraLightItalic.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        normal;

  font-weight:        300;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-Light.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        italic;

  font-weight:        300;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-LightItalic.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        normal;

  font-weight:        400;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-Regular.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        italic;

  font-weight:        400;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-Italic.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        normal;

  font-weight:        500;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-Medium.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        italic;

  font-weight:        500;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-MediumItalic.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        normal;

  font-weight:        600;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-SemiBold.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        italic;

  font-weight:        600;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-SemiBoldItalic.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        normal;

  font-weight:        700;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-Bold.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        italic;

  font-weight:        700;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-BoldItalic.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        normal;

  font-weight:        800;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-ExtraBold.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        italic;

  font-weight:        800;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-ExtraBoldItalic.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        normal;

  font-weight:        900;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-Black.woff2?v=4.1") format("woff2");
}

@font-face {
  font-family:        Inter;

  font-style:        italic;

  font-weight:        900;

  font-display:        swap;

  src:        url("https://rsms.me/inter/font-files/Inter-BlackItalic.woff2?v=4.1") format("woff2");
}

.container {
  width:        100%;
  margin-right:        auto;
  margin-left:        auto;
  padding-right:        calc(var(--container_flex_gap)/2);
  padding-left:        calc(var(--container_flex_gap)/2);
}

@media (min-width: 1039px) {
  .container {
    max-width:        1039px;
  }
}

@media (min-width: 1228px) {
  .container {
    max-width:        1228px;
  }
}

:root {
  --back-grey: #F6F9FC;
}

body {
  font-family:        var(--font-body);
  font-size:        16px;
  line-height:        24px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter body,body .font-inter {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

body {
  padding-top: var(--navigation_height);
}

@media (min-width: 1440px) {
  .container-xl {
    max-width: 1440px;
  }
}

.font-titles {
  font-family: var(--font-titles);
}

.custom-rounded-lg {
  border-radius: var(--rounded-lg);
}

.custom-rounded-md {
  border-radius: var(--rounded-md)!important;
}

.custom-rounded-sm {
  border-radius: var(--rounded-sm);
}

.custom-rounded-cards {
  border-radius: var(--rounded-cards);
}

.custom-rounded-textarea{
  border-radius: var(--rounded-textarea);
}

.custom-rounded-menu {
  border-radius: var(--rounded-menu);
}

.row {
  display:        flex;
  flex-wrap:        wrap;
  margin-left: calc(-1 * (var(--container_flex_gap)/2));
  margin-right: calc(-1 * (var(--container_flex_gap)/2));
}

.col {
  width:        100%;
  padding-left: calc(var(--container_flex_gap)/2);
  padding-right: calc(var(--container_flex_gap)/2);
}

.box-shadow {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

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

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

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

.text-gray {
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
}

.text-reversed {
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-hint, .hint-text {
  --tw-text-opacity:        1;
  color:        rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.disabled, :disabled {
  --tw-text-opacity:        1;
  color:        rgb(205 213 224 / var(--tw-text-opacity, 1));
}

h1, .heading, .h1 {
  font-size:        44px;
  font-weight:        700;
  font-family: var(--font-titles);
}

@media (min-width: 768px) {
  h1, .heading, .h1 {
    font-size:        48px;
    line-height:        52px;
  }

  .font-inter h1,h1 .font-inter,.font-inter  .heading, .heading .font-inter,.font-inter  .h1, .h1 .font-inter {
    0:        5;
    1:        2;
    2:        p;
    3:        x;
    font-size:        48px;
  }
}

@media (min-width: 1024px) {
  h1, .heading, .h1 {
    font-size:        68px;
    line-height:        74px;
  }

  .font-inter h1,h1 .font-inter,.font-inter  .heading, .heading .font-inter,.font-inter  .h1, .h1 .font-inter {
    0:        7;
    1:        4;
    2:        p;
    3:        x;
    font-size:        68px;
  }
}

h1, .heading, .h1 {
  line-height: 1.2;
  margin-bottom: var(--content_gap);
}

h2, .h2 {
  font-size:        40px;
  line-height:        44px;
}

.font-inter h2,h2 .font-inter,.font-inter  .h2, .font-inter .h2 {
  0:        4;
  1:        4;
  2:        p;
  3:        x;
  font-size:        40px;
}

h2, .h2 {
  font-family: var(--font-titles);
}

@media (min-width: 768px) {
  h2, .h2 {
    font-size:        48px;
    line-height:        52px;
  }

  .font-inter h2,h2 .font-inter,.font-inter  .h2, .h2 .font-inter {
    0:        5;
    1:        2;
    2:        p;
    3:        x;
    font-size:        48px;
  }
}

h2, .h2 {
  margin-bottom: var(--content_gap);
}

h3, .h3 {
  font-size:        32px;
  font-family: var(--font-titles);
}

@media (min-width: 768px) {
  h3, .h3 {
    font-size:        44px;
  }
}

h3, .h3 {
  margin-bottom: var(--content_gap);
  line-height: 1.2;
}

h4, .h4 {
  font-size:        24px;
  line-height:        32px;
  font-weight:        700;
}

.font-inter h4,h4 .font-inter,.font-inter  .h4, .font-inter .h4 {
  0:        3;
  1:        2;
  2:        p;
  3:        x;
  font-size:        24px;
}

h4, .h4 {
  font-family: var(--font-titles);
  margin-bottom: var(--content_gap);
}

h5, .h5 {
  font-size:        20px;
  line-height:        24px;
}

.font-inter h5,h5 .font-inter,.font-inter  .h5, .font-inter .h5 {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        20px;
}

h5, .h5 {
  font-family: var(--font-titles);
  margin-bottom: var(--content_gap);
}

h6, .h6 {
  font-size:        16px;
  line-height:        24px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter h6,h6 .font-inter,.font-inter  .h6, .font-inter .h6 {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

h6, .h6 {
  font-family: var(--font-titles);
  margin-bottom: var(--content_gap);
}

a {
  color: var(--link-txt);
}

a:hover {
  color: color-mix(in srgb, var(--link-txt), black 8%);
  text-decoration: underline;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.hint, small, .small {
  font-size:        12px;
  line-height:        16px;
}

.font-inter .hint, .font-inter.hint,.font-inter  small, small .font-inter,.font-inter  .small, .font-inter .small {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.footnote {
  font-size:        10px;
}

quote, .quote {
  font-size:        24px;
}

@media (min-width: 768px) {
  quote, .quote {
    font-size:        28px;
  }
}

@media (min-width: 1024px) {
  quote, .quote {
    font-size:        36px;
  }
}

.stat {
  font-size:        32px;
}

@media (min-width: 1024px) {
  .stat {
    font-size:        48px;
  }
}

@media (min-width: 1280px) {
  .stat {
    font-size:        56px;
  }
}

p, ul, ol {
  margin-bottom: var(--content_gap);
}

.mb-column {
  margin-bottom: var(--columns_gap);
}

@media (min-width: 991.1px) {
  .pl-column {
    padding-left: calc(var(--columns_gap)/2);
  }

  .pr-column {
    padding-right: calc(var(--columns_gap)/2);
  }
}

.btn {
  display:        inline-block;
  cursor:        pointer;
  padding-top:        1rem;
  padding-bottom:        1rem;
  padding-left:        2rem;
  padding-right:        2rem;
  text-align:        center;
  font-size:        16px;
  font-weight:        700;
  border-radius: var(--rounded-md);
  background: var(--action);
  color: var(--btn-txt);
  border: 1px solid var(--action);
  letter-spacing: 0.16px;
  line-height: 1.35;
  min-width: 160px;
  min-height: 56px;
}

.btn svg *{
  fill: var(--btn-txt);
}

.btn:hover {
  background: color-mix(in srgb, var(--action), black 8%);
  border-color: color-mix(in srgb, var(--action), black 8%);
  color: var(--btn-txt);
  text-decoration: none;
}

.btn + .btn {
  margin-left: 16px;
}

@media (max-width: 767.98px) {
  .btn:not(.btn-sm){
    width: 100%;
  }

  .btn:not(.btn-sm) + .btn:not(.btn-sm) {
    margin-left: 0;
    margin-top: 12px;
  }
}

/* .btn-primary {
    @apply bg-action !text-white;
}
.btn-primary svg *{
    fill: #fff
}
.btn-primary:hover {
    background: color-mix(in srgb, var(--action), black 8%);
    border-color: color-mix(in srgb, var(--action), black 8%);
} */

.btn-secondary {
  background-color:        var(--secondary);
  --tw-text-opacity:        1 !important;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  border-color: var(--secondary);
}

.btn-secondary:hover {
  background: color-mix(in srgb, var(--secondary), black 8%);
  border-color: color-mix(in srgb, var(--secondary), black 8%);
}

.btn-secondary svg *{
  fill: #fff
}

.btn-outline {
  color: var(--action);
  background: white;
}

.bg-gray .btn-outline {
  background: var(--back-grey);
}

.btn-outline svg * {
  fill: var(--action);
}

.btn-outline:hover {
  background:  color-mix(in srgb, #fff, black 8%);
  color: var(--action);
  border-color: color-mix(in srgb, var(--action), black 8%);
}

.btn-outline:hover svg *{
  fill: var(--action);
}

.btn-no-border {
  color: var(--action);
  background: transparent;
  border-color: transparent;
}

.btn-no-border svg *{
  fill: var(--action);
}

.btn-no-border:hover {
  background:  color-mix(in srgb, #fff, black 8%);
  color: var(--action);
  border-color: color-mix(in srgb, var(--action), black 8%);
}

.btn-no-border:hover svg *{
  fill: var(--action);
}

.btn-sm {
  min-height:        2rem;
  min-width:        8rem;
  padding-left:        0.75rem;
  padding-right:        0.75rem;
  padding-top:        0.5rem;
  padding-bottom:        0.5rem;
  font-size:        12px;
  line-height:        16px;
}

.font-inter .btn-sm, .font-inter.btn-sm {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.btn-sm {
  border-radius: var(--rounded-sm);
}

.text-link {
  color: var(--link-txt)
}

.read-more {
  display:        inline-block;
  font-weight:        700;
  padding: 10px 0;
  letter-spacing: 0.16px;
  color: var(--link-txt);
  line-height: 1.2;
}

.read-more svg {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.read-more svg * {
  fill: var(--link-txt);
}

.read-more:hover svg * {
  fill: color-mix(in srgb, var(--link-txt), black 8%);
}

.leading-paragraph {
  font-size:        20px;
  line-height:        24px;
}

.font-inter .leading-paragraph, .font-inter.leading-paragraph {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        20px;
}

.white-section {
  padding-top:        6vh;
  padding-bottom:        6vh;
}

@media (max-width: 991px) {
  .white-section {
    padding-top:        4rem;
    padding-bottom:        4rem;
  }
}

@media not all and (min-width: 768px) {
  .white-section {
    padding-top:        3rem;
    padding-bottom:        3rem;
  }
}

.gray-section {
  padding-top:        6vh;
  padding-bottom:        6vh;
  background-color: var(--back-grey);
}

.gray-section .btn-outline {
  background: var(--back-grey);
}

@media (max-width: 991px) {
  .gray-section {
    padding-top:        4rem;
    padding-bottom:        4rem;
  }
}

@media not all and (min-width: 768px) {
  .gray-section {
    padding-top:        3rem;
    padding-bottom:        3rem;
  }
}

.img-fluid {
  height:        auto;
  max-width:        100%;
}

iframe {
  height:        auto;
  max-width:        100%;
}

.main-menu-wrapper {
  position:        fixed;
  left:        0px;
  top:        0px;
  z-index:        999;
  display:        flex;
  width:        100%;
  align-items:        center;
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top:        1rem;
  padding-bottom:        1rem;
  min-height: var(--navigation_height);
  height: var(--navigation_height);
  border-bottom: 1px solid var(--border-color);
}

@media (min-width: 1024px) {
  .main-menu-wrapper {
    height: calc(var(--logo-height) + 32px);
  }
}

.main-menu-wrapper > .container {
  max-width:        100%;
}

.admin-bar .main-menu-wrapper {
  top: 32px;
}

.main-menu-wrapper .custom-logo-link img {
  max-height:        36px;
  width:        auto;
}

@media (min-width: 768px) {
  .main-menu-wrapper .custom-logo-link img {
    max-height:        40px;
  }
}

@media (min-width: 1024px) {
  .main-menu-wrapper .custom-logo-link img {
    height:        var(--logo-height);
    max-height:        var(--logo-height);
  }
}

/* Header */

.main-menu{
  margin: 0;
  font-size: 15px;
  line-height: 1.33;
}

.main-menu a:hover {
  text-decoration: none;
}

.main-menu li{
  display:inline-block;
  vertical-align:middle;
  position: relative;
}

.main-menu li a {
  display:        inline-block;
  padding-top:        0.25rem;
  padding-bottom:        0.25rem;
  padding-left:        0.5rem;
  padding-right:        0.5rem;
  font-size:        16px;
  line-height:        24px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .main-menu li a, .font-inter.main-menu li a {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.main-menu li a {
  border-radius: var(--rounded-sm);
}

.main-menu li.current-menu-item>a{
  color: var(--link-txt);
}

.main-menu li.current-menu-item>a > svg *{
  fill: var(--link-txt);
}

.main-menu li:hover>a, .main-menu li>a:hover {
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.main-menu li:hover>a svg *, .main-menu li>a:hover svg * {
  fill:        #1E2839;
}

.main-menu li.current-menu-item:hover>a, .main-menu li.current-menu-item>a:hover {
  color: var(--link-txt);
}

.main-menu li.current-menu-item:hover>a, .main-menu li.current-menu-item>a:hover svg *{
  fill: var(--link-txt);
}

@media (min-width: 1440px) {
  .main-menu > li + li {
    margin-left:        1rem;
  }
}

.main-menu a > svg {
  margin-left:        0.5rem;
  display:        inline-block;
  height:        1rem;
  width:        1rem;
  vertical-align:        middle;
}

@media (max-width: 1339px) {
  @media (min-width: 992px) {
    .main-menu a > svg {
      margin-left:        0.25rem;
    }
  }
}

.main-menu a > svg * {
  fill:        #1E2839;
}

.main-menu > li > a:hover {
  /*background-color: color-mix(in srgb, #fff, var(--action) 8%);*/
  color: var(--action);
}

.main-menu > li > a:hover > svg * {
  fill: var(--action);
}

.main-menu > li.current-menu-item > a:hover {
  background-color: transparent;
}

@media (min-width:1024px){
  .main-menu-wrapper > .container {
    --container_flex_gap: 64px;
  }

  .main-menu ul.sub-menu {
    position:        absolute;
    left:        0px;
    top:        120%;
    z-index:        10;
    margin:        0px;
    margin-top:        0.25rem;
    border-width:        1px;
    --tw-bg-opacity:        1;
    background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding:        0.75rem;
    text-align:        left;
    --tw-shadow:        0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:        0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:        var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: var(--rounded-menu);
    box-shadow: 0 1px 4px -4px rgba(0, 0, 0, 0.08);
    min-width: 220px;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
  }

  .main-menu li:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
  }

  .main-menu > li:last-child ul.sub-menu {
    right: 0;
    left: auto;
  }
}

.main-menu ul.sub-menu li {
  display:        block;
  padding:        0.5rem;
  border-radius: var(--rounded-md);
}

.main-menu ul.sub-menu li a {
  padding:        0px;
}

/* .main-menu ul.sub-menu li:hover {
    background-color: color-mix(in srgb, #fff, var(--action) 8%);
} */

.main-menu ul.sub-menu li:hover > a{
  color: var(--action);
}

.toggle-menu-btn {
  float:        right;
  height:        2.5rem;
  width:        2.5rem;
  padding:        0.5rem;
}

@media (min-width: 1024px) {
  .toggle-menu-btn {
    display:        none;
  }
}

.toggle-menu-btn svg {
  height:        1.5rem;
  width:        1.5rem;
}

.toggle-menu-btn svg *{
  fill: var(--action);
}

.toggle-menu-btn svg + svg{
  display: none;
}

.toggle-menu-btn.menu-opened svg:first-child {
  display: none;
}

.toggle-menu-btn.menu-opened svg:last-child {
  display: inline-block;
}

@media (max-width:1023.98px){
  .admin-bar .main-menu-wrapper {
    top: 0;
  }

  .mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .custom-logo-link {
    display: inline-block;
    max-width: 80%;
  }

  .mobile-menu-wrapper{
    background:#fff;
    bottom:0;
    display:block;
    left:0;
    overflow:auto;
    overflow-x:hidden;
    padding: 16px 24px;
    position:fixed;
    top:var(--navigation_height);
    transform:translate3d(-100%,0,0);
    -webkit-transform:translate3d(-100%,0,0);
    -ms-transform:translate3d(-100%,0,0);
    -sand-transform:translate3d(-100%,0,0);
    transition:transform .3s ease;
    width: 100%;
    z-index:999;
    /* border-top: solid 1px var(--border-color); */
  }

  .mobile-menu-wrapper::-webkit-scrollbar-thumb{
    background-color: var(--secondary);
    border-radius:10px
  }

  .mobile-menu-wrapper::-webkit-scrollbar{
    background-color: var(--grey);
    width:6px
  }

  .mobile-menu-wrapper.show{
    transform:translateZ(0)
  }

  .mobile-menu-wrapper>ul{
    display:block;
    list-style-type:none;
    margin:0;
    padding:0;
    text-align: left;
  }

  .mobile-menu-wrapper>ul.main-menu li{
    display:block
  }

  .mobile-menu-wrapper>ul.main-menu li a{
    display:block;
    position:relative;
    z-index:1
  }

  .mobile-menu-wrapper>ul.main-menu > li {
    border-bottom-width:        1px;
  }

  .mobile-menu-wrapper>ul.main-menu > li > a {
    padding: 16px 10px 16px 0;
  }

  .mobile-menu-wrapper>ul.main-menu li+li{
    margin:0
  }

  body.menu-show{
    overflow:hidden
  }

  .mobile-menu-wrapper>ul.main-menu li a:hover, .mobile-menu-wrapper>ul.main-menu li:hover > a {
    background-color: transparent;
    color: var(--link-txt);
  }

  .mobile-menu-wrapper .main-menu ul.sub-menu {
    margin-bottom:        0px;
    display:        none;
    padding:        0.5rem;
    padding-top:        0px;
  }

  .mobile-menu-wrapper .main-menu svg {
    float: right;
    transition: 0.3s all ease-in-out;
  }

  .mobile-menu-wrapper .main-menu .open svg{
    transform: rotate(180deg);
  }

  .main-menu ul.sub-menu li:hover {
    background: transparent;
  }
}

/* Content */

.hero-header.hero-search {
  min-height: 75vh;
}

.hero-header.hero-search .container{
  align-content: end;
}

.hero-header {
  position:        relative;
  z-index:        0;
  display:        flex;
  padding-top: var(--page_header_padding_tb);
  padding-bottom: var(--page_header_padding_tb);
  background-position: center;
  background-size: cover;
}

.hero-header.center {
  text-align: -webkit-center;
}

.hero-header.has-search {
  padding-bottom: var(--section_padding_tb);
  /*40px;*/
  position: relative;
  z-index: 1;
}

.hero-header.has-search.pb-0 {
  padding-bottom: 0;
  /* margin-bottom: 100px */
}

.hero-header:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75%;
  background-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);
  z-index: -1;
}

.hero-header.border-y::before {
  display: none
}

.subtitle {
  display:        block;
  text-transform:        uppercase;
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
  margin-bottom: var(--text_gap);
}

.text-reversed .subtitle {
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hero-header.has-search.pb-0 .search-listings {
  margin-bottom: -100px
}

.hero-header .search-listings {
  margin-top:        2rem;
}

@media (min-width: 768px) {
  .hero-header .search-listings {
    margin-top:        2.5rem;
  }
}

@media (min-width: 1024px) {
  .hero-header .search-listings {
    margin-top:        3rem;
  }
}

.hero-header.has-search.pb-0 + section {
  padding-top: calc(var(--section_padding_tb) + 100px);
}

.hero-header.center .leading-paragraph, .hero-header.center h1 {
  margin-left:        auto;
  margin-right:        auto;
  max-width:        800px;
}

@media (min-width: 1024px) {
  .hero-header.center .leading-paragraph, .hero-header.center h1 {
    width:        800px;
  }
}

section, .section {
  padding-top: var(--section_padding_tb);
  padding-bottom: var(--section_padding_tb);
}

.section-style-white {
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.section-style-body-bg {
  background-color: var(--body-bg);
}

.section-style-img, .section-style-img-dark, .section-style-boxed {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.section-style-img-dark {
  position:        relative;
  z-index:        0;
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.section-style-img-dark  .subtitle {
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.section-style-img-dark:before {
  content: '';
  position:        absolute;
  top:        0px;
  left:        0px;
  z-index:        -10;
  height:        100%;
  width:        100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.boxed-content {
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-radius: var(--rounded-lg);
  padding: var(--card_padding);
}

.text-media.centered {
  text-align: -webkit-center;
}

.text-media.centered .col.content {
  margin-left:        auto;
  margin-right:        auto;
  max-width:        800px;
}

@media (min-width: 1024px) {
  .text-media.centered .col.content {
    width:        800px;
  }
}

.text-media .text-media-img-wrapper, .hero-property .image-wrapper, .single-blog-wrapper .image-wrapper {
  display:        block;
  height:        280px;
  width:        100%;
  border-radius: var(--rounded-lg);
}

@media (min-width: 768px) {
  .text-media .text-media-img-wrapper, .hero-property .image-wrapper, .single-blog-wrapper .image-wrapper {
    height:        420px;
  }
}

@media (min-width: 1024px) {
  .text-media .text-media-img-wrapper, .hero-property .image-wrapper, .single-blog-wrapper .image-wrapper {
    height:        542px;
  }
}

.text-media .text-media-img-wrapper, .hero-property .image-wrapper, .single-blog-wrapper .image-wrapper {
  background-size: cover;
  background-position: center;
}

.text-media.centered .text-media-img-wrapper {
  margin-top:        0px !important;
  height:        320px;
}

@media (min-width: 768px) {
  .text-media.centered .text-media-img-wrapper {
    height:        440px;
  }
}

@media (min-width: 1024px) {
  .text-media.centered .text-media-img-wrapper {
    height:        520px;
  }
}

.text-media.centered .text-media-img-wrapper {
  margin-bottom: var(--columns_gap);
}

.text-media .video-wrapper {
  position: relative;
  z-index: 0;
  cursor: pointer;
}

.text-media .video-wrapper .text-media-img-wrapper {
  position:        relative;
  overflow:        hidden;
}

.text-media .video-wrapper .text-media-img-wrapper:before {
  content: '';
  position:        absolute;
  inset:        0px;
  --tw-bg-opacity:        1;
  background-color:        rgb(0 0 0 / var(--tw-bg-opacity, 1));
  opacity:        0.5;
}

.text-media .video-wrapper .text-media-img-wrapper:after {
  content: '';
  position:        absolute;
  left:        50%;
  top:        50%;
  margin-left:        -2rem;
  margin-top:        -2rem;
  height:        4rem;
  width:        4rem;
  border-radius:        9999px;
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.text-media .video-wrapper .text-media-img-wrapper:hover:before {
  opacity: 0.7;
}

.text-media .video-wrapper svg {
  position:        absolute;
  left:        50%;
  top:        50%;
  z-index:        10;
  margin-top:        -1.5rem;
  margin-left:        -1.5rem;
  height:        3rem;
  width:        3rem;
  transform: rotate(-90deg);
}

.text-media .video-wrapper svg * {
  fill: var(--action);
}

.text-media .video-wrapper:hover svg * {
  fill: var(--action);
}

@media (min-width: 768.1px) {
  .text-media:not(.centered):not(.right) .col:first-child{
    padding-right: calc(var(--columns_gap)/2);
  }

  .text-media:not(.centered):not(.right) .col:last-child{
    padding-left: calc(var(--columns_gap)/2);
  }

  .text-media.right .col:first-child{
    padding-left: calc(var(--columns_gap)/2);
  }

  .text-media.right .col:last-child{
    padding-right: calc(var(--columns_gap)/2);
  }
}

@media (max-width: 768px) {
  .text-media:not(.centered) .col:first-child{
    order: 2;
    margin-top: var(--columns_gap);
  }
}

.video-modal-wrapper {
  position:        fixed;
  inset:        0px;
  z-index:        9999;
  display:        none;
  height:        100%;
  width:        100%;
  align-items:        center;
  justify-content:        center;
  overflow:        hidden;
  background-color:        rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity:        0.75;
}

.video-modal-wrapper.show {
  display: flex;
}

.video-modal-wrapper .container {
  position:        relative;
  max-width:        960px;
}

@media (min-width: 1024px) {
  .video-modal-wrapper .container {
    max-width:        1120px;
  }
}

.video-modal-wrapper .close {
  position:        absolute;
  top:        1.5rem;
  right:        1.5rem;
  height:        1.75rem;
  width:        1.75rem;
  opacity:        0.8;
}

.video-modal-wrapper .close:hover {
  opacity:        1;
}

.video-modal-wrapper .close svg * {
  fill: #fff;
}

.video-modal-wrapper iframe {
  width:        100%;
}

@media (min-width: 1024px) {
  .video-modal-wrapper iframe {
    min-height:        610px;
  }
}

.card-list.cards-columns-4 .cards-list-wrapper > .row, .card-list.cards-columns-3 .cards-list-wrapper > .row{
  --container_flex_gap: 24px;
}

.card-list .card-list-text *:last-child {
  margin-bottom: 0;
}

.card-list .card-list-text {
  margin-left:        auto;
  margin-right:        auto;
  max-width:        800px;
}

@media (min-width: 1024px) {
  .card-list .card-list-text {
    width:        800px;
  }
}

.card-list .cards-list-wrapper {
  -moz-column-gap: var(--grid_gap);
       column-gap: var(--grid_gap);
}

.cards-list-wrapper .col {
  margin-bottom: var(--grid_gap);
}

.card-item {
  border-radius: var(--rounded-lg);
  background: var(--card-fill);
  padding: var(--card_padding);
  border: 1px solid var(--border-color);
  box-shadow: 0 20px 24px -11px rgba(0, 0, 0, 0.08);
  height: 100%;
}

.icon-style .card-item .card-item-icon {
  border-radius: var(--rounded-md);
  width: 64px;
  height: 64px;
  line-height: 40px;
  display: inline-block;
  padding: 12px;
  margin-bottom: var(--content_gap);
  position: relative;
  z-index: 0;
}

.icon-style .card-item .card-item-icon:before {
  position:        absolute;
  left:        0px;
  top:        0px;
  z-index:        -10;
  height:        100%;
  width:        100%;
  border-radius:        9999px;
  opacity: 0.08;
  background: var(--action);
  content: '';
}

.card-item .card-item-icon svg, .card-item .card-item-icon svg * {
  fill: var(--action);
}

.icon-style .card-item .card-item-icon img {
  display: inline-block;
}

.icon-style .card-item .card-item-icon.centered-image {
  height:        auto;
  width:        100%;
  background-color:        transparent;
}

.icon-style .card-item .card-item-icon.centered-image:before {
  display:        none;
}

.image-style .card-item .card-item-icon{
  height: 240px;
  min-width: 220px;
  overflow: hidden;
  border-top-left-radius: var(--rounded-lg);
  border-top-right-radius: var(--rounded-lg);
  margin-bottom: var(--content_gap);
  display: block;
  margin-top: calc(-1 * var(--card_padding));
  margin-left: calc(-1 * var(--card_padding));
  margin-right: calc(-1 * var(--card_padding));
}

.image-style .card-item .card-item-image {
  display:        block;
  height:        100%;
  width:        100%;
  background-size: cover;
  background-position: center;
}

.card-item h3 {
  font-size:        24px;
  line-height:        32px;
  font-weight:        700;
}

.font-inter .card-item h3, .font-inter.card-item h3 {
  0:        3;
  1:        2;
  2:        p;
  3:        x;
  font-size:        24px;
}

.card-item h3 {
  font-family: var(--font-titles);
  margin-bottom: var(--content_gap);
  margin-bottom: var(--text_gap);
  line-height: 1.3;
}

.card-item p {
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
  margin-bottom: var(--text_gap);
}

@media (max-width: 767.98px) {
  .cards-list-wrapper .col {
    width: 100%;
  }
}

.icon-style .cards-list-wrapper.card-columns-1 .card-item {
  position: relative;
  padding-left: calc(var(--card_padding) + 64px + var(--content_gap));
  /* calc( card_padding + w-icon + content_gap) */
}

.icon-style .cards-list-wrapper.card-columns-1 .card-item .card-item-icon {
  position: absolute;
  top: var(--card_padding);
  left: var(--card_padding);
}

@media (min-width: 768px) {
  .image-style .cards-list-wrapper.card-columns-1 .card-item {
    position: relative;
    padding-left: calc(var(--card_padding) + 220px + var(--content_gap));
    /* calc( card_padding + w-icon + content_gap) */
  }

  .image-style .cards-list-wrapper.card-columns-1 .card-item .card-item-icon {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    max-height: 100%;
    border-top-left-radius: var(--rounded-lg);
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-lg);
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .icon-style .cards-list-wrapper.card-columns-3 .card-item {
    position: relative;
    padding-left: calc(var(--card_padding) + 64px + var(--content_gap));
    /* calc( card_padding + w-icon + content_gap) */
    text-align: left;
  }

  .icon-style .cards-list-wrapper.card-columns-3 .card-item .card-item-icon {
    position: absolute;
    top: var(--card_padding);
    left: var(--card_padding);
  }

  .image-style .cards-list-wrapper.card-columns-3 .card-item {
    position: relative;
    padding-left: calc(var(--card_padding) + 220px + var(--content_gap));
    /* calc( card_padding + w-icon + content_gap) */
    text-align: left;
  }

  .image-style .cards-list-wrapper.card-columns-3 .card-item .card-item-icon {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    max-height: 100%;
    border-top-left-radius: var(--rounded-lg);
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-lg);
  }
}

.boxed-content-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-property .subtitle {
  margin-bottom:        1rem;
  color:        var(--highlight);
}

@media (min-width: 1024px) {
  .hero-property .subtitle {
    margin-bottom:        1.25rem;
  }
}

.hero-property .price, .hero-property p {
  margin-bottom:        1rem !important;
}

@media (min-width: 1024px) {
  .hero-property .price, .hero-property p {
    margin-bottom:        1.25rem !important;
  }
}

.hero-property .details-list {
  margin-bottom:        1rem;
  padding-top:        1rem;
}

@media (min-width: 1024px) {
  .hero-property .details-list {
    margin-bottom:        1.25rem;
    padding-top:        1.25rem;
  }
}

.hero-property .image-wrapper {
  position:        relative;
  margin-top:        2.5rem;
}

@media (min-width: 768px) {
  .hero-property .image-wrapper {
    margin-top:        3rem;
  }
}

@media (min-width: 1024px) {
  .hero-property .image-wrapper {
    margin-top:        0px;
  }
}

.hero-property .btn {
  width:        auto;
}

@media not all and (min-width: 1024px) {
  .hero-property .btn {
    min-height:        3rem;
  }
}

@media not all and (min-width: 768px) {
  .hero-property .btn {
    padding-top:        0.75rem;
    padding-bottom:        0.75rem;
  }
}

/* Search Form*/

.search-listings {
  text-align:        left;
  line-height:        24px;
  font-size:        14px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .search-listings, .font-inter.search-listings {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.search-listings {
  border-radius: var(--rounded-lg);
  max-width: 900px;
  /* max-width: var(--content_max_width); */
  box-shadow: 0 20px 24px -11px rgba(0, 0, 0, 0.08);
  background-color: var(--card-fill);
  box-shadow: 0 7px 24px -11px rgba(0, 0, 0, 0.08);
}

.search-listings .col {
  padding-left:        1rem;
  padding-right:        1rem;
}

.search-listings .row {
  margin-left:        -1rem;
  margin-right:        -1rem;
}

.search-listings .search-categories {
  padding: 12px 20px;
  border-bottom: 1px solid var(--border-color);
}

.search-listings .search-categories span{
  display: inline-block;
  vertical-align: middle;
  padding: 8px 16px;
  position: relative;
  cursor: pointer;
  line-height: 1;
}

.search-listings .search-categories span:after {
  border-radius: var(--rounded-sm);
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  height: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.search-listings .search-categories span.active {
  color:        var(--highlight);
}

.search-listings .search-categories span.active:after {
  background-color:        var(--highlight);
}

.search-form-filters-wrapper {
  padding:        1.25rem;
}

.toggle-search-type {
  position: relative;
  display: inline-block;
  background-color: #fff;
  padding: 4px;
  z-index: 0;
  cursor: pointer;
  border: 1px solid var(--border-color);
  margin-bottom:        0.75rem;
  width:        100%;
  border-radius: var(--rounded-md)
}

@media (min-width: 1024px) {
  .toggle-search-type {
    margin-bottom:        0px;
    width:        26.3%;
    min-width:        26.3%;
  }
}

.toggle-search-type:hover {
  background-color: color-mix(in srgb, #fff, black 8%);
}

.toggle-search-type:before {
  background-color:        var(--highlight);
  border-radius: var(--rounded-sm);
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  bottom: 4px;
  width: 49%;
  transition: 0.3s ease all;
  z-index: -1;
}

.toggle-search-type.slide:before {
  left: 50%
}

.toggle-search-type>div {
  display: inline-block;
  padding: 12px;
  width: 49%;
  vertical-align: middle;
  text-align: center
}

.toggle-search-type:not(.slide)>div:first-child {
  color: #fff
}

.toggle-search-type.slide>div:nth-child(2) {
  color: #fff
}

.search-listings .search-location, .search-listings .select2-container--default .select2-selection--multiple {
  position:        relative;
  z-index:        0;
  width:        100%;
  --tw-bg-opacity:        1;
  background-color:        rgb(237 241 246 / var(--tw-bg-opacity, 1));
  border-radius: var(--rounded-md);
  /* lg:w-[53%] */
  border: 1px solid var(--border-color);
  padding: 12px 16px 12px 52px;
  height: 56px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: var(--rounded-md);
}

.search-listings .search-location {
  height:        56px;
  overflow:        hidden;
}

.search-listings .search-location option:first-child{
  padding-top: 50px;
}

.search-listings .search-location + .select2, .search-listings .search-location {
  min-width:        100%;
}

@media (min-width: 1024px) {
  .search-listings .search-location + .select2, .search-listings .search-location {
    margin-left:        0.75rem;
    margin-right:        0.75rem;
    min-width:        52%;
    max-width:        52%;
  }
}

@media not all and (min-width: 1024px) {
  .search-listings .search-location {
    min-width:        0px !important;
  }
}

.search-listings.search-agency .search-location + .select2, .search-listings.search-agency .search-location, .search-listings.search-agent .search-location {
  margin-left:        0px;
}

@media (min-width: 1024px) {
  .search-listings.search-agency .search-location + .select2, .search-listings.search-agency .search-location, .search-listings.search-agent .search-location {
    min-width:        49%;
    max-width:        49%;
  }
}

.search-listings .select2-container--default .select2-selection--multiple {
  margin:        0px;
  width:        100%;
}

.search-listings .search-location:not(.selectize-dropdown):before, .search-listings .select2-container--default .select2-selection--multiple:before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  left: 16px;
  top: 16px;
  background: url(../img/search.svg) center no-repeat;
  background-size: contain;
}

.search-listings .selectize-dropdown .option, .search-location-dropdown .select2-results__option {
  padding: 8px 42px;
  background: url(../img/map-pin.svg) no-repeat;
  background-position: left -30px center;
  background-size: 20px;
  background-origin: content-box;
  position:        relative;
  font-size:        16px;
  line-height:        24px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .search-listings .selectize-dropdown .option, .font-inter.search-listings .selectize-dropdown .option,.font-inter  .search-location-dropdown .select2-results__option, .font-inter .search-location-dropdown .select2-results__option {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.search-listings .selectize-dropdown .option, .search-location-dropdown .select2-results__option {
  border-radius: var(--rounded-md);
}

.search-location-dropdown .select2-results__option span small {
  float:        right;
  margin-top:        0.25rem;
  font-size:        12px;
  line-height:        16px;
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
}

.font-inter .search-location-dropdown .select2-results__option span small, .font-inter.search-location-dropdown .select2-results__option span small {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.search-listings .selectize-dropdown .option:hover, .search-location-dropdown .select2-results__option:hover, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--back-grey)!important;
  --tw-text-opacity:        1 !important;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1)) !important
}

.search-listings .selectize-dropdown .option.selected {
  background-color: #fff;
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.search-listings .selectize-dropdown .option + .option, .search-location-dropdown .select2-results__option + .select2-results__option {
  margin-top: 8px;
}

.search-listings .select2-container .select2-selection--multiple .select2-selection__rendered {
  max-width: 65%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.search-listings .select2-search.select2-search--inline {
  display: inline-block;
  vertical-align: middle;
}

/* .search-listings .select2-search.select2-search--inline::after {
    content: 'Add areas';
    @apply text-hint;
} */

/* .search-listings .selectize-control.single .selectize-input:after, .search-listings .selectize-input.dropdown-active::before {display: none!important;}
.search-listings .selectize-input .item {
    width: 97%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.search-listings .selectize-dropdown {
    box-shadow: 0px 32px 64px -12px rgba(25, 48, 59, 0.14);
    height: auto;
    padding: 0;
    background: #fff;
    position: absolute;
    left: -14px!important;
    margin-top: 28px;
    width: 100.5%!important;
    padding: 8px;
}
.selectize-input>* {
    vertical-align: baseline;
    display: inline-block;
    zoom: 1;
}
.search-listings .selectize-control.single .selectize-input input, .search-listings .selectize-control.single .selectize-input.input-active, .search-listings .selectize-input {
    background: none!important;
    border: none!important;
    box-shadow: none!important;
    padding: 0!important;
    z-index: 0
}
.selectize-control.multi .selectize-input>div, .selectize-control.multi .selectize-input [data-value] {
    @apply w-auto inline-block align-middle px-2 py-1 rounded text-base;
    box-shadow: none;
    text-shadow: none;
    margin: 2px 4px 2px 0;
    border: 1px solid var(--border-color);
    background: #fff;
    line-height: 18px;
}
.selectize-input>input[placeholder] {
    line-height: 30px!important;
} */

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size:        16px;
  line-height:        24px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .select2-container--default .select2-selection--single .select2-selection__rendered, .font-inter.select2-container--default .select2-selection--single .select2-selection__rendered {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  line-height: 36px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  display:        inline-block;
  width:        auto;
  border-radius:        0.25rem;
  padding-top:        0.25rem;
  padding-bottom:        0.25rem;
  padding-left:        0.5rem;
  padding-right:        1.5rem;
  vertical-align:        middle;
  font-size:        16px;
  line-height:        24px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .select2-container--default .select2-selection--multiple .select2-selection__choice, .font-inter.select2-container--default .select2-selection--multiple .select2-selection__choice {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  box-shadow: none;
  text-shadow: none;
  margin: 2px 4px 2px 0;
  border: 1px solid var(--border-color);
  background: #fff;
  line-height: 18px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 0;
  line-height: 18px;
}

.search-listings .selectize-control.single .selectize-input input::-moz-placeholder, .select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder {
  --tw-text-opacity:        1;
  color:        rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.search-listings .selectize-control.single .selectize-input input::placeholder, .select2-container--default .select2-search--inline .select2-search__field::placeholder {
  --tw-text-opacity:        1;
  color:        rgb(148 163 184 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  .search-listings .btn-primary, .search-listings .btn-no-border {
    width:        18%;
  }
}

.selectize-control.plugin-remove_button .item .remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  left:        auto;
  right:        0.25rem;
  top:        0.25rem;
  margin:        0px;
  display:        inline-block;
  height:        18px;
  width:        1rem;
  border-width:        0px;
  padding:        0px;
  text-align:        center;
  vertical-align:        middle;
  font-size:        12px;
  line-height:        16px;
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
}

.font-inter .selectize-control.plugin-remove_button .item .remove, .font-inter.selectize-control.plugin-remove_button .item .remove,.font-inter  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .font-inter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding: 0;
}

/* .selectize-control.plugin-remove_button .item {
    padding-right: 4px!important;
} */

.select2-dropdown, .select2-container--open .select2-dropdown {
  border-radius: var(--rounded-cards);
  box-shadow: 0px 32px 64px -12px rgba(25, 48, 59, 0.14);
  padding: 0;
  border: solid 1px var(--border-color);
  margin-top: 12px;
}

.select2-container--default .select2-results>.select2-results__options {
  padding:        0.5rem;
}

.filter-select, .search-form-filters-wrapper .select2-container--default .select2-selection--single, .calculator-section .select2-container--default .select2-selection--single, .get-alerts-form-wrapper select, .get-alerts-form-wrapper .select2-container--default .select2-selection--multiple {
  border-radius: var(--rounded-md);
  background: #fff;
  border: 1px solid var(--border-color);
  padding: 10px 16px;
  font-size: 16px;
  line-height: 36px;
  height: 56px;
  display: block;
}

.filter-select:hover, .search-form-filters-wrapper .select2-container--default .select2-selection--single:hover {
  background-color: color-mix(in srgb, #fff, black 8%);
}

.search-listings .select2, .search-listings select {
  /* Simple Selects */
  min-width: 142px;
  max-width: 142px
}

@media not all and (min-width: 1024px) {
  .search-listings .select2, .search-listings select {
    margin-bottom:        0.75rem;
  }
}

@media (min-width: 1024px) {
  .search-listings .select2, .search-listings select {
    margin-left:        0.5rem;
  }

  .search-listings .btn-no-border {
    margin-left:        0.5rem;
  }
}

.search-listings .property-type, .search-listings .property-type + .select2 {
  /* Simple First Select */
}

@media (min-width: 1024px) {
  .search-listings .property-type, .search-listings .property-type + .select2 {
    margin-left:        0px;
    min-width:        26.3%;
    max-width:        26.3%;
  }
}

.search-listings.search-agency .property-type, .search-listings.search-agency .property-type + .select2, .search-listings.search-agent .property-type, .search-listings.search-agent .property-type + .select2 {
  min-width:        100% !important;
  max-width:        100% !important;
}

@media (min-width: 1024px) {
  .search-listings.search-agency .property-type, .search-listings.search-agency .property-type + .select2, .search-listings.search-agent .property-type, .search-listings.search-agent .property-type + .select2 {
    min-width:        49% !important;
    max-width:        49% !important;
  }
}

.search-listings .select2-container--default .select2-selection--single .select2-selection__arrow, .filters .select2-container--default .select2-selection--single .select2-selection__arrow, .calculator-section .select2-container--default .select2-selection--single .select2-selection__arrow, .get-alerts-form-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  right:        1rem;
  top:        22px;
  height:        1rem;
  width:        1rem;
  background: url(../img/select-down.svg) center no-repeat;
  background-size: contain;
}

.search-listings .select2-container--default .select2-selection--single .select2-selection__arrow b, .filters .select2-container--default .select2-selection--single .select2-selection__arrow b, .calculator-section .select2-container--default .select2-selection--single .select2-selection__arrow b, .get-alerts-form-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none
}

.select2-container--default .select2-results__option--disabled:first-child {
  display: none
}

.search-listings .btn-no-border {
  padding-left:        1rem;
  padding-right:        1rem;
}

.search-listings .btn-no-border:hover {
  border-color: transparent
}

/* .search-listings .btn-no-border:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/filters.svg) center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px
} */

.search-listings .btn-no-border svg {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-left: 8px
}

.search-listings .btn-no-border svg *{
  stroke: var(--action);
  fill: none;
}

.more-filters-wrapper {
  position:        absolute;
  display:        inline-block;
  height:        0px;
  padding-top:        0.75rem;
  opacity:        0;
}

@media not all and (min-width: 1024px) {
  .more-filters-wrapper {
    padding-bottom:        0.75rem;
  }
}

.more-filters-wrapper.show {
  position:        static;
  height:        auto;
  opacity:        1;
  transition-property:        all;
  transition-duration:        300ms;
  transition-timing-function:        cubic-bezier(0.4, 0, 0.2, 1);
}

.clear-all {
  letter-spacing: 0.16px;
  cursor:        pointer;
  padding-left:        1rem;
  padding-right:        1rem;
  padding-top:        10px;
  padding-bottom:        10px;
  font-weight:        700;
}

@media (min-width: 1024px) {
  .search-listings .clear-all {
    float:        right;
  }
}

.checkbox-filter {
  display:        block;
  vertical-align:        middle;
}

@media (min-width: 768px) {
  .checkbox-filter {
    display:        inline-block;
  }

  .checkbox-filter + .checkbox-filter {
    margin-left:        22px;
  }
}

.checkbox-filter input[type="checkbox"] + label {
  margin-bottom: 0!important;
}

.checkbox-filter input[type="checkbox"] + label:before {
  margin-top: -3px;
}

@media (min-width: 1024px) {
  .mobile-actions {
    display:        none;
  }
}

@media (max-width: 1023.99px) {
  .search-listings .select2, .search-listings select {
    min-width: calc(50% - 6px);
    max-width: calc(50% - 6px);
  }
}

@media (max-width: 767.99px) {
  .search-listings .search-form-filters-wrapper select:first-child, .search-listings .search-form-filters-wrapper select:nth-child(2){
    min-width: 100%;
    max-width: 100%;
  }

  .search-listings .btn-no-border {
    width: auto;
  }
}

.search-listings .mobile-search-categories {
  min-width: auto;
  padding: 10px 0;
  border: none;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.archive-section-search .search-listings {
  background-color: var(--secondary);
}

.archive-section-search .search-listings .search-categories {
  border-bottom: none;
}

.archive-section-search .search-listings .search-categories span {
  color: #fff;
}

.archive-section-search .search-listings .search-categories span:hover:after {
  background: color-mix(in srgb, #fff, black 8%);
}

.archive-section-search .search-listings .search-categories span.active:after {
  background-color: var(--action);
}

.archive-section-search .search-listings .search-form-filters-wrapper {
  border-radius: var(--rounded-lg);
  background-color: var(--card-fill);
}

/* 840px admin view */

html :where(.wp-block) {
  max-width: 1024px;
}

html .wp-admin :where(.editor-styles-wrapper) {
  font-family:        var(--font-body);
}

body.wp-admin {
  padding-top: 0;
}

.wp-admin .btn {
  font-size:        16px;
}

.wp-admin .toggle-search-type>div {
  padding: 12px 8px;
  font-size: 14px;
  width: 80px;
}

.wp-admin .toggle-search-type:before {
  width: 80px;
}

.wp-admin .toggle-search-type.slide:before {
  left: 88px;
}

.wp-admin .editor-sidebar select {
  border-radius: 3px;
}

.wp-admin .editor-sidebar .select2-container.-acf .select2-selection {
  border-radius: 4px;
}

.wp-admin .search-form-filters-wrapper .select2-container--default .select2-selection--multiple {
  border-radius: var(--rounded-md)!important;
}

.search-form-filters-wrapper .select2-container--default .select2-selection--multiple {
  border-radius: var(--rounded-md)!important;
}

.acf-block-component .subtitle {
  /* for admin */
  padding: 0
}

#acf-group_hidden_icon_picker {
  display: none!important;
}

.archive-section-search {
  position:        relative;
  z-index:        0;
  padding-top:        1rem;
  padding-bottom:        1rem;
  background-color: var(--back-grey);
}

.archive-section-search .btn-outline {
  background: var(--back-grey);
}

.archive-section-search:before {
  content: '';
  position:        absolute;
  left:        0px;
  top:        0px;
  z-index:        -10;
  height:        66.666667%;
  width:        100%;
  background-color:        var(--secondary);
}

.agency-search.archive-section-search:before, .agent-search.archive-section-search:before {
  height:        75%;
}

.archive-wrapper {
  padding-top:        1.5rem;
  background-color: var(--back-grey);
}

.archive-wrapper .btn-outline {
  background: var(--back-grey);
}

.archive-wrapper {
  padding-bottom: var(--section_padding_tb)
}

.breadcrumb {
  margin-bottom:        0.75rem;
  gap:        6px;
  padding-top:        0.25rem;
  padding-bottom:        0.25rem;
}

.breadcrumb span, .breadcrumb a {
  font-size:        12px;
  line-height:        16px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .breadcrumb span, .font-inter.breadcrumb span,.font-inter  .breadcrumb a, .font-inter .breadcrumb a {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.breadcrumb span, .breadcrumb a  {
  display: inline-block;
  vertical-align: middle
}

.breadcrumb * + *:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url(../img/chevron-right.svg) center no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 2px;
}

.breadcrumb span:last-child {
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
}

.archive-wrapper .breadcrumb {
  display:        none;
}

@media (min-width: 1024px) {
  .archive-wrapper .breadcrumb {
    display:        block;
  }
}

.archive-wrapper h1 {
  margin-bottom:        1.5rem;
  font-size:        24px;
  line-height:        32px;
}

.font-inter .archive-wrapper h1, .font-inter.archive-wrapper h1 {
  0:        3;
  1:        2;
  2:        p;
  3:        x;
  font-size:        24px;
}

@media (min-width: 768px) {
  .archive-wrapper h1 {
    font-size:        32px;
  }
}

@media (min-width: 1024px) {
  .archive-wrapper h1 {
    font-size:        36px;
  }
}

select {
  border-radius: var(--rounded-md);
  background: #fff;
  border: 1px solid var(--border-color);
  padding: 10px 16px;
  font-size: 15px;
}

@media (min-width: 1024px) {
  .filters select {
    min-width:        210px;
  }
}

.filters .select2-container--default .select2-selection--single {
  height:        auto;
  border-radius: var(--rounded-md);
  background: #fff;
  border: 1px solid var(--border-color);
  padding: 10px 16px;
  font-size: 15px;
}

.filters select:hover, .filters .select2-container--default .select2-selection--single:hover{
  background: color-mix(in srgb, #fff, black 8%);
}

.filters .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.33;
}

.filters .select2-container--default .select2-selection--single .select2-selection__arrow {
  top:        0.75rem;
}

@media (max-width: 1023.99px) {
  .filters select {
    border-style:        none;
    background-color:        transparent;
    padding-top:        6px;
    padding-bottom:        6px;
    padding-left:        0.5rem;
    padding-right:        0.5rem;
  }
}

.filters .results {
  font-size:        12px;
  line-height:        16px;
}

.font-inter .filters .results, .font-inter.filters .results {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.btn-outline.border-gray {
  border-color: var(--border-color);
}

.listings-post {
  display:        block;
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-radius: var(--rounded-cards);
}

@media (min-width: 768px) {
  .listings-post {
    display:        flex;
  }
}

.listings-post {
  border: solid 1px var(--border-color);
  margin-bottom: var(--grid_gap);
  overflow: hidden;
  min-height: 248px;
}

.listings-post:hover {
  border-color:        var(--primary);
}

.style-box .listings-post {
  margin-bottom:        0px;
  display:        block;
  height:        100%;
}

@media (min-width: 768px) {
  .style-box .listings-post {
    display:        flex;
  }
}

@media (min-width: 1024px) {
  .style-box .listings-post {
    display:        block;
  }
}

.style-box .col {
  margin-bottom: var(--grid_gap);
}

.listings-post .image-wrapper {
  position:        relative;
  z-index:        0;
  height:        224px;
  width:        100%;
  --tw-bg-opacity:        1;
  background-color:        rgb(226 232 240 / var(--tw-bg-opacity, 1));
  background-size:        cover;
  background-position:        center;
  background-repeat:        no-repeat;
}

@media (min-width: 768px) {
  .listings-post .image-wrapper {
    height:        auto;
    width:        42%;
  }
}

.style-box .listings-post .image-wrapper {
  height:        224px;
  width:        100%;
}

@media (min-width: 768px) {
  .style-box .listings-post .image-wrapper {
    height:        auto;
    width:        42%;
  }
}

@media (min-width: 1024px) {
  .style-box .listings-post .image-wrapper {
    height:        224px;
    width:        100%;
  }
}

.listings-post .image-wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.41));
  z-index: 1;
}

.listings-post .image-wrapper > a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  cursor: pointer;
}

.listings-post .image-wrapper .tag-wrapper, .hero-property .tag-wrapper {
  position:        absolute;
  top:        0.5rem;
  left:        0.5rem;
  z-index: 2;
}

.listings-post .image-wrapper .tag-wrapper.bottom-tags, .hero-property .tag-wrapper.bottom-tags {
  top:        auto;
  bottom:        0.5rem;
}

.hero-property .tag-wrapper {
  top:        1rem;
  left:        1rem;
}

.tag-wrapper span, .tag-wrapper a {
  display:        inline-block;
  --tw-bg-opacity:        1;
  background-color:        rgb(90 63 255 / var(--tw-bg-opacity, 1));
  padding-left:        0.5rem;
  padding-right:        0.5rem;
  padding-top:        0.25rem;
  padding-bottom:        0.25rem;
  vertical-align:        middle;
  font-size:        12px;
  line-height:        16px;
  font-weight:        700;
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.font-inter .tag-wrapper span, .font-inter.tag-wrapper span,.font-inter  .tag-wrapper a, .font-inter .tag-wrapper a {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.tag-wrapper span, .tag-wrapper a {
  border-radius: var(--rounded-sm);
}

.tag-wrapper.top-tags span, .tag-wrapper.top-tags a {
  font-size: 15px;
  padding: 6px 12px;
}

.hero-property .tag-wrapper span, .hero-property .tag-wrapper a {
  padding-left:        0.75rem;
  padding-right:        0.75rem;
  padding-top:        6px;
  padding-bottom:        6px;
  font-size: 15px;
  font-weight: bold;
}

.tag-wrapper > * + * {
  margin-left: 4px;
}

.tag-wrapper .featured-tag {
  background-color:        var(--secondary);
}

.tag-wrapper .orange-tag {
  --tw-bg-opacity:        1;
  background-color:        rgb(241 118 15 / var(--tw-bg-opacity, 1));
}

.tag-wrapper .green-tag {
  --tw-bg-opacity:        1;
  background-color:        rgb(3 169 159 / var(--tw-bg-opacity, 1));
}

.tag-wrapper .blue-tag {
  --tw-bg-opacity:        1;
  background-color:        rgb(36 103 252 / var(--tw-bg-opacity, 1));
}

.tag-wrapper .red-tag {
  --tw-bg-opacity:        1;
  background-color:        rgb(255 39 75 / var(--tw-bg-opacity, 1));
}

.tag-wrapper .white-tag {
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.tag-wrapper .yellow-tag {
  --tw-bg-opacity:        1;
  background-color:        rgb(255 223 39 / var(--tw-bg-opacity, 1));
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.tag-wrapper .secondary-tag {
  background-color:        var(--secondary);
}

.listings-post .content-wrapper {
  width:        100%;
}

@media (min-width: 768px) {
  .listings-post .content-wrapper {
    width:        60%;
  }
}

.listings-post .content-wrapper {
  padding: 20px 24px;
}

.listings-post .content-wrapper .listing-link {
  font-size:        16px !important;
  line-height:        24px !important;
  --tw-text-opacity:        1 !important;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1)) !important;
}

.font-inter .listings-post .content-wrapper .listing-link, .font-inter.listings-post .content-wrapper .listing-link {
  0:        2 !important;
  1:        4 !important;
  2:        p !important;
  3:        x !important;
  font-size:        16px !important;
}

.listings-post .content-wrapper .listing-link:hover {
  text-decoration: none;
}

.style-box .listings-post .content-wrapper {
  width:        100%;
}

@media (min-width: 768px) {
  .style-box .listings-post .content-wrapper {
    width:        60%;
  }
}

@media (min-width: 1024px) {
  .style-box .listings-post .content-wrapper {
    width:        100%;
  }
}

.listings-post .content-wrapper p, .hero-property p {
  font-size: 15px;
}

.wishlist {
  width: 40px;
  display: block;
  float: right;
  text-align: center;
}

.wishlist svg {
  display:        inline-block;
  height:        1.5rem;
  width:        1.5rem;
}

.wishlist svg * {
  fill: var(--action);
}

.wishlist svg:last-child, .wishlist.active svg:first-child {
  display:        none;
}

.wishlist.active svg:last-child {
  display:        inline-block;
}

.listings-post .content-wrapper .price, .hero-property .price {
  display:        block;
  font-size:        24px;
  line-height:        32px;
  font-weight:        700;
}

.font-inter .listings-post .content-wrapper .price, .font-inter.listings-post .content-wrapper .price,.font-inter  .hero-property .price, .font-inter .hero-property .price {
  0:        3;
  1:        2;
  2:        p;
  3:        x;
  font-size:        24px;
}

.listings-post .content-wrapper .price, .hero-property .price {
  font-family: var(--font-titles);
  margin-bottom: var(--content_gap);
  font-size: 28px;
  color: var(--link-txt);
  margin-bottom: 10px;
}

.style-box .listings-post .content-wrapper .price {
  font-size:        20px;
  line-height:        24px;
}

.font-inter .style-box .listings-post .content-wrapper .price, .font-inter.style-box .listings-post .content-wrapper .price {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        20px;
}

.style-box .listings-post .content-wrapper .price {
  font-family: var(--font-titles);
  margin-bottom: var(--content_gap);
  line-height: 1.32;
  margin-bottom: 16px;
}

.listings-post .content-wrapper .small-title, .hero-property .small-title {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1.5;
}

.details-list {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 12px;
  display: block;
  padding-top: 14px;
}

.details-list span + span {
  margin-left: 6px;
}

.details-list span::before {
  margin-right: 6px;
}

.icon-bedroom:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url(../img/bedroom.svg) no-repeat center
}

.icon-bathroom:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url(../img/bathroom.svg) no-repeat center
}

.icon-car:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url(../img/car.svg) no-repeat center
}

.icon-erf:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url(../img/erf-size.svg) no-repeat center
}

.icon-property-size:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: url(../img/property-size.svg) no-repeat center
}

.share-buttons, .sidebar-account-actions, .side-form {
  margin-bottom: 16px;
  width: 100%;
}

.share-buttons {
  display: flex
}

.share-buttons a {
  display:        inline-block;
  padding:        0.5rem;
  text-align:        center;
  vertical-align:        middle;
  font-size:        12px;
  line-height:        16px;
}

.font-inter .share-buttons a, .font-inter.share-buttons a {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.share-buttons a {
  border-radius: var(--rounded-md);
  width: 25%;
  border: 1px solid var(--border-color);
  color: var(--link-txt);
}

.share-buttons a + a {
  margin-left: 8px
}

.share-buttons svg {
  margin-left:        auto;
  margin-right:        auto;
  margin-bottom:        0.25rem;
  display:        block;
  height:        1.5rem;
  width:        1.5rem;
}

.share-buttons svg * {
  fill: var(--link-txt);
}

.sidebar-listing .share-buttons a {
  width: 33%;
}

.icon-pdf {
  margin-left:        auto;
  margin-right:        auto;
  margin-bottom:        0.25rem;
  display:        block;
  height:        1.5rem;
  width:        1.5rem;
  background: url(../img/pdf.png) no-repeat center;
  background-size: contain;
}

.icon-print {
  margin-left:        auto;
  margin-right:        auto;
  margin-bottom:        0.25rem;
  display:        block;
  height:        1.5rem;
  width:        1.5rem;
  background: url(../img/print.svg)  no-repeat center;
  background-size: contain;
}

.icon-email {
  margin-left:        auto;
  margin-right:        auto;
  margin-bottom:        0.25rem;
  display:        block;
  height:        1.5rem;
  width:        1.5rem;
  background: url(../img/email.svg)  no-repeat center;
  background-size: contain;
}

.icon-share {
  margin-left:        auto;
  margin-right:        auto;
  margin-bottom:        0.25rem;
  display:        block;
  height:        1.5rem;
  width:        1.5rem;
  background: url(../img/share.svg)  no-repeat center;
  background-size: contain;
}

.sidebar-account-actions a {
  position:        relative;
  display:        inline-block;
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:        0.75rem;
  padding-left:        4rem;
  line-height:        24px;
  font-size:        15px;
  font-weight:        700;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .sidebar-account-actions a, .font-inter.sidebar-account-actions a {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.sidebar-account-actions a {
  border-radius: var(--rounded-md);
}

@media (min-width: 1024px) {
  .sidebar-account-actions a {
    font-size:        12px;
  }
}

@media (min-width: 1280px) {
  .sidebar-account-actions a {
    font-size:        15px;
  }
}

.sidebar-account-actions a{
  width: calc(50% - 7px);
  border: 1px solid var(--border-color)
}

.sidebar-account-actions a:hover {
  text-decoration: none;
  background: color-mix(in srgb, #fff, black 8%);
}

.icon-alert {
  background: url(../img/bell.svg) center no-repeat;
}

.icon-heart {
  background: url(../img/heart.svg) center no-repeat;
}

.sidebar-account-actions a span {
  position:        absolute;
  left:        0.75rem;
  top:        50%;
  z-index:        0;
  margin-right:        0.75rem;
  display:        inline-block;
  height:        2.5rem;
  width:        2.5rem;
  --tw-translate-y:        -50%;
  transform:        translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius:        9999px;
  padding:        0.5rem;
}

.sidebar-account-actions a span:before {
  position:        absolute;
  left:        0px;
  top:        0px;
  z-index:        -10;
  height:        100%;
  width:        100%;
  border-radius:        9999px;
  opacity: 0.08;
  background: var(--action);
  content: '';
}

.sidebar-account-actions a span svg {
  height:        1.5rem;
  width:        1.5rem;
}

.sidebar-account-actions a span svg * {
  fill: var(--action);
}

.sidebar-account-actions a + a {
  margin-left: 8px
}

@media (max-width: 767.98px) {
  .sidebar-account-actions a{
    width: 100%;
  }

  .sidebar-account-actions a + a{
    margin-top: 8px;
    margin-left: 0;
  }

  .sidebar-listing {
    display: flex;
    flex-wrap: wrap;
  }

  .side-form {
    order: -1;
  }

  .share-buttons {
    margin-bottom: 0;
  }
}

.sidebar-contact-box {
  display:        none;
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:        1.5rem;
  border-radius: var(--rounded-cards);
}

@media (min-width: 768px) {
  .sidebar-contact-box {
    display:        block;
  }
}

.sidebar-contact-box {
  border: 1px solid var(--border-color);
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.sidebar-contact-box h5 {
  margin-bottom:        1rem;
  font-weight:        700;
}

.show-phone {
  font-size:        12px;
  line-height:        16px;
  font-weight:        700;
}

.font-inter .show-phone, .font-inter.show-phone {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.show-phone svg {
  display:        inline-block;
  height:        1rem;
  width:        1rem;
  margin-right: 8px;
  vertical-align: middle;
}

.show-phone svg * {
  fill: var(--link-txt);
}

.show-phone:hover svg * {
  fill: color-mix(in srgb, var(--link-txt), black 8%);
}

.side-form, .get-alerts-form-wrapper {
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:        1.5rem;
  border-radius: var(--rounded-cards);
}

@media (min-width: 768px) {
  .side-form, .get-alerts-form-wrapper {
    border-top-left-radius:        0px;
    border-top-right-radius:        0px;
  }
}

.side-form, .get-alerts-form-wrapper {
  border: 1px solid var(--border-color);
  font-size: 15px;
}

.side-form input, .side-form textarea, .get-alerts-form-wrapper input, .piotnetforms-field-container input, .piotnetforms-field-container select, .piotnetforms-field-container textarea {
  margin-bottom:        0.75rem;
  width:        100%;
  padding-top:        0.75rem;
  padding-bottom:        0.75rem;
  padding-left:        1rem;
  padding-right:        1rem;
  border-radius: var(--rounded-md);
  border: 1px solid var(--border-color);
}

.side-form input::-moz-placeholder, .side-form textarea::-moz-placeholder, .get-alerts-form-wrapper input::-moz-placeholder, .get-alerts-form-wrapper textarea::-moz-placeholder, .piotnetforms-field-container input::-moz-placeholder, .piotnetforms-field-container textarea::-moz-placeholder {
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
  opacity: 1;
}

.side-form input::placeholder, .side-form textarea::placeholder, .get-alerts-form-wrapper input::placeholder, .get-alerts-form-wrapper textarea::placeholder, .piotnetforms-field-container input::placeholder, .piotnetforms-field-container textarea::placeholder {
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
  opacity: 1;
}

.side-form textarea, .piotnetforms-field-container textarea{
  border-radius: var(--rounded-textarea);
  height: 118px;
  resize: none;
}

.side-form textarea::-webkit-scrollbar-thumb, .piotnetforms-field-container textarea::-webkit-scrollbar-thumb {
  /* background-color: var(--back-grey); */
  border-radius: var(--rounded-sm)
}

.side-form textarea::-webkit-scrollbar, .piotnetforms-field-container textarea::-webkit-scrollbar {
  /* background-color: #fff; */
  width:6px
}

.side-form input[type="checkbox"], .checkbox-filter input[type="checkbox"], .get-alerts-form-wrapper input[type="checkbox"], .piotnetforms-field-container input[type="checkbox"], .piotnetforms-field-container input[type="radio"] {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
}

.side-form input[type="checkbox"] + label, .checkbox-filter input[type="checkbox"] + label, .get-alerts-form-wrapper input[type="checkbox"] + label, .piotnetforms-field-container input[type="checkbox"] + label, .piotnetforms-field-container input[type="radio"] + label {
  display: block;
  position: relative;
  padding: 10px;
  margin-bottom: 12px
}

.side-form input[type="checkbox"] + label:before, .checkbox-filter input[type="checkbox"] + label:before, .get-alerts-form-wrapper input[type="checkbox"] + label:before, .piotnetforms-field-container input[type="checkbox"] + label:before, .piotnetforms-field-container input[type="radio"] + label:before {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: transparent
}

.side-form input[type="checkbox"]:checked + label:before, .checkbox-filter input[type="checkbox"]:checked + label:before, .get-alerts-form-wrapper input[type="checkbox"]:checked + label:before, .piotnetforms-field-container input[type="checkbox"]:checked + label:before, .piotnetforms-field-container input[type="radio"]:checked + label:before {
  background: var(--link-txt);
}

.side-form .privacy-policy, .get-alerts-form-wrapper .privacy-policy {
  font-size: 12px;
  display: block;
  margin-bottom: 12px;
}

.side-form input[type="checkbox"] + label[for="captcha"], .get-alerts-form-wrapper input[type="checkbox"] + label[for="captcha"] {
  --tw-bg-opacity:        1;
  background-color:        rgb(246 249 252 / var(--tw-bg-opacity, 1));
  border-radius: var(--rounded-md);
  padding: 12px 18px;
}

.side-form .btn, .get-alerts-form-wrapper .btn {
  width:        100%;
}

/* Listing Single page */

.single-listing-wrapper {
  /* border-top: 1px solid var(--border-color); */
  padding-top:        1rem;
}

@media (min-width: 1024px) {
  .single-listing-wrapper {
    padding-top:        2rem;
  }
}

.back-to-results {
  padding-top:        0.5rem;
  padding-bottom:        0.5rem;
  font-weight:        700;
  letter-spacing: 0.14px;
  color: var(--link-txt);
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  margin-bottom:        1rem;
}

@media (min-width: 1024px) {
  .back-to-results {
    margin-bottom:        1.5rem;
  }
}

.back-to-results svg{
  width: 16px;
  height: 16px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
}

.back-to-results svg * {
  fill: var(--link-txt);
}

.back-to-results:hover svg * {
  fill: color-mix(in srgb, var(--link-txt), black 8%);
}

.single-listing-wrapper .breadcrumb {
  display: inline-block;
  border-left: 1px solid var(--border-color);
  padding-left: 16px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
  margin-bottom:        1rem;
  display:        none;
}

@media (min-width: 1024px) {
  .single-listing-wrapper .breadcrumb {
    margin-bottom:        1.5rem;
    display:        inline-block;
  }
}

.thumbnails-wrapper {
  border-radius: var(--rounded-lg);
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: var(--container_flex_gap);
}

.thumbnails-wrapper .featured-1, .thumbnails-wrapper .featured-2, .thumbnails-wrapper .featured-3 {
  cursor:        pointer;
  background-size:        cover;
  background-position:        center;
  background-repeat:        no-repeat;
}

.thumbnails-wrapper .featured-1 {
  height:        236px;
  width:        100%;
  --tw-bg-opacity:        1;
  background-color:        rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px) {
  .thumbnails-wrapper .featured-1 {
    height:        440px;
  }
}

@media (min-width: 1024px) {
  .thumbnails-wrapper .featured-1 {
    height:        576px;
    width:        66.666667%;
  }
}

.thumbnails-wrapper .featured-2 {
  margin-bottom:        0.5rem;
  --tw-bg-opacity:        1;
  background-color:        rgb(226 232 240 / var(--tw-bg-opacity, 1));
  height: 284px;
}

.thumbnails-wrapper .featured-3 {
  --tw-bg-opacity:        1;
  background-color:        rgb(226 232 240 / var(--tw-bg-opacity, 1));
  height: 284px;
}

.thumbnails-wrapper .count {
  position:        absolute;
  bottom:        1rem;
  right:        1rem;
  --tw-bg-opacity:        1;
  background-color:        rgb(0 0 0 / var(--tw-bg-opacity, 1));
  text-align:        center;
  font-size:        12px;
  line-height:        16px;
  font-weight:        700;
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity:        0.7;
}

.font-inter .thumbnails-wrapper .count, .font-inter.thumbnails-wrapper .count {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.thumbnails-wrapper .count {
  border-radius: var(--rounded-sm);
  padding: 6px;
  z-index: 1;
  min-width: 45px;
}

.thumbnails-wrapper .tag-wrapper {
  position:        absolute;
  top:        1rem;
  left:        1rem;
  z-index: 1;
}

.thumbnails-wrapper .tag-wrapper.bottom-tags {
  top:        auto;
  bottom:        1rem;
}

.thumbnails-wrapper .tag-wrapper span, .thumbnails-wrapper .tag-wrapper a {
  padding-top:        0.25rem;
  padding-bottom:        0.25rem;
  padding-left:        0.5rem;
  padding-right:        0.5rem;
  font-size:        15px;
}

@media (min-width: 1024px) {
  .thumbnails-wrapper .tag-wrapper span, .thumbnails-wrapper .tag-wrapper a {
    padding-top:        6px;
    padding-bottom:        6px;
    padding-left:        0.75rem;
    padding-right:        0.75rem;
  }
}

.thumbnails-wrapper .tag-wrapper span, .thumbnails-wrapper .tag-wrapper a {
  line-height: 20px
}

.single-listing-wrapper .price {
  display:        block;
  font-weight:        700;
  font-size:        40px;
  line-height:        44px;
}

.font-inter .single-listing-wrapper .price, .font-inter.single-listing-wrapper .price {
  0:        4;
  1:        4;
  2:        p;
  3:        x;
  font-size:        40px;
}

.single-listing-wrapper .price {
  font-family: var(--font-titles);
}

@media (min-width: 768px) {
  .single-listing-wrapper .price {
    font-size:        48px;
    line-height:        52px;
  }

  .font-inter .single-listing-wrapper .price,.single-listing-wrapper .price .font-inter {
    0:        5;
    1:        2;
    2:        p;
    3:        x;
    font-size:        48px;
  }
}

.single-listing-wrapper .price {
  margin-bottom: var(--content_gap);
}

@media (min-width: 768px) {
  .single-listing-wrapper .price {
    font-size:        32px;
  }
}

@media (min-width: 1024px) {
  .single-listing-wrapper .price {
    font-size:        44px;
  }
}

.single-listing-wrapper .price {
  color: var(--link-txt);
  line-height: 1.2;
  margin-bottom: 16px;
}

.single-listing-wrapper h1 {
  font-size:        24px;
  line-height:        32px;
  font-weight:        700;
}

.font-inter .single-listing-wrapper h1, .font-inter.single-listing-wrapper h1 {
  0:        3;
  1:        2;
  2:        p;
  3:        x;
  font-size:        24px;
}

.single-listing-wrapper h1 {
  font-family: var(--font-titles);
  margin-bottom: var(--content_gap);
}

@media (min-width: 1024px) {
  .single-listing-wrapper h1 {
    font-size:        28px;
  }
}

.single-listing-wrapper h1 {
  margin-bottom: 16px;
}

.single-listing-wrapper .address {
  margin-bottom:        0px;
  color: var(--link-txt);
}

.single-listing-wrapper .details-list {
  margin-bottom: var(--content_gap)
}

.financial-actions {
  margin-bottom:        2.5rem;
}

.financial-actions a {
  font-size: 14px;
  font-weight: bold;
  display:        block
}

@media (min-width: 768px) {
  .financial-actions a {
    display:        inline-block;
  }
}

.financial-actions a + a {
  margin-top:        0.5rem;
  margin-left:        0px !important;
}

@media (min-width: 768px) {
  .financial-actions a + a {
    margin-left:        0.5rem;
    margin-top:        0px;
  }
}

.financial-actions a span {
  margin-right: 6px;
  margin-top: -4px
}

.financial-actions a svg {
  margin-right: 6px;
  margin-top: -4px;
  display:        inline-block;
  height:        1rem;
  width:        1rem;
  vertical-align:        middle;
}

.financial-actions a svg *{
  fill: var(--action);
}

/* Change Assumptions */

.repayment-years .years-input::-webkit-outer-spin-button, .repayment-interest .interest-input::-webkit-outer-spin-button,
.repayment-years .years-input::-webkit-inner-spin-button, .repayment-interest .interest-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.repayment-years .years-input, .repayment-interest .interest-input {
  -moz-appearance: textfield;
  display: inline-block;
  width: 50px;
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid var(--border-color);
  vertical-align: middle;
}

/* .icon-calculator {
    @apply w-4 h-4 inline-block align-middle;
    background: url(../img/calculator.svg) center no-repeat
}
.icon-cost {
    @apply w-4 h-4 inline-block align-middle;
    background: url(../img/cost.svg) center no-repeat;
    background-position: 7% center;
}
.icon-converter {
    @apply w-4 h-4 inline-block align-middle;
    background: url(../img/converter.svg) center no-repeat
} */

.financial-actions .btn-outline {
  border-color: var(--border-color)
}

.single-listing-wrapper .content {
  margin-bottom: 40px;
}

.single-listing-wrapper .content h5, .single-listing-wrapper .property-details h5 {
  margin-bottom:        1rem;
  font-weight:        700;
}

.property-details-title {
  margin-bottom:        1rem;
  font-weight:        700;
  font-size:        20px;
  line-height:        24px;
}

.font-inter .property-details-title, .font-inter.property-details-title {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        20px;
}

.property-details-title {
  font-family: var(--font-titles);
  margin-bottom: var(--content_gap);
}

.single-listing-wrapper .content p {
  margin-bottom:        1rem;
  font-size: 15px;
  line-height: 1.6;
}

.single-listing-wrapper .content .tagline {
  margin-bottom:        1rem;
  font-size:        20px;
  line-height:        24px;
  font-weight:        700;
}

.font-inter .single-listing-wrapper .content .tagline, .font-inter.single-listing-wrapper .content .tagline {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        20px;
}

.listing-details-list {
  margin-bottom:        2.5rem;
  list-style-type:        none;
}

@media (min-width: 768px) {
  .listing-details-list {
    -moz-columns:        2;
         columns:        2;
  }
}

.listing-details-list {
  -moz-column-gap: var(--container_flex_gap);
       column-gap: var(--container_flex_gap);
  font-size: 15px;
}

.listing-details-list li span {
  font-weight: bold;
  float: right;
}

.listing-details-list.square-boxes li span, .listing-details-list.bool-circles li span {
  position:        relative;
  height:        1.5rem;
  width:        1.5rem;
  border-radius:        0.25rem;
  padding:        6px;
  text-align:        center;
  font-size:        12px;
  line-height:        16px;
  font-weight:        400;
  line-height:        1;
}

.font-inter .listing-details-list.square-boxes li span, .font-inter.listing-details-list.square-boxes li span,.font-inter  .listing-details-list.bool-circles li span, .font-inter .listing-details-list.bool-circles li span {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.listing-details-list.square-boxes li span, .listing-details-list.bool-circles li span {
  color: var(--link-txt);
}

.listing-details-list.square-boxes li span:before, .listing-details-list.bool-circles li span:before {
  position:        absolute;
  left:        0px;
  top:        0px;
  z-index:        -10;
  height:        100%;
  width:        100%;
  border-radius:        0.25rem;
  opacity: 0.08;
  background: var(--action);
  content: '';
}

.listing-details-list.bool-circles li span, .listing-details-list.bool-circles li span:before {
  border-radius:        9999px;
}

/* .listing-details-list.bool-circles li span.yes{
    background: url(../img/check-blue.png) center no-repeat;
    background-size: 12px 8px;
} */

.listing-details-list.bool-circles li span svg *{
  fill: var(--action);
}

.listing-details-list li {
  position:        relative;
  margin-left:        2.5rem;
  padding-top:        10px;
  padding-bottom:        10px;
  border-bottom: solid 1px var(--border-color);
}

.listing-details-list li > svg {
  position:        absolute;
  top:        0.5rem;
  left:        -2.5rem;
  display:        inline-block;
  height:        1.5rem;
  width:        1.5rem;
}

.listing-details-list li > svg * {
  fill:        #1E2839;
}

.property-details iframe {
  margin-bottom:        2.5rem;
  height:        auto;
  width:        100%;
  overflow:        hidden;
  border-radius: var(--rounded-menu);
}

@media (min-width: 1024px) {
  .property-details iframe {
    min-height:        400px;
  }
}

/* .listing-details-list li::before{
    content: '';
    @apply w-6 h-6 absolute top-2 -left-10;
} */

/* .listing-details-list li.erf-size::before{
    background: url(../img/erf-size-black.svg) center no-repeat;
}
.listing-details-list li.floor-size::before{
    background: url(../img/property-size-black.svg) center no-repeat;
}
.listing-details-list li.rates-taxes::before{
    background: url(../img/rates.png) center no-repeat;
    background-size: contain;
}
.listing-details-list li.levies::before{
    background: url(../img/levies.png) center no-repeat;
    background-size: contain;
}
.listing-details-list li.bedrooms::before{
    background: url(../img/bedroom-black.svg) center no-repeat;
}
.listing-details-list li.reception-rooms::before, .listing-details-list li.furnished::before {
    background: url(../img/reception-rooms.png) center no-repeat;
    background-size: contain;
}
.listing-details-list li.bathrooms::before{
    background: url(../img/bathroom-black.svg) center no-repeat;
}
.listing-details-list li.kitchens::before{
    background: url(../img/kitchen.png) center no-repeat;
    background-size: contain;
}
.listing-details-list li.garages::before{
    background: url(../img/garages.svg) center no-repeat;
}
.listing-details-list li.parking-spaces::before{
    background: url(../img/parking.svg) center no-repeat;
}
.listing-details-list li.flatlet::before{
    background: url(../img/flatlet.svg) center no-repeat;
}
.listing-details-list li.study::before{
    background: url(../img/study.svg) center no-repeat;
}
.listing-details-list li.garden::before{
    background: url(../img/garden.svg) center no-repeat;
}
.listing-details-list li.pet-friendly::before{
    background: url(../img/pet-friendly.svg) center no-repeat;
}
.listing-details-list li.pool::before{
    background: url(../img/pool.svg) center no-repeat;
}
.listing-details-list li.solar::before{
    background: url(../img/solar.svg) center no-repeat;
}
.listing-details-list li.borehole::before{
    background: url(../img/borehole.svg) center no-repeat;
} */

.listing-agents {
  border: 1px solid var(--border-color);
  margin-bottom:        2rem;
  overflow:        hidden;
  opacity:        0.9;
  border-radius: var(--rounded-lg);
}

@media (min-width: 1024px) {
  .listing-agents {
    margin-bottom:        0px;
    display:        flex;
    flex-wrap:        wrap;
  }
}

.listing-agent-item {
  padding: 24px;
  /*var(--card_padding);*/
  padding-left: calc( 24px + 72px + 16px);
  /*var(--card_padding)*/
  position: relative;
}

@media (min-width: 1024px) {
  .listing-agent-item {
    width:        50%;
  }

  .sidebar-listing .listing-agent-item {
    width:        100%;
  }
}

.listing-agents .listing-agent-item:nth-child(2n) {
  border-left: 1px solid var(--border-color)
}

@media (max-width: 1023.99px) {
  .listing-agents .listing-agent-item:nth-child(2n) {
    border-left: none;
    border-top: 1px solid var(--border-color)
  }
}

.listing-agent-item .image-wrapper {
  position:        absolute;
  height:        72px;
  width:        72px;
  overflow:        hidden;
  border-radius:        9999px;
  text-align:        center;
  line-height:        70px;
  background-color: var(--back-grey);
}

.listing-agent-item .image-wrapper .btn-outline {
  background: var(--back-grey);
}

.listing-agent-item .image-wrapper {
  border: 1px solid var(--border-color);
  left: 24px;
  top: 24px;
}

.listing-agent-item .image-wrapper svg {
  display:        inline-block;
  height:        2.5rem;
  width:        2.5rem;
}

.listing-agent-item .image-wrapper svg * {
  fill: var(--action);
}

.listing-agent-item .agent-name {
  margin-bottom:        0.5rem;
  display:        block;
  font-weight:        700;
}

.listing-agent-item p {
  margin-bottom:        1rem;
  font-size:        12px;
  line-height:        16px;
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
}

.font-inter .listing-agent-item p, .font-inter.listing-agent-item p {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.listing-agent-item .show-phone:first-child {
  margin-bottom:        0.5rem;
}

@media (min-width: 768px) {
  .listing-agent-item .show-phone:first-child {
    margin-right:        1rem;
    margin-bottom:        0px;
  }
}

.listing-agent-item .show-phone + .show-phone {
  margin-left: 0;
}

.listing-agent-item .show-phone svg {
  margin-right:        0.5rem;
  display:        inline-block;
  height:        1rem;
  width:        1rem;
  vertical-align:        middle;
}

/* .show-number:before {
    content: '';
    @apply w-4 h-4 inline-block mr-2 align-middle;
    background: url(../img/phone.svg)
}
.whatsapp:before {
    content: '';
    @apply w-4 h-4 inline-block mr-2 align-middle;
    background: url(../img/whatsapp.svg)
} */

.listing-agent-item .btn-outline {
  font-size: 14px;
  padding: 8px 12px;
  min-height: 32px;
  min-width: 117px;
  border-radius: var(--rounded-sm);
}

@media (min-width: 768px) {
  @media not all and (min-width: 1024px) {
    .listing-agent-item .btn-outline {
      float:        right;
      margin-top:        -2.5rem;
    }
  }
}

.sidebar-contact-box .listing-agent-item{
  padding: 0;
  padding-left: calc(56px + 16px);
  min-height: 56px;
}

.sidebar-contact-box .listing-agent-item .image-wrapper {
  width: 56px;
  height: 56px;
  line-height: 54px;
  left: 0;
  top: 0;
}

.sidebar-contact-box .listing-agent-item + .listing-agent-item {
  margin-top: 16px
}

.sidebar-contact-box .listing-agent-item .agent-name {
  padding-top: 3px;
  margin-bottom: 4px
}

.pagination {
  text-align: center;
  margin-bottom: 24px;
  width: 100%;
}

.pagination > span, .pagination > a {
  position:        relative;
  z-index:        0;
  margin-left:        0.25rem;
  margin-right:        0.25rem;
  display:        inline-block;
  min-width:        2.5rem;
  overflow:        hidden;
  padding:        10px;
  text-align:        center;
  vertical-align:        middle;
  border-radius: var(--rounded-md);
}

@media (min-width: 768px) {
  .pagination > span, .pagination > a {
    min-width:        56px;
    padding:        1rem;
  }
}

.pagination > span, .pagination > a {
  border: 1px solid var(--border-color);
  color: var(--link-txt);
}

.pagination .current:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.08;
  background-color: var(--action);
}

.pagination .inactive {
  opacity: 0.5;
}

.pagination .next, .pagination .prev {
  margin-left:        0px;
  margin-right:        0px;
}

@media not all and (min-width: 768px) {
  .pagination .next, .pagination .prev {
    border-width:        0px;
  }
}

@media (min-width: 768px) {
  .pagination .next, .pagination .prev {
    min-width:        156px;
  }
}

.pagination .next span, .pagination .prev span {
  display:        none;
  vertical-align:        middle;
}

@media (min-width: 768px) {
  .pagination .next span, .pagination .prev span {
    display:        inline-block;
  }
}

@media (max-width: 1230px) and (min-width: 1024px) {
  .pagination .next, .pagination .prev{
    min-width: 140px;
  }
}

.pagination .prev {
  float:        left;
}

.pagination .next {
  float:        right;
}

.pagination svg {
  margin-right:        0.5rem;
  display:        inline-block;
  height:        1.5rem;
  width:        1.5rem;
  vertical-align:        middle;
}

.pagination .next svg {
  margin-right:        0px;
  margin-left:        0.5rem;
}

.pagination svg * {
  fill: var(--link-txt);
}

@media (max-width: 767.98px) {
  .cards-list-wrapper.card-columns-1 .card-item .card-item-icon {
    position: relative;
    left: 0;
    display: block;
    top: 0;
  }

  .cards-list-wrapper.card-columns-1 .card-item {
    padding-left: var(--card_padding);
  }
}

@media (min-width: 1024px) {
  .area-profile-sidebar {
    padding-top:        2.5rem;
  }
}

.news-categories {
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:        1.5rem;
  border-radius: var(--rounded-cards);
  border: 1px solid var(--border-color);
}

.area-profile-sidebar .news-categories {
  border-style:        none;
  background-color:        transparent;
  padding:        0px;
}

.news-categories .sidebar-title {
  font-size:        20px;
  line-height:        24px;
}

.font-inter .news-categories .sidebar-title, .font-inter.news-categories .sidebar-title {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        20px;
}

.news-categories .sidebar-title {
  font-family: var(--font-titles);
  margin-bottom: var(--content_gap);
  margin-bottom: 16px;
  font-weight: bold;
}

.news-categories ul {
  list-style-type: none;
  margin-bottom: 0;
}

.news-categories ul li {
  display: block;
  padding: 12px 0;
  border-top: 1px solid var(--border-color)
}

.area-profile-sidebar .news-categories ul li {
  border-top: none;
  border-bottom: 1px solid var(--border-color)
}

.blog-post {
  display:        block;
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-radius: var(--rounded-cards);
}

@media (min-width: 768px) {
  .blog-post {
    display:        flex;
  }
}

.blog-post {
  border: solid 1px var(--border-color);
  margin-bottom: var(--grid_gap);
  overflow: hidden;
  min-height: 256px;
}

.blog-post:hover {
  border-color:        var(--primary);
}

.blog-post .image-wrapper {
  z-index:        0;
  display:        block;
  height:        224px;
  width:        100%;
  --tw-bg-opacity:        1;
  background-color:        rgb(226 232 240 / var(--tw-bg-opacity, 1));
  background-size:        cover;
  background-position:        center;
  background-repeat:        no-repeat;
}

@media (min-width: 768px) {
  .blog-post .image-wrapper {
    height:        auto;
    width:        33.333333%;
  }
}

.blog-post .content-wrapper {
  width:        100%;
}

@media (min-width: 768px) {
  .blog-post .content-wrapper {
    width:        66.666667%;
  }
}

.blog-post .content-wrapper {
  padding: 20px 24px;
}

.blog-post .content-wrapper .btn {
  min-width: auto;
  font-size: 14px;
  font-weight: bold;
  color: var(--link-txt);
  border-color: var(--border-color);
  background-color: #fff;
}

.category-wrapper span, .category-wrapper a {
  display:        inline-block;
  padding-left:        0.5rem;
  padding-right:        0.5rem;
  padding-top:        0.25rem;
  padding-bottom:        0.25rem;
  vertical-align:        middle;
  font-size:        12px;
  line-height:        16px;
  font-weight:        700;
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
}

.font-inter .category-wrapper span, .font-inter.category-wrapper span,.font-inter  .category-wrapper a, .font-inter .category-wrapper a {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.category-wrapper span, .category-wrapper a {
  border-radius: var(--rounded-sm);
  background: rgba(107, 122, 142, 0.08);
  /* gray-500 + opacity 0.08*/
}

.area-profile .category-wrapper {
  margin-bottom:        1rem;
  display:        block;
}

.area-profile .category-wrapper a {
  color:        var(--primary);
  background-color: color-mix(in srgb, #fff, var(--primary) 8%);
}

.category-wrapper > * + * {
  margin-left: 4px;
}

.blog-post .posted-on, .single-blog-wrapper .posted-on {
  margin-left:        0.5rem;
  display:        inline-block;
  vertical-align:        middle;
  font-size:        12px;
  line-height:        16px;
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
}

.font-inter .blog-post .posted-on, .font-inter.blog-post .posted-on,.font-inter  .single-blog-wrapper .posted-on, .font-inter .single-blog-wrapper .posted-on {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.blog-post h3, .blog-post h2 {
  padding-top:        0.5rem;
  color: var(--link-txt);
  font-size: 28px;
  line-height: 1.32;
  font-weight: bold;
  margin-bottom: 8px;
}

@media not all and (min-width: 768px) {
  .blog-post h3 {
    min-height:        120px;
  }
}

.blog-post h3, .blog-post h3 a {
  color:        var(--highlight);
}

.blog-post h2, .blog-post h2 a{
  color: var(--link-txt);
}

.blog-post p {
  margin-bottom:        1rem;
}

.blog-post a:hover {
  text-decoration: none;
}

.style-box .blog-post {
  margin-bottom:        0px;
  display:        block;
  height:        100%;
}

.style-box .blog-post .image-wrapper {
  height:        224px;
  width:        100%;
}

.style-box .blog-post .content-wrapper {
  width:        100%;
}

.latest-news .style-box, .featured-properties .style-box, .wishlist-listings-wrapper .style-box {
  --container_flex_gap: 20px;
}

.latest-news .style-box .col {
  margin-bottom: var(--grid_gap);
}

.latest-news .style-box .btn {
  display: none;
}

@media (max-width: 1023.98px) {
  .latest-news .style-box {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .latest-news .style-box .col {
    display: inline-block;
    vertical-align: bottom;
    white-space: normal;
    width: 45%;
    height: 100%;
  }

  .latest-news .style-box::-webkit-scrollbar{
    display: none;
  }
}

@media (max-width: 767.98px) {
  .latest-news .style-box, .featured-properties .style-box {
    --container_flex_gap: 16px;
  }

  .latest-news .style-box .col {
    width: 85%;
  }

  .featured-properties .style-box {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .featured-properties .style-box .col {
    display: inline-block;
    vertical-align: bottom;
    white-space: normal;
    width: 85%;
  }

  .featured-properties .style-box::-webkit-scrollbar{
    display: none;
  }
}

.single-blog-wrapper {
  /* border-top: 1px solid var(--border-color); */
  padding-top:        2rem;
}

@media (min-width: 768px) {
  .single-blog-wrapper {
    padding-top:        2.5rem;
  }
}

@media (min-width: 1024px) {
  .single-blog-wrapper {
    padding-top:        6rem;
  }
}

.single-blog-wrapper .back-to-results {
  margin-bottom:        0.5rem;
}

.single-blog-wrapper .breadcrumb {
  display: inline-block;
  border-left: 1px solid var(--border-color);
  padding-left: 16px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
  margin-bottom:        0.5rem;
}

.single-blog-wrapper h1 {
  font-size:        36px;
}

@media not all and (min-width: 768px) {
  .single-blog-wrapper h1 {
    margin-bottom:        1.5rem;
  }
}

@media (min-width: 768px) {
  .single-blog-wrapper h1 {
    font-size:        48px;
  }
}

@media (min-width: 1024px) {
  .single-blog-wrapper h1 {
    font-size:        56px;
  }
}

.single-blog-wrapper h1 {
  line-height: 1.2;
}

.single-blog-wrapper .content-wrapper {
  padding-top:        2rem;
}

@media (min-width: 768px) {
  .single-blog-wrapper .content-wrapper {
    padding-top:        2.5rem;
  }
}

@media (min-width: 1024px) {
  .single-blog-wrapper .content-wrapper {
    padding-top:        6rem;
  }
}

.single-blog-wrapper .image-wrapper {
  margin-bottom:        1.5rem;
}

.news-sidebar .share-buttons a {
  width: 33%;
  margin-bottom: 16px;
}

.share-buttons a:hover {
  background-color: color-mix(in srgb, #fff, var(--link-txt) 8%);
}

.alert {
  position:        relative;
  z-index:        0;
  margin-bottom:        1.5rem;
  overflow:        hidden;
  padding:        1rem;
  padding-left:        3.5rem;
  border-radius: var(--rounded-cards);
  border: 1px solid var(--primary);
}

.alert:before {
  position:        absolute;
  left:        1rem;
  top:        1rem;
  height:        1.5rem;
  width:        1.5rem;
  border-radius:        9999px;
  background-color:        var(--primary);
  text-align:        center;
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
  font-family: var(--font-titles);
  content: '!';
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
}

.alert:after {
  content: '';
  position:        absolute;
  left:        0px;
  top:        0px;
  z-index:        -10;
  height:        100%;
  width:        100%;
  background-color:        var(--primary);
  opacity: 0.08;
}

.alert h3 {
  margin-bottom:        0.25rem;
  font-weight:        700;
  font-size: 15px;
}

.alert p {
  margin-bottom: 0;
  font-size: 13px;
}

.glightbox-clean .post-title {
  position:        absolute;
  top:        1.5rem;
  left:        2rem;
  display:        none;
  max-width:        40%;
  font-weight:        700;
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
  font-family: var(--font-titles);
}

@media (min-width: 1024px) {
  .glightbox-clean .post-title {
    display:        block;
  }
}

.glightbox-clean .lightbox-pagination {
  position:        absolute;
  left:        1rem;
  top:        1.5rem;
  width:        2.5rem;
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  .glightbox-clean .lightbox-pagination {
    left:        50%;
    margin-left:        -1.25rem;
  }
}

.glightbox-clean .gclose {
  right:        1rem;
  top:        1.5rem;
  display:        block;
  height:        auto;
  width:        auto;
  font-weight:        700;
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity:        1;
}

@media (min-width: 768px) {
  .glightbox-clean .gclose {
    right:        2rem;
  }
}

.glightbox-clean .gclose svg {
  margin-left:        0.5rem;
  display:        inline-block;
  height:        0.75rem;
  width:        0.75rem;
}

.glightbox-container .gslider {
  top:        4rem;
}

@media (min-width: 768px) {
  .glightbox-container .gslider {
    top:        5rem;
  }
}

.glightbox-container .gslider {
  max-height: 85vh;
}

.glightbox-clean .gslide-media, .gslide-image img {
  max-height: 80vh!important;
}

.glightbox-clean .gslide-description {
  background: transparent;
}

.glightbox-clean .gdesc-inner {
  padding: 16px 0 0;
  text-align: center;
}

.glightbox-clean .gslide-title {
  font-size: 13px!important;
  font-weight: normal;
  color: #fff;
  margin: 0;
}

/* .glightbox-mobile .glightbox-container .gslide-description {
    position: static;
    max-height: 60px;
    padding: 0px;
    height: 60px !important;
} */

.reversed-main-title {
  margin-top:        2rem;
  margin-bottom:        2rem;
  font-size:        28px;
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.reversed-main-title .subtitle {
  --tw-text-opacity:        1;
  color:        rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .reversed-main-title {
    font-size:        32px;
  }
}

@media (min-width: 1024px) {
  .reversed-main-title {
    font-size:        36px;
  }
}

.agency-post {
  position:        relative;
  z-index:        0;
  border-radius: var(--rounded-lg);
  background: var(--card-fill);
  padding: var(--card_padding);
  border: 1px solid var(--border-color);
  box-shadow: 0 20px 24px -11px rgba(0, 0, 0, 0.08);
  height: 100%;
}

.icon-style .agency-post .card-item-icon {
  border-radius: var(--rounded-md);
  width: 64px;
  height: 64px;
  line-height: 40px;
  display: inline-block;
  padding: 12px;
  margin-bottom: var(--content_gap);
  position: relative;
  z-index: 0;
}

.icon-style .agency-post .card-item-icon:before {
  position:        absolute;
  left:        0px;
  top:        0px;
  z-index:        -10;
  height:        100%;
  width:        100%;
  border-radius:        9999px;
  opacity: 0.08;
  background: var(--action);
  content: '';
}

.agency-post .card-item-icon svg,.agency-post .card-item-icon svg * {
  fill: var(--action);
}

.icon-style .agency-post .card-item-icon img {
  display: inline-block;
}

.icon-style .agency-post .card-item-icon.centered-image {
  height:        auto;
  width:        100%;
  background-color:        transparent;
}

.icon-style .agency-post .card-item-icon.centered-image:before {
  display:        none;
}

.image-style .agency-post .card-item-icon{
  height: 240px;
  min-width: 220px;
  overflow: hidden;
  border-top-left-radius: var(--rounded-lg);
  border-top-right-radius: var(--rounded-lg);
  margin-bottom: var(--content_gap);
  display: block;
  margin-top: calc(-1 * var(--card_padding));
  margin-left: calc(-1 * var(--card_padding));
  margin-right: calc(-1 * var(--card_padding));
}

.image-style .agency-post .card-item-image {
  display:        block;
  height:        100%;
  width:        100%;
  background-size: cover;
  background-position: center;
}

.agency-post h3 {
  font-size:        24px;
  line-height:        32px;
  font-weight:        700;
}

.font-inter .agency-post h3, .font-inter.agency-post h3 {
  0:        3;
  1:        2;
  2:        p;
  3:        x;
  font-size:        24px;
}

.agency-post h3 {
  font-family: var(--font-titles);
  margin-bottom: var(--content_gap);
  margin-bottom: var(--text_gap);
  line-height: 1.3;
}

.agency-post p {
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
  margin-bottom: var(--text_gap);
}

.icon-style .cards-list-wrapper.card-columns-1 .agency-post {
  position: relative;
  padding-left: calc(var(--card_padding) + 64px + var(--content_gap));
  /* calc( card_padding + w-icon + content_gap) */
}

.icon-style .cards-list-wrapper.card-columns-1 .agency-post .card-item-icon {
  position: absolute;
  top: var(--card_padding);
  left: var(--card_padding);
}

@media (min-width: 768px) {
  .image-style .cards-list-wrapper.card-columns-1 .agency-post {
    position: relative;
    padding-left: calc(var(--card_padding) + 220px + var(--content_gap));
    /* calc( card_padding + w-icon + content_gap) */
  }

  .image-style .cards-list-wrapper.card-columns-1 .agency-post .card-item-icon {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    max-height: 100%;
    border-top-left-radius: var(--rounded-lg);
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-lg);
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .icon-style .cards-list-wrapper.card-columns-3 .agency-post {
    position: relative;
    padding-left: calc(var(--card_padding) + 64px + var(--content_gap));
    /* calc( card_padding + w-icon + content_gap) */
    text-align: left;
  }

  .icon-style .cards-list-wrapper.card-columns-3 .agency-post .card-item-icon {
    position: absolute;
    top: var(--card_padding);
    left: var(--card_padding);
  }

  .image-style .cards-list-wrapper.card-columns-3 .agency-post {
    position: relative;
    padding-left: calc(var(--card_padding) + 220px + var(--content_gap));
    /* calc( card_padding + w-icon + content_gap) */
    text-align: left;
  }

  .image-style .cards-list-wrapper.card-columns-3 .agency-post .card-item-icon {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    max-height: 100%;
    border-top-left-radius: var(--rounded-lg);
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-lg);
  }
}

@media (max-width: 767.98px) {
  .cards-list-wrapper.card-columns-1 .agency-post .card-item-icon {
    position: relative;
    left: 0;
    display: block;
    top: 0;
  }

  .cards-list-wrapper.card-columns-1 .agency-post {
    padding-left: var(--card_padding);
  }
}

.agency-post {
  padding-left: calc( var(--card_padding) + 64px + 32px);
  min-height: 277px;
}

.agency-post:hover {
  border-color:        var(--primary);
}

.agency-post .image-wrapper {
  position:        absolute;
  z-index:        0;
  height:        4rem;
  width:        4rem;
  overflow:        hidden;
  border-radius:        9999px;
  text-align:        center;
  border: 1px solid var(--border-color);
  left: var(--card_padding);
  top: var(--card_padding);
  line-height: 58px;
}

.agency-post .image-wrapper img {
  display:        inline-block;
  height:        auto;
  max-height:        100%;
  max-width:        100%;
}

.agency-post .image-wrapper svg {
  display:        inline-block;
  height:        2.5rem;
  width:        2.5rem;
}

.agency-post .image-wrapper svg * {
  fill: var(--action);
}

.agency-post .image-wrapper:before {
  position:        absolute;
  left:        0px;
  top:        0px;
  z-index:        -10;
  height:        100%;
  width:        100%;
  border-radius:        9999px;
  opacity: 0.08;
  background: var(--action);
  content: '';
}

.agency-post .agent-name {
  font-size: 28px;
  line-height: 1.32;
  font-weight: bold;
}

.agency-post p {
  margin-bottom:        0.5rem;
  font-size:        16px;
  line-height:        24px;
  font-weight:        700;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .agency-post p, .font-inter.agency-post p {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.narrow-spaces {
  --container_flex_gap: 20px

}

.search-agent .search-location input {
  width:        100%;
  background-color:        transparent;
  line-height: 30px;
}

@media not all and (min-width: 768px) {
  .search-agent .search-location {
    margin-bottom:        0.75rem;
  }
}

.agent-post {
  position:        relative;
  z-index:        0;
  border-radius: var(--rounded-lg);
  background: var(--card-fill);
  padding: var(--card_padding);
  border: 1px solid var(--border-color);
  box-shadow: 0 20px 24px -11px rgba(0, 0, 0, 0.08);
  height: 100%;
}

.icon-style .agent-post .card-item-icon {
  border-radius: var(--rounded-md);
  width: 64px;
  height: 64px;
  line-height: 40px;
  display: inline-block;
  padding: 12px;
  margin-bottom: var(--content_gap);
  position: relative;
  z-index: 0;
}

.icon-style .agent-post .card-item-icon:before {
  position:        absolute;
  left:        0px;
  top:        0px;
  z-index:        -10;
  height:        100%;
  width:        100%;
  border-radius:        9999px;
  opacity: 0.08;
  background: var(--action);
  content: '';
}

.agent-post .card-item-icon svg,.agent-post .card-item-icon svg * {
  fill: var(--action);
}

.icon-style .agent-post .card-item-icon img {
  display: inline-block;
}

.icon-style .agent-post .card-item-icon.centered-image {
  height:        auto;
  width:        100%;
  background-color:        transparent;
}

.icon-style .agent-post .card-item-icon.centered-image:before {
  display:        none;
}

.image-style .agent-post .card-item-icon{
  height: 240px;
  min-width: 220px;
  overflow: hidden;
  border-top-left-radius: var(--rounded-lg);
  border-top-right-radius: var(--rounded-lg);
  margin-bottom: var(--content_gap);
  display: block;
  margin-top: calc(-1 * var(--card_padding));
  margin-left: calc(-1 * var(--card_padding));
  margin-right: calc(-1 * var(--card_padding));
}

.image-style .agent-post .card-item-image {
  display:        block;
  height:        100%;
  width:        100%;
  background-size: cover;
  background-position: center;
}

.agent-post h3 {
  font-size:        24px;
  line-height:        32px;
  font-weight:        700;
}

.font-inter .agent-post h3, .font-inter.agent-post h3 {
  0:        3;
  1:        2;
  2:        p;
  3:        x;
  font-size:        24px;
}

.agent-post h3 {
  font-family: var(--font-titles);
  margin-bottom: var(--content_gap);
  margin-bottom: var(--text_gap);
  line-height: 1.3;
}

.agent-post p {
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
  margin-bottom: var(--text_gap);
}

.icon-style .cards-list-wrapper.card-columns-1 .agent-post {
  position: relative;
  padding-left: calc(var(--card_padding) + 64px + var(--content_gap));
  /* calc( card_padding + w-icon + content_gap) */
}

.icon-style .cards-list-wrapper.card-columns-1 .agent-post .card-item-icon {
  position: absolute;
  top: var(--card_padding);
  left: var(--card_padding);
}

@media (min-width: 768px) {
  .image-style .cards-list-wrapper.card-columns-1 .agent-post {
    position: relative;
    padding-left: calc(var(--card_padding) + 220px + var(--content_gap));
    /* calc( card_padding + w-icon + content_gap) */
  }

  .image-style .cards-list-wrapper.card-columns-1 .agent-post .card-item-icon {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    max-height: 100%;
    border-top-left-radius: var(--rounded-lg);
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-lg);
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .icon-style .cards-list-wrapper.card-columns-3 .agent-post {
    position: relative;
    padding-left: calc(var(--card_padding) + 64px + var(--content_gap));
    /* calc( card_padding + w-icon + content_gap) */
    text-align: left;
  }

  .icon-style .cards-list-wrapper.card-columns-3 .agent-post .card-item-icon {
    position: absolute;
    top: var(--card_padding);
    left: var(--card_padding);
  }

  .image-style .cards-list-wrapper.card-columns-3 .agent-post {
    position: relative;
    padding-left: calc(var(--card_padding) + 220px + var(--content_gap));
    /* calc( card_padding + w-icon + content_gap) */
    text-align: left;
  }

  .image-style .cards-list-wrapper.card-columns-3 .agent-post .card-item-icon {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    max-height: 100%;
    border-top-left-radius: var(--rounded-lg);
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-lg);
  }
}

@media (max-width: 767.98px) {
  .cards-list-wrapper.card-columns-1 .agent-post .card-item-icon {
    position: relative;
    left: 0;
    display: block;
    top: 0;
  }

  .cards-list-wrapper.card-columns-1 .agent-post {
    padding-left: var(--card_padding);
  }
}

.agent-post {
  padding-left: calc( var(--card_padding) + 64px + 32px);
  min-height: 277px;
}

.agent-post:hover {
  border-color:        var(--primary);
}

.agent-post .image-wrapper {
  position:        absolute;
  z-index:        0;
  height:        4rem;
  width:        4rem;
  overflow:        hidden;
  border-radius:        9999px;
  text-align:        center;
  border: 1px solid var(--border-color);
  left: var(--card_padding);
  top: var(--card_padding);
  line-height: 58px;
}

.agent-post .image-wrapper img {
  display:        inline-block;
  height:        auto;
  max-height:        100%;
  max-width:        100%;
}

.agent-post .image-wrapper svg {
  display:        inline-block;
  height:        2.5rem;
  width:        2.5rem;
}

.agent-post .image-wrapper svg * {
  fill: var(--action);
}

.agent-post .image-wrapper:before {
  position:        absolute;
  left:        0px;
  top:        0px;
  z-index:        -10;
  height:        100%;
  width:        100%;
  border-radius:        9999px;
  opacity: 0.08;
  background: var(--action);
  content: '';
}

.agent-post .agent-name {
  font-size: 28px;
  line-height: 1.32;
  font-weight: bold;
}

.agent-post p {
  margin-bottom:        0.5rem;
  font-size:        16px;
  line-height:        24px;
  font-weight:        700;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .agent-post p, .font-inter.agent-post p {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.single-agent-wrapper .agent-post {
  margin-bottom:        2.5rem;
  height:        auto;
}

.agent-post {
  padding-left: calc( var(--card_padding) + 128px + 32px);
}

.agent-post .image-wrapper {
  height:        8rem;
  width:        8rem;
  border-style:        none;
  line-height: 128px;
}

.agent-post .image-wrapper svg {
  display:        inline-block;
  height:        2.5rem;
  width:        2.5rem;
}

.agent-post .image-wrapper svg * {
  fill: var(--action);
}

.agent-post .agent-name {
  margin-bottom: 0;
  line-height: 1.32;
  font-weight: 700;
}

.agent-post .agent-name + p {
  margin-top:        1.25rem;
}

.agent-post .agent-phone {
  font-size:        16px;
  line-height:        24px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .agent-post .agent-phone, .font-inter.agent-post .agent-phone {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.agent-post .read-more {
  margin-top: 20px;
}

@media (max-width: 1023.99px) {
  .agent-post {
    padding: var(--card_padding);
  }

  .agent-post .image-wrapper {
    position: relative;
    margin-bottom: 24px;
    top: 0;
    left: 0;
    display: block;
  }
}

.single-agent-wrapper, .single-agency-wrapper {
  /* border-top: 1px solid var(--border-color); */
  padding-top:        1rem;
}

@media (min-width: 1024px) {
  .single-agent-wrapper, .single-agency-wrapper {
    padding-top:        2rem;
  }
}

.single-agent-wrapper .back-to-results, .single-agency-wrapper .back-to-results {
  margin-bottom:        1rem;
}

@media (min-width: 768px) {
  .single-agent-wrapper .back-to-results, .single-agency-wrapper .back-to-results {
    margin-bottom:        2rem;
  }
}

@media (min-width: 1024px) {
  .single-agent-wrapper .back-to-results, .single-agency-wrapper .back-to-results {
    margin-bottom:        3rem;
  }
}

.single-agent-wrapper .breadcrumb {
  border-left: 1px solid var(--border-color);
  padding-left: 16px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
  display:        none
}

@media (min-width: 1024px) {
  .single-agent-wrapper .breadcrumb {
    margin-bottom:        3rem;
    display:        inline-block;
  }
}

.single-agent-wrapper .agent-post {
  margin-bottom:        2.5rem;
  height:        auto;
  border-style:        none;
  padding-top:        0px;
  padding-bottom:        0px;
  padding-right:        0px;
}

@media not all and (min-width: 768px) {
  .single-agent-wrapper .agent-post {
    text-align:        center;
  }
}

.single-agent-wrapper .agent-post {
  padding-left: calc(160px + 40px);
  box-shadow: none;
}

.single-agent-wrapper .agent-post .image-wrapper {
  top:        0px;
  left:        0px;
  height:        10rem;
  width:        10rem;
  line-height: 160px;
}

.single-agent-wrapper .agent-post h1 {
  margin-bottom:        0px;
}

.single-agent-wrapper .agent-post .subtitle {
  margin-bottom:        0px;
  margin-top:        0px;
  line-height: 1.6;
}

.agent-contact-details {
  margin-bottom:        1.25rem;
  margin-top:        1.25rem;
}

.agent-contact-details li {
  margin-bottom:        0.5rem;
  display:        block;
}

.agent-contact-details li a {
  font-size:        16px;
  line-height:        24px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .agent-contact-details li a, .font-inter.agent-contact-details li a {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.agent-contact-details li:last-child {
  margin-bottom:        0px;
}

.agent-contact-details svg {
  margin-right:        1rem;
  display:        inline-block;
  height:        1.25rem;
  width:        1.25rem;
  vertical-align:        middle;
}

.agent-contact-details svg *{
  fill: var(--link-txt);
}

.agent-social a {
  display:        inline-block;
  vertical-align:        middle;
}

.agent-social a + a {
  margin-left:        1.5rem;
}

.agent-social a svg {
  height:        1.25rem;
  width:        1.25rem;
}

.agent-social svg *{
  fill: var(--link-txt);
}

.single-agent-wrapper .agency-post {
  margin-bottom:        2.5rem;
  height:        auto;
}

.single-agent-wrapper .content-wrapper h2 {
  font-size: 28px;
  line-height: 37px;
  font-weight: bold;
  margin-bottom: 16px;
}

.single-agent-wrapper .the-content {
  margin-bottom:        2.5rem;
  font-size:        15px;
}

.single-agent-wrapper .style-box, .single-agency-wrapper .style-box {
  --container_flex_gap: 16px;
}

.single-agent-wrapper .side-form, .single-agency-wrapper .side-form {
  border-radius: var(--rounded-cards);
}

.single-agent-wrapper .side-form .sidebar-title, .single-agency-wrapper .side-form .sidebar-title {
  font-size:        32px;
  font-family: var(--font-titles);
}

@media (min-width: 768px) {
  .single-agent-wrapper .side-form .sidebar-title, .single-agency-wrapper .side-form .sidebar-title {
    font-size:        44px;
  }
}

.single-agent-wrapper .side-form .sidebar-title, .single-agency-wrapper .side-form .sidebar-title {
  margin-bottom: var(--content_gap);
  line-height: 1.2;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}

@media (max-width: 767.99px) {
  .single-agent-wrapper .agent-post {
    display:        flex;
    flex-wrap:        wrap;
    padding-left: 0;
  }

  .single-agent-wrapper .agent-post .image-wrapper {
    margin-left:        auto;
    margin-right:        auto;
  }

  .single-agent-wrapper .agent-post > * {
    width:        100%;
  }

  .agent-contact-details {
    order:        3;
    width:        100%;
    padding:        1rem;
    text-align:        left;
    border-radius: var(--rounded-cards);
    border: 1px solid var(--border-color);
  }

  .agent-social {
    margin-bottom:        1.5rem;
  }
}

.agent-sidebar .side-form .row, .agency-sidebar .side-form .row {
  --container_flex_gap: 8;
}

.agent-sidebar .side-form .row label, .agency-sidebar .side-form .row label {
  margin-bottom:        0.25rem;
}

.agent-sidebar .share-buttons a, .agency-sidebar .share-buttons a {
  width: 33%
}

.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}

.acf-map img {
  max-width: inherit !important;
}

.agency-contact-details {
  margin-bottom:        1.25rem;
}

.agency-contact-details li {
  position:        relative;
  margin-bottom:        0.5rem;
  display:        block;
  padding-left:        2.25rem;
}

.agency-contact-details li a {
  font-size:        16px;
  line-height:        24px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .agency-contact-details li a, .font-inter.agency-contact-details li a {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.agency-contact-details li:last-child {
  margin-bottom:        0px;
}

.agency-contact-details svg {
  position:        absolute;
  left:        0px;
  top:        0px;
  margin-right:        1rem;
  display:        inline-block;
  height:        1.25rem;
  width:        1.25rem;
  vertical-align:        middle;
}

.agency-contact-details svg *{
  fill: var(--link-txt);
}

.agency-social {
  margin-bottom:        2.5rem;
}

.agency-social a {
  display:        inline-block;
  vertical-align:        middle;
}

.agency-social a + a {
  margin-left:        1.5rem;
}

.agency-social a svg {
  height:        1.25rem;
  width:        1.25rem;
}

.agency-social svg *{
  fill: var(--link-txt);
}

.single-agency-wrapper .the-content {
  margin-top:        2.5rem;
  margin-bottom:        2.5rem;
  font-size:        15px;
}

.agency-tabs {
  margin-top:        2.5rem;
}

.agency-tabs .tab-header {
  margin-bottom:        2.5rem;
  padding: 12px 20px;
  border-bottom: 1px solid var(--border-color);
}

.agency-tabs .tab-header a {
  font-size:        16px !important;
  line-height:        24px !important;
  --tw-text-opacity:        1 !important;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1)) !important;
}

.font-inter .agency-tabs .tab-header a, .font-inter.agency-tabs .tab-header a {
  0:        2 !important;
  1:        4 !important;
  2:        p !important;
  3:        x !important;
  font-size:        16px !important;
}

.agency-tabs .tab-header a{
  display: inline-block;
  vertical-align: middle;
  padding: 8px 16px;
  position: relative;
  line-height: 1!important;
}

.agency-tabs .tab-header a:after {
  border-radius: var(--rounded-sm);
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  height: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.agency-tabs .tab-header a.active:after{
  background-color: var(--action);
}

.agency-tabs .tab-pane {
  display: none;
}

.agency-tabs .tab-pane.active {
  display: block;
}

.agency-tabs .agent-post {
  padding-left: var(--card_padding);
}

.agency-tabs .agent-post .image-wrapper {
  position:        relative;
  top:        0px;
  left:        0px;
  margin-bottom:        2rem;
  display:        block;
}

/* Calculator Tabs*/

.container > .calculator-section > .container {
  padding-left:        0px;
  padding-right:        0px;
}

.calculator-section .calculator-tabs-wrapper {
  padding-top:        0.75rem;
  padding-bottom:        0.75rem;
  border-bottom: 1px solid var(--border-color);
}

.calculator-section .calculator-tabs-wrapper span{
  display: inline-block;
  vertical-align: middle;
  padding: 8px 16px;
  position: relative;
  cursor: pointer;
  line-height: 1;
}

.calculator-section .calculator-tabs-wrapper span:after {
  border-radius: var(--rounded-sm);
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  height: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.calculator-section .calculator-tabs-wrapper span.active:after {
  background-color: var(--action);
}

.calculator-section .calculator-tabs-wrapper span:hover:after{
  background: color-mix(in srgb, #fff, black 8%);
}

.calculator-form-wrapper {
  padding-top:        1rem;
}

@media (min-width: 768px) {
  .calculator-form-wrapper {
    padding-top:        2rem;
  }
}

.calculator-form-wrapper h3 {
  margin-bottom:        2rem;
  font-size:        28px;
}

@media (min-width: 768px) {
  .calculator-form-wrapper h3 {
    margin-bottom:        3rem;
    font-size:        32px;
  }
}

@media (min-width: 1024px) {
  .calculator-form-wrapper h3 {
    font-size:        36px;
  }
}

.calculator-form-wrapper h3 {
  line-height: 1.2;
  font-weight: bold;
}

.calculator-form-wrapper .form-entries {
  margin-bottom:        1.5rem;
}

@media (min-width: 1024px) {
  .calculator-form-wrapper .form-entries {
    margin-bottom:        0px;
  }
}

.calculator-form-wrapper .form-entries .row{
  --container_flex_gap: 24px;
}

.calculator-form label {
  margin-bottom:        0.5rem;
  display:        block;
  font-size:        12px;
  line-height:        16px;
  font-weight:        700;
}

.font-inter .calculator-form label, .font-inter.calculator-form label {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

.calculator-form .input-wrapper, .calculator-select, .calculator-section .select2-container--default .select2-selection--single, .get-alerts-form-wrapper .select2-container--default .select2-selection--single, .get-alerts-form-wrapper select, .get-alerts-form-wrapper .select2-container--default .select2-selection--multiple, .mobile-calculator-tabs-wrapper .mobile-search-categories {
  margin-bottom:        0.75rem;
  display:        block;
  height:        auto;
  height:        3rem;
  min-height:        3rem;
  width:        100%;
  padding-top:        0.75rem;
  padding-bottom:        0.75rem;
  padding-left:        1rem;
  padding-right:        1rem;
  line-height:        1.3;
  border-radius: var(--rounded-md);
  border: 1px solid var(--border-color);
}

.calculator-form .input-wrapper input::-webkit-outer-spin-button,
.calculator-form .input-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.calculator-form .input-wrapper input {
  -moz-appearance: textfield;
  display:        inline-block;
  max-width:        85%;
  border-width:        0px;
  vertical-align:        middle;
  line-height:        1.3;
}

.calculator-form .input-wrapper input::-moz-placeholder {
  font-size:        16px;
  line-height:        24px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.calculator-form .input-wrapper input::placeholder {
  font-size:        16px;
  line-height:        24px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .calculator-form .input-wrapper input::-moz-placeholder, .calculator-form .input-wrapper input .font-inter::-moz-placeholder {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.font-inter .calculator-form .input-wrapper input::placeholder,.calculator-form .input-wrapper input .font-inter::placeholder {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.calculator-form .input-wrapper input.calculator-interest-rate {
  max-width: 50px;
}

.calculator-form .input-wrapper input:hover, .calculator-form .input-wrapper input:active, .calculator-form .input-wrapper input:focus {
  outline: none;
  box-shadow: none;
}

.calculator-form .select2-container {
  width:        100% !important;
}

.calculator-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 25px;
}

.calculator-form .calculator-results {
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-radius: var(--rounded-cards);
  border: 1px solid var(--border-color);
  padding: var(--card_padding);
  box-shadow: 0 20px 24px -11px rgba(0, 0, 0, 0.08);
}

@media not all and (min-width: 1024px) {
  .calculator-form .calculator-results {
    margin-bottom:        2rem;
    padding:        1.5rem;
  }
}

.calculator-form .calculator-results .primary-result {
  padding-left:        1rem;
  padding-right:        1rem;
  padding-top:        0.5rem;
  padding-bottom:        0.5rem;
  background-color: color-mix(in srgb, #fff, var(--highlight) 8%);
}

.calculator-form .calculator-results .result {
  padding-left:        1rem;
  padding-right:        1rem;
  padding-top:        0.75rem;
  padding-bottom:        0.75rem;
  border-bottom: 1px solid var(--border-color);
}

.calculator-form .calculator-results .primary-result > span, .calculator-form .calculator-results .result > span {
  display:        block;
}

.calculator-form .calculator-results .primary-result strong {
  font-size:        36px;
  line-height:        1.22;
}

.calculator-form .calculator-results .result strong {
  font-size:        18px;
  line-height:        1.5;
}

.calculator-form .calculator-results .share-buttons {
  margin-top:        1.25rem;
  margin-bottom:        0px;
}

.calculator-form .result-group {
  margin-top:        0.5rem;
}

.calculator-form .result-group .result-item {
  display:        flex;
  align-items:        center;
  justify-content:        space-between;
  padding-left:        1rem;
  padding-right:        1rem;
  padding-top:        0.25rem;
  padding-bottom:        0.25rem;
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
  border-bottom: 1px solid var(--border-color);
}

.calculator-form .result-group .result-item > span {
  display:        inline-block;
  width:        66.666667%;
  vertical-align:        middle;
}

.calculator-form .result-group .result-item strong {
  display:        inline-block;
  width:        33.333333%;
  text-align:        right;
  vertical-align:        middle;
}

.calculator-form .result-group .result-item:first-child {
  padding-top:        0.75rem;
  padding-bottom:        0.75rem;
  font-size:        16px;
  line-height:        24px;
  font-weight:        700;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .calculator-form .result-group .result-item:first-child, .font-inter.calculator-form .result-group .result-item:first-child {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

.calculator-form .result-group .result-item:first-child strong {
  font-size:        18px;
}

.calculator-form .calculator-results .share-buttons a {
  width: 33%;
}

.mobile-calculator-tabs-wrapper {
  position:        relative;
}

.mobile-calculator-tabs-wrapper svg {
  position:        absolute;
  left:        1rem;
  top:        0.75rem;
  display:        inline-block;
  height:        1.5rem;
  width:        1.5rem;
  vertical-align: middle;
}

.mobile-calculator-tabs-wrapper .mobile-search-categories {
  padding-left: 52px;
  -webkit-appearance: initial;
}

.mobile-calculator-tabs-wrapper:after {
  pointer-events:        none;
  position:        absolute;
  right:        1rem;
  top:        1rem;
  height:        1rem;
  width:        1rem;
  background: url(../img/select-down.svg) center no-repeat;
  background-size: contain;
  content: '';
  z-index: 1;
}

#map {
  height: 404px;
  margin-bottom:        2.5rem;
  overflow:        hidden;
  border-radius: var(--rounded-menu)
}

.single-blog-wrapper.single-area-profile-wrapper .image-wrapper {
  margin-bottom:        2.5rem;
  height:        160px;
}

@media (min-width: 768px) {
  .single-blog-wrapper.single-area-profile-wrapper .image-wrapper {
    margin-bottom:        3rem;
    height:        280px;
  }
}

@media (min-width: 1024px) {
  .single-blog-wrapper.single-area-profile-wrapper .image-wrapper {
    margin-bottom:        2rem;
    height:        400px;
  }
}

.single-blog-wrapper.single-area-profile-wrapper h1 {
  margin-bottom:        2rem;
}

@media (min-width: 768px) {
  .single-blog-wrapper.single-area-profile-wrapper h1 {
    margin-bottom:        2.5rem;
  }
}

@media (min-width: 1024px) {
  .single-blog-wrapper.single-area-profile-wrapper h1 {
    margin-bottom:        6rem;
  }
}

.single-area-profile-wrapper .map-area {
  margin-bottom:        2.5rem;
}

@media (min-width: 1024px) {
  .single-area-profile-wrapper .map-area {
    margin-bottom:        4rem;
  }
}

.area-profile-sidebar .share-buttons a {
  width: 33%;
}

.piotnetforms {
  margin-bottom: 16px;
  width: 100%;
}

@media (max-width: 767.98px) {
  .piotnetforms {
    order: -1;
  }
}

.piotnetforms {
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding:        1.5rem;
  border-radius: var(--rounded-cards);
}

@media (min-width: 768px) {
  .piotnetforms {
    border-top-left-radius:        0px;
    border-top-right-radius:        0px;
  }
}

.piotnetforms {
  border: 1px solid var(--border-color);
  font-size: 15px;
}

.piotnetforms input,.piotnetforms textarea {
  margin-bottom:        0.75rem;
  width:        100%;
  padding-top:        0.75rem;
  padding-bottom:        0.75rem;
  padding-left:        1rem;
  padding-right:        1rem;
  border-radius: var(--rounded-md);
  border: 1px solid var(--border-color);
}

.piotnetforms input::-moz-placeholder, .piotnetforms textarea::-moz-placeholder {
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
  opacity: 1;
}

.piotnetforms input::placeholder,.piotnetforms textarea::placeholder {
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
  opacity: 1;
}

.piotnetforms textarea{
  border-radius: var(--rounded-textarea);
  height: 118px;
  resize: none;
}

.piotnetforms textarea::-webkit-scrollbar-thumb {
  /* background-color: var(--back-grey); */
  border-radius: var(--rounded-sm)
}

.piotnetforms textarea::-webkit-scrollbar {
  /* background-color: #fff; */
  width:6px
}

.piotnetforms input[type="checkbox"] {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
}

.piotnetforms input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding: 10px;
  margin-bottom: 12px
}

.piotnetforms input[type="checkbox"] + label:before {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background: transparent
}

.piotnetforms input[type="checkbox"]:checked + label:before {
  background: var(--link-txt);
}

.piotnetforms .privacy-policy {
  font-size: 12px;
  display: block;
  margin-bottom: 12px;
}

.piotnetforms input[type="checkbox"] + label[for="captcha"] {
  --tw-bg-opacity:        1;
  background-color:        rgb(246 249 252 / var(--tw-bg-opacity, 1));
  border-radius: var(--rounded-md);
  padding: 12px 18px;
}

.piotnetforms .btn {
  width:        100%;
}

.single-agent-wrapper .piotnetforms, .single-agency-wrapper .piotnetforms {
  border-radius: var(--rounded-cards);
}

.single-agent-wrapper .piotnetforms .sidebar-title, .single-agency-wrapper .piotnetforms .sidebar-title {
  font-size:        32px;
  font-family: var(--font-titles);
}

@media (min-width: 768px) {
  .single-agent-wrapper .piotnetforms .sidebar-title, .single-agency-wrapper .piotnetforms .sidebar-title {
    font-size:        44px;
  }
}

.single-agent-wrapper .piotnetforms .sidebar-title, .single-agency-wrapper .piotnetforms .sidebar-title {
  margin-bottom: var(--content_gap);
  line-height: 1.2;
  font-size:        32px;
  font-family: var(--font-titles);
}

@media (min-width: 768px) {
  .single-agent-wrapper .piotnetforms .sidebar-title, .single-agency-wrapper .piotnetforms .sidebar-title {
    font-size:        44px;
  }
}

.single-agent-wrapper .piotnetforms .sidebar-title, .single-agency-wrapper .piotnetforms .sidebar-title {
  margin-bottom: var(--content_gap);
  line-height: 1.2;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}

.agent-sidebar .piotnetforms .row, .agency-sidebar .piotnetforms .row {
  --container_flex_gap: 8;
}

.agent-sidebar .piotnetforms .row label, .agency-sidebar .piotnetforms .row label {
  margin-bottom:        0.25rem;
}

.piotnetforms-field-label {
  margin-bottom:        0.5rem;
  display:        block;
  font-weight:        700 !important;
}

.piotnetforms-field-container form {
  display:        block;
  width:        100%;
}

.piotnetforms-field-container .piotnetforms-field-subgroup {
  display:        block;
  width:        100%;
}

.piotnetforms-field-container .piotnetforms-field-subgroup .piotnetforms-field-option {
  display:        inline-block;
  width:        50%;
  vertical-align:        middle;
}

.piotnetforms-field-container input[type="radio"] + label:before {
  border-radius:        9999px;
}

.piotnetforms-button {
  width:        100%;
  display:        inline-block;
  cursor:        pointer;
  padding-top:        1rem;
  padding-bottom:        1rem;
  padding-left:        2rem;
  padding-right:        2rem;
  text-align:        center;
  font-size:        16px;
  font-weight:        700;
  border-radius: var(--rounded-md);
  background: var(--action);
  color: var(--btn-txt);
  border: 1px solid var(--action);
  letter-spacing: 0.16px;
  line-height: 1.35;
  min-width: 160px;
  min-height: 56px;
}

.piotnetforms-button svg *{
  fill: var(--btn-txt);
}

.piotnetforms-button:hover {
  background: color-mix(in srgb, var(--action), black 8%);
  border-color: color-mix(in srgb, var(--action), black 8%);
  color: var(--btn-txt);
  text-decoration: none;
}

.piotnetforms-button + .btn {
  margin-left: 16px;
}

@media (max-width: 767.98px) {
  .piotnetforms-button:not(.btn-sm){
    width: 100%;
  }

  .piotnetforms-button:not(.btn-sm) + .btn:not(.btn-sm) {
    margin-left: 0;
    margin-top: 12px;
  }
}

.hero-property .piotnetforms-button {
  width:        auto;
}

@media not all and (min-width: 1024px) {
  .hero-property .piotnetforms-button {
    min-height:        3rem;
  }
}

@media not all and (min-width: 768px) {
  .hero-property .piotnetforms-button {
    padding-top:        0.75rem;
    padding-bottom:        0.75rem;
  }
}

@media (min-width: 1024px) {
  .search-listings .piotnetforms-button {
    width:        18%;
  }
}

.wp-admin .piotnetforms-button {
  font-size:        16px;
}

.side-form .piotnetforms-button, .get-alerts-form-wrapper .piotnetforms-button {
  width:        100%;
}

.blog-post .content-wrapper .piotnetforms-button {
  min-width: auto;
  font-size: 14px;
  font-weight: bold;
  color: var(--link-txt);
  border-color: var(--border-color);
  background-color: #fff;
}

.latest-news .style-box .piotnetforms-button {
  display: none;
}

/* .main-content-wrapper {
    border-top: 1px solid var(--border-color);
} */

/* Footer */

#footer {
  --tw-bg-opacity:        1;
  background-color:        rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top:        2rem;
  font-size:        12px;
  line-height:        16px;
}

.font-inter #footer, .font-inter#footer {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

@media (min-width: 1024px) {
  #footer {
    padding-top:        3rem;
  }
}

#footer {
  border-top: 1px solid var(--border-color)
}

#footer .custom-logo {
  height:        auto;
  max-height:        45px;
  width:        auto;
}

.copyright {
  margin-top:        2rem;
  padding-top:        2rem;
  padding-bottom:        2rem;
}

@media (min-width: 1024px) {
  .copyright {
    margin-top:        3rem;
    padding-top:        3rem;
    padding-bottom:        3rem;
  }
}

.copyright {
  border-top: 1px solid var(--border-color)
}

.copyright .footer-img-wrapper {
  margin-bottom:        3rem;
}

.copyright .footer-img-wrapper img {
  display:        inline-block;
  vertical-align:        middle;
}

.copyright .footer-img-wrapper img + img {
  margin-left:        3rem;
}

.footer-menu {
  margin-bottom:        1rem;
  gap:        1.5rem;
}

@media not all and (min-width: 768px) {
  .footer-menu {
    margin-top:        2.5rem;
    width:        100%;
    -moz-columns:        2;
         columns:        2;
  }
}

@media (min-width: 768px) {
  .footer-menu {
    margin-bottom:        1.5rem;
    display:        inline-block;
  }
}

.footer-menu li {
  display:        block;
  vertical-align:        middle;
}

@media not all and (min-width: 768px) {
  .footer-menu li {
    margin-bottom:        1.5rem;
  }
}

@media (min-width: 768px) {
  .footer-menu li {
    display:        inline-block;
  }

  .footer-menu li + li {
    margin-left:        2rem;
  }
}

.footer-menu li a {
  line-height:        24px;
  font-size:        15px;
  --tw-text-opacity:        1;
  color:        rgb(30 40 57 / var(--tw-text-opacity, 1));
}

.font-inter .footer-menu li a, .font-inter.footer-menu li a {
  0:        2;
  1:        4;
  2:        p;
  3:        x;
  font-size:        16px;
}

@media not all and (min-width: 768px) {
  .footer-menu.sm-menu {
    margin-top:        0px;
    -moz-columns:        1;
         columns:        1;
  }

  .footer-menu.sm-menu li {
    margin-bottom:        1rem;
  }

  .footer-menu.sm-menu li:last-child {
    margin-bottom:        0px;
  }
}

.footer-menu.sm-menu li a {
  font-size:        12px;
  line-height:        16px;
}

.font-inter .footer-menu.sm-menu li a, .font-inter.footer-menu.sm-menu li a {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

@media (min-width: 768px) {
  .footer-menu.sm-menu li + li {
    margin-left:        1rem;
  }
}

.copyright-text {
  margin-bottom:        0px;
  display:        inline-block;
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
}

.copyright .footer-menu {
  margin-bottom:        2rem;
  vertical-align:        middle;
}

@media (min-width: 768px) {
  .copyright .footer-menu {
    margin-bottom:        0px;
    margin-left:        1rem;
  }
}

.property-engine-logo {
  margin-top:        2rem;
  display:        inline-block;
  border-radius:        0.5rem;
  padding-left:        0.5rem;
  padding-right:        0.5rem;
  padding-top:        0.25rem;
  padding-bottom:        0.25rem;
  font-size:        12px;
  line-height:        16px;
  --tw-text-opacity:        1;
  color:        rgb(107 122 142 / var(--tw-text-opacity, 1));
}

.font-inter .property-engine-logo, .font-inter.property-engine-logo {
  0:        1;
  1:        6;
  2:        p;
  3:        x;
  font-size:        12px;
}

@media (min-width: 1024px) {
  .property-engine-logo {
    margin-top:        0px;
  }
}

.property-engine-logo {
  border: 1px solid var(--border-color);
}

.property-engine-logo img {
  margin-left:        6px;
  display:        inline-block;
  vertical-align:        middle;
}

.social-footer a {
  display: inline-block;
  vertical-align: middle;
}

.social-footer a + a {
  margin-left: 24px;
}

.social-footer svg {
  display:        inline-block;
  height:        1.25rem;
  width:        1.25rem;
}

.social-footer svg * {
  fill: #1E2839;
  /* Gray 800*/
}

.social-footer a:hover svg * {
  fill: var(--action);
}

/* .icon-facebook {
    @apply w-[21px] h-[21px] inline-block align-middle;
    background: url(../img/facebook.svg) center no-repeat;
    background-size: contain;
}
.icon-linkedin {
    @apply w-5 h-5 inline-block align-middle;
    background: url(../img/linkedin.svg) center no-repeat;
    background-size: contain;
}
.icon-youtube {
    @apply w-6 h-5 inline-block align-middle;
    background: url(../img/youtube.svg) center no-repeat;
    background-size: contain;
}
.icon-instagram {
    @apply w-5 h-5 inline-block align-middle;
    background: url(../img/instagram.svg) center no-repeat;
    background-size: contain;
}
.icon-x {
    @apply w-5 h-5 inline-block align-middle;
    background: url(../img/x-twitter.svg) center no-repeat;
    background-size: contain;
} */

.footer-logo-wrapper {
  justify-content:        space-between;
}

@media (min-width: 768px) {
  .footer-logo-wrapper {
    margin-bottom:        2.5rem;
    display:        flex;
  }
}

@media (min-width: 1024px) {
  .footer-logo-wrapper {
    margin-bottom:        0px;
    display:        block;
  }
}

.copyright-text-wrapper {
  flex-wrap:        wrap;
}

@media not all and (min-width: 768px) {
  .copyright-text-wrapper {
    display:        flex;
  }

  .copyright-text-wrapper .copyright-text {
    order:        9999;
  }
}

.visible {
  visibility:        visible;
}

.static {
  position:        static;
}

.float-left {
  float:        left;
}

.mx-auto {
  margin-left:        auto;
  margin-right:        auto;
}

.mb-0 {
  margin-bottom:        0px;
}

.mb-1 {
  margin-bottom:        0.25rem;
}

.mb-2 {
  margin-bottom:        0.5rem;
}

.mb-5 {
  margin-bottom:        1.25rem;
}

.mt-1 {
  margin-top:        0.25rem;
}

.mt-3 {
  margin-top:        0.75rem;
}

.mt-6 {
  margin-top:        1.5rem;
}

.block {
  display:        block;
}

.inline {
  display:        inline;
}

.flex {
  display:        flex;
}

.table {
  display:        table;
}

.hidden {
  display:        none;
}

.\!w-full {
  width:        100% !important;
}

.w-1\/2 {
  width:        50%;
}

.w-1\/3 {
  width:        33.333333%;
}

.w-full {
  width:        100%;
}

.transform {
  transform:        translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize {
  resize:        both;
}

.flex-wrap {
  flex-wrap:        wrap;
}

.items-center {
  align-items:        center;
}

.justify-between {
  justify-content:        space-between;
}

.border-y {
  border-top-width:        1px;
  border-bottom-width:        1px;
}

.border-b {
  border-bottom-width:        1px;
}

.py-1 {
  padding-top:        0.25rem;
  padding-bottom:        0.25rem;
}

.pb-0 {
  padding-bottom:        0px;
}

.pl-2 {
  padding-left:        0.5rem;
}

.pt-3 {
  padding-top:        0.75rem;
}

.text-center {
  text-align:        center;
}

.text-right {
  text-align:        right;
}

.font-bold {
  font-weight:        700;
}

.font-normal {
  font-weight:        400;
}

.uppercase {
  text-transform:        uppercase;
}

.outline {
  outline-style:        solid;
}

.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);
}

@media not all and (min-width: 1024px) {
  .max-lg\:mb-1 {
    margin-bottom:        0.25rem;
  }
}

@media (min-width: 768px) {
  .md\:order-1 {
    order:        1;
  }

  .md\:mb-12 {
    margin-bottom:        3rem;
  }

  .md\:ml-auto {
    margin-left:        auto;
  }

  .md\:mt-0 {
    margin-top:        0px;
  }

  .md\:block {
    display:        block;
  }

  .md\:hidden {
    display:        none;
  }

  .md\:w-1\/2 {
    width:        50%;
  }

  .md\:w-1\/3 {
    width:        33.333333%;
  }

  .md\:w-4\/5 {
    width:        80%;
  }

  .md\:w-\[43\%\] {
    width:        43%;
  }

  .md\:text-center {
    text-align:        center;
  }
}

@media (min-width: 1024px) {
  .lg\:\!mb-6 {
    margin-bottom:        1.5rem !important;
  }

  .lg\:mb-3 {
    margin-bottom:        0.75rem;
  }

  .lg\:mt-6 {
    margin-top:        1.5rem;
  }

  .lg\:block {
    display:        block;
  }

  .lg\:flex {
    display:        flex;
  }

  .lg\:w-1\/2 {
    width:        50%;
  }

  .lg\:w-1\/3 {
    width:        33.333333%;
  }

  .lg\:w-1\/4 {
    width:        25%;
  }

  .lg\:w-1\/5 {
    width:        20%;
  }

  .lg\:w-2\/3 {
    width:        66.666667%;
  }

  .lg\:w-3\/5 {
    width:        60%;
  }

  .lg\:w-3\/4 {
    width:        75%;
  }

  .lg\:pl-16 {
    padding-left:        4rem;
  }

  .lg\:pt-6 {
    padding-top:        1.5rem;
  }

  .lg\:text-center {
    text-align:        center;
  }

  .lg\:text-right {
    text-align:        right;
  }
}