@charset 'UTF-8';
/*-----------------------------------------------------------------------------------
        Theme Name: Hello
        File Name: Style.css
        Author: Realtyna.com
        Version: 1.0.0
-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------

[CONTENT]

--1  Global Section
--2  Header Section
--3  Hero Section
--4  About Section
--5  Properties Section
--7  Newsletter Section
--8  Footer Section
--9  WPL Section
--10 Search Section
--11 Property Section
--12 Sign in/Sign up Section
--13 Profile Section
--14 Membership Section

/*-------------------------------------- --1  Global Section --------------------------------------*/

:root {
    --Primary-Color: rgb(0, 60, 165);
    --Primary-80-Color: rgb(125, 195, 250);
    --Primary-40-Color: rgb(225, 240, 255);
    --Primary-20-Color: rgb(245, 250, 255);
    --Secondary-Color: rgb(0, 10, 20);
    --Primary-FontFamily: 'Montserrat'
}

html,
body {
    height: 100%;
    width: 100%
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--Primary-FontFamily);
    font-size: 1rem;
    font-weight: 400;
    color: rgb(0, 10, 20)
}

html,
body {
    height: 100%
}

ul,
ol {
    margin: 0;
    padding: 0
}

a {
    color: var(--Secondary-Color);
    transition: all .25s ease-in-out;
    text-decoration: none
}

figure {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-family: var(--Primary-FontFamily);
    font-weight: 700;
    line-height: 1.5;
}

h1,
.h1 {
    font-size: 1.75rem;
    line-height: 1.5;
}

h2,
.h2 {
    font-size: 1.5rem;
    line-height: 1.5;
}

h3,
.h3 {
    font-size: 1.375rem;
    line-height: 1.5;
}

h4,
.h4 {
    font-size: 1.25rem;
    line-height: 1.5;
}

h5,
.h5 {
    font-size: 1.125rem;
    line-height: 1.5;
}

h6,
.h6 {
    font-size: 1rem;
    line-height: 1.5;
}

input:focus,
textarea:focus,
button:focus,
button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}

.q-input,
.q-select,
.q-textarea {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
}

.q-file label,
.q-input label,
.q-select label,
.q-textarea label {
    display: block;
    margin: 5px 0;
    font-family: var(--Primary-FontFamily);
    font-size: .875rem;
    font-weight: 600;
    color: rgb(100, 105, 115);
}

.q-input input,
.q-select select,
.q-textarea textarea {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    background: rgb(250, 250, 250);
    font-size: .875rem;
    border: 1px solid rgb(215, 210, 220);
    border-radius: 8px;
}

.q-input br,
.q-select br,
.q-textarea br {
    display: none;
}

.q-textarea textarea {
    height: 90px;
    padding: 15px;
    resize: none;
}

.q-textarea.q-l textarea {
    height: 150px;
}

.q-input input:focus,
.q-select select:focus,
.q-textarea textarea:focus {
    border-color: var(--Primary-Color);
    outline: 0;
    box-shadow: none;
}

.q-radio input[type='radio'],
.q-checkbox input[type='checkbox'] {
    display: none;
}

.q-radio label,
.q-checkbox label {
    padding: 0 0 0 25px;
    position: relative;
    color: rgb(25, 25, 25);
    line-height: 1.35;
    cursor: pointer;
}

.q-radio label:before,
.q-checkbox label:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgb(225, 225, 225);
    border-radius: .25rem;
    appearance: none;
    cursor: pointer;
}

.q-radio label:before {
    border-radius: 50%;
}

.q-radio input:checked+label:before,
.q-checkbox input:checked+label:before {
    content: '\F012C';
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Material Design Icons';
    line-height: 1.5;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    border-color: var(--Primary-Color);
    box-shadow: 0 0 0.25rem 0.05rem rgba(105, 110, 255, .15);
}

.q-input .q-icon,
.q-select .q-icon,
.q-textarea .q-icon {
    position: relative;
}

.q-input .q-icon input,
.q-select .q-icon select,
.q-textarea .q-icon textarea {
    padding: 0 10px 0 35px;
}

.q-input .q-icon i,
.q-select .q-icon i,
.q-textarea .q-icon i {
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 1.25rem;
    line-height: 1;
    color: rgb(125, 125, 125);
    z-index: 1;
}

.q-switch {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.q-switch label {
    width: 50px;
    height: 25px;
    display: block;
    position: relative;
    border-radius: 300px;
    cursor: pointer;
}

.q-switch .q-input {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.q-switch .q-label {
    position: relative;
    display: block;
    height: inherit;
    background: rgb(100, 100, 100);
    border-radius: inherit;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}

.q-switch .q-label:before,
.q-switch .q-label:after {
    position: absolute;
    top: 10px;
    line-height: .5;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.q-switch.q-primary .q-input:checked~.q-label {
    background: var(--Primary-Color);
}

.q-switch.q-secondary .q-input:checked~.q-label {
    background: var(--Secondary-Color);
}

.q-switch .q-input:checked~.q-label:before {
    opacity: 0;
}

.q-switch .q-input:checked~.q-label:after {
    opacity: 1;
}

.q-switch .q-handle {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 15px;
    height: 15px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.q-switch .q-input:checked~.q-handle {
    left: 30px;
}

.q-button {
    width: 150px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 5px 15px;
    font-weight: 500;
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.25) inset, 0 -1px 0 0 rgba(5, 20, 55, 0.03) inset, 0 3px 10px 0 rgba(15, 10, 35, 0.25), 0 3px 3px 0 rgba(15, 10, 35, 0.05);
}

.q-button:hover {
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    opacity: .90;
}

.q-title {
    width: 100%;
    display: inline-block;
    margin: 0 0 60px;
    position: relative;
    text-align: center;
}

.q-title h1 {
    display: block;
    font-size: 3.75rem;
    color: rgb(0, 0, 0);
}

.q-title span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    font-size: 6.875rem;
    font-weight: 700;
    line-height: 1;
    color: rgba(240, 245, 250);
    z-index: -1;
}

@media (max-width: 1260px) {

    .q-title {
        margin: 0 0 30px;
    }

    .q-title h1 {
        font-size: 3rem;
    }

    .q-title span {
        font-size: 4.5rem;
    }
}

@media (max-width: 767px) {

    .q-title h1 {
        font-size: 2.5rem;
    }

    .q-title span {
        font-size: 3.5rem;
    }
}

.q-suggestion-section {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 15;
}

.q-suggestion-section a {
    display: inline-block;
    padding: 15px 30px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(230, 235, 240);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 0 10px;
}

.q-suggestion-section a:hover {
    background: rgb(40, 195, 90);
    color: rgb(255, 255, 255);
    border-color: rgb(40, 195, 90);
}

.q-suggestion-section.q-wizard {
    position: fixed;
    bottom: 75px;
    right: 20px;
}

.q-suggestion-section.q-wizard a {
    padding: 15px 25px;
    border-radius: 5px;
}

@media (max-width: 480px) {

    .q-suggestion-section.q-wizard {
        bottom: 130px;
    }
}

/*-------------------------------------- --2  Hero Section --------------------------------------*/

.q-hero-section {
    width: 100%;
    height: calc(100vh - 90px);
    position: relative;
    border-bottom-left-radius: 300px;
    overflow: hidden;
}

.q-hero-section .q-form {
    width: 100%;
    max-width: 750px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 0 auto;
    padding: 15px;
    position: relative;
    background: rgba(245, 250, 255, 0.75);
    border-radius: 10px;
    box-shadow: 0 10px 25px 0 rgba(35, 85, 180, 0.5);
}

.q-hero-section .q-form .q-location {
    width: 80%;
}

.q-hero-section .q-form .q-location input {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(215, 210, 220);
    border-radius: .5rem;
}

.q-hero-section .q-form input[type='submit'] {
    width: 120px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    border: 0;
    border-radius: .5rem;
    min-width: 120px;
}

/*-------------------------------------- --3  Properties Section --------------------------------------*/

.q-properties-section {
    width: 100%;
    display: inline-block;
    padding: 90px 0;
    border-bottom-right-radius: 300px;
}

.q-properties-section .q-properties {
    width: 100%;
    display: inline-block;
    padding: 0 75px;
    position: relative;
}

.q-properties-section .q-properties .swiper {
    padding: 30px 0;
}

.q-properties-section .q-properties .swiper-button-prev,
.q-properties-section .q-properties .swiper-button-next {
    width: 50px;
    height: 50px;
}

.q-properties-section .q-properties .swiper-button-prev {
    left: 0;
}

.q-properties-section .q-properties .swiper-button-next {
    right: 0;
}

.q-properties-section .q-properties .swiper-button-prev:after,
.q-properties-section .q-properties .swiper-button-next:after {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    font-size: 1.25rem;
    border-radius: 50%;
}

.q-properties-section .q-properties .swiper-button-prev:hover:after,
.q-properties-section .q-properties .swiper-button-next:hover:after {
    background: color-mix(in srgb, var(--Primary-Color) 80%, #fff);
}

.q-properties-section .q-properties .swiper-pagination-bullet {
    background: rgb(255, 255, 255);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
    opacity: 1;
}

.q-properties-section .q-properties .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgb(170, 165, 180);
}

@media (max-width: 1260px) {

    .q-properties-section {
        border-radius: 0;
    }

    .q-properties-section .q-properties {
        padding: 0;
    }

    .q-properties-section .q-properties .swiper-button-prev,
    .q-properties-section .q-properties .swiper-button-next {
        display: none;
    }
}

.q-property {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25)
}

.q-property a {
    color: var(--Secondary-Color);
}

.q-property .q-thumbnails a {
    display: block;
}

.q-property .q-thumbnails figure {
    position: relative;
}

.q-property .q-thumbnails figure img {
    width: 100%;
    height: 225px;
    object-fit: cover;
}

.q-property .q-content {
    width: 100%;
    display: inline-block;
    padding: 15px;
}

.q-property .q-content .q-price {
    display: block;
    font-size: 1rem;
    font-weight: 700;
}

.q-property .q-content .q-actions {
    display: flex;
    justify-content: end;
    gap: 5px;
}

.q-property .q-content .q-actions .q-favorite ul li {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.q-property .q-content .q-actions .q-favorite ul li a:before {
    content: '';
    width: 75%;
    height: 75%;
    position: absolute;
    top: 6px;
    left: 6px;
    background: url(../img/icons/heart.svg) no-repeat;
    background-size: contain;
}

.q-property .q-content .q-actions .q-favorite ul li.added a:before {
    background: url(../img/icons/heart-add.svg) no-repeat;
}

.q-property .q-content h2 {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: rgb(100, 105, 115);
}

.q-property .q-content .q-features {
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}

.q-property .q-content .q-features ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    color: rgb(100, 105, 115);
}

.q-property .q-content .q-features ul li {
    display: inline-block;
    padding: 0 10px 0 0;
    position: relative;
    text-align: center;
}

.q-property .q-content .q-features ul li:before {
    content: '.';
    position: absolute;
    top: -20px;
    right: -5px;
    font-size: 2.5rem;
    line-height: 1;
}

.q-property .q-content .q-features ul li:last-child:before {
    display: none;
}

.q-property .q-content .q-features ul span {
    display: block;
    font-size: .875rem;
}

.q-property .q-user {
    width: 100%;
    display: inline-block;
    padding: 15px;
    border-top: 1px solid rgb(225, 225, 225);
}

.q-property .q-user img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.q-property .q-user .text-end img {
    height: auto;
}

.q-property .q-user .q-info {
    display: flex;
    gap: 15px;
    font-size: 0.75rem;
    color: rgb(100, 105, 115);
}

.q-property .q-user .q-info span {
    padding: 0 5px 0 0;
    color: rgb(0, 10, 20);
}

.q-carousel-section.q-properties-section {
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.q-carousel-section.q-properties-section .q-properties .swiper .swiper-slide {
    padding: 10px;
}

.q-carousel-section .q-properties .swiper .swiper-slide .q-property .q-thumbnails figure img {
    aspect-ratio: 1.75;
}

.q-carousel-section .q-properties .swiper .swiper-slide .q-property .q-thumbnails figure .q-type img {
    aspect-ratio: auto;
}

@media (max-width: 576px) {

    .q-property .q-content {
        padding: 15px 10px;
    }
}

@media (max-width: 335px) {

    .q-property .q-content .q-features ul {
        gap: 0;
    }

    .q-property .q-content .q-features ul li,
    .q-property .q-content .q-features ul li:last-child {
        width: 50%;
    }
}

/*-------------------------------------- --4  WPL Section --------------------------------------*/

.q-sort-section {
    width: 100%;
    max-width: 300px;
    float: right;
    margin: 0 0 15px;
    position: relative;
}

.q-sort-section .q-sort {
    display: flex;
    align-items: center;
    gap: 5px;
}

.q-sort-section .q-sort span {
    font-weight: 500;
    white-space: nowrap;
}

.q-sort-section select {
    width: 100%;
    height: 45px;
    padding: 0 5px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--Primary-Color);
    border: 1px solid rgba(85, 33, 180, 1);
    border-radius: 0.375rem;
}

.q-sort-section .chosen-container {
    width: 100% !important;
}

.q-sort-section .chosen-container .chosen-single {
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    font-size: .95rem;
    background: rgb(255, 255, 255);
    color: var(--Primary-Color);
    text-transform: capitalize;
    border: 1px solid var(--Primary-Color);
    border-radius: .375rem;
    outline: 0
}

.q-sort-section .chosen-container.chosen-container-active .chosen-single {
    outline: 0
}

.q-sort-section .chosen-container .chosen-single div {
    width: 15px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
}

.q-sort-section .chosen-container .chosen-single div:before {
    content: '\F054F';
    font-family: 'Material Design Icons';
}

.q-sort-section .chosen-container .chosen-single div b,
.q-sort-section .chosen-container:after {
    display: none
}

.q-sort-section .chosen-container-single .chosen-drop {
    margin: 5px 0 0;
    padding: 5px 0;
    border: 1px solid rgb(215, 210, 220);
    border-radius: .5rem;
}

.q-sort-section .chosen-container-single .chosen-search {
    display: none;
}

.q-sort-section .chosen-container .chosen-results li {
    color: var(--Primary-Color);
    text-transform: capitalize;
    border-radius: 300px
}

.q-sort-section .chosen-container .chosen-results li:first-child {
    display: none;
}

.q-sort-section .chosen-container .chosen-results li.highlighted {
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
}

@media (max-width: 1260px) {

    .q-sort-section {
        max-width: 100%
    }
}

@media (max-width: 576px) {

    .q-sort-section .q-sort span {
        display: none;
    }

    .q-sort-section .q-sort a span {
        display: inline-block;
    }
}

.wpl_pagination_container {
    margin: 0;
    border: 0;
}

.wpl_pagination_container .wpl_total_result {
    margin: 0;
    position: absolute;
    top: 30px;
    left: 0;
    line-height: 1.5;
    text-transform: capitalize
}

.wpl_pagination_container .wpl_page_size_options {
    width: 60px;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(215, 210, 220);
    border-radius: 0.5rem
}

@media (max-width: 1260px) {

    .wpl_pagination_container .wpl_total_result {
        position: relative;
        top: 0;
    }
}

.wpl_red_msg,
.wpl_green_msg {
    width: 100%;
    margin: 15px 0 0;
    padding: 0;
    font-family: var(--Primary-FontFamily);
    background: transparent;
    color: rgb(210, 25, 15);
    text-align: left;
    text-transform: capitalize;
}

.wpl_green_msg,
.wpl_green_msg::before {
    color: rgb(40, 175, 95);
    text-align: center;
}

.wpl-save-search-wp {
    width: 100%;
    max-width: 240px;
    float: right;
    margin: 10px 0 0;
    position: relative;
    top: 0;
    left: 0;
}

.wpl-save-search-wp>a,
.wpl-plisting-link-btn>a {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px 0 25px;
    position: relative;
    font-size: .95rem;
    line-height: 1.5;
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    font-style: normal;
    border: 0;
    border-radius: .5rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

.wpl-save-search-wp>a:not([href]):not([tabindex]),
.wpl-plisting-link-btn>a:not([href]):not([tabindex]) {
    color: rgb(255, 255, 255);
}

.wpl-save-search-wp>a span,
.wpl-plisting-link-btn>a span {
    display: inline-block;
}

.wpl-save-search-wp>a:hover,
.wpl-plisting-link-btn>a:hover {
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    opacity: .85;
}

@media (max-width: 576px) {

    .wpl-save-search-wp {
        max-width: 100%;
    }
}

.wpl_property_listing_container {
    margin: 0;
    padding: 30px 0;
    font-size: 1rem;
    color: rgb(0, 0, 0);
    overflow: hidden;
}

.wpl_property_listing_container .wpl_property_listing_list_view_container {
    padding: 0 15px 0 0;
    position: relative;
}

.wpl_property_listing_container .wpl_property_listing_list_view_container .wpl_property_listing_listings_container {
    width: 100%;
    height: 1000px;
    margin: 0;
    padding: 0 15px 0 0;
    overflow: auto;
}

/*-------------------------------------- --5  Map Section --------------------------------------*/

.wpl_property_listing_container .wpl_googlemap_container {
    margin: 0;
    padding: 0;
    border: 0;
}

.wpl_property_listing_container .wpl_googlemap_container .wpl_map_canvas {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.10);
}

.wpl_property_listing_container .wpl_googlemap_container .wpl_aps_container,
.wpl_property_listing_container .wpl_googlemap_container .wpl_search_on_map {
    display: none;
}

.wpl_property_listing_container .wpl_googlemap_container button[aria-label='Stop drawing'],
.wpl_property_listing_container .wpl_googlemap_container button[aria-label='Draw a shape'],
.wpl_property_listing_container .wpl_googlemap_container button[aria-label='Draw a circle'],
.wpl_property_listing_container .wpl_googlemap_container button[aria-label='Show street map'],
.wpl_property_listing_container .wpl_googlemap_container button[aria-label='Show satellite imagery'],
.wpl_property_listing_container .wpl_googlemap_container a[href*='https://maps.google.com'] img {
    display: none !important;
}

.wpl_googlemap_container:not(.wpl_googlemap_carousel) .wpl_map_canvas .gm-bundled-control-on-bottom>div {
    width: 35px;
    top: -35px !important;
    background: rgb(255, 255, 255);
    overflow: hidden;
    border-radius: 300px;
    box-shadow: 0 2px 12px 0 rgba(20, 20, 45, 0.075);
}

.wpl_googlemap_container:not(.wpl_googlemap_carousel) .wpl_map_canvas .gm-bundled-control-on-bottom>div>div:not(.gm-compass)>button,
.wpl_googlemap_container:not(.wpl_googlemap_carousel) .wpl_map_canvas .gm-bundled-control-on-bottom>div>div:not(.gm-compass)>div {
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none;
}

.wpl_googlemap_container:not(.wpl_googlemap_carousel) .wpl_map_canvas .gm-bundled-control-on-bottom>div>div:not(.gm-compass)>button:hover,
.wpl_googlemap_container:not(.wpl_googlemap_carousel) .wpl_map_canvas .gm-bundled-control-on-bottom>div>div:not(.gm-compass)>div:hover {
    background: transparent !important;
}

.wpl_googlemap_container:not(.wpl_googlemap_carousel) .wpl_map_canvas .wpl_search_on_map+.wpl_map_size {
    top: auto;
    bottom: 110px;
    left: 10px;
    border-radius: 300px;
    box-shadow: 0 2px 12px 0 rgba(20, 20, 45, 0.075);
}

.wpl_googlemap_container:not(.wpl_googlemap_carousel) .wpl_map_canvas .wpl_search_on_map+.wpl_map_size:after {
    content: '\F0293';
    font-family: 'Material Design Icons';
    font-size: 1.5rem;
    color: rgb(0, 0, 0);
}

.wpl_googlemap_container:not(.wpl_googlemap_carousel) .wpl_map_canvas .gm-bundled-control-on-bottom>div>div:not(.gm-compass)>button:first-child:after,
.wpl_googlemap_container:not(.wpl_googlemap_carousel) .wpl_map_canvas .gm-bundled-control-on-bottom>div>div:not(.gm-compass)>div:first-child:after,
.wpl_googlemap_container:not(.wpl_googlemap_carousel) .wpl_map_canvas .gm-bundled-control-on-bottom>div>div:not(.gm-compass)>button:nth-child(3):after,
.wpl_googlemap_container:not(.wpl_googlemap_carousel) .wpl_map_canvas .gm-bundled-control-on-bottom>div>div:not(.gm-compass)>div:nth-child(3):after {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 1;
    color: rgb(0, 0, 0);
}

@media (max-width: 1260px) {

    .wpl_property_listing_container .wpl_property_listing_list_view_container {
        padding: 30px 15px;
    }

    .wpl_property_listing_container .wpl_googlemap_container {
        padding: 0 15px;
    }

    .wpl_property_listing_container .wpl_googlemap_container .wpl_map_canvas {
        height: 600px !important;
        border-radius: 1rem;
        overflow: hidden;
    }
}

.q-preview-section {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px;
    font-size: .90rem;
}

.q-preview-section .q-thumbnail {
    width: 35%;
}

.q-preview-section .q-thumbnail img {
    width: 100%;
    height: 75px;
    object-fit: cover;
    border-radius: 0 0 20px 0;
}

.q-preview-section .q-content {
    width: 65%;
}

.q-preview-section .q-content a {
    display: block;
    color: var(--Third-Color);
}

.q-preview-section .q-content .q-features {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.q-preview-section .q-content .q-features span {
    display: inline-block;
    padding: 0 0 0 2.5px;
}

.q-preview-section .q-content .q-features .q-price {
    width: 100%;
    font-size: 1.25rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

.gm-style {
    font-family: var(--Primary-FontFamily);
}

.gm-style-iw>div:first-child,
.gm-style-iw[style]>div:first-child {
    display: none !important;
}

.gm-style-iw .gm-style-iw-d[style],
.gm-style-iw[style] .gm-style-iw-d[style] {
    max-height: inherit !important;
    overflow: visible !important;
}

.gm-style-iw[style]:after,
.gm-style-iw .gm-style-iw-tc::after {
    display: none;
}

.gm-style-iw[style],
.gm-style-iw-c[style] {
    border-radius: 0.75rem !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .25);
}

.gm-style-iw>button.gm-ui-hover-effect,
.gm-style-iw[style]>button.gm-ui-hover-effect {
    background: rgb(0, 0, 0) !important;
    color: rgb(255, 255, 255);
    top: -10px !important;
    right: -10px !important;
    border: 0 !important;
}

.gm-ui-hover-effect>span {
    margin: 0 auto !important;
    background: rgb(255, 255, 255);
}

/*-------------------------------------- --6  Search Section --------------------------------------*/

.wpl_plisting_top_sidebar_container {
    margin: 30px 0 60px;
}

.wpl_search_from_box {
    max-width: 1440px;
    margin: 0 auto;
    padding: 15px;
    font-size: .95rem;
    border: 0;
    background: rgb(240, 245, 250);
    border-radius: 1rem;
    box-shadow: 0 5px 10px 0 rgba(85, 35, 180, 0.15);
}

.wpl-advanced-search-popup .wpl_search_from_box {
    padding: 0 0 45px;
    background: transparent;
    box-shadow: none;
}

.wpl-advanced-search-popup .wpl_search_from_box_top {
    padding: 0;
    border: 0;
}

.wpl-advanced-search-popup .wpl_search_from_box_bot {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0 10px 30px;
    border: 0;
}

.wpl_search_from_box .chosen-container {
    width: 100% !important;
}

.wpl_search_from_box select,
.wpl_search_from_box .chosen-container .chosen-single {
    width: 100%;
    height: 45px !important;
    line-height: 45px;
    padding: 0 10px;
    font-size: .95rem;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border: 1px solid rgb(215, 210, 220);
    border-radius: .5rem;
    outline: 0
}

.wpl_search_from_box .chosen-container-multi {
    width: 100%;
    padding: 0 10px;
    font-size: .95rem;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border: 1px solid rgb(215, 210, 220);
    border-radius: .5rem;
    outline: 0
}

.wpl_search_from_box .chosen-container-multi .chosen-choices li.search-choice {
    margin: 10px 0 -5px;
    padding: 5px 20px 5px 5px;
    font-size: .90rem;
    background: rgb(235, 240, 240);
    border: 0;
    border-radius: 300px;
}

.wpl_search_from_box .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 5px;
    right: 5px;
}

.wpl_search_from_box .chosen-container .chosen-choices {
    margin: 0;
    padding: 0;
    border: 0;
}

.wpl_search_from_box .chosen-container.chosen-container-active .chosen-single,
.wpl_search_from_box .chosen-container.chosen-container-active .chosen-choices {
    outline: 0;
    box-shadow: none
}

.wpl_search_from_box .chosen-container-multi .chosen-choices li.search-field input[type='text'] {
    height: 42.75px;
    margin: 0;
    padding: 0;
    font-family: var(--Primary-FontFamily);
    color: rgb(0, 0, 0);
}

.wpl_search_from_box .chosen-container-multi .chosen-choices li.search-field input[type='text']::placeholder {
    color: rgb(0, 0, 0);
}

.wpl_search_from_box .chosen-container .chosen-single div {
    width: 15px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
}

.wpl_search_from_box .chosen-container .chosen-single div:before {
    content: '\F054F';
    font-family: 'Material Design Icons';
}

.wpl_search_from_box .chosen-container .chosen-single div b,
.wpl_search_from_box .chosen-container:after {
    display: none
}

.wpl_search_from_box .chosen-container-single .chosen-drop {
    margin: 5px 0 0;
    padding: 5px 0;
    border: 1px solid rgb(215, 210, 220);
    border-radius: .5rem;
}

.wpl_search_from_box .chosen-container-single .chosen-search {
    display: none;
}

.wpl_search_from_box .chosen-container .chosen-results li {
    border-radius: 300px;
}

.wpl_search_from_box .chosen-container .chosen-results li:first-child {
    display: none;
}

.wpl_search_from_box .chosen-container .chosen-results li.highlighted {
    background: var(--Primary-Color);
}

.wpl_search_from_box .wpl_search_from_box_top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 5px;
    margin: 0 0 10px;
}

.wpl_search_from_box .wpl_search_field_container {
    width: 15%;
    margin: 0;
}

.wpl_search_from_box .wpl_search_field_container.wpl_search_field_price,
.wpl_search_from_box .wpl_search_field_container.wpl_search_field_locations {
    width: 25%;
}

.wpl_search_from_box .wpl_search_from_box_bot .wpl_search_field_container.minmax_type.wpl_search_field_area>input[type='number'] {
    width: 50% !important;
}

.wpl_search_from_box .wpl_search_field_container label,
.wpl_search_from_box .wpl_search_field_container>label:first-child {
    display: block;
    margin: 0 0 5px;
    font-size: .90rem;
    font-weight: 500 !important;
}

.wpl_search_from_box .wpl_search_field_container input[type='text'],
.wpl_search_from_box .wpl_search_field_container input[type='number'],
.wpl_search_from_box .wpl_search_field_container input[class*='_location_text'] {
    height: 45px;
    font-size: .95rem;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border: 1px solid rgb(215, 210, 220);
    border-radius: .5rem;
}

.wpl_search_from_box .wpl_search_field_container input[type='text']::placeholder,
.wpl_search_from_box .wpl_search_field_container input[type='number']::placeholder,
.wpl_search_from_box .wpl_search_field_container input[class*='_location_text']::placeholder {
    font-size: .95rem;
    color: rgb(0, 0, 0);
}

.wpl_search_from_box .wpl_search_field_container .wpl_search_slider_container {
    display: flex;
    gap: 5px;
}

.wpl-advanced-search-popup .wpl_search_from_box .wpl_search_field_container .wpl_search_slider_container {
    gap: 10px;
}

.wpl_search_from_box .wpl_search_field_container .wpl_search_slider_container.wpl-util-hidden {
    display: none;
}

.wpl_search_from_box .search_submit_box {
    width: 100px;
    height: 45px;
    float: right;
    margin: 0;
    background: var(--Primary-Color);
    border-radius: .5rem;
}

.wpl_search_from_box .search_submit_box:hover {
    opacity: .90;
}

.wpl_search_from_box .search_submit_box .wpl_search_widget_submit {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px 0 0;
    font-size: 1rem;
}

.wpl_search_from_box .search_submit_box:after {
    content: '';
    width: 20px;
    height: 20px;
    top: 12.5px;
    right: 7.5px;
    background: url(../img/icons/search-secondary.svg) no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
}

.wpl_search_from_box .q-filter {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50px;
    right: 15px;
    font-size: 1.5rem;
    background: transparent;
    color: var(--Primary-Color);
    border: 1px solid var(--Primary-Color);
    border-radius: 0.5rem;
    cursor: pointer;
}

.wpl-advanced-search-popup {
    width: 600px;
    margin: 15px 0 0;
    padding: 0;
    position: relative;
}

.wpl-advanced-search-popup .wpl_search_from_box .wpl_search_from_box_top .search_submit_box {
    position: absolute;
    bottom: 20px;
    left: 10px;
}

.wpl-advanced-search-popup .wpl_search_from_box .wpl_search_from_box_top {
    gap: 0;
}

.wpl-advanced-search-popup .wpl_search_from_box .wpl_search_field_container {
    width: 100%;
    margin: 10px 0 0 !important;
    padding: 0 5px;
}

.wpl-advanced-search-popup .wpl_search_from_box .wpl_search_from_box_top .wpl_search_reset {
    position: absolute;
    right: 5px;
    bottom: 20px;
}

.wpl-advanced-search-popup .wpl_search_from_box .wpl_search_field_container.wpl_search_field_price,
.wpl-advanced-search-popup .wpl_search_from_box .wpl_search_field_container.wpl_search_field_locations {
    width: 100%;
}

.wpl-advanced-search-popup .wpl_search_from_box .q-filter {
    display: none;
}

.wpl-advanced-search-popup .wpl_search_from_box .search_submit_box {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
}

.wpl-advanced-search-popup .wpl_search_from_box .wpl_dashboard_links_container {
    margin: 0 0 15px 5px;
}

.wpl-advanced-search-popup .wpl_search_from_box .wpl_dashboard_links_container a {
    font-size: .85rem;
}

.wpl-advanced-search-popup .wpl_search_from_box .wpl_dashboard_links_container a.wpl-addon-save-searches-link {
    margin: 0;
}

.wpl-advanced-search-popup .wpl_search_from_box .wpl_dashboard_links_container a span {
    display: none;
}

.wpl-advanced-search-popup .wpl_search_from_box .wpl_search_from_box_top .search_submit_box {
    bottom: 20px;
}

.wpl_search_from_box .wpl_search_reset {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    float: right;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    background: rgb(125, 140, 140);
    border-radius: .5rem;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    text-indent: -9999px;
}

.wpl_search_from_box .wpl_search_reset:after {
    content: '\e672';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    font-family: 'wpl-front';
    font-size: 1rem;
    line-height: 1;
    text-indent: initial;
}

.wpl_search_from_box .wpl_search_from_box_top .wpl_search_reset,
.wpl_search_from_box .wpl_search_from_box_top .search_submit_box,
.wpl_search_from_box .wpl_search_from_box_top .wpl_search_field_container,
.wpl_search_from_box .wpl_search_from_box_top .wpl_dashboard_links_container a {
    margin: 0;
}

.wpl_search_from_box .wpl_dashboard_links_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.wpl_search_from_box .wpl_dashboard_links_container a {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 10px;
    font-size: .90rem;
    border-radius: .5rem;
}

.wpl_search_from_box .wpl_dashboard_links_container a span {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0;
    right: 0;
}

@media (max-width: 1260px) {

    .wpl_search_from_box .wpl_search_from_box_top {
        display: block;
        margin: 0;
    }

    .wpl_search_from_box .wpl_search_from_box_top {
        margin: 10px 0 0;
    }

    .wpl-advanced-search-popup {
        width: 100%;
    }

    .wpl_plisting_top_sidebar_container {
        margin: 0 0 30px;
        padding: 0 15px;
    }

    .wpl_search_from_box .wpl_search_field_container,
    .wpl_search_from_box .wpl_search_field_container:not(.radiussearch),
    .wpl_search_from_box .wpl_search_field_container.wpl_search_field_price,
    .wpl_search_from_box .wpl_search_field_container.wpl_search_field_locations {
        width: 100% !important;
        margin: 10px 0 0;
    }

    .wpl_search_from_box .wpl_search_from_box_top .wpl_search_reset {
        margin: 10px 0 0;
    }

    .wpl_search_from_box .wpl_search_from_box_top .search_submit_box {
        margin: 10px 10px 0 0;
    }

    .wpl_search_from_box .search_submit_box:after {
        display: none;
    }

    .wpl_search_from_box .search_submit_box .wpl_search_widget_submit {
        width: 100% !important;
        margin: 0;
        padding: 0;
        justify-content: center;
    }

    .wpl_search_from_box .q-filter {
        width: 40px;
        height: 40px;
        right: 20px;
        background: rgb(255, 255, 255);
        color: rgb(100, 100, 100);
        border: 0;
    }

    .wpl-advanced-search-popup .wpl_search_from_box .wpl_search_from_box_top .search_submit_box {
        bottom: -30px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {

    .wpl_search_from_box .q-filter {
        top: 55px;
    }
}

@media (max-width: 330px) {

    .wpl_search_from_box .search_submit_box {
        width: 75%;
    }
}

@media (max-width: 1260px) {

    .wpl_search_from_box .wpl_dashboard_links_container {
        width: 100%;
        margin: 0 0 15px;
        justify-content: space-between;
    }

    .wpl_search_from_box .wpl_dashboard_links_container a.wpl-addon-save-searches-link {
        width: 60%;
        margin: 0;
    }

    .wpl_search_from_box .wpl_dashboard_links_container a.wpl-widget-favorites-link {
        width: 35%;
    }
}

@media (max-width: 767px) {

    .wpl_search_from_box .wpl_dashboard_links_container a span {
        display: none;
    }
}

@media (max-width: 767px) {

    .wpl-advanced-search-popup .wpl_search_from_box .search_submit_box {
        margin: 0 0 30px;
    }
}

.wpl_search_from_box .more_search_option {
    width: 150px;
    margin: 0 auto;
    right: 0;
    bottom: -10px;
    left: 0;
    font-family: var(--Primary-FontFamily);
    font-weight: 700;
    background: rgb(40, 195, 90);
    color: rgb(255, 255, 255);
    border: 0;
    border-radius: .25rem;
}

.wpl_search_from_box .more_search_option:hover {
    opacity: .90;
}

.wpl_search_from_box .more_search_option:after {
    margin: 0;
    position: absolute;
    top: 0;
    right: 10px;
    font-size: .75rem;
}

/*-------------------------------------- --7  Property Section --------------------------------------*/

.q-property-section .q-breadcrumbs-section {
    width: 100%;
    display: inline-block;
    padding: 15px 0;
    position: relative;
    font-size: .90rem;
}

.q-property-section .q-breadcrumbs-section ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.q-property-section .q-breadcrumbs-section ul li {
    display: inline-block;
    color: var(--Primary-Color);
    text-transform: capitalize;
}

.q-property-section .q-breadcrumbs-section ul li a {
    display: block;
    padding: 5px;
    position: relative;
    color: rgb(0, 10, 20);
    font-family: var(--Primary-FontFamily);
}

.q-property-section .q-breadcrumbs-section ul li a:before {
    content: ' / ';
    position: absolute;
    top: 5px;
    right: -5px;
}

.q-property-section .q-breadcrumbs-section ul li span {
    display: block;
    padding: 5px;
}

@media (max-width: 767px) {

    .q-property-section .q-breadcrumbs-section ul li a,
    .q-property-section .q-breadcrumbs-section ul li span {
        padding: 0 5px;
    }

    .q-property-section .q-breadcrumbs-section ul li a:before {
        top: 0;
    }
}

/*Pshow gallery Grid*/
.quest_grid_pshow {
    position: relative;
}

.quest_grid_pshow ul {
    max-width: 100%;
    height: auto !important;
    width: 100% !important;
    display: grid;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
}

.quest_grid_pshow ul:before,
.quest_grid_pshow ul:after {
    display: none !important;
}

.quest_grid_pshow ul li {
    width: 100% !important;
    overflow: hidden;
    display: none;
}

.quest_grid_pshow ul li:first-child,
.quest_grid_pshow ul li:nth-child(2),
.quest_grid_pshow ul li:nth-child(3),
.quest_grid_pshow ul li:nth-child(4),
.quest_grid_pshow ul li:nth-child(5) {
    display: block;
}

.quest_grid_pshow ul li:first-child {
    grid-column: span 2;
    grid-row: span 2;
    max-height: none;
}

.quest_grid_pshow ul li span {
    height: 100%;
    display: block;
}

.quest_grid_pshow ul li img {
    height: 100%;
    object-fit: cover;
    display: block;
    max-height: none;
    max-width: auto;
    cursor: pointer;
    margin: 0 auto;
}

.quest_grid_pshow ul li img:hover {
    filter: brightness(0.8);
}

.q-all-img {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
}

.q-all-img a {
    padding: 8px 10px;
    border-radius: 8px;
    background: #fff;
    display: flex;
    align-items: center;
    color: #0E167F;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 2px 14px rgba(50, 71, 92, .08), 0 4px 9px 1px rgba(50, 71, 92, .04), 0 2px 6px 4px rgba(50, 71, 92, .02);
}

.q-all-img a:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
}

.q-all-img a:before {
    content: '\e91c';
    display: inline-block;
    font-family: wpl-front;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .quest_grid_pshow ul {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .q-grid-count1 ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-template-rows: repeat(1, minmax(0, 1fr));
        grid-column-gap: 0;
        grid-row-gap: 0;
    }

    .q-grid-count2 ul,
    .q-grid-count3 ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(1, minmax(0, 1fr));
    }

    .quest_grid_pshow ul li {
        max-height: 208px;
    }

    .quest_grid_pshow ul li:first-child {
        height: 440px;
        border-radius: 10px 0 0 10px;
    }

    .quest_grid_pshow ul li:nth-child(3),
    .quest_grid_pshow ul li:nth-child(5) {
        border-radius: 0 10px 10px 0;
    }

    .q-all-img {
        padding: 20px;
    }

    .q-all-img a {
        padding: 10px 28px;
        font-size: 14px;
    }

    .q-all-img a:before {
        font-size: 18px;
    }
}

/*End Pshow gallery Grid*/

.q-property-section .q-info-section {
    width: 100%;
    display: inline-block;
    padding: 44px 0;
}

.q-property-section .q-info-section .q-price {
    display: inline-block;
    position: relative;
}

.q-property-section .q-info-section .q-price strong {
    display: block;
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
}

.q-property-section .q-info-section .q-price strong:first-letter {
    padding-right: 5px;
}

.q-property-section .q-info-section .q-price span {
    display: inline-block;
    padding: 7.5px 25px;
    position: absolute;
    top: 15px;
    right: -200px;
    font-size: .875rem;
    font-weight: 500;
    background: rgba(255, 155, 0, 0.15);
    color: rgb(255, 155, 0);
    border: 1px solid rgb(255, 155, 0);
    border-radius: 300px;
}

.q-property-section .q-info-section .q-state {
    display: block;
    padding: 0 0 15px;
    font-size: 2rem;
    font-weight: 500;
}

.q-property-section .q-info-section .q-type {
    display: block;
    padding: 0 0 5px;
    font-size: .9rem;
}

.q-property-section .q-info-section .q-location {
    display: block;
    padding: 0 0 5px;
}

.q-property-section .q-info-section .q-location h1 {
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin: 5px 0 10px;
}

.q-property-section .q-info-section .q-location a {
    display: inline-block;
    position: relative;
    color: var(--Primary-Color);
    font-weight: 500;
}

.q-property-section .q-info-section .q-location a:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--Primary-Color);
}

.q-last-update-date {
    padding: 5px 0;
    font-size: .9rem;
}

.q-bed-bath {
    display: flex;
    gap: 15px;
    justify-content: space-evenly;
    padding-top: 20px;
}

.q-bed-bath div {
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.q-bed-bath strong {
    display: block;
    font-size: 40px;
}

.q-bed-bath span {
    padding-top: 8px;
    font-size: 22px;
    font-weight: 400;
}

.q-property-section .q-info-section .q-actions-section ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 15px;
}

.q-property-section .q-info-section .q-actions-section ul li {
    display: inline-block;
}

.q-property-section .q-info-section .q-actions-section ul li a {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    position: relative;
}

.q-property-section .q-info-section .q-actions-section ul li a img {
    max-width: 25px;
}

.q-property-section .q-info-section .q-actions-section .favorite_link img {
    max-width: 28px;
}

.q-property-section .q-info-section .q-actions-section ul li a .q-second {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.q-property-section .q-info-section .q-actions-section ul li a:hover .q-second {
    display: block;
}

.q-property-section .q-info-section .q-actions-section ul li i {
    font-size: .875rem;
    font-style: normal;
    color: rgb(185, 160, 225);
}

.q-share-section ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}

.q-share-section li {
    display: inline-block;
    position: relative;
    border: none;
}

.q-share-section li a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    background: rgb(70, 70, 70);
    color: rgb(255, 255, 255);
    border-radius: 50%;
}

.q-share-section li a img {
    max-width: 25px;
}

.q-share-section li a:hover {
    background: var(--Primary-Color);
}

.q-property-section .q-info-section .q-code {
    display: flex;
    justify-content: flex-end;
    margin: 30px 0;
}

@media (max-width: 767px) {

    .q-property-section .q-info-section {
        padding: 30px 0;
    }

    .q-property-section .q-info-section .q-price strong {
        display: block;
        margin: 0 0 5px;
        font-size: 2rem;
    }

    .q-property-section .q-info-section .q-price span {
        position: relative;
        top: 0;
        right: 0;
    }

    .q-property-section .q-info-section .q-state {
        font-size: 1.5rem;
    }

    .q-property-section .q-info-section .q-actions-section ul {
        justify-content: center;
        margin: 30px 0;
    }

    .q-property-section .q-info-section .q-code {
        margin: 0;
    }

    .q-bed-bath strong {
        font-size: 30px;
    }
}

.q-property-section .q-agent-section {
    width: 100%;
    display: inline-block;
    padding: 15px 10px;
    margin-top: 0;
    position: relative;
    background: #F3FAFF url('../img/users/agent_shape.png') no-repeat center;
    background-size: contain;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(33, 74, 180, .16);
    z-index: 15;
    transition: margin-top .8s ease;
}

@media (min-width: 1260px) {
    .q-property-section .q-agent-section.sticky {
        z-index: 1000;
        position: fixed;
        top: 20px;
        width: 238px;
        margin-top: 20px;
    }
}

.q-property-section .q-agent-section .q-avatar {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-direction: column;
}

.q-property-section .q-agent-section .q-avatar figure {
    position: relative;
}

.q-property-section .q-agent-section .q-avatar img {
    width: 70px;
    height: 70px;
    border: 5px solid rgb(200, 230, 250);
    border-radius: 50%;
    object-fit: cover;
}

.q-property-section .q-agent-section .q-avatar .q-logo {
    display: none;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding: 5px;
    position: absolute;
    bottom: -25px;
    right: 0;
    left: 0;
    border-radius: 50%;
    object-fit: contain;
    background: rgb(255, 255, 255);
    box-shadow: 0 5px 10px 0 rgba(85, 35, 180, 0.15)
}

.q-property-section .q-agent-section .q-avatar .q-name {
    padding: 0 0 20px 0;
    text-align: center;
}

.q-property-section .q-agent-section .q-avatar .q-name .q-job {
    display: block;
    color: #666B72;
    font-size: 14px;
}

.q-property-section .q-agent-section .q-avatar .q-name strong {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    padding-bottom: 5px;
}

.q-property-section .q-agent-section .q-avatar .q-name .q-office {
    display: block;
    font-size: 14px;
    color: #000814;
}

@media (max-width: 767px) {

    .q-property-section .q-agent-section {
        padding: 30px;
    }

    .q-property-section .q-agent-section .q-social ul {
        justify-content: center;
        margin: 15px 0;
    }

    .q-property-section .q-agent-section .q-avatar {
        flex-direction: column;
    }

    .q-property-section .q-agent-section .q-avatar figure {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .q-property-section .q-agent-section .q-avatar .q-name {
        width: 100%;
    }
}

.q-property-section .q-agent-section .q-info ul li {
    width: 100%;
    display: inline-block;
    padding: 7px 10px;
    font-size: 13px;
}

.q-user-social {
    display: flex;
    gap: 10px;
    padding: 10px;
}

.q-property-section .q-agent-section .q-social ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.q-property-section .q-agent-section .q-social ul li {
    display: inline-block;
}

.q-property-section .q-agent-section .q-social ul li a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.q-property-section .q-agent-section .q-modal {
    opacity: 0;
    width: 0;
    height: 0;
    position: relative;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    background: rgb(255, 255, 255);
    padding: 0;
    border-radius: 5px;
    transition: .8s cubic-bezier(0, 0, 0.2, 1);
}

.q-property-section .q-agent-section .q-modal.q-open {
    opacity: 1;
    width: 100%;
    height: auto;
    padding: 2rem;
}

@media (min-width: 481px) {
    .q-property-section .q-agent-section .q-modal {
        position: absolute;
        left: -100%;
        bottom: -100%;
        top: auto;
    }

    .q-property-section .q-agent-section .q-modal.q-open {
        width: 400px;
        height: auto;
        left: auto;
        bottom: auto;
        right: 0;
        top: 0;
    }
}

.q-property-section .q-agent-section .q-modal .q-close {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 35px;
    cursor: pointer;
}

.q-property-section .q-agent-section .q-action {
    margin: 15px 0 0;
}

.q-property-section .q-agent-section .q-action a {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 5px 15px;
    font-weight: 500;
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.25) inset, 0 -1px 0 0 rgba(5, 20, 55, 0.03) inset, 0 3px 10px 0 rgba(15, 10, 35, 0.25), 0 3px 3px 0 rgba(15, 10, 35, 0.05);
}

.q-property-section .q-details-section {
    width: 100%;
    display: inline-block;
    padding: 30px 0;
}

.q-property-section .q-details-section ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.q-property-section .q-details-section ul li {
    width: calc(35% - 30px);
    display: flex;
    align-items: center;
    padding: 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: .875rem;
    background: rgb(245, 245, 245, .75);
    border-radius: 10px;
}

.q-property-section .q-details-section ul li div {
    display: flex;
    align-items: center;
}

.q-property-section .q-details-section ul li strong {
    font-family: 'Montserrat', sans-serif;
}

.q-property-section .q-details-section ul li span {
    display: inline-flex;
    align-items: center;
}

.q-property-section .q-details-section ul li span:after {
    content: '';
    display: inline-block;
    width: .5px;
    height: 24px;
    margin: 0 8px;
    background: #000;
}

@media (max-width: 767px) {

    .q-property-section .q-details-section {
        margin: -90px 0 30px;
        padding: 115px 15px 0;
    }

    .q-property-section .q-details-section ul li {
        width: calc(50% - 10px);
    }
}

@media (max-width: 576px) {

    .q-property-section .q-agent-section .q-action .q-button {
        width: 100%;
    }

    .q-property-section .q-details-section ul {
        gap: 10px;
    }

    .q-property-section .q-details-section ul li {
        width: 100%;
        padding: 10px 15px;
    }
}

@media (max-width: 335px) {

    .q-property-section .q-details-section ul li {
        width: 100%;
        padding: 0;
    }
}

.q-property-section .q-features-section {
    width: 100%;
    display: inline-block;
    padding: 56px 0 0 0;
    margin-bottom: 40px;
    background: #FCFCFC;
}

.q-property-section .q-features-section .q-nav-section ul {
    padding: 0 60px 0 0;
}

.q-property-section .q-features-section .q-nav-section ul li {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
}

.q-property-section .q-features-section .q-nav-section ul li a {
    display: block;
    padding: 15px 30px;
    background: rgb(255, 255, 255);
    text-align: center;
    font-weight: 700;
    border-radius: 20px 0 20px 0;
}

.q-property-section .q-features-section .q-nav-section ul li a img {
    display: block;
    margin: 0 auto;
}

.q-property-section .q-features-section .q-nav-section ul li a span {
    display: block;
    padding: 5px 0 0;
}

.q-property-section .q-features-section .q-nav-section ul li a.active {
    background: rgb(227, 242, 255);
    color: var(--Primary-Color);
    box-shadow: 0 5px 12px 0 rgba(33, 74, 180, .16);
}

.q-property-section .q-features-section .q-heading {
    width: 100%;
    display: inline-block;
}

.q-property-section .q-features-section .q-section-category .q-heading:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 34px;
    height: 34px;
    background-color: #E3E4ED;
    background-image: url("../img/icons/categories/general.svg");
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    padding: 6px;
}

.q-property-section .q-features-section .q-section-category .q-heading2:before {
    background-image: url("../img/icons/categories/gps.svg");
}

.q-property-section .q-features-section .q-section-category .q-heading117:before {
    background-image: url("../img/icons/categories/interior-design.svg");
}

.q-property-section .q-features-section .q-section-category .q-heading116:before {
    background-image: url("../img/icons/categories/exter.svg");
}

.q-property-section .q-features-section .q-section-category .q-heading120:before {
    background-image: url("../img/icons/categories/finance.svg");
}

.q-property-section .q-features-section .q-section-category .q-heading114:before {
    background-image: url("../img/icons/categories/remark.svg");
}

.q-property-section .q-features-section .q-section-category .q-heading118:before {
    background-image: url("../img/icons/categories/util.svg");
}

.q-property-section .q-features-section .q-section-category .q-heading-walk:before {
    background-image: url("../img/icons/categories/walk.svg");
}

.q-property-section .q-features-section .q-section-category .q-description-section:hover .q-heading:before {
    background-color: #f5f5fa;
}

.q-property-section .q-features-section .q-heading strong {
    display: inline-block;
    font-size: 1.6rem;
    font-family: "Montserrat", sans-serif;
    vertical-align: middle;
}

.q-property-section .q-features-section .q-heading-description strong {
    font-size: 2rem;
    margin-bottom: 20px;
}

.q-property-section .q-features-section .q-section-description {
    color: #666B72;
}

.q-property-section .q-features-section .q-description-section {
    width: 100%;
    display: inline-block;
    padding: 0 0 20px;
    cursor: pointer;
}

.q-property-section .q-features-section .q-feature-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 60px;
}

.q-property-section .q-features-section .q-feature-section ul {
    display: flex;
    flex-wrap: wrap;
}

.q-property-section .q-features-section .q-feature-section ul li {
    width: 25%;
    display: inline-block;
}

.q-property-section .q-features-section .q-feature-section ul li strong {
    display: block;
}

.q-property-section .q-features-section .q-feature-section ul li span {
    display: block;
}

.q-property-section .q-features-section .q-appliance-section {
    margin-bottom: 20px;
    margin-top: 20px;
}

.q-section-category {
    border-bottom: 1px solid #D0D0D0;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.q-section-category:last-child {
    border-bottom: none;
}

.q-property-section .q-features-section .q-appliance-section ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
}

.q-property-section .q-features-section .q-appliance-section ul li {
    width: 33.3%;
    align-items: center;
    padding: 0;
}

.q-property-section .q-features-section .q-appliance-section ul li span {
    margin-top: 10px;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
}

.q-property-section .q-features-section .q-appliance-section ul li p {
    margin: 0;
}

.q-property-section .q-features-section .q-walkscore-section {
    margin: 30px 0 0 0;
}

.q-property-section .q-features-section .q-walkscore-section .q-heading {
    width: 100%;
    display: inline-block;
}

.q-property-section .q-features-section .q-walkscore-section .q-heading strong {
    display: inline-block;
    font-size: 1.6rem;
    font-family: "Montserrat", sans-serif;
    vertical-align: middle;
}

.q-property-section .q-features-section .q-walkscore-section ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 30px;
}

.q-property-section .q-features-section .q-walkscore-section ul li {
    width: 25%;
    display: inline-block;
    text-align: center;
}

.q-property-section .q-features-section .q-walkscore-section ul li div {
    padding: 10px;
}

.q-property-section .q-features-section .q-walkscore-section ul li img {
    width: 95px;
    height: 95px;
    padding: 15px;
    background: rgb(255, 255, 255);
    border-radius: .5rem;
    display: none;
}

.q-property-section .q-features-section .q-walkscore-section ul li span {
    display: block;
    margin: 0 0 15px;
    font-weight: 700;
}

.q-property-section .q-features-section .q-walkscore-section ul li strong {
    font-weight: 400;
}

.q-property-section .q-features-section .q-calculator-section {
    width: 80%;
    margin: 15px auto;
    display: block;
    padding: 20px;
    position: relative;
    font-weight: 500;
}

.q-features-section.calculator .q-heading {
    text-align: center;
}

.q-features-section.calculator .q-heading strong {
    color: var(--Primary-Color);
}

.q-property-section .q-features-section .q-calculator-section ul {
    display: flex;
    gap: 5px;
}

.q-property-section .q-features-section .q-calculator-section ul li {
    display: inline-block;
    padding: 0 15px 0 0;
}

.q-property-section .q-features-section .q-calculator-section .q-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 25px 0 0;
}

.calculator .q-input input,
.calculator .q-select select,
.calculator .q-textarea textarea {
    background: #fff;
}

.calculator label {
    font-family: "Montserrat", sans-serif;
}

.q-property-section .q-features-section.calculator {
    padding: 35px 0;
    background: #fff;
}

.q-property-section .q-features-section.calculator .container {
    max-width: 68%;
    padding: 40px;
    background: rgb(250, 250, 250);
    overflow: hidden;
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px 5px rgba(50, 70, 90, 0.025), 0 5px 10px 1px rgba(50, 70, 90, 0.045), 0 2px 15px 0 rgba(50, 70, 90, 0.075);
}

@media (max-width: 767px) {

    .q-property-section .q-features-section {
        padding: 30px 0;
        border-radius: 0;
    }

    .q-property-section .q-features-section .q-nav-section ul {
        padding: 0 5px;
    }

    .q-property-section .q-features-section .q-feature-section {
        margin: 0 0 15px;
    }

    .q-property-section .q-features-section .q-feature-section ul li {
        width: 50%;
        margin: 0 0 15px;
    }

    .q-property-section .q-features-section .q-appliance-section ul li,
    .q-property-section .q-features-section .q-walkscore-section ul li {
        width: 50%;
    }

    .q-property-section .q-features-section.calculator .container {
        max-width: 90%;
        padding: 40px 20px;
    }

    .q-property-section .q-features-section .q-calculator-section {
        padding: 30px;
        width: 100%;
    }

    .q-property-section .q-features-section .q-calculator-section .q-actions {
        flex-direction: column;
    }
}

@media (max-width: 335px) {

    .q-property-section .q-features-section .q-feature-section ul li {
        width: 100%;
    }

    .q-property-section .q-features-section .q-appliance-section ul li,
    .q-property-section .q-features-section .q-walkscore-section ul li {
        width: 100%;
        padding: 10px 0;
    }
}

.q-property-section .q-video-section {
    width: 100%;
    display: inline-block;
    padding: 0;
    background: url(../img/cover-video.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.q-property-section .q-video-section video {
    padding: 190px 0;
}

@media (max-width: 1260px) {

    .q-property-section .q-video-section video {
        padding: 60px 0;
    }
}

.q-property-section .q-schedule-form-section {
    width: 100%;
    display: inline-block;
    padding: 60px 0;
    background: url(../img/Schedule-Form-BG.png) no-repeat;
    background-size: cover;
    background-position: -100px 180px;
}

.q-property-section .q-schedule-form-section .q-heading {
    width: 100%;
    display: inline-block;
    margin: 0 0 30px;
    text-align: center;
}

.q-property-section .q-schedule-form-section .q-heading h2 {
    font-size: 1.7rem;
    line-height: 1.25;
    color: var(--Primary-Color);
    font-family: "Montserrat", sans-serif;
    text-transform: none;
}

.q-property-section .q-schedule-form-section .q-heading p {
    display: block;
    padding: 0 30px;
    color: rgb(100, 105, 115);
}

.q-schedule-form-section label {
    font-family: "Montserrat", sans-serif;
}

.q-property-section .q-schedule-form-section .q-form {
    width: 100%;
    display: inline-block;
    padding: 60px;
    background: rgba(255, 255, 255, .8);
    border-radius: 1rem;
    box-shadow: -5px 10px 35px 0 rgba(0, 0, 0, 0.10);
}

.q-schedule-form-section input[type="date"] {
    width: 100%;
}

.q-property-section .q-schedule-form-section .q-form .q-button {
    width: 200px;
    height: 45px;
}

@media (max-width: 767px) {

    .q-property-section .q-schedule-form-section .q-heading h2 {
        font-size: 1.5rem;
    }

    .q-property-section .q-schedule-form-section .q-heading p {
        padding: 0;
    }

    .q-property-section .q-schedule-form-section .q-form {
        padding: 30px;
    }
}

@media (max-width: 576px) {

    .q-property-section .q-schedule-form-section .q-form .q-button {
        width: 100%;
    }
}

.q-property-section .q-similar-properties-section {
    width: 100%;
    display: inline-block;
    padding: 60px 0;
    border-radius: 0;
    background: rgb(255, 255, 255);
}

.q-similar-properties-section h2 {
    padding-left: 90px;
}

.q-similar-properties-section .swiper-slide {
    padding: 0 15px;
}

.q-similar-properties-section .swiper-slide .q-property{
    margin-bottom:0;
}

.q-similar-properties-section .q-thumbnails figure img {
    border-radius: 0 0 50px 0;
}

.q-similar-properties-section .q-property h2 {
    display: block;
    font-size: 12px;
    min-height: 63px;
    padding: 0 !important;
}

.q-similar-properties-section .q-property h2 strong {
    display: block;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 6px;
}

.q-similar-properties-section .q-property h2 span {
    display: flex;
    gap: 5px;
    align-items: flex-start;
}

.q-similar-properties-section .q-property h2 span img {
    padding-top: 3px;
}

.q-similar-properties-section .q-property .q-content .q-price {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
}

.q-similar-properties-section .q-features {
    min-height: 42px;
}

.q-similar-properties-section .q-property .q-content .q-features ul {
    gap: 20px;
}

.q-similar-properties-section .q-features ul li:before {
    display: none;
}

.q-similar-properties-section .q-property .q-content .q-features ul li span {
    font-size: 12px;
}

/*-------------------------------------- --12 Sign in/Sign up Section --------------------------------------*/

.q-signup-section {
    width: 100%;
    display: inline-block;
    padding: 90px 0 60px;
    position: relative;
}

.q-signup-section .q-heading {
    width: 100%;
    display: block;
    margin: 0 0 30px;
    text-align: center;
}

.q-signup-section .q-heading .q-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 2rem;
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    border-radius: 50%;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15));
}

.q-signup-section .q-heading strong {
    display: block;
    margin: 5px 0;
    font-weight: 700;
    background: var(--Primary-Color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.q-signup-section .q-form {
    padding: 0 100px;
    position: relative;
}

.q-signup-section .q-form .q-signin {
    display: block;
    margin: 15px 0;
}

.q-signup-section .q-form .q-signin a {
    background: var(--Primary-Color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.q-signup-section .q-form .q-password {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 15px 0;
    color: var(--Secondary-Color);
}

.q-signup-section .q-form .q-text {
    width: 100%;
    display: inline-block;
    margin: 40px 0 0;
}

.q-signup-section .q-form .q-text.q-signup_wrap{
    display: flex;
    gap: 15px;
    align-items: baseline;
    justify-content: center;
}

.q-signup-section .q-form .q-text a {
    color: rgb(125, 15, 20);
    border-bottom: 1.5px solid;
    padding-bottom: 3px;
    margin-bottom: 0;
}
.q-signup-section .q-form .q-text a:hover{
    color: var(--Primary-Color);
}

.q-signup-section .q-form .q-social {
    display: none;
    align-items: center;
    text-align: center;
}

.q-signup-section .q-form .q-social ul {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding: 30px 0 10px;
}

.q-signup-section .q-form .q-social ul li {
    display: inline-block;
    padding: 5px 0;
}

.q-signup-section .q-form .q-social ul li a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    background: rgb(90, 90, 90);
    color: rgb(255, 255, 255);
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(20, 20, 45, 0.15);
}

.q-signup-section .q-form .q-social ul li a img {
    max-width: 25px;
}

.q-signup-section .q-form .q-social ul li a:hover {
    background: var(--Primary-Color);
    opacity: 1;
}
.q-signup-section .q-form .q-dropdown{
    margin-bottom:15px;
}
.q-signup-section .q-form .q-dropdown button{
    width:100%;
    height: 45px;
    text-align:left;
    border-color: rgb(215, 210, 220);
    font-size:14px;
    border-radius:8px;
}
.q-signup-section .q-form .q-dropdown button.show{
    background:#fff;
    color:#6c757d;
}
.q-signup-section .q-form .q-dropdown button i{
    font-size: 1.25rem;
    padding-right:5px;
    vertical-align: middle;
}
.q-signup-section .q-form .q-dropdown button span{
    vertical-align: middle;
}
.q-signup-section .q-form .q-dropdown button:after{
    content:'\e907';
    font-family: wpl-front;
    border: none;
    font-size: 6px;
    font-weight: 100;
    color: #aeaeae;
    float: right;
    line-height: 33px;
}
.q-signup-section .q-form .dropdown-menu{
    width:100%;
    padding:16px 16px 16px 0;
    border-radius: 15px;
    border: 1px solid #D7D2DC;
}
.q-signup-section .q-form .dropdown-menu .dropdown-item{
    overflow:hidden;
    position:relative;
    padding:6px 0 6px 80px;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor:pointer;
}
.q-signup-section .q-form .dropdown-menu .dropdown-item:before{
    content:'';
    display: block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 10px solid #F3FAFF;
    background-color: #E3F2FF;
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/users/agent.png');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 16px;
}
.q-signup-section .q-form .dropdown-menu #wpl_user_type_4:before{
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/icons/Group-1.svg');
}
.q-signup-section .q-form .dropdown-menu #wpl_user_type_2:before{
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/icons/Roofing.svg');
}
.q-signup-section .q-form .dropdown-menu span{
    display:block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.q-signup-section .q-form .dropdown-menu .q-user_type_title{
    font-size: 1rem;
    font-weight: 600;
}
.q-signup-section .q-form .dropdown-menu .q-user_type_description{
    font-size: .85rem;
    font-weight: 300;
}
.q-signup-section .q-form .dropdown-menu .dropdown-item:hover{
    background:transparent;
}
.q-signup-section .q-form .dropdown-menu .dropdown-item:hover .q-user_type_title{
    color: var(--Primary-Color);
}
@media (max-width: 1260px) {

    .q-signup-section .q-form {
        padding: 0 60px;
    }
}

@media (max-width: 1260px) {

    .q-signup-section {
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .q-signup-section .q-cover-section,
    .q-signup-section .q-form .q-social {
        display: none;
    }

    .q-signup-section .q-form {
        padding: 0 15px;
    }
    .q-signup-section .q-form .q-text.q-signup_wrap{
        flex-direction:column;
        align-items:center;
    }
}

/*-------------------------------------- --13 Profile Section --------------------------------------*/

.q-profile-section {
    width: 100%;
    display: inline-block;
    padding: 45px 0;
    background: rgb(250, 250, 250);
    border-bottom: 1px solid rgb(245, 245, 245)
}

.q-profile-section .q-menu {
    width: 100%;
    display: inline-block;
    padding: 30px 15px;
    position: relative;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(235, 235, 235);
    border-radius: 0.5rem;
}

.q-profile-section .q-menu ul li {
    width: 100%;
    display: inline-block;
}

.q-profile-section .q-menu ul li a,
.q-profile-section .q-menu ul li div {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.q-profile-section .q-menu ul li a i,
.q-profile-section .q-menu ul li div i {
    font-size: 1.25rem;
}

.q-profile-section .q-menu ul li ul {
    padding: 0 0 0 15px;
}

.q-profile-section .q-menu ul li ul li a {
    padding: 5px;
    font-size: .95rem;
}

.q-profile-section .q-content {
    width: 100%;
    display: inline-block;
    padding: 30px 15px;
    position: relative;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(235, 235, 235);
    border-radius: 0.5rem;
}

.q-profile-section .q-content label {
    display: block;
    margin: 5px 0 0;
    padding: 0 0 5px;
    font-family: var(--Primary-FontFamily);
    font-size: .90rem;
    font-weight: 500;
    color: rgb(0, 0, 0);
}

.q-profile-section .q-content .q-button {
    width: 175px;
    max-width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    font-family: var(--Primary-FontFamily);
    font-size: .905rem;
    font-weight: 500;
    text-align: center;
    border: 0;
    border-radius: 300px;
    box-shadow: none;
}

.q-profile-section .q-content .q-button:hover {
    opacity: .90;
}

.q-profile-section .q-content .q-favorites ul li {
    display: inline-block;
}

.q-profile-section .q-content .q-favorites ul li .q-property-card-section {
    width: 100%;
    display: inline-block;
    margin: -15px 0 35px;
    position: relative;
    background: rgb(255, 255, 255);
    direction: ltr;
    font-weight: 700;
    border: 1px solid rgb(235, 235, 235);
    border-radius: .5rem;
}

.q-profile-section .q-content .q-favorites ul li .q-property-card-section a {
    color: rgb(0, 0, 0);
}

.q-profile-section .q-content .q-favorites ul li .q-property-card-section figure {
    margin: 0;
    position: relative;
    overflow: hidden;
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem;
}

.q-profile-section .q-content .q-favorites ul li .q-property-card-section figure img {
    width: 100%;
}

.q-profile-section .q-content .q-favorites ul li .q-property-card-section .q-card {
    width: 100%;
    display: inline-block;
    padding: 15px;
}

.q-profile-section .q-content .q-favorites ul li .q-property-card-section .q-close {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 1rem;
    background: rgb(125, 125, 125);
    color: rgb(255, 255, 255);
    border: 0;
    border-radius: 50%;
}

.q-profile-section .q-content .q-input {
    margin: 0 0 5px;
}

.q-profile-section .q-content input[type='text'],
.q-profile-section .q-content input[type='email'],
.q-profile-section .q-content input[type='number'],
.q-profile-section .q-content input[type='password'],
.q-profile-section .q-content select,
.q-profile-section .q-content textarea {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    font-size: .875rem;
    border: 1px solid rgb(225, 225, 225);
    border-radius: 0.31rem;
}

.q-profile-section .q-content input[type='text']:focus,
.q-profile-section .q-content input[type='email']:focus,
.q-profile-section .q-content input[type='password']:focus,
.q-profile-section .q-content select:focus,
.q-profile-section .q-content textarea:focus {
    border-color: rgb(25, 25, 25);
}

.q-profile-section .q-content textarea {
    height: 125px;
    padding: 10px;
    resize: none;
}

.q-profile-section .q-content .q-form {
    display: flex;
    flex-wrap: wrap;
}

.q-profile-section .q-content .q-form .prow,
.q-profile-section .q-content .q-form .prow-textarea {
    width: 50%;
    margin: 0 0 15px;
    padding: 0 5px;
    position: relative;
}

.q-profile-section .q-content .q-form .prow-locations {
    width: 100%;
}

.q-profile-section .q-content .q-form .prow-locations .location-wp {
    display: flex;
    gap: 10px;
}

.q-profile-section .q-content .q-form .prow-locations .location-wp .location-part {
    width: 50%;
}

.q-profile-section .q-content .q-form .prow-separator {
    display: none;
}

.q-profile-section .q-content .q-form .prow:nth-child(2) {
    width: 15%;
}

.q-profile-section .q-content .q-form .prow:nth-child(3) {
    width: 35%;
}

.q-profile-section .q-content .q-form .prow-textarea,
.q-profile-section .q-content .q-form .prow:nth-child(9),
.q-profile-section .q-content .q-form .prow:nth-child(14) {
    width: 100%;
}

.q-profile-section .q-content .q-form .prow-upload div {
    position: relative;
}

.q-profile-section .q-content .q-form .prow-upload .button-upload {
    width: 100%;
    height: inherit;
    padding: 15px;
    background: rgba(190, 195, 200, .15);
    color: rgb(125, 135, 135);
    text-align: center;
    border: 1px dashed rgb(190, 195, 200);
    font-weight: normal;
    border-radius: 0.25rem;
    cursor: pointer;
}

.q-profile-section .q-content .q-form .prow-upload .button-upload input {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.q-profile-section .q-content .q-form .prow-upload .button-upload span {
    pointer-events: none;
}

.q-profile-section .q-content .q-form .prow-upload img {
    max-width: 100px;
    margin: 5px 0;
    border-radius: .5rem;
}

.q-profile-section .q-content .q-form .chosen-container {
    width: 100% !important;
}

.q-profile-section .q-content .q-form .chosen-container .chosen-single {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    font-size: 1rem;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border: 0;
    border: 1px solid rgb(225, 225, 225);
    border-radius: 0.30rem;
    outline: 0;
}

.q-profile-section .q-content .q-form .chosen-container .chosen-single span {
    margin: 0 15px 0 0;
}

.q-profile-section .q-content .q-form .chosen-container .chosen-single div {
    right: 10px;
}

.q-profile-section .q-content .q-form .chosen-container .chosen-single div:before {
    content: '\F054F';
    font-family: 'Material Design Icons';
}

@media (max-width: 767px) {

    .q-profile-section .q-content .q-form .prow,
    .q-profile-section .q-content .q-form .prow:first-child,
    .q-profile-section .q-content .q-form .prow:nth-child(2),
    .q-profile-section .q-content .q-form .prow:nth-child(3) {
        width: 100%;
    }

    .q-profile-section .q-menu {
        margin: 0 0 30px;
    }

    .q-profile-section .q-content .q-favorites ul li .q-property-card-section {
        margin: -15px 0 30px
    }
}

.q-dashboard-section {
    width: 100%;
    float: left;
    display: inline-block;
    background: rgb(245, 245, 250);
    overflow: hidden;
}

.q-dashboard-section .q-sidebar-section {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.q-dashboard-section .q-sidebar-section .q-menu {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgb(255, 255, 255);
    box-shadow: 0 2px 5px 5px rgba(50, 70, 90, 0.025), 0 5px 10px 1px rgba(50, 70, 90, 0.045), 0 2px 15px 0 rgba(50, 70, 90, 0.075);
}

.q-dashboard-section .q-sidebar-section .q-menu .q-brand {
    width: 100%;
    display: inline-block;
    padding: 15px;
    text-align: center;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}

.q-dashboard-section .q-sidebar-section .q-menu .q-brand img {
    max-width: 125px;
}

.q-dashboard-section .q-sidebar-section .q-menu .q-heading {
    width: 100%;
    display: inline-block;
    margin: 10px 0;
    position: relative;
    color: rgb(0, 10, 20);
    font-weight: 500;
}

.q-dashboard-section .q-sidebar-section .q-menu .q-heading:before {
    content: '';
    width: 30px;
    height: 1px;
    position: absolute;
    top: 10px;
    left: -15px;
    background: rgb(215, 210, 220);
}

.q-dashboard-section .q-sidebar-section .q-menu .q-heading span {
    display: block;
    padding: 0 0 0 30px;
}

.q-dashboard-section .q-sidebar-section .q-menu ul li {
    width: 100%;
    display: inline-block;
    padding: 5px 0;
}

.q-dashboard-section .q-sidebar-section .q-menu ul li a {
    display: flex;
    gap: 5px;
    padding: 7.5px 10px;
    position: relative;
    color: rgb(100, 105, 115);
}

.q-dashboard-section .q-sidebar-section .q-menu ul li a:hover {
    background: rgb(245, 245, 255);
}

.q-dashboard-section .q-sidebar-section .q-menu ul li a .q-counter {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 7.5px;
    right: 15px;
    font-size: 0.875rem;
    background: rgb(210, 25, 25);
    color: rgb(255, 255, 255);
    border-radius: 50%;
}

.q-dashboard-section .q-avatar-section {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 20px 0 0;
}

.q-dashboard-section .q-avatar-section figure {
    position: relative;
}

.q-dashboard-section .q-avatar-section figure img {
    width: 65px;
    height: 65px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 50%;
}

.q-dashboard-section .q-avatar-section div strong {
    display: block;
    font-size: 1.125rem;
}

.q-dashboard-section .q-avatar-section div span {
    font-size: .90rem;
    color: rgb(100, 105, 115);
}

.q-dashboard-section .q-avatar-section .q-online {
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 2.5px;
    right: 2.5px;
    background: rgb(115, 220, 55);
    border: 2.5px solid rgb(255, 255, 255);
    border-radius: 50%;
}

.q-dashboard-section .q-avatar-section .q-offline {
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 2.5px;
    right: 2.5px;
    background: rgb(150, 165, 165);
    border: 2.5px solid rgb(255, 255, 255);
    border-radius: 50%;
}

.q-dashboard-section .q-title-section {
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin: 20px 0 0;
}

.q-dashboard-section .q-title-section strong {
    display: block;
    font-size: 1.375rem;
}

.q-dashboard-section .q-title-section span {
    font-size: .90rem;
    color: rgb(100, 105, 115);
}

@media (max-width: 1260px) {

    .q-dashboard-section .q-title-section,
    .q-dashboard-section .q-avatar-section {
        display: none;
    }
}

.q-dashboard-section .q-stat-section {
    width: 100%;
    display: inline-block;
    margin: 25px 0;
}

.q-dashboard-section .q-stat-section .q-stat {
    position: relative;
    width: 100%;
    min-height: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    color: rgb(255, 255, 255);
    border-radius: 15px;
    box-shadow: 0 2px 8px rgba(50, 70, 90, .5);
}

.q-dashboard-section .q-stat-section .q-stat.q-1 {
    background: rgb(15, 145, 175) url(../img/shape/shape-1.svg) no-repeat;
    background-position: center;
    background-size: cover;
}

.q-dashboard-section .q-stat-section .q-stat.q-2 {
    background: rgb(25, 115, 220) url(../img/shape/shape-3.svg) no-repeat;
    background-size: cover;
}

.q-dashboard-section .q-stat-section .q-stat.q-3 {
    background: rgb(40, 80, 230) url(../img/shape/shape-3.svg) no-repeat;
    background-size: cover;
}

.q-dashboard-section .q-stat-section .q-stat .row {
    width: 100%;
}

.q-dashboard-section .q-stat-section .q-stat .q-name {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px;
}

.q-dashboard-section .q-stat-section .q-stat .q-name strong {
    font-size: 1.5rem;
    line-height: 1.25;
}

.q-dashboard-section .q-stat-section .q-stat .q-update {
    font-size: .875rem;
}

.q-dashboard-section .q-stat-section .q-stat .q-update strong {
    display: block;
}

.q-dashboard-section .q-stat-section .q-stat .q-counter {
    display: block;
    font-size: 3.5rem;
    text-align: center;
}

.q-dashboard-section .q-sections {
    width: 100%;
    display: inline-block;
}

.q-dashboard-section .q-sections .q-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px;
    position: relative;
    background: rgb(255, 255, 255);
    overflow: hidden;
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px 5px rgba(50, 70, 90, 0.025), 0 5px 10px 1px rgba(50, 70, 90, 0.045), 0 2px 15px 0 rgba(50, 70, 90, 0.075);
}

.q-dashboard-section .q-sections .q-section .q-heading {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 25px;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    background: var(--Primary-40-Color);
    border-bottom: 1px solid rgb(215, 210, 220);
}

.q-dashboard-section .q-sections .q-section .q-heading:before {
    content: '';
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 25px;
    right: 25px;
    background: url(../img/icons/chevron-down.svg) no-repeat;
    background-size: contain;
}

.q-dashboard-section .q-sections .q-section .q-heading i {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    background: rgb(210, 25, 25);
    color: rgb(255, 255, 255);
    border-radius: 50%;
}

.q-dashboard-section .q-sections .q-section .q-content {
    width: 100%;
    float: left;
    display: inline-block;
    padding: 45px;
}

.q-dashboard-section .q-sections .q-section .q-empty .q-action a,
.q-dashboard-section .q-sections .q-section .q-empty .q-action button,
.q-dashboard-section .q-sections .q-section .q-content .q-action a,
.q-dashboard-section .q-sections .q-section .q-content .q-action button {
    display: inline-block;
    padding: 10px 35px;
    font-weight: 500;
    background: rgb(15, 20, 125);
    color: rgb(255, 255, 255);
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.25) inset, 0 -1px 0 0 rgba(5, 20, 55, 0.025) inset, 0 3px 10px 0 rgba(15, 10, 35, 0.25), 0 3px 3px 0 rgba(15, 10, 35, 0.05);
}

.q-dashboard-section .q-sections .q-section .q-empty .q-action a:hover,
.q-dashboard-section .q-sections .q-section .q-empty .q-action button:hover,
.q-dashboard-section .q-sections .q-section .q-content .q-action a:hover,
.q-dashboard-section .q-sections .q-section .q-content .q-action button:hover {
    opacity: .90;
}

.q-dashboard-section .q-sections .q-section ul li.q-notifications {
    width: 100%;
    float: left;
    display: inline-block;
    padding: 15px 25px;
    border-bottom: 1px solid rgba(230, 210, 235, .5)
}

.q-dashboard-section .q-sections .q-section ul li.q-notifications .q-content {
    padding: 0;
}

.q-dashboard-section .q-sections .q-section ul li.q-notifications:last-child {
    border-bottom: 0;
}

.q-dashboard-section .q-sections .q-section ul li.q-notifications:nth-child(even) {
    background: rgb(245, 245, 255);
}

.q-dashboard-section .q-sections .q-section ul li.q-notifications p {
    font-weight: 500;
}

.q-dashboard-section .q-sections .q-section ul li.q-notifications p a {
    color: rgb(15, 20, 125);
}

.q-dashboard-section .q-sections .q-section ul li.q-notifications ul {
    display: flex;
    justify-content: space-between;
}

.q-dashboard-section .q-sections .q-section ul li.q-notifications ul li {
    display: flex;
    gap: 15px;
    position: relative;
    color: rgb(100, 105, 115);
}

.q-dashboard-section .q-sections .q-section ul li.q-notifications ul li div {
    display: flex;
    gap: 5px;
    font-size: 0.75rem;
}

.q-dashboard-section .q-sections .q-section ul li.q-notifications ul li div img {
    position: relative;
    top: -2.5px;
}

.q-dashboard-section .q-sections .q-section .q-table table {
    width: 100%;
    font-size: .875rem;
    line-height: 1.5;
}

.q-dashboard-section .q-sections .q-section .q-table table tr td {
    padding: 10px;
    border-bottom: 1px solid rgb(230, 230, 235)
}

.q-dashboard-section .q-sections .q-section .q-table table tr:last-child td {
    border-bottom: 0;
}

.q-dashboard-section .q-sections .q-section .q-table table tr td .q-name {
    padding: 0 15px;
}

.q-dashboard-section .q-sections .q-section .q-table table tr td .q-stat {
    display: inline-block;
    margin: 0 auto;
    padding: 3.5px 15px;
    background: transparent;
    color: var(--Primary-80-Color);
    border: 1px solid var(--Primary-80-Color);
    border-radius: 300px;
}

.q-dashboard-section .q-sections .q-section .q-table table tr td .q-actions ul {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.q-dashboard-section .q-sections .q-section .q-table table tr td .q-actions ul li {
    display: inline-block;
}

.q-dashboard-section .q-sections .q-section .q-table table tr td .q-actions ul li a {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .0 .25rem;
}

.q-dashboard-section .q-sections .q-section .q-table table tr td .q-actions ul li a:hover {
    background: rgb(245, 245, 255);
}

.q-dashboard-section .q-sections .q-section .q-calculator {
    font-weight: 500;
}

.q-dashboard-section .q-sections .q-section .q-calculator ul {
    display: flex;
    gap: 5px;
}

.q-dashboard-section .q-sections .q-section .q-calculator ul li {
    display: inline-block;
    padding: 0 15px 0 0;
}

.q-dashboard-section .q-sections .q-section .q-calculator .q-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 25px 0 0;
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon .wpl-save-search-msg {
    padding: 0;
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon .wpl-gen-grid-wp {
    margin: -80px 0 -55px;
    font-size: .90rem;
    background: rgb(255, 255, 255)
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon .wpl-gen-grid-wp tr th {
    font-size: .90rem;
    border: 0;
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon .wpl-gen-grid-wp tr td {
    padding: 5px 10px;
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon .wpl-gen-grid-wp tr:last-child td {
    border: 0;
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon .wpl_save_search_name_content {
    text-align: left
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon .wpl-addon-save-search-edit-btn:before {
    content: '\F03EB';
    font-family: 'Material Design Icons';
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon .wpl-addon-save-search-detail-btn::before {
    content: '\F02FD';
    font-family: 'Material Design Icons';
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon .wpl-addon-save-search-remove-btn::before {
    content: '\F0A7A';
    font-family: 'Material Design Icons';
    font-size: 1.35rem;
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon input[type='text'] {
    padding: 2.5px;
    font-size: .75rem;
    border: 1px solid rgb(230, 230, 235);
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon input[type='text']:focus {
    border: 1px solid rgb(230, 230, 235);
    box-shadow: none;
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon .wpl-addon-save-search-detail-btn {
    margin: 0 auto;
}

.q-dashboard-section .q-sections .q-section .wpl-save-search-addon .wpl-addon-save-search-detail-btn:hover {
    color: rgb(15, 20, 125);
}

.q-dashboard-section .q-sections .q-section .q-empty {
    width: 100%;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
}

.q-dashboard-section .q-sections .q-section .q-empty img {
    margin: 0 auto;
    position: absolute;
    top: 35%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
}

.q-dashboard-section .q-sections .q-section .q-empty .q-text {
    position: relative;
}

.q-dashboard-section .q-sections .q-section .q-empty .q-text .q-link {
    position: relative;
    color: rgb(15, 20, 125);
}

.q-dashboard-section .q-sections .q-section .q-empty .q-text .q-link:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: -2.5px;
    left: 0;
    background: rgb(15, 20, 125);
}

.q-dashboard-section .q-sections .q-section .q-property {
    position: relative;
}

.q-dashboard-section .q-sections .q-section .q-property .q-content {
    width: 100%;
    display: inline-block;
    padding: 15px;
}

.q-dashboard-section .q-sections .q-section .q-property .q-remove {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgb(230, 75, 60);
    color: rgb(255, 255, 255);
    border-radius: 50%;
    cursor: pointer;
    z-index: 15;
}

@media (max-width: 1260px) {

    .q-dashboard-section .q-sidebar-section {
        padding: 15px;
    }

    .q-dashboard-section .q-sidebar-section .q-menu {
        overflow: hidden;
        border-radius: 15px;
    }

    .q-dashboard-section .q-stat-section {
        margin: 0;
    }

    .q-dashboard-section .q-stat-section .q-stat {
        margin: 0 0 25px;
    }

    .q-dashboard-section .q-sections .q-section .q-content {
        padding: 15px;
    }

    .q-dashboard-section .q-sections .q-section .q-calculator .q-actions {
        flex-direction: column;
    }
}


@media (max-width: 576px) {

    .q-dashboard-section .q-sections .q-section .q-calculator .q-actions .q-action,
    .q-dashboard-section .q-sections .q-section .q-calculator .q-actions .q-action button,
    .q-dashboard-section .q-sections .q-section .q-empty .q-action,
    .q-dashboard-section .q-sections .q-section .q-empty .q-action a,
    .q-dashboard-section .q-sections .q-section .q-empty .q-action button {
        width: 100%;
    }

    .q-dashboard-section .q-sections .q-section .q-empty .q-text {
        width: 100%;
        padding: 0 15px;
    }
}

.q-dashboard-section .q-nav-section {
    width: 100%;
    display: inline-block;
    margin: 25px 0;
}

.q-dashboard-section .q-nav-section ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.q-dashboard-section .q-nav-section ul li {
    display: inline-block;
}

.q-dashboard-section .q-nav-section ul li a {
    padding: 10px 25px;
    font-weight: 500;
    border-radius: 300px;
}

.q-dashboard-section .q-nav-section ul li a:hover {
    background: rgba(225, 225, 225, .25);
}

.q-dashboard-section .q-nav-section ul li a.active {
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
}

.q-dashboard-section .q-user-section {
    width: 100%;
    display: inline-block;
    margin: 0 0 30px;
    padding: 30px;
    background: rgb(255, 255, 255);
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px 5px rgba(50, 70, 90, 0.025), 0 5px 10px 1px rgba(50, 70, 90, 0.045), 0 2px 15px 0 rgba(50, 70, 90, 0.075);
}

.q-dashboard-section .q-user-section .q-form {
    max-width: 900px;
}

.q-dashboard-section .q-user-section .q-form .q-file .q-upload .q-action {
    display: flex;
    align-items: center;
    gap: 5px;
}

.q-dashboard-section .q-user-section .q-form .q-file .q-upload {
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border: 1px solid rgb(215, 210, 220);
    border-radius: .5rem;
}

.q-dashboard-section .q-user-section .q-form .q-file .q-upload .row {
    width: 100%;
}

.q-dashboard-section .q-user-section .q-form .q-file .q-upload .q-avatar {
    width: 90px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/icons/picture.svg) no-repeat;
    background-size: contain;
}

.q-dashboard-section .q-user-section .q-form .q-file .q-upload label {
    width: 175px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--Primary-Color);
    color: rgb(255, 255, 255);
    border-radius: .5rem;
    cursor: pointer;
}

.q-dashboard-section .q-user-section .q-form .q-file .q-upload label:hover {
    opacity: .90;
}

.q-dashboard-section .q-user-section .q-form .q-file .q-upload input[type='file'] {
    display: none;
}

.q-dashboard-section .q-user-section .q-form .q-file .q-upload .q-reset {
    width: 125px;
    height: 45px;
    background: rgb(255, 255, 255);
    color: rgb(215, 210, 220);
    border: 1px solid rgb(215, 210, 220);
    border-radius: .5rem;
}

.q-dashboard-section .q-user-section .q-form .q-file .q-upload .q-description {
    display: block;
    margin: 5px 0 0;
    font-size: .90rem;
}

@media (max-width: 1260px) {

    .q-dashboard-section .q-user-section .q-form .q-file .q-upload {
        height: auto;
        margin: 0 0 15px;
    }

    .q-dashboard-section .q-user-section .q-form .q-file .q-upload .q-avatar {
        margin: 15px auto;
    }

    .q-dashboard-section .q-user-section .q-form .q-file .q-upload .q-description {
        margin: 5px 0;
        text-align: center;
    }
}

/*-------------------------------------- --14 Membership Section --------------------------------------*/

.q-membership-section {
    width: 100%;
    display: inline-block;
    padding: 60px 0;
    background: url("../img/membership-bg.png") no-repeat bottom 80px center / 95%;
}

.q-membership-section .q-membership {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px;
    padding: 30px 0 0;
    position: relative;
    background: rgb(255, 255, 255);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px 0 rgba(60, 55, 140, 0.15);
}

.q-membership-section .q-membership:before {
    content: '';
    width: 100%;
    height: 275px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/Rectangle.svg) no-repeat;
    background-size: cover;
}

.q-membership-section .q-membership .q-content {
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    z-index: 15;
}

.q-membership-section .q-membership .q-content img {
    display: block;
    margin: 0 auto;
}

.q-membership-section .q-membership .q-content strong {
    display: block;
    margin: 15px 0 0;
    font-size: 1.375rem;
    font-weight: 500;
    color: var(--Primary-Color);
}

.q-membership-section .q-membership .q-content h2 {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
}

.q-membership-section .q-membership ul {
    width: 100%;
    display: inline-block;
    margin: 90px 0 0;
    padding: 0 30px;
    list-style: none;
}

.q-membership-section .q-membership ul li {
    display: flex;
    justify-content: space-between;
    margin: 1.5px 0;
    padding: 7.5px 10px;
    color: rgb(100, 105, 115);
}

.q-membership-section .q-membership ul li:nth-child(even) {
    background: rgb(250, 250, 250);
}

.q-membership-section .q-membership .q-link {
    width: 100%;
    display: inline-block;
    padding: 30px;
}

.q-membership-section .q-membership .q-link a {
    width: 100%;
    display: inline-block;
    padding: 15px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 600;
    background-color: var(--Primary-Color);
    border-radius: .5rem;
    box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.25) inset, 0 -1px 0 0 rgba(5, 20, 55, 0.025) inset, 0 3px 10px 0 rgba(15, 10, 35, 0.25), 0 3px 3px 0 rgba(15, 10, 35, 0.05);
}

.q-membership-section .q-membership .q-link a:hover {
    opacity: .90;
}

.wpl_search_from_box .wpl_search_from_box_top .search_submit_box,
.wpl_search_from_box .wpl_search_from_box_top .wpl_search_reset,
.wpl_search_from_box .wpl_search_from_box_top .search_submit_box:hover,
.wpl_search_from_box .wpl_search_from_box_top .wpl_search_reset:hover {
    background: var(--Primary-Color);
}

.wpl_search_from_box .wpl_search_from_box_top .search_submit_box:hover,
.wpl_search_from_box .wpl_search_from_box_top .wpl_search_reset:hover {
    opacity: .90;
}

#wpl_membership_agreement {
    width: auto;
    height: auto;
}

label[for="wpl_membership_agreement"] {
    display: inline;
}

/***User Types**/
.wpl_addon_membership_container.wpl_subscriptions {
    max-width: 100%;
    margin: 0;
    padding: 0 0 60px;
    background: linear-gradient(to left, rgba(255, 255, 255, .9), #fff, #fff), url('../img/membership-cover.webp') no-repeat bottom right/cover;
    border: none;
    border-radius: 300px 0;
}

.wpl_subscriptions .wpl_dashboard_header {
    background: transparent;
    margin-top: 70px;
    margin-bottom: 40px;
}

.wpl_subscriptions .wpl_dashboard_header h1 {
    text-align: center;
    color: #000000;
    font-family: "Montserrat", Sans-serif;
    font-size: 3.6rem;
    font-weight: 700;
    text-transform: none;
    background: transparent;
}

.wpl_usertypes_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.wpl_usertypes_container li {
    width: calc(25% - 20px);
    margin: 10px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    border-radius: 16px;
    box-shadow: 0 10px 25px 0 rgba(59.99999999999998, 54.99999999999999, 140, 0.15);
    padding: 30px;
    flex-direction: column;
}

.wpl_usertypes_container .usertype_name:before {
    border: none;
}

.wpl_usertypes_container .usertype_name {
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
}

.wpl_usertypes_container .usertype_description {
    color: #646973;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
}

.wpl_usertypes_container .usertype_register_link {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 600;
    background-color: #0E167F;
    border-radius: 8px;
    width: 100%;
    padding: 12px 24px;
    border: none;
    box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.24) inset, 0 -1px 0 0 rgba(3, 19, 53, 0.03) inset, 0 3px 10px 0 rgba(15, 12, 34, 0.2), 0 3px 3px 0 rgba(15, 12, 34, 0.05);
}

.wpl_usertypes_container .usertype_register_link:hover {
    transform: scale(1.1);
}

.wpl_usertypes_container .usertype_name:before {
    content: '' !important;
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    border: 10px solid #F3FAFF;
    background-color: #E3F2FF;
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/users/agent.png');
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center;
}

.wpl_usertypes_container #wpl_usertypes_type4 .usertype_name:before {
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/icons/Group-1.svg');
}

.wpl_usertypes_container #wpl_usertypes_type2 .usertype_name:before {
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/icons/Roofing.svg');
}

.wpl_usertypes_container li.fsbo .usertype_name:before {
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/users/fsbo.png');
}

.wpl_usertypes_container li.brokers .usertype_name:before {
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/users/brokers.png');
}

.wpl_usertypes_container li.commercial .usertype_name:before {
    background-image: url('/wp-content/themes/hello-elementor-child/assets/img/users/advert.png');
}

@media (max-width: 1021px) {

    .wpl_usertypes_container li {
        width: calc(33.3% - 20px);
    }
}

@media (max-width: 767px) {

    .wpl_usertypes_container li {
        width: calc(50% - 20px);
    }
}

@media (max-width: 480px) {

    .wpl_usertypes_container li {
        width: calc(100% - 20px);
    }
}

/* Localogic */

#mapLocallogic {
    height: 600px;
    width: 100%;
    border-radius: 15px;

}

#mapLocallogic .ll-filters {
    margin-left: 1rem;
}

/* Custom Yelp */
.q-property-section .q-features-section {
    padding: 30px 0 30px 0 !important;
    border-radius: 1rem;
}

.wpl-yelp-activity .wpl-yelp-activity-business .wpl-yelp-img {
    width: 100%;
    position: absolute;
    height: 100%;
    border-radius: 15px;
    opacity: 0.2;
}

.wpl-yelp-activity .wpl-yelp-activity-business .wpl-yelp-activity-business-right {
    width: 100% !important;
}

.wpl-yelp-activity .wpl-yelp-activity-business {
    position: relative;
}

.wpl-yelp-activity {
    margin-top: 12px;
}

.q-heading.q-heading-yelp {
    margin-top: 1rem;
}

.wpl-yelp-activity .wpl-yelp-activity-business h6 {
    font-size: 16px;
    color: #000 !important;
}

.wpl-yelp-activity {
    margin-top: 10px !important;
}


/* Custom login popup */
.wpl-frontend-lightbox-wp {
    border-radius: 15px;
}

.wpl-frontend-lightbox-wp .realtyna-lightbox-title,
.wpl-frontend-lightbox-wp .wpl-radius-box-title {
    border-radius: 15px 15px 0 0;
}

#wpl_user_login_register_form_container>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 1rem;
    background: #fff;
    width: calc(100% + 1px);
    border-radius: 15px;
    padding-bottom: 0.25rem;
}

#wpl_user_login_register_form_container>div a {
    font-weight: 600;
    border-radius: 6px;
}










.q-signup-section .q-heading .q-icon {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
}

.q-signup-section .q-heading strong {
    margin: 0;
}

.q-signup-section .q-input,
.q-signup-section .q-select,
.q-signup-section .q-textarea {
    margin: 0 0 10px;
}

.q-signup-section .q-input input,
.q-signup-section .q-select select,
.q-signup-section .q-textarea textarea {
    height: 45px;
}

.q-signup-section .q-input .q-icon i,
.q-signup-section .q-select .q-icon i,
.q-signup-section .q-textarea .q-icon i {
    line-height: .75;
}

.q-signup-section .chosen-container {
    width: 100% !important;
    font-size: .95rem;
}

.q-signup-section .chosen-container-multi .chosen-choices {
    width: 100%;
    padding: 5px 15px;
    background: rgb(250, 250, 250);
    font-size: .875rem;
    border: 1px solid rgb(215, 210, 220);
    border-radius: 8px;
    box-shadow: none;
}

.q-signup-section .chosen-container-multi .chosen-choices li.search-field input[type='text'] {
    padding: 0 0 0 15px;
}

.q-signup-section .chosen-container-multi .chosen-choices li.search-choice {
    margin: 0 -5px 1.5px 15px;
    background: rgb(255, 255, 255);
    color: rgb(100, 105, 115);
    border: 1px solid rgb(100, 105, 115);
    border-radius: .25rem;
}

.modal .close {
    background: transparent;
    border: 0;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 5px;
    font-size: .875rem;
    border: 0;
    border-radius: 300px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    background: rgb(255, 185, 0);
    color: rgb(255, 255, 255)
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    background: rgb(230, 75, 60);
    color: rgb(255, 255, 255)
}

.wpcf7 form.sent .wpcf7-response-output {
    background: rgb(15, 215, 55);
    color: rgb(255, 255, 255)
}

.wpcf7 .wpcf7-not-valid-tip {
    color: rgb(230, 75, 60);
    text-align: left;
}

.otgs-development-site-front-end {
    display: none
}

#wpl_listing_location_level_container41_1 {
    display: none;
}

.q-actions-section .favorite_link img {
    width: 35px;
}

.wpl-yelp-activity .wpl-yelp-activity-business {
    background: #F8F8F8;
}

.wpl-yelp-activity {
    margin-top: 30px;
}