/*!
Theme Name:   Sevenloft Framework 
Theme URI:    https://www.sevenloft.gr/service/kataskevi-istoselidon/
Author:       Sevenloft IKE
Author URI:   https://sevenloft.gr
Description:  Sevenloft is our starter theme for our woocommerce projects. Designed and developed by Sevenloft Core developers
Version:      0.01
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  sevenloft-theme
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style
*/

/* Global */
 
:root{
    /* --primary_color: #002726; */
    --primary_color: #274747;
    --light-background: #EAF3EB;
}

.drts-location-entities-map-container.drts-location-entities-with-map {
  display: grid;
  grid-template-columns: 100%;
}

.drts-location-entities-container {
  max-width: 100% !important;
}
.slick-track {
  width: 100%;
}
.drts-slider-photos-fixed-height.drts-slider-photos-photo-no-padding .drts-slider-photos-main .slick-slide img {
  width: 100%;
  transition: filter 0.4s ease, transform 0.5s ease;
}
.property-cat-list-section .drts.drts-main .drts-view-entities-list-grid .drts-view-entity-container:hover .drts-slider-photos-fixed-height.drts-slider-photos-photo-no-padding .drts-slider-photos-main .slick-slide img{
    transform: translateX(-50%) translateY(-50%) scale(1.05);
}

.drts-view-entities-footer {
  max-width: 100% !important;
}

.container-fluid.hero-video {
  height: 103vh;
  position: relative;
  overflow: hidden;
   padding: 0;
}
.container-fluid.hero-video::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 20, 19, 0.35) 0%, rgba(0, 20, 19, 0.55) 50%, rgba(0, 20, 19, 0.35) 100%);
  z-index: 2;
  pointer-events: none;
}
video {
  width: 100%;
}

.hero-section {
  position: absolute !important;
  bottom: 0;
}

.final----blog-section {
		display: none;
}

.prdctfltr_wc .prdctfltr_woocommerce_ordering .prdctfltr_filter_wrapper input[type="checkbox"] {
	display: none;
}

.contruction-development-last.section {
	display: none;
}


.drts-location-map-container-container {
  display: none;
}



.triti--kathgoria-section {
	  display: none;
}

#waterfront {
  display: none;
}

#filters .drts .drts-bs-card:nth-child(3) {
  display: none;
}
#property_location,
.about-us-construction,
.most-popular-properties-bottom-place {
  display: none;
}
#mc4wp-form-2 {
  background-color: #d5d3d0;
  border-radius: 10px;
  padding: 15px;
}
#mc4wp-form-2 .info-text { 
font-family: var(--main-font);
  font-size: 14px;
  font-weight: 400;
  width: 50%;
	line-height: 20px;
}
#mc4wp-form-2 .submit {
  background-color: #3e3e3e;
  color: #fff;
  border-radius: 7px;
  padding: 20px;
  border: 0px;
}

#mc4wp-form-2 h2 { 
  font-family: var(--title-font);
  font-size: 32px;
  font-weight: 300;
  padding-bottom: 5px;
}
#mc4wp-form-2 .newsletter-terms span {
  color: #000;
  font-size: 14px;
}

.mc4wp-form-fields .newsletter-terms span {
  color: #000;
}
#mc4wp-form-2 .newsletter-terms span a {
  color: #000;
	border-bottom: 1px solid#000;
}
#mc4wp-form-2 input {
  border: 1px solid #000;
  border-radius: 5px;
  background-color: #d5d3d0;
  padding-inline: 10px;
}
#mc4wp-form-2 input,
#mc4wp-form-2 .submit {
  padding-block: 9px;
}



body.under_construction_body img {
    max-width: 100%  !important;
    height: auto;
}

p {
    font-family: manrope;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: var(--primary_color);
}
a,
span,
label{
    font-family: manrope;
}

@font-face {
    font-family: 'Canela Web';
    src: url('fonts/Canela-Light-Web.woff2') format('woff2'),
         url('fonts/Canela-Light-Web.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

.Canela-Light-Web {
    font-family: 'Canela Web';
    font-weight: 300;
    font-style: normal;
}

:root {
  --main-font: 'manrope', sans-serif;
  --title-font: 'Canela Web', sans-serif;
  --italic-headings: 'EB Garamond', serif;
}

.pb-100 {
	padding-bottom: 100px;
}

/*============================ Header Top ===============*/
.header-top{
    display: none;
}
/*============================ End Header Top ===============*/


/*======================== General ===================*/
/*Breadcumb*/
.page-breadcrumb{
    padding-bottom: 45px;
}
.page-breadcrumb a {
    color: #000;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    position: relative;
}
.page-breadcrumb a:after{
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png);
    padding: 0 10px;
    vertical-align: middle;
}
.page-breadcrumb span {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: grey;
}

/*Listing Page Breadcrumb*/
.property-list-content .breadcrumb-sec{
    margin-top: 50px;
}
.property-cat-listing-page .breadcrumb-sec{
    margin-top: 70px;
}

/*Page Title*/
.page-title {
    font-size: 72px;
    font-family: var(--title-font);
    padding-top: 0;
    font-weight: 300;
    padding-bottom: 20px;
}

/*Main Image Section*/
.main-image-section{
    position: relative;
}
.main-image-section .main-image{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.main-image-section svg {
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 5;
}

/*Map Pin*/
.drts-map-marker{
    border-radius: 50%;
    width: 20px !important;
    height: 20px !important;
}
.drts-map-marker > div{
    display: none;
}

.iti--flexible-dropdown-width .iti__country-list{
    z-index: 9;
}
.iti--fullscreen-popup.iti--container.iti--country-search{
    z-index: 9;
}


/*=========================== Header ===========================*/
.header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 70px;
    padding-top: 0;
}

/* ---- Header Redesign (unified menu) ----
   NOTE: this block lives here (before the Responsive media queries) on purpose,
   so the responsive overrides further down in the file actually win. */
.header{
    background: transparent !important;
    box-shadow: none;
    transition: background 0.3s ease, backdrop-filter 0.3s ease;
}
.header > .container,
.header > .container-fluid{
    max-width: 100%;
    padding-left: 32px;
    padding-right: 32px;
}
.header .row{
    align-items: center;
    min-height: 70px;
}

/* Center column: logo */
.header .col-md-8{
    justify-content: center;
}
.header .col-md-8 .widget-logo-wr{
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.header .col-md-8 .widget-logo-wr img,
.header .col-md-8 .widget-logo-wr .logo{
    max-width: unset;
    max-height: unset;
    width: 252px;
    height: auto;
    object-fit: contain;
    padding: 0;
    margin-top: 20px;
}

/* Hide leftover legacy markup output by widgets (replaced by .header-menu) */
.header .navbar-toggler,
.header #menu-fixed{
    display: none !important;
}

/* ============== Unified header menu (pill + slide-down panel) ============== */
.header-menu{
    position: fixed;
    top: 18px;
    right: 32px;
    width: 300px;
    background: rgba(0, 39, 38, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 36px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
    z-index: 1001;
    overflow: hidden;
}

/* Top bar: white CONTACT button + 2-line hamburger */
.header-menu__bar{
    display: flex;
    align-items: center;
    padding: 8px;
    gap: 4px;
    height: 72px;
    justify-content: space-between;
}
.header-menu__contact{
    flex: 1;
    background: #f4ede0;
    color: #002726 !important;
    border-radius: 999px;
    padding: 0 20px;
    height: 100%;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
    flex: 0 0 50%;
}
.header-menu__contact:hover,
.header-menu__contact:focus{
    background: #fff;
    color: #002726 !important;
    text-decoration: none;
}
.header-menu__toggle{
    width: 56px;
    flex-shrink: 0;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    height: 100%;
    transition: opacity 0.2s ease;
    margin-right: 5px;
}
.header-menu__toggle:hover,
.header-menu__toggle:focus{
    opacity: 0.75;
    outline: none;
}
.header-menu__toggle span{
    display: block;
    width: 40px;
    height: 1px;
    background: #fff;
    border-radius: 2px;
    transition: transform 0.3s ease;
}
body.menu-open .header-menu__toggle span:nth-child(1){
    transform: translateY(4.75px) rotate(45deg);
}
body.menu-open .header-menu__toggle span:nth-child(2){
    transform: translateY(-4.75px) rotate(-45deg);
}

/* Slide-down panel — same width as the bar above */
.header-menu__panel{
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 32px;
    transition: max-height 0.45s cubic-bezier(0.2, 0.9, 0.3, 1),
                opacity 0.3s ease 0.05s,
                padding 0.4s ease;
}
body.menu-open .header-menu__panel{
    max-height: 600px;
    opacity: 1;
    padding: 4px 32px 22px;
}

/* Menu links */
.header-menu__list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.header-menu__list li{
    text-align: left;
}
.header-menu__list a{
    color: #fff !important;
    font-family: var(--main-font);
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.4;
    display: block;
    padding: 10px 0;
    transition: opacity 0.2s ease;
}
.header-menu__list a:hover,
.header-menu__list a:focus{
    opacity: 0.6;
    color: #fff !important;
    text-decoration: none;
}
.header-menu__list .dropdown-menu,
.header-menu__list .mob-menu-main-title,
.header-menu__list .mob-menu-title,
.header-menu__list .dropdown-toggle::after{
    display: none !important;
}

/* Footer with language switcher */
.header-menu__footer{
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.header-menu__lang{
    background: transparent;
    border: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.04em;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
}
.header-menu__lang:hover,
.header-menu__lang:focus{
    color: #fff;
    outline: none;
}
.header-menu__lang::after{
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 0.2s ease;
}
.header-menu__lang[aria-expanded="true"]::after{
    transform: translateY(2px) rotate(-135deg);
}
/*=========================== End Header ===========================*/


/*======================== Single Property ===========================*/
.single-property-page{
    padding-top: 0;
}
/* Single property hero */
.single-property-page .property-hero{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.single-property-page .property-hero:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.05) 100%);
    pointer-events: none;
    z-index: 1;
    border-bottom-left-radius: 160px;
    border-bottom-right-radius: 160px;
}
.single-property-page .property-hero__img{
    display: block;
    width: 100%;
    height: 866px;
    max-height: 866px;
    object-fit: cover;
    border-bottom-left-radius: 160px;
    border-bottom-right-radius: 160px;
}
.single-property-page .property-hero__actions{
    position: absolute;
    right: 80px;
    bottom: 70px;
    display: flex;
    gap: 12px;
    z-index: 2;
}
.single-property-page .property-hero__btn{
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--primary_color);
    font-size: 16px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.single-property-page .property-hero__btn:hover,
.single-property-page .property-hero__btn:focus{
    background: var(--primary_color);
    color: #fff;
    outline: none;
}
.single-property-page .property-hero__btn i{
    line-height: 1;
}
.single-property-page .property-hero__btn img{
    transition: filter 0.2s ease;
}
.single-property-page .property-hero__btn:hover img,
.single-property-page .property-hero__btn:focus img{
    filter: brightness(0) invert(1);
}
/* Hover tooltip (Floorplan / Gallery) */
.property-hero__btn[data-tooltip]{
    position: relative;
}
.property-hero__btn[data-tooltip]::after{
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 14px);
    transform: translateX(-50%) translateY(6px);
    background: var(--primary_color);
    color: #fff;
    font-family: var(--main-font);
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    padding: 10px 18px;
    border-radius: 30px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    z-index: 5;
}
.property-hero__btn[data-tooltip]::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(6px);
    border: 6px solid transparent;
    border-top-color: var(--primary_color);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    z-index: 5;
}
.property-hero__btn[data-tooltip]:hover::after,
.property-hero__btn[data-tooltip]:focus::after,
.property-hero__btn[data-tooltip]:hover::before,
.property-hero__btn[data-tooltip]:focus::before{
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.single-property-page .breadcrumb-sec{
    padding: 24px 20px;
    margin-top: 20px;
}
.single-property-page .breadcrumb-sec .breadcrumb li,
.single-property-page .breadcrumb-sec .breadcrumb li a{
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.single-property-page .breadcrumb-sec .breadcrumb li a:after{
    content: '';
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url('https://greenhill.adwrk.com/wp-content/uploads/2026/05/Vector-1.png') no-repeat center / contain;
    margin: 0 14px;
    vertical-align: middle;
}
/*Breadcrumb Simple Listing*/
.breadcrumb-sec{
    padding: 20px;
    margin-top: 5px;
}
.breadcrumb-sec .breadcrumb{
    background-color: unset;
    padding: unset;
    margin-bottom: unset;
}
.breadcrumb-sec .breadcrumb li{
    position: relative;
    font-size: 16px;
    font-family: var(--main-font);
    font-weight: 400;
    color: var(--primary_color);
    display: flex;
    align-items: center;
}
.breadcrumb-sec .breadcrumb li a{
    position: relative;
    font-size: 16px;
    font-family: var(--main-font);
    font-weight: 400;
    color: var(--primary_color);
    display: flex;
    align-items: center;
}
.breadcrumb-sec .breadcrumb li a:after {
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png');
    padding: 0 10px;
    margin-bottom: -3px;
}

/*Image Section Simple Listing*/
.property-single-content{
/*    padding-bottom: 50px;*/
}
.listing-features{
    display: none;
}
.single-listing-location{
    display: flex;
}
.single-listing-location > span:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/fluent_location-12-regular.png');
    padding-right: 10px;
}
.photos-grid-container {
  height: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 0;
  position: relative;
}
.photos-grid-container .img-box {
  border: 5px solid #ffffff;
  position: relative;
}
.photos-grid-container .img-box img{
    max-height: 320px;
    object-fit: cover;
    width: 100%;
}
.photos-grid-container .img-box video{
    max-height: 320px;
    object-fit: cover;
    width: 100%;
}
.photos-grid-container .img-box a,
.photos-grid-container .img-box .more-images{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #fff;
    color: #000;
    border-radius: 6px;
    font-size: 16px;
}
.photos-grid-container .img-box.main-photo a img{
    object-fit: cover;
    max-height: 650px;
    width: 100%;
}
.photos-grid-container .img-box.main-photo video{
    object-fit: cover;
    max-height: 640px;
}
#multi-link img{
    height: 100%;
    max-height: 320px;
    width: 100%;
    object-fit: cover;
}
.photos-grid-container .img-box:hover .transparent-box {
  background-color: rgba(0, 0, 0, 0.6);
}
/*.photos-grid-container .img-box:hover .caption {
  transform: translateY(-5px);
}*/
.photos-grid-container img {
  max-width: 100%;
  display: block;
  height: auto;
}
.photos-grid-container .caption {
/*  color: white;
  transition: transform 0.3s ease, opacity 0.3s ease;
  font-size: 30px;
  display: flex;
  align-items: center;*/
    position: absolute;
    right: 25px;
    z-index: 999;
    bottom: 80px;
    width: 130px;
    height: 35px;
}
.photos-grid-container .caption p {
    color: #000;
    margin-bottom: 0;
    padding-left: 10px;
    font-size: 16px;
}
.photos-grid-container .transparent-box {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photos-grid-container .main-photo {
  grid-row: 1;
  grid-column: 1;
}
.photos-grid-container .sub {
  display: flex;
  flex-direction: column;
}
.photos-grid-container .sub:nth-child(0) {
  grid-column: 1;
  grid-row: 1;
}
.photos-grid-container .sub:nth-child(1) {
  grid-column: 2;
  grid-row: 1;
}
.photos-grid-container .sub:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}
.photos-grid-container .sub:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}
.floorplan{
    position: absolute;
    right: 30px;
    bottom: 40px;
}
.floorplan a{
    padding: 5px 15px;
    background: #fff;
    border-radius: 6px;
    display: flex;
    color: #000;
    position: relative;
    z-index: 10;
    font-size: 16px;
}
.floorplan img{
    padding-right: 8px;
}
.hide-element {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.single-property-page svg.triangle {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 0;
    height: 0;
    border-right: 1670px solid transparent;
    border-bottom: 65px solid #fff; 
    z-index: 5;
}
.single-property-page svg#wave {
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
    height: auto;
/*    border-right: 1670px solid transparent;
    border-bottom: 65px solid #fff; */
    z-index: 5;
}
.gallery-wrapper {
    position: relative;
    overflow: hidden;
}

/*Listing Data Simple Listing*/
.listing-content .drts-display-element-entity_field_post_title-1{
    font-size: 32px;
    font-weight: 500;
    font-family: var(--main-font);
    text-transform: uppercase;
}
.listing-content .drts-location-address{
    font-family: manrope;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 25px;
    display: flex;
}
#share_btn .drts-display-element {
    display: flex;
    justify-content: center;
    align-items: start;
    height: 100%;
}
#share_btn .drts-display-element span{
    color: #000;
    border: 1px solid #D5D3D0;
    padding: 5px 15px;
    border-radius: 5px;
    cursor: pointer;
    height: 40px;
}
#share_btn .drts-display-element span:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/ph_share-fat-light.png');
    padding-right: 10px;
    vertical-align: middle;
    line-height: unset;
}
#share_btn .drts-display-element .share nav{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    padding-left: 5px;
}
#share_btn .drts-display-element .share{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
#share_btn .drts-display-element .share nav a{
    flex: 0 0 33%;
    max-width: 33%;
    display: flex;
    justify-content: center;
    border: 1px solid #dadada;
    border-radius: 6px;
    width: 25px;
    height: 25px;
    align-items: center;
    margin-right: 4px;
    color: #444;
}
#share_btn .drts-display-element .share nav.active{
    max-height: 200px;
    overflow: visible;
    padding-top: 5px;
    width: fit-content;
}
#share_btn .drts-display-element .share i{
    font-family: 'FontAwesome';
}
#share_btn .drts-display-element .share i:before{
    font-size: 14px;
    color: #444;
}
#property_price{
    font-size: 24px;
    font-weight: 700;
    position: relative;
    margin-bottom: 3rem;
}
#property_price:after{
    content: '(asking price)';
    font-size: 16px;
    color: #a59e9e;
    font-weight: 400;
    font-family: manrope;
    padding-left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#hide_price{
    font-size: 24px;
    font-weight: 700;
    position: relative;
    margin-bottom: 3rem;
}
#hide_price .drts-entity-field-value{
    display: none;
}
#main-features {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 3rem;
}
#main-features .drts-display-element{
    flex: 1 1 calc(33.333% - 11px);
    margin-right: 0;
    border: 1px solid #D5D3D0;
    border-radius: 33px;
    padding: 84px 28px 24px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}
#main-features .drts-display-element:nth-child(n+4){
    flex: 1 1 calc(25% - 12px);
}
#main-features .drts-entity-field-label{
    font-family: var(--main-font);
    font-weight: 400;
    font-size: 16px;
    color: #5a5a5a;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1.2;
}
#main-features .drts-display-element > .drts-entity-field-label:before{
    position: absolute;
    top: 24px;
    left: 28px;
    min-height: 0;
}
#main-features .drts-entity-field-value{
    font-size: 22px;
    font-weight: 700;
    font-family: var(--main-font);
    color: var(--primary_color);
    line-height: 1;
    padding-top: 0;
}
#living_area .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/living-area.png');
    min-height: 38px;
}
#plot_area .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/plot-area.png');
    min-height: 38px;
}
#bedrooms .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/bedrooms.png');
    min-height: 38px;
}
#bathrooms .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/bathrooms.png');
    min-height: 38px;
}
#property_type .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/property-type.png');
    min-height: 38px;
}
#year_build .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/year-build.png');
    min-height: 38px;
}
#living_rooms_main_features .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/06/Vector.png');
    min-height: 38px;
}
#kitchen_main_features .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/06/Vector-1.png');
    min-height: 38px;
}
#guests .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2024/07/guests.png');
    min-height: 38px;
}
#build_area .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2026/05/build-area-sm.png');
    min-height: 38px;
}
#levels .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2026/05/levels.png');
    min-height: 38px;
}
#parking_spaces .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2026/05/parking-spaces.png');
    min-height: 38px;
}
#storage_room .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2026/05/storage-room.png');
    min-height: 38px;
}
#stuff_room .drts-entity-field-label:before{
    content: url('https://greenhill.adwrk.com/wp-content/uploads/2026/05/storage-room.png');
    min-height: 38px;
}

#list_description{
    padding-bottom: 2rem;
}
#features > .drts-display-element-header{
    margin-bottom: 20px;
}
#features .feature-list{
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
}
#features .feature-list .drts-display-element{
    flex: 0 0 33.3%;
    padding: 15px 0;
}
#features .drts-entity-field-label{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
}
#features .drts-entity-field-value{
    display: none;
}
#features .feature-list .drts-display-element-header{
    position: absolute;
    top: -30px;
}
.feature-list .drts-display-element-header span{
    font-size: 20px;
    font-weight: 700;
    font-family: var(--main-font);
}
#features > .drts-display-element-header > span{
    font-family: var(--main-font);
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
}
/* Feature icons — uniform 40x40, rendered as backgrounds (so they're resizable)
   and forced solid black via filter, so old (black) and new (dark green) match. */
#features .drts-entity-field-label:before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0);
}
#water_view .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/iconoir_sea-and-sun.png'); }
#waterfront .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/iconoir_sea-and-sun-1.png'); }
#fireplace .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/fluent_fireplace-20-regular.png'); }
#pool .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/fluent_swimming-pool-48-regular-1.png'); }
#pariking .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/lucide_circle-parking-1.png'); }
#int_stair .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/tabler_stairs.png'); }
#living_space .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/solar_sofa-outline.png'); }
#storage .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/streamline_warehouse-1-1.png'); }
#seefront .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/fluent_beach-20-regular.png'); }
#hilltop .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/fluent_swimming-pool-48-regular.png'); }
#mountain_view .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/radix-icons_image.png'); }
#new_build .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/mage_stars-c.png'); }
#renovated .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/teenyicons_brush-outline.png'); }
#modern .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/flowbite_fire-outline.png'); }
#investment_opportunity .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/iwwa_co2.png'); }
#golf_view .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/ion_golf-outline.png'); }
#city_view .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/icon-park-outline_city.png'); }
#private .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/ph_detective-light.png'); }
#air_conditioning .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/ph_fan-light.png'); }
#hight_ceiling .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/fluent_auto-fit-height-20-regular.png'); }
#wine_cellar .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/ph_wine-light.png'); }
#walk_in_closet .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/solar_hanger-line-duotone.png'); }
#jacuzzi .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/Frame-1039.png'); }
#bar .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/guidance_bar.png'); }
#open_kitchen .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/tabler_tools-kitchen-2.png'); }
#basement .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/ph_sun.png'); }
#office_room .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/majesticons_monitor-line.png'); }
#playroom .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/lucide_joystick.png'); }
#library .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/bi_book.png'); }
#indoor_parking .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/lucide_circle-parking.png'); }
#terrace .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/icon-park_terrace.png'); }
#garage .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/cil_garage.png'); }
#gate .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/material-symbols-light_gate-outline.png'); }
#balcony .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/material-symbols-light_balcony.png'); }
#garden .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/guidance_garden.png'); }
#pergola .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/material-symbols_pergola-outline.png'); }
#fire_pit .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/iconoir_bbq.png'); }
#dock .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/fluent_dock-panel-right-48-regular.png'); }
#private_beach .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/fluent_beach-20-regular-1.png'); }
#four_parking_slots .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/04/lucide_circle-parking-1.png'); }
#security_system .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/06/security.png'); }
#furnished .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/06/furnished.png'); }
#bbq .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/06/bbq.png'); }
#heliport .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/06/heliport.png'); }
#sport_facilities .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2024/07/material-symbols-light_sports-baseball-outline.png'); }
#spa_bathroom .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2026/06/fluent_fireplace-20-regular.png'); }
#minimalist_doors .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2026/06/minimalist_doors.png'); }
#designed_kitchen .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2026/06/designed_kitchen.png'); }
#premium_flooring .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2026/06/premium_flooring.png'); }
#expansive_windows .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2026/06/expansive_windows.png'); }
#thermal_windows .drts-entity-field-label:before{ background-image: url('https://greenhill.adwrk.com/wp-content/uploads/2026/06/thermal_windows.png'); }
#list_description li{
    font-family: manrope;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}
#show-all-button,
#show-less-button {
    position: relative;
    padding-top: 20px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#show-all-button::after,
#show-less-button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    transition: width 0.3s ease;
}
#show-all-button:hover::after,
#show-less-button:hover::after {
    width: 0;
}
#more_info{
    padding-top: 3rem;
}
#property_form{
    padding-left: 70px;
    border-left: 1px solid #dadada;
    height: max-content;
    margin-top: 3rem;
}
#property_form .drts-display-element-header{
    margin-top: 0;
    margin-bottom: 20px;
}
#property_form .drts-display-element-header:before{
    display: none;
}
#property_form .drts-display-element-header span{
    padding-left: 0;
    margin-left: 0;
    font-family: var(--main-font);
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
}
#property_form #user_link{
    display: inline-flex;
    align-items: baseline;
}
#property_form #user_link a.user-link{
    color: #000;
    text-decoration: underline;
}
#property_form .form-property-name p,
#property_form #user_link span{
    font-size: 14px;
    font-weight: 400;
    font-family: var(--main-font);
    text-transform: uppercase;
}
#property_form .property-id{
    display: flex;
    font-size: 12px;
    font-weight: 400;
    font-family: var(--main-font);
}
#property_form .property-id .drts-entity-field-label{
    color: var(--primary_color);
    font-family: var(--main-font);
    font-size: 14px;
    font-weight: 400;
}
#property_form .property-id .drts-entity-field-value{
    color: var(--primary_color);
    font-family: var(--main-font);
    font-size: 14px;
    font-weight: 400;
}
#property_form .nf-form-content {
    padding-left: 0;
}
#property_form .nf-form-cont{
    padding-top: 20px;
}
#property_form .nf-form-cont .nf-after-field{
    display: none;
}
#property_form .nf-form-cont #nf-field-34-container .nf-after-field{
    display: block;
}
#property_form .nf-field-container{
    margin-bottom: 0;
}
#property_form .nf-form-cont .nf-form-content input:not([type=button]),
#property_form .nf-form-cont .nf-form-content textarea{
    background: #fff;
}
#property_form .nf-form-cont .nf-form-content textarea{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#property_form .nf-form-cont .nf-error .ninja-forms-field{
    border-color: unset !important;
}
#property_form #nf-field-1,
#property_form #nf-field-30{
    border-bottom: unset;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
} 
#property_form .nf-error.field-wrap .nf-field-element:after{
    background: transparent;
    color: #e80000;
    border-radius: 50%;
}
#property_form .nf-form-content input[type=submit]{
    border-radius: 6px;
    color: #fff;
    background: var(--primary_color) !important;
    width: 146px;
    height: 64px;
    border-radius: 68px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--main-font);
    text-transform: uppercase;
}
#property_form #nf-field-9{
    border-top: unset;
    border-bottom: unset;
    padding-left: 100px !important;
}
#property_form .checkbox-container.label-right label{
    font-size: 14px;
    font-weight: 400;
}
#property_form .checkbox-container.label-right label a{
    color: #000;
    text-decoration: underline;
}
#property_form #nf-field-7-wrap a {
    position: relative;
    z-index: 999;
}
#property_form #nf-field-8-container{
    padding-top: 20px;
    padding-bottom: 5px;
}
#property_form .checkbox-container.label-right label:after{
    border-radius: 5px;
}
#property_form .checkbox-container.label-right label:before{
    font-size: 20px;
}
#property_form #nf-field-41,
#property_form #nf-field-50{
    border-top: unset;
    border-bottom: unset;
}
#property_form #nf-field-38-container,
#property_form #nf-field-37-container{
    margin-left: 0;
    width: 50%;
    border-bottom: unset;
}
#property_form #nf-field-38-container input{
    border-bottom: unset;
}
#property_form #nf-field-37-container input{
    border-right: unset;
    border-bottom: unset;
}
#property_form #nf-field-40{
    border-bottom: unset;
}
#nf-form-title-4{
    display: none;
}
.recaptcha-container{
    margin-top: 15px;
}
.litepicker .container__months .month-item-header div>.month-item-name,
.litepicker .container__months .month-item-weekdays-row>div,
.litepicker .container__days .day-item{
    font-family: var(--main-font);
}
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date{
    background-color: #88898b;
}
.litepicker .container__days .day-item.is-in-range{
    background-color: #e9e9e9;
}
.iti--show-selected-dial-code .iti__selected-flag{
    background-color: #fff;
    border-right: 1px solid #c4c4c4;
    padding-right: 30px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}
.iti__flag{
    display: none;
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code{
    font-family: var(--main-font);
}
.iti__arrow {
    border-left: unset;
    border-right: unset;
    border-top: unset;
    display: flex;
    align-items: center;
    padding-left: 7px;
}
.iti__arrow--up{
    border-bottom: unset;
}
.iti__arrow:after{
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png);
    display: flex;
    line-height: 15px;
    transform: rotate(90deg);
    transform-origin: center center;
    transition: transform 0.3s ease;
}
.iti__arrow.iti__arrow--up:after {
    transform: rotate(270deg);
    transform-origin: center center;
}
#listing_content{
    padding-right: 70px;
    margin-top: 3rem;
}
#more_info .drts-entity-field-label{
    font-size: 30px;
    font-weight: 300;
    font-family: var(--title-font);
    margin: 1.5em 0;
    position: relative;
}
#property_location .drts-entity-field-label{
    font-size: 30px;
    font-weight: 300;
    font-family: var(--title-font);
    margin: 1.5em 0;
    position: relative;
}

/*Related section Simple Listing*/
#related .drts-view-entities-container .drts-view-entities-list .drts-view-entity-container{
    flex: 0 0 25%;
    max-width: 25%;
}
#related{
    padding-top: 4rem;
}
#related > .drts-row.drts-gutter-none{
    border-top: 1px solid #dadada;
    padding-top: 20px;
}
#related .drts-view-entities-header{
    display: none;
}
#related .drts-location-map-container-container{
    display: none;
}
#related .drts .drts-bs-col-sm-8{
    flex: 0 0 100%;
    max-width: 100%;
}
#related .drts .drts-bs-col-sm-8 .drts-view-entities{
    width: 33%;
}
#related .drts-location-entities-map-container .drts-view-entity-container{
    flex:  0 0 100%;
    max-width: 100%;
}
#related .drts-display-element-header span{
    font-family: var(--title-font);
    font-size: 30px;
    font-weight: 300;
}

/*Contact Form Simple Listing*/
#nf-form-title-1{
    display: none;
}
.ninja-forms-req-symbol{
    display: none;
}
.nf-form-fields-required{
    display: none;
}
.for_sale_dir_ltg-template-single-property .drts-map-marker,
.for_rent_dir_ltg-template .drts-map-marker{
    width: 70px !important;
    height: 70px !important;
    opacity: 0.7;
}
.drts-map-map{
    border-radius: 6px;
}
#show_form_btn{
    display: none;
}
#nf-form-4-cont .one-half{
    width: 50%;
    margin-left: 0;
}
#nf-form-4-cont .one-half .datepicker{
    border-bottom: 0;
}
#nf-field-49-wrap input.datepicker{
    border-left: 0;
}
#nf-form-4-cont #nf-field-48-wrap:after, #nf-form-4-cont #nf-field-49-wrap:after {
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/05/Icons.png);
    position: absolute;
    right: 10px;
    z-index: 9;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
    transition: opacity 0.3s ease;
}

/*======================== End Simple Property ===========================*/


/*======================== Start Property List ===========================*/
.page-template-single-property #drts-content{
    padding-left: 5px;
    margin-bottom: 7rem;
}
.property-listing-page{
    padding-top: 100px;
}
.property-list-section > .drts-main > h2{
    display: none;
}
.property-list-section .drts-view-entities-layout-switch{
    display: none !important;
}
.property-list-section .drts-view-entities-sort-selected {
    border: unset;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--main-font);
    background-color: #fff;
}
.property-list-section .drts-view-entities-sort-selected:hover {
    background: transparent;
    color: #000;
}
.property-list-section .drts-view-entities-sort-selected:focus,
.property-list-section .drts-view-entities-sort-selected:active,
.property-list-section .drts .drts-bs-show>.drts-bs-btn-outline-secondary.drts-bs-dropdown-toggle{
    box-shadow: unset;
    background-color: transparent !important;
    color: #000 !important;
}
.property-list-section .drts-view-entities-sort-selected:after {
    border-left: unset;
    border-bottom: unset;
    border-right: unset;
    border-top: unset;
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png);
    line-height: 15px;
    align-items: center;
    margin-left: 10px;
    rotate: 90deg;
    transform-origin: center center;
    transition: all 0.3s ease;
    vertical-align: unset;
}
.property-list-section .drts-bs-show .drts-view-entities-sort-selected:after{
    rotate: 270deg;
    transform-origin: center center;
}
.drts-view-entities .drts-display-default-summary{
    border: unset !important;
}
#property_list{
    padding-right: 30px;
    padding-bottom: 30px;
}
/* Fixed title height so 1- and 2-line titles keep the cards (and buttons) aligned */
#property_list .drts-entity-permalink{
    display: block;
    min-height: 2.4em;
}
#property_list .drts-display-element{
/*    display: flex;
    flex-direction: column;*/
}
#property_list figure{
    background: #fff;
}
#property_list img{
    object-fit: cover;
    width: 100%;
}
#list_meters > div{
    font-size: 32px;
    font-weight: 500;
    font-family: var(--italic-headings);
    font-style: italic;
    text-align: right;
    padding-right: 10px;
}
#list_property_info{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
#list_property_info .drts-display-element{
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 15px;
}
#list_property_info .drts-display-element .drts-entity-field-value{
    order: 1;
    font-size: 20px;
    font-family: var(--main-font);
    font-weight: 400;
}
#list_property_info .drts-display-element .drts-entity-field-label{
    order: 2;
    font-size: 20px;
    font-family: var(--main-font);
    font-weight: 400;
    padding-left: 4px;
    margin-right: 0;
}
#list_property_info .drts-display-group-element-separator{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
}
#list_property_info .drts-display-group-element-separator:before{
    content: '\f111';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 5px;
    color: #d5d3d0;
}
#property_list .drts-display-element-with-background{
    min-height: 400px;
}
#property_list .drts-entity-permalink{
    font-size: 28px;
    font-weight: 400;
    color: #000;
    padding: 10px 0;
    font-family: var(--main-font);
    line-height: 100%;
}
#property_list .list-main-features {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 30px;
    overflow: visible;
}
#property_list .list-main-features .drts-display-element{
    display: flex;
    flex-direction: row;
    font-size: 15px;
}
#property_list .list-main-features .drts-display-element:after {
    content: '\f111';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    color: #d5d3d0;
    order: 3;
}
#property_list .list-main-features .drts-display-element:last-child:after,
#property_list .list-main-features .drts-display-element.hide-after:after {
    display: none;
}
#property_list .list-main-features .drts-display-element .drts-entity-field-label{
    font-size: 15px;
    font-family: var(--main-font);
    font-weight: 400;
    order: 2;
    padding-left: 3px;
    margin-right: 0;
}
#property_list .list-main-features .drts-display-element .drts-entity-field-value{
    order: 1;
    font-size: 15px;
}
#property_list .drts-display-element-entity_field_field_price-1,
#property_list .drts-display-element-entity_field_field_property_price-1,
#property_list .drts-display-element-entity_field_field_property_price_dollar-1{
    font-size: 20px;
    font-weight: 700;
    font-family: var(--main-font);
    align-items: end;
    text-align: right;
}
#property_list #list_buttons{
    display: flex;
    align-items: center;
    flex-direction: row;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 30px;
}
#list_buttons .drts-bs-btn-group {
    margin-top: 8px;
}
#list_buttons button{
    color: #000;
    font-family: var(--main-font);
    padding: 10px 28px;
    border: 1px solid #000;
    border-radius: 50px;
    background: transparent;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    height: 48px;
    width: 175px;
}
#contact_us_button button{
    color: #000;
    font-family: var(--main-font);
    padding: 10px 15px;
    border: 1px solid #D5D3D0;
    border-radius: 5px;
}
#contact_us_button button:before {
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/envelop.png);
    vertical-align: middle;
    padding-right: 10px;
}
#list_buttons button:focus{
    box-shadow: unset;
}
#list_buttons button:hover{
    background-color: unset;
}
#list_buttons button:after{
    display: none;
}
#list_buttons #contact_us_button button:after{
    display: none;
}
#list_buttons .contact-button{
    margin-top: 8px;
}
#list_buttons .contact-button a{
    color: #000;
    font-family: var(--main-font);
    padding: 10px 15px;
    border: 1px solid #D5D3D0;
    border-radius: 5px;
}
#list_buttons .contact-button a:before{
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/envelop.png);
    vertical-align: middle;
    padding-right: 10px;
}
#listing_property_type {
    position: absolute;
    left: 15px;
    top: 15px;
    background: var(--primary_color);
    color: #fff;
    padding: 2px 15px;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--main-font);
    border-radius: 14px;
    opacity: 0.5;
    height: 28px;
    align-content: center;
}
#property_list .drts-slider-photos .slick-dots{
    bottom: 6px;
    z-index: 5;
}
#property_list .drts-slider-photos .slick-dots li button:before{
    font-size: 8px;
    color: #fff;
    opacity: 0.5;
}
#property_list .drts-slider-photos .slick-dots li.slick-active button:before{
    opacity: 1;
}
#property_list .drts-slider-photos .slick-dots li{
    width: 5px;
}
#property_list .drts-slider-photos .slick-dotted.slick-slider{
    margin-bottom: 15px;
}
.map-view{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.map-view a{
    background: #fff;
    color: #000;
    font-family: var(--main-font);
    font-weight: 400;
    padding: 5px 15px;
    border-radius: 5px;
}
.drts-view-entities-footer{
    max-width: 100%;
    padding-bottom: 50px;
    text-align: center;
}
.drts-view-entities-footer .drts-bs-navbar{
    flex-direction: column !important;
    align-items: center !important;
    gap: 18px;
}
.drts-view-entities-footer .gl-showing-clone{
    display: block;
    text-transform: uppercase;
    color: var(--primary_color);
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
.page-template-archive-property .property-list-section > .drts.drts-main{
    padding-bottom: 2rem;
}
.page-template-archive-property .property-list-section > .drts.drts-main .drts-bs-border-secondary{
    border: unset !important;
}
.drts .drts-bs-modal-dialog .drts-display[data-display-type=filters]{
    border: unset;
}
.drts-view-entities-footer a.drts-bs-btn-outline-primary{
    color: #fff;
    border: 1px solid var(--primary_color);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    background: var(--primary_color);
    border-radius: 50px;
    padding: 16px 42px;
    line-height: 1;
    height: 72px;
    align-content: center;
}
.drts-view-entities-footer a.drts-bs-btn-outline-primary:hover,
.drts-view-entities-footer a.drts-bs-btn-outline-primary:active,
.drts-view-entities-footer a.drts-bs-btn-outline-primary:active:focus{
    background: #fff !important;
    color: var(--primary_color) !important;
    border-color: var(--primary_color) !important;
    box-shadow: unset !important;
}
.drts-map-marker-content .drts-bs-card-img-overlay{
    display: contents;
}
.fa-times:before {
    content: "\f00d";
    background: #fff;
    padding: 2px;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}
.drts-map-marker-content .drts-bs-card-title{
    ont-size: 1.25em;
    padding: 5px 10px;
    margin-bottom: 0;
}
.drts-map-marker-content .drts-bs-card-title a{
    color: #000 !important;
}
.drts .drts-bs-card-text:last-child{
    padding: 3px 10px;
    color: #000;
    font-family: var(--main-font);
}
.drts .drts-bs-bg-dark{
    background-color: #fff !important;
}
#hide-map{
    position: absolute;
    top: 52px;
    z-index: 1;
    left: 10px;
    top: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    height: 30px;
    width: 30px;
    align-items: center;
    border-radius: 3px;
    font-family: var(--main-font);
    background: #fff;
}
.hidden-map .drts-map-container{
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
}
.hidden-map .drts-map-map{
    height: 400px !important;
    width: calc(100% - 40px);
}
.hidden-map .drts .drts-bs-bg-dark,
.hidden-map .drts .drts-map-popover{
    display: none !important;
}
.hidden-map .property-cat-list-section .drts .drts-bs-flex-sm-row{
    position: relative;
}
.hidden-map .property-cat-list-section .drts .drts-bs-flex-sm-row .drts-bs-mb-3{
    position: absolute;
    right: 0;
    height: 400px !important;
}
.hidden-map .drts-main .drts-bs-col-sm-8.drts-location-entities-container{
    flex: 0 0 100%;
    max-width: 100%;
}
.hidden-map .drts-main .drts-bs-col-sm-8.drts-location-entities-container .drts-col-lg-6{
    flex: 0 0 33.3%;
    max-width: 33.3%;
}
.hidden-map .drts-main .drts-bs-col-sm-8.drts-location-entities-container .drts-col-lg-6:nth-child(1){
    flex: 0 0 100%;
    max-width: 100%;
    background: #fff;
}
.hidden-map .drts-view-entities-footer{
    max-width: 100%;
}
/*.hidden-map .drts-main .drts-bs-col-sm-8.drts-location-entities-container{
    flex: 0 0 100%;
    max-width: 100%;
}
.hidden-map .drts-slider-photos .slick-slider .slick-track{
    width: 100% !important;
}
.hidden-map .drts-slider-photos .slick-slider .slick-track .fitvidsignore{
    width: 100% !important;
}
.hidden-map .drts-slider-photos-fixed-height.drts-slider-photos-photo-no-padding .drts-slider-photos-main .slick-slide img{
    width: 100%;
}
.hidden-map .drts .drts-map-popover{
    display: none;
}
.hidden-map .drts-location-map-container-container{
    display: none;
}
.hidden-map .drts-view-entities-footer{
    max-width: 100%;
}
.hidden-map .drts-main .drts-bs-col-sm-8.drts-location-entities-container .drts-col-lg-6{
    flex: 0 0 33.3%;
    max-width: 33.3%;
}
.hidden-map .drts-main .drts-bs-col-sm-8.drts-location-entities-container .drts-col-lg-6:nth-child(1){
    flex: 0 0 70%;
    max-width: 70%;
    margin: 0 auto;
}*/
/*======================== End Property List ===========================*/


/*======================== Property Category page ===========================*/
.category-title{
    font-size: 48px;
    font-weight: 300;
    font-family: 'Canela Web';
    margin-bottom: -10px;
    padding-top: 40px;
}
.property-cat-listing-page{
    padding-top: 70px;
}
.property-cat-list-section .drts-display--detailed{
    display: none;
}

#drts-content-view-term-entities .drts-view-entities-layout-switch{
    display: none !important;
}
#drts-content-view-term-entities .drts-view-entities-sort-selected{
    border: unset;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--main-font);
    background-color: #fff;
}
#drts-content-view-term-entities .drts-view-entities-sort-selected:hover{
    background: transparent;
    color: #000;
}
#drts-content-view-term-entities .drts-view-entities-sort-selected:focus{
    box-shadow: unset;
}
#drts-content-view-term-entities .drts-view-entities-sort-selected:after{
    border-left: unset;
    border-bottom: unset;
    border-right: unset;
    border-top: unset;
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png);
    line-height: 15px;
    align-items: center;
    margin-left: 10px;
    rotate: 90deg;
    transform-origin: center center;
    transition: all 0.3s ease;
    vertical-align: unset;
}
#drts-content-view-term-entities .drts-bs-show .drts-view-entities-sort-selected:after{
    rotate: 270deg;
    transform-origin: center center;
}

/*Popular property*/
.popular-property{
    display: flex;
    padding-bottom: 5rem;
}
.popular-property > .row{
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
}
.popular-property .col-6{
    background: #F5F4F1;
}
.popular-property .right-col{
    padding:0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.popular-property .left-col{
    padding: 30px;
    position: relative;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.popular-property .right-col svg{
    position: absolute;
    top: 0;
    left: -14px;
    height: 100%;
    width: auto;
    z-index: 9;
/*    rotate: 270deg;*/
    rotate: -90deg;
    transform: rotateY(180deg);
}
.popular-property h2{
    font-size: 32px;
    font-weight: 300;
}
.popular-property p{
    font-size: 14px;
    line-height: 20px;
}
.popular-property a{
    position: absolute;
    bottom: 30px;
    padding: 5px 15px;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    display: flex;
    align-items: center;
}
.popular-property a:after{
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png);
    padding-left: 10px;
    line-height: 10px;
}
.popular-property img{
    width: 100%;
    height: 290px;
    object-fit: cover;
}
/*End popular property*/

/*======================== End Property Category page ===========================*/


/*======================== Category Page Filters ===========================*/
#filters{
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 1000;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    z-index: 9;
}
.logged-in #filters{
    top: 102px;
}
#filters .widget_sabaiapps_directories_wordpress_directory_filters{
    max-width: 1700px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-left: 20px;
}
#filters .widget-title{
    display: none;
}
#filters .drts-form-field-radio-options{
    display: flex;
    padding: 0 10px;
}
#drts-view-filter-display-element-view_filter_directory_tag-1 > .drts-view-filter-field-label-type-form{
    display: none;
}
#filters .drts-view-filter-form .drts-bs-card-group-none{
    border-left: unset;
    display: flex;
    align-items: center;
    max-width: 100%;
    height: 65px;
}
#filters .drts .drts-bs-card{
    border:unset;
}
#filters .drts .drts-bs-custom-control input[checked="checked"] ~ label.drts-bs-custom-control-label{
    color: #fff;
    background: #3e3e3e;
}
.drts .drts-bs-custom-checkbox .drts-bs-custom-control-label:before{
    display: none;
}
#filters .drts-bs-custom-control-label:after{
    display: none;
}
#filters .drts .drts-bs-card-body{
    padding: 5px;
    padding-left: 0;
    z-index: 9;
    margin-right: 10px;
}
#filters .drts-form-field-radio-options>.drts-bs-custom-control{
    padding-left: 0;
    margin-right: 20px;
}
#filters .drts-system-widget .drts-form label{
    padding: 5px 15px;
    border: 1px solid #dadada;
    border-radius: 5px;
    transition: all 0.3s;
    cursor: pointer;
    font-family: var(--main-font);
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 16px !important;
    font-weight: 400;
    color: #000;
}
#filters .drts-system-widget .drts-form label:hover{
    background: #3E3E3E;
    color: #fff;
}
.drts-view-entities-filters-applied{
    display: none;
}
#drts-view-filter-display-element-view_filter_field_property_type-1 .drts-bs-form-control {
    height: 40px;
    font-family: var(--main-font);
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-right: 10px;
}
#drts-view-filter-display-element-view_filter_field_property_type-1 .drts-bs-form-control:focus{
    border: 1px solid #dadada;
    box-shadow: unset;
}
#drts-system-widget-1 .drts-display-default-default{
    overflow: hidden;
}
#filters .drts .drts-bs-card:first-child{
    flex: 0 0 10%;
    max-width: fit-content;
    margin-right: 20px;
}
#filters .drts .drts-bs-card:nth-child(2){
    flex: 0 0 12%;
    max-width: 12%;
}
#filters .drts .drts-bs-card:nth-child(3){
    flex: 0 0 78%;
    max-width: 78%;
    padding: 0 20px;
}
#filters .drts .drts-bs-card:first-child > .drts-bs-card-body {
    max-width: 0%;
    opacity: 0;
    overflow: hidden;
    transition: max-width 0.2s ease-in-out;
    padding: 0;
    position: absolute;
    top: 60px;
    width: 600px;
    background: #fff;
    padding-top: 10px;
}
#filters .drts .drts-bs-card:first-child > .drts-bs-card-body.show {
    max-width: 600px;
    opacity: 1;
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 71px;
    background: #fff;
    z-index: 99999;
    padding: 0 40px;
    height: calc(100vh - 70px);
}
.logged-in #filters .drts .drts-bs-card:first-child > .drts-bs-card-body.show{
    top: 103px;
}
#filters #toggle-btn{
    z-index: 9999;
    display: block;
    background: transparent;
    border: 1px solid #dadada;
    border-radius: 5px;
    height: 40px;
    width: 120px;
}
#filters #toggle-btn img{
    width: 20px;
    margin-left: 10px !important;
}
.drts-system-widget .visible-heading > .drts-display-element-header{
    display: block;
    margin-bottom: 10px;
    width: 100%;
}
.drts-system-widget .visible-heading > .drts-display-element-header span{
    font-family: var(--main-font);
    font-weight: 500;
    font-size: 20px;
}
.drts .on-off .drts-bs-custom-control{
    padding-left: 0;
    padding-right: 20px;
}
#filter_btn .drts-view-filter-field-label{
    font-family: var(--main-font);
    font-weight: 500;
    font-size: 20px;
    padding-top: 1.5rem;
    padding-bottom: 5px;
}
#sticky_filter_header{
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 99;
    padding-top: 40px;
}
.filter-top{
    display: flex;
    justify-content: space-between;
    margin: 0 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadada;
}
.filter-top span{
    font-size: 20px;
    font-family: var(--main-font);
    font-weight: 500;
}
#close_filter{
    background: transparent;
    border: unset;
}
#close_filter i{
    font-size: 25px;
}
#filters .drts .drts-bs-custom-control{
    padding-left: 0;
    padding-right: 10px;
    margin-top: 0 !important;
}
#filters .owl-prev{
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}
#filters .owl-next{
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}
#filters .owl-next span,
#filters .owl-prev span{
    display: none;
}
#filters .owl-next:after{
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png) no-repeat center center;
    background-size: contain;
}
#filters .owl-prev:after{
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png) no-repeat center center;
    background-size: contain;
    transform: rotate(180deg);
}
#filters .drts .drts-bs-card:first-child > .drts-bs-card-body.show .drts-form-field-radio-options{
    padding-left: 0;
}
.drts .drts-bs-btn:not(:disabled):not(.drts-bs-disabled):focus{
    box-shadow: unset;
}
#filters .fa-search:before{
    font-size: 20px;
    color: #000;
}
.drts .drts-bs-form-control:focus{
    box-shadow: unset;
}
#filters .drts-display-group-inline .drts-display-group-element-separator{
    margin: 0;
}
#sticky_filter_footer{
    bottom: 0;
    position: sticky;
    padding-bottom: 40px;
    background: #fff;
    z-index: 99;
}
#filters .clear-btn{
    padding-top: 30px;
    border-top: 1px solid #dadada;
}
#filters .clear-btn button{
    background: #3E3E3E;
    color: #fff;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 500;
    font-family: var(--main-font);
    padding: 5px 15px;
}
#slider_filter .drts-form-type-checkbox{
    margin-bottom: 0;
}
#slider_filter .owl-stage-outer{
    padding: 0 7px;
}
#filters .drts-view-filter-form .drts-bs-card-body>.drts-display-element[data-name=group]>.drts-display-element{
    margin-bottom: 0;
}
#filters .drts .irs--flat .irs-bar{
    background-color: #3e3e3e;
}
.drts .irs--flat .irs-bar, .drts .irs--flat .irs-from, .drts .irs--flat .irs-handle>i:first-child, .drts .irs--flat .irs-single, .drts .irs--flat .irs-to{
    background-color: #3e3e3e;
}
.drts .irs--flat .irs-from,
.drts .irs--flat .irs-to{
    border-radius: 5px;
}

#filters .for_rent_filter_button{
    width: 130px;
}
/*======================== End Category Page Filters ===========================*/




/*======================== Login / Register Page ===========================*/
.drts-frontendsubmit-loginorregister > .container{
    padding-top: 100px;
}
.login-page .page-title{
    text-align: center;
    font-size: 48px;
    padding: 50px 0;
}
.login-page .login-forms{
    width: 70%;
    margin: 0 auto;
}
.login-page .login-forms h2{
    font-family: var(--main-font);
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}
.login-page .login-forms .drts-form-field {
    position: relative;
}
.login-page .login-forms .drts-form-field label:not(.drts-bs-custom-control-label){
    position: absolute;
    z-index: 9;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 10px;
    font-size: 16px;
    font-family: var(--main-font);
    font-weight: 400;
    transition: opacity 0.3s;
}
.login-page .login-forms .drts-form-field:not(.drts-form-type-checkbox) input{
    text-align: right;
    height: 45px;
    position: relative;
}
.login-page .login-forms .drts-bs-custom-control{
    display: none !important;
}
.login-page .login-forms .drts .drts-bs-btn:not(:disabled):not(.drts-bs-disabled){
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    width: 140px;
    height: 45px;
    background: #3e3e3e;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 16px;
    font-family: var(--main-font);
    transition: all 0.3s;
}
.login-page .login-forms .drts .drts-bs-btn:not(:disabled):not(.drts-bs-disabled):hover{
    background: #fff;
    color: #000;
    border: 1px solid #3e3e3e;
}
.login-page .login-forms a.drts-bs-mx-2{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    margin-right: 0 !important;
    color: #000;
}
.login-page .extra-section{
    padding-top: 12rem;
}
.login-page .drts-frontendsubmit-login-register-form-separator{
    height: 300px !important;
}
.login-page #mc4wp-form-1{
    height: 300px;
}
.login-page .popular-property{
    padding-top: 0;
}
.mo_openid-login-button{
    border-radius: 5px;
    background: #3e3e3e !important;
}
.mo-openid-app-icons p{
    font-size: 17px;
    color: var(--heading_text_color);
    font-weight: 700;
    padding-bottom: 0; 
}
.mo-openid-app-icons a.login-button{
    display: flex;
    justify-content: center;
}
.drts-frontendsubmit-login-register-form-separator{
    display: none;
}
.drts-frontendsubmit-login-register-form-column[data-column-type=register]{
    display: none;
}
.drts-frontendsubmit-login-register-form{
    justify-content: center;
}
.mo-openid-app-icons{
    padding-top: 40px;
}
.mo-openid-app-icons p{
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 400;
}
.drts-bs-modal-dialog button.drts-bs-btn{
    background-color: #3e3e3e;
    border: 1px solid #3e3e3e;
}
.drts-bs-modal-dialog button.drts-bs-btn:hover{
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}
/*======================== End Login / Register Page ===========================*/


/*======================== My Account Page ===========================*/
.page-id-4950 .simple-page-content{
    width: 100%;
}
.drts-dashboard-panel > .container{
    padding-top: 100px;
    height: 70vh;
}
.drts-dashboard-panel .page-title{
    font-size: 48px;
}
.drts-dashboard-panel .drts-dashboard-links button.drts-bs-collapsed{
    background: #fff;
    color: #000 !important;
}
.drts-dashboard-panel .drts .drts-bs-btn-link{
    color: #7e6c6c;
}
.drts-dashboard-panel .drts .drts-bs-list-group-item.drts-bs-active{
    background: #3e3e3e;
    border-color: #3e3e3e;
}
.drts-dashboard-panel #drts-dashboard-main{
    padding: 0 50px;
}
.drts-dashboard-panel #drts-dashboard-main button.drts-bs-btn-primary{
    background: #3e3e3e;
    height: 45px;
    border: 1px solid #3e3e3e;
    transition: all 0.3s;
}
.drts-dashboard-panel #drts-dashboard-main button.drts-bs-btn-primary:hover{
    background: #fff;
    color: #000;
}
/*======================== End My Account Page ===========================*/

/*======================== Contact Page ===========================*/
/* Contact Page (new layout) */
body.page-template-contact_page,
body.page-template-contact_page-php{
    background: var(--light-background);
}
.contact-page{
    background: var(--light-background);
    padding: 180px 24px 100px;
    text-align: center;
}
.contact-page__inner{
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 7rem;
}
.contact-page__breadcrumb{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 50px;
    padding: 0;
    list-style: none;
    font-family: var(--main-font);
}
.contact-page__breadcrumb li{
    font-size: 16px;
    color: var(--primary_color) !important;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding-left: unset !important;
}
.contact-page__breadcrumb li a{
    color: var(--primary_color);
    text-decoration: none;
    font-size: 16px;
    transition: opacity 0.2s ease;
}
.contact-page__breadcrumb li a:hover,
.contact-page__breadcrumb li a:focus{
    opacity: 0.7;
    color: var(--primary_color);
    text-decoration: none;
}
.contact-page__breadcrumb li:not(:last-child):after{
    content: '';
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url('https://greenhill.adwrk.com/wp-content/uploads/2026/05/Vector-1.png') no-repeat center / contain;
    margin: 0 14px;
}
.contact-page__title{
    color: var(--primary_color);
    margin: 0 0 24px;
    font-weight: 400;
    line-height: 1.05;
}
.contact-page__title-line{
    display: block;
    font-family: var(--main-font);
    text-transform: uppercase;
    font-weight: 500;
    font-size: clamp(40px, 6vw, 72px);
    letter-spacing: 0.005em;
}
.contact-page__title-italic{
    display: block;
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 500;
    font-size: clamp(44px, 6.5vw, 77px);
    margin-top: 0.05em;
    text-transform: uppercase;
}
.contact-page__short-text{
    color: var(--primary_color);
    margin: 0 0 50px;
}
.contact-page__short-text p{
    font-family: var(--main-font);
    font-size: 32px !important;
    line-height: 1.6;
    margin: 0;
    padding: 2rem 0;
    text-align: center;
}
.contact-page__form-card{
    background: #fff;
    border-radius: 144px;
    padding: 130px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.04);
    text-align: left;
}
.contact-page__form-card .nf-form-title{
    display: none;
}
.contact-page__form-card .nf-field-label{
    display: none;
}
.contact-page__form-card .nf-field-container{
    margin-bottom: 14px;
}
.contact-page__form-card .ninja-forms-field{
    background: #fff !important;
    border: 1px solid #d5d3d0 !important;
    border-radius: 16px !important;
    font-family: var(--main-font) !important;
    font-size: 15px !important;
    color: var(--primary_color) !important;
    width: 100% !important;
    height: 80px !important;
    box-sizing: border-box;
}
.contact-page__form-card .ninja-forms-field:not(#nf-field-67){
    padding: 14px 22px !important;
}
.contact-page__form-card textarea.ninja-forms-field{
    border-radius: 18px !important;
    min-height: 175px;
    resize: vertical;
}
.contact-page__form-card .nf-error .ninja-forms-field{
    border-color: #c4c4c4 !important;
    background: #fff !important;
}
.contact-page__form-card .nf-error .nf-error-msg{
    display: none;
}
.contact-page__form-card input[type=submit]{
    background: var(--primary_color) !important;
    color: #fff !important;
    border: 1px solid var(--primary_color) !important;
    border-radius: 50px !important;
    padding: 14px 42px !important;
    font-family: var(--main-font) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease;
    height: auto !important;
    width: auto !important;
    margin-top: 18px;
}
.contact-page__form-card input[type=submit]:hover,
.contact-page__form-card input[type=submit]:focus{
    background: #fff !important;
    color: var(--primary_color) !important;
}
#nf-field-57-wrap .nf-field-label{
    padding-left: 0 !important;
    height: 40px;
}
#nf-label-field-57{
    font-size: 14px !important;
    font-weight: 400;
}
#nf-label-field-57:before{
    font-size: 20px;
}
#nf-label-field-57:after{
    border-radius: 5px;
}
#nf-label-field-57 a{
    color: #000;
    text-decoration: underline;
}
.page-template-contact_page .nf-error.field-wrap .nf-field-element:after{
    border-radius: 16px;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*======================== End Contact Page ===========================*/



/*============================ About Us Page ===========================*/
.about-page{
    padding-top: 100px;
}
.about-page #main{
    padding-bottom: 50px;
}
.about-page .two-col-section{
    padding-top: 60px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 100px;
}
.about-page .two-col-section .left-col{
    padding-right: 60px;
}
.about-page .two-col-section .right-col{
    padding-left: 60px;
}
.about-page .two-col-section .left-col h4{
    font-size: 48px;
    font-weight: 300;
    font-family: var(--title-font);
}
.about-page .two-col-section .right-col p{
    text-align: left;
}
.about-page .two-col-section .right-col .celebrating-link{
    padding-top: 30px;
}
.about-page .two-col-section .right-col a{
    color: #000;
    font-family: var(--title-font);
    font-size: 30px;
    font-weight: 300;
}
.about-portfolio{
    background: #3E3E3E;
}
.about-portfolio .container{
    padding: 100px 0;
}
.about-portfolio .container > .row{
    width: 90%;
    margin: 0 auto;
}
.about-portfolio img.portfolio-img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.about-portfolio .title h4{
    padding-left: 15px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-family: var(--main-font);
    font-weight: 400;
    padding-bottom: 50px;
}
.about-image-block{
    position: relative;
}
.about-portfolio .overlay {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(14, 29, 51, 0.5), rgba(14, 29, 51, 0.2));
}
.about-portfolio .first-col{
    flex: 0 0 40%;
    max-width: 40%;
}
.about-portfolio .img-col{
    flex: 0 0 30%;
    max-width: 30%;
}
.about-portfolio .first-col p{
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    font-family: var(--title-font);
    text-align: left;
    line-height: 40px;
    padding-right: 50px;
}
.about-portfolio .img-col img{
    border-radius: 4px;
}
.about-portfolio .img-col a {
    position: absolute;
    left: 40px;
    bottom: 40px;
    color: #fff;
    font-size: 40px;
    font-family: var(--title-font);
    font-weight: 300;
}
.about-portfolio .img-col a:after{
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/05/Frame-21.png);
    padding-left: 30px;
    transition: all 0.3s ease;
}
.about-portfolio .img-col a:hover::after{
    padding-left: 40px;
}
.mission{
    background: #F5F4F1;
}
.mission-section{
    padding: 100px 0;
}
.mission-section .content{
    width: 90%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.mission-section .content img{
    width: 100%;
}
.mission-section .text-content{
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
.mission-section .text-content h4{
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 45px;
}
.mission-section .text-content p{
    text-align: center;
    font-family: var(--title-font);
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    padding-bottom: 100px;
}
.construction{
    background: #F5F4F1;
    padding-bottom: 130px;
}
.construction-division{
    padding-top: 50px;
}
.construction-division > .row{
    width: 90%;
    margin: 0 auto;
}
.construction-division .col-6{
    padding-left: 0;
    padding-right: 0;
}
.construction-division .left-col{
    padding-right: 80px;
}
.construction-division .right-col{
    padding-left: 80px;
    position: relative;
}
.construction-division .left-col h4{
    font-family: var(--main-font);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 40px;
}
.construction-division .left-col p{
    text-align: left;
    font-size: 30px;
    font-family: var(--title-font);
    font-weight: 300;
    line-height: 40px;
}
.construction-division .right-col svg.top{
    transform: rotate(-180deg) !important;
    position: absolute;
    top: -7%;
    z-index: 9;
}
.construction-division img.right-img{
    width: 100%;
    border-radius: 5px;
    height: 550px;
    object-fit: cover;
    position: relative;
    display: block;
}
.construction-division .image-section{
    position: relative;
}
.construction-division .image-section:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 100%;
    background-color: #F5F4F1;
    z-index: 1;
}
.services{
    padding-top: 100px;
}
.services .row {
    width: 90%;
    margin: 0 auto;
}
.services .title-section{
    display: block;
    text-align: center;
    width: 45%;
}
.services .title-section h2{
    font-size: 48px;
    font-weight: 300;
    font-family: var(--title-font);
    padding-bottom: 30px;
}
.services .title-section h4{
    font-size: 18px;
    font-family: var(--main-font);
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 80px;
}
.services .text-section{
    width: 70%;
}
.services .text-section p{
    text-align: left;
}
.popular-property {
    width: 100%;
    margin: 0 auto;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.popular .popular-property{
    width: 70%;
}
.popular-property .left-col {
    padding: 30px;
    position: relative;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.popular-property .right-col {
    padding-right: 0;
}
.popular-property .left-col h4 {
    font-size: 32px;
    font-weight: 300;
    font-family: var(--title-font);
}
.popular-property .left-col span {
    font-size: 14px;
    line-height: 20px;
    width: 80%;
    display: block;
}
.popular-property .left-col a {
    position: absolute;
    bottom: 30px;
    padding: 5px 25px;
    border: 1px solid #000;
    border-radius: 5px;
    color: #fff;
    background-color: var(--primary_color);
    display: flex;
    align-items: center;
    height: 45px;
    transition: all 0.3s;
}
.popular-property .left-col a:hover{
    background-color: transparent;
    color: #000;
}
.popular-property .left-col a:after {
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png);
    padding-left: 10px;
    line-height: 10px;
    transition: all 0.3s ease;
    display: none;
}
.popular-property .left-col a:hover:after{
    padding-left: 12px;
}
.popular-property svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    z-index: 9;
    rotate: 270deg;
}
.popular-property img.popular-property-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
}
/*============================ End About Us Page ===========================*/


/*========================== Start Homepage ==========================*/
.home{
    background: var(--light-background);
}
.home .header-left a{
    display: none !important;
}
body:not(.home) .header-center > div{
    display: none !important;
}
.header-left > a > img.image{
    width: 150px;
    padding-top: 20px;
}
body.single-for_sale_dir_ltg .header-left > a > img.image{
    filter: brightness(0) invert(1);
}

/*------- Hero Section (video + overlay + bottom shape) -------*/
.container-fluid.hero-video > video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.hero-overlay{
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    text-align: center;
    pointer-events: none;
}
.hero-overlay .hero-content{
    max-width: 980px;
    width: 100%;
    pointer-events: none;
}
.hero-overlay .hero-content > *{
    pointer-events: auto;
}
.hero-title{
    color: #fff;
    font-family: var(--title-font);
    font-weight: 500;
    font-size: clamp(36px, 6vw, 70px);
    line-height: 1.05;
    letter-spacing: 0.01em;
    margin: 0 0 56px;
}
.hero-title__line{
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--main-font);
    font-size: 72px;
}
.hero-title__italic{
    display: block;
    font-style: italic;
    text-transform: none;
    margin-top: 0.15em;
    font-family: var(--italic-headings);
    font-size: 77px;
    font-weight: 500;
    text-transform: uppercase;
}
.hero-button{
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 18px 40px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 999px;
    color: #fff !important;
    text-decoration: none;
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    height: 72px;
}
.hero-button span{
    font-size: 18px;
    font-family: var(--main-font);
    font-weight: 500;
}
.hero-button:hover,
.hero-button:focus{
    background: rgba(255, 255, 255, 0.18);
    border-color: #fff;
    color: #fff !important;
    text-decoration: none;
}
.hero-button__arrow{
    width: 36px;
    height: auto;
    display: inline-block;
    transition: transform 0.3s ease;
}
.hero-button:hover .hero-button__arrow{
    transform: translateX(4px);
}
.hero-section svg{
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 5;
}

/*------- End Hero Section -------*/


/*------- Homepage Intro (section 2 description) -------*/
.homepage-intro{
    padding: 140px 24px;
    text-align: center;
}
.homepage-intro__content{
    max-width: 1200px;
    margin: 0 auto;
}
.homepage-intro__content,
.homepage-intro__content p{
    color: #2c3e35;
    font-family: var(--main-font);
    font-weight: 400;
    font-size: clamp(20px, 2vw, 32px);
    line-height: 43px;
    text-align: center;
}
.homepage-intro__content p{
    margin: 0 0 1em;
}
.homepage-intro__content p:last-child{
    margin-bottom: 0;
}
.homepage-intro__content strong,
.homepage-intro__content b{
    font-weight: 500;
}
.homepage-intro__content em,
.homepage-intro__content i{
    font-style: italic;
}
.homepage-intro__content a{
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: opacity 0.2s ease;
}
.homepage-intro__content a:hover{
    opacity: 0.7;
}

/*------- End Homepage Intro -------*/


/*------- Three Column Section (section 3) -------*/
.three-column-section{
    padding: 60px 24px 140px;
}
.three-column-section__inner{
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 60px;
}
.three-column-section__col{
    display: flex;
    align-items: center;
    justify-content: center;
}
.three-column-section__heading{
    color: #2c3e35;
    margin: 0;
    line-height: 1.15;
    text-align: center;
}
.three-column-section__heading--upper{
    font-family: var(--main-font);
    font-weight: 500;
    font-size: clamp(22px, 2.4vw, 50px);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.three-column-section__heading--italic{
    font-family: var(--italic-headings);
    font-weight: 500;
    font-style: italic;
    font-size: clamp(28px, 3vw, 54px);
    line-height: 1.1;
    text-transform: uppercase;
}
.three-column-section__image-wrap{
    width: clamp(280px, 28vw, 460px);
    aspect-ratio: 2 / 3;
    border-radius: 9999px;
    overflow: hidden;
    background: #efefef;
}
.three-column-section__image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/*------- End Three Column Section -------*/


/*------- Residences Types Section (section 4) -------*/
.slii-marker.slii-flip-left .slii-tooltip{
    top: 0;
    transform: none;
}
.residences-types{
    background: var(--primary_color);
    color: #fff;
    padding: 90px 40px 110px;
}
.residences-types__inner{
    max-width: 1500px;
    margin: 0 auto;
}
.residences-types__header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 56px;
}
.residences-types__title{
    color: #fff;
    font-family: var(--main-font);
    font-weight: 500;
    font-size: clamp(28px, 3.4vw, 50px);
    line-height: 1.05;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    margin: 0;
}
.residences-types__title em{
    display: block;
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 400;
    text-transform: none;
    margin-top: 0.05em;
    text-transform: uppercase;
    font-size: 54px;
}
.residences-types__explore{
    display: inline-flex;
    align-items: center;
    gap: 16px;
    color: #fff !important;
    text-decoration: none;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    transition: opacity 0.2s ease;
    flex-shrink: 0;
}
.residences-types__explore:hover,
.residences-types__explore:focus{
    opacity: 0.7;
    color: #fff !important;
    text-decoration: none;
}
.residences-types__explore img{
    width: 36px;
    height: auto;
    transition: transform 0.3s ease;
}
.residences-types__explore:hover img{
    transform: translateX(4px);
}
.residences-types__grid{
    display: grid;
    grid-template-columns: 5fr 4fr 3fr;
    gap: 16px;
}
.residences-types__item{
    display: block;
    color: #fff !important;
    text-decoration: none;
}
.residences-types__item:hover,
.residences-types__item:focus{
    color: #fff !important;
    text-decoration: none;
}
.residences-types__image-wrap{
    height: 800px;
    overflow: hidden;
    background: #1a3a35;
    margin-bottom: 28px;
}
.residences-types__image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}
.residences-types__item:hover .residences-types__image{
    transform: scale(1.04);
}
.residences-types__caption{
    text-align: center;
}
.residences-types__name{
    display: block;
    font-family: var(--main-font);
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.residences-types__count{
    display: block;
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 500;
    font-size: 36px;
    color: rgba(255, 255, 255, 0.9);
}

/* Development page variant — light bg, dark text */
.residences-types--development{
    background: transparent;
    color: var(--primary_color);
}
.residences-types--development .residences-types__title{
    color: var(--primary_color);
}
.residences-types--development .residences-types__explore,
.residences-types--development .residences-types__explore:hover,
.residences-types--development .residences-types__explore:focus{
    color: var(--primary_color) !important;
}
.residences-types--development .residences-types__explore img{
    filter: brightness(0);
}
.residences-types--development .residences-types__item,
.residences-types--development .residences-types__item:hover,
.residences-types--development .residences-types__item:focus{
    color: var(--primary_color) !important;
}
.residences-types--development .residences-types__name{
    color: var(--primary_color);
}
.residences-types--development .residences-types__count{
    color: rgba(39, 71, 71, 0.85);
}
.residences-types--development .residences-types__image-wrap{
    background: rgba(39, 71, 71, 0.08);
}

/*------- End Residences Types -------*/


/*------- Amenities Section (section 5) -------*/
.amenities-section{
    background: #fff;
    padding: 100px 40px 120px;
}
.amenities-section__inner{
    max-width: 1600px;
    margin: 0 auto;
}
.amenities-section__header{
    text-align: center;
    margin-bottom: 80px;
}
.amenities-section__title{
    font-family: var(--main-font);
    font-weight: 500;
    font-size: clamp(28px, 3.5vw, 50px);
    text-transform: uppercase;
    color: var(--primary_color);
    padding-bottom: 0;
}
.amenities-section__subtitle{
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 500;
    font-size: clamp(22px, 3vw, 54px);
    text-transform: uppercase;
    color: var(--primary_color);
    margin: 0;
    line-height: 1.15;
    text-align: center;
}
.amenities-section__body{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}
.amenities-section__left{
    display: flex;
    flex-direction: column;
    gap: 50px;
    color: var(--primary_color);
}
.amenities-section__text{
    font-family: var(--main-font);
    font-size: 17px;
    line-height: 1.65;
    color: var(--primary_color);
    max-width: 550px;
}
.amenities-section__text p{
    margin: 0 0 1.1em;
    font-size: 24px;
    font-weight: 400;
    text-align: left;
}
.amenities-section__text > p:nth-child(2){
    margin-bottom: 5px;
}
.amenities-section__text p:last-child{
    margin-bottom: 0;
}
.amenities-section__text ul{
    list-style: none;
    padding: 0;
    margin: 0 0 1em;
}
.amenities-section__text ul li{
    position: relative;
    padding-left: 22px;
    line-height: 1.5;
    font-size: 24px;
    font-family: var(--main-font);
    font-weight: 400;
    color: var(--primary_color);
}
.amenities-section__text ul li::before{
    content: '';
    position: absolute;
    left: 2px;
    top: 12px;
    width: 16px;
    height: 12px;
    background: url('https://greenhill.adwrk.com/wp-content/uploads/2026/05/arrow.png') no-repeat center / contain;
    filter: brightness(0);
}
.amenities-section__button{
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 18px 36px;
    background: var(--primary_color);
    border-radius: 999px;
    color: #fff !important;
    text-decoration: none;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    transition: opacity 0.25s ease;
    height: 72px;
}
.amenities-section__button:hover,
.amenities-section__button:focus{
    opacity: 0.85;
    color: #fff !important;
    text-decoration: none;
}
.amenities-section__button img{
    width: 36px;
    height: auto;
    transition: transform 0.3s ease;
}
.amenities-section__button:hover img{
    transform: translateX(4px);
}
.amenities-section__images{
    position: relative;
    width: 760px;
    max-width: 100%;
    height: 600px;
    margin-left: auto;
}
.amenities-section__image{
    overflow: hidden;
    background: #efefef;
}
.amenities-section__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.amenities-section__image--main{
    position: absolute;
    top: 0;
    right: 0;
    width: 760px;
    height: 380px;
    max-width: 100%;
    border-radius: 0 0 0 100px;
}
.page-template-development .amenities-section:not(.amenities-section--reverse) .amenities-section__image--main{
    right: unset;
    left: -15%;
}
.page-template-development .amenities-section:not(.amenities-section--reverse) .amenities-section__image--secondary{
    left: unset;
    right: 0;
    border-top-left-radius: 30%;
    border-top-right-radius: unset;
}
.amenities-section__image--secondary{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 380px;
    height: 400px;
    max-width: 100%;
    border-top-right-radius: 30%;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
    left: -22%;
}
.amenities-section--reverse .amenities-section__image--main{
    right: -15%;
}
.amenities-section--reverse .amenities-section__left{
    margin-left: 15%;
}

/*------- End Amenities -------*/


/*------- Featured Listing (homepage section 6) -------*/
.featured-listing{
    padding: 80px 40px 120px;
    color: var(--primary_color);
}
.featured-listing__inner{
    max-width: 1500px;
    margin: 0 auto;
}
.featured-listing__header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 48px;
}
.featured-listing__title{
    font-family: var(--main-font);
    font-weight: 500;
    font-size: clamp(28px, 3.4vw, 50px);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0;
    color: var(--primary_color);
}
.featured-listing__title em{
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 400;
    text-transform: none;
    margin-left: 0.15em;
    text-transform: uppercase;
    font-size: 54px;
}
.featured-listing__explore{
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: var(--primary_color) !important;
    text-decoration: none;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    flex-shrink: 0;
    transition: opacity 0.2s ease;
}
.featured-listing__explore:hover,
.featured-listing__explore:focus{
    opacity: 0.7;
    color: var(--primary_color) !important;
    text-decoration: none;
}
.featured-listing__explore img{
    width: 36px;
    height: auto;
    transition: transform 0.3s ease;
    filter: invert(1);
}
.featured-listing__explore:hover img{
    transform: translateX(4px);
}
.featured-listing__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.featured-listing__item{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.featured-listing__media{
    display: block;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 22px;
    /* aspect-ratio: 4 / 3.4; */
    height: 600px;
    background: #cfd9cd;
}
.featured-listing__media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}
.featured-listing__item:hover .featured-listing__media img{
    transform: scale(1.03);
}
.featured-listing__body{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.featured-listing__title-row{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 6px;
}
.featured-listing__heading{
    margin: 0;
    font-family: var(--main-font);
    font-weight: 500;
    font-size: 19px;
    text-transform: uppercase;
    line-height: 1.2;
}
.featured-listing__heading a{
    color: var(--primary_color);
    text-decoration: none;
    font-size: 28px;
    font-family: var(--main-font);
    font-weight: 400;
}
.featured-listing__heading a:hover{
    color: var(--primary_color);
    text-decoration: none;
    opacity: 0.75;
}
.featured-listing__area{
    font-family: var(--italic-headings);
    font-style: italic;
    font-size: 26px;
    font-weight: 500;
    color: var(--primary_color);
    flex-shrink: 0;
}
.featured-listing__area sup{
    font-size: 0.65em;
    vertical-align: super;
    line-height: 0;
}
.featured-listing__meta{
    margin: 0 0 18px;
    font-family: var(--main-font);
    font-size: 20px;
    font-weight: 400;
    color: var(--primary_color);
}
.featured-listing__btn{
    align-self: flex-start;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    border: 1px solid var(--primary_color);
    border-radius: 999px;
    color: var(--primary_color) !important;
    text-decoration: none;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    transition: background 0.25s ease, color 0.25s ease;
    height: 48px;
}
.featured-listing__btn:hover,
.featured-listing__btn:focus{
    background: var(--primary_color);
    color: #fff !important;
    text-decoration: none;
}

/*------- End Featured Listing -------*/



/*========================== End Homepage ==========================*/



/*=========================== Residences Archive Hero ===========================*/
.page-template-archive-property{
    background: var(--light-background);
}
.property-listing-page{
    padding-top: 0;
}
.property-listing-page .residences-hero{
    background: var(--light-background);
    padding: 180px 24px 90px;
    text-align: center;
}
.property-listing-page .residences-hero__inner{
    max-width: 1200px;
    margin: 0 auto;
}
.property-listing-page .residences-hero__breadcrumb{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--primary_color);
    margin-bottom: 50px;
}
.property-listing-page .residences-hero__breadcrumb a{
    color: var(--primary_color);
    text-decoration: none;
    transition: opacity 0.2s ease;
    font-size: 16px;
    letter-spacing: 0;
}
.property-listing-page .residences-hero__breadcrumb a:hover,
.property-listing-page .residences-hero__breadcrumb a:focus{
    opacity: 0.7;
    color: var(--primary_color);
    text-decoration: none;
}
.property-listing-page .residences-hero__breadcrumb-sep{
    font-size: 0;
    color: transparent;
    line-height: 0;
    width: 8px;
    height: 12px;
    display: inline-block;
    background: url('https://greenhill.adwrk.com/wp-content/uploads/2026/05/Vector-1.png') no-repeat center / contain;
}
.property-listing-page .residences-hero__breadcrumb-current{
    color: var(--primary_color);
    opacity: 0.85;
    font-size: 16px;
    font-weight: 400px !important;
    letter-spacing: 0;
}
.property-listing-page .residences-hero__title{
    color: var(--primary_color);
    margin: 0 0 40px;
    line-height: 1.05;
    font-weight: 400;
}
.property-listing-page .residences-hero__title-line{
    display: block;
    font-family: var(--main-font);
    text-transform: uppercase;
    font-weight: 500;
    font-size: clamp(40px, 6.4vw, 72px);
}
.property-listing-page .residences-hero__title-italic{
    display: block;
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 500;
    font-size: clamp(44px, 7vw, 77px);
    margin-top: 0.05em;
    text-transform: uppercase;
}
.property-listing-page .residences-hero__description{
    max-width: 1220px;
    margin: 0 auto;
    color: var(--primary_color);
}
.property-listing-page .residences-hero__description p{
    font-family: var(--main-font);
    font-size: 32px;
    line-height: 1.55;
    color: var(--primary_color);
    margin: 0;
    font-weight: 400;
    text-align: center;
}
/* Development page hero */
body.page-template-development{
    background: var(--light-background);
}
.development-hero{
    padding: 180px 24px 90px;
    text-align: center;
    background: #c6dce7;
}
.development-hero__inner{
    max-width: 1200px;
    margin: 0 auto;
}
.development-hero__breadcrumb{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 50px;
    padding: 0;
    list-style: none;
    font-family: var(--main-font);
}
.development-hero__breadcrumb li{
    font-size: 16px;
    color: var(--primary_color);
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.development-hero__breadcrumb li a{
    color: var(--primary_color);
    text-decoration: none;
    font-size: 16px;
    transition: opacity 0.2s ease;
}
.development-hero__breadcrumb li a:hover,
.development-hero__breadcrumb li a:focus{
    opacity: 0.7;
    color: var(--primary_color);
    text-decoration: none;
}
.development-hero__breadcrumb li:not(:last-child):after{
    content: '';
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url('https://greenhill.adwrk.com/wp-content/uploads/2026/05/Vector-1.png') no-repeat center / contain;
    margin: 0 14px;
}
.development-hero__title{
    font-family: var(--main-font);
    color: var(--primary_color);
    text-transform: uppercase;
    font-size: clamp(40px, 6.4vw, 72px);
    font-weight: 500;
    margin: 0;
    line-height: 1.05;
}
.development-hero__subtitle{
    font-family: var(--italic-headings);
    color: var(--primary_color);
    font-style: italic;
    font-size: clamp(44px, 7vw, 77px);
    font-weight: 500;
    margin: 0.05em 0 40px;
    line-height: 1.05;
    text-transform: uppercase;
}
.development-hero__description{
    color: var(--primary_color);
    font-family: var(--main-font);
    max-width: 1220px;
    margin: 0 auto;
}
.development-hero__description p{
    font-family: var(--main-font);
    font-size: 32px;
    line-height: 1.55;
    color: var(--primary_color);
    margin: 0;
    font-weight: 400;
    text-align: center;
}
.development-hero-image{
    width: 100%;
    overflow: hidden;
    border-bottom-left-radius: 145px;
    border-bottom-right-radius: 145px;
}
.development-hero-image img{
    display: block;
    width: 100%;
    height: auto;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
.development-intro{
    padding: 110px 24px;
    text-align: center;
}
.development-intro__inner{
    max-width: 1220px;
    margin: 0 auto;
    color: var(--primary_color);
}
.development-intro p{
    font-family: var(--main-font);
    font-size: 32px;
    line-height: 1.55;
    color: var(--primary_color);
    margin: 0;
    font-weight: 400;
    text-align: center;
}
.development-intro p + p{
    margin-top: 18px;
}
.development-icons{
    padding: 60px 24px 140px;
    text-align: center;
}
.development-icons__inner{
    max-width: 1220px;
    margin: 0 auto;
}
.development-icons__intro{
    max-width: 1200px;
    margin: 0 auto 90px;
    color: var(--primary_color);
}
.development-icons__intro p{
    font-family: var(--main-font);
    font-size: 32px;
    line-height: 1.5;
    color: var(--primary_color);
    margin: 0;
    font-weight: 400;
    text-align: center;
}
.development-icons__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    align-items: start;
    justify-items: center;
}
.development-icons__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 320px;
}
.development-icons__icon{
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 38px;
}
.development-icons__icon img{
    max-height: 120px;
    width: auto;
    display: block;
}
.development-icons__title{
    font-family: var(--main-font);
    font-size: 24px;
    font-weight: 700;
    color: var(--primary_color);
    line-height: 1.3;
    margin-bottom: 4px;
}
.development-icons__subtitle{
    font-family: var(--main-font);
    font-size: 24px;
    font-weight: 400;
    color: var(--primary_color);
    line-height: 1.4;
}

/* Construction Progress Section */
.construction-progress{
    background: var(--primary_color);
    color: #fff;
    padding: 100px 24px 110px;
}
.construction-progress__inner{
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.construction-progress__title{
    color: #fff;
    margin: 0 0 50px;
    font-weight: 400;
    line-height: 1.05;
}
.construction-progress__title-line{
    display: block;
    font-family: var(--main-font);
    text-transform: uppercase;
    font-weight: 500;
    font-size: clamp(26px, 3.2vw, 50px);
}
.construction-progress__title-italic{
    display: block;
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 500;
    font-size: clamp(26px, 3.2vw, 54px);
    margin-top: 0.05em;
    text-transform: uppercase;
}
.construction-progress__description{
    color: rgba(255,255,255,0.9);
    margin: 0 0 70px;
}
.construction-progress__description p{
    font-family: var(--main-font);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.55;
    margin: 0;
    color: #fff;
    text-align: center;
}
/* Text block under the construction-progress video (centered, like the header) */
.under-video-text{
    max-width: 1200px;
    margin: 90px auto 0;
    color: #fff;
}
.under-video-text__title{
    margin: 0 0 36px;
    font-weight: 400;
    line-height: 1.05;
}
.under-video-text__title-line{
    display: block;
    font-family: var(--main-font);
    text-transform: uppercase;
    font-weight: 500;
    font-size: clamp(26px, 3.2vw, 50px);
    color: #fff;
}
.under-video-text__title-italic{
    display: block;
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 500;
    font-size: clamp(26px, 3.2vw, 54px);
    margin-top: 0.05em;
    text-transform: uppercase;
    color: #fff;
}
.under-video-text__description p{
    font-family: var(--main-font);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.7;
    margin: 0 0 1.5em;
    color: rgba(255,255,255,0.9);
    text-align: center;
}
.under-video-text__description p:last-child{
    margin-bottom: 0;
}
.construction-progress__timeline{
    position: relative;
    max-width: 650px;
    margin: 0 auto 80px;
    padding: 0;
}
.construction-progress__step{
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 56px;
    padding: 15px 0;
}
.construction-progress__step:first-child{
    padding-top: 110px;
}
.construction-progress__step:before,
.construction-progress__step:after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    background: rgba(255,255,255,0.55);
    opacity: 0;
    transition: opacity 1s ease;
}
.construction-progress__step.is-line-revealed:before,
.construction-progress__step.is-line-revealed:after{
    opacity: 1;
}
.construction-progress__step:before{
    top: 0;
    bottom: 50%;
}
.construction-progress__step:after{
    top: 50%;
    bottom: 0;
}
.construction-progress__step:last-child:after{
    display: none;
}
/* Top stub of the first step fades in from transparent at the top */
.construction-progress__step:first-child:before{
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.55) 75%
    );
}
/* Future segments (after the current step) become large white dashes */
.construction-progress__step.is-current:after,
.construction-progress__step.is-current ~ .construction-progress__step:before,
.construction-progress__step.is-current ~ .construction-progress__step:after{
    background: repeating-linear-gradient(
        to bottom,
        rgba(255,255,255,0.55) 0,
        rgba(255,255,255,0.55) 12px,
        transparent 12px,
        transparent 20px
    );
}
.construction-progress__dot{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--primary_color);
    border: 1px solid rgba(255,255,255,0.55);
    z-index: 2;
    box-sizing: border-box;
    opacity: 0;
    transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease, background 0.3s ease, border-color 0.3s ease, opacity 0.5s ease 0.4s;
}
.construction-progress__step.is-revealed .construction-progress__dot{
    opacity: 1;
}
/* Active (completed) — solid filled white dot */
.construction-progress__step.is-active .construction-progress__dot{
    width: 16px;
    height: 16px;
    background: #fff;
    border: 0;
}
/* Current step — large hollow ring with thick white border + inner white dot */
.construction-progress__step.is-current .construction-progress__dot{
    width: 24px;
    height: 24px;
    background: var(--primary_color);
    border: 2.5px solid #fff;
}
.construction-progress__step.is-current .construction-progress__dot:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
}
.construction-progress__step:hover .construction-progress__dot{
    transform: translate(-50%, -50%) scale(1.25);
}
.construction-progress__step-content{
    color: #fff;
    line-height: 1.45;
    font-family: var(--main-font);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.5s ease 0.4s, transform 0.5s ease 0.4s;
}
.construction-progress__step.is-revealed .construction-progress__step-content{
    opacity: 1;
    transform: translateY(0);
}
.construction-progress__step:nth-child(odd) .construction-progress__step-content{
    grid-column: 2;
    text-align: left;
}
.construction-progress__step:nth-child(even) .construction-progress__step-content{
    grid-column: 1;
    text-align: right;
}
.construction-progress__step-date{
    font-size: 32px;
    font-weight: 400;
    color: #fff;
}
.construction-progress__step-title{
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    margin-top: 2px;
}
.construction-progress__carousel-wrap{
    max-width: 950px;
    margin: 0 auto;
}
.construction-progress__video-wrap{
    max-width: 950px;
    margin: 0 auto;
}
.construction-progress__video{
    display: block;
    width: 100%;
    height: auto;
    background: #000;
}
.construction-progress__video-meta{
    display: flex;
    justify-content: flex-start;
    margin-top: 16px;
    color: rgba(255,255,255,0.85);
    font-family: var(--main-font);
    font-size: 13px;
    letter-spacing: 0.04em;
}
.construction-progress__carousel{
    position: relative;
    overflow: hidden;
}
.construction-progress__slide{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.04);
    transition: opacity 0.7s ease, transform 0.9s ease, visibility 0s linear 0.7s;
    pointer-events: none;
}
.construction-progress__slide.is-active{
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: auto;
    z-index: 2;
    transition: opacity 0.7s ease, transform 0.9s ease, visibility 0s linear 0s;
}
.construction-progress__slide img{
    display: block;
    width: 100%;
    height: auto;
}
.construction-progress__carousel-meta{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    color: rgba(255,255,255,0.85);
    font-family: var(--main-font);
    font-size: 13px;
    letter-spacing: 0.04em;
}
.construction-progress__nav{
    display: flex;
    align-items: center;
    gap: 18px;
}
.construction-progress__counter{
    letter-spacing: 0.08em;
    font-size: 16px;
}
.construction-progress__last-updated{
    font-size: 16px;
}
.construction-progress__prev,
.construction-progress__next{
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    padding: 4px 6px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    transition: transform 0.3s ease, opacity 0.25s ease;
}
.construction-progress__prev img,
.construction-progress__next img{
    display: block;
    width: 32px;
    height: auto;
    filter: brightness(0) invert(1);
}
.construction-progress__prev img{
    transform: scaleX(-1);
}
.construction-progress__next:hover:not(.is-disabled),
.construction-progress__next:focus:not(.is-disabled){
    opacity: 0.85;
    outline: none;
    transform: translateX(4px);
}
.construction-progress__prev:hover:not(.is-disabled),
.construction-progress__prev:focus:not(.is-disabled){
    opacity: 0.85;
    outline: none;
    transform: translateX(-4px);
}
.construction-progress__prev.is-disabled,
.construction-progress__next.is-disabled{
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}
.marker-image{
    text-align: center;
    padding-bottom: 5rem;
}
.marker-image .slii-container .slii-image{
    height: 800px;
    width: auto;
}
.slii-container{
    border-radius: 330px;
    overflow: hidden;
}

/* Raise the hovered/focused marker above the others so its tooltip covers
   the neighbouring marker labels (e.g. B, C) instead of being painted under them */
.slii-marker:hover,
.slii-marker:focus,
.slii-marker:focus-within{
    z-index: 999 !important;
}

/* Marker tooltips — design override: no bullets, divider lines, roomier spacing */
.slii-tooltip{
    background: var(--primary_color) !important;
    border-radius: 16px !important;
    min-width: 170px;
    max-width: 320px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
    z-index: 10 !important;
}
.slii-tooltip-title{
    font-family: var(--main-font) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #fff !important;
    margin: 0 0 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}
.slii-tooltip-lines{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.slii-tooltip-lines li{
    list-style: none !important;
    color: #fff !important;
    font-family: var(--main-font) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.slii-tooltip-lines li:first-child{
    padding-top: 0 !important;
}
.slii-tooltip-lines li:last-child{
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
/* Kill any bullet the plugin renders (list marker or ::before) */
.slii-tooltip-lines li::marker{
    content: '' !important;
}
.slii-tooltip-lines li::before{
    content: none !important;
    display: none !important;
}

.page-template-archive-property .property-list-section > .drts.drts-main{
    padding-bottom: 5rem;
}
.slii-overlay > div:nth-child(1) .slii-tooltip{
    margin-left: 40px;
    left: 60px;
}
.slii-overlay > div:nth-child(2) .slii-tooltip{
    left: 150px;
}
.slii-overlay > div:nth-child(3) .slii-tooltip,
.slii-overlay > div:nth-child(4) .slii-tooltip{
    right: 90px;
}
.slii-overlay > div:nth-child(6) .slii-tooltip{
    right: 115px;
}
.slii-overlay > div:nth-child(7) .slii-tooltip{
    right: 150px;
}
.slii-overlay > div:nth-child(8) .slii-tooltip{
    left: 90px;
    top: 120px;
}
.slii-overlay > div:nth-child(9) .slii-tooltip{
    left: 110px;
    top: 120px;
}
.slii-overlay > div:nth-child(10) .slii-tooltip{
    top: 120px;
    left: 110px;
}
.slii-overlay > div:nth-child(11) .slii-tooltip{
    top: 100px;
    left: 110px;
}

/*=========================== End Residences Archive Hero ===========================*/


/*=========================== Residences Listing Toolbar ===========================*/
.property-listing-bar{
    background: var(--light-background);
    padding: 20px 24px 60px;
}
.property-listing-bar__inner{
    max-width: 1640px;
    margin: 0 auto;
    padding-top: 5rem;
    border-top: 1px solid #dadada;
}
.property-listing-bar__title{
    font-family: var(--main-font);
    color: var(--primary_color);
    text-transform: uppercase;
    font-weight: 500;
    font-size: clamp(34px, 4.4vw, 50px);
    line-height: 1.05;
    margin: 0 0 36px;
    letter-spacing: 0.005em;
}
.property-listing-bar__count{
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 500;
    margin-left: 0.1em;
}
.property-listing-bar__controls{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.property-listing-bar__group{
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

/* Pill (button + select share base) */
.pl-pill{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    height: 50px;
    padding: 0 26px;
    border: 1px solid var(--primary_color);
    border-radius: 999px;
    background: transparent;
    color: var(--primary_color);
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    margin: 0;
    height: 72px;
}
.pl-pill:hover,
.pl-pill:focus-within{
    background: rgba(39, 71, 71, 0.06);
}
.pl-pill__icon{
    display: inline-block;
    color: var(--primary_color);
}

/* Select inside pill */
.pl-pill--select{
    padding-right: 22px;
    position: relative;
}
.pl-pill--select::after{
    content: '';
    width: 8px;
    height: 8px;
    border-right: 1.5px solid var(--primary_color);
    border-bottom: 1.5px solid var(--primary_color);
    transform: translateY(-3px) rotate(45deg);
    margin-left: 4px;
    flex-shrink: 0;
    pointer-events: none;
}
.pl-pill__label{
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--primary_color);
}
/* Custom dropdown (replaces native select) */
.pl-dropdown{
    position: relative;
    display: inline-block;
}
.pl-dropdown__trigger{
    background: transparent;
}
.pl-dropdown__current{
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--primary_color);
    line-height: 1;
}
.pl-dropdown.is-open .pl-pill--select::after{
    transform: translateY(1px) rotate(225deg);
}
.pl-dropdown__menu{
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 100%;
    background: #fff;
    border: 1px solid rgba(39, 71, 71, 0.18);
    border-radius: 18px;
    padding: 8px;
    margin: 0;
    list-style: none;
    box-shadow: 0 18px 40px rgba(20, 40, 40, 0.12);
    z-index: 30;
}
.pl-dropdown__menu--right{
    left: auto;
    right: 0;
}
.pl-dropdown__option{
    padding: 12px 18px;
    font-family: var(--main-font);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: var(--primary_color);
    cursor: pointer;
    border-radius: 12px;
    line-height: 1.2;
    transition: background 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}
.pl-dropdown__option:hover,
.pl-dropdown__option:focus{
    background: var(--light-background);
}
.pl-dropdown__option[aria-selected="true"]{
    background: var(--primary_color);
    color: #fff;
    font-weight: 500;
}
.pl-dropdown__option[aria-selected="true"]:hover{
    background: var(--primary_color);
    color: #fff;
}

/* Hide DRTS-native header (Showing... + sort) — the count is cloned into the footer via JS */
.property-list-section .drts-view-entities-header{
    display: none !important;
}

/*=========================== End Residences Listing Toolbar ===========================*/




/*========================== Real Estate ==========================*/
.real-estate{
    padding-top: 100px;
}
.real-estate .page-subtitle{
    font-size: 18px;
    font-weight: 400;
    font-family: var(--main-font);
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 50px;
}
.category-section img{
    width: 100%;
    border-radius: 4px;
}
.category-section .category-name{
    position: absolute;
    bottom: 100px;
    left: 50px;
}
.category-section .category-name a{
    font-family: var(--title-font);
    font-weight: 300;    
    font-size: 40px;
    color: #fff;
    display: flex;
    align-items: center;
}
.category-section .category-name a span.see-all{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--main-font);
    padding-left: 20px;
    line-height: 40px;
    display: inline-flex;
}
.category-section .category-name a span.see-all:after{
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/05/Frame-21.png);
    padding-left: 20px;
    transition: all 0.3s ease;
    font-size: 35px;
}
.category-section .category-name a:hover span.see-all:after{
    padding-left: 30px;
}
.category-section .property-type{
    position: absolute;
    z-index: 9;
    bottom: 35px;
    left: 50px;
    display: flex;
}
.category-section .property-type ul{
    display: flex;
}
.category-section .property-type li a{
    color: #fff;
    margin-right: 12px;
    background: #ffffff8c;
    padding: 5px 20px;
    border-radius: 50px;
    text-transform: capitalize;
    font-family: var(--main-font);
    font-weight: 400;
    transition: all 0.3s ease;
}
.category-section .property-type li a:hover{
    color: #000;
    background: #fff;
}
.real-estate .content-row{
    width: 90%;
    margin: 0 auto;
    padding: 100px 0;
}
.real-estate .content-row h2{
    font-family: var(--title-font);
    font-size: 48px;
    font-weight: 300;
    line-height: 55px;
    text-align: left;
    width: 75%;
}
.real-estate .content-row p{
    text-align: left;
}
.real-estate .popular-property img.popular-property-img{
    height: 400px;
    border-radius: 8px;
}
.real-estate .popular-property{
    width: 90%;
    margin: 0 auto;
    padding-top: 0;
}
.real-estate .popular-property .right-col svg{
    transform: unset;
}
.two-col-div-image{
    background: #F5F4F1;
    padding: 150px 0;
}
.two-col-div-image .row {
    width: 90%;
    margin: 0 auto;
}
.two-col-div-image svg{
    transform: rotate(-180deg) !important;
    position: absolute;
    top: -7%;
    z-index: 9; 
}
.two-col-div-image .left-col {
    padding-right: 80px;
}
.two-col-div-image .right-col {
    padding-left: 80px;
    position: relative;
}
.two-col-div-image .image-section {
    position: relative;
}
.two-col-div-image img.right-img{
    width: 100%;
    border-radius: 5px;
    height: 600px;
    object-fit: cover;
    position: relative;
    display: block;
}
.two-col-div-image .left-col h4 {
    font-family: var(--main-font);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 40px;
}
.two-col-div-image .left-col p {
    text-align: left;
    font-size: 30px;
    font-family: var(--title-font);
    font-weight: 300;
    line-height: 40px;
}
.two-col-div-image .image-section:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 100%;
    background-color: #F5F4F1;
    z-index: 1;
}
.real-estate-contact{
    padding: 100px;
}
.real-estate-contact .contact-form{
    width: 50%;
    margin: 0 auto;
}
.real-estate-contact .contact-form h2{
    font-size: 40px;
    font-weight: 300;
    font-family: var(--title-font);
    padding-bottom: 30px;
    margin: 0 auto;
}
.real-estate-contact #nf-form-2-cont{
    width: 100%;
}
.real-estate-contact #nf-form-2-cont h3{
    display: none;
}
.real-estate-contact #nf-field-17-container{
    margin-bottom: 30px;
}
.real-estate-contact .nf-field-container {
    margin-bottom: unset;
}

.real-estate-contact #nf-field-17{
    width: 100%;
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    text-align-last: right;
    padding-right: 50px; /* Ensure space for label */
    box-sizing: border-box;
}
.real-estate-contact #nf-field-17 option{
    text-align: left;
}
.real-estate-contact #nf-label-field-17{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 15px;
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 400;
    color: #000;
    pointer-events: none;
}
.real-estate-contact .nf-input-limit{
    margin-top: 0;
}
.real-estate-contact .nf-form-content .list-select-wrap>div div:after{
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png);
/*    display: flex;*/
    transform: rotate(90deg);
    transform-origin: center center;
    transition: transform 0.3s ease;
    margin-right: 13px;
}
.real-estate-contact #nf-field-16{
    border-top: unset;
    border-bottom: unset;
}
.real-estate-contact #nf-field-10{
    border-bottom: unset;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.real-estate-contact .nf-error .nf-error-msg{
    display: none;
}
.real-estate-contact .nf-error .ninja-forms-field{
    border-color: #c4c4c4 !important;
    background: #fff !important;
}
.real-estate-contact .nf-error.field-wrap .nf-field-element:after{
    background: transparent;
    color: #e80000;
}
.real-estate-contact .nf-form-content .list-select-wrap .nf-field-element>div, 
.real-estate-contact .nf-form-content input:not([type=submit]), 
.real-estate-contact .nf-form-content textarea{
    background: #fff !important;
    color: #000 !important;
}
.real-estate-contact .nf-form-content input[type=submit] {
    border-radius: 6px;
    margin-top: 20px;
    color: #fff;
    background: #3E3E3E !important;
    padding: 0 50px;
    height: 45px;
    transition: all 0.3s ease;
}
.real-estate-contact .nf-form-content input[type=submit]:hover{
    background: #fff !important;
    border: 1px solid #3e3e3e;
    color: #000;
}
.real-estate-contact div[for="nf-field-17"]{
    border-radius: 6px !important;
}
.real-estate-contact #nf-field-12{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.real-estate-contact #nf-label-field-17 {
    position: absolute;
    z-index: 2;
    width: max-content;
    top: 60%;
    transform: translate(0%, -50%);
    padding-left: 15px;
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 400;
    color: #837777;
}
.real-estate-contact #nf-field-13-wrap{
    text-align: center;
}
.real-estate-directory{
    background: #3E3E3E;
}
.directory-listing.real-estate-directory .title {
    color: #fff;
    width: 37%;
    margin: 0 auto;
}
.directory-listing.real-estate-directory > .container > .row{
    width: 90%;
    margin: 0 auto;
}
.directory-listing.real-estate-directory .listing-title{
    color: #fff;
    font-size: 30px;
}
.directory-listing.real-estate-directory .info-section .feature-list .feature{
    color: #fff;
}
.directory-listing.real-estate-directory .price{
    color: #fff;
    margin-bottom: 0;
}
.directory-listing.real-estate-directory .featured-content .buttons .contact-button a{
    color: #fff;
}
.directory-listing.real-estate-directory .featured-content .buttons .contact-button a:before {
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/05/material-symbols-light_stacked-email-outline.png);
}
.directory-listing.real-estate-directory .featured-content .buttons .learn-more-button a{
    color: #fff;
}
.directory-listing.real-estate-directory .featured-content .buttons .learn-more-button a:after{
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/05/Group-1-1.png);
}
.directory-listing.real-estate-directory .info-section .feature-list{
    justify-content: start;
}
.directory-listing.real-estate-directory .title-section{
    padding: 15px 0;
}
/*========================== End Real Estate ==========================*/



/*=============================== Blog Archive Page =======================*/
.blog-page{
    padding: 100px 0;
    padding-left: 20px;
}
.blog-page .blog-posts-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    padding-left: 15px;
}
.blog-page .blog-posts-grid .blog-post{
    max-width: calc(33.333333% - 50px);
    padding: 0;
}
.blog-page .blog-posts-grid img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 4px;
}
.blog-page .blog-posts-grid .post-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0.2em 0;
}
.related-post .post-date{
    padding-top: 20px;
}
.post-date span{
    font-family: var(--main-font);
    font-weight: 400;
    font-size: 14px;
    color: #00000054;
}
.blog-page .blog-posts-grid .post-excerpt p{
    font-size: 16px;
    font-weight: 400;
    font-family: var(--main-font);
    line-height: 20px;
}
.post-title{
    font-family: var(--title-font);
    font-size: 30px;
    font-weight: 300;
    color: #000;
    padding-bottom: 10px;
}
.blog-page .blog-post-item .read-more{
    padding-top: 20px;
}
.blog-page .blog-post-item .read-more a{
    font-size: 16px;
    color: #000;
    font-weight: 400;
    font-family: var(--main-font);
    display: flex;
    align-items: center;
}
.blog-page .blog-post-item .read-more a:after {
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png);
    padding-left: 10px;
    line-height: 10px;
    transition: all 0.3s;
}
.blog-page .blog-post-item .read-more a:hover::after{
    padding-left: 15px;
}
.blog-page .load-more-btn{
    display: flex;
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 200px;
}
.blog-page .load-more-btn button{
    background: #3E3E3E;
    height: 50px;
    font-family: var(--main-font);
    color: #fff;
    border: unset;
    width: 150px;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: all 0.3s;
}
.blog-page .load-more-btn button:hover{
    background: transparent;
    color: #000;
    border: 1px solid #3e3e3e;
}
.blog-page #mc4wp-form-1{
    height: 300px;
}
.blog-page .popular-property{
    padding-top: 0;
}
/*=============================== End Blog Archive Page =======================*/


/*=============================== Start Single Blog Page =======================*/
.blog-breadcrumb{
    padding-top: 100px;
}
.single-blog-page{
    padding-bottom: 100px;
}
.single-blog-page > .row{
    width: 60%;
    margin: 0 auto;
}
.single-blog-page .blog-title{
    text-align: center;
}
.single-blog-page .blog-title h3{
    font-family: var(--title-font);
    font-size: 48px;
    font-weight: 300;
}
.single-blog-page .img-fluid{
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 5px;
}
.single-blog-page .single-content{
    padding-top: 70px;
    padding-bottom: 50px;
}
.single-blog-page .single-content h3,
.single-blog-page .single-content h6,
.single-blog-page .single-content h5{
    font-size: 36px;
    font-family: var(--title-font);
    font-weight: 300;
}
.single-blog-page .single-content p{
    text-align: left;
}
.single-blog-page .single-content a {
    position: relative;
    color: #000;
    text-decoration: none;
}
.single-blog-page .single-content a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background-color: #000;
    transition: width 0.3s ease;
}

.single-blog-page .single-content a:hover::after {
    width: 0; /* Shrink width to 0 on hover */
}

.single-blog-page .related-posts{
    padding-top: 20px;
    border-top: 1px solid #dadada;
    padding-left: 0;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 15px;
}
.single-blog-page .related-posts h4{
    padding-bottom: 30px;
    font-size: 30px;
    font-family: var(--title-font);
    font-weight: 300;
}
.single-blog-page .related-posts .related-post-img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 4px;
}
.single-blog-page .post-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0.2em 0;
}
.single-blog-page .post-excerpt p {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--main-font);
    line-height: 23px;
}
.single-blog-page .read-more{
        padding-top: 20px;
}
.single-blog-page .read-more a {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    font-family: var(--main-font);
    display: flex;
    align-items: center;
}
.single-blog-page .read-more a:after {
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png);
    padding-left: 10px;
    line-height: 10px;
    transition: all 0.3s;
}
.single-blog-page .read-more a:hover::after{
    padding-left: 15px;
}
.single-post-final-section .popular-property{
    padding-top: 0;
}
.single-post-final-section #mc4wp-form-1{
    height: 300px;
}
.single-blog-page .social-share{
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-blog-page .social-share p{
    padding-right: 20px;
    margin-bottom: 0;
}
.single-blog-page .social-icons{
    display: flex;
    border: 1px solid #dadada;
    border-radius: 10px;
}
.single-blog-page .social-icons a {
    border: unset;
    background: transparent;
    border-right: 1px solid #dadada;
    border-radius: 0;
    padding-top: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-blog-page .social-icons li:last-child a{
    border-right: unset;
}
/*=============================== End Simple Blog Page =======================*/


/*=============================== Vacational Rental Page =======================*/
.vacational-rental{
    padding-top: 100px;
}
.vacational-rental .two-col-section{
    padding-top: 70px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 55px;
}
.vacational-rental .two-col-section .left-col h4 {
    font-size: 48px;
    font-weight: 300;
    font-family: var(--title-font);
}
.vacational-rental .two-col-section .right-col{
    text-align: left;
    padding-bottom: 50px;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 400;
}
.vacational-rental .two-col-section .right-col p{
    text-align: left;
}
.vacational-directory{
    background: #F5F4F1;
}
.vacational-directory .container > .row{
    width: 90%;
    margin: 0 auto;
}
.vacational-directory .list-title-section{
    display: flex;
    justify-content: space-between;
    padding: 15px;
}
.vacational-directory .title{
    text-align: left;
    font-size: 48px;
    padding-bottom: 0;
    padding-left: 15px;
}
.vacational-directory .list-title-section .view-all-btn{
    display: flex;
    align-items: center;
}
.vacational-directory .view-all-btn.not-mobile.second-btn{
	display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
	margin-top: 3rem;
}
.vacational-directory .list-title-section .view-all-btn a,
.vacational-directory .view-all-btn.not-mobile.second-btn a{
    background: #3e3e3e;
    border-radius: 4px;
    padding: 10px 24px;
    color: #fff;
    display: flex;
    align-items: center;
    height: 50px;
    width: 130px;
}
.vacational-directory .list-title-section .view-all-btn a:after,
.vacational-directory .view-all-btn.not-mobile.second-btn a:after{
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/05/Group-1.png);
    padding-left: 10px;
    vertical-align: middle;
    transition: all 0.3s;
    line-height: 15px;
    transition: all 0.3s ease;
}
.vacational-directory .list-title-section .view-all-btn a:hover:after,
.vacational-directory .view-all-btn.not-mobile.second-btn a:hover:after{
    padding-left: 13px;
}
.vacational-directory .info-section .feature-list{
    justify-content: start;
    padding-left: 0;
}
.vacational-directory .featured-content .buttons{
    padding-left: 15px;
}
.vacational-directory.directory-listing img{
    height: 350px;
}
.vacation-mission-section.mission{
    background: #fff;
}
.vacation-section-form .form{
    width: 50%;
    margin: 0 auto;
}
.vacation-section-form #nf-form-3-cont{
    width: 100%;
}
.vacation-section-form #nf-form-title-3{
    display: none;
}
.vacation-section-form .form h2{
    font-size: 40px;
    font-weight: 300;
    font-family: var(--title-font);
    padding-bottom: 30px;
    margin: 0 auto;
}
#nf-form-3-cont .pikaday__container input.datepicker{
    text-align: right;
    padding-right: 40px;
}
#nf-form-3-cont .field-wrap .nf-field-label {
    position: absolute;
    z-index: 9;
    width: max-content;
    top: 50%;
    transform: translate(0%, -50%);
    padding-left: 15px;
    width: max-content;
}
#nf-form-3-cont .field-wrap .nf-field-label label{
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 400;
    color: #000;
}



#nf-form-3-cont .nf-form-content .list-select-wrap>div select,
#nf-form-3-cont .nf-form-content #nf-field-28{
    width: 100%;
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    text-align-last: right;
    padding-right: 42px; /* Ensure space for label */
    box-sizing: border-box;
}
#nf-form-3-cont .nf-form-content .list-select-wrap>div select option,
#nf-form-3-cont .nf-form-content #nf-field-28 option{
    text-align: left;
}
#nf-form-3-cont .nf-form-content .list-select-wrap>div div:after {
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png);
/*    display: flex;*/
    transform: rotate(90deg);
    transform-origin: center center;
    transition: transform 0.3s ease;
    margin-right: 13px;
}
#nf-form-3-cont #nf-field-24-wrap:after,
#nf-form-3-cont #nf-field-25-wrap:after{
    content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/05/Icons.png);
    position: absolute;
    right: 15px;
    z-index: 9;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
    transition: opacity 0.3s ease;
}
#nf-form-3-cont .nf-form-content input:not([type=button]):focus{
    color: #000;
}
.nf-field-element .ninja-forms-field::placeholder {
    color: #000;
}
#nf-form-3-cont  .list-select-wrap .nf-field-element>div, 
#nf-form-3-cont  input:not([type=submit]), 
#nf-form-3-cont  textarea{
    background: #fff;
}
#nf-form-3-cont #nf-field-28{
    width: 100%;
}
#nf-form-3-cont .quantity-btn{
    background: transparent;
    color: #000;
    font-size: 30px;
    line-height: 30px;
    font-family: var(--main-font);
    font-weight: 100;
    opacity: 0.2;
    transition: all 0.3s;
}
#nf-form-3-cont .quantity-btn:hover{
    opacity: 1;
}
#nf-form-3-cont .custom-decrement{
    position: absolute;
    right: 55px;
}
#nf-form-3-cont .custom-increment{
    right: 13px;
    position: absolute;
}
@supports (-webkit-touch-callout: none) {
    #nf-form-3-cont .custom-decrement {
        right: 30px;
    }
    #nf-form-3-cont .custom-increment{
        right: -10px;
    }
}
.custom-number-input {
    position: relative;
    display: flex;
    align-items: center;
}
.custom-number-input input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    margin: 0;
    text-align: center;
    width: 50px;
}
.custom-number-input input[type="number"]::-webkit-outer-spin-button,
.custom-number-input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.custom-number-input button {
    width: 30px;
    height: 100%;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
#nf-form-3-cont #nf-field-23-wrap div[for="nf-field-23"]{
    border-radius: 6px;
}
.vacation-section-form #nf-form-3-cont .one-half{
    margin-left: 0;
    width: 50%;
    height: 49px;
}
.vacation-section-form #nf-field-29-container {
    height: 49px;
}
.vacation-section-form #nf-form-3-cont .one-half:not(.first) input.ninja-forms-field{
    border-left: unset;
}
.vacation-section-form #nf-field-25-container,
.vacation-section-form #nf-field-24-container,
.vacation-section-form #nf-field-18-container,
.vacation-section-form #nf-field-19-container,
.vacation-section-form #nf-field-29-container{
    margin-bottom: 0;
}
.vacation-section-form #nf-field-24-wrap input.ninja-forms-field,
.vacation-section-form #nf-field-18-wrap input.ninja-forms-field{
    border-top-left-radius: 6px;
}
.vacation-section-form #nf-field-25-wrap input.ninja-forms-field,
.vacation-section-form #nf-field-19-wrap input.ninja-forms-field{
    border-top-right-radius: 6px;
}
.vacation-section-form #nf-field-27-wrap div[for="nf-field-27"],
.vacation-section-form #nf-field-20-wrap textarea {
    border-bottom-left-radius: 6px;
}
.vacation-section-form #nf-field-28-wrap input.ninja-forms-field,
.vacation-section-form #nf-field-20-wrap textarea{
    border-bottom-right-radius: 6px;
}
.vacation-section-form .nf-error .nf-error-msg{
    display: none;
}
.vacation-section-form #nf-field-21-wrap {
    text-align: center;
}
.vacation-section-form .nf-form-content input[type=submit] {
    border-radius: 6px;
    margin-top: 20px;
    color: #fff;
    background: #3E3E3E !important;
    padding: 0 50px;
    height: 45px;
    transition: all 0.3s;
}
.vacation-section-form .nf-form-content input[type=submit]:hover{
    background: #fff !important;
    color: #000;
    border: 1px solid #3e3e3e;
}
.vacation-section-form .nf-error .ninja-forms-field{
    border-color: #c4c4c4 !important;
}
.property-for-sale > .row {
    width: 80%;
    margin: 0 auto;
}
#nf-field-56-wrap .nf-field-label{
    padding-left: 0 !important;
}
#nf-label-field-56:before{
    font-size: 20px;
}
#nf-label-field-56:after{
    border-radius: 5px;
}
#nf-label-field-56 a{
    color: #000;
    text-decoration: underline;
}
#nf-field-54-wrap .g-recaptcha{
    margin-top: 20px;
}
/*=============================== End Vacational Rental Page =======================*/


/*=============================== Development Page ========================*/
.development-page{
    padding-top: 100px;
}
.development-page .main-video{
	width: 100%;
	height: 600px;
	object-fit: cover;
}
.development-page .two-col-section {
    padding-top: 70px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 55px;
}
.development-page h4.development-sections-title,
.dev-title h4.development-sections-title {
    font-size: 48px;
    font-weight: 300;
    font-family: var(--title-font);
    padding-bottom: 30px;
}
.development-page .two-col-section .right-col p {
    text-align: left;
}
.development-page .two-col-img-left {
    padding-top: 70px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 55px;
    position: relative;
}
.development-page .two-col-img-left img{
    width: 85%;
    border-radius: 5px;
    height: 600px;
    object-fit: cover;
}
.development-page .two-col-img-left p{
    text-align: left;
}
.development-page .development-svg{
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 5;
    top: 45px;
    transform: rotate(180deg) scaleX(-1) !important;
}
.development-page .right-col-cnt{
    z-index: 6;
    padding-top: 8rem;
}
.development-page .left-col-cnt{
    z-index: 6;
    padding-top: 3rem;
}
.development-page .two-col-img-right{
    padding-top: 70px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 55px;
    position: relative;
    overflow: hidden;
}
.development-page .two-col-img-right .left-col-cnt li {
    position: relative;
    padding-left: 15px;
}
.development-page .two-col-img-right .left-col-cnt li:before {
    content: '\f111'; /* FontAwesome icon */
    font-family: 'FontAwesome';
    font-size: 6px;
    position: absolute;
    left: 1px;
    top: 9px;
}
.development-page .two-col-img-right img{
    width: 85%;
    border-radius: 5px;
    height: 600px;
    object-fit: cover;
    float: right;
}
.development-page .development-svg-two{
    position: absolute;
    width: 100%;
    right: calc(-100% + 525px);
    height: auto;
    z-index: 5;
    top: 45px;
    transform: rotate(180deg) scaleX(-1) !important;
}
.development-fluid .row{
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.dev-title {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.development-fluid{
    position: relative;
    height: 500px;
    background: #F5F4F1;
}
.development-fluid > .container{
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.development-fluid .right-col-img{
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 0;
    overflow: hidden;
}
.development-fluid .right-col-img img{
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.development-row h5 {
    font-size: 18px;
    font-family: var(--main-font);
    font-weight: 400;
    padding-bottom: 30px;
    text-transform: uppercase;
}
.development-row .left-col-text{
    font-size: 30px;
    font-family: var(--title-font);
    font-weight: 300;
    line-height: 35px;
    z-index: 10;
}
.development-row .left-col-text p{
    font-size: 30px;
    font-family: var(--title-font);
    font-weight: 300;
    line-height: 40px;
    text-align: left;
}
.right-content{
    position: relative;
}
.development-svg-three{
    position: absolute;
    transform: rotate(90deg);
    z-index: 9;
    right: -261px;
    overflow: hidden;
    top: -140px;
}
.dev-three-img{
    padding: 8rem 0;
}
.dev-three-img > .row{
    width: 80%;
    margin: 0 auto;
}
.dev-three-img .image-block img{
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 8px;
}
.dev-three-img .image-block .img-desc{
    padding: 20px 0;
    text-align: center;
}
.dev-three-img .image-block span{
    font-family: var(--title-font);
    font-size: 30px;
    line-height: 35px;
    font-weight: 300;
    color: #000;
}
.dev-last-sec {
    padding-left: 15px;
}
.dev-last-sec .popular-property{
    padding-top: 0;
}
.dev-last-sec #mc4wp-form-1{
    height: 300px;
}
/*=============================== End Development Page ========================*/

/*============================= Private Properties Page ===================*/
.private-properties{
    padding-top: 100px;
}
.private-properties .page-title{
    text-align: center;
    font-size: 48px;
    padding: 50px 0;
}
.private-properties .forms-sec{
    padding-top: 2rem;
}
.private-properties .divider {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.private-properties .divider::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #dadada;
}
.private-properties .or-text {
  position: relative;
  background-color: #fff;
  padding: 0 10px;
  z-index: 1;
}
.private-properties .left-login-form h2,
.private-properties .right-inter-form h2{
    font-size: 18px;
    font-weight: 400;
    font-family: var(--main-font);
}
.private-properties .right-inter-form .nf-form-title h3{
    display: none;
}
#nf-form-6-cont .nf-form-content .list-select-wrap .nf-field-element>div, 
#nf-form-6-cont .nf-form-content input:not([type=button]), 
#nf-form-6-cont .nf-form-content textarea{
    background: #fff;
}
#nf-form-6-cont .nf-error .nf-error-msg{
    display: none;
}
#nf-form-6-cont .nf-error .ninja-forms-field{
    border-color: #dadada !important;
}
#nf-form-6-cont .nf-pass .ninja-forms-field{
    color: #dadada !important;
}
#nf-form-6-cont .nf-field-container{
    margin-bottom: 0;
}
#nf-form-6-cont .nf-input-limit{
    display: none;
}
#nf-form-6-cont #nf-field-58 {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
#nf-form-6-cont #nf-field-59{
    border-top: unset;
    border-bottom: unset;
}
#nf-form-6-cont #nf-field-60{
    border-top: unset;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 100px;
}
#nf-form-6-cont #nf-field-62-container{
    height: 40px;
    align-items: center;
    display: inline-grid;
    width: 100%;
}
#nf-form-6-cont #nf-field-62-container a{
    color: #000;
    text-decoration: underline;
}
#nf-form-6-cont #nf-label-field-62{
    font-size: 14px;
    font-weight: 400;
}
#nf-form-6-cont #nf-label-field-62:after{
    border-radius: 4px;
}
#nf-form-6-cont #nf-field-61{
    border-radius: 6px;
    margin-top: 20px;
    color: #fff;
    background: #3E3E3E !important;
    padding: 0 50px;
    height: 45px;
    border: 1px solid transparent;
    transition: all 0.3s;
}
#nf-form-6-cont #nf-field-61:hover{
    background: #fff !important;
    color: #000;
    border: 1px solid #3e3e3e; 
}
.private-properties .left-login-form .drts .drts-bs-form-group{
    position: relative;
}
.private-properties .left-login-form .drts .drts-form-type-checkbox{
    display: none;
}
.private-properties .left-login-form .drts .drts-form-type-fieldset{
    position: relative;
}
.private-properties .left-login-form .drts .drts-form-type-fieldset a.drts-bs-mx-2{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    margin-right: 0 !important;
    color: #000;
}
.private-properties .left-login-form .drts .drts-form-type-fieldset button{
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    width: 140px;
    height: 45px;
    background: #3e3e3e;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 16px;
    font-family: var(--main-font);
    transition: all 0.3s;
}
.private-properties .left-login-form .drts .drts-form-type-fieldset button:hover{
    background: #fff;
    color: #000;
    border: 1px solid #3e3e3e;
}
.private-properties .left-login-form .drts-form-field label{
    position: absolute;
    z-index: 9;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 10px;
    font-size: 16px;
    font-family: var(--main-font);
    font-weight: 400;
    transition: opacity 0.3s;
}
.private-properties .left-login-form .drts .drts-bs-form-control{
    text-align: right;
    height: 50px;
    color: #000;
}
.private-properties .left-login-form .drts .drts-bs-form-control:focus{
    box-shadow: unset;
}
.private-properties .extra-section{
    padding-top: 8rem;
}
.private-properties .popular-property{
    padding-top: 0;
}
.private-properties #mc4wp-form-1{
    height: 300px;
}
/*============================= End Private Properties Page ===================*/

/*========================== Simple Page ============================*/
.simple-page{
    padding-top: 100px;
}
/* Breadcrumb — match the site style (centered, uppercase, primary color, Vector arrow) */
.simple-page .page-breadcrumb{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 50px;
    padding: 0;
    font-family: var(--main-font);
}
.simple-page .page-breadcrumb a,
.simple-page .page-breadcrumb span{
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--primary_color) !important;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity 0.2s ease;
}
.simple-page .page-breadcrumb a:hover,
.simple-page .page-breadcrumb a:focus{
    opacity: 0.7;
    color: var(--primary_color) !important;
}
.simple-page .page-breadcrumb a:after{
    content: '';
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url('https://greenhill.adwrk.com/wp-content/uploads/2026/05/Vector-1.png') no-repeat center / contain;
    margin: 0 14px;
    padding: 0;
    vertical-align: middle;
}
.simple-page-content{
    width: 50%;
}
/* Page title — match the site headings */
.simple-page-content .page-title{
    font-family: var(--main-font);
    color: var(--primary_color);
    text-transform: uppercase;
    font-weight: 500;
    font-size: clamp(36px, 5vw, 64px);
    line-height: 1.05;
    letter-spacing: 0.005em;
    padding-bottom: 20px;
}
.simple-page-content h4{
    font-size: 30px;
    font-family: var(--title-font);
    font-weight: 300;
}
.simple-page-last-sec {
    padding-top: 8rem;
}
.simple-page-last-sec .popular-property{
    padding-top: 0;
    padding-bottom: 3rem;
}
.simple-page-last-sec #mc4wp-form-1{
    height: 300px;
}
.simple-page-content .ct-ultimate-gdpr-container{
    display: none;
}
/* Lists — bullet before each item, slightly indented */
.page-template-simple-page .simple-page-content ul{
    list-style: none;
    margin: 0 0 20px;
    padding-left: 30px;
}
.page-template-simple-page .simple-page-content ul li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
}
.page-template-simple-page .simple-page-content ul li:before{
    content: '\2022';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary_color);
    font-size: 1.1em;
    line-height: inherit;
}
/*========================== End Simple Page ============================*/

/*====================== Cookies ======================*/
.ct-ultimate-gdpr-cookie-popup-modern .ct-container{
    text-align: center;
}
.ct-ultimate-gdpr-cookie-popup-modern#ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content, 
.ct-ultimate-gdpr-cookie-popup-modern#ct-ultimate-gdpr-cookie-popup .ct-ultimate-gdpr-cookie-buttons{
    display: flex;
    justify-content: center;
}
.ct-ultimate-gdpr-cookie-popup-modern#ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content{
    font-weight: 400;
    font-family: var(--main-font);
    font-size: 16px;
}
.ct-ultimate-gdpr-cookie-popup-modern a{
    color: #000 !important;
}

/*====================== End Cookies ======================*/

/*========================== 404 page =====================*/ 
/*========================== 404 page =====================*/
body.error404{
    background: var(--light-background);
}
.page-404{
    background: var(--light-background);
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 160px 24px 100px;
    text-align: center;
}
.page-404__inner{
    max-width: 720px;
    margin: 0 auto;
}
.page-404__number{
    font-family: var(--italic-headings);
    color: var(--primary_color);
    line-height: 1;
    margin-bottom: 12px;
    opacity: 0.85;
}
.page-404__number em{
    font-style: italic;
    font-weight: 500;
    font-size: clamp(120px, 18vw, 220px);
}
.page-404__title{
    color: var(--primary_color);
    margin: 0 0 28px;
    font-weight: 400;
    line-height: 1.05;
}
.page-404__title-line{
    display: block;
    font-family: var(--main-font);
    text-transform: uppercase;
    font-weight: 500;
    font-size: clamp(36px, 5.4vw, 60px);
    letter-spacing: 0.005em;
}
.page-404__title-italic{
    display: block;
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 500;
    font-size: clamp(38px, 5.6vw, 64px);
    text-transform: uppercase;
    margin-top: 0.05em;
}
.page-404__text{
    color: var(--primary_color);
    font-family: var(--main-font);
    font-size: 18px;
    line-height: 1.65;
    margin: 0 auto 42px;
    max-width: 560px;
}
.page-404__actions{
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}
.page-404__btn{
    display: inline-flex;
    align-items: center;
    padding: 14px 38px;
    border: 1px solid var(--primary_color);
    border-radius: 50px;
    background: var(--primary_color);
    color: #fff !important;
    text-decoration: none !important;
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 1;
    transition: background 0.25s ease, color 0.25s ease;
}
.page-404__btn:hover,
.page-404__btn:focus{
    background: #fff;
    color: var(--primary_color) !important;
    text-decoration: none !important;
}
.page-404__btn--ghost{
    background: transparent;
    color: var(--primary_color) !important;
}
.page-404__btn--ghost:hover,
.page-404__btn--ghost:focus{
    background: var(--primary_color);
    color: #fff !important;
}
/*========================== End 404 page =====================*/

/*=========================== Start Footer ==========================*/
.site-footer{
    background: var(--primary_color);
    color: #fff;
    padding: 80px 50px 0;
    z-index: 99999;
    position: relative;
    border-top-left-radius: 120px;
    border-top-right-radius: 120px;
}
.site-footer__top-shape{
    position: absolute;
    top: -160px;
    left: 0;
    width: 100%;
    height: 160px;
    pointer-events: none;
    display: block;
}
.site-footer__top{
    padding: 0;
    margin: 0;
}
.site-footer__top .row{
    align-items: flex-start;
    margin: 0;
}
.site-footer__col{
    color: #fff;
    padding: 0;
}
.site-footer__col--left{
    text-align: left;
}
.site-footer__col--center{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.site-footer__col--right{
    text-align: right;
}

footer .footer-title{
    font-size: 20px;
    font-family: var(--main-font);
    font-weight: 500;
}
footer .site-footer__col--left > div:nth-child(2){
    padding-bottom: 15px;
}
footer .site-footer__col--left > div:nth-child(2) .footer-title{
    font-size: 14px;
}

.footer-column-1{
    display: grid;
}
footer .footer-column li a:before{
    height: 1px;
}


/* Default styling for any nav menus inside footer columns */
.site-footer .menu,
.site-footer .widget_nav_menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.site-footer .menu li,
.site-footer .widget_nav_menu li{
    list-style: none;
    padding-bottom: 0;
}
.site-footer .menu a,
.site-footer .widget_nav_menu a{
    color: #fff;
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    transition: opacity 0.2s ease;
}
.site-footer .menu a:hover,
.site-footer .widget_nav_menu a:hover{
    opacity: 0.7;
    color: #fff;
}

/* Left column: "FOLLOW US" social menu + image below */
.site-footer__col--left .widget_nav_menu .menu,
.site-footer__col--left .widget_nav_menu ul{
    gap: 12px;
}
.site-footer__col--left .widget-title,
.site-footer__col--left .widgettitle{
    font-family: var(--main-font);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 16px;
}
.site-footer__col--left img{
    max-width: 220px;
    height: auto;
    display: block;
}

/* Center column (logo) */
.site-footer__col--center img{
    max-width: 180px;
    height: 90px !important;
    width: auto;
    margin: 0 auto;
}

/* Right column: main menu */
.site-footer__col--right .widget_nav_menu .menu,
.site-footer__col--right .widget_nav_menu ul{
    align-items: flex-end;
}

/*--- Cards section (bottom strip) ---*/
.cardsSection{
    background: var(--primary_color);
    color: #fff;
    padding: 28px 50px;
    position: relative;
    z-index: 99999;
}
.cardsSection > .container-fluid{
    padding: 0;
}
.cardsSection .row{
    margin: 0;
}
.cardsSection__left,
.cardsSection__right{
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
}
.cardsSection__left{
    justify-content: flex-start;
}
.cardsSection__right{
    justify-content: flex-end;
}
.cardsSection .menu,
.cardsSection .widget_nav_menu ul,
.cardsSection .widget_nav_menu .menu{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    align-items: center;
}
.cardsSection .menu li,
.cardsSection .widget_nav_menu li{
    list-style: none;
    position: relative;
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
}
.cardsSection .menu li:not(:last-child)::after,
.cardsSection .widget_nav_menu li:not(:last-child)::after{
    content: '·';
    position: absolute;
    right: -13px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255,255,255,0.6);
}
.cardsSection .menu a,
.cardsSection .widget_nav_menu a{
    color: #fff;
    font-family: var(--main-font);
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity 0.2s ease;
}
.cardsSection .menu a:hover,
.cardsSection .widget_nav_menu a:hover{
    opacity: 0.7;
}
.cardsSection .copyright,
.cardsSection .textwidget,
.cardsSection p{
    color: #fff;
    font-family: var(--main-font);
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0;
}
.cardsSection .copyright{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 26px;
    margin: 0;
}
.cardsSection .copyright > span{
    position: relative;
    color: #fff;
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1;
}
.cardsSection .copyright > span:not(:last-child)::after{
    content: '·';
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    line-height: 1;
}
.cardsSection .copyright span a{
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}

/*--- Back to top (centered between left/right) ---*/
#scroll-to-top.back-to-top{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    transition: opacity 0.2s ease;
}
#scroll-to-top.back-to-top:hover,
#scroll-to-top.back-to-top:focus{
    opacity: 0.75;
    outline: none;
}
.back-to-top__arrow{
    width: 35px;
    height: auto;
    display: block;
    transform: rotate(-90deg);
    transition: transform 0.3s ease;
    margin-bottom: 10px;
}
#scroll-to-top.back-to-top:hover .back-to-top__arrow{
    transform: rotate(-90deg) translateX(4px);
}
.back-to-top__label{
    font-family: var(--main-font);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #fff;
}

/*--- Misc footer integrations (kept) ---*/
#CookiebotWidget:not(.CookiebotWidget-inactive){
    z-index: 99;
    bottom: 25px;
    left: 25px;
}
#chaty-widget-0 .chaty-i-trigger .chaty-channel,
#chaty-widget-0 .chaty-i-trigger .chaty-channel button,
#chaty-widget-0 .chaty-i-trigger .chaty-channel .chaty-svg{
    width: 48px !important;
    height: 48px !important;
}
#button{
    display: none;
}
/*=========================== End Footer ==========================*/


/*======================== Responsive ===========================*/
/*=========================== Similar Residences (single-property) ===========================
   NOTE: lives here (before the Responsive media queries) so the ≤767px overrides win. */
.similar-residences{
    padding: 80px 24px 100px;
    background: var(--light-background);
}
.similar-residences__inner{
    margin: 0 auto;
}
.similar-residences__header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    gap: 24px;
    flex-wrap: wrap;
}
.similar-residences__title{
    font-family: var(--main-font);
    color: var(--primary_color);
    text-transform: uppercase;
    font-weight: 500;
    font-size: clamp(28px, 3.2vw, 50px);
    line-height: 1.05;
    margin: 0;
}
.similar-residences__title em{
    display: inline;
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 500;
    font-size: 54px;
}
.similar-residences__controls{
    display: flex;
    align-items: center;
    gap: 12px;
}
.similar-residences__see-all{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--primary_color) !important;
    text-decoration: none !important;
    font-family: var(--main-font);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.08em;
    margin-right: 12px;
    transition: opacity 0.2s ease;
}
.similar-residences__see-all:hover,
.similar-residences__see-all:focus{
    opacity: 0.7;
    color: var(--primary_color) !important;
    text-decoration: none !important;
}
.similar-residences__see-all img{
    width: 22px;
    height: auto;
    filter: brightness(0);
}
.similar-residences__prev,
.similar-residences__next{
    width: 56px;
    height: 44px;
    border-radius: 50px;
    border: 1px solid rgba(39,71,71,0.35);
    background: transparent;
    color: var(--primary_color);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.similar-residences__prev img,
.similar-residences__next img{
    width: 22px;
    height: auto;
    display: block;
    filter: brightness(0);
    transition: filter 0.2s ease;
}
.similar-residences__prev img{
    transform: scaleX(-1);
}
.similar-residences__prev:hover,
.similar-residences__next:hover,
.similar-residences__prev:focus,
.similar-residences__next:focus{
    background: var(--primary_color);
    border-color: var(--primary_color);
    outline: none;
}
.similar-residences__prev:hover img,
.similar-residences__next:hover img,
.similar-residences__prev:focus img,
.similar-residences__next:focus img{
    filter: brightness(0) invert(1);
}
.similar-residences__prev.is-disabled,
.similar-residences__next.is-disabled{
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

/* Override the [custom_directory_view] grid: 4 columns flex, with gap */
.similar-residences__list{
    overflow: hidden;
    position: relative;
}
.similar-residences__list .featured-listing{
    padding: 0;
    background: transparent;
}
.similar-residences__list .featured-listing__inner{
    max-width: none;
    padding: 0;
}
.similar-residences__list .featured-listing__grid{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    grid-template-columns: none;
}
.similar-residences__list .featured-listing__item{
    flex: 0 0 calc(25% - 12px);
    max-width: calc(25% - 12px);
    margin: 0;
}
.similar-residences__list .featured-listing__media{
    height: 480px;
}
/* Slider mode: nowrap + transition + narrower cards (peek of 5th slide) */
.similar-residences--slider .similar-residences__list .featured-listing__grid{
    flex-wrap: nowrap;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}
.similar-residences--slider .similar-residences__list .featured-listing__item{
    flex: 0 0 22%;
    max-width: 22%;
}
/*=========================== End Similar Residences ===========================*/


@media (min-width: 992px){
    #floorplan_sec{
        display: none;
    }
    /* Amenities "reverse" variant (images left, text right) — desktop only.
       Below 992px it falls back to the exact same stacked layout as amenities.
       Same image dimensions as amenities; only the cluster side, the main's
       rounded corner, and the secondary's side are changed. */
    .amenities-section--reverse .amenities-section__body{
        grid-template-columns: 1.1fr 0.9fr;  /* images a bit wider, text pushed right */
        gap: 90px;                            /* larger gap between images and text */
    }
    .amenities-section--reverse .amenities-section__images{
        margin-left: 0;
        margin-right: auto;                  /* cluster flush left */
    }
    .amenities-section--reverse .amenities-section__image--secondary{
        left: 0;
        right: auto;                         /* secondary at bottom-LEFT, overlapping the main */
        /* keep amenities' top-right rounded corner (it faces the main) */
    }
}

@media (min-width: 768px){
    /*Vacation Rental View All button*/
    .mobile {
        display: none;
    }
    .map-btn-fixed{
        display: none;
    }
    .photos-grid-container .caption.mob-only{
        display: none;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .container-fluid.hero-video {
        height: 532px;
    }
    video {
        width: 142%;
    }
}

@media (min-width: 993px) and (max-width: 1400px) {
    .container-fluid.hero-video {
        height: 669px;
    }
    video {
        width: 142%;
    }
}

@media (max-width: 1700px){
    #list_title_left{
        flex: 0 0 60%;
        max-width: 60%;
    }
    #list_meters{
        flex: 0 0 40%;
        max-width: 40%;
    }
    #property_list .drts-entity-permalink{
        padding-right: 30px;
    }
}

@media (max-width: 1650px){
    /*Homepage 1650px*/
    .categories-section .category-item img{
        height: 500px;
    }
    .popular-property .right-col svg{
        left: -1px;
    }
    /*End Homepage 1650px*/

    /*Real estate 1650px*/
    .real-estate .content-row{
        width: 100%;
    }
    .real-estate .popular-property{
        width: 100%;
    }
    .directory-listing.real-estate-directory > .container > .row{
        width: 100%;
    }
    .two-col-div-image .row{
        width: 100%;
    }
    /*End Rreal Estate 1650px */

    /*Vacational Rental 1650px*/
    .vacational-rental .two-col-section{
        width: 100%;
    }
    .vacational-directory .container > .row{
        width: 100%;
    }
    .mission-section .text-content{
        width: 65%;
    }
    /*End Vacational Rental 1650px*/

    /*Development 1650px*/
    .development-page .two-col-section{
        width: 100%;
    }
    .dev-three-img .image-block img{
        height: 500px;
    }
    /*End Development 1650px*/

    /*Contact us page 1650px*/
    .contact-page .form-section{
        width: 100%;
    }
    .contact-page .contact-page-property{
        width: 100%;
    }
    /*End Contact us page 1650px*/

    /*Archive Listing 1650px*/
    #filters .widget_sabaiapps_directories_wordpress_directory_filters{
        max-width: 1440px;
    }
    /*End Archive listing 1650px*/
}

@media (max-width: 1440px){
    /*General 1440px*/
    .container{
        max-width: 100%;
    }
    .page-title{
        font-size: 50px;
    }
    #listing_content{
        padding-right: 20px;
    }
    #property_form{
        padding-left: 20px;
    }

    /*End General 1440px*/

    /*Header 1440px*/
    .header > .container{
        max-width: 100%;
    }
    /*End Header 1440px*/

    /*Homepage 1440px*/
    .categories-section .row{
        width: 100%;
    }
    .property-slider .popular-property{
        width: 100%;
    }
    .about-us .about-text-content{
        font-size: 35px;
        line-height: 45px;
    }
    .about-us .learn-more{
        width: 90%;
    }
    .directory-listing > .row{
        width: 100%;
    }
    .directory-listing .listing-title{
        font-size: 25px;
    }
    .blog .blog-row{
        width: 100%;
    }
    .blog .blog-item a h4{
        font-size: 25px;
    }
    .last-section .left-col h2{
        font-size: 25px;
    }
    #mc4wp-form-1 h2{
        font-size: 25px;
    }
    .popular-property .left-col h4{
        font-size: 25px;
    }
    /*End Homepage 1440px*/

    /*About Us Page 1440px*/
    .about-page .two-col-section .left-col h4{
        font-size: 40px;
    }
    .services .title-section h2{
        font-size: 40px;
    }
    /*End About Us Page 1440px*/

    /*Real Estate page 1440px*/
    .real-estate .content-row h2{
        font-size: 40px;
    }
    .directory-listing .title{
        font-size: 40px;
    }
    .real-estate-contact .contact-form h2{
        font-size: 35px;
    }
    /*End Real Estate page 1440px*/

    /*Vacational Rental page 1440px*/
    .vacational-rental .two-col-section .left-col h4{
        font-size: 40px;
    }
    .vacation-section-form .form h2{
        font-size: 35px;
    }
    /*End Vacational Rental 1440px*/

    /*Development page 1440px*/
    .development-page h4.development-sections-title, .dev-title h4.development-sections-title{
        font-size: 40px;
    }
    .development-fluid{
        height: 400px;
    }
    .development-fluid .right-col-img img{
        height: 400px;
    }
    .dev-three-img .image-block span{
        font-size: 25px;
    }
    /*End Development page 1440px */

    /*Blog Archive 1440px*/
    .blog-page .blog-posts-grid{
        margin: 0 auto;
    }
    /*End Blog Archive 1440px*/

    /*Contact Us page 1440px*/
    .contact-page .form-section h2{
        font-size: 35px;
    }
    /*End Contact Us page 1440px*/

    /*Archive Listing 1440px*/
    .property-list-content .breadcrumb-sec{
        padding-left: 10px;
    }
    /*End Archive Listing 1440px*/

    /*Property Single 1440px*/
    .property-single > .row > .col-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .listing-content .drts-display-element-entity_field_post_title-1{
        font-size: 40px;
    }
    /*End Property Single 1440px*/
    .amenities-section__image--secondary{
        left: 10%;
        bottom: -12%;
    }
    
}

@media (max-width: 1199px){
    .property-listing-page .residences-hero__title-line{
        font-size: 55px;
    }
    .property-listing-page .residences-hero__title-italic{
        font-size: 60px;
    }
    .amenities-section__images{
        width: 100%;
    }
    .featured-listing__title,
    .residences-types__title,
    .amenities-section__title{
        font-size: 40px;
    }
    .featured-listing__title em,
    .residences-types__title em,
    .amenities-section__subtitle{
        font-size: 45px;
    }
    .featured-listing__header{
        align-items: center;
    }
    .residences-types__name{
        font-size: 26px;
    }
    .residences-types__count{
        font-size: 32px;
    }

    /*Similar residences 1199px*/
    .similar-residences__list .featured-listing__item{
        flex: 0 0 calc(33.333% - 11px);
        max-width: calc(33.333% - 11px);
    }
    .hero-title__line{
        font-size: 55px;
    }
    .hero-title__italic{
        font-size: 60px;
    }

    /*General 1200px*/
    .page-title{
        font-size: 40px;
    }
    .main-image-section .main-image{
        height: 500px;
    }
    .main-image-section svg{
        left: -1px;
    }
    #filters{
        width: 98%;
    }
    #filters .drts-view-filter-form .drts-bs-card-group-none{
        width: 98%;
    }
    #filters .drts .drts-bs-card:nth-child(2) {
        flex: 0 0 20%;
        max-width: 20%;
    }
    #filters .drts .drts-bs-card:nth-child(3) {
        flex: 0 0 70%;
        max-width: 70%;
        padding: 0 20px;
    }

    /*Homepage 1200px*/
    .last-section .popular-home .popular-property .left-col{
        padding-right: 0;
    }
    #mc4wp-form-1 p.info-text, #mc4wp-form-1 span{
        width: 80%;
    }
    .about-us .learn-more{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .about-us .right-col, .about-us .left-col {
        display: flex;
        justify-content: end;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .about-us .right-col img{
        width: 100%;
    }
    .about-us .about-text-content{
        width: 100%;
    }
    .about-us .left-col a{
        margin-top: 0;
        margin-bottom: 40px;
    }
    .about-us .row{
        width: 100%;
    }
    .about-us .row.content-section{
        padding: 15px;
    }

    /*About us page 1200px*/
    .about-page .two-col-section .right-col{
        padding-left: 15px;
    }
    .about-page .two-col-section .left-col h4{
        font-size: 30px;
    }
    .about-page .two-col-section .right-col a{
        font-size: 25px;
    }
    .about-portfolio .container > .row{
        width: 100%;
    }
    .about-portfolio .first-col p{
        font-size: 25px;
    }
    .mission-section .text-content p{
        font-size: 25px;
    }
    .construction-division .left-col p{
        font-size: 25px;
    }
    .construction-division img.right-img{
        height: 470px;
    }
    .construction-division .right-col svg.top{
        top: -4%;
    }
    .services .title-section h2{
        font-size: 30px;
    }

    /*Real Estate 1200px*/
    .category-section .category-name a{
        font-size: 30px;
    }
    .category-section .property-type li a{
        padding: 5px 10px;
        margin-right: 5px;
    }
    .category-section .category-name{
        bottom: 80px;
    }
    .real-estate .content-row h2{
        font-size: 30px;
        line-height: 35px;
    }
    .real-estate .popular-property img.popular-property-img{
        height: 300px;
    }
    .directory-listing .title{
        font-size: 30px;
    }
    .directory-listing img{
        height: 300px;
    }
    .directory-listing.real-estate-directory .listing-title{
        font-size: 25px;
    }
    .real-estate-directory .listing-container{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .two-col-div-image .left-col p{
        font-size: 25px;
    }
    .two-col-div-image img.right-img{
        height: 500px;
    }
    .two-col-div-image .left-col{
        padding-right: 0;
    }

    /*Vacational Rental 1200px*/
    .vacational-rental .two-col-section .left-col h4{
        font-size: 30px;
    }
    .directory-listing .listing-container{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .vacation-section-form .form h2{
        font-size: 30px;
    }
    .vacation-section-form .form{
        width: 60%;
    }

    /*Development 1200px*/
	.development-page .main-video{
		height: 500px;
	}
    .development-page h4.development-sections-title, .dev-title h4.development-sections-title{
        font-size: 30px;
    }
    .development-page .right-col-cnt{
        padding-top: 4rem;
    }
    .development-page .two-col-img-left img,
    .development-page .two-col-img-right img{
        height: 550px;
    }
    .development-fluid{
        height: 300px;
    }
    .development-fluid .right-col-img img{
        height: 300px;
        padding: 1px 0;
    }
    .dev-three-img .image-block img{
        height: 380px;
    }
    .dev-three-img .image-block span {
        font-size: 20px;
        line-height: 25px;
    }
    .popular-property img.popular-property-img{
        height: 250px;
    }
    .dev-last-sec #mc4wp-form-1{
        height: 250px;
    }
    .popular-property .left-col span{
        width: 100%;
    }
    .popular-property .left-col{
        padding: 15px 25px;
        padding-right: 0;
    }

    /*Blog Archive 1200px*/
    .post-title{
        font-size: 25px;
        min-height: 70px;
    }
    .blog-page .load-more-btn{
        padding-bottom: 100px;
    }
    .blog-page #mc4wp-form-1{
        height: 250px;
    }
    .blog-popular-property > .container{
        padding-left: 0;
    }
    .blog-popular-property .popular-property{
        padding-bottom: 0;
    }

    /*Blog Simple 1200*/
    .simple-page-last-sec #mc4wp-form-1{
        height: 250px;
    }

    /*Contact us page 1200px*/
    .contact-page .form-section h2{
        font-size: 30px;
    }
    .contact-page .contact-page-property svg{
        left: -2px;
    }

    /*Listing Archive 1200px*/
    .drts-slider-photos-photo-no-padding{
        background-color: transparent;
    }
    #property_list figure{
        height: 300px !important;
    }
    #property_list .drts-display-element-entity_field_field_price-1, 
    #property_list .drts-display-element-entity_field_field_property_price-1, 
    #property_list .drts-display-element-entity_field_field_property_price_dollar-1{
        font-size: 17px;
    }
    #property_list .drts-entity-permalink{
        font-size: 25px;
    }
    .hidden-map .drts-map-map{
        height: 300px !important;
    }

    /*Simple Listing 1200px*/
    .single-property-page svg#wave{
        bottom: -25px;
    }
    .listing-content .drts-display-element-entity_field_post_title-1 {
        font-size: 35px;
    }
    #property_form .drts-display-element-header span{
        font-size: 25px;
    }
    #main-features .drts-entity-field-value{
        font-size: 20px;
    }

    /*Private Properties 1200px*/
    .private-properties .extra-section{
        padding-bottom: 4rem;
    }
    .private-properties #mc4wp-form-1{
        height: 250px;
    }
    .development-hero__title{
        font-size: 55px;
    }
    .development-hero__subtitle{
        font-size: 60px;
    }
    .contact-page__title-line{
        font-size: 55px;
    }
    .contact-page__title-italic{
        font-size: 60px;
    }
}

@media (max-width: 991px){
    .page-template-development .amenities-section:not(.amenities-section--reverse) .amenities-section__image--main{
        left: unset;
    }
    .amenities-section--reverse .amenities-section__image--main{
        right: unset;
    }
    .amenities-section--reverse .amenities-section__left{
        margin-left: 0;
    }
    .property-listing-page .residences-hero__title-line{
        font-size: 40px;
    }
    .property-listing-page .residences-hero__title-italic{
        font-size: 42px;
    }
    .property-listing-page .residences-hero__breadcrumb{
        margin-top: 30px;
    }
    /*Homepage hero 991px*/
    .hero-title{
        font-size: clamp(30px, 7vw, 60px);
        margin-bottom: 36px;
    }
    .hero-button{
        padding: 14px 30px;
        font-size: 12px;
        gap: 14px;
    }
    .homepage-intro{
        padding: 90px 24px;
    }

    /*Three column section 991px*/
    .three-column-section{
        padding: 40px 24px 90px;
    }
    .three-column-section__inner{
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .three-column-section__col--left{ order: 1; }
    .three-column-section__col--center{ order: 2; }
    .three-column-section__col--right{ order: 3; }
    .three-column-section__image-wrap{
        width: 300px;
        height: 515px;
    }

    /*Residences types 991px — horizontal slider with peek of next slide*/
    .residences-types{
        padding: 60px 24px 80px;
    }
    /* Re-flow inner as a column so we can reorder header children below the slider */
    .residences-types__inner{
        display: flex;
        flex-direction: column;
    }
    .residences-types__header{
        display: contents;
    }
    .residences-types__title{
        order: 1;
        margin-bottom: 36px;
    }
    /* Grid becomes a scroll-snap slider, full-bleed to the screen edges */
    .residences-types__grid{
        order: 2;
        display: flex;
        grid-template-columns: none;
        gap: 16px;
        margin: 0 -24px;
        padding: 0 24px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 24px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .residences-types__grid::-webkit-scrollbar{
        display: none;
    }
    /* Each residence type = one slide; <100% width reveals a peek of the next */
    .residences-types__item{
        flex: 0 0 80%;
        scroll-snap-align: start;
    }
    .residences-types__image-wrap{
        width: 100%;            /* full slide width */
        height: 500px;          /* override base 800px; fixed height, no aspect-ratio */
        margin-bottom: 18px;
    }
    /* Explore link drops below the slider, centered */
    .residences-types__explore{
        order: 3;
        align-self: center;
        margin-top: 44px;
    }
    .featured-listing__heading a{
        font-size: 24px;
    }
    .featured-listing__area{
        font-size: 30px;
    }
    .featured-listing__meta{
        font-size: 16px;
    }
    .featured-listing__btn{
        font-size: 16px;
    }

    /*Amenities section 991px*/
    .amenities-section{
        padding: 60px 24px 80px;
    }
    .amenities-section__header{
        margin-bottom: 5rem;
        margin-top: 2rem;
    }
    .amenities-section__body{
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .amenities-section__left{
        gap: 32px;
        order: 2;
    }
    .amenities-section__images{
        order: 1;
    }
    .amenities-section__image--main{
        border-radius: 0;
        border-bottom-right-radius: 60px;
        width: 100%;
        height: 170px;
    }
    .amenities-section__image img{
        width: 100%;
        height: 170px;
    }
    .amenities-section__image.amenities-section__image--secondary{
        left: 50%;
        transform: translatex(-50%);
        bottom: unset;
        top: 30%;
        width: unset;
        height: unset;
    }
    .amenities-section__image.amenities-section__image--secondary img{
        width: 200px;
        height: 214px;
    }
    .amenities-section__images{
        height: 300px;
    }
    .residences-types{
        overflow: hidden;
    }
    .amenities-section__text p,
    .amenities-section__text ul li{
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
    }

    /*Featured listing 991px — horizontal slider with peek of next slide*/
    .featured-listing{
        padding: 50px 24px 80px;
    }
    /* Re-flow inner as a column so we can reorder header children below the slider */
    .featured-listing__inner{
        display: flex;
        flex-direction: column;
    }
    .featured-listing__header{
        display: contents;
    }
    .featured-listing__title{
        order: 1;
        margin-bottom: 30px;
    }
    /* Grid becomes a scroll-snap slider, full-bleed to the screen edges */
    .featured-listing__grid{
        order: 2;
        display: flex;
        grid-template-columns: none;
        gap: 16px;
        margin: 0 -24px;
        padding: 0 24px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 24px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .featured-listing__grid::-webkit-scrollbar{
        display: none;
    }
    /* Each residence = one slide; <100% width reveals a peek of the next */
    .featured-listing__item{
        flex: 0 0 80%;
        scroll-snap-align: start;
    }
    .featured-listing__media{
        width: 100%;            /* full slide width */
        height: 380px;          /* override base 600px; fixed height, no aspect-ratio */
    }
    /* Explore link drops below the slider, centered */
    .featured-listing__explore{
        order: 3;
        align-self: center;
        margin-top: 40px;
    }

    .property-listing-page .residences-hero__description p{
        font-size: 22px;
    }
    .marker-image{
        display: none;
    }

    .site-footer{
        border-top-left-radius: 60px;
        border-top-right-radius: 60px;
    }
    footer .site-footer__col--left > div:nth-child(2) .footer-title{
        text-align: center;
    }
    /* Reorder footer columns: center first, then left, then right */
    .site-footer__col--center{ order: 1; }
    .site-footer__col--left{ order: 2; }
    .site-footer__col--right{ 
        order: 3; 
        display: none;
    }
    /* Inside col 1: show MEMBER OF (2nd block) before FOLLOW US (1st block) */
    .site-footer__col--left{
        display: flex;
        flex-direction: column;
    }
    .site-footer__col--left > div:nth-child(1){ 
        order: 2; 
        justify-content: center;
    }
    .site-footer__col--left > div:nth-child(2){ 
        order: 1; 
        justify-content: center;
    }
    .site-footer .menu{
        flex-direction: row;
    }
    footer .footer-title{
        text-align: center;
    }
    footer .footer-column-1{
        padding-top: 25px;
    }

    /* cardsSection: stack arrow first, then left (copyright), then right (menu).
       Flatten the .container-fluid/.row wrappers so the button + both cols
       become flex children of .cardsSection and can be ordered together. */
    .cardsSection{
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .cardsSection > .container-fluid{
        display: contents;
    }
    .cardsSection .row{
        display: contents;
    }
    #scroll-to-top.back-to-top{
        position: static;
        transform: none;
        order: 1;
        align-self: center;
        margin-bottom: 30px;
    }
    .cardsSection .menu{
        justify-content: center;
    }
    .cardsSection__left{
        order: 2;
        justify-content: center;
    }
    .cardsSection__right{
        order: 3;
        justify-content: center;
    }
    .cardsSection .copyright, .cardsSection .textwidget, .cardsSection p{
        justify-content: center;
    }

    /*Property listing page hero 991px*/
    .property-listing-page .residences-hero{
        padding: 140px 20px 70px;
    }
    .property-listing-page .residences-hero__breadcrumb{
        margin-bottom: 48px;
        font-size: 12px;
        letter-spacing: 0.16em;
    }
    .property-listing-page .residences-hero__title{
        margin-bottom: 28px;
    }

    /*Property listing bar 991px*/
    .property-listing-bar{
        padding: 10px 20px 40px;
    }
    .property-listing-bar__title{
        margin-bottom: 24px;
    }
    .pl-pill{
        height: 56px;
        padding: 0 20px;
        font-size: 14px;
    }
    .property-listing-bar__inner{
        border-top: unset;
        padding-top: 1rem;
    }
    .property-listing-page .residences-hero__breadcrumb a,
    .property-listing-page .residences-hero__breadcrumb-current{
        font-size: 14px;
    }
    #property_list figure {
        height: 380px !important;
        max-height: 380px;
    }
    #property_list .drts-entity-permalink{
        font-size: 24px;
    }
    #list_meters > div{
        font-size: 30px;
    }
    #property-data > .drts-row {
        align-items: baseline;
    }
    /* #property-data > .drts-row > .drts-col-9{
        flex: 0 0 70%;
        max-width: 70%;
    }
    #property-data > .drts-row > .drts-col-3{
        flex: 0 0 30%;
        max-width: 30%;
    } */
    #list_property_info .drts-display-element .drts-entity-field-label{
        font-size: 16px;
    }
    #list_buttons button{
        font-size: 16px;
    }

    /*Header redesign 991px*/
    .header > .container,
    .header > .container-fluid{
        padding-left: 16px;
        padding-right: 16px;
    }
    .header .col-md-8 .widget-logo-wr img,
    .header .col-md-8 .widget-logo-wr .logo{
        width: 180px;
    }
    .header-menu{
        right: 16px;
        width: 260px;
    }
    .header-menu__bar{
        height: 56px;
    }
    .header-menu__contact{
        padding: 0 16px;
        font-size: 12px;
        letter-spacing: 0.12em;
    }
    .header-menu__toggle{
        width: 48px;
    }

    /*General 992px*/
    .header{
        display: flex;
        align-items: center;
    }
    .mobile-header-hidden{
        display: none !important;
    }
    .header > .container > .row {
        align-items: center;
    }
    .d-none {
        display: block !important;
        flex: 0 0 50%;
        max-width: 50%;
        height: 100%;
    }
    .widget-logo-wr img{
        max-width: 80px;
        padding: 0;
    }
    .main-image-section .main-image{
        height: 450px;
        padding: 1px;
    }
    .main-image-section svg{
        width: 101%;
        bottom: -20px;
    }
    #filters #toggle-btn{
        width: 40px;
        font-size: 0.1px;
    }
    #filters #toggle-btn img{
        margin-left: 0 !important;
    }
    #filters .widget_sabaiapps_directories_wordpress_directory_filters{
        padding-left: 15px;
    }
    #filters .drts .drts-bs-card:first-child{
        margin-right: 10px;
    }
    #filters .drts .drts-bs-card:nth-child(2) {
        flex: 0 0 35%;
        max-width: 35%;
    }
    #filters .drts .drts-bs-card:nth-child(3){
        flex: 0 0 55%;
        max-width: 55%;
    }
    #drts-view-filter-display-element-view_filter_field_property_type-1 .drts-bs-form-control{
        padding: 2px;
        font-size: 14px;
    }
    #filters .drts-system-widget .drts-form label{
        font-size: 14px !important;
    }
    #filters .drts .drts-bs-card:first-child > .drts-bs-card-body{
        width: 100%;
    }
    #sticky_filter_header{
        top: -1px;
    }
    #filters .drts .drts-bs-card:first-child > .drts-bs-card-body.show{
        padding: 0 20px;
    }
    .d-none{
        display: block !important;
        flex: 0 0 10%;
        max-width: 10%;
        height: 100%;
        order: 3;
    }
    .d-flex.logo{
        flex: 0 0 20%;
        max-width: 20%;
    }
    .property-list-content .breadcrumb-sec{
        padding-left: 0;
    }
    .drts-main{
        padding-left: 0;
    }
    .drts-main .drts-view-entities-footer{
        max-width: 100%;
    }
    .nf-error.field-wrap .nf-field-element:after{
        width: 60px !important;
        height: 64px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .single-blog-page .single-content h3, 
    .single-blog-page .single-content h6, 
    .single-blog-page .single-content h5{
        font-size: 24px;
    }
    #floorplan_sec{
       display: flex;
        justify-content: center;
        align-items: start;
        height: 100%; 
    }
    #floorplan_sec a{
        margin-left: 20px;
        color: #000;
        border: 1px solid #D5D3D0;
        padding: 5px 15px;
        border-radius: 5px;
        cursor: pointer;
        height: 40px;
    }
    #floorplan_sec a:before{
        content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Icons.png);
        padding-right: 10px;
        vertical-align: middle;
        line-height: unset;
    }
    .floorplan{
        display: none;
    }
    #drts-view-filter-display-element-view_filter_field_bedrooms_number-1 .drts-view-filter-field .drts-bs-form-row .drts-bs-col-sm-3{
        width: 25%;
    }
    .drts-main .drts-location-map-container-container{
        display: none;
    }
    .drts-main .drts-location-entities-container{
        flex: 0 0 100%;
        max-width: 100%;
    }

    /*Homepage 992px*/
    .hero-section svg{
        display: none;
    }
    .container-fluid.hero-video{
        border-radius: 0 0 40px 40px;
        height: 600px;
    }
    .home .header-left a{
        display: flex !important;
    }
    .home .header-left > a > img.image{
        filter: brightness(0) invert(1);
        width: 159px;
    }
    .home .header-center{
        display: none !important;
    }
    .last-section{
        overflow: hidden;
    }
    .categories-section .category-item img {
        height: 400px;
    }
    .categories-section .category-item span{
        font-size: 35px;
    }
    .categories-section .category-item{
        height: 500px;
    }
    .property-slider .popular-property{
        width: 99%;
    }
    .property-slider .popular-property .left-col {
        padding: 30px;
    }
    .property-slider .popular-property .left-col span{
        padding-top: 15px;
    }
    .property-slider .popular-property img.popular-property-img{
        height: 300px;
    }
    .property-slider .owl-dots{
        bottom: -7%;
    }
    .about-us .row.content-section{
        padding-top: 50px;
    }
    .about-us .about-text-content{
        font-size: 30px;
    }
    .about-us .learn-more{
        width: 100%;
    }
    .about-us .left-col a{
        margin-right: 60px;
    }
    .testimonial-section .container{
        width: 80%;
    }
    .directory-listing .info-section > .col-6{
        display: none;
    }
    .directory-listing .info-section .feature-list {
        display: flex;
        justify-content: start;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .directory-listing .title-section{
        display: block;
    }
    .directory-listing .title-section > .col-8 {
        max-width: 100%;
    }
    .directory-listing .title-section > .col-4{
        display: block;
    }
    .blog{
        padding: 100px 0;
    }
    .blog .blog-row{
        display: flex;
        flex-direction: column;
    }
    .blog .blog-row > .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .blog .first-blog{
        flex-direction: column;
    }
    .blog .first-blog .blog-item{
        padding-left: 0;
    }
    .blog .first-blog .title{
        text-align: center;
    }
    .blog .second-third-blog{
        padding-left: 30px;
        padding-top: 50px;
    }
    .blog .second-third-blog .blog-item img {
        height: 180px;
    }
    .home .last-section{
        padding-top: 50px;
    }
    .home .last-section > .row{
        display: flex;
        flex-direction: column;
    }
    .home .last-section .row > .left-col{
        max-width: 70%;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    .home .last-section .left-col h2{
        text-align: center;
    }
    .home .last-section .row:not(.popular-property) > .right-col{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home .popular-property .right-col svg{
        top: -1px;
    }
    .home .popular-property{
        padding-bottom: 0;
    }

    /*About us 992px*/
    .about-page .two-col-section{
        display: flex;
        flex-direction: column;
    }
    .about-page .two-col-section .left-col,
    .about-page .two-col-section .right-col{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .about-portfolio .first-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .about-portfolio .img-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .about-portfolio .img-col a{
        z-index: 999;
    }
    .mission-section .text-content {
        width: 85%;
    }
    .construction-division .left-col{
        padding-right: 0;
    }
    .services .text-section{
        width: 90%;
    }
    .popular .popular-property{
        width: 100%;
    }

    /*Real Estate 992px*/
    .category-section .col-6{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 50px;
    }
    .category-section img{
        height: 400px;
    }
    .category-section .property-type li a{
        margin-right: 12px;
    }
    .real-estate .content-row{
        display: flex;
        flex-direction: column;
        padding: 50px 0;
    }
    .real-estate .content-row .left-title,
    .real-estate .content-row .right-content{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .two-col-div-image svg{
        top: -3%;
    }
    .two-col-div-image .left-col p {
        font-size: 22px;
        line-height: 28px;
    }
    .real-estate-contact .contact-form{
        width: 70%;
    }
    .real-estate-contact .contact-form h2{
        font-size: 30px;
        text-align: center;
    }

    /*Vacational Rental 992px*/
    .vacation-section-form .form{
        width: 90%;
    }

    /*Contact us page 992px*/
    .contact-page .main-image-section svg{
        bottom: -1px;
    }
    .contact-page .form-section .left-col{
        padding-right: 10px;
    }
    .contact-page .form-section .right-col{
        padding-left: 10px;
    }
    .popular-property img{
        padding: 1px;
    }


    /*Private Properties 992px*/
    .private-properties .page-title{
        font-size: 30px;
    }
    .private-properties #mc4wp-form-1{
        height: unset;
    }
    .private-properties .divider{
        display: none;
    }
    .private-properties .nf-form-content{
        padding: 0;
    }

    /*Login Page 992px*/
    .login-page .login-forms{
        width: 100%;
    }
    .login-page .drts-frontendsubmit-login-register-form{
        display: flex;
    }
    .login-page #mc4wp-form-1{
        height: unset;
    }
    .login-page .extra-section {
        padding-top: 6rem;
        display: flex;
        flex-direction: column;
        width: auto;
    }
    .login-page .extra-section > .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }


    /*Map View 992px*/
    .map-view-page{
        padding-top: 100px;
    }
    .map-view-page .drts .drts-view-entities-sort-selected{
        border: unset;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        font-family: var(--main-font);
        background-color: #fff; 
        border: 1px solid #868e96;
    }
    .map-view-page .drts .drts-view-entities-sort-selected:after {
        border-left: unset;
        border-bottom: unset;
        border-right: unset;
        border-top: unset;
        content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/04/Group-5.png);
        line-height: 15px;
        align-items: center;
        margin-left: 10px;
        rotate: 90deg;
        transform-origin: center center;
        transition: all 0.3s ease;
        vertical-align: unset;
    }
    .map-view-page .drts .drts-bs-show .drts-view-entities-sort-selected:after {
        rotate: 270deg;
        transform-origin: center center;
    }
    .map-view-page .drts .drts-bs-show>.drts-bs-btn-outline-secondary.drts-bs-dropdown-toggle:focus,
    .map-view-page .drts .drts-bs-btn-outline-secondary:not(:disabled):not(.drts-bs-disabled):active,
    .map-view-page .drts .drts-bs-show>.drts-bs-btn-outline-secondary.drts-bs-dropdown-toggle:hover,
    .map-view-page .drts .drts-bs-btn-outline-secondary:hover{
        background-color: #fff !important;
        color: #000 !important;
        box-shadow: unset;
        outline: unset;
        border: 1px solid #868e96;
    }
    #drts-modal button.drts-bs-close{
        font-size: 35px !important;
    }
    .map-view-page .drts-map-marker{
        border-radius: 50%;
    }
    #map_view_lot .drts-bs-custom-control input,
    #map_view_indoor .drts-bs-custom-control input,
    #map_view_outdoor .drts-bs-custom-control input{
        opacity: 1 !important;
    }
	
	/*Development 992px*/
	.development-page .main-video{
		height: 450px;
	}

    /*Footer 992px*/
    footer .second-col{
        margin-left: unset;
    }
    footer .social-icons i{
        margin-bottom: 0;
    }
    footer .left-footer > .col-3{
        flex: 0 0 33%;
        max-width: 33%;
    }
    .three-column-section__heading--upper{
        font-size: 40px;
        padding: 5px;
    }
    .three-column-section__heading--italic{
        font-size: 42px;
    }
    .amenities-section__button{
        width: 100%;
        justify-content: center;
    }
    .home .amenities-section__button{
        margin-bottom: 45px;
    }
    .featured-listing__title em{
        margin-left: 0;
    }
    .featured-listing__title em, .residences-types__title em, .amenities-section__subtitle{
        font-size: 42px;
    }

    /* Development icons: stack vertically (single column) */
    .development-icons__grid{
        grid-template-columns: 1fr;
    }
    .development-icons__title,
    .development-icons__subtitle{
        font-size: 20px;
    }
    .development-icons__icon{
        margin-bottom: 25px;
    }
    .construction-progress__title-line{
        font-size: 40px;
    }
    .construction-progress__title-italic{
        font-size: 42px;
    }
    .construction-progress__description p{
        font-size: 18px;
    }
    .construction-progress__step-date,
    .construction-progress__step-title{
        font-size: 18px;
    }
    .construction-progress__step{
        padding: 30px 0;
    }
    /* Timeline: line on the left, all content to the right of it */
    .construction-progress__step{
        grid-template-columns: 1fr;
    }
    /* Move the connecting line (before/after) to the left */
    .construction-progress__step:before,
    .construction-progress__step:after{
        left: 12px;
    }
    /* Move the dot to the left, keep it centered on the line + vertically */
    .construction-progress__dot{
        left: 12px;
    }
    /* Both odd and even steps: content sits to the right of the line */
    .construction-progress__step:nth-child(odd) .construction-progress__step-content,
    .construction-progress__step:nth-child(even) .construction-progress__step-content{
        grid-column: 1;
        text-align: left;
        padding-left: 48px;
    }
    /* First step: symmetric padding so the date/title align with the dot,
       and extend the top line stub upward to keep the same look */
    .construction-progress__step:first-child{
        padding-top: 15px;
    }
    .construction-progress__step:first-child:before{
        top: -80px;
    }
    .under-video-text__title-line{
        font-size: 40px;
    }
    .under-video-text__title-italic{
        font-size: 42px;
    }
    .under-video-text__description p{
        font-size: 18px;
    }
    .contact-page__form-card{
        border-radius: 24px;
        padding: 20px;
    }
    .contact-page__title-line{
        font-size: 40px;
    }
    .contact-page__title-italic{
        font-size: 42px;
    }
    .contact-page .contact-page__short-text p{
        font-size: 22px !important;
        line-height: 32px !important;
    }
    .contact-page__short-text{
        margin: 0;
    }
    .page-template-contact_page .nf-error.field-wrap .nf-field-element:after{
        transform: translate(-7px, -50%);
    }
    section.contact-page input[type="submit"]{
        width: 100% !important;
        height: 72px !important;
        font-size: 18px !important;
    }
}

@media (max-width: 767px){
    .breadcrumb-sec .breadcrumb li a,
    .single-property-page .breadcrumb-sec .breadcrumb li{
        font-size: 14px;
    }
    /* Breadcrumb: don't wrap to a 2nd line — scroll horizontally (touch) */
    .single-property-page .breadcrumb-sec .breadcrumb{
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .single-property-page .breadcrumb-sec .breadcrumb::-webkit-scrollbar{
        display: none;
    }
    .single-property-page .breadcrumb-sec .breadcrumb li{
        flex: 0 0 auto;
        white-space: nowrap;
    }
    .single-property-page .property-hero__img{
        height: 535px;
        border-bottom-left-radius: 48px;
        border-bottom-right-radius: 48px;
    }
    .single-property-page .property-hero__actions{
        bottom: 30px;
        right: 15px;
    }
    .development-hero__breadcrumb li a,
    .development-hero__breadcrumb li{
        font-size: 14px;
    }
    .development-hero__title{
        font-size: 40px;
    }
    .development-hero__subtitle{
        font-size: 42px;
    }
    .development-hero__description p,
    .development-intro p{
        font-size: 22px;
    }
    .development-intro{
        padding: 70px 24px;
    }
    .development-icons{
        padding-top: 0;
    }
    .page-template-development .three-column-section{
        padding-bottom: 20px !important;
    }
    .development-icons__intro p{
        font-size: 22px;
    }
    .hero-title__line{
        font-size: 40px;
    }
    .hero-title__italic{
        font-size: 42px;
    }
    .header-left > a > img.image{
        padding-top: 45px;
    }
    .header .header-left{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .hero-button {
        margin: 0 auto;
        position: absolute;
        width: 93%;
        left: 0;
        right: 0;
        bottom: 15px;
    }
    .homepage-intro__content, .homepage-intro__content p{
        font-size: 22px;
        line-height: 32px;
    }

    /*Header menu 767px — closed: hamburger only / open: full-screen panel*/
    .header-menu{
        position: fixed;
        top: 24px;
        right: 16px;
        left: auto;
        bottom: auto;
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border-radius: 0;
        box-shadow: none;
        transition: top 0.4s ease, right 0.4s ease, bottom 0.4s ease,
                    left 0.4s ease, border-radius 0.4s ease, background 0.4s ease;
    }
    /* Closed: hamburger button with bg (92x56), pinned to the right; no CONTACT pill */
    .header-menu__bar{
        justify-content: flex-end;
        padding: 0;
        height: auto;
    }
    .header-menu__contact{
        display: none;
    }
    .header-menu__toggle{
        width: 92px;
        height: 56px;
        margin: 0;
        background: var(--primary_color);
        border-radius: 28px;
    }
    /* Keep the button solid — the base :hover/:focus opacity would make the
       whole button (incl. bg) translucent, and :focus lingers after a click. */
    .header-menu__toggle:hover,
    .header-menu__toggle:focus{
        opacity: 1;
    }

    /* Open: panel fills the viewport with a margin all around (full width).
       top:24px matches the closed button so the burger->X stays put. */
    body.menu-open .header-menu{
        top: 24px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        width: auto;
        z-index: 100000;          /* above the footer (.cardsSection z-index:99999) */
        background: rgba(0, 39, 38, 0.96);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border-radius: 24px;
        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
        display: flex;
        flex-direction: column;
        padding-top: 5px;
    }
    /* Open: CONTACT pill (left) + X (right) at the top of the panel.
       56px tall (= closed button) + align-items:center keeps the X centered at the
       same height the burger lines had. */
    body.menu-open .header-menu__bar{
        height: 56px;
        padding: 0 16px;
        align-items: center;
        justify-content: space-between;
        flex: 0 0 auto;
    }
    body.menu-open .header-menu__contact{
        display: inline-flex;
        flex: 0 0 auto;
        height: 44px;
        padding: 0 24px;
        font-size: 14px;
        letter-spacing: 0.08em;
        background: #EAF3EB;
    }
    /* Open: the toggle is just the X — drop the closed button bg/box */
    body.menu-open .header-menu__toggle{
        width: 56px;
        height: 56px;
        margin: 0;
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border-radius: 0;
    }
    /* Open: nav + language fill the remaining height */
    body.menu-open .header-menu__panel{
        max-height: none;
        flex: 1 1 auto;
        opacity: 1;
        overflow-y: auto;
        padding: 8px 28px 28px;
    }
    .header-menu__list{
        margin-top: 12px;
    }

    /*Similar residences 767px — native swipe/drag slider (1 card + peek), controls below.
      The base block now sits before the media queries, so these plain overrides win. */
    .similar-residences__inner{
        display: flex;
        flex-direction: column;
        padding: 0;
    }
    #features{
        padding-bottom: 15px;
    }
    .similar-residences__header{
        display: contents;
    }
    .similar-residences__title{
        order: 1;
        margin-bottom: 28px;
        font-size: 40px;
    }
    .similar-residences__title em{
        font-size: 42px;
    }
    .similar-residences__list{
        order: 2;
        overflow: visible;
    }
    .similar-residences__list .featured-listing__grid,
    .similar-residences--slider .similar-residences__list .featured-listing__grid{
        flex-wrap: nowrap;
        transform: none !important;        /* cancel the JS transform slider on mobile */
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 16px;
    }
    .similar-residences__list .featured-listing__grid::-webkit-scrollbar{
        display: none;
    }
    .similar-residences--slider .similar-residences__list .featured-listing__item,
    .similar-residences__list .featured-listing__item{
        flex: 0 0 86%;
        max-width: 86%;
        scroll-snap-align: start;
    }
    .similar-residences__list .featured-listing__media{
        height: 380px;
    }
    .similar-residences__see-all span{
        font-size: 18px;
    }
    .similar-residences{
        padding: 80px 15px;
    }
    /* Controls below the slider, centered; arrows hidden (swipe/drag instead) */
    .similar-residences__controls{
        order: 3;
        justify-content: center;
        margin-top: 32px;
    }
    .similar-residences__prev,
    .similar-residences__next{
        display: none;
    }
    .map-btn-fixed {
        display: none;
    }
    video {
        width: 142%;
    }
    /*General 768px*/
    .not-mobile {
        display: none !important;
    }
    .logged-in #filters{
        top: 116px;
    }
    p{
        font-size: 17px;
        line-height: 27px;
    }
    .popular-property{
        display: flex;
        flex-direction: column;
        padding-top: 3rem;
    }
    .popular-property .left-col{
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
        padding: 20px !important;
        padding-top: 0 !important;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .popular-property .right-col{
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
        overflow: hidden;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .popular-property img.popular-property-img {
        height: 200px !important;
        padding: 1px;
    }
    .popular-property .right-col svg{
        height: 100px;
        width: 136%;
        top: unset !important;
        bottom: -1px;
        rotate: -180deg;
    }
    .property-slider .popular-property .left-col a {
        bottom: 50px;
        position: relative !important;
        bottom: 0 !important;
        margin-top: 25px;
        width: fit-content;
    }
    .popular-property .left-col span {
        padding-top: 10px !important;
    }
    .property-slider .owl-dots{
        bottom: -7%;
    }
    #mc4wp-form-1{
        padding: 20px;
        padding-bottom: 75px;
        margin-bottom: 20px;
    }
    #mc4wp-form-1 h2{
        font-size: 24px;
        text-align: left;
    }
    #mc4wp-form-1 .newsletter-content{
        flex-direction: column;
    }
    #mc4wp-form-1 .newsletter-content .mail{
        width: 100%;
    }
    #mc4wp-form-1 .newsletter-content .submit{
        width: calc(100% - 70px);
        position: absolute;
        bottom: 20px;
    }
    #mc4wp-form-1 .newsletter-terms{
        text-align: left;
    }
    #nf-field-17-wrap > .nf-field-label{
        position: inherit;
    }
    .nf-form-content input[type=submit]{
        height: 50px !important;
    }
    .nf-form-content .label-above .field-wrap:not(#nf-field-17-wrap):not(#nf-field-23-wrap):not(#nf-field-24-wrap):not(#nf-field-25-wrap):not(#nf-field-27-wrap):not(#nf-field-28-wrap) .nf-field-label {
        display: none;
    }
    #nf-label-field-17{
        top: 57%;
    }
    .nf-form-content .list-select-wrap>div div:after{
        height: 100% !important;
        margin-right: 20px !important;
    }
    .page-breadcrumb {
        padding-bottom: 0px;
    }
    .page-title{
        font-size: 30px;
        line-height: 40px;
    }
    .main-image-section .main-image{
    height: 192px;
        padding: 1px;
    }
    .main-image-section svg{
        bottom: -25px;
    }
    #property_list{
        padding-right: 0;
    }
    #property_list #list_buttons{
        border-top: unset;
        margin-top: 0;
    }
    #property-data,
    #for_rent_list_features{
        padding-top: 10px;
    }
    .photos-grid-container .caption.not-mob{
        display: none;
    }
    .photos-grid-container div:not(.main-photo) .sub .img-box img{
        display: none;
    }
    .photos-grid-container #multi-link{
        position: inherit;
    }
    #multi-link img{
        display: none;
    }
    .single-property-page svg#wave{
        bottom: 0;
    }
    .photos-grid-container .transparent-box{
        background-color: transparent;
    }
    .photos-grid-container .caption{
        top: 15px;
        right: 15px;
        bottom: unset;
        width: 70px;
    }
    .photos-grid-container .caption a:before{
        content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/06/more-images.png);
        padding-right: 10px;
        vertical-align: middle;
        height: 20px;
    }
    .photos-grid-container .caption p{
        display: none;
    }
    .listing-content .drts-location-address{
        font-size: 13px;
    }
    #single_property_title_left{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #title_share > .drts-gutter-none{
        display: flex;
        flex-direction: column;
    }
    #title_share > .drts-gutter-none > .drts-display-element{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #share_btn{
        padding: 20px 0;
        display: flex;
    }
    #property_data > .drts-gutter-none{
        display: flex;
        flex-direction: column;
    }
    #property_data > .drts-gutter-none > .drts-display-element{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #listing_content{
        padding-right: 0;
        margin-top: 1rem;
    }
    #property_price{
        margin-bottom: 2rem;
    }
    #main-features .drts-entity-field-label{
        font-size: 15px;
    }
    #main-features .drts-entity-field-value{
        padding-top: 0;
    }
    #list_description{
        padding-bottom: 0;
    }
    #list_description p{
        text-align: left;
        font-size: 16px;
    }
    #features .feature-list .drts-display-element{
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0;
        padding-top: 17px;
    }
    #features .drts-entity-field-label{
        font-size: 16px;
    }
    /* Feature icons → 24x24 on small screens (the image + black filter come from the base) */
    #features .drts-entity-field-label:before{
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }
    #property_location .drts-entity-field-label{
        font-size: 24px;
    }
    #property_form{
        padding-left: 0;
        border-left: unset;
        display: none;            /* hidden by default — revealed by the Contact Agent button */
    }
    #nf-form-4-cont .one-half{
        width: 100%;
    }
    #nf-field-49-wrap input.datepicker{
        border-left: 1px solid #c4c4c4;
    }
    /* Contact Agent — fixed floating CTA at the bottom (dark-green pill) */
    #show_form_btn{
        display: block;
        position: fixed;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
        width: calc(100% - 36px);
        max-width: 520px;
        z-index: 999;
        cursor: pointer;
    }
    #show_form_btn span{
        background: var(--primary_color);
        color: #fff;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        border-radius: 40px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
        font-family: var(--main-font);
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }
    /* Feature cards: vertical stack (icon → label → value) like the design */
    #main-features .drts-display-element{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 13px;
        padding: 65px 16px 18px;   /* top room for the icon */
        border-radius: 20px;
    }
    #main-features .drts-display-element > .drts-entity-field-label:before{
        top: 16px;
        left: 16px;
    }
    #related .drts .drts-bs-col-sm-8 .drts-view-entities{
        width: 100%;
    }
    .property-cat-listing-page .breadcrumb-sec{
        padding-left: 0;
        padding-right: 0;
    }
    .category-title{
        font-size: 30px;
    }
    .listing-content .drts-display-element-entity_field_post_title-1{
        font-size: 40px;
        line-height: 48px;
    }
    .drts-main .drts-location-map-container-container{
        display: none;
    }
    .map-btn-fixed{
        width: 93%;
        position: fixed;
        bottom: 20px;
    }
    .map-btn-fixed a{
        background: #3e3e3e;
        color: #fff;
        height: 50px;
        display: flex;
        width: fit-content;
        justify-content: center;
        align-items: center;
        padding: 5px 15px;
        border-radius: 6px;
        margin: 0 auto;
    }
    .map-btn-fixed a:before{
        content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/07/solar_map-outline.png);
        vertical-align: middle;
        padding-right: 10px;
        line-height: 10px;
    }
    .property-slider .popular-property img.popular-property-img{
        padding: 1px;
    }
    #popular_wave{
        width: 101%;
        height: auto;
        rotate: unset;
        transform: unset;
        bottom: -20px;
    }
      .photos-grid-container {
        grid-template-columns: 1fr;
      }
    footer .container-fluid > .row{
        display: flex;
        flex-direction: column;
    }
    footer .container-fluid > .row > .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer .container-fluid > .row > .col-6 .right-footer .col-md-6{
        padding-top: 30px;
    }
    footer .container-fluid > .row > .col-6 .right-footer .col-md-6 > div:nth-child(1){
        order: 2;
    }
    footer .container-fluid > .row > .col-6 .right-footer .col-md-6 > div:nth-child(2){
        order: 1;
        justify-content: center;
    }
    footer .social-icons .social-icon{
        padding: 14px;
    }
    .footer-column-4 .textwidget{
        justify-content: center;
    }
	#CookiebotWidget:not(.CookiebotWidget-inactive){
		bottom: 20px !important;
		left: 30px !important;
	}


    /*Homepage 768px*/
    .hero-section svg {
        bottom: -1px;
    }
    .categories-section{
        padding-top: unset;
    }
    .categories-section .row .col-6{
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .categories-section .category-item {
        height: 330px;
        margin-bottom: 20px;
        overflow: hidden;
        transition: all 0.3s;
    }
    .categories-section .category-item img{
        opacity: 1;
        height: 330px;
        width: 100%;
    }
    .categories-section .category-item img:hover{
        transition: unset;
        scale: unset;
    }
    .categories-section .category-item span{
        color: #fff;
        font-size: 30px;
    }
    .categories-section .cat-section-content{
        color: #fff;
        font-size: 14px;
    }
    .about-us{
        display: flex;
        flex-wrap: wrap;
        padding-top: 7rem;
        padding-bottom: 7rem;
        position: relative;
        overflow: hidden;
    }
    .about-us .row.content-section{
        order: 2;
        margin-left: 0;
    }
    .about-us .learn-more{
        order: 1;
    }
    .about-us .right-col img{
        height: 280px;
    }
    .about-us .row.content-section{
        padding: 45px 0;
    }
    .about-us .left-col{
        order: 2;
        flex: 0 0 100%;
        max-width: 100%;
        position: absolute;
        bottom: 3rem;
        justify-content: start;
        padding-left: 0;
    }
    .about-us .right-col{
        display: flex;
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: start;
        padding-left: 0;
    }
    .about-us .about-text-content {
        font-size: 20px;
        line-height: 30px;
    }
    .about-us .row.content-section h4{
        padding-bottom: 30px;
    }
    .testimonial-section{
        padding: 50px 0;
    }
    .testimonial-section .container{
        width: 100%;
    }
    .testimonial-section p{
        font-size: 20px;
        line-height: 30px;
    }
    .testimonial-section .owl-nav{
        display: flex;
        justify-content: center;
        padding-top: 50px;
    }
    .testimonial-section .owl-nav button{
        position: inherit !important;
        transform: unset !important;
    }
    .testimonial-section .owl-carousel .owl-nav button.owl-prev span, 
    .testimonial-section .owl-carousel .owl-nav button.owl-next span{
        display: flex;
        font-size: 1px;
        padding: 0 15px;
    }
    .testimonial-section .owl-carousel .owl-nav button.owl-next span:after,
    .testimonial-section .owl-carousel .owl-nav button.owl-prev span:after{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .testimonial-section span.testimonial-title{
        font-size: 15px;
        opacity: 0.5;
    }
    .directory-listing {
        padding: 65px 0;
        padding-bottom: 25px;
    }
    .directory-listing .listing-container{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 15px;
    }
    .directory-listing .title{
        font-size: 24px;
        padding-bottom: 0;
    }
    .directory-listing img {
        height: 260px;
    }
    .directory-listing .listing-title{
        font-size: 24px;
    }
    .directory-listing .title-section{
        padding: 20px 0;
        padding-bottom: unset;
    }
    .directory-listing .title-section > .col-4{
        display: flex;
        justify-content: start;
    }
    .directory-listing .price{
        font-size: 16px;
    }
    .directory-listing .info-section .feature-list .feature{
        font-size: 14px;
    }
    .directory-listing .info-section{
        border-bottom: unset;
    }
    .directory-listing .featured-content .buttons{
        padding: 15px;
        margin-top: unset;
    }
    .directory-listing .featured-content{
        padding-bottom: 30px;
    }
    .blog {
        padding: 65px 0;
    }
    .blog > .container{
        padding-left: 0;
        padding-right: 0;
    }
    .blog .first-blog .title {
        text-align: center;
        font-family: var(--title-font);
        text-transform: capitalize;
        font-size: 24px;
        font-weight: 300;
        padding-bottom: 35px;
    }
    .blog .first-blog .blog-item img{
        height: 200px;
    }
    .blog .first-blog .post-date {
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .blog .blog-item a h4 {
        font-size: 24px;
    }
    .blog .blog-item p{
        font-size: 14px;
        line-height: 20px;
    }
    .blog .second-third-blog .blog-item {
        display: flex;
        flex-direction: column;
    }
    .blog .second-third-blog .blog-item .img-sec{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .blog .second-third-blog .blog-item .content{
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 15px;
    }
    .blog .second-third-blog .blog-item img{
        height: 200px;
    }
    .blog .post-date {
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .blog .second-third-blog .blog-item:first-child{
        border-bottom: unset;
        padding-bottom: unset;
        margin-bottom: 45px;
    }
    .blog .no-border-btn{
        justify-content: center;
    }
    .home .last-section .row > .left-col{
        width: 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .home .last-section .left-col h2{
        font-size: 24px;
        text-align: left;
    }
    .home .last-section{
        padding-left: 15px;
        padding-right: 15px;
    }
    .home .last-section .row:not(.popular-property) > .right-col{
        display: flex;
        flex-direction: column;
    }
    .home .newsletter{
        order: 2;
    }
    .last-section .popular-home .popular-property{
        padding-bottom: 1rem;
    }
    .last-section .popular-property .left-col a{
        position: relative;
        bottom: unset;
        margin-top: 20px;
        width: fit-content;
    }
    .popular-property .left-col h4{
        font-size: 24px;
    }

    /*About us 768px*/
    .about-page .two-col-section{
        width: 100%;
        padding-bottom: 30px;
        padding-top: 35px;
    }
    .about-page .two-col-section .left-col{
        padding-left: 0;
        padding-right: 0;
    }
    .about-page .two-col-section .right-col{
        padding-left: 0;
        padding-right: 0;
    }
    .about-page .two-col-section .left-col h4{
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 20px;
    }
    .about-page .two-col-section .right-col a{
        font-size: 20px;
    }
    .about-portfolio .container{
        padding: 75px 0;
    }
    .about-portfolio .title h4{
        font-size: 17px;
        padding-bottom: 30px;
        padding-left: 0;
    }
    .about-portfolio .first-col{
        padding-left: 0;
    }
    .about-portfolio .first-col p{
        font-size: 20px;
        line-height: 30px;
        padding-right: 0;
        margin-bottom: 50px;
    }
    .about-portfolio .img-col{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    .about-portfolio img.portfolio-img{
        height: 250px;
    }
    .about-portfolio .img-col a{
        font-size: 24px;
        left: 20px;
        bottom: 20px;
        width: calc(100% - 50px);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .about-portfolio .img-col a:after{
        line-height: 20px;
    }
    .mission{
        overflow: hidden;
    }
    .mission-section {
        padding: 70px 0;
    }
    .mission-section .content{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .mission-section .text-content{
        width: 100%;
    }
    .mission-section .text-content h4{
        font-size: 17px;
        padding-bottom: 20px;
    }
    .mission-section .text-content p{
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 50px;
    }
    .mission-section .content img {
        width: 108%;
        margin-left: -15px;
        margin-right: -15px;
        height: 200px;
        object-fit: cover;
    }
    .construction{
        padding-bottom: 75px;
    }
    .construction-division{
        padding-top: 0;
    }
    .construction-division > .row{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .construction-division .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .construction-division .left-col h4{
        font-size: 17px;
        padding-bottom: 30px;
    }
    .construction-division .left-col p{
        font-size: 20px;
        line-height: 30px;
    }
    .construction-division .right-col{
        padding-left: 0;
        padding-top: 30px;
    }
    .construction-division img.right-img {
        height: 350px;
    }
    .construction-division .image-section:after{
        width: 20px;
    }
    .construction-division .right-col svg.top {
        top: -4%;
        left: -1px;
        width: 101%;
    }
    .services{
        padding-top: 50px;
    }
    .services .title-section{
        width: 100%;
    }
    .services .title-section h4{
        font-size: 17px;
        text-align: left;
        padding-bottom: 20px;
    }
    .services .text-section{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .services .text-section .col-6{
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .popular .popular-property {
        padding-bottom: 3rem;
    }
    .popular .popular-property .left-col a{
        position: initial;
        width: fit-content;
        margin-top: 20px;
    }


    /*Real Estate 768px*/
    .real-estate .page-title{
        padding-bottom: 0;
    }
    .real-estate .page-subtitle{
        font-size: 17px;
        padding-bottom: 30px;
    }
    .category-section img{
        height: 280px;
    }
    .category-section .property-type{
        display: none;
    }
    .category-section .category-name{
        left: 35px;
        bottom: 10px;
        width: 84%;
    }
    .category-section .category-name a{
        font-size: 24px;
        width: 100%;
        display: inline-flex;
        justify-content: space-between;
    }
    .category-section .category-name a span.see-all{
        font-size: 0.1px;
    }
    .category-section .col-6{
        margin-bottom: 15px;
    }
    .real-estate .content-row .left-title, .real-estate .content-row .right-content{
        padding-left: 0;
        padding-right: 0;
    }
    .real-estate .content-row h2{
        font-size: 24px;
        line-height: 30px;
        width: 100%;
    }
    .property-real-estate{
        padding-left: 0;
        padding-right: 0;
    }
    .real-estate .popular-property .right-col svg{
        transform: rotateY(180deg);
    }
    .property-real-estate .popular-property{
        padding-bottom: 4rem;
    }
    .property-real-estate .popular-property .left-col a{
        bottom: 0;
        margin-top: 20px;
        position: relative;
        width: fit-content;
    }
    .directory-listing.real-estate-directory .title{
        width: 100%;
        padding-bottom: 24px;
    }
    .directory-listing.real-estate-directory .listing-container{
        padding: 0;
    }
    .two-col-div-image{
        padding: 50px 0;
    }
    .two-col-div-image .row{
        display: flex;
        flex-direction: column;
    }
    .two-col-div-image .left-col,
    .two-col-div-image .right-col{
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .two-col-div-image .left-col{
        order: 2;
    }
    .two-col-div-image img.right-img {
        height: 350px;
        padding: 1px;
    }
    .two-col-div-image .image-section:after{
        width: 20px;
    }
    .two-col-div-image .left-col h4{
        font-size: 17px;
        padding-top: 40px;
        padding-bottom: 25px;
    }
    .two-col-div-image .left-col p{
        font-size: 20px;
    }
    .real-estate-contact {
        padding: 60px 15px;
    }
    .real-estate-contact .contact-form{
        width: 100%;
    }
    .real-estate-contact .contact-form h2{
        font-size: 24px;
    }
    .real-estate-contact .nf-form-content input[type=submit]{
        width: 100%;
    }

    /*Vacatinal Renatl 768px*/
    .vacational-rental .two-col-section{
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
        padding-top: 30px;
    }
    .vacational-rental .two-col-section .left-col,
    .vacational-rental .two-col-section .right-col{
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .vacational-rental .two-col-section .left-col h4{
        font-size: 24px;
        padding-bottom: 20px;
    }
    .view-all-btn.mobile{
        display: flex;
        align-items: center;
    }
    .vacational-directory .view-all-btn.mobile a {
        background: #3e3e3e;
        border-radius: 4px;
        padding: 10px 24px;
        color: #fff;
        display: flex;
        align-items: center;
        height: 50px;
        width: 130px;
    }
    .vacational-directory .view-all-btn.mobile a:after {
        content: url(https://greenhill.adwrk.com/wp-content/uploads/2024/05/Group-1.png);
        padding-left: 10px;
        vertical-align: middle;
        transition: all 0.3s;
        line-height: 15px;
        transition: all 0.3s ease;
    }
    .directory-listing.vacational-directory{
        padding: 50px 0;
    }
    .vacational-directory .container > .row {
        padding-left: 0;
        padding-right: 0;
    }
    .vacational-directory .container > .row h2{
        padding-left: 0;
    }
    .directory-listing.vacational-directory .listing-container{
        padding: 0;
    }
    .vacation-section-form .form{
        width: 100%;
    }
    .vacation-section-form #nf-form-3-cont .one-half{
        width: 100%;
        height: 64px;
    }
    .vacation-section-form #nf-field-19-wrap input.ninja-forms-field{
        border-top-right-radius: unset;
    }
    .vacation-section-form #nf-form-3-cont .one-half:not(.first) input.ninja-forms-field{
        border-left: 1px solid #c4c4c4;
    }
    .vacation-section-form #nf-field-27-wrap div[for="nf-field-27"]{
        border-bottom-left-radius: unset;
    }
    .vacation-section-form #nf-field-24-wrap input.ninja-forms-field{
        border-top-right-radius: 6px;
    }
    .vacation-section-form #nf-field-25-wrap input.ninja-forms-field{
        border-top-right-radius: 0;
        border-top: unset;
        border-bottom: unset;
    }
    #nf-form-3-cont .nf-form-content #nf-field-28{
        border-top: unset;
        width: 100%;

    }
    .vacation-section-form #nf-field-29-container{
        height: 64px;
    }
    .vacation-section-form #nf-field-29-container input.iti__tel-input{
        border-top: 0;
        border-bottom: 0;
    }
    .vacation-section-form #nf-field-28-wrap input.ninja-forms-field{
        border-bottom-left-radius: 6px;
    }
    .vacation-section-form #nf-field-18-container{
        margin-top: 20px;
    }
    .vacation-section-form #nf-field-18-wrap input.ninja-forms-field{
        border-top-right-radius: 6px;
        border-bottom: 0;
    }
    .vacation-section-form .form h2{
        font-size: 24px;
        text-align: center;
    }
    .vacation-section-form .nf-form-content input[type=submit]{
        margin-top: 0;
        width: 100%;
    }
    .property-for-sale > .row{
        width: 100%;
    }
    .property-for-sale .popular-property {
        padding-bottom: 4rem;
    }
    .property-for-sale .popular-property .left-col a{
        position: relative;
        bottom: 0;
        width: fit-content;
        margin-top: 20px;
    }

    /*Development 768px*/
	.development-page .main-video{
		height: 250px;
	}
    .development-page .two-col-section{
        padding-top: 30px;
        display: flex;
        flex-direction: column;
    }
    .development-page .two-col-section .left-col,
    .development-page .two-col-section .right-col{
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .development-page h4.development-sections-title, .dev-title h4.development-sections-title{
        font-size: 24px;
        padding-bottom: 20px;
    }
    .development-page .two-col-img-left{
        width: 100%;
        flex-direction: column;
        padding-top: 0;
    }
    .development-page .two-col-img-left .left-col-img,
    .development-page .two-col-img-left .right-col-cnt{
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .development-page .two-col-img-left img{
        width: 100%;
    }
    .development-page .two-col-img-left img, .development-page .two-col-img-right img{
        height: 360px;
    }
    .development-page .development-svg{
        top: 0;
    }
    .development-page .right-col-cnt{
        padding-top: 3rem;
    }
    .development-page .two-col-img-right{
        width: 100%;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0;
    }
    .development-page .two-col-img-right .left-col-cnt,
    .development-page .two-col-img-right .right-col-img{
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .development-page .two-col-img-right .left-col-cnt{
        order: 2;
    }
    .development-page .two-col-img-right img{
        width: 100%;
        padding: 1px;
    }
    .development-page .development-svg-two{
        right: unset;
        top: 0;
    }
    .dev-three-img .image-block{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .dev-three-img > .row{
        width: 100%;
    }
    .blog-popular-property > .container{
        padding-right: 0;
    }
    .dev-last-sec .final-blog-section{
        display: flex;
        flex-direction: column;
    }
    .dev-last-sec .final-blog-section > .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .dev-last-sec .final-blog-section .newsletter{
        order: 2;
    }
    .blog-popular-property .popular-property{
        padding-bottom: 20px;
    }
    .blog-popular-property .popular-property .left-col a{
        position: relative;
        bottom: 0;
        margin-top: 20px;
        width: fit-content;
    }
    .dev-last-sec #mc4wp-form-1{
        height: 360px;
        margin-bottom: 20px;
    }
    .dev-last-sec #mc4wp-form-1 .newsletter-content{
        padding-top: 10px;
    }
    #mc4wp-form-1 .newsletter-content .submit{
        bottom: 40px;
    }
    .dev-title{
        height: 150px;
    }
    .development-fluid{
        display: flex;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }
    .development-fluid > .container{
        padding-left: 0;
        padding-right: 0;
        order: 2;
    }
    .development-fluid .row{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .development-fluid{
        height: auto;
    }
    .development-fluid .right-col-img{
        position: relative;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .development-row .left-col-text{
        flex: 0 0 100%;
        max-width: 100%; 
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px;
    }
    .development-row .left-col-text p {
        font-size: 20px;
        line-height: 30px;
    }
    .development-fluid .right-col-img img{
        height: 250px;
        position: relative;
        z-index: 9;
    }
    .development-svg-three.not-mobile{
        display: none;
    }
    .development-svg-three.mobile{
        top: unset;
        bottom: -1px;
        transform: rotate(180deg);
    }
    .dev-three-img{
        padding: 3rem 0;
    }

    /*Blog Archive 768px*/
    .blog-page .blog-posts-grid{
        padding-left: unset;
    }
    .blog-page {
        padding: 100px 15px 50px 15px;
    }
    .blog-page .blog-posts-grid .blog-post{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .blog-page .post-date{
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .blog-page .blog-posts-grid .post-excerpt{
        -webkit-line-clamp: 4; 
    }
    .blog-page .load-more-btn button{
        width: 100%;
    }
    .blog-page .final-blog-section{
        flex-direction: column;
    }
    .blog-page .final-blog-section > .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .blog-page .final-blog-section .newsletter{
        order: 2;
    }
    .blog-page #mc4wp-form-1{
        height: 360px;
    }
    .blog-page #mc4wp-form-1 .newsletter-content .submit{
        bottom: 40px;
    }

    /*Blog Single 768px*/
    .single-blog-page{
        overflow: hidden;
        padding-bottom: 45px;
    }
    .blog-breadcrumb{
        padding-bottom: 20px;
    }
    .single-blog-page > .row{
        width: 100%;
    }
    .single-blog-page .blog-title h3{
        font-size: 30px;
        text-align: left;
    }
    .single-blog-page > .row > .col-12{
        padding-left: 0;
        padding-right: 0;
    }
    .single-blog-page .social-share{
        justify-content: start;
        padding-top: 30px;
    }
    .single-blog-page .img-fluid{
        height: 200px;
    }
    .single-blog-page .single-content{
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .single-blog-page .related-posts{
        margin-left: 0;
        margin-right: 0;
    }
    .single-blog-page .related-posts h4{
        font-size: 24px;
    }
    .single-blog-page .related-posts .related-post-img{
        height: 175px;
    }
    .related-posts > .row > .col-md-6{
        padding-bottom: 40px;
    }
    .related-post .post-date{
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .related-post .post-title{
        min-height: unset;
    }
    .single-post-final-section .final-blog-section{
        flex-direction: column;
    }
    .single-post-final-section .final-blog-section > .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .single-post-final-section .final-blog-section .newsletter{
        order: 2;
    }
    .single-post-final-section #mc4wp-form-1{
        height: 360px;
        margin-bottom: 20px;
    }

    /*Contact 768px*/
    .contact-page .main-image-section svg{
        bottom: -1px;
    }
    .contact-page .form-section{
        padding-top: 2rem;
    }
    .contact-page .form-section h2{
        font-size: 24px;
    }
    .contact-page .form-section > .col-12{
        padding-left: 0;
        padding-right: 0;
    }
    .contact-page .contact-page-property{
        overflow: hidden;
    }
    .contact-page #nf-form-2-cont{
        padding-bottom: 50px;
    }
    .contact-page #nf-form-2-cont .nf-form-content{
        padding: 0;
    }
    .contact-page .popular-property .left-col a{
        bottom: 0;
        position: relative;
        margin-top: 20px;
        width: fit-content;
    }
    .contact-page .popular-property {
        padding-bottom: 2rem;
    }
    .contact-page .popular-property img{
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        padding: 1px;
    }

    /*Single Page 768px*/
    .simple-page-content{
        width: 100%;
    }
    .simple-page-content .page-title{
        font-size: 30px;
    }
    .simple-page-content h4{
        font-size: 24px;
    }
    .simple-page-last-sec{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .simple-page-last-sec .final-section{
        flex-direction: column;
    }
    .simple-page-last-sec .final-section > .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .simple-page-last-sec .final-section .newsletter{
        order: 2;
    }
    .simple-page-last-sec .simple-popular-property{
        padding-left: 0;
        padding-right: 0;
    }
    .simple-page-last-sec .simple-popular-property .popular-property .left-col a{
        position: relative;
        bottom: 0;
        margin-top: 20px;
        width: fit-content;
    }
    .simple-page-last-sec .popular-property{
        padding-bottom: 20px;
    }
    .simple-page-last-sec #mc4wp-form-1 {
        height: 375px;
        margin-bottom: 20px;
    }

    /*Login 768px*/
    .login-page .page-title{
        font-size: 30px;
    }
    .amenities-section--reverse{
        padding-bottom: 4rem;
    }
    .development-hero-image{
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }
}

@media (max-width: 580px) {
    .about-us .right-col img{
        width: 80%;
    }
}

@media (max-width: 575px){
    /*Hero 575px*/
    .hero-overlay{
        padding: 0 18px;
    }
    .hero-title{
        font-size: clamp(26px, 8vw, 44px);
        margin-bottom: 28px;
    }
    .hero-button{
        padding: 12px 24px;
        font-size: 11px;
        letter-spacing: 0.14em;
    }

    /*Homepage intro 575px*/
    .homepage-intro{
        padding: 60px 18px;
    }

    /*Three column section 575px*/
    .three-column-section{
        padding: 20px 18px 60px;
    }

    /*Residences types 575px*/
    .residences-types{
        padding: 50px 18px 60px;
    }
    /* Match the slider full-bleed to the 18px side padding so the next-slide
       peek isn't clipped by .residences-types overflow:hidden on small phones */
    .residences-types__grid{
        margin: 0 -18px;
        padding: 0 18px;
        scroll-padding-left: 18px;
    }

    /*Amenities 575px*/
    .amenities-section{
        padding: 50px 18px 0;
    }

    /*Featured listing 575px*/
    .featured-listing{
        padding: 40px 18px 60px;
    }
    /* Match the slider full-bleed to the 18px side padding (same as residences types) */
    .featured-listing__grid{
        margin: 0 -18px;
        padding: 0 18px;
        scroll-padding-left: 18px;
    }

    /*Residences hero 575px*/
    .property-listing-page .residences-hero{
        padding: 110px 16px 50px;
    }
    .property-listing-page .residences-hero__breadcrumb{
        margin-bottom: 32px;
        gap: 8px;
        font-size: 11px;
    }

    /*Property listing bar 575px*/
    .property-listing-bar{
        padding: 0 16px 30px;
    }
    .property-listing-bar__controls{
        gap: 10px;
    }
    .property-listing-bar__group{
        gap: 10px;
        width: 100%;
    }
    .property-listing-bar__group--right{
        justify-content: flex-start;
    }

    /*Header redesign 575px*/
    .header-menu{
        width: 240px;
    }

    /*Similar residences 575px — keep the 1-card-plus-peek slider */
    .similar-residences__list .featured-listing__item{
        flex: 0 0 86%;
        max-width: 86%;
    }
}

@media (max-width: 450px){
    #main-features .drts-entity-field-label{
        font-size: 13px;
    }
}

@media (max-width: 400px){
    #property-data > .drts-row > .drts-col-9{
        flex: 0 0 60%;
        max-width: 60%;
    }
    #property-data > .drts-row > .drts-col-3 {
        flex: 0 0 40%;
        max-width: 40%;
    }
}
/*======================== End Responsive ===========================*/


/*=============== test ======================*/


.footer-column .dd-container{
    width: 277px !important;
}
.footer-column .dd-image-right{
    display: none;
}
.footer-column .dd-selected-description-truncated{
    display: none;
}

body.feet .meter-value,
body.dollar .currency-euro{
    display: none !important;
}
body:not(.feet) .feet-value,
body:not(.dollar) .currency-dollar{
    display: none !important;
}



/*=========================== Header Redesign — moved up to the "Header" section near the top of the file (before the Responsive media queries) so the responsive overrides can win ===========================*/


/*=========================== DRTS Filter Modal Theme ===========================*/
.drts-bs-modal-dialog .drts-bs-modal-content{
    background: #fff;
    border: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 56px rgba(0,0,0,0.18);
}
.drts-bs-modal-dialog .drts-bs-modal-header{
    padding: 26px 36px;
    border-bottom: 1px solid rgba(39,71,71,0.12);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.drts-bs-modal-dialog .drts-bs-modal-title{
    font-family: var(--main-font);
    font-size: 20px;
    font-weight: 500;
    color: var(--primary_color);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
    line-height: 1;
}
.drts-bs-modal-dialog .drts-bs-close,
.drts-bs-modal-dialog .drts-modal-close{
    background: transparent;
    border: 0;
    color: var(--primary_color);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    padding: 6px 10px;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}
.drts-bs-modal-dialog .drts-bs-close:hover,
.drts-bs-modal-dialog .drts-modal-close:hover{
    opacity: 1;
}
.drts-bs-modal-dialog .drts-bs-close span{
    font-size: 26px;
    font-weight: 300;
    color: var(--primary_color);
}
.drts-bs-modal-dialog .drts-bs-modal-body{
    padding: 32px 36px;
    background: #fff;
}
.drts-bs-modal-dialog .drts-bs-modal-body .drts-bs-card{
    background: transparent;
    border: 0;
    box-shadow: none;
}
.drts-bs-modal-dialog .drts-bs-modal-body .drts-bs-card-body{
    padding: 0;
}
.drts-bs-modal-dialog .drts-bs-card-group{
    display: flex;
    flex-direction: column;
    gap: 22px;
    border-left: unset !important;
}
.drts-bs-modal-dialog .drts-view-filter-field-label{
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 600;
    color: var(--primary_color);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
    display: block;
}
.drts-bs-modal-dialog .drts-view-filter-form .drts-bs-form-control{
    background: #fff;
    border: 1px solid rgba(39,71,71,0.2);
    border-radius: 50px;
    padding: 12px 22px;
    font-family: var(--main-font);
    font-size: 15px;
    color: var(--primary_color);
    height: auto;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}
.drts-bs-modal-dialog .drts-view-filter-form .drts-bs-form-control:focus{
    border-color: var(--primary_color);
    outline: none;
    box-shadow: none;
}
.drts-bs-modal-dialog .drts-view-filter-form .drts-bs-form-control::placeholder{
    color: rgba(39,71,71,0.45);
    font-weight: 400;
}
.drts-bs-modal-dialog .drts-view-filter-trigger-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.drts-bs-modal-dialog .drts-view-filter-trigger-btn .drts-view-filter-trigger{
    background: transparent !important;
    border: 0 !important;
    color: var(--primary_color) !important;
    padding: 12px 8px !important;
    cursor: pointer;
    transition: opacity 0.2s ease;
    box-shadow: none !important;
}
.drts-bs-modal-dialog .drts-view-filter-trigger-btn .drts-view-filter-trigger:hover{
    opacity: 0.6;
    background: transparent !important;
}
.drts-bs-modal-dialog .drts-view-filter-trigger i{
    font-size: 15px;
}
.drts-bs-modal-dialog .drts-bs-modal-footer{
    padding: 22px 36px 28px;
    border-top: 1px solid rgba(39,71,71,0.12);
    display: flex;
    justify-content: flex-end;
    background: #fff;
}
.drts-bs-modal-dialog .drts-bs-modal-footer .drts-form-buttons{
    margin: 0;
    width: auto;
}
.drts-bs-modal-dialog button.drts-bs-btn.drts-view-filter-form-submit,
.drts-bs-modal-dialog .drts-view-filter-form-submit{
    background: var(--primary_color) !important;
    color: #fff !important;
    border: 1px solid var(--primary_color) !important;
    border-radius: 50px !important;
    padding: 14px 44px !important;
    font-family: var(--main-font) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: background 0.25s ease, color 0.25s ease;
    height: auto !important;
    width: auto !important;
    box-shadow: none !important;
    line-height: 1;
}
.drts-bs-modal-dialog button.drts-bs-btn.drts-view-filter-form-submit:hover,
.drts-bs-modal-dialog .drts-view-filter-form-submit:hover{
    background: #fff !important;
    color: var(--primary_color) !important;
    border-color: var(--primary_color) !important;
}
/* Filter modal: design overrides (700px, light bg, borders, larger X, Cancel + Clear) */
.drts-bs-modal-dialog.drts-bs-modal-xl{
    max-width: 700px;
}
.drts-bs-modal-dialog .drts-bs-modal-content{
    background: var(--light-background);
}
.drts-bs-modal-dialog .drts-bs-modal-header{
    background: var(--light-background);
    border-bottom: unset;
}
.drts-bs-modal-dialog .drts-bs-modal-body{
    background: var(--light-background);
}
.drts .drts-bs-modal-body .drts-view-filter-form{
    margin-bottom: 0 !important;
}
/* Divider line between each filter section */
.drts-bs-modal-dialog .drts-bs-modal-body .drts-display-element-group-1 > .drts-display-element{
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid rgba(39,71,71,0.18);
}
.drts-bs-modal-dialog .drts-bs-modal-body .drts-display-element-group-1 > .drts-display-element:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.drts-bs-modal-dialog .drts-bs-modal-footer{
    background: var(--light-background);
    border-top: unset;
    justify-content: space-between;
}
#drts-view-filter-display-element-view_filter_field_property_type-1{
    display: none !important;
}
/* Bigger × close */
.drts-bs-modal-dialog .drts-bs-close,
.drts-bs-modal-dialog .drts-modal-close{
    padding: 4px 10px;
}
.drts-bs-modal-dialog .drts-bs-close span,
.drts-bs-modal-dialog .drts-modal-close span{
    font-size: 48px;
    line-height: 0.7;
    font-weight: 300;
}
/* Footer right-side group (Clear + Apply).
   New DRTS markup adds .drts-bs-w-100 here and wraps Clear+Apply in a
   .drts-bs-d-grid (display:grid) — override both so they sit inline on the right. */
.drts-bs-modal-dialog .drts-bs-modal-footer .drts-form-buttons{
    display: flex !important;
    align-items: center;
    gap: 24px;
    margin: 0 !important;
    width: auto !important;
    flex: 0 0 auto !important;
}
.drts-bs-modal-dialog .drts-bs-modal-footer .drts-form-buttons .drts-bs-d-grid{
    display: flex !important;
    align-items: center;
    gap: 24px;
    width: auto !important;
}
/* Cancel button (left) — !important so the plugin's native button styles can't override it */
.gh-cancel-btn{
    background: transparent !important;
    color: var(--primary_color) !important;
    border: 1px solid var(--primary_color) !important;
    border-radius: 50px !important;
    padding: 14px 40px !important;
    font-family: var(--main-font) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    line-height: 1 !important;
    height: auto !important;
    width: auto !important;
    box-shadow: none !important;
}
.gh-cancel-btn:hover,
.gh-cancel-btn:focus{
    background: var(--primary_color) !important;
    color: #fff !important;
    outline: none;
}
/* Clear filter link (text style, redirects to /residences/) */
.gh-clear-btn{
    color: var(--primary_color) !important;
    text-decoration: none !important;
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 14px 4px;
    transition: opacity 0.2s ease;
    cursor: pointer;
    background: transparent;
    border: 0;
    display: inline-flex;
    align-items: center;
}
.gh-clear-btn:hover,
.gh-clear-btn:focus{
    opacity: 0.7;
    color: var(--primary_color) !important;
    text-decoration: none !important;
    outline: none;
}
/*=========================== End DRTS Filter Modal Theme ===========================*/


/*=========================== Similar Residences — moved up (before the Responsive media queries) so the ≤767px slider overrides can win ===========================*/


/*=========================== Login / Register page ===========================*/
body.page-template-login_register{
    background: var(--light-background);
}
.login-page{
    background: var(--light-background);
    padding: 180px 24px 100px;
    text-align: center;
    min-height: 80vh;
    width: 100%;
    max-width: none;
}
.login-page__inner{
    max-width: 720px;
    margin: 0 auto;
}
.login-page__title{
    color: var(--primary_color);
    margin: 0 0 24px;
    font-weight: 400;
    line-height: 1.05;
}
.login-page__title-line{
    display: block;
    font-family: var(--main-font);
    text-transform: uppercase;
    font-weight: 500;
    font-size: clamp(36px, 5.4vw, 60px);
    letter-spacing: 0.005em;
}
.login-page__title-italic{
    display: block;
    font-family: var(--italic-headings);
    font-style: italic;
    font-weight: 500;
    font-size: clamp(38px, 5.6vw, 64px);
    text-transform: uppercase;
    margin-top: 0.05em;
}
.login-page__text{
    color: var(--primary_color);
    font-family: var(--main-font);
    font-size: 18px;
    line-height: 1.6;
    margin: 0 auto 42px;
    max-width: 520px;
}
.login-page__card{
    background: #fff;
    border-radius: 32px;
    padding: 50px 60px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.04);
    text-align: left;
    max-width: 560px;
    margin: 0 auto;
}
.login-page__card .login-forms{
    width: 100% !important;
    margin: 0 !important;
}
.login-page__card .login-forms h2{
    color: var(--primary_color);
    font-family: var(--main-font);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin: 0 0 24px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.login-page__card .login-forms .drts-form-field{
    margin-bottom: 14px;
    position: relative;
}
.login-page__card .login-forms .drts-form-field label:not(.drts-bs-custom-control-label){
    position: static !important;
    transform: none !important;
    display: block !important;
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    color: var(--primary_color);
    margin-bottom: 8px;
    padding-left: 4px;
    opacity: 1 !important;
}
.login-page__card .login-forms .drts-form-field:not(.drts-form-type-checkbox) input{
    background: #fff !important;
    border: 1px solid #d5d3d0 !important;
    border-radius: 30px !important;
    padding: 14px 22px !important;
    font-family: var(--main-font) !important;
    font-size: 15px !important;
    color: var(--primary_color) !important;
    width: 100% !important;
    height: auto !important;
    text-align: left !important;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}
.login-page__card .login-forms .drts-form-field:not(.drts-form-type-checkbox) input:focus{
    border-color: var(--primary_color) !important;
    outline: none;
    box-shadow: none;
}
.login-page__card .drts .drts-bs-btn:not(:disabled):not(.drts-bs-disabled){
    background: var(--primary_color) !important;
    color: #fff !important;
    border: 1px solid var(--primary_color) !important;
    border-radius: 50px !important;
    padding: 14px 42px !important;
    font-family: var(--main-font) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    cursor: pointer !important;
    transition: background 0.25s ease, color 0.25s ease !important;
    height: auto !important;
    width: auto !important;
    margin-top: 22px !important;
    display: inline-block !important;
}
.login-page__card .drts .drts-bs-btn:hover,
.login-page__card .drts .drts-bs-btn:focus{
    background: #fff !important;
    color: var(--primary_color) !important;
}
.login-page__card a.drts-bs-mx-2,
.login-page__card .login-forms a{
    position: static !important;
    color: var(--primary_color) !important;
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none !important;
    margin: 0 !important;
    display: inline-block;
    transition: opacity 0.2s ease;
}
.login-page__card a:hover{
    opacity: 0.7;
}
.login-page__card .drts-frontendsubmit-login-form{
    display: flex;
    flex-direction: column;
}
/* Remember Me — show the native checkbox with theme accent-color */
.login-page__card .drts-bs-custom-control{
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding-left: 0 !important;
    margin: 8px 0 0 !important;
    min-height: auto;
    position: static;
}
.login-page__card .drts-bs-custom-control-input{
    position: static !important;
    opacity: 1 !important;
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--primary_color);
    cursor: pointer;
    margin: 0 !important;
    pointer-events: auto !important;
    flex-shrink: 0;
}
.login-page__card .drts-bs-custom-control-label{
    position: static !important;
    transform: none !important;
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: var(--main-font);
    font-size: 13px;
    font-weight: 400;
    color: var(--primary_color);
    cursor: pointer;
    white-space: nowrap;
    text-transform: none;
    letter-spacing: 0;
    opacity: 1 !important;
    line-height: 1.4;
}
.login-page__card .drts-bs-custom-control-label::before,
.login-page__card .drts-bs-custom-control-label::after{
    display: none !important;
    content: none !important;
}
.login-page__card .drts-frontendsubmit-login-register-form-separator{
    display: none !important;
}
.login-page__card .drts-frontendsubmit-login-register-form-column[data-column-type=register]{
    display: none !important;
}
/* Hide miniOrange social login if it ever renders (defensive) */
.login-page .mo-openid-app-icons,
.login-page .mo_openid-login-button,
.mo-openid-app-icons{
    display: none !important;
}
/*=========================== End Login / Register page ===========================*/