/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.7.1766988207
Updated: 2025-12-29 05:53:47
*/

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

.sticky-header #wpadminbar {
    top: -100px;
}

html {
    /*     margin: 0px !important; */
}

html,
body {
    scroll-behavior: smooth;
}

body {
    color: #212423 !important;
    font-family: "Instrument Sans", sans-serif;
    overflow-x: hidden;
}

body {
    transition: 0.4s linear;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Instrument Serif", serif;
}

a {
    font-family: "Instrument Sans", sans-serif;
    text-decoration: none !important;
    background-color: transparent !important;
}

a:hover {
    text-decoration: none !important;
}

.site-logo .custom-logo {
    outline: none !important;
    box-shadow: none !important;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    outline: none !important;
}

.wpb-content-wrapper {
    max-width: 100% !important;
}

.vc_section {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

section.vc_section>.vc_row.wpb_row.vc_row-fluid {
    max-width: 1920px;
    margin: auto;
}

main#main {
    padding: 0px;
}

p {
    font-family: "Instrument Sans", sans-serif;
    font-weight: 400;
    font-size: clamp(16px, calc(1rem + ((1vw - 7.68px) * 0.5952)), 20px);
    line-height: 27px;
    letter-spacing: 0px;
    color: #30211B;
}

.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
.vc_section.vc_section-has-fill+.vc_section {
    padding-top: 0px !important;
}

.wpb_single_image.wpb_content_element.vc_align_left.wpb_content_element {
    margin-bottom: 0px;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.pt-160 {
    padding-top: clamp(80px, calc(5rem + ((1vw - 7.68px) * 11.9048)), 160px) !important;
}

.pb-160 {
    padding-bottom: clamp(80px, calc(5rem + ((1vw - 7.68px) * 11.9048)), 160px) !important;
}

.ptb-160 {
    padding-top: clamp(80px, calc(5rem + ((1vw - 7.68px) * 11.9048)), 160px) !important;
    padding-bottom: clamp(80px, calc(5rem + ((1vw - 7.68px) * 11.9048)), 160px) !important;
}

/* base css end */

header#masthead {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    max-width: 100%;
}

section.vc_section.home-banner {
    height: 100vh;
}

.vc_row.doug-jost-names {
    padding-top: 40px !important;
    padding-bottom: clamp(80px, calc(5rem + ((1vw - 7.68px) * 5.9524)), 120px) !important;
}

.doug-josh-cont-row .wpb_single_image figure,
.doug-josh-cont-row .wpb_single_image figure div,
.doug-josh-cont-row .wpb_single_image figure div img {
    width: 100% !important;
    object-fit: contain !important;
    max-width: 100% !important;
}

.doug-josh-cont-row .wpb_single_image figure div {
    position: relative;
}

.vc_row.doug-jost-names .wpb_single_image {
    margin-bottom: 0px !important;
}

.vc_row.doug-josh-cont-row h2 {
    font-size: clamp(26px, calc(1.625rem + ((1vw - 7.68px) * 2.0833)), 40px);
}

.vc_row.wpb_row.vc_row-fluid.banner-cont-row {
    padding-top: 12px;
    position: sticky;
    top: 12px;
}

.vc_row.wpb_row.vc_row-fluid.banner-cont-row img {
    height: 80px !important;
}

/* 14-01-26 */
header.entry-header.alignwide {
    display: none;
}

.entry-content {
    margin: 0px !important;
}

section.vc_section.joshua-banner {
    height: 100vh;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
    overflow: hidden !important;
}

.vc_row.wpb_row.vc_row-fluid.banner-row1 {
    position: absolute;
    top: 50%;
    left: clamp(50px, calc(3.125rem + ((1vw - 10.24px) * 24.0385)), 150px);
    transform: translateY(-50%);
    z-index: 1;
}

section.vc_section.joshua-banner::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 430px;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(48, 33, 27, 0.75) 100%);
    background-blend-mode: multiply;
}

.vc_row.wpb_row.vc_row-fluid.banner-row2 .wpb_text_column.wpb_content_element {
    margin: 0px;
}

.vc_row.wpb_row.vc_row-fluid.banner-row2 {
    max-width: 100% !important;
    position: absolute;
    width: 100%;
    bottom: clamp(30px, calc(1.875rem + ((1vw - 10.24px) * 9.6154)), 70px);
    z-index: 1;
}

.vc_row.wpb_row.vc_row-fluid.banner-row2>div>div {
    padding-left: 30px;
    padding-right: 30px;
}

.vc_row.banner-row2 .wpb_text_column.wpb_content_element>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vc_row.banner-row2 .wpb_text_column.wpb_content_element>div h3 a {
    font-family: "Instrument Serif", serif;
    font-weight: 400;
    font-size: clamp(18px, calc(1.125rem + ((1vw - 10.24px) * 4.8077)), 38px);
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    color: #EEE9E6 !important;
}

.vc_row.banner-row2 .wpb_text_column.wpb_content_element>div h3:first-child a {
    font-style: italic;
}

.vc_row.wpb_row.vc_row-fluid.banner-row1 img {
    max-width: clamp(250px, calc(15.625rem + ((1vw - 10.24px) * 85.3365)), 605px) !important;
}

.douglas-title {
    display: none;
}

/* 14-01-26 end */

/* header css */

.header-menu-wrapper {
    background: #EEE9E6;
    position: sticky;
    /*     position: fixed; */
    top: -100px;
    left: 0;
    width: 100%;
    z-index: 9;
    transition: 0.4s linear;
    transform: translate(0%, 0%);
}

.sticky-header .header-menu-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    transition: 0.4s linear;
}

.header-menu-after-banner {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 30px;
}

.header-menu .menu-logo {
    margin-right: auto;
    z-index: 2;
}

.header-menu .menu-logo-right {
    margin-left: auto;
    z-index: 2;
}

.menu-logo a {
    display: block;
    width: 249px;
    height: auto;
    min-height: 29px;
    background-image: url('/wp-content/uploads/2026/03/DOUGLAS.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-indent: -9999px;
}

.header-menu .menu-logo a:focus {
    background-image: url('/wp-content/uploads/2026/03/DOUGLAS.svg') !important;
}

.menu-logo-right a {
    display: block;
    width: 213px;
    height: auto;
    min-height: 29px;
    background-image: url('/wp-content/uploads/2026/03/JOSHUA.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-indent: -9999px;
}

.header-menu .menu-logo-right a:focus {
    background-image: url('/wp-content/uploads/2026/03/JOSHUA.svg') !important;
}

.header-menu li a {
    text-decoration: none;
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 19px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #30211B;
    text-transform: uppercase;
    font-style: normal;
    min-width: 92px;
    display: inline-block;
    text-align: center;
}

.header-menu li a:hover {
    font-style: italic;
    text-transform: capitalize;
}

.header-menu li a:focus {
    background: unset !important;
    color: #30211B !important;
}

.header-menu {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin: 0;
    padding: 0;
    line-height: 100%;
}

.header-menu li {
    list-style: none;
}

.header-mobile-logo {
    display: none;
}

.mobile-toggle {
    width: 30px;
    cursor: pointer;
    display: none;
    right: 20px;
    top: 20px;
    z-index: 9999;
}

.mobile-toggle span {
    display: block;
    height: 3px;
    background: #000;
    margin: 6px 0;
}

.header-menu li ul.sub-menu {
    padding: 5px 0;
    position: absolute;
    display: none;
    z-index: 10;
    background: #EEE9E6;
}

.header-menu li ul.sub-menu::after {
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100vw;
    right: -100vw;
    background: #EEE9E6;
    z-index: -1;
}

.header-menu li {
    position: relative;
    z-index: 1;
}

.header-menu li:hover ul.sub-menu {
    display: block;
}

/* header css End   */

/* footer css */
.site-footer {
    background-color: #30211B;
    max-width: 100%;
    color: #fff !important;
    padding-bottom: 60px;
    padding-top: 113px;
}

.site-footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.footer-inner {
    max-width: 1920px;
    padding: 0 30px;
    margin: auto;
}

.footer-wrapper {
    display: flex;
    column-gap: 40px;
    justify-content: space-between;
    padding-bottom: 100px;
}

.footer-left {
    max-width: 554px;
    width: 100%;
}

.footer-widgets {
    max-width: 919px;
    width: 100%;
}

.footer-title {
    color: #663A22;
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 96px;
    line-height: 100%;
    letter-spacing: 0%;
    padding-bottom: 90px;
}

/* footer form css  */
.contact-grid .row>p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.contact-grid label {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0%;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 0px;
    width: 50%;
}

.contact-grid .row>p br {
    display: none;
}

.contact-grid label input {
    display: flex;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border: unset;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #EEE9E6;
    color: #FFFFFF !important;
    outline: none !important;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0%;
    color: #FFFFFF;
    border-radius: 0px;
}

.contact-grid label input:focus {
    outline: none !important;
}

.contact-grid .row:not(:last-child):not(:nth-last-child(2)) {
    padding-bottom: 30px;
}

.contact-grid .row.textarea-row>p {
    width: 100%;
    max-width: 100%;
}

.contact-grid .row {
    margin: 0px !important;
    max-width: 100% !important;
}

.contact-grid .row.textarea-row>p label {
    width: 100%;
    max-width: 100%;
}

.contact-grid .row.textarea-row label textarea {
    height: 15px;
    background: transparent !important;
    border: unset;
    border-bottom: 1px solid #FFFFFF;
    overflow: hidden;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    resize: vertical;
    overflow-x: auto;
}

.contact-grid .wpcf7-not-valid-tip {
    font-size: 10px;
    line-height: 1.4;
    padding-top: 5px;
}

.contact-grid .wpcf7-spinner {
    min-width: 24px;
}

.contact-grid .row.textarea-row label textarea:focus {
    outline: none;
}

.contact-grid textarea::-webkit-scrollbar {
    display: none;
}

.contact-grid .row.submit-row label {
    margin-bottom: 0px;
    position: relative;
    width: auto;
}

.contact-grid .row.submit-row label::after {
    content: "";
    display: flex;
    width: 20px;
    height: 15px;
    opacity: 1;
    background-image: url("/wp-content/uploads/2026/02/submit-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    order: 3;
    margin: auto;
    cursor: pointer;
}

.contact-grid .row.submit-row label span.wpcf7-spinner {
    order: 1;
}

.contact-grid .row.submit-row label input {
    order: 2;
    height: auto;
}

.contact-grid .row.submit-row input {
    background: transparent !important;
    border-bottom: unset !important;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.contact-grid .checkbox-row .wpcf7-checkbox {
    display: flex;
    justify-content: space-between;
}

.contact-grid .checkbox-row>p {
    width: 100%;
}

.contact-grid .checkbox-row span.wpcf7-form-control-wrap {
    width: 100%;
}

.contact-grid .checkbox-row .wpcf7-checkbox span.wpcf7-list-item {
    min-width: 96px;
    margin: 0px;
}

.contact-grid .checkbox-row label {
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.contact-grid .checkbox-row label input[type="checkbox"] {
    width: 9px;
    height: 9px;
    opacity: 1;
    border: 1px solid #EEE9E6;
    border-radius: 0px;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type=checkbox]:after {
        left: 2.2px;
        top: 0.5px;
        width: 2.5px;
        height: 5px;
        border: 1px solid #FFFFFF;
        border-top: 0;
        border-left: 0;
    }
}

input[type=checkbox]:focus {
    outline: none !important;
}

.textarea-row label .wpcf7-form-control-wrap {
    width: 100%;
}

.contact-grid label .wpcf7-form-control-wrap {
    padding-left: 10px;
    flex: 1;
}

.wpcf7-response-output {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

/*  footer form css End */
.footer-widgets {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

.footer-widgets .footer-column {
    max-width: 155px;
    opacity: 1;
    width: 100%;
}

.footer-widgets .footer-column:last-child {
    max-width: 100%;
}

.footer-widgets .widget-title {
    color: #FFFFFF;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    margin-bottom: 25px;
}

.footer-widgets .textwidget {
    margin-top: 0px;
}

.footer-widgets .textwidget a {
    display: block;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.footer-widgets .textwidget p {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #FFFFFF;
    word-wrap: break-word;
}

.footer-widgets .footer-column .footer-widget:not(:first-child) .widget-title {
    margin-bottom: 0px;
}

.footer-widgets .footer-column:first-child .footer-widget:first-child {
    margin-bottom: 20px;
}

.footer-widgets .footer-column:last-child .widget-title {
    margin-bottom: 0px;
}

.footer-widgets .footer-column:last-child .footer-widget {
    margin-bottom: 20px;
}

.bottom-fotter {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 46px;
    border-top: 1px solid #663A22;
    gap: 40px;
}

.footer-copyright {
    display: none;
}

.footer-bottom-wrap {
    max-width: 919px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.footer-bottom-wrap .footer-info {
    max-width: 155px;
    width: 100%;
}
.footer-bottom-wrap .footer-info:nth-child(2) {
    max-width: 205px;
}
.footer-logo-douglas {
    max-width: 285px;
    width: 100%;
}

.footer-logo-douglas img {
    width: 100%;
}

.footer-bottom-wrap .footer-info a {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
}

.footer-bottom-wrap .footer-info p {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
}

.row.submit-row>p {
    justify-content: flex-end;
}

.footer-copyright-first p {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.5px;
    white-space: nowrap;
}

.footer-copyright-first {
    padding-top: 11px;
}

footer.site-footer .bottom-fotter .footer-copyright-first a:hover {
    color: #ffffff !important;
}

footer.site-footer a,
footer.site-footer p {
    color: #ffffff !important;
}

.footer-inner ul li {
    line-height: 0px;
}

.footer-copyright-first p {
    opacity: 30%;
}

/* footer css end */

/* Home page css start at 27-02-2026  */
.banner-heading {
    position: absolute;
    z-index: 19;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
}

.banner-heading h2 {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: clamp(30px, calc(30px + (38 - 30) * ((100vw - 1024px) / (1920 - 1024))), 38px);
    line-height: 18px;
    letter-spacing: 0%;
    color: #EEE9E6;
}

.homepage-banner {
    height: calc(100vh - 0px);
}

.homepage-banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.homepage-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 0;
}

.homepage-banner video,
.homepage-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* section start */
section.vc_section.doug-about {
    padding-top: 134px !important;
    padding-bottom: 125px !important;
}

section.doug-about .doug-josh-cont-row {
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

section.doug-about .doug-josh-cont-row::before,
section.doug-about .doug-josh-cont-row::after {
    display: none !important;
}

section.doug-about .doug-josh-cont-row .doug-josh-cont-col>.vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

section.doug-about .doug-josh-cont-left {
    max-width: 914px;
    width: 100%;
}

section.doug-about .doug-josh-cont-right {
    max-width: 481px;
    width: 100%;
}

section.doug-about .doug-josh-cont-row .doug-josh-cont-col .wpb_text_column {
    margin-bottom: 73px;
}

section.doug-about p {
    margin-bottom: 0px;
    padding-bottom: 50px;
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.33;
    letter-spacing: 0px;
    color: #000000;
}

section.doug-about .doug-josh-cont-left img.doug-about-left-col-img {
    display: none;
}

section.doug-about .doug-josh-cont-left p:nth-child(2) {
    display: none;
}

section.doug-about .doug-josh-cont-right * {
    height: 100%;
}

/*-------------------------------------------------*/
section.properties_section {
    padding-bottom: clamp(57px, calc(57px + (189 - 57) * ((100vw - 393px) / (1920 - 393))), 189px);
}

.properties_section {
    overflow: hidden;
}

.properties_section .properties_section-con {
    padding-left: 30px;
    padding-right: 30px;
}

.ph-property-slider {
    padding-top: clamp(26px, calc(26px + (54 - 26) * ((100vw - 393px) / (1920 - 393))), 54px);
    padding-bottom: clamp(40px, calc(40px + (63 - 40) * ((100vw - 393px) / (1920 - 393))), 63px);
    margin: 0px -16px;
    height: max-content;
}

.ph-property-slider .slick-list {
    overflow: visible;
    padding-left: clamp(20px, calc(20px + (110 - 20) * ((100vw - 393px) / (1920 - 393))), 110px);
}

.properties_section .properties_section-heading {
    text-align: center !important;
    text-transform: uppercase;
    margin-bottom: clamp(8px, calc(8px + (77 - 8) * ((100vw - 393px) / (1920 - 393))), 77px);
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(14px, calc(14px + (30 - 14) * ((100vw - 393px) / (1920 - 393))), 30px);
    line-height: 32px;
    letter-spacing: 0%;
    color: #30211B;
}

.ph-property-slider .slick-track {
    display: flex !important;
}

.ph-property-slider .property-card {
    background: transparent;
    padding: 0px 16px;
    height: max-content;
    height: auto;
}

.ph-property-slider .property-card>a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.ph-property-slider .property-card .property-image {
    width: 100%;
    height: clamp(257px, calc(257px + (580 - 257) * ((100vw - 393px) / (1920 - 393))), 580px);
}

.ph-property-slider .property-card .property-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
    display: block;
}

.ph-property-slider .property-card .property-info {
    padding-top: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.ph-property-slider .property-card .property-info .property-title {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: clamp(16px, calc(16px + (34 - 16) * ((100vw - 393px) / (1920 - 393))), 34px);
    line-height: clamp(16px, calc(16px + (34 - 16) * ((100vw - 393px) / (1920 - 393))), 34px);
    letter-spacing: 0px;
    color: #30211B;
    text-transform: uppercase;
    margin-bottom: 0px;
    max-width: 400px;
    width: 100%;
}

.ph-property-slider .property-card .property-info .property-meta {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: clamp(12px, calc(12px + (24 - 12) * ((100vw - 393px) / (1920 - 393))), 24px);
    letter-spacing: 2%;
    text-align: right;
    min-width: max-content;
    color: #30211B;
    display: flex;
    gap: 5px;
}

.mobile-read-more {
    display: none;
}

.mobile-item {
    display: none;
}

.mobile-item:nth-child(-n+3) {
    display: block;
}

/*--------------------------------------------*/
/* btn css */
.vc_btn3-container .vc_general {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 22px !important;
    letter-spacing: 0%;
    color: #30211B !important;
    padding: 0px 0px 0px 0px !important;
    background: transparent !important;
    border: unset !important;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
}

.vc_btn3-container .vc_general::after {
    content: "";
    width: 47px;
    height: 100%;
    display: inline-block;
    background-image: url("/wp-content/uploads/2026/03/btn-arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s linear;
}

.vc_btn3-container {
    line-height: 100%;
    height: 25px;
}

.vc_btn3-container .vc_general:hover {
    color: #663A22 !important;
    transition: all 0.3s linear;
}

.vc_btn3-container .vc_general:hover::after {
    transform: translate(4px);
    transition: all 0.3s linear;
}

.vc_btn3-container .vc_general::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: #663A22 !important;
    transition: 0.3s linear;
    left: 0;
}

/* btn css End */

/* Home page css End at 27-02-2026  */

/* Sell With Us Page Css */
section.vc_section.sell-with-us-page-sec-1 {
    padding-top: 70px;
    padding-bottom: 100px;
}

.sell-with-us-page-container {
    padding: 0px 30px;
}

.form-title {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 96px;
    line-height: 1.2;
    letter-spacing: 0%;
    color: #663A22;
    padding-bottom: 90px;
    margin: 0px;
    margin-bottom: 0px !important;
}

.sell-with-us-page-container-2 .sell-with-us-form-col {
    max-width: 1092px;
    width: 100%;
}

.sell-with-us-page-container-2 .location-contact-col {
    max-width: 155px;
    width: 100%;
}

.sell-with-us-page-container-2 {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.sell-with-us-page-container-2::before,
.sell-with-us-page-container-2::after {
    display: none !important;
}

.location-contact-col .find-us-sec h5,
.location-contact-col .email-sec h5 {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0%;
    color: #FFFFFF;

}

.location-contact-col .find-us-sec p,
.location-contact-col .email-sec p,
.location-contact-col .email-sec a {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.location-contact-col .find-us-sec {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.location-contact-col .email-sec {
    display: flex;
    flex-direction: column;
    gap: 20px;
    line-height: 100%;
}

.location-contact-col .find-us-sec .find-us h5 {
    margin-bottom: 25px;
}

.location-contact-col .find-us-sec .hours h5 {
    margin-bottom: 0px;
}

.location-contact-col-content-wrapper>.wpb_wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.sell-with-us-form .row>p {
    gap: 50px;
}

.sell-with-us-form .row {
    padding-bottom: 0px !important;
}

.sell-with-us-form .form-inner-container {
    display: flex;
    flex-direction: column;
    gap: 90px;
    max-width: 924px;
    width: 100%;
}

.sell-with-us-form .submit-col {
    padding-top: 20px;
}

.sell-with-us-footer-inner-row>div>.wpb_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 210px;
}

.sell-with-us-footer-inner-row {
    border-top: 1px solid #663A22;
    padding: 46px 0px 90px;
}

.sell-with-us-footer-inner-row figure,
.sell-with-us-footer-inner-row figure div,
.sell-with-us-footer-inner-row figure div img {
    width: 100% !important;
    object-fit: contain !important;
    max-width: 100% !important;
    height: 100% !important;
}

.sell-with-us-footer-inner-row .sell-with-us-footer-left-img figure div img {
    max-width: 40px !important;
}

.sell-with-us-footer-right-img {
    max-width: 285px;
    height: 78px;
    opacity: 1;
}

.sell-with-us-footer-left-img {
    opacity: 1;
}

.sell-with-us-page-main footer.site-footer {
    padding-top: 0px;
    border-top: 0px;
}

.sell-with-us-page-main footer.site-footer {
    padding-left: 30px;
    padding-right: 30px;
}

.sell-with-us-page-main footer.site-footer .bottom-fotter {
    margin-top: 0px;
    max-width: 1920px;
    margin: 0 auto;
}

.sell-with-us-page-main footer.site-footer .bottom-fotter li {
    font-size: 9px;
    line-height: 12px;
}

/* About Page css */

section#about-banner {
    height: calc(100vh - 91px);
}

.property-personal-container {
    padding-bottom: 225px;
    padding-top: 225px;
    padding-left: 30px;
    padding-right: 30px;
}

.property-personal-container {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.property-personal-container::before,
.property-personal-container::after {
    display: none !important;
}

.property-personal-content {
    max-width: 884px;
    width: 100% !important;
}

.property-personal-image-wrapper {
    max-width: 600px;
    width: 100% !important;
}

.property-personal-content>div {
    height: 100%;
}

.property-personal-content>div>.wpb_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 80px;
}

.property-personal-title h2 {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 96px;
    line-height: 100px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #30211B;
}

.property-personal-image-wrapper {
    padding-top: 20px;
}

.property-personal-text-wrapper {
    max-width: 597px;
    width: 100%;
}

.property-personal-text-wrapper p {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #30211B;
}

.property-personal-text-wrapper p:not(:last-child) {
    padding-bottom: 20px;
}

.team-sec-container {
    padding-left: 30px;
    padding-right: 30px;
}

.team-heading-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

.team-founder-wrapper {
    padding-bottom: 205px;
    padding-top: 205px;
}

#team-sec .team-sec-inner-con-main {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.team-sec-container::before,
.team-sec-container::after {
    display: none !important;
}

.team-sec-heading {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 96px;
    line-height: 100%;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #E4DCD8;
}

.team-founder-inner-row {
    border-bottom: 0.5px solid #000000;
}

.team-founder-inner-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: 0.3s linear;
}

.team-heading-wrapper {
    max-width: 718px;
    width: 100% !important;
}

.team-founder-wrapper {
    max-width: 925px;
    width: 100% !important;
}

.team-founder-inner-row:not(:first-child) {
    padding-top: 40px;
}

.team-founder-inner-row {
    padding-bottom: 40px;
}

.team-founder-name {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 48px;
    line-height: normal;
    letter-spacing: 0px;
    color: #E4DCD8;
    margin-bottom: 0px !important;
    min-width: 50%;
    transition: 0.3s linear;
    text-transform: uppercase;
}

.team-founder-position {
    margin-right: auto;
}

.team-founder-position p {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #E4DCD8;
    margin-bottom: 0 !important;
    margin-right: auto;
    transition: 0.3s linear;
    font-style: Italic;
}

.team-sec-image-wrapper {
    display: none;
    transition: 0.3s linear;
}

.team-sec-image-wrapper.active {
    display: block;
    transition: 0.3s linear;
}

.team-image-display {
    height: 682px;
    height: clamp(402px, calc(402px + (682 - 402) * ((100vw - 393px) / (1920 - 393))), 682px);
    max-width: clamp(400px, calc(400px + (594 - 402) * ((100vw - 991px) / (1920 - 991))), 594px);
    padding-top: clamp(20px, calc(20px + (60 - 20) * ((100vw - 393px) / (1920 - 393))), 682px);
}

.team-image-display .team-sec-image-wrapper {
    height: 100%;
    overflow: hidden;
}

.team-image-display .team-sec-image-wrapper img {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
    object-position: center;
    transition: 0.3s linear;
}

.team-founder-inner-row:hover .team-founder-name {
    color: #000000;
    transition: 0.3s linear;
}

.team-founder-inner-row:hover .team-founder-position p {
    color: #000000;
    transition: 0.3s linear;
    font-style: normal;
}

.team-founder-inner-row {
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    background-size: clamp(20px, calc(20px + (90 - 20) * ((100vw - 393px) / (1920 - 393))), 90px);
}

.team-founder-inner-row:first-child {
    background-position: calc(100% - 16px) 30%;
}

.team-founder-inner-row:hover {
    background-image: url("/wp-content/uploads/2026/03/DJ_arrow_Curved-Arrow-1.svg");
}

/*----------------------team popup----------------------------*/
.team-popup {
    opacity: 1;
    background: #663A22;
    height: 100vh;
    position: fixed;
    inset: 0;
    z-index: 99;
}

.team-popup-content::-webkit-scrollbar {
    width: 0px;
}

.team-popup-content {
    padding-top: clamp(85px, calc(85px + (120 - 85) * ((100vw - 393px) / (1920 - 393))), 120px);
    padding-bottom: clamp(85px, calc(85px + (120 - 85) * ((100vw - 393px) / (1920 - 393))), 120px);
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    overflow: auto;
    height: 100%;
}

.team-popup.active {
    transition: 0.4s linear;
    transform: translate(0%, 0%);
}

.team-popup {
    transform: translate(-100%, 0%);
    transition: 0.4s linear;
}

.popup-container .popup-inner {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

.popup-container .popup-inner .popup-inner-left-main {
    max-width: 1250px;
    width: 100%;
}

.popup-container .popup-inner .popup-dec-left-inner-main>div {
    max-width: 600px;
    width: 100%;
}

.popup-container .popup-inner .popup-right {
    max-width: 600px;
    width: 100%;
}

.popup-container .popup-inner .popup-left-title-main h2 {
    font-weight: 400;
    font-size: 96px;
    font-size: clamp(21px, calc(21px + (96 - 21) * ((100vw - 393px) / (1920 - 393))), 96px);
    line-height: clamp(21px, calc(21px + (96 - 21) * ((100vw - 393px) / (1920 - 393))), 96px);
    letter-spacing: 0%;
    color: #E4DCD8;
    padding-bottom: 30px;
    padding-bottom: clamp(0px, calc(0px + (30 - 0) * ((100vw - 393px) / (1920 - 393))), 30px);
}

.popup-container .popup-inner .popup-left-title-main h6 {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(12px, calc(12px + (30 - 12) * ((100vw - 393px) / (1920 - 393))), 30px);
    line-height: 22px;
    letter-spacing: 0%;
    color: #E4DCD8;
}

.popup-container .popup-inner .popup-left p {
    font-weight: 400;
    font-size: 16px;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: 24px;
    line-height: clamp(10px, calc(10px + (24 - 10) * ((100vw - 393px) / (1920 - 393))), 24px);
    letter-spacing: -0.2px;
    color: #E4DCD8;
}

.popup-container .popup-inner .popup-left .intro {
    font-family: "Instrument sans-serif";
    font-weight: 400;
    font-style: Italic;
    font-size: clamp(18px, calc(18px + (48 - 18) * ((100vw - 393px) / (1920 - 393))), 48px);
    line-height: clamp(18px, calc(18px + (52 - 18) * ((100vw - 393px) / (1920 - 393))), 52px);
    letter-spacing: -0.2px;
    padding-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 393px) / (1920 - 393))), 40px);
}

.popup-container .popup-inner .desc-main {
    margin-top: auto;
}

.popup-container .popup-inner .desc-main p {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(10px, calc(10px + (24 - 10) * ((100vw - 393px) / (1920 - 393))), 24px);
    line-height: 1.25;
    letter-spacing: -0.2px;
    color: #E4DCD8;
}

.popup-container .popup-inner .desc-main p:not(:last-child) {
    padding-bottom: clamp(20px, calc(20px + (35 - 20) * ((100vw - 393px) / (1920 - 393))), 35px);
}

.popup-container .popup-inner .popup-right img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    object-position: top;
    max-width: 100% !important;
}

.popup-dec-left-inner-main {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    padding-top: clamp(35px, calc(35px + (60 - 35) * ((100vw - 393px) / (1920 - 393))), 60px);
}

.team-popup-close {
    position: absolute;
    top: clamp(15px, calc(15px + (47 - 15) * ((100vw - 393px) / (1920 - 393))), 47px);
    right: clamp(15px, calc(15px + (30 - 15) * ((100vw - 393px) / (1920 - 393))), 30px);
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFFFFF;
    cursor: pointer;
}

/*----------------team popup---------------------*/

section.values-section {
    padding-bottom: 150px;
}

.value-container {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1510px !important;
}

.value-sec-main-heading {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 36px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center !important;
    vertical-align: middle;
    text-transform: uppercase;
    color: #30211B;
    margin-bottom: 120px !important;
}

.values-content-col {
    max-width: 600px;
    width: calc((100% - 43px) / 2);
    display: flex;
    justify-content: space-between;
}

.value-content-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 31px;
    column-gap: 43px;
}

.values-content-title {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -1px;
    color: #30211B;
    margin-bottom: 31px !important;
}

.values-content-descri p {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #30211B;
}

.values-content-descri p:not(:last-child) {
    padding-bottom: 20px;
}

.values-content-col .num-col {
    max-width: 130px;
    width: 100%;
    padding-top: 20px;
}

.values-content-inner-col {
    max-width: 457px;
    width: 100%;
}

.values-content-col .num-col p {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #663A22;
}

/* contact popup page css */
.contact-popup {
    transform: translate(100%, 0%);
    transition: 0.4s linear;
}

.contact-popup.active {
    transition: 0.4s linear;
    transform: translate(0%, 0%);
}

.contact-popup {
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 514px;
    right: 0;
    top: 0;
    background: #30211B;
    z-index: 99;
    padding: 30px 30px 71px;
    display: flex;
}

.contact-popup-inner::-webkit-scrollbar {
    width: 0px;
}

.contact-popup-inner {
    overflow: auto;
    margin-top: auto;
    margin-bottom: auto;
    max-height: 100%;
}

.close-popup {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    position: absolute;
    top: 30px;
    right: 0;
    color: #FFFFFF;
    width: 72px;
    cursor: pointer;
    z-index: 99;
}

.contact-form-main {
    padding-top: 93px;
}

.contact-detail-main-wrapper .contact-detail h2 {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -1px;
    color: #E4DCD8;
    width: 40%;
}

.contact-detail-main-wrapper .contact-detail {
    display: flex;
}

.contact-detail-main-wrapper .contact-detail:not(:last-child) {
    padding-bottom: 70px;
}

.contact-detail-main-wrapper .contact-detail:not(:first-child) {
    align-items: flex-end;
}

.contact-detail-main-wrapper .contact-detail p,
.contact-detail-main-wrapper .contact-detail p a {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    margin-bottom: 5px;
}

.contact-form-main h2 {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -1px;
    vertical-align: middle;
    color: #E4DCD8;
    padding-bottom: 30px;
}

.contact-page label input {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    height: 26px;
}

.contact-page input::placeholder {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.contact-grid.contact-page .row>p {
    gap: 16px;
    justify-content: flex-start;
}

.contact-grid.contact-page label>span {
    padding-left: 0px;
}

.contact-grid.contact-page .row.submit-row>p {
    justify-content: flex-end;
}

.contact-grid.contact-page .row.textarea-row label textarea.textarea-wrap {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    height: 26px;
}

.contact-grid .row.textarea-row label textarea::placeholder {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #FFFFFF;
}

.contact-page .row.submit-row {
    padding-top: 50px;
}

.contact-page .row.submit-row input {
    text-transform: uppercase;
}

.hours-main {
    max-width: 155px;
    width: 100%;
    padding-top: 32px;
}

.hours-span {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding-top: 20px;
    display: inline-block;
}

/*-------------------Properties Page----------------------  */
.propertyhive-page .page-title {
    display: none;
}

#property-filter-form {
    width: 100%;
    opacity: 1;
    padding-top: 40px;
    padding-bottom: 50px;
    padding-bottom: clamp(30px, calc(30px + (50 - 30) * ((100vw - 393px) / (1920 - 393))), 50px);
    padding-left: 30px;
    padding-right: 30px;
    position: sticky;
    background: #EEE9E6;
    z-index: 8;
}

.property-search-bar {
    max-width: 1316px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E4DCD8;
}

.property-search-bar .autocomplete-container {
    flex: 1;
}

#property-search {
    width: 100%;
    border: none;
    background: #E4DCD8;
    outline: none;
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.2px;
    margin: 0px;
    padding: 0px;
    height: 41px;
    padding-left: 15px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#property-search::placeholder {
    background-image: url("/wp-content/uploads/2026/03/fi-rs-search.svg");
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 18px;
}

.search-actions span {
    cursor: pointer;
}

.property-search-bar .search-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 41px;
    padding: 6px 0px 10px;
}

.property-search-bar .search-actions #refine-btn {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.2px;
    vertical-align: middle;
    color: #000000;
    background: transparent !important;
    margin: 0px;
    padding: 0px 20px;
    height: 100%;
    border: none;
    border-left: 1px solid #000000;
    outline: none !important;
    white-space: nowrap;
}

.property-search-bar .search-actions .map-btn {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.2px;
    vertical-align: middle;
    color: #000000 !important;
    padding: 0px 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #000000;
    white-space: nowrap;
}

.property-search-bar .search-actions .map-btn a:focus {
    color: #000000 !important;
}

.property-search-bar .search-actions .property-sort select {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.2px;
    vertical-align: middle;
    color: #000000;
    background: transparent;
    border: none;
    outline: none !important;
    padding: 0px 20px;
    height: 100%;
    field-sizing: content;
    border-left: 1px solid #000000;
    text-transform: uppercase;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    background-color: #E4DCD8;
}

.sold-page .property-search-bar .search-actions .property-sort select {
    background-color: unset !important;
}

/*-----------------refine filter------------------------*/
header.header-menu-wrapper.refine-active {
    z-index: 8;
}

#refine-panel {
    transform: translate(100%, 0%);
    transition: 0.4s linear;
}

#refine-panel.active {
    transition: 0.4s linear;
    transform: translate(0%, 0%);
}

#refine-panel {
    position: fixed;
    height: 100vh !important;
    width: 100%;
    max-width: 100%;
    right: 0;
    top: 0;
    z-index: 99;
    display: flex !important;
    justify-content: flex-end;
    margin: 0px !important;
}

.refine-panel-container {
    max-width: 514px;
    width: 100%;
    height: 100%;
    background: #E4DCD8;
    z-index: 99;
    padding-bottom: clamp(60px, calc(60px + (100 - 80) * ((100vw - 393px) / (1920 - 393))), 100px) !important;
    padding-top: clamp(20px, calc(20px + (100 - 40) * ((100vw - 1600px) / (1920 - 1600))), 100px) !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    display: flex !important;
    flex-direction: column;
    overflow-x: auto;
    margin: 0px !important;
    position: relative;
}

#refine-panel .refine-panel-container::-webkit-scrollbar {
    width: 0px;
}

#refine-panel .refine-panel-container>label {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 11px;
}

#refine-panel input[type="text"] {
    border: 0.5px solid #663A22;
    background: transparent;
    outline: none !important;
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    height: 50px;
    margin-right: 0px;
    margin-bottom: clamp(32px, calc(32px + (50 - 32) * ((100vw - 1600px) / (1920 - 1600))), 50px);
    width: 100%;
}

#refine-panel select {
    border: none;
    border-bottom: 0.5px solid #663A22;
    outline: none !important;
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    height: max-content;
    margin-bottom: 50px;
    padding: 0px;
    padding-left: 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("/wp-content/uploads/2026/03/select-arrow.svg") no-repeat right 5px center;
    background-size: 15px;
    padding-right: 20px;
}

#refine-panel select option {
    background-color: #eee9e6;
}

#refine-panel .filter-buttons {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

#refine-panel .filter-buttons label {
    margin: 0px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.2px;
    color: #00000080;
}

#refine-panel .filter-buttons label input[type="radio"] {
    height: 100%;
    width: 100%;
    border-radius: 0px;
    border: 0.5px solid #663A22;
    background: transparent;
    margin: 0px;
    position: absolute;
    outline: none;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    #refine-panel .filter-buttons label input[type=radio]:after {
        content: "";
        opacity: 0;
        display: block;
        left: 0px;
        top: 0px;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 0px;
        background: #663A22;
    }

    #refine-panel .filter-buttons label input[type=radio]:checked:after {
        opacity: 50%;
    }
}

#refine-panel .noUi-horizontal .noUi-handle {
    height: 15px;
    width: 15px;
    opacity: 1;
    border-width: 0.5px;
    border: 0.5px solid #663A22;
    border-radius: 50%;
    right: -12px;
    top: -8px;
    background: #E4DCD8;
    cursor: pointer;
}

#refine-panel .noUi-connect {
    background: #663A22;
}

#refine-panel .noUi-connects {
    border-radius: 0px;
}

#refine-panel .noUi-horizontal {
    border: 2px solid #663A22;
    height: 0px;
    border-radius: 0px;
    background: #663A22;
}

#refine-panel .noUi-handle:after,
#refine-panel .noUi-handle:before {
    display: none;
}

#refine-panel .price-display span {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0%;
    color: #000000;
}

#refine-panel .price-display {
    display: flex;
    gap: 10px;
    padding-bottom: 30px;
    margin-top: -12px;
}

#refine-panel button[type="submit"] {
    border: 0.5px solid #663A22;
    background: transparent !important;
    padding: 3px 6px;
    width: max-content;
    text-align: center;
    margin: 0 auto;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000 !important;
    margin-top: 100px;
    outline: none;
    transition: 0.3s linear;
    margin-top: clamp(40px, calc(40px + (100 - 80) * ((100vw - 1600px) / (1920 - 1600))), 100px);
}

#refine-panel button[type="submit"]:hover {
    background: #663A22 !important;
    transition: 0.3s linear;
    color: #FFFFFF !important;
}

#refine-panel .refine-close {
    padding-bottom: 24px;
    padding-left: 24px;
    text-align: right;
    width: max-content;
    margin-left: auto;
    position: sticky;
    top: 0;
    background: #E4DCD8;
}

#refine-panel .refine-close .refine-close-btn {
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #30211B;
    cursor: pointer;
    text-transform: uppercase;
}

/*----------------refine filter-------------------*/
#container {
    max-width: 100%;
    padding-bottom: clamp(90px, calc(90px + (100 - 90) * ((100vw - 393px) / (1920 - 393))), 100px);
}

#property-results {
    max-width: 1920px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: clamp(30px, calc(30px + (60 - 30) * ((100vw - 393px) / (1920 - 393))), 60px);
    padding-bottom: clamp(55px, calc(55px + (90 - 55) * ((100vw - 393px) / (1920 - 393))), 90px);
    margin-top: 75px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    row-gap: 64px;
}

#property-results .properties {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: clamp(30px, calc(30px + (100 - 30) * ((100vw - 393px) / (1920 - 393))), 100px);
    margin-bottom: 0px;
    padding-left: 0px;
}

#property-results .properties .property-item {
    width: calc((100% - 60px) / 3);
    padding-bottom: 0px;
    padding-top: 0px;
    border-bottom: none;
}

#property-results .properties::before,
#property-results .properties::after {
    display: none !important;
}

#property-results .properties .property-item>a.property-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#property-results .properties .property-card .property-image {
    width: 100%;
    height: clamp(344px, calc(344px + (570 - 344) * ((100vw - 393px) / (1920 - 393))), 570px);
    margin-bottom: 22px;
}

/* #property-results .properties .property-card */
.property-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
    display: block;
}

.ph-infinite-scroll-button {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}

.ph-infinite-scroll-button a.button {
    padding: 0px;
    color: #30211B !important;
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 30px;
    font-size: clamp(14px, calc(14px + (30 - 14) * ((100vw - 393px) / (1920 - 393))), 30px);
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    border: none;
}

#property-results .properties .property-card .location-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: auto;
}

#property-results .properties .property-card .location-wrap .address,
.location-wrap .avl {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #663A22;
}

#property-results .properties .property-card .property-info {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
}

#property-results .properties .property-card .property-info .property-title {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 393px) / (1920 - 393))), 32px);
    line-height: clamp(24px, calc(24px + (32 - 24) * ((100vw - 393px) / (1920 - 393))), 32px);
    letter-spacing: 0px;
    color: #663A22;
    text-transform: uppercase;
    margin-bottom: 0px;
    max-width: 400px;
    width: 100%;
}

#property-results .properties .property-card .property-info .property-meta {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: 24px;
    letter-spacing: 2%;
    text-align: right;
    min-width: max-content;
    color: #663A22;
    display: flex;
    gap: 5px;
}

.property-slider .slick-prev {
    left: 0;
}

.property-slider .slick-next {
    right: 0;
    transform: translate(0%, -50%) rotate(180deg) !important;
}

.property-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    height: 46px;
    width: 46px;
    font-size: 0;
    background-color: #EEE9E6 !important;
    background: #EEE9E6 url("/wp-content/uploads/2026/03/image-sliderarrowe.svg") no-repeat center;
    z-index: 1;
    padding: 0px;
    border: none;
    outline: none;
    opacity: 60%;
}

.propertyhive-page .property-search-form-default {
    display: none;
}

.propertyhive-page .propertyhive-result-count {
    display: none;
}

.propertyhive-page .propertyhive-views {
    display: none;
}

.propertyhive-page .propertyhive-ordering {
    display: none;
}

.propertyhive-page .propertyhive-map-canvas-wrapper,
body.sold-page .propertyhive-map-canvas-wrapper {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    opacity: 1;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    z-index: 1;
}

.propertyhive-map-canvas-wrapper .propertyhive-map-canvas .leaflet-tile-container,
.property-map .leaflet-container .leaflet-tile-container {
    filter: grayscale(100%) contrast(125%) brightness(0.92) saturate(0);
}

.propertyhive-page .propertyhive-map-canvas-wrapper,
body.sold-page .propertyhive-map-canvas-wrapper {

    .properties-map-popup .properties .property .details .address a {
        color: #30211B !important;
    }

    .properties-map-popup .properties .property .details .price {
        color: #30211B !important;
    }

    .properties-map-popup .properties .property .details .summary {
        color: #30211B !important;
    }
}

body.sold-page .propertyhive-map-canvas-wrapper {
    padding-bottom: clamp(90px, calc(90px + (100 - 90) * ((100vw - 393px) / (1920 - 393))), 100px);
}

/*-----------------Properties Page-------------------  */

/*------------------listing Page---------------------  */
.custom-property-wrapper {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    padding-top: calc(70vh - 91px);
    display: block !important;
}

.single-top-container {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 80px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

section.single-top-content {
    position: sticky;
    top: 0px;
    margin-bottom: 20vh;
    z-index: 8;
    transition: background .3s;
}

section.single-top-content.active {
    background: #EEE9E6;
    color: #663A22 !important;
    padding-bottom: 0px;
}

section.single-top-content.active.stop-sticky {
    position: relative;
    top: 20vh;
    margin-bottom: 20vh;
}

section.single-top-content.active .single-top-con-left .property-title {
    color: #663A22;
}

section.single-top-content.active .property-meta span {
    color: #663A22;
}

section.single-top-content.active .price-top .property-price {
    color: #663A22;
}

.single-top-con-left {
    max-width: 40%;
    width: 100%;
    opacity: 1;
}

.single-top-con-left .property-title {
    font-weight: 400;
    font-size: clamp(40px, calc(40px + (60 - 40) * ((100vw - 393px) / (1920 - 393))), 60px);
    line-height: clamp(42px, calc(42px + (62 - 42) * ((100vw - 393px) / (1920 - 393))), 62px);
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #E4DCD8;
}

.single-top-con-right {
    max-width: 400px;
    width: 100%;
}

section.single-top-content .property-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
    justify-content: space-between;
    padding-bottom: 23px;
}

section.single-top-content .property-meta span {
    width: calc((100% - 23px) / 2);
    font-weight: 600;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: 100%;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #E4DCD8;
}


.single-top-meta-stauts h6,
.price-top .property-price {
    font-family: Instrument Serif;
    font-weight: 400;
    font-style: Italic;
    font-size: clamp(16px, calc(16px + (36 - 16) * ((100vw - 393px) / (1920 - 393))), 36px);
    line-height: 100%;
    letter-spacing: 0px;
    color: #E4DCD8;
}

.des-container {
    max-width: 1920px;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

section.desc-sec {
    background: #EEE9E6;
    padding-top: clamp(70px, calc(70px + (200 - 70) * ((100vw - 991px) / (1920 - 991))), 200px);
    padding-bottom: 215px;
    position: sticky;
    top: 0;
    z-index: 7;
}

section.desc-sec::-webkit-scrollbar {
    display: none;
}

section.desc-sec {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.desc-cont-left {
    max-width: 916px;
    width: 100%;
    opacity: 1;
}

.desc-cont-right {
    max-width: 400px;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}

.property-short {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 40px;
    font-size: clamp(16px, calc(16px + (40 - 16) * ((100vw - 393px) / (1920 - 393))), 40px);
    line-height: 1.3;
    letter-spacing: 0px;
    color: #30211B;
    padding-bottom: clamp(24px, calc(24px + (82 - 24) * ((100vw - 393px) / (1920 - 393))), 82px);
}

.property-description p {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: 18px;
    letter-spacing: 0px;
    color: #30211B;
    padding-bottom: 10px;
}

.property-description span {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #30211B;
}

.single-popup-sec>div {
    display: inline-block;
    min-width: 50%;
    background-image: url("/wp-content/uploads/2026/03/btn-arrow.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 40px;
    font-weight: 400;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 768px) / (1920 - 768))), 16px);
    line-height: 20px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #30211B;
    cursor: pointer;
}

.single-popup-sec>div a:active {
    color: #30211B !important;
}

.single-popup-sec .floorplan-btn {
    color: #30211B !important;
}

#booking-form-mobile {
    display: none;
}

.single-popup-sec {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: clamp(30px, calc(30px + (60 - 30) * ((100vw - 768px) / (1920 - 768))), 60px);
    border-bottom: 0.5px solid #000000;
}

.team-section {
    display: flex;
    padding: clamp(30px, calc(30px + (60 - 30) * ((100vw - 768px) / (1920 - 768))), 60px) 0px;
    border-bottom: 0.5px solid #000000;
    gap: clamp(15px, calc(15px + (25 - 15) * ((100vw - 768px) / (1920 - 768))), 25px);
}

.team-section .team-img {
    width: 93px;
    height: 93px;
    opacity: 1;
}

.team-content h3 {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: clamp(16px, calc(16px + (20 - 16) * ((100vw - 768px) / (1920 - 768))), 20px);
    line-height: 22px;
    letter-spacing: 0px;
    color: #30211B;
}

.team-content p {
    font-weight: 400;
    font-size: clamp(12px, calc(12px + (14 - 11) * ((100vw - 768px) / (1920 - 768))), 14px);
    line-height: 28px;
    letter-spacing: 0px;
    color: #30211B;
}

.team-content {
    display: flex;
    flex-direction: column;
}

.team-actions {
    margin-top: auto;
    font-weight: 600;
    font-size: clamp(10px, calc(10px + (12 - 10) * ((100vw - 768px) / (1920 - 768))), 12px);
    line-height: 100%;
    letter-spacing: 0px;
    text-transform: uppercase;
    /* color: #30211B; */
    display: flex;
    gap: 30px;
}

.team-actions a {
    margin-top: auto;
    font-weight: 600;
    font-size: clamp(10px, calc(10px + (12 - 10) * ((100vw - 768px) / (1920 - 768))), 12px);
    line-height: 100%;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #30211B;
}

.team-actions a:not(:last-child) {
    margin-right: 0px;
}

.property-gallery-slider {
    height: max-content;
}

.property-gallery-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    height: clamp(20px, calc(20px + (70 - 20) * ((100vw - 393px) / (1920 - 393))), 70px);
    width: clamp(20px, calc(20px + (70 - 20) * ((100vw - 393px) / (1920 - 393))), 70px);
    font-size: 0;
    background-color: #EEE9E6 !important;
    background: #EEE9E6;
    z-index: 1;
    padding: 0px;
    border: none;
    outline: none;
    opacity: 60%;
}

.property-gallery-slider .slick-arrow img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.property-gallery-slider .slick-prev {
    left: 0;
}

.property-gallery-slider .slick-next {
    right: 0;
}

.property-gallery-slider .slick-arrow:focus {
    outline: none;
}

.property-map #property_map_canvas {
    max-height: clamp(162px, calc(162px + (408 - 162) * ((100vw - 393px) / (1920 - 393))), 408px) !important;
}

.property-video video {
    height: clamp(206px, calc(206px + (730 - 206) * ((100vw - 393px) / (1920 - 393))), 730px) !important;
    object-fit: cover;
    object-position: center;
}

/* ------------------------------- */
.book-form {
    padding-top: 60px;
}

.book-view-close-btn {
    display: none;
}

.book-view-close-btn {
    display: none;
    position: absolute;
    top: 20px;
    right: 15px;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0%;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
}

.book-form h2 {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 46px;
    line-height: 48px;
    letter-spacing: 0%;
    padding-bottom: 40px;
    color: #30211B;
}

.booking-form {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 30px;
}

.booking-form .booking-form-row:first-child {
    width: 100%;
}

.booking-form .booking-form-row:not(:first-child):not(:last-child) {
    width: calc((100% - 30px) / 2);
}

.booking-form .booking-form-row:last-child>p {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.booking-form .booking-form-row input {
    width: 100%;
    border: none;
    border-bottom: 0.5px solid #30211B;
    outline: none !important;
    padding: 0px;
    background: transparent;
    margin: 0px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #30211B;
}

.booking-form .booking-form-row input::placeholder {
    color: #30211B;
}

.booking-form .booking-form-row>p>span {
    display: inline-block;
    width: 100%;
}

.booking-form .booking-form-row:last-child {
    width: 100%;
}

.booking-form .booking-form-row select {
    width: 100%;
    border: none;
    border-bottom: 0.5px solid #30211B;
    outline: none !important;
    padding: 0px;
    background-color: transparent !important;
    margin: 0px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #30211B;
    height: max-content;
    padding: 0px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("/wp-content/uploads/2026/03/select-arrow.svg") no-repeat right 5px center;
    background-size: 11px;
    padding-right: 20px;
    cursor: pointer;
}

.booking-form .booking-form-row:last-child .wpcf7-form-control-wrap {
    width: 100%;
    order: 1;
}

.booking-form .booking-form-row:last-child .wpcf7-spinner {
    width: max-content;
    order: 2;
}

.booking-form .booking-form-row:last-child .submit-field {
    width: max-content;
    order: 3;
    border: none;
    outline: none !important;
    padding: 0px;
    background: transparent !important;
    margin: 0px;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #663A22 !important;
}

.booking-form .booking-form-row:last-child>p {
    gap: 0px;
}

.booking-form .wpcf7-not-valid-tip {
    font-size: 10px;
    line-height: 140%;
}

.book-form .wpcf7-response-output {
    color: #30211B !important;
    margin: 10px 0px 0px !important;
    padding: 5px !important;
}

/*  */
section.gmv-main-sec {
    background: #EEE9E6;
}

.gmv-container {
    max-width: 1920px;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
}

.gmv-inner-container {
    max-width: 1230px;
    width: calc(100% - 440px);
    position: relative;
    z-index: 8;
    background: #EEE9E6;
}

.property-gallery {
    max-width: unset !important;
    padding-bottom: clamp(25px, calc(25px + (35 - 25) * ((100vw - 768px) / (1920 - 768))), 35px);
    padding-top: clamp(25px, calc(25px + (35 - 25) * ((100vw - 768px) / (1920 - 768))), 35px);
    margin: 0px !important;
}

.gmv-inner-container .property-gallery .gallery-slide img {
    max-height: clamp(239px, calc(239px + (807 - 239) * ((100vw - 393px) / (1920 - 393))), 807px) !important;
}

.property-map {
    max-width: 100% !important;
    padding-bottom: clamp(25px, calc(25px + (35 - 25) * ((100vw - 768px) / (1920 - 768))), 35px);
    padding-top: clamp(25px, calc(25px + (35 - 25) * ((100vw - 768px) / (1920 - 768))), 35px);
    margin: 0px !important;
}

.property-video {
    max-width: 100% !important;
    padding-bottom: clamp(25px, calc(25px + (35 - 25) * ((100vw - 768px) / (1920 - 768))), 35px);
    padding-top: clamp(25px, calc(25px + (35 - 25) * ((100vw - 768px) / (1920 - 768))), 35px);
    margin: 0px !important;
}

/* listing page similar listing css */
section.similast-list {
    overflow: hidden;
    position: relative;
    z-index: 7;
    background: #EEE9E6;
}

.similar-container {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: clamp(52px, calc(52px + (120 - 52) * ((100vw - 768px) / (1920 - 768))), 120px);
    padding-bottom: clamp(30px, calc(30px + (60 - 30) * ((100vw - 768px) / (1920 - 768))), 60px);
}

.similar-container h2 {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(14px, calc(14px + (30 - 14) * ((100vw - 393px) / (1920 - 393))), 30px);
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: #30211B;
}

.related-property-slider {
    padding-top: clamp(32px, calc(32px + (90 - 32) * ((100vw - 768px) / (1920 - 768))), 90px);
    height: max-content;
}

.related-property-slider .slick-list {
    margin: 0px calc(-1 * clamp(13px, calc(13px + (28 - 13) * ((100vw - 768px) / (1920 - 768))), 28px));
    overflow: visible !important;
}

.related-property-slider .property-slide {
    padding: 0px clamp(13px, calc(13px + (28 - 13) * ((100vw - 768px) / (1920 - 768))), 28px);
    height: auto;
}

.related-property-slider .slick-track {
    display: flex !important;
}

.related-property-slider .property-slide>a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.related-property-slider .property-slide .property-img {
    margin-bottom: clamp(16px, calc(16px + (24 - 16) * ((100vw - 768px) / (1920 - 768))), 24px);
    width: 100%;
    height: clamp(257px, calc(257px + (520 - 257) * ((100vw - 393px) / (1920 - 393))), 520px);
}

.related-property-slider .property-slide .property-img img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

.detail-content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
}

.detail-content .property-title {
    font-weight: 400;
    font-size: clamp(16px, calc(16px + (34 - 16) * ((100vw - 393px) / (1920 - 393))), 34px);
    line-height: clamp(16px, calc(16px + (34 - 16) * ((100vw - 393px) / (1920 - 393))), 34px);
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #663A22;
}

.detail-content .similar-property-meta {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: clamp(12px, calc(12px + (24 - 12) * ((100vw - 393px) / (1920 - 393))), 24px);
    letter-spacing: 2%;
    text-align: right;
    min-width: max-content;
    color: #663A22;
    display: flex;
    gap: 5px;
}

.detail-main .similar-prop-loc {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 2%;
    padding-bottom: clamp(5px, calc(5px + (25 - 5) * ((100vw - 393px) / (1920 - 393))), 25px);
    color: #30211B;
}

.related-property-slider .detail-content {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

section.similast-list .related-property-slider .property-slide .detail-main {
    flex: 1;
    display: flex;
    flex-direction: column;
}

section.similast-list .related-property-slider .property-slide .detail-main .detail-content {
    flex: 1;
}

.related-property-slider .detail-content .location-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    gap: 20px;
}

.related-property-slider .detail-content .property-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    width: 100%;
}

.related-property-slider .similar-prop-loc {
    padding: 0px;
}

.related-property-slider .detail-content .location-wrap .address,
.ph-property-slider .location-wrap .address {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #663A22;
}

.ph-property-slider .location-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
    padding-top: 15px;
    margin-bottom: auto;
}

.description-contents p.room {
    display: none !important;
}

/*--------------listing page Popup css-------------- */
/* --------gallery popup css------------ */
.property_actions {
    display: none;
}

.gallery-popup {
    background: #30211B;
    height: 100vh;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.gallery-popup .gallery-popup-inner {
    max-width: 1768px;
    width: 100%;
    margin: auto;
}

.gallery-popup {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99;
    padding-left: 30px;
    padding-right: 30px;
}

.gallery-popup.active {
    display: flex !important;
    display: block;
    opacity: 1;
}

.gallery-popup-inner {
    position: relative;
}

.video-close-popup,
.gallery-close-popup {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    cursor: pointer;
}

.gallery-popup .gallery-slide a {
    width: 100%;
    display: inline-block;
}

.gallery-popup .gallery-slide a>img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    object-position: center;
}

.gallery-popup .property-gallery-slider {
    height: 100%;
}

.gallery-popup .property-gallery {
    height: 100%;
}

.gallery-popup .gallery-slide {
    width: 100%;
}

/* --------gallery popup css------------ */
/* --------video popup css------------ */

.video-popup {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99;
    padding-left: 30px;
    padding-right: 30px;
    background: #30211b;
}

.video-popup.active {
    display: flex !important;
    opacity: 1;
}

.video-popup-inner {
    position: relative;
    padding-top: 35px;
    padding-bottom: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.video-close {
    position: absolute;
    right: 0;
    top: 20px;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
}

.video-container {
    max-width: 1768px;
    width: 100%;
    opacity: 2;
    margin: 0 auto;
}

.video-container .video-slider .slick-slide video {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: clamp(216px, calc(216px + (994 - 216) * ((100vw - 393px) / (1920 - 393))), 994px) !important;
}

.video-container .video-slider .slick-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}

#popup-video::-webkit-media-controls {
    opacity: 0;
    transition: opacity 0.3s ease;
}

#popup-video:hover::-webkit-media-controls {
    opacity: 1;
}

video#popup-video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.video-title {
    display: none;
}

.video-title {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 10px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #E4DCD8;
    padding-bottom: 24px;
}

.video-slider .slick-arrow {
    width: clamp(46px, calc(46px + (70 - 46) * ((100vw - 768px) / (1920 - 768))), 70px) !important;
    height: clamp(46px, calc(46px + (70 - 46) * ((100vw - 768px) / (1920 - 768))), 70px) !important;
    opacity: 0.6;
    background: #EEE9E6 !important;
    padding: 0px !important;
    margin: 0px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border: none;
    outline: none !important;
}

.video-slider .slick-prev {
    left: 0;
}

.video-slider .slick-next {
    right: 0;
}

.video-slider .slick-slide img {
    object-fit: contain;
    object-position: center;
    height: 100%;
    width: 100%;
}

.video-slider ul.slick-dots {
    display: none !important;
}

/* --------video popup css------------ */
/* -----------default-galley-popup-css-------------- */
.fancybox-container .fancybox-toolbar {
    top: 0px;
    right: 0px;
    opacity: 1;
    visibility: visible;
}

.fancybox-container .fancybox-toolbar .fancybox-button {
    width: max-content;
    height: max-content;
    padding: 0px;
    background: transparent;
    background-color: transparent !important;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    text-transform: uppercase;
}

.single-property .fancybox-container .fancybox-toolbar .fancybox-button {
    width: 40px;
    height: 40px;
}

.single-property .fancybox-container .fancybox-toolbar .fancybox-button svg path {
    fill: #663A22;
}

.fancybox-container {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 35px;
    padding-bottom: 51px;
}

.fancybox-container .fancybox-inner .fancybox-infobar {
    bottom: -40px;
    top: unset;
    left: 50%;
    transform: translate(-40%, 0%);
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 10px;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #E4DCD8;
    height: max-content;
}

.fancybox-container .fancybox-stage {
    z-index: 1;
}

.fancybox-container .fancybox-slide {
    position: unset;
    height: 100%;
    padding: 0px !important;
    background: #E4DCD8;
}

.fancybox-container .fancybox-bg {
    background: #30211B;
    opacity: 1;
}

.fancybox-inner {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    z-index: 0;
}

.fancybox-navigation {
    position: absolute;
    top: 50%;
    width: 100%;
    max-width: 1768px;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.fancybox-navigation .fancybox-button {
    max-width: clamp(46px, calc(46px + (70 - 46) * ((100vw - 768px) / (1920 - 768))), 70px) !important;
    max-height: clamp(46px, calc(46px + (70 - 46) * ((100vw - 768px) / (1920 - 768))), 70px) !important;
    padding: 0px !important;
    position: unset;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: visible;
}

.fancybox-navigation .fancybox-button svg {
    display: none !important;
}

.fancybox-navigation .fancybox-button {
    background: #EEE9E660 url("/wp-content/uploads/2026/03/image-sliderarrowe.svg") no-repeat center !important;
}

.fancybox-navigation .fancybox-button.fancybox-button--arrow_right {
    transform: rotate(180deg) !important;
}

.fancybox-navigation .fancybox-button div {
    padding: 0px !important;
}

.fancybox-navigation .fancybox-button svg {
    color: #30211B;
}

.fancybox-caption {
    display: none;
}

.fancybox-container .fancybox-stage {
    max-width: 1768px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    max-height: clamp(216px, calc(216px + (994 - 216) * ((100vw - 393px) / (1920 - 393))), 994px) !important;
    top: 50%;
    transform: translateY(-50%);
}

.fancybox-container .fancybox-slide .fancybox-content {
    background-color: #E4DCD8;
}

.fancybox-container .fancybox-slide .fancybox-content .fancybox-image {
    position: static;
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

/* ------------default-galley-popup-css----------------- */
/*-------------------------enqury popup------------------- */

.enquire-popup {
    position: fixed;
    height: 100vh !important;
    width: 100%;
    max-width: 100%;
    right: 0;
    top: 0;
    z-index: 99;
    display: flex !important;
    justify-content: flex-end;
    margin: 0px !important;
    background: #663A2240;
}

.enquire-container {
    max-width: 514px;
    width: 100%;
    height: 100%;
    background: #663A22;
    z-index: 99;
    padding-bottom: clamp(80px, calc(80px + (100 - 80) * ((100vw - 1440px) / (1920 - 1440))), 100px) !important;
    padding-top: 26px !important;
    padding-left: clamp(15px, calc(15px + (40 - 15) * ((100vw - 768px) / (1920 - 768))), 40px) !important;
    padding-right: clamp(15px, calc(15px + (40 - 15) * ((100vw - 768px) / (1920 - 768))), 40px) !important;
    display: flex !important;
    flex-direction: column;
    overflow-x: auto;
    margin: 0px !important;
}

.enquire-container {
    scrollbar-width: none;
}

.enquire-form {
    padding-top: clamp(36px, calc(36px + (159 - 36) * ((100vw - 1440px) / (1920 - 1440))), 150px) !important;
}

.enquire-popup.active {
    transition: 0.4s linear;
    transform: translate(0%, 0%);
}

.enquire-popup {
    transform: translate(100%, 0%);
    transition: 0.4s linear;
}

.enquire-form form.wpcf7-form>p>br {
    display: none !important;
}

.enquire-form form.wpcf7-form>p {
    display: flex;
    flex-wrap: wrap;
    row-gap: 26px;
    column-gap: 17px;
}

.enquire-form form.wpcf7-form .wpcf7-form-control-wrap {
    width: calc((100% - 17px) / 2);
}

.enquire-form form.wpcf7-form .wpcf7-form-control-wrap:last-child {
    width: 100%;
    padding-top: 100px;
}

.enquire-form form.wpcf7-form .wpcf7-form-control-wrap input,
.enquire-form form.wpcf7-form .wpcf7-form-control-wrap textarea {
    display: flex;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border: unset;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #EEE9E6;
    color: #FFFFFF !important;
    outline: none !important;
    border-radius: 0px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    padding-bottom: 5px;
}

.enquire-form form.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-size: 10px;
    line-height: 1.2;
}

.enquire-form form.wpcf7-form .wpcf7-form-control-wrap input[type="url"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.enquire-form form.wpcf7-form .wpcf7-form-control-wrap input::placeholder,
.enquire-form form.wpcf7-form .wpcf7-form-control-wrap textarea::placeholder {
    color: #FFFFFF
}

.enquire-form form.wpcf7-form .wpcf7-form-control-wrap textarea {
    min-height: 30px;
    height: 30px;
    overflow-y: auto;
    resize: vertical;
    width: 100% !important;
    scrollbar-width: none;
}

.enquire-form form.wpcf7-form .wpcf7-form-control-wrap select {
    border: none;
    border-bottom: 0.5px solid #EEE9E6;
    color: #FFFFFF;
    outline: none !important;
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    height: max-content;
    padding: 0px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("/wp-content/uploads/2026/03/white-select-arrow.svg") no-repeat right 5px center;
    background-size: 11px;
    padding-bottom: 5px;
    padding-right: 20px;
    width: 100%;
    cursor: pointer;
}

.enquire-form form.wpcf7-form .wpcf7-form-control-wrap select option {
    background-color: #E4DCD8;
    color: #663A22;
}

.submit-main {
    padding-top: 54px;
}

.submit-main>p {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.enquire-form form.wpcf7-form .enquire-submit-btn {
    background: transparent !important;
    border: none !important;
    border-bottom: unset !important;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    order: 2;
    padding: 0px !important;
    margin: 0px !important;
    outline: none !important;
}

.enquire-form form.wpcf7-form .enquire-submit-btn:hover {
    border: none !important;
}

.submit-main>p::after {
    content: "";
    display: flex;
    width: 20px;
    height: 15px;
    opacity: 1;
    background-image: url("/wp-content/uploads/2026/02/submit-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    order: 3;
    margin: auto 0;
    cursor: pointer;
}

.submit-main>p span.wpcf7-spinner {
    order: 1;
}

.enquire-form h2 {
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: -0.1px;
    color: #E4DCD8;
    max-width: 293px;
    opacity: 1;
    padding-bottom: 100px;
}

.enquire-close {
    text-align: end;
    position: sticky;
    top: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0%;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
}

/*-------------------------enqury popup----------------- */
/*---------------listing page Popup css---------------- */
.key-features {
    padding-top: clamp(30px, calc(30px + (40 - 30) * ((100vw - 393px) / (1920 - 393))), 40px);
}

.key-features h3 {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: clamp(16px, calc(16px + (36 - 16) * ((100vw - 393px) / (1920 - 393))), 36px);
    line-height: 100%;
    letter-spacing: 0px;
    color: #30211B;
    padding-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 393px) / (1920 - 393))), 40px);
}

ul.property-features-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 37px;
    padding-left: 25px;
}

ul.property-features-list li {
    width: calc((100% - 37px) / 2);
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: 100%;
    letter-spacing: 0px;
    color: #30211B;
}

ul.property-features-list li:not(:last-child) {
    padding-bottom: 5px;
}

/*-------------------listing Page---------------------  */
.price-top-sold {
    display: none;
}

/*-------------------SOLD PAGE CSS----------------------*/

body.sold-page {
    background: #663A22 !important;
    color: #E4DCD8 !important;
}

body.sold-page #container {
    max-width: 100%;
    padding-bottom: 0px;
}

body.sold-page .property-search-bar .search-actions .map-btn a {
    color: #E4DCD8 !important;
}

body.sold-page .header-menu li a {
    color: #E4DCD8 !important;
}

body.sold-page div {
    color: #E4DCD8 !important;
}

body.sold-page nav.header-menu-nav.active a {
    color: #30211B !important;
}

body.sold-page nav.header-menu-nav.active ul.sub-menu a {
    color: #30211B !important;
}

body.sold-page .header-menu li ul.sub-menu a {
    color: #E4DCD8 !important;
}

body.sold-page nav.header-menu-nav.active li ul.sub-menu {
    background: #EEE9E6;
}

body.sold-page header.header-menu-wrapper {
    background: #663A22;
    color: #E4DCD8 !important;
}

body.sold-page #property-filter-form {
    background: #663A22;
    color: #E4DCD8 !important;
}

body.sold-page .property-search-bar {
    background: #E4DCD810;
}

body.sold-page .property-search-bar .autocomplete-container .autocomplete-results ul li {
    color: #663A22;
}

body.sold-page .property-search-bar .search-actions .property-sort select option {
    color: #663A22;
    background-color: #eee9e6;
}

body.sold-page #property-search {
    background: #E4DCD810;
    color: #E4DCD8;
}

body.sold-page #property-search::placeholder {
    color: #E4DCD8;
    background-image: url("/wp-content/uploads/2026/03/sold-page-search.svg");
}

body.sold-page .property-search-bar .search-actions #refine-btn {
    color: #E4DCD8;
    border-color: #E4DCD8;
}

body.sold-page .property-search-bar .search-actions .map-btn {
    color: #E4DCD8;
    border-color: #E4DCD8;
}

body.sold-page .property-search-bar .search-actions .property-sort select {
    color: #E4DCD8;
    border-color: #E4DCD8;
}

body.sold-page #load-more {
    padding: 0px;
    color: #FFFFFF !important;
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 30px;
    font-size: clamp(14px, calc(14px + (30 - 14) * ((100vw - 393px) / (1920 - 393))), 30px);
    line-height: 32px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: uppercase;
    border: none;
    background: transparent;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    margin-bottom: clamp(90px, calc(90px + (100 - 90) * ((100vw - 393px) / (1920 - 393))), 100px);
    padding: 0px;
    display: flex;
    flex-direction: column;
}

body.sold-page #load-more:focus {
    outline: none !important;
}

body.sold-page .header-menu li ul.sub-menu {
    background: #663A22;
}

body.sold-page .menu-logo a {
    background-image: url('/wp-content/uploads/2025/12/DOUGLAS.svg');
}

body.sold-page .header-menu .menu-logo a:focus {
    background-image: url('/wp-content/uploads/2025/12/DOUGLAS.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

body.sold-page .menu-logo-right a {
    background-image: url('/wp-content/uploads/2025/12/JOSHUA.svg');
}

body.sold-page .header-menu .menu-logo-right a:focus {
    background-image: url('/wp-content/uploads/2025/12/JOSHUA.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

body.sold-page .item-detail {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
}

body.sold-page #property-results .property-item .sold-property-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

body.sold-page .item-detail .sold-title {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: clamp(24px, calc(24px + (32 - 24) * ((100vw - 393px) / (1920 - 393))), 32px);
    line-height: clamp(24px, calc(24px + (32 - 24) * ((100vw - 393px) / (1920 - 393))), 32px);
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-bottom: 0px;
    max-width: 400px;
    width: 100%;
}

body.sold-page .item-detail .sold-price {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: 24px;
    letter-spacing: 2%;
    text-align: right;
    min-width: max-content;
}

.property-sold-stc .book-form {
    display: none;
}

.property-sold-stc .team-section {
    border-bottom: 0px;
}

.property-sold-stc .price-top-buy {
    display: none;
}

.property-sold-stc .price-top-sold {
    display: block;
}

.sold-property-info .property-meta {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: 24px;
    letter-spacing: 2%;
    text-align: right;
    min-width: max-content;
    color: #30211B;
    display: flex;
    gap: 5px;
}

body.sold-page .header-menu li ul.sub-menu::after {
    background: #663A22;
}

/*-----------------SOLD PAGE CSS---------------------------*/
/* ------------------blog page css------------------------ */
section.vc_section.blog-main-section>div {
    padding-left: 30px;
    padding-right: 30px;
}

section.vc_section.blog-main-section {
    padding-top: 80px;
    padding-bottom: 100px;
}

section.vc_section.blog-main-section h2 {
    color: #30211B;
    font-family: Instrument Serif !important;
    font-weight: 400 !important;
    font-size: clamp(40px, calc(40px + (60 - 40) * ((100vw - 393px) / (1920 - 393))), 60px);
    line-height: clamp(42px, calc(42px + (62 - 42) * ((100vw - 393px) / (1920 - 393))), 62px);
    letter-spacing: 0px;
    text-transform: uppercase;
    padding-bottom: 60px;
}

.blogs-main {
    display: flex;
    flex-wrap: wrap;
    gap: 80px 40px;
}

.blogs-main .blog-item a {
    display: flex;
    flex-direction: column;
}

.blogs-main .blog-item {
    width: calc((100% - 80px) / 3);
}

.blogs-main .blog-item .blog-img {
    height: clamp(257px, calc(257px + (520 - 257) * ((100vw - 393px) / (1920 - 393))), 520px);
    padding-bottom: 30px;
}

.blogs-main .blog-item .blog-img img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    max-width: 100% !important;
    object-position: center;
}

.blogs-main .blog-item h3 {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: clamp(16px, calc(16px + (34 - 16) * ((100vw - 393px) / (1920 - 393))), 34px);
    line-height: clamp(16px, calc(16px + (34 - 16) * ((100vw - 393px) / (1920 - 393))), 34px);
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #663A22;
}

/* ------------------blog page css------------------------ */
/* ------------------blog details page css------------------------ */
.custom-content-wrap {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: clamp(10px, calc(10px + (20 - 10) * ((100vw - 393px) / (1920 - 393))), 20px);
}

.custom-content-wrap .entry-title {
    color: #30211B;
    font-family: Instrument Serif !important;
    font-weight: 400 !important;
    font-size: clamp(40px, calc(40px + (60 - 40) * ((100vw - 393px) / (1920 - 393))), 60px);
    line-height: clamp(42px, calc(42px + (62 - 42) * ((100vw - 393px) / (1920 - 393))), 62px);
    letter-spacing: 0px;
    padding-bottom: clamp(25px, calc(25px + (60 - 25) * ((100vw - 393px) / (1920 - 393))), 60px);
}

.custom-content-wrap .entry-content>div {
    max-width: 100% !important;
    width: 100% !important;
}

.custom-content-wrap h2 {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 40px;
    font-size: clamp(18px, calc(18px + (40 - 18) * ((100vw - 393px) / (1920 - 393))), 40px);
    line-height: 1.3;
    letter-spacing: 0px;
    color: #30211B;
    padding-bottom: clamp(10px, calc(10px + (20 - 10) * ((100vw - 393px) / (1920 - 393))), 20px);
}

.custom-content-wrap p {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: 18px;
    letter-spacing: 0px;
    color: #30211B;
    max-width: 100% !important;
    padding-bottom: 30px;
}

.custom-content-wrap .entry-content>p {
    margin: 0px !important;
}

.custom-content-wrap .entry-content>div:not(:first-child) {
    margin-top: 0px;
    margin-bottom: 20px;
}

.custom-content-wrap p:last-child {
    padding-bottom: 0px;
}

.custom-content-wrap+footer.entry-footer {
    max-width: 1200px;
    width: calc(100% - 60px);
}

nav.navigation.post-navigation {
    max-width: 1260px;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
}

.featured-image {
    padding-bottom: 30px !important;
}

.single-post footer.entry-footer .post-taxonomies,
.single-post nav.navigation.post-navigation {
    display: none;
}

/* -------------blog details page css----------------- */
/*  -----------------------------------  */

.cms-content .entry-content>div {
    max-width: 1260px !important;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: clamp(10px, calc(10px + (20 - 10) * ((100vw - 393px) / (1920 - 393))), 20px);
}

.cms-content h2 {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: 40px;
    font-size: clamp(18px, calc(18px + (40 - 18) * ((100vw - 393px) / (1920 - 393))), 40px);
    line-height: 1.3;
    letter-spacing: 0px;
    color: #30211B;
    padding-bottom: clamp(10px, calc(10px + (20 - 10) * ((100vw - 393px) / (1920 - 393))), 20px);
    padding-top: clamp(10px, calc(10px + (20 - 10) * ((100vw - 393px) / (1920 - 393))), 20px);
}

.cms-content .entry-content>div,
.cms-content .entry-content p,
.cms-content .entry-content ul li {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: 18px;
    letter-spacing: 0px;
    color: #30211B;
    padding-bottom: 10px;
}

.cms-content header.entry-header.alignwide {
    display: block;
    margin-bottom: 0;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: clamp(10px, calc(10px + (20 - 10) * ((100vw - 393px) / (1920 - 393))), 20px) !important;
    max-width: 1260px !important;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

.cms-content h1.entry-title {
    color: #30211B;
    font-family: Instrument Serif !important;
    font-weight: 400 !important;
    font-size: clamp(40px, calc(40px + (60 - 40) * ((100vw - 393px) / (1920 - 393))), 60px) !important;
    line-height: clamp(42px, calc(42px + (62 - 42) * ((100vw - 393px) / (1920 - 393))), 62px);
    letter-spacing: 0px;
    padding-bottom: clamp(25px, calc(25px + (60 - 25) * ((100vw - 393px) / (1920 - 393))), 60px);
}

.cms-content {
    padding-bottom: 40px;
    padding-top: 40px;
}

.cms-content .entry-content>* {
    max-width: 1260px !important;
    width: 100%;
    margin: 0 auto;
}

div#content.cms-content .entry-content {
    max-width: 1260px !important;
    width: 100%;
    margin: 0 auto !important;
    padding-left: 30px;
    padding-right: 30px;
}

.featured-image img {
    height: auto !important;
    max-width: 100% !important;
}

.team-actions a,
.team-actions a:focus,
.team-actions a:visited {
    color: #663A22 !important;
}

.footer-widgets .footer-column a:hover,
.footer-bottom-wrap .footer-info a:hover {
    color: #663A22 !important;
}

section.single-top-content.desc-top {
    opacity: 0;
    pointer-events: none;
}

section.single-top-content.non-sticky {
    margin-bottom: 0px;
    pointer-events: none;
    position: static;
}

section.single-top-content.non-sticky+section.desc-sec.active {
    padding-top: 0px;
}

section.desc-sec.active {
    padding-top: 140px;
    padding-bottom: 140px;
}

section.custom-property-wrapper-inner {
    background: unset;
}

.sell-with-us-page-main footer.site-footer {
    padding-top: 80px;
}

/* blog-listing-page */

section.vc_section.blog-listing-main-sec {
    padding-top: clamp(5.00rem, calc(-36.250rem + 41.250vw), 13.25rem) !important;
    padding-bottom: clamp(7.50rem, calc(-48.750rem + 56.250vw), 18.75rem) !important;
    background-color: #663A22;
}

section.vc_section.blog-listing-main-sec h2 {
    font-size: clamp(2.88rem, calc(0.792rem + 4.340vw), 6.00rem);
    line-height: clamp(3.50rem, calc(1.667rem + 3.819vw), 6.25rem);
    color: #E4DCD8;
}

.blog-listing-para p {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: clamp(1.75rem, calc(0.917rem + 1.736vw), 3.00rem);
    line-height: 120%;
    letter-spacing: -1%;
    vertical-align: middle;
    color: #E4DCD8;
}

.blog-listing-main-sec .blogs-main {
    margin-top: clamp(3.75rem, calc(-55.000rem + 58.750vw), 15.50rem);
}

.blog-listing-main-sec .blogs-main .blog-item {
    width: 100%;
}

.blog-listing-main-sec .blogs-main .blog-item a {
    display: flex;
    color: #E4DCD8;
    flex-direction: row;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 0.5px solid #000000;
    margin: 0 -15px;
    justify-content: space-between;
}

.blog-listing-main-sec .blogs-main .blog-item a h3 {
    color: #E4DCD8;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -2%;
}

.blog-listing-main-sec .blogs-main .blog-item a .blog-category {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(1.50rem, calc(-0.750rem + 2.500vw), 2rem);
    line-height: 32px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 863px;
    width: 100%;
}

.blog-listing-main-sec .blogs-main .blog-item a .blog-date {
    font-family: Instrument Serif;
    font-weight: 400;
    font-style: Italic;
    font-size: clamp(1.25rem, calc(1.083rem + 0.347vw), 1.50rem);
    line-height: 22px;
    letter-spacing: 0%;
    margin-right: auto;
    width: 15%;
}

.blog-listing-main-sec .blogs-main .blog-item a>div {
    flex: 0 0 auto;
    padding: 0 15px;
}

.blog-listing-main-sec .blogs-main .blog-item a .blog-item-card {
    width: 53.5%;
}

.blog-listing-main-sec .blogs-main .blog-item a .blog-title-list {
    width: 15%;
    margin-left: auto;
}

.blog-listing-main-sec .blogs-main .blog-item {
    width: 100%;
    margin-bottom: clamp(1.25rem, calc(-20.000rem + 21.250vw), 5.50rem);
    overflow: hidden;
}

.blog-listing-main-sec .blogs-main .blog-item:last-child {
    margin-bottom: 0px;
}

.blog-listing-main-sec .blogs-main {
    gap: 0px;
}

/* blog-listing-page-end */
/* blog-page-start */
.single-post {
    overflow-X: hidden;
}

.single-property .breadcrumbs-wrapper {
    display: none;
}

.breadcrumbs-wrapper {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: clamp(5.00rem, calc(-32.500rem + 37.500vw), 12.50rem);
    padding-bottom: 20px;
}

.breadcrumbs-wrapper #breadcrumbs {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #30211B;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.breadcrumbs-wrapper #breadcrumbs a {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #30211B;
}

.breadcrumbs-wrapper #breadcrumbs span {
    font-family: Instrument Sans;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #30211B;
}

.blog-page-real {
    max-width: 1920px;
    padding-bottom: clamp(2rem, calc(-1.250rem + 6.250vw), 6.25rem);
    margin-top: 0px !important;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.blog-real-left {
    flex: 0 0 auto;
    width: 60%;
}

.blog-real-right {
    flex: 0 0 auto;
    width: 30%;
}

.blog-page-real .blog-real-left .entry-title {
    margin-bottom: clamp(2.50rem, calc(-16.250rem + 18.750vw), 6.25rem);
    padding-bottom: 0px;
    font-weight: 400 !important;
    font-size: clamp(1.5rem, calc(0.917rem + 1.736vw), 3.00rem);
    line-height: 120%;
    letter-spacing: -1%;
    text-transform: uppercase;
}

.blog-page-real .blog-custom-field>div {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: clamp(12px, calc(12px + (24 - 12) * ((100vw - 393px) / (1920 - 393))), 24px);
    letter-spacing: -2%;
    color: #663A22;
    text-transform: uppercase;
    margin-bottom: 23px;
}

.blog-real-descp {
    display: flex;
    justify-content: space-between;
}

.blog-real-descp .entry-content {
    flex: 0 0 auto;
    width: 70%;
    padding-left: 20px;
}

.blog-real-descp .blog-custom-field {
    flex: 0 0 auto;
    width: 30%;
}

.blog-real-descp .entry-content p {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(14px, calc(14px + (18 - 14) * ((100vw - 393px) / (1920 - 393))), 18px);
    line-height: clamp(18px, calc(18px + (22 - 18) * ((100vw - 393px) / (1920 - 393))), 22px);
    letter-spacing: 0px;
}

.blog-real-descp .entry-content p i {
    font-family: Instrument Serif;
    font-weight: 400;
    font-style: Italic;
    font-size: clamp(18px, calc(18px + (24 - 18) * ((100vw - 393px) / (1920 - 393))), 24px);
    line-height: clamp(18px, calc(18px + (24 - 18) * ((100vw - 393px) / (1920 - 393))), 24px);
    letter-spacing: 0px;
}

footer.blog-real-footer {
    max-width: 100% !important;
    padding-top: 15px;
    border-top: 1px solid #663A22;
}

footer.blog-real-footer .source-type {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 2%;
    text-transform: uppercase;
    color: #663A22;
    margin-bottom: 15px;
}

footer.blog-real-footer .blog-author,
footer.blog-real-footer .property-url {
    width: 100%;
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 2%;
    margin: 0px;
    margin-bottom: 5px;
}

footer.blog-real-footer .blog-custom-field {
    width: 100%;
}

.blog-real-left .blog-date-top {
    font-family: Instrument Serif;
    font-weight: 400;
    font-style: Italic;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    margin-bottom: clamp(1.50rem, calc(-4.750rem + 6.250vw), 2.75rem);
}

.featured-image.featured-image-mobile {
    display: none;
}

.belowposts {
    max-width: 1920px;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
}

.rp4wp-related-posts {
    max-width: 1220px;
    margin: 0 auto;
    width: 100%;
    padding-bottom: clamp(55px, calc(55px + (130 - 55) * ((100vw - 768px) / (1920 - 768))), 130px);
    display: flex;
    flex-direction: column;
}

.rp4wp-related-posts h3 {
    font-weight: 400;
    font-size: clamp(24px, calc(24px + (48 - 24) * ((100vw - 393px) / (1920 - 393))), 48px) !important;
    line-height: 120%;
    letter-spacing: -0.1px;
    color: #663A22;
}

.rp4wp-related-posts ul {
    padding-top: clamp(50px, calc(50px + (94 - 50) * ((100vw - 393px) / (1920 - 393))), 94px) !important;
}

.rp4wp-related-posts ul li {
    padding-bottom: clamp(34px, calc(34px + (78 - 34) * ((100vw - 393px) / (1920 - 393))), 78px) !important;
    display: flex;
    justify-content: space-between;
    gap: clamp(18px, calc(18px + (110 - 18) * ((100vw - 576px) / (1920 - 576))), 110px);
}

.rp4wp-related-posts ul li:last-child {
    padding-bottom: 0px !important;
}

.rp4wp-related-posts .rp4wp-related-post-image {
    overflow: hidden;
    padding: 0px;
    float: unset !important;
    width: 31.46% !important;
}

.rp4wp-related-posts .rp4wp-related-post-image a {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: clamp(98px, calc(98px + (226 - 98) * ((100vw - 393px) / (1920 - 393))), 226px);
    overflow: hidden;
}

.rp4wp-related-posts .rp4wp-related-post-image a img {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
    object-position: center;
}

.rp4wp-related-posts .rp4wp-related-post-content {
    width: 59.59% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rp4wp-related-posts .rp4wp-related-post-content a {
    font-weight: 400;
    font-size: clamp(13px, calc(13px + (36 - 13) * ((100vw - 393px) / (1920 - 393))), 36px);
    line-height: clamp(15px, calc(15px + (38 - 15) * ((100vw - 393px) / (1920 - 393))), 38px);
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #663A22;
}

.rp4wp-related-posts .related-post-content-date-customfields {
    padding-bottom: 12px;
    border-bottom: 1px solid #30211B;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}

.rp4wp-related-posts .related-post-content-date-customfields a::after {
    content: "";
    display: inline-block;
    width: clamp(25px, calc(25px + (60 - 25) * ((100vw - 393px) / (1920 - 393))), 60px);
    height: clamp(13px, calc(13px + (30 - 13) * ((100vw - 393px) / (1920 - 393))), 30px);
    opacity: 1;
    transform: translateY(0%) rotate(-38deg);
    background-image: url("/wp-content/uploads/2026/03/btn-arrow.png");
    transition: 0.3s linear;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.rp4wp-related-posts .related-post-content-date-customfields .date-info {
    width: 60%;
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: clamp(9px, calc(9px + (16 - 9) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #663A22;
}

.rp4wp-related-posts .related-post-content-date-customfields .customfields-info {
    width: 40%;
    font-family: Instrument Serif;
    font-weight: 400;
    font-style: Italic;
    font-size: clamp(10px, calc(10px + (24 - 10) * ((100vw - 393px) / (1920 - 393))), 24px);
    line-height: 22px;
    letter-spacing: 0px;
    color: #663A22;
}

.just-listed .properties_section-heading {
    margin-bottom: clamp(8px, calc(8px + (77 - 8) * ((100vw - 393px) / (1920 - 393))), 77px);
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(14px, calc(14px + (30 - 14) * ((100vw - 393px) / (1920 - 393))), 30px);
    line-height: 32px;
    letter-spacing: 0%;
    text-transform: uppercase;
    text-align: center !important;
    color: #30211B;
}

.faqs {
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: clamp(87px, calc(87px + (170 - 87) * ((100vw - 393px) / (1920 - 393))), 170px);
    padding-top: clamp(53px, calc(53px + (110 - 53) * ((100vw - 393px) / (1920 - 393))), 110px);
}

.faqs>h2 {
    font-family: Instrument Serif;
    font-weight: 400;
    font-size: clamp(24px, calc(24px + (48 - 24) * ((100vw - 393px) / (1920 - 393))), 48px);
    line-height: 120%;
    letter-spacing: -0.1px;
    color: #663A22;
    padding-bottom: 44px;
}

.blog-faq-content {
    border-bottom: 1px solid #30211B;
}

.blog-faq-content h2 {
    font-family: Instrument Sans;
    font-weight: 600;
    font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: clamp(16px, calc(16px + (24 - 16) * ((100vw - 393px) / (1920 - 393))), 24px);
    letter-spacing: -0.2px;
    text-transform: uppercase;
    color: #663A22;
    padding-top: 28px;
    padding-bottom: 17px;
    border-top: 1px solid #30211B;
    cursor: pointer;
    position: relative;
    padding-right: 70px;
}

.blog-faq-content h2::after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    right: 0;
    width: clamp(25px, calc(25px + (60 - 25) * ((100vw - 393px) / (1920 - 393))), 60px);
    height: clamp(13px, calc(13px + (30 - 13) * ((100vw - 393px) / (1920 - 393))), 30px);
    opacity: 1;
    transform: translateY(-50%) rotate(38deg);
    background-image: url("/wp-content/uploads/2026/03/btn-arrow.png");
    transition: 0.3s linear;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.blog-faq-content h2.active::after {
    transform: translateY(-50%) rotate(-38deg);
    transition: 0.4s linear;
    top: calc(50% + 70%);
}

.blog-faq-content p {
    font-family: Instrument Sans;
    font-weight: 400;
    font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 393px) / (1920 - 393))), 16px);
    line-height: clamp(16px, calc(16px + (24 - 16) * ((100vw - 393px) / (1920 - 393))), 24px);
    letter-spacing: -0.2px;
    color: #663A22;
    padding-bottom: 12px;
    cursor: pointer;
    padding-right: 70px;
    position: relative;
}

.single-post table {
    margin-bottom: 20px !important;
}

/* blog-page-end */

/*  -----------------------------------  */
.alert-danger.alert-box {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
    background: transparent;
}
.property-image .property-slider, .property-image .property-slider .slick-list, .property-image .property-slider .slick-list > div {
    height: 100%;
}
.property-search-bar .search-actions .property-sort {
    display: flex;
    height: 100%;
}

@media(max-width:1400px) {
    .blog-real-left {
        flex: 0 0 auto;
        width: 60%;
    }

    .blog-real-right {
        flex: 0 0 auto;
        width: 35%;
    }

    .property-video {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        overflow: hidden;
    }

    .property-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }
}

@media(max-width:991px) {

    .blog-real-right {
        display: none;
    }

    .featured-image.featured-image-mobile {
        display: block;
        padding-bottom: 41px !important;
    }

    .blog-real-descp .blog-custom-field {
        display: flex;
        gap: 10px;
        row-gap: 0px;
        justify-content: space-between;
        padding-bottom: 30px !important;
        flex-wrap: wrap;
    }

    footer.blog-real-footer .property-url .property_url_view {
        word-wrap: break-word;
    }

    .blog-page-real {
        padding-top: 30px;
        display: block;
    }

    .blog-real-left {
        width: 100%;
    }

    .blog-real-descp {
        flex-direction: column;
    }

    .blog-real-descp>div {
        width: 100% !important;
        padding: 0px !important;
    }

    footer.entry-footer.default-max-width.desktop-blog-footer {
        display: none;
    }

    .blog-real-footer.mobile-blog-footer {
        display: block;
    }

    .blog-page-real {
        padding-top: 30px;
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .blog-listing-main-sec .blogs-main .blog-item a .blog-category {
        font-size: 16px;
    }

    .blog-listing-main-sec .blogs-main .blog-item a {
        flex-wrap: wrap;
    }

    .blog-listing-main-sec .blogs-main .blog-item a .blog-item-card {
        width: 100%;
    }

    .blog-listing-main-sec .blogs-main .blog-item a .blog-title-list {
        width: 45%;
        margin-left: unset;
    }

    .blog-listing-main-sec .blogs-main .blog-item a h3 {
        font-size: 14px;
    }

    .blog-listing-main-sec .blogs-main .blog-item a .blog-date {
        font-size: 16px;
        margin-right: unset;
        width: auto;
    }

    .rp4wp-related-posts .rp4wp-related-post-image {
        width: 40% !important;
    }

    .rp4wp-related-posts .rp4wp-related-post-content {
        width: 55% !important;
    }
}

@media(max-width:769px) {
    .doug-jost-names>div {
        margin-bottom: 20px;
    }

    .doug-jost-names>div:last-child {
        margin-bottom: 0px;
    }

    .doug-josh-cont-row .wpb_text_column.wpb_content_element.mb-40 {
        margin-bottom: 20px !important;
    }

    section.vc_section.home-banner.vc_custom_1766993878679.vc_section-has-fill.vc_row-o-full-height {
        height: 50vh !important;
        min-height: 50vh !important;
    }

    .vc_row.wpb_row.vc_row-fluid.banner-cont-row img {
        display: none !important;
    }

    .propertyhive-page div#container {
        padding-bottom: 0px;
    }

    .propertyhive-page div#container section.similast-list {
        padding-bottom: clamp(90px, calc(90px + (100 - 90) * ((100vw - 393px) / (1920 - 393))), 100px);
    }

    .property-search-bar .search-actions .property-sort select {
        background-color: #EEE9E6;
    }

    .sold-page .property-search-bar .search-actions .property-sort select {
        background-color: #663A22;
    }

    section.single-top-content {
        position: sticky !important;    
        margin-bottom: 10vh !important;
    }

    section.single-top-content.stop-sticky {
        position: relative !important;
        top: 10vh !important;
    }

    section.desc-sec.active {
        padding-top: 30px !important;
    }

    .rp4wp-related-posts .rp4wp-related-post-image {
        width: 50% !important;
    }

    .rp4wp-related-posts .rp4wp-related-post-content {
        width: 50% !important;
    }
}

@media(max-width:576px) {
    .doug-josh-cont-row .wpb_text_column.wpb_content_element.mb-40 {
        margin-bottom: 20px !important;
    }

    /*  14-1-26 */
    .vc_row.wpb_row.vc_row-fluid.banner-row2 {
        bottom: unset;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
        width: 100%;
    }

    .vc_row.banner-row2 .wpb_text_column.wpb_content_element>div {
        flex-direction: column;
    }

    .douglas-title {
        display: block;
    }

    .dog-joshua-title {
        display: none;
    }

    .vc_row.wpb_row.vc_row-fluid.banner-row1 {
        position: relative;
        top: 0px;
        left: 0px;
        transform: unset;
        z-index: 1;
        height: 100vh;
    }

    .vc_row.wpb_row.vc_row-fluid.banner-row1 .douglas-title img {
        max-width: unset !important;
    }

    .wpb_single_image.wpb_content_element.vc_align_left.wpb_content_element.douglas-title.douglas-title2 {
        position: fixed;
        left: 0px;
        bottom: 30px !important;
        top: unset !important;
        padding: 0px 90px;
    }

    .wpb_single_image.wpb_content_element.vc_align_left.wpb_content_element.douglas-title.douglas-title1 {
        position: fixed;
        left: 0px;
        top: 30px !important;
        bottom: unset !important;
        padding: 0px 60px;
    }

    section.vc_section.joshua-banner {
        background-image: url(https://douglasjoshua.com/wp-content/uploads/2026/01/mobile-bg.jpg) !important;
        background-position: center top !important;
    }

    .vc_row.banner-row2 .wpb_text_column.wpb_content_element>div h3 {
        line-height: 30px !important;
    }

    .blog-listing-main-sec .blogs-main .blog-item a .blog-title-list {
        width: 100%;
    }

    .blog-listing-main-sec .blogs-main .blog-item {
        margin-bottom: 10px;
    }

    .blog-listing-main-sec .blogs-main {
        margin-top: 30px;
    }
}

/* responsive start  */
@media (max-width: 1600px) {

    /*  footer css */
    .site-footer {
        padding-bottom: 25px;
        padding-top: 50px;
    }

    .footer-wrapper {
        padding-bottom: 60px;
    }

    .footer-title,
    .form-title {
        font-size: 90px;
        padding-bottom: 40px;
    }

    .bottom-fotter .footer-logo {
        width: 40px;
    }

    .bottom-fotter .footer-logo img {
        width: 100%;
    }

    /* footer css End   */
    section.vc_section.doug-about {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    section.doug-about p {
        padding-bottom: 40px;
        font-size: 36px;
    }

    /* Sell With Us Page Css */
    section.vc_section.sell-with-us-page-sec-1 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    /* about page css */
    .property-personal-container {
        padding-bottom: 150px;
        padding-top: 150px;
    }

    .property-personal-title h2,
    .team-sec-heading {
        font-size: 90px;
        line-height: 94px;
    }

    .team-founder-wrapper {
        padding-bottom: 100px;
    }

    .team-founder-name {
        font-size: 46px;
        line-height: 1.2;
    }

    .team-founder-position p {
        font-size: 32px;
        line-height: 1.4;
    }

    .value-sec-main-heading {
        margin-bottom: 100px !important;
    }

    section.values-section {
        padding-bottom: 120px;
    }

    .sell-with-us-footer-inner-row {
        padding: 30px 0px 60px;
    }

    /*--------------------------*/
    .ph-property-slider .property-card .property-image {
        width: 100%;
    }

    /*---------------Properties Page------------------------  */
    #property-results .properties .property-card .property-image {
        margin-bottom: 0px;
        padding-bottom: 22px;
    }

    /*---------------Properties Page-----------------------  */
    /* ----------------------pdp page --------------------- */
    .team-section {
        padding: 30px 0px;
    }

    .custom-property-wrapper {
        padding-top: calc(65vh - 91px);
    }

    .book-form {
        padding-top: 30px;
    }

    .single-top-con-left {
        max-width: 45%;
    }

    .single-top-container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .booking-form {
        gap: 20px;
    }

    .booking-form .booking-form-row:not(:first-child):not(:last-child) {
        width: calc((100% - 20px) / 2);
    }

    section.desc-sec {
        padding-top: 120px;
    }

    section.desc-sec.active {
        padding-top: 120px;
    }

    .single-top-con-left .property-title {
        font-size: 46px;
    }

    .single-top-con-right {
        width: 100%;
    }

    .single-popup-sec {
        gap: 15px;
        padding-bottom: 30px;
    }

    /* ----------------------pdp page --------------------- */
    /* ------------------blog page css------------------------ */
    section.vc_section.blog-main-section {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    section.vc_section.blog-main-section h2 {
        padding-bottom: 40px;
    }

    /* ------------------blog page css------------------------ */
}

@media (max-width: 1600px) and (min-width: 768px) {
    .refine-panel-container {
        overflow-x: unset;
    }

    /* ----------contact popup css------------- */
    .contact-detail-main-wrapper .contact-detail h2,
    .contact-form-main h2 {
        font-size: 44px;
        line-height: 100%;
    }

    .contact-detail-main-wrapper .contact-detail:not(:last-child) {
        padding-bottom: 30px;
    }

    .contact-form-main {
        padding-top: 30px !important;
    }

    .contact-popup {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .contact-page .row.submit-row {
        padding-top: 20px;
    }

    .contact-grid .row:not(:last-child):not(:nth-last-child(2)) {
        padding-bottom: 20px;
    }

    .contact-popup-inner {
        margin-bottom: auto;
    }

    .enquire-form form.wpcf7-form .wpcf7-form-control-wrap:last-child {
        padding-top: 40px;
    }

    .enquire-form h2 {
        padding-bottom: 50px;
    }

    .book-form h2 {
        font-size: clamp(22px, calc(22px + (46 - 22) * ((100vw - 1600px) / (1920 - 1600))), 46px);
        line-height: clamp(22px, calc(22px + (48 - 22) * ((100vw - 1600px) / (1920 - 1600))), 48px);
        padding-bottom: clamp(20px, calc(20px + (40 - 20) * ((100vw - 1600px) / (1920 - 1600))), 40px);
    }

    .book-form {
        padding-top: 20px;
    }

    .booking-form {
        row-gap: 15px;
    }
}

@media (max-width: 1400px) and (min-width: 768px) {
    #refine-panel .filter-buttons {
        padding-bottom: 25px;
    }

    #refine-panel input[type="text"] {
        margin-bottom: 25px;
    }

    #refine-panel select {
        margin-bottom: 25px;
    }

    #refine-panel button[type="submit"] {
        margin-top: clamp(30px, calc(30px + (100 - 30) * ((100vw - 991px) / (1920 - 991))), 100px);
    }
}

@media (max-width: 1440px) {

    /*  footer css */

    .footer-title,
    .form-title {
        font-size: 80px;
        padding-bottom: 60px;
    }

    .footer-logo-douglas {
        max-width: 250px;
    }

    /* footer css End   */
    section.vc_section.doug-about {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    section.doug-about p {
        font-size: 32px;
    }

    .sell-with-us-form .form-inner-container {
        gap: 80px;
    }

    /*  about page css */
    .property-personal-container {
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .property-personal-title h2,
    .team-sec-heading {
        font-size: 80px;
        line-height: 84px;
    }

    .team-founder-inner-row:not(:first-child) {
        padding-top: 35px;
    }

    .team-founder-inner-row {
        padding-bottom: 35px;
    }

    .team-founder-position p {
        font-size: 30px;
    }

    .team-founder-name {
        font-size: 44px;
    }

    .value-sec-main-heading {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 90px !important;
    }

    .values-content-title {
        font-size: 46px;
    }

    section.values-section {
        padding-bottom: 100px;
    }

    /*------------------Properties Page-------------------  */
    /*------------------Properties Page-------------------  */
    /* ----------------------pdp page --------------------- */
    .single-top-con-left .property-title {
        font-size: 42px;
        line-height: 44px;
    }

    section.desc-sec {
        padding-top: 120px;

    }

    section.desc-sec.active {
        padding-top: 104px;
    }

    .related-property-slider .property-slide .property-img {
        aspect-ratio: 1 / 1;
        height: auto;
    }

    .detail-content {
        gap: 20px;
    }

    /* ----------------------pdp page --------------------- */
    /* ------------------blog page css--------------------- */
    .blogs-main {
        gap: 60px 30px;
    }

    .blogs-main .blog-item {
        width: calc((100% - 60px) / 3);
    }

    section.vc_section.blog-main-section h2 {
        padding-bottom: 35px;
    }

    /* ------------------blog page css------------------- */
}

@media (max-width: 1200px) {

    /* footer css */
    .footer-widgets .footer-column {
        width: calc((100% - 40px) / 2);
        max-width: 100%;
    }

    .footer-title,
    .form-title {
        font-size: 70px;
    }

    .footer-widgets .footer-column:nth-child(1) {
        order: 1;
    }

    .footer-widgets .footer-column:nth-child(2) {
        order: 3;
    }

    .footer-widgets .footer-column:nth-child(3) {
        order: 4;
    }

    .footer-widgets .footer-column:nth-child(4) {
        order: 2;
    }

    /* footer css End   */
    section.doug-about p {
        font-size: 30px;
    }

    /*  about page css */
    .property-personal-title h2,
    .team-sec-heading {
        font-size: 70px;
        line-height: 74px;
    }

    .team-founder-wrapper {
        max-width: 100%;
    }

    .team-founder-name {
        font-size: 42px;
    }

    .team-founder-position p {
        font-size: 28px;
    }

    .team-founder-wrapper {
        padding-bottom: 90px;
    }

    .team-founder-inner-row {
        padding-bottom: 30px;
    }

    .team-founder-inner-row:not(:first-child) {
        padding-top: 30px;
    }

    .values-content-title {
        font-size: 42px;
    }

    .value-sec-main-heading {
        font-size: 30px;
        margin-bottom: 80px !important;
    }

    /*---------------------Properties Page------------------------*/
    #property-results .properties .property-item {
        width: calc((100% - 30px) / 2);
    }

    /*-----------------Properties Page----------------------------*/
    /*----------------------team popup----------------------------*/
    .popup-container .popup-inner {
        gap: 23px;
        row-gap: 55px;
        flex-wrap: wrap;
    }

    .popup-container .popup-inner>div {
        max-width: calc((100% - 23px) / 2);
        width: 100%;
    }

    .popup-container .popup-inner .desc-main {
        max-width: 100%;
        order: 3;
    }

    .popup-container .popup-inner .popup-right {
        aspect-ratio: 1/ 1;
        order: 1;
    }

    .popup-container .popup-inner .popup-inner-left-main {
        order: 2;
    }

    .popup-dec-left-inner-main {
        display: flex;
        justify-content: space-between;
    }

    .popup-container .popup-inner .popup-dec-left-inner-main>div {
        max-width: 100%;
        width: 100%;
    }

    /*----------------------team popup-------------------------*/
    /* ------------------blog page css------------------------ */
    .blogs-main .blog-item {
        width: calc((100% - 30px) / 2);
    }

    section.vc_section.blog-main-section {
        padding-top: 50px;
    }

    /*------------------blog page css------------------------*/
}


@media (max-width: 1024px) {

    /* header css */
    .menu-logo-right a {
        width: 183px;
    }

    .menu-logo a {
        width: 219px;
    }

    .header-menu-after-banner {
        padding: 30px 15px;
    }

    /* header css End    */

    /*footer css start */
    .footer-inner {
        padding: 0 15px;
    }

    .footer-title,
    .form-title {
        font-size: 60px;
    }

    .footer-logo-douglas {
        max-width: 220px;
    }

    /* footer css End   */
    section.vc_section.doug-about {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    section.doug-about .doug-josh-cont-row,
    .sell-with-us-page-container,
    .property-personal-container,
    .team-sec-container,
    #property-filter-form,
    #property-results,
    .ph-infinite-scroll-button,
    .single-top-container,
    .des-container,
    .gmv-container,
    .similar-container,
    .fancybox-container,
    .video-popup,
    section.vc_section.blog-main-section>div,
    .sell-with-us-page-main footer.site-footer,
    .belowposts,
    .breadcrumbs-wrapper,
    .propertyhive-page .propertyhive-map-canvas-wrapper,
    body.sold-page .propertyhive-map-canvas-wrapper,
    .alert-danger.alert-box {
        padding-left: 15px;
        padding-right: 15px;
    }
	
	.ph-infinite-scroll-button{
		padding-bottom: 90px;
	}

    .team-popup-content {
        padding-left: 25px;
        padding-right: 25px;
    }

    section.doug-about p {
        font-size: 28px;
    }

    section.doug-about .doug-josh-cont-row .doug-josh-cont-col .wpb_text_column {
        margin-bottom: 50px;
    }

    /* Sell With Us Page Css */
    .sell-with-us-form.contact-grid {
        flex-direction: column;
    }

    .sell-with-us-form .form-inner-container {
        gap: 60px;
    }

    .sell-with-us-footer-inner-row {
        border-top: 1px solid #663A22;
        padding: 44px 0px 60px;
    }

    /*  about page css */
    .property-personal-container {
        padding-bottom: 85px;
        padding-top: 85px;
    }

    .property-personal-title h2,
    .team-sec-heading {
        font-size: 60px;
        line-height: 64px;
    }

    .team-founder-name {
        font-size: 40px;
    }

    .team-founder-inner-row {
        padding-bottom: 25px;
    }

    .team-founder-inner-row:not(:first-child) {
        padding-top: 25px;
    }

    .values-content-title {
        font-size: 36px;
    }

    .values-content-descri p {
        font-size: 16px;
        line-height: 120%;
    }

    .values-content-descri p:not(:last-child) {
        padding-bottom: 15px;
    }

    .values-content-col .num-col {
        max-width: 80px;
        width: 100%;
        padding-top: 10px;
    }

    .value-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .value-sec-main-heading {
        font-size: 28px;
        margin-bottom: 70px !important;
    }

    /* contact popup page css   */
    .contact-form-main {
        padding-top: 83px;
    }

    /*-------------------Properties Page--------------------  */
    #refine-panel .refine-panel-container {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    /*---------------Properties Page-----------------------  */
    /* ----------------------pdp page --------------------- */
    .single-top-con-left .property-title {
        font-size: 40px;
        line-height: 42px;
    }

    /* ----------------------pdp page --------------------- */
    /* -----------------blog page css--------------------- */
    section.vc_section.blog-main-section h2 {
        padding-bottom: 25px;
    }

    section.vc_section.blog-main-section {
        padding-top: 35px;
        padding-bottom: 60px;
    }

    /* ----------------blog page css--------------- */
    section.desc-sec {
        padding-top: 120px;
    }

    .hours-main {
        padding-top: 20px;
    }
}


@media (max-width: 1001px) {

    /* header css start  */
    .header-menu .menu-logo,
    .header-menu .menu-logo-right {
        display: none;
    }

    .header-mobile-logo {
        display: block;
    }

    .header-menu-after-banner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 40px;
    }

    .menu-container {
        margin: 0 auto;
    }

    /* header css End    */
    body.sold-page .header-mobile-logo img {
        filter: invert(100%) brightness(200%);
    }
}

@media (max-width: 991px) {

    /* header css */
    .menu-logo-right a {
        width: 153px;
    }

    .menu-logo a {
        width: 189px;
    }

    /* header css End    */
    /*footer css start  */
    .footer-wrapper {
        flex-direction: column;
        row-gap: 40px;
    }

    .footer-left {
        max-width: 100%;
        width: 100%;
    }

    .footer-widgets {
        max-width: 100%;
        width: 100%;
    }

    .footer-title,
    .form-title {
        font-size: 50px;
    }

    .site-footer {
        padding-top: 50px;
    }

    .footer-widgets .footer-column:nth-child(3) .widget-title {
        display: none;
    }

    .footer-widgets .footer-column:nth-child(2) .widget-title {
        display: none;
    }

    .footer-widgets {
        column-gap: 36px;
        row-gap: 50px;
    }

    .bottom-fotter .footer-logo {
        display: none;
    }

    .footer-widgets .widget-title {
        margin-bottom: 0px;
    }

    .footer-logo-douglas {
        max-width: 200px;
    }

    /* footer css End   */

    section.vc_section.doug-about {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    section.doug-about p {
        font-size: 24px;
    }

    section.doug-about .doug-josh-cont-row .doug-josh-cont-col .wpb_text_column {
        margin-bottom: 30px;
    }

    section.doug-about .doug-josh-cont-right {
        display: none;
    }

    section.doug-about .doug-josh-cont-left img.doug-about-left-col-img {
        display: block;
    }

    section.doug-about .doug-josh-cont-left p:nth-child(2) {
        display: block;
    }

    .vc_btn3-container {
        display: flex !important;
        justify-content: flex-end;
    }

    /* Sell With Us Page Css */
    .sell-with-us-form .form-inner-container {
        gap: 60px;
    }

    .sell-with-us-footer-inner-row {
        padding: 44px 0px 44px;
    }

    .sell-with-us-form .row>p {
        gap: 40px;
    }

    /*  about page css */
    .property-personal-container {
        padding-top: 60px;
    }

    .property-personal-container {
        flex-direction: column;
    }

    .property-personal-image-wrapper {
        padding-top: 0px;
    }

    .property-personal-title h2,
    .team-sec-heading {
        font-size: 50px;
        line-height: 54px;
    }

    .property-personal-text-wrapper p:not(:last-child) {
        padding-bottom: 15px;
    }

    .property-personal-text-wrapper p {
        font-size: 16px;
        line-height: 1.4;
    }

    #team-sec .team-sec-inner-con-main {
        flex-direction: column;
    }

    .team-image-display {
        display: none;
    }

    .team-heading-wrapper {
        max-width: 100%;
        width: 100% !important;
        padding-bottom: 0px;
    }

    .team-founder-wrapper {
        padding-top: 0px;
    }

    .team-founder-position p {
        font-size: 24px;
    }

    .team-founder-name {
        font-size: 32px;
    }

    .team-founder-inner-row {
        padding-bottom: 20px;
    }

    .team-founder-inner-row:not(:first-child) {
        padding-top: 20px;
    }

    .values-content-title {
        font-size: 32px;
    }

    .value-sec-main-heading {
        font-size: 24px;
        margin-bottom: 60px !important;
    }

    .values-content-descri p {
        font-size: 14px;
    }

    .values-content-descri p:not(:last-child) {
        padding-bottom: 12px;
    }

    section.values-section {
        padding-bottom: 85px;
    }

    /*------------------Properties Page--------------------  */
    #refine-panel .refine-panel-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /*-------------------Properties Page------------------  */
    /* ----------------------pdp page --------------------- */
    .single-top-con-left {
        max-width: 55%;
    }

    .single-top-con-right {
        max-width: 30%;
    }

    .single-popup-sec {
        flex-direction: unset;
        flex-wrap: wrap;
    }

    .des-container {
        flex-direction: column-reverse;
    }

    .desc-cont-right {
        max-width: 100%;
    }

    .desc-cont-left {
        max-width: 100%;
    }

    .single-popup-sec>div {
        min-width: 30%;
    }

    .gmv-inner-container {
        width: 100%;
    }

    #booking-form-mobile {
        display: block;
    }

    .related-property-slider .property-slide .property-img {
        height: clamp(257px, calc(257px + (520 - 257) * ((100vw - 393px) / (1920 - 393))), 520px);
    }

    /* ----------------------pdp page --------------- */
    /* ----------Book Viewing popup----------------- */
    .book-form {
        position: fixed;
        inset: 0;
        background: #663A22;
        color: #E4DCD8 !important;
        background-image: url("/wp-content/uploads/2025/12/dj.svg");
        background-repeat: no-repeat;
        background-position: 15px 15px;
        background-size: 23px;
        overflow-x: auto;
        scrollbar-width: none;
        padding-top: 100px;
		z-index:9;
    }

    .book-form {
        transform: translate(100%, 0%);
        transition: 0.4s linear;
    }

    .book-form.active {
        transition: 0.4s linear;
        transform: translate(0%, 0%);
    }
	.property-sold-stc .book-form.active {
		display:flex;
    }
    .book-view-container {
        padding-left: 15px;
        padding-right: 15px;
        overflow-x: auto;
        height: 100%;
        scrollbar-width: none;
    }

    .book-form h2 {
        color: #E4DCD8;
    }

    .booking-form .booking-form-row input {
        color: #FFFFFF;
        border-color: #EEE9E6;
        font-size: 10px;
    }

    .booking-form .booking-form-row input::placeholder {
        color: #FFFFFF;
    }

    .booking-form .booking-form-row select {
        color: #FFFFFF;
        font-size: 10px;
        border-color: #EEE9E6;
        background: url("/wp-content/uploads/2026/03/white-select-arrow.svg") no-repeat right 5px center;
    }

    .booking-form .booking-form-row:last-child .submit-field {
        color: #FFFFFF !important;
        font-size: 10px;
    }

    .book-view-close-btn {
        display: block;
    }

    /* ----------Book Viewing popup----------------- */
    .property-sold-stc .team-section {
        border-bottom: 0.5px solid #000000;
    }

    section.desc-sec {
        padding-top: 120px;
    }

    section.desc-sec {
        position: unset;
    }

    section.single-top-content.non-sticky {
        opacity: 1;
        position: static;
    }

    section.desc-sec.active {
        padding-bottom: 50px;
    }
}


@media (max-width: 768px) {
    section#about-banner {
        height: calc(75vh - 91px);
    }

    /* header css start  */
    .header-menu-after-banner {
        padding: 20px 15px;
    }

    .mobile-toggle {
        display: block;
    }

    .menu-container {
        margin: 0;
    }

    nav.header-menu-nav {
        opacity: 0;
        visibility: hidden;
        width: 100%;
        background: #EEE9E6;
        top: 0;
        left: 0;
        transform: translate(0%, -100%);
        position: fixed;
        z-index: 9;
        padding: 25px 15px;
        align-items: center;
        justify-content: center;
        transition: 0.6s ease-out;
    }

    nav.header-menu-nav.active {
        display: flex;
        opacity: 1;
        visibility: visible;
        transform: translate(0%, 0%);
        transition: 0.6s ease-out;
    }

    .menu-toggle span {
        border: 2px solid #30211B;
        width: 40px;
        height: 0px;
        opacity: 1;
        display: flex;
        transition: 0.3s linear;
    }

    .menu-toggle.active span:first-child {
        transform: translateY(8px) rotate(45deg);
        transition: 0.3s linear;
    }

    .menu-toggle.active span:last-child {
        transform: translateY(-8px) rotate(-45deg);
        transition: 0.3s linear;
    }

    .menu-toggle {
        display: flex;
        flex-direction: column;
        gap: 13px;
        cursor: pointer;
        position: relative;
    }

    .header-menu li a {
        font-size: 16px;
        min-width: 77px;
    }

    .header-menu {
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }

    /* header css End    */

    /* footer css */
    .footer-title,
    .form-title {
        font-size: 46px;
        padding-bottom: 50px;
    }

    .site-footer {
        padding-top: 40px;
    }

    .contact-grid .row>p {
        gap: 16px;
    }

    .contact-grid .row:not(:last-child):not(:nth-last-child(2)) {
        padding-bottom: 16px;
    }

    .contact-grid .row.textarea-row {
        padding-top: 24px;
    }

    .contact-grid .checkbox-row .wpcf7-checkbox {
        justify-content: flex-start;
        gap: 25px;
    }

    .footer-copyright-first {
        display: none;
    }

    .footer-wrapper {
        padding-bottom: 40px;
    }

    .footer-logo-douglas {
        max-width: 150px;
    }

    .footer-bottom-wrap .footer-info {
        max-width: max-content;
    }

    .bottom-fotter {
        padding-top: 40px;
    }

    .footer-bottom-wrap .footer-info:last-child {
        min-width: 78px;
    }

    /* footer css End   */
    section.vc_section.doug-about {
        padding-bottom: 60px !important;
    }

    section.doug-about .doug-josh-cont-row .doug-josh-cont-col .wpb_text_column {
        margin-bottom: 10px;
    }

    section.doug-about p {
        font-size: 20px;
    }

    /*  btn css */
    .vc_btn3-container .vc_general {
        font-size: 16px !important;
    }

    /* btn css End */

    /* Sell With Us Page Css */
    .sell-with-us-page-container-2 {
        flex-direction: column;
    }

    .sell-with-us-page-container-2 .location-contact-col {
        max-width: 100%;
        width: 100%;
    }

    .location-contact-col .email-sec {
        max-width: 220px;
        width: 100%;
    }

    .location-contact-col .find-us-sec {
        max-width: 155px;
        width: 100%;
    }

    .location-contact-col-content-wrapper>.wpb_wrapper {
        gap: 36px;
        flex-direction: row;
        justify-content: space-between;
    }

    .sell-with-us-form .form-inner-container {
        gap: 47px;
    }

    .sell-with-us-footer-left-img {
        display: none;
    }

    .sell-with-us-footer-right-img {
        max-width: 200px;
        height: auto;
    }

    .sell-with-us-footer-inner-row>div>.wpb_wrapper {
        padding-right: 0px;
    }

    /*  about page css */
    .property-personal-container {
        padding-top: 53px;
    }

    .property-personal-text-wrapper p {
        font-size: 14px;
    }

    .property-personal-title h2,
    .team-sec-heading {
        font-size: 46px;
        line-height: 48px;
    }

    .team-heading-wrapper {
        padding-top: 30px;
    }

    .team-founder-wrapper {
        padding-top: 10px;
    }

    .team-founder-name {
        font-size: 26px;
    }

    .team-founder-position p {
        font-size: 20px;
    }

    .team-founder-inner-row {
        padding-bottom: 16px;
    }

    .team-founder-inner-row:not(:first-child) {
        padding-top: 16px;
    }

    .value-sec-main-heading {
        font-size: 21px;
        margin-bottom: 50px !important;
    }

    .values-content-title {
        font-size: 26px;
    }

    .values-content-descri p {
        font-size: 13px;
    }

    .values-content-col.slick-slide {
        height: auto !important;
        display: flex !important;
        max-width: unset;
        padding-right: 43px;
    }

    .values-content-col .num-col {
        max-width: 60px;
        padding-top: 5px;
    }

    .values-content-inner-col {
        max-width: 500px;
    }

    section.values-section {
        padding-bottom: 70px;
    }

    /*-----------------------------------*/
    .ph-property-slider {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin: 0px 0px;
    }

    .ph-property-slider .property-card {
        padding: 0px 20px;
    }

    .mobile-read-more {
        display: block;
        margin: 13px auto;
        padding: 0px;
        background: transparent !important;
        background-color: transparent !important;
        color: #30211B !important;
        border: none;
        cursor: pointer;
        font-family: Instrument Sans;
        font-weight: 400;
        font-size: 14px;
        line-height: 32px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: uppercase;
        outline: none !important;
    }

    /*--------------Properties Page-------------------  */
    .property-search-bar {
        flex-direction: column;
        gap: 30px;
        background: transparent;
    }

    #property-search {
        flex: auto;
        width: 100%;
    }

    body.sold-page .property-search-bar {
        background: transparent;
    }

    .property-search-bar .autocomplete-container {
        flex: auto;
        width: 100%;
    }

    #property-results .properties .property-item {
        width: calc((100% - 0px) / 1);
    }

    #property-filter-form {
        /*         top: 79px; */
    }

    #refine-panel .refine-panel-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #property-results .properties .property-card .property-image {
        width: 100%;
        height: clamp(344px, calc(344px + (570 - 344) * ((100vw - 393px) / (1920 - 393))), 570px);
        margin-bottom: 22px;
        padding-bottom: 0px;
    }

    #refine-panel .refine-close {
        display: block;
    }

    /*----------------Properties Page---------------------  */
    /* ----------------------pdp page --------------------- */
    .single-top-container {
        flex-direction: column;
        gap: 30px;
    }

    .single-top-con-left {
        max-width: 100%;
    }

    .single-top-con-right {
        max-width: 100%;
    }

    section.single-top-content .property-meta {
        gap: 15px;
    }

    section.single-top-content .property-meta span {
        width: calc((100% - 45px) / 4);
    }

    section.desc-sec {
        padding-top: 30px;
    }

    section.single-top-content {
        position: unset;
        /* height: calc(100vh - 79px); */
        display: flex;
        align-items: flex-end;
        margin-bottom: 10vh;
    }

    .custom-property-wrapper {
        /* padding-top: 0px; */
    }

    section.single-top-content.active {
        background: transparent;
    }

    section.single-top-content.active .single-top-container {
        background: #EEE9E6;
    }

    .single-popup-sec {
        flex-wrap: wrap;
        gap: 10px;
    }

    .single-popup-sec>div {
        min-width: auto;
        width: calc((100% - 10px) / 2);
    }

    section.desc-sec {
        z-index: 8;
    }

    section.gmv-main-sec {
        position: relative;
    }

    section.desc-sec.active {
        position: relative;
    }

    section.desc-sec {
        padding-bottom: 70px;
    }

    .propertyhive-page footer.site-footer {
        position: relative;
        z-index: 10;
    }

    .fancybox-container {
        padding-top: 15px;
        padding-bottom: 42px;
    }

    .fancybox-caption {
        display: block;
        padding: 0px;
        padding-bottom: 24px;
        background: transparent;
    }

    .fancybox-caption .fancybox-caption__body {
        font-family: Instrument Sans;
        font-weight: 400;
        font-size: 10px;
        line-height: 32px;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        color: #E4DCD8;
    }

    .fancybox-navigation {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .fancybox-container .fancybox-bg,
    .video-popup {
        background-image: url("/wp-content/uploads/2025/12/dj.svg");
        background-repeat: no-repeat;
        background-position: 15px 15px;
        background-size: 23px;
    }

    .video-title {
        display: block;
    }

    .video-slider .slick-arrow {
        transform: translateY(0%);
    }

    /* ----------------------pdp page --------------------- */
    /* ------------------blog page css-------------------- */
    .blogs-main .blog-item {
        width: calc((100% - 0px) / 1);
    }

    .blogs-main {
        gap: 35px;
    }

    .blogs-main .blog-item .blog-img {
        height: auto;
        padding-bottom: 20px;
    }

    .featured-image img {
        height: auto !important;
    }

    .custom-content-wrap table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    /* ------------------blog page css------------------------ */

    body.sold-page .menu-toggle span {
        border-color: #E4DCD8;
    }

    .booking-form-active .header-menu-wrapper {
        z-index: 8;
    }
	.booking-form-active .gmv-main-sec {
		z-index: 7;
	}

	.booking-form-active footer.site-footer {
		z-index: 7;
	}
    .enquire-form form.wpcf7-form .wpcf7-form-control-wrap:last-child {
        padding-top: 60px;
    }

    .enquire-form h2 {
        padding-bottom: 80px;
    }

    .contact-detail-main-wrapper .contact-detail:not(:last-child) {
        padding-bottom: 40px;
    }

    .property-search-form.scroll-down {
        transition: 0.8s linear;
        transform: translateY(0);
        top: 0px;
    }

    .property-search-form.scroll-up {
        transform: translateY(-100px);
        transition: 0.8s linear;
        top: -100px;
    }

    #property-filter-form {
        overflow: hidden;
    }

    .popup-active #property-filter-form {
        overflow: visible !important;
        top: 0;
    }

    .related-property-slider .detail-content {
        row-gap: 10px;
    }

    .custom-property-wrapper {
        background: unset !important;
    }

    section.custom-property-wrapper-inner {
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: -1;
        background-size: cover !important;
        background-position: center center !important;
    }

    /* ---------- about page popup css -------------- */
    .popup-container .popup-inner>div {
        max-width: calc((100% - 0px) / 1);
        width: 100%;
    }

    .popup-container .popup-inner .popup-left {
        order: 2;
    }

    .popup-left-title-main {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #30211B;
        padding-bottom: 17px;
    }

    .popup-container .popup-inner {
        row-gap: 29px;
    }

    .team-popup-content {
        padding-top: clamp(55px, calc(55px + (120 - 55) * ((100vw - 393px) / (1920 - 393))), 120px);
    }

    .popup-container .popup-inner .popup-right img {
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .popup-dec-left-inner-main {
        display: flex;
        flex-direction: column;
    }

    /* ---------- about page popup css -------------- */
    .propertyhive-page .propertyhive-map-canvas-wrapper,
    body.sold-page .propertyhive-map-canvas-wrapper {
        padding-bottom: 40px;
    }

    body.sold-page nav.header-menu-nav.active li ul.sub-menu::after {
        background: rgb(238, 233, 230);
    }

    .alert-danger.alert-box {
        color: #FFFFFF;
    }

    .post-type-archive-property.sticky-header header.header-menu-wrapper {
        top: unset;
    }

    body.sold-page.sticky-header header.header-menu-wrapper {
        top: unset;
    }
}

@media (max-width: 576px) {

    /* header css */
    .header-menu-after-banner {
        padding: 10px 15px;
    }

    .header-menu {
        gap: 3px;
    }

    .header-menu li a {
        min-width: 60px;
    }

    .header-menu li:nth-child(2) a {
        min-width: 77px;
    }

    /* header css End    */
    /*footer css start  */
    .footer-title,
    .form-title {
        padding-bottom: 45px;
    }

    .contact-grid label {
        font-size: 10px;
    }

    .contact-grid .checkbox-row .wpcf7-checkbox span.wpcf7-list-item {
        min-width: unset;
    }

    .contact-grid .row.submit-row input {
        font-weight: 600;
        font-size: 10px;
    }

    .footer-wrapper {
        padding-bottom: 23px;
    }

    .footer-logo-douglas {
        max-width: 82px;
    }

    .footer-bottom-wrap .footer-info p {
        font-size: 9px;
        line-height: 12px;
    }

    .footer-bottom-wrap .footer-info a {
        font-size: 9px;
        line-height: 12px;
    }

    .site-footer {
        padding-bottom: 23px;
        padding-top: 35px;
    }

    .contact-grid .checkbox-row .wpcf7-checkbox {
        gap: 15px;
        flex-wrap: wrap;
    }

    .contact-grid .wpcf7-not-valid-tip {
        font-size: 8px;
    }

    .footer-bottom-wrap {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    /* footer css End   */
    /* btn css */
    .vc_btn3-container .vc_general {
        font-size: 10px !important;
    }

    .vc_btn3-container .vc_general::after {
        width: 33px;
    }

    /* btn css End */
    section#about-banner {
        background-image: url("/wp-content/uploads/2026/04/douglas-joshua-about-us-mobile-imge.jpg") !important;
    }

    .homepage-mobile-video {
        display: block !important;
    }

    .homepage-desktop-video {
        /*display: none;*/
    }

    section.doug-about p {
        font-size: 16px;
    }

    section.doug-about .doug-josh-cont-left img.doug-about-left-col-img {
       /* max-height: 402px;
        object-fit: cover;
        object-position: center;*/
        object-fit: contain;
        object-position: center;
    }

    /* Sell With Us Page Css */
    .sell-with-us-form.contact-grid {
        gap: 5px;
    }

    .sell-with-us-footer-right-img {
        max-width: unset;
    }

    .sell-with-us-footer-right-img {
        max-width: 82px;
    }

    /* about page css */
    .team-heading-wrapper {
        padding-top: 26px;
    }

    .team-founder-name {
        font-size: 21px;
        line-height: 22px;
    }

    .team-founder-position p {
        font-size: 16px;
        line-height: 22px;
    }

    .value-sec-main-heading {
        font-size: 18px;
        margin-bottom: 44px !important;
    }

    .values-content-descri p {
        font-size: 12px;
    }

    .values-content-title {
        font-size: 21px;
        margin-bottom: 40px;
    }

    .contact-popup {
        padding: 27px 15px 71px;
    }

    .contact-detail-main-wrapper .contact-detail h2,
    .contact-form-main h2 {
        font-size: 40px;
        line-height: 100%;
    }

    .contact-page .row.textarea-row {
        padding-top: 0px;
    }

    .contact-page .row.submit-row {
        padding-top: 15px;
    }

    .contact-form-main {
        padding-top: 30px;
    }

    .contact-detail-main-wrapper .contact-detail:not(:last-child) {
        padding-bottom: 30px;
    }

    .contact-form-main h2 {
        padding-bottom: 20px;
    }

    /*-----------------Properties Page--------------------  */

    #property-search::placeholder {
        background-position: right 15px center;
        padding-right: 40px
    }

    #property-results .properties .property-card .property-image {
        height: auto;
        aspect-ratio: 1 / 1;
        margin-bottom: 0px;
        padding-bottom: 22px;
    }

    #refine-panel .refine-panel-container {
        padding-top: 24px !important;
    }

    /*------------------Properties Page------------------  */
    /* ------------------blog page css------------------- */
    section.vc_section.blog-main-section h2 {
        padding-bottom: 15px;
    }

    .blogs-main .blog-item .blog-img {
        height: auto;
        padding-bottom: 15px;
    }

    .blogs-main {
        gap: 25px;
    }

    /* ------------------blog page css------------------------ */
    section.desc-sec.active .desc-cont-right {
        top: 59px;
    }

    section.desc-sec {
        padding-bottom: 50px;
    }
}

@media screen and (max-width:480px) {
    .property-search-bar .search-actions .property-sort select {
        padding: 0px 10px;
    }

    .property-search-bar .search-actions #refine-btn {
        padding: 0px 15px;
    }

    .property-search-bar .search-actions .map-btn {
        padding: 0px 15px;
    }
}

@media screen and (max-width:393px) {
    .property-search-bar .search-actions {
        flex-wrap: wrap;
        row-gap: 20px;
        height: auto;
    }

    .property-search-bar .search-actions .property-sort select {
        padding: 0px 7px;
    }

    .property-search-bar .search-actions .map-btn {
        padding: 0px 7px;
    }

    .property-search-bar .search-actions #refine-btn {
        padding: 0px 7px;
    }

    .properties_section .properties_section-con {
        padding-left: 10px;
        padding-right: 10px;
    }
}