/*==================================
Font Variable
==================================*/

:root {
    --uc-primary-font: 'Urbanist', sans-serif;
}

:root {
    --uc-secondary-font: 'Arial', sans-serif;
}

:root {
    --uc-text-font: 'Roboto', sans-serif;;
}

:root {
    --uc-accent-font: 'Urbanist', sans-serif;
}

:root {
    --uc-general-font: 'Roboto', sans-serif;;
}



/*==================================
Theme Color All Codes Variable
==================================*/

:root {
    --uc-primary-color: #005380;
    /* theme primary color */
}

:root {
    --uc-secondary-color: #313145;
    /* theme secondary color */
}

:root {
    --uc-white-color: #fff;
    /* theme white font color */
}

:root {
    --uc-light-color: #f5f5f5;
    /* theme light gray color */
}

:root {
    --uc-light-gray-color: #f8f8f8;
    /* theme gray color */
}

:root {
    --uc-gray-color: #c0c0c0;
    /* theme gray color */
}

:root {
    --uc-dark-color: #12171f;
    /* theme dark color ok*/
}

:root {
    --uc-accent-color: #005380;
    /* theme accent color ok*/
}

:root {
    --uc-footer-color: #12171f;
    /* theme dark color ok*/
}

:root {
    --uc-primary-opacity-color: rgba(170, 132, 83, .8);
    /* theme secondary color */
}

:root {
    --uc-secondary-opacity-color: rgba(49, 49, 69, .8);
    /* theme secondary color */
}

:root {
    --uc-dark-opacity-color: rgba(24, 26, 29, .8);
    /* theme dark opacity color */
}

:root {
    --uc-white-opacity-color: rgba(255, 255, 255, 0.5);
    /* theme light color */
}

:root {
    --uc-default-color: #787878;
    /* theme gray color */
}

:root {
    --uc-text-gray-color: #b1b1b1;
    /* theme gray color */
}

:root {
    --uc-text-color2: #9b9b9b;
    /* text light color */
}

:root {
    --uc-text-color3: #c3c3c3;
    /* theme text gray color */
}

:root {
    --uc-text-color4: #ededed;
}

:root {
    --uc-primary-color-rgba: 170, 132, 83;
}

:root {
    --uc-secondary-color-rgba: 49, 49, 69;
}

:root {
    --uc-dark-color-rgba: 24, 26, 29;
}

.residential-property-page .entry-single-header {
    gap: 24px;
    align-items: flex-start;
}

.residential-property-page .page-title-wrapper {
    flex: 1;
    min-width: 0;
}

.residential-property-page .entry-single-title,
.residential-property-page .listing-location,
.residential-property-page .agent-block {
    overflow-wrap: anywhere;
}

.residential-property-page .entry-property-price-wrapper {
    flex-shrink: 0;
    max-width: 100%;
    text-align: right;
}

.residential-property-page .entry-single-header .type {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.residential-property-page .property-gallery-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

.residential-property-page .single-content-wrapper .property-info,
.residential-property-page .single-content-wrapper .property-address,
.residential-property-page .single-content-wrapper .property-feature {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
    margin: 0;
}

.residential-property-page .single-content-wrapper .property-info li,
.residential-property-page .single-content-wrapper .property-address li,
.residential-property-page .single-content-wrapper .property-feature li {
    width: auto;
    min-width: 0;
    padding: 0;
    overflow-wrap: anywhere;
}

.residential-property-page .single-content-wrapper .property-info li,
.residential-property-page .single-content-wrapper .property-address li {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 12px;
    align-content: start;
}

.residential-property-page .single-content-wrapper .property-address {
    grid-template-columns: minmax(0, 1fr);
}

.residential-property-page .single-agent-info img {
    flex-shrink: 0;
    object-fit: cover;
}

.residential-property-page .agent-block {
    min-width: 0;
}

.residential-property-page .pricing-table-scroll {
    overflow: visible;
}

@media (max-width: 991.98px) {
    .residential-property-page .single-property-sidebar {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .residential-property-page .pricing-table-scroll {
        overflow-x: auto;
    }

    .residential-property-page #pricing-unit-plans .dropdown-menu {
        position: static;
        transform: none;
    }

    .residential-property-page .entry-single-header {
        flex-direction: column;
    }

    .residential-property-page .entry-property-price-wrapper {
        align-items: flex-start;
        text-align: left;
    }

    .residential-property-page .single-property-overview,
    .residential-property-page .single-property-description,
    .residential-property-page .single-property-details,
    .residential-property-page .contact-with-agent,
    .residential-property-page .booking-shedule-tour {
        padding: 20px;
    }

    .residential-property-page .single-content-wrapper .property-info,
    .residential-property-page .single-content-wrapper .property-feature {
        grid-template-columns: minmax(0, 1fr);
    }
}