/*!
-----------------------------------------------------------------------------------
Template Name: Sheltos - Real Estate HTML Template
Template URI: https://themes.pixelstrap.com/sheltos/
Description: This is Real Estate website
Author: Pixelstrap
Author URI: https://themeforest.net/user/pixelstrap
-----------------------------------------------------------------------------------

1. Template css
	1.1 Reset CSS
	1.2 Typography CSS
	1.3 keyframes
	1.4 Breadcrumb CSS
	1.5 Buttons CSS
	1.6 Label CSS
	1.7 Slider CSS
	1.8 Form CSS
	1.9 Blog CSS
	1.10 About CSS
	1.11 Service CSS
	1.12 Feature CSS
	1.13 Property CSS
	1.14 Pagination CSS
	1.15 Portfolio CSS
	1.16 Map CSS
	1.17 Slick CSS
	1.18 Testimonial CSS
	1.19 Comming soon CSS
	1.20 Loader CSS
	1.21 Customizer CSS
	1.22 Header CSS
	1.23 Footer CSS
	1.24 Text affect CSS
	1.25 Inner pages CSS
	1.26 Core Template CSS

2. Dark mode CSS
3. RTL CSS
4. Responsive CSS
*/
:root {
    --theme-default: #6432b8;
    --theme-default2: #9516d7;
    --theme-gradient1: linear-gradient(
        to right,
        var(--theme-default) 0%,
        var(--theme-default2) 51%,
        var(--theme-default) 100%
    );
    --theme-gradient2: linear-gradient(
        to right,
        var(--theme-default) 0%,
        var(--theme-default2) 100%
    );
    --theme-gradient3: linear-gradient(
        48deg,
        var(--theme-default) 0%,
        var(--theme-default2) 100%
    );
    --theme-gradient4: linear-gradient(
        to right,
        var(--theme-default) 25%,
        var(--theme-default2) 100%
    );
    --theme-default3: #000000;
    --theme-default4: #ff8c41;
    --theme-gradient5: linear-gradient(
        to right,
        var(--theme-default3) 0%,
        var(--theme-default4) 51%,
        var(--theme-default3) 100%
    );
    --theme-gradient6: linear-gradient(
        to right,
        var(--theme-default3) 0%,
        var(--theme-default4) 100%
    );
    --theme-gradient7: linear-gradient(
        90deg,
        var(--theme-default3) 25%,
        var(--theme-default3) 100%
    );
    --theme-default5: #000000;
    --theme-default6: #f35d43;
    --theme-default7: #f34451;
    --theme-gradient8: linear-gradient(
        to right,
        var(--theme-default6) 0%,
        var(--theme-default7) 51%,
        var(--theme-default6) 100%
    );
    --theme-gradient9: linear-gradient(
        90deg,
        var(--theme-default6) 0%,
        var(--theme-default7) 100%
    );
    --theme-default8: #2c2e97;
    --theme-default9: #4b55c4;
    --theme-gradient10: linear-gradient(
        to right,
        var(--theme-default8) 0%,
        var(--theme-default9) 51%,
        var(--theme-default8) 100%
    );
    --theme-gradient11: linear-gradient(
        to right,
        var(--theme-default8) 0%,
        var(--theme-default9) 100%
    );
    --theme-gradient12: linear-gradient(
        48deg,
        var(--theme-default8) 0%,
        var(--theme-default9) 100%
    );
    --theme-gradient13: linear-gradient(
        to right,
        var(--theme-default8) 25%,
        var(--theme-default9) 100%
    );
    --theme-default10: #000000;
}

.breadcrumb-section .breadcrumb-content,
.feature-section .feature-image .feature-overlay,
.property-section
    .property-box
    .property-details
    .icon-property
    li
    .d-flex
    .property-icon,
.play-bg-image .icon-video,
.footer-bg .footer-details .icon-list li a,
.offer-section .offer-wrapper .media .offer-icon,
.icon-video a,
.agent-social li a,
.agent-section .agent-image .overlay-content ul li a,
.agent-section .our-agent-details ul li .media .icons-square,
.tap-top > div,
.home-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bg-comman-2::before,
.footer-bg,
.banner-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.btn.btn-white span {
    background: var(--theme-gradient2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.filter-cards .advance-card > h6::before {
    position: absolute;
    content: "";
    width: 22px;
    height: 2px;
    left: 0;
    bottom: -8px;
}

.btn.btn-solid::after,
.btn.btn-gradient::after,
.btn.btn-light-bg::after,
.btn.btn-light-bg.color-7:hover::before,
.btn.btn-dashed:hover::after,
.label.label-light::after,
.service-section.service-2
    .property-service
    > div
    .service-box:hover
    .btn::before,
.service-section.service-2.color-7
    .property-service
    > div
    .service-box:hover
    .btn::before,
.feature-section
    .modern-feature
    .feature-wrap
    .feature-image
    .label-gradient::after,
.property-section .title-3 .pagination li a::after,
.property-section
    .property-box
    .property-details
    .icon-property
    li
    .d-flex
    .property-icon::after,
.property-section
    .property-box-flat
    .property-box:hover
    .property-image
    .label-white::after,
.property-section
    .list-property
    .property-box
    .property-image
    .overlay-property::after,
.property-section
    .list-property
    .property-box:hover
    .text-center
    .label-gradient::after,
.footer-bg .footer-links .footer-content .input-group .input-group-text::after,
.icon-video a::after,
.tap-top::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**=====================
     Typography css start
==========================**/


body {
    font-family: Montserrat, sans-serif;
    position: relative;
    background: white;
    font-size: 14px;
    color: #1c2d3a;
    -webkit-transition: unset !important;
    transition: unset !important;
}

ul {
    padding-left: 0;
    margin-bottom: 0;
}

li {
    display: inline-block;
    font-size: 14px;
}

p {
    font-size: 15px;
    line-height: 1.2;
    color: #647589;
}
p.font-roboto {
    letter-spacing: 0.5px;
}

a {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}
a:focus {
    outline: none;
}

button,
.btn {
    font-family: Montserrat, sans-serif;
}
button:focus,
.btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: rgba(88, 97, 103, 0.4);
}

.form-control::-moz-placeholder {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: rgba(88, 97, 103, 0.4);
}

.form-control:-ms-input-placeholder {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: rgba(88, 97, 103, 0.4);
}

.form-control::-ms-input-placeholder {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: rgba(88, 97, 103, 0.4);
}

.form-control::placeholder {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: rgba(88, 97, 103, 0.4);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, sans-serif;
    font-weight: normal;
}

h1 {
    font-size: calc(26px + (55 - 26) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.3;
}

h2 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.001em;
    line-height: 1.1;

    color: #1c2d3a;
}

h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.2;
    color: #1c2d3a;
}

h4 {
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.2;
}

h5 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.2;
}

h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

section {
    padding: 90px 0;
    background: rgba(88, 97, 103, 0.04);
}

.small-section {
    padding: 60px 0;
}

.column-space {
    margin-bottom: -50px;
}
.column-space > div {
    padding: 0 25px;
    margin-bottom: 50px;
}

.theme-card {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    padding: 30px;
}
.theme-card + .theme-card {
    margin-top: 45px;
}

/**=====================
     Typography css end
==========================**/
/**=====================
     Reset css start
==========================**/
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-group {
    margin-bottom: 16px;
}

label {
    margin-bottom: 0.5rem;
}

/*====== Padding css starts ======*/
.p-0 {
    padding: 0px;
}

/*====== Padding css ends ======*/
/*====== Padding-left css starts ======*/

/*====== Padding-left css ends ======*/
/*====== Padding-top css starts ======*/

/*====== Padding-top css ends ======*/
/*====== Padding-bottom css starts ======*/

/*====== Padding-bottom css ends ======*/
/*====== Padding-right css starts ======*/

/*====== Padding-right css ends ======*/
/*====== Margin css starts ======*/
.m-0 {
    margin: 0px;
}

/*====== Margin css ends ======*/
/*====== Margin-top css starts ======*/

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/

/*====== Margin-right css ends ======*/
/*====== Image-sizes css starts ======*/

.img-50 {
    width: 50px;
}

/*====== Image-sizes css ends ======*/
/*====== font family css starts ======*/
.font-roboto {
    font-family: Roboto, sans-serif;
}

.font-rubik {
    font-family: Rubik, sans-serif;
}

/*====== font family css end ======*/
/*====== image ratio css starts ======*/

.ratio_40 .bg-size:before {
    padding-top: 40%;
    content: "";
    display: block;
}

.ratio_55 .bg-size:before {
    padding-top: 55%;
    content: "";
    display: block;
}

.ratio_63 .bg-size:before {
    padding-top: 63%;
    content: "";
    display: block;
}

.ratio_65 .bg-size:before {
    padding-top: 65%;
    content: "";
    display: block;
}

.ratio2_3 .bg-size:before {
    padding-top: 60%;
    content: "";
    display: block;
}

.ratio3_2 .bg-size:before {
    padding-top: 66.66%;
    content: "";
    display: block;
}

.ratio_landscape .bg-size:before {
    padding-top: 75%;
    content: "";
    display: block;
}

/*====== image ratio css ends ======*/
/**=====================
     Reset css end
==========================**/
/**=====================
     keyframes css start
==========================**/
@-webkit-keyframes effect {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}
@keyframes effect {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0;
    }
}

@-webkit-keyframes an-snow {
    100% {
        background-position: 500px 1000px, 300px 300px, -400px 400px;
    }
}

@keyframes an-snow {
    100% {
        background-position: 500px 1000px, 300px 300px, -400px 400px;
    }
}

@-webkit-keyframes rotating {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25%,
    75% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25%,
    75% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes flying {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    10% {
        -webkit-transform: translate(20px, 50px);
        transform: translate(20px, 50px);
    }
    20% {
        -webkit-transform: translate(-30px, 10px);
        transform: translate(-30px, 10px);
    }
    30% {
        -webkit-transform: translate(10px, 60px);
        transform: translate(10px, 60px);
    }
    40% {
        -webkit-transform: translate(50px, 0px);
        transform: translate(50px, 0px);
    }
    50% {
        -webkit-transform: translate(-10px, -40px);
        transform: translate(-10px, -40px);
    }
    60% {
        -webkit-transform: translate(-40px, 20px);
        transform: translate(-40px, 20px);
    }
    70% {
        -webkit-transform: translate(30px, -30px);
        transform: translate(30px, -30px);
    }
    80% {
        -webkit-transform: translate(0px, -60px);
        transform: translate(0px, -60px);
    }
    90% {
        -webkit-transform: translate(40px, 10px);
        transform: translate(40px, 10px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes flying {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    10% {
        -webkit-transform: translate(20px, 50px);
        transform: translate(20px, 50px);
    }
    20% {
        -webkit-transform: translate(-30px, 10px);
        transform: translate(-30px, 10px);
    }
    30% {
        -webkit-transform: translate(10px, 60px);
        transform: translate(10px, 60px);
    }
    40% {
        -webkit-transform: translate(50px, 0px);
        transform: translate(50px, 0px);
    }
    50% {
        -webkit-transform: translate(-10px, -40px);
        transform: translate(-10px, -40px);
    }
    60% {
        -webkit-transform: translate(-40px, 20px);
        transform: translate(-40px, 20px);
    }
    70% {
        -webkit-transform: translate(30px, -30px);
        transform: translate(30px, -30px);
    }
    80% {
        -webkit-transform: translate(0px, -60px);
        transform: translate(0px, -60px);
    }
    90% {
        -webkit-transform: translate(40px, 10px);
        transform: translate(40px, 10px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.05;
    }
    40% {
        opacity: 0.08;
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
            0 0 10px 10px var(--theme-default3),
            0 0 0 10px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
            0 0 10px 10px var(--theme-default3),
            0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
            0 0 10px 10px var(--theme-default3),
            0 0 0 10px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
            0 0 10px 10px var(--theme-default3),
            0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.05;
    }
    40% {
        opacity: 0.08;
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
            0 0 10px 10px var(--theme-default3),
            0 0 0 10px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
            0 0 10px 10px var(--theme-default3),
            0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
            0 0 10px 10px var(--theme-default3),
            0 0 0 10px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1),
            0 0 10px 10px var(--theme-default3),
            0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@-webkit-keyframes bubble {
    0% {
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bubble {
    0% {
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes search-bg-1 {
    0% {
        right: -20px;
    }
    50% {
        right: -15px;
    }
    100% {
        right: -11px;
    }
}

@keyframes search-bg-1 {
    0% {
        right: -20px;
    }
    50% {
        right: -15px;
    }
    100% {
        right: -11px;
    }
}

@-webkit-keyframes search-bg-2 {
    0% {
        right: -10px;
    }
    50% {
        right: -5px;
    }
    100% {
        right: 0;
    }
}

@keyframes search-bg-2 {
    0% {
        right: -10px;
    }
    50% {
        right: -5px;
    }
    100% {
        right: 0;
    }
}

@-webkit-keyframes search-bg-3 {
    0% {
        right: 0;
    }
    50% {
        right: 5px;
    }
    100% {
        right: 10px;
    }
}

@keyframes search-bg-3 {
    0% {
        right: 0;
    }
    50% {
        right: 5px;
    }
    100% {
        right: 10px;
    }
}

@-webkit-keyframes animation-x {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: 1920px;
    }
}

@keyframes animation-x {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: 1920px;
    }
}

@-webkit-keyframes bounce-1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounce-1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes smoothScroll {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes smoothScroll {
    0% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes sway {
    0% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }
    50% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }
    100% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }
}

@keyframes sway {
    0% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }
    50% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }
    100% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes bottomslide {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes bottomslide {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes rightslide {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

@keyframes rightslide {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

@-webkit-keyframes spincaptcha {
    10% {
        width: 0;
        height: 0;
        border-width: 6px;
    }
    30% {
        width: 0;
        height: 0;
        border-radius: 50%;
        border-width: 1em;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border-color: #c7daf5;
    }
    50% {
        width: 2em;
        height: 2em;
        border-radius: 50%;
        border-width: 4px;
        border-color: #c7daf5;
        border-right-color: #5998ef;
    }
    70% {
        border-width: 4px;
        border-color: #c7daf5;
        border-right-color: #5998ef;
    }
    90% {
        border-width: 4px;
    }
    100% {
        width: 2em;
        height: 2em;
        border-radius: 50%;
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
        border-color: transparent;
    }
}

@keyframes spincaptcha {
    10% {
        width: 0;
        height: 0;
        border-width: 6px;
    }
    30% {
        width: 0;
        height: 0;
        border-radius: 50%;
        border-width: 1em;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border-color: #c7daf5;
    }
    50% {
        width: 2em;
        height: 2em;
        border-radius: 50%;
        border-width: 4px;
        border-color: #c7daf5;
        border-right-color: #5998ef;
    }
    70% {
        border-width: 4px;
        border-color: #c7daf5;
        border-right-color: #5998ef;
    }
    90% {
        border-width: 4px;
    }
    100% {
        width: 2em;
        height: 2em;
        border-radius: 50%;
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
        border-color: transparent;
    }
}

@-webkit-keyframes search-bg-4 {
    0% {
        left: -20px;
    }
    50% {
        left: -15px;
    }
    100% {
        left: -11px;
    }
}

@keyframes search-bg-4 {
    0% {
        left: -20px;
    }
    50% {
        left: -15px;
    }
    100% {
        left: -11px;
    }
}

@-webkit-keyframes search-bg-5 {
    0% {
        left: -10px;
    }
    50% {
        left: -5px;
    }
    100% {
        left: 0;
    }
}

@keyframes search-bg-5 {
    0% {
        left: -10px;
    }
    50% {
        left: -5px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes search-bg-6 {
    0% {
        left: 0;
    }
    50% {
        left: 5px;
    }
    100% {
        left: 10px;
    }
}

@keyframes search-bg-6 {
    0% {
        left: 0;
    }
    50% {
        left: 5px;
    }
    100% {
        left: 10px;
    }
}

.infoImovel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.infoImovelGrid {
    margin: 10px;
}

.infoImovelGrid:last-child {
    margin-left: auto;
}

/**=====================
     keyframes css end
==========================**/
/**=====================
     breadcrumb css start
==========================**/
.breadcrumb-section {
    height: 500px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-position: top left !important;
}
.breadcrumb-section .breadcrumb-content {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    height: 500px;
    padding-top: 89px;
}
.breadcrumb-section .breadcrumb-content div h2 {
    color: #ffffff;
    font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    display: inline-block;
}
.breadcrumb-section .breadcrumb-content div .breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
}

/**=====================
     breadcrumb css end
==========================**/
/**=====================
     buttons css start
==========================**/
.btn {
    font-weight: 600;
    text-transform: capitalize;
    padding: 4px 16px 4px;
    border-radius: 8px;
    font-size: 14px;
    position: relative;
}
.btn.btn-solid {
    background: var(--theme-default5);
    border: 2px solid transparent;
    color: #ffffff;
}
.btn.btn-solid::after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0px 4px 20.5px 3px var(--theme-default5);
    box-shadow: 0px 4px 20.5px 3px var(--theme-default5);
    opacity: 0.3;
}
.btn.btn-solid:hover {
    background: #ffffff;
    border: 2px solid var(--theme-default5);
    color: var(--theme-default5);
}
.btn.btn-solid:hover::after {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.btn.btn-solid.color-7 {
    background: #000000;
}
.btn.btn-solid.color-7::after {
    -webkit-box-shadow: 0px 4px 20.5px 3px var(--theme-default10);
    box-shadow: 0px 4px 20.5px 3px var(--theme-default10);
}
.btn.btn-solid.color-7:hover {
    background: #ffffff;
    border: 2px solid var(--theme-default10);
    color: var(--theme-default10);
}
.btn.btn-solid.color-7:hover::after {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.btn.btn-gradient {
    color: #ffffff;
    background-size: 200% auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 2px solid transparent;
}
.btn.btn-gradient::after {
    opacity: 0;
    border-radius: 4px;
}
.btn.btn-gradient.color-1 {
    background-image: var(--theme-gradient1);
}
.btn.btn-gradient.color-1::after {
    opacity: 0.25;
    -webkit-box-shadow: 3.346px 3.716px 12.5px var(--theme-default2);
    box-shadow: 3.346px 3.716px 12.5px var(--theme-default2);
}
.btn.btn-gradient.color-1:hover {
    background-position: right center;
}
.btn.btn-gradient.color-1:not(:disabled):not(.disabled):active,
.btn.btn-gradient.color-1:not(:disabled):not(.disabled).active {
    background-image: var(--theme-gradient1);
}
.btn.btn-gradient.color-2 {
    background-image: var(--theme-gradient5);
}
.btn.btn-gradient.color-2::after {
    opacity: 0.35;
    -webkit-box-shadow: 3.346px 3.716px 12.5px var(--theme-default3);
    box-shadow: 3.346px 3.716px 12.5px var(--theme-default3);
}
.btn.btn-gradient.color-2:hover {
    background-position: right center;
}
.btn.btn-gradient.color-2:not(:disabled):not(.disabled):active,
.btn.btn-gradient.color-2:not(:disabled):not(.disabled).active {
    background-image: var(--theme-gradient5);
}
.btn.btn-gradient.color-4 {
    background-image: var(--theme-gradient8);
}
.btn.btn-gradient.color-4::after {
    opacity: 0.3;
    -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default6);
    box-shadow: -5.15px 8.572px 25px var(--theme-default6);
}
.btn.btn-gradient.color-4:hover {
    background-position: right center;
}
.btn.btn-gradient.color-4:not(:disabled):not(.disabled):active,
.btn.btn-gradient.color-4:not(:disabled):not(.disabled).active {
    background-image: var(--theme-gradient8);
}
.btn.btn-gradient.btn-pill::after {
    border-radius: 30px;
}
.btn.btn-light-bg {
    background-color: transparent;
    border: 2px solid transparent;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 43px;
}
.btn.btn-light-bg::after {
    background-color: var(--theme-default3);
    opacity: 0.1;
    height: 43px;
}
.btn.btn-light-bg span {
    background: var(--theme-gradient6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: -2px;
}
.btn.btn-light-bg:hover {
    border: 2px solid var(--theme-default3);
    background: #ffffff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn.btn-light-bg:hover::after {
    background: #ffffff;
}
.btn.btn-light-bg.color-2 {
    border: none;
}
.btn.btn-light-bg.color-2:hover {
    border: none;
}
.btn.btn-light-bg.color-7 {
    color: var(--theme-default10);
    border: none;
}
.btn.btn-light-bg.color-7 span {
    color: var(--theme-default10);
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
.btn.btn-light-bg.color-7::after {
    background-color: var(--theme-default10);
}
.btn.btn-light-bg.color-7:hover span {
    color: #ffffff;
}
.btn.btn-light-bg.color-7:hover::after {
    opacity: 1;
    z-index: -1;
}
.btn.btn-light-bg.color-7:hover::before {
    -webkit-box-shadow: 0px 10px 12.5px var(--theme-default10);
    box-shadow: 0px 10px 12.5px var(--theme-default10);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.35;
}
.btn.btn-white {
    background-color: #ffffff;
    border: 2px solid transparent;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn.btn-white span {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn.btn-white:hover {
    -webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn.btn-dashed {
    border: 1px dashed #d2d2d2;
    color: #1c2d3a;
    background: transparent;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    padding: 9px 30px 8px;
}
.btn.btn-dashed:hover {
    background: #d2d2d2;
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: transparent;
}
.btn.btn-dashed:hover::after {
    opacity: 0.1;
}
.btn.btn-dashed.color-1:hover {
    border-color: var(--theme-default2);
    color: var(--theme-default2);
}
.btn.btn-dashed.color-1:hover::after {
    background: var(--theme-default2);
}
.btn.btn-dashed.color-2:hover {
    border-color: var(--theme-default4);
    color: var(--theme-default4);
}
.btn.btn-dashed.color-2:hover::after {
    background: var(--theme-default4);
}
.btn.btn-dashed.color-4::after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background: transparent;
    top: 0;
    left: 0;
}
.btn.btn-dashed.color-4:hover {
    border-color: var(--theme-default7);
    color: var(--theme-default7);
}
.btn.btn-dashed.color-4:hover::after {
    background: var(--theme-default7);
}
.btn.btn-pill {
    border-radius: 30px;
}
.btn.btn-pill:hover::after {
    border-radius: 30px;
}
.btn.btn-pill::after {
    border-radius: 30px;
}
.btn.btn-flat {
    border-radius: 0;
}
.btn.btn-lg {
    padding: 12px 30px 10px;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}

/**=====================
     buttons css end
==========================**/
/**=====================
     labels css start
==========================**/
.label {
    border-radius: 5px;
    padding: 4px 15px 3px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    text-transform: capitalize;
}
.label.label-gradient.color-1 {
    background-image: var(--theme-gradient3);
}
.label.label-success {
    background: #000000;
}
.titulo-imovel {
    color: #000000;
}
.label.label-shadow {
    /* background-color: #f13439; */
    background-color: #000;
    -webkit-box-shadow: 0 0 9px 3px rgba(121, 121, 121, 0.2);
    box-shadow: 0 0 9px 3px rgba(121, 121, 121, 0.2);
}
.label.label-gradient.color-4 {
    background-image: var(--theme-gradient9);
}
.label.label-light {
    position: relative;
}
.label.label-light::after {
    border-radius: 8px;
}
.label.label-light.color-2 {
    color: var(--theme-default3);
}
.label.label-light.color-2::after {
    background-color: var(--theme-default3);
    opacity: 0.1;
}
.label.label-light.color-4 {
    color: var(--theme-default7);
}
.label.label-light.color-4::after {
    background-color: var(--theme-default7);
    opacity: 0.08;
}
.label.label-light.color-7 {
    color: var(--theme-default10);
}
.label.label-light.color-7::after {
    background-color: var(--theme-default10);
    opacity: 0.08;
}
.label.label-light.label-flat::after {
    border-radius: 0;
}
.label.label-white {
    background-color: #ffffff;
}
.label.label-white.color-1 {
    color: var(--theme-default2);
}
.label.label-white.color-7 {
    color: var(--theme-default10);
}
.label.label-dark {
    background: #1c2d3a;
}
.label.label-flat {
    border-radius: 0;
}
.label.label-lg {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    padding: 10px 30px 9px;
}

/**=====================
     labels css end
==========================**/
/* NOT PART OF COMMON SLIDER STYLES */
/* COLORFUL SWITCH STYLES 
     ORIGINAL DEMO - https://codepen.io/suez/pen/WQjwOb */

/**=====================
     form css start
==========================**/
.form-control {
    border: 1px solid #eee;
}

input:focus {
    outline: none;
}

form label,
form .form-control {
    font-size: 14px;
    font-family: Rubik, sans-serif;
}

form .form-control::-webkit-input-placeholder {
    text-transform: capitalize;
}

form .form-control::-moz-placeholder {
    text-transform: capitalize;
}

form .form-control:-ms-input-placeholder {
    text-transform: capitalize;
}

form .form-control::-ms-input-placeholder {
    text-transform: capitalize;
}

form .form-control::placeholder {
    text-transform: capitalize;
}

form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

form label {
    color: #586167;
}

.checkbox_animated {
    cursor: pointer;
    position: relative;
    margin: 0 1rem 0 0;
}
.checkbox_animated:before {
    -webkit-transition: -webkit-transform 0.4s
        cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75),
        -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.225rem;
    z-index: 1;
    width: 0.75rem;
    height: 0.375rem;
    border: 2px solid var(--theme-default);
    border-top-style: none;
    border-right-style: none;
}
.checkbox_animated:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    background: #ffffff;
    border: 2px solid #efefef;
    cursor: pointer;
}
.checkbox_animated:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}
.checkbox_animated.color-2:before {
    border: 2px solid var(--theme-default3);
    border-top-style: none;
    border-right-style: none;
}
.checkbox_animated.color-4:before {
    border: 2px solid var(--theme-default7);
    border-top-style: none;
    border-right-style: none;
}
.checkbox_animated.color-7:before {
    border: 2px solid var(--theme-default10);
    border-top-style: none;
    border-right-style: none;
}

/**=====================
     form css end
==========================**/
/**=====================
     blog css start
==========================**/

/**=====================
     blog css end
==========================**/
/**=====================
     about css start
==========================**/

/**=====================
     about css end
==========================**/
/**=====================
     service css start
==========================**/
.service-icon {
    width: 45px;
    height: 45px;
    fill: var(--theme-default5);
    color: var(--theme-default5);
}

.icon-line-color {
    fill: var(--theme-default5);
    color: var(--theme-default5);
    width: 0;
    height: 3px;
    bottom: -22px;
    left: 0px;
    position: absolute;
}

.service-section.service-2
    .property-service
    > div
    .service-box.color-7
    a:hover
    span {
    color: var(--theme-default10);
}

.service-section.service-2 .property-service > div .service-box.color-7:hover {
    background-color: rgba(0, 150, 138, 0.2);
}

.service-section {
    position: relative;
}
.service-section .property-service > div .service-box {
    text-align: left;
    height: 100%;
    border-radius: 15px;
    padding: 50px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: #ffffff;
    -webkit-box-shadow: 3px 3px 22px rgba(0, 0, 0, 0.07);
    box-shadow: 3px 3px 22px rgba(0, 0, 0, 0.07);
}
.service-section .property-service > div .service-box h3 {
    background: #1c2d3a;
    text-align: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.5;
    color: #1c2d3a;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    -webkit-filter: drop-shadow(5px 5px 12px rgba(255, 92, 65, 0.2));
    filter: drop-shadow(5px 5px 12px rgba(255, 92, 65, 0.2));
}
.service-section .property-service > div .service-box p {
    color: rgba(59, 66, 73, 0.7);
    line-height: 1.6;
    text-align: justify;
    margin-bottom: -3px;
}
.service-section .property-service > div .service-box:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.service-section .title-2 h2 {
    margin-top: -2px;
}
.service-section.service-2 .property-service > div .service-box {
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
    border-radius: 0;
    padding: 60px 40px;
    height: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.service-section.service-2 .property-service > div .service-box .hover-line {
    margin-bottom: 45px;
    position: relative;
    display: inline-block;
}
.service-section.service-2
    .property-service
    > div
    .service-box
    .hover-line::before {
    position: absolute;
    content: "";
    opacity: 0;
    background-color: var(--theme-default5);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    right: -7px;
    bottom: -7px;
}
.service-section.service-2 .property-service > div .service-box h3 {
    color: #3b4249;
    background: transparent;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
}
.service-section.service-2 .property-service > div .service-box p {
    margin-bottom: 30px;
    line-height: 1.75;
    color: rgba(88, 97, 103, 0.7);
}
.service-section.service-2 .property-service > div .service-box .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.service-section.service-2 .property-service > div .service-box .btn span {
    vertical-align: -3px;
}
.service-section.service-2 .property-service > div .service-box:hover {
    background-color: rgba(255, 92, 65, 0.1);
}
.service-section.service-2
    .property-service
    > div
    .service-box:hover
    .hover-line::before {
    opacity: 0.2;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.service-section.service-2
    .property-service
    > div
    .service-box:hover
    .hover-line
    .icon-line-color {
    width: 68px;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}
.service-section.service-2 .property-service > div .service-box:hover .btn {
    background-color: var(--theme-default5);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #ffffff;
}
.service-section.service-2
    .property-service
    > div
    .service-box:hover
    .btn
    span {
    color: #ffffff;
    vertical-align: -2px;
}
.service-section.service-2
    .property-service
    > div
    .service-box:hover
    .btn::before {
    opacity: 0.35;
    -webkit-box-shadow: 0px 10px 12.5px var(--theme-default5);
    box-shadow: 0px 10px 12.5px var(--theme-default5);
}
.service-section.service-2
    .property-service
    > div
    .service-box:hover
    .btn:hover {
    background-color: transparent;
}
.service-section.service-2.color-7
    .property-service
    > div
    .service-box
    .hover-line::before {
    background-color: var(--theme-default10);
}
.service-section.service-2.color-7
    .property-service
    > div
    .service-box:hover
    .btn {
    background-color: var(--theme-default10);
}
.service-section.service-2.color-7
    .property-service
    > div
    .service-box:hover
    .btn
    span {
    vertical-align: -3px;
    color: #ffffff;
}
.service-section.service-2.color-7
    .property-service
    > div
    .service-box:hover
    .btn::before {
    opacity: 0.35;
    -webkit-box-shadow: 0px 10px 12.5px var(--theme-default10);
    box-shadow: 0px 10px 12.5px var(--theme-default10);
}
.service-section.color-7 .service-icon,
.service-section.color-7 .icon-line-color {
    fill: var(--theme-default10);
}

/**=====================
     service css end
==========================**/
/**=====================
     feature css start
==========================**/

.feature-section .property-slider {
    margin-bottom: 0;
}

.feature-section .feature-2 {
    margin: 0 50px;
}
.feature-section .feature-2 .feature-box {
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.06);
    box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.06);
    position: relative;
}
.feature-section .feature-2 .feature-box::before,
.feature-section .feature-2 .feature-box::after,
.feature-section .feature-2 .feature-box .feature-bottom {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    bottom: 0;
}
.feature-section .feature-2 .feature-box::before {
    height: 100%;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(20%, transparent),
        color-stop(30%, rgba(0, 0, 0, 0.05)),
        to(rgba(0, 0, 0, 0.6))
    );
    background-image: linear-gradient(
        transparent 20%,
        rgba(0, 0, 0, 0.05) 30%,
        rgba(0, 0, 0, 0.6)
    );
}
.feature-section .feature-2 .feature-box::after {
    height: 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(20%, transparent),
        color-stop(30%, rgba(0, 0, 0, 0.05)),
        to(rgba(0, 0, 0, 0.6))
    );
    background-image: linear-gradient(
        transparent 20%,
        rgba(0, 0, 0, 0.05) 30%,
        rgba(0, 0, 0, 0.6)
    );
}
.feature-section .feature-2 .feature-box .feature-bottom {
    padding: 30px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.feature-section .feature-2 .feature-box .feature-bottom h3,
.feature-section .feature-2 .feature-box .feature-bottom span {
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.feature-section .feature-2 .feature-box .feature-bottom h3 {
    font-weight: 600;
}
.feature-section .feature-2 .feature-box:hover::after {
    height: 100%;
    -webkit-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(20%, transparent),
        to(rgba(0, 0, 0, 0.8))
    );
    background-image: linear-gradient(
        to bottom,
        transparent 20%,
        rgba(0, 0, 0, 0.8) 100%
    );
}
.feature-section .feature-2 .feature-box:hover .feature-bottom {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: unset;
    bottom: 20px;
}
.feature-section .feature-2 .feature-box:hover .feature-bottom h3,
.feature-section .feature-2 .feature-box:hover .feature-bottom span {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.feature-section .feature-image {
    position: relative;
    -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 75px rgba(0, 0, 0, 0.09);
}
.feature-section .feature-image .bg-size:before {
    padding-top: 76.2%;
}
.feature-section .feature-image .label {
    padding: 8px 16px 6px;
}
.feature-section .feature-image .feature-overlay {
    width: 263px;
    height: 212px;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(0.5) translateY(-50%);
    transform: scale(0.5) translateY(-50%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.feature-section .feature-image .feature-overlay span {
    font-size: 70px;
    margin-top: -10px;
    color: #586167;
}
.feature-section .feature-image:hover .feature-overlay {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.feature-section .feature-content {
    -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.feature-section .feature-content .details,
.feature-section .feature-content .feature-price {
    padding: 30px 50px;
}
.feature-section .feature-content .details h3,
.feature-section .feature-content .details span,
.feature-section .feature-content .feature-price h3,
.feature-section .feature-content .feature-price span {
    color: #586167;
}
.feature-section .feature-content .details h3,
.feature-section .feature-content .feature-price h3 {
    margin-bottom: 10px;
    font-weight: 700;
}
.feature-section .feature-content .details h3 a,
.feature-section .feature-content .feature-price h3 a {
    color: #586167;
}
.feature-section .feature-content .details p,
.feature-section .feature-content .feature-price p {
    margin-top: 16px;
    line-height: 1.5;
    width: 80%;
    color: rgba(88, 97, 103, 0.7);
    margin-bottom: -2px;
}
.feature-section .feature-content .details > span,
.feature-section .feature-content .feature-price > span {
    font-weight: 500;
}
.feature-section .feature-content .detail-list {
    border-top: 1px solid rgba(59, 66, 73, 0.1);
    border-bottom: 1px solid rgba(59, 66, 73, 0.1);
    padding: 25px 40px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
.feature-section .feature-content .detail-list li {
    margin: 5px 10px;
}
.feature-section .feature-content .detail-list li .img-icon {
    height: 20px;
    width: 20px;
}
.feature-section .feature-content .detail-list li .d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.feature-section .feature-content .detail-list li .d-flex .label-lg {
    padding: 8px 16px;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
}
.feature-section .feature-content .detail-list li .d-flex h6 {
    margin-bottom: 0;
    margin-left: 15px;
    color: #3b4249;
    font-weight: 500;
}
.feature-section .feature-content .feature-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.feature-section .feature-content .feature-price li h3 {
    margin-top: -1px;
}
.feature-section .feature-content .feature-price li h6 {
    color: rgba(88, 97, 103, 0.7);
    font-weight: 600;
    margin-bottom: 0;
}
.feature-section .feature-content .feature-price li + li {
    margin-left: 40px;
}
.feature-section .feature-content .btn-lg {
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
    text-transform: uppercase;
}

.feature-section .modern-feature .feature-wrap .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.feature-section .modern-feature .feature-wrap .feature-image {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
.feature-section .modern-feature .feature-wrap .feature-image .bg-size:before {
    padding-top: 74%;
}
.feature-section
    .modern-feature
    .feature-wrap
    .feature-image
    .feature-overlay
    span {
    color: var(--theme-default6);
}
.feature-section .modern-feature .feature-wrap .feature-image .label-gradient {
    position: absolute;
    top: 40px;
    left: 40px;
}
.feature-section
    .modern-feature
    .feature-wrap
    .feature-image
    .label-gradient::after {
    opacity: 0.3;
    -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default6);
    box-shadow: -5.15px 8.572px 25px var(--theme-default6);
}

.feature-section .modern-feature .feature-wrap .feature-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 60px;
}
.feature-section .modern-feature .feature-wrap .feature-content .details {
    padding-top: 0 !important;
}
.feature-section .modern-feature .feature-wrap .feature-content .feature-price {
    padding-bottom: 0 !important;
}
.feature-section .modern-feature .feature-wrap .feature-content .details,
.feature-section .modern-feature .feature-wrap .feature-content .detail-list,
.feature-section .modern-feature .feature-wrap .feature-content .feature-price {
    padding: 40px;
    width: 100%;
}
.feature-section .modern-feature .feature-wrap .feature-content .details,
.feature-section .modern-feature .feature-wrap .feature-content .detail-list,
.feature-section .modern-feature .feature-wrap .feature-content .feature-price {
    padding-left: 0;
    padding-right: 0;
}

.feature-section.bg-half {
    position: relative;
}
.feature-section.bg-half::before {
    position: absolute;
    content: "";
    width: 35%;
    height: 100%;
    background-color: #f7f7fe;
    top: 0;
    left: 0;
}

.feature-section.layout-9 {
    height: auto;
}

.bg-comman-2 {
    position: relative;
}
.bg-comman-2::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 390px;
}
.bg-comman-2.feature-section .title-2 h2 {
    margin-top: -2px;
}

/**=====================
     feature css end
==========================**/
/**=====================
     property css start
==========================**/

.property-wrapper-grid .col-xl-4 .property-details {
    padding: 15px;
}
.property-wrapper-grid .col-xl-4 .property-details ul li {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
}
.property-wrapper-grid .col-xl-4 .property-details ul li img {
    height: 14px;
}
.property-wrapper-grid .col-xl-4 .property-details ul li:first-child {
    padding-left: 0;
}
.property-wrapper-grid .col-xl-4 .property-details ul li:last-child {
    padding-right: 0;
}

.property-section
    .property-box-flat
    .property-box
    .property-details
    .btn-light-bg.btn-flat::after {
    height: 100%;
}

.property-details {
    padding: 30px;
    position: relative;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-bottom: 5px;

    background-color: #fff;
}
.property-details > span {
    letter-spacing: 5px;
    color: #959595;
    text-transform: uppercase;
    font-weight: 500;
}
.property-details > a {
    display: block;
    color: #1c2d3a;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}
.property-details h3 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
}
.property-details p {
    line-height: 1.6;
    font-size: 15px;
    margin-bottom: 20px;
}
.property-details ul {
    margin-bottom: 18px;
}
.property-details ul li {
    padding-left: 15px;
    padding-right: 12px;
    font-weight: 500;
    line-height: 1.2;
}
.property-details ul li + li {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.property-details ul li:first-child {
    padding-left: 0;
}
.property-details ul li:last-child {
    padding-right: 0;
}
.property-details .property-svg {
    width: 16px;
    height: 16px;
}

.property-section
    .property-2.color-1
    .property-box:hover
    .property-details
    > a {
    background: var(--theme-gradient1);
    -webkit-background-clip: text;
}

.property-section .title-2 h2 {
    margin-top: -2px;
}

.property-section .title-3.d-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.property-section .title-3 .pagination li a {
    padding: 12px 16px;
    color: var(--theme-default7);
    border-radius: 5px;
    font-weight: 700;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
}
.property-section .title-3 .pagination li a::after {
    opacity: 0.1;
    background-color: var(--theme-default7);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
    z-index: -1;
}

.property-section .title-3 .pagination li.active a,
.property-section .title-3 .pagination li:hover a {
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.property-section .title-3 .pagination li.active a::after,
.property-section .title-3 .pagination li:hover a::after {
    opacity: 1;
}

.property-section .title-3 .pagination li + li {
    margin-left: 20px;
}

.property-section .title-3.text-start {
    margin-top: -2px;
}

.property-section.slick-between .title-3.text-start {
    margin-top: -5px;
}

.property-section .property-box {
    border-radius: 10px;
    overflow: hidden;
    /*  -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.04);
          box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.04);
  background: #ffffff; */
}
.property-section .property-box:hover {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.1);
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    
}
.property-section .property-box .property-image {
    position: relative;
}
.property-section .property-box .property-image .property-slider {
    margin-bottom: 0;
}
.property-section .property-box .property-image .labels-left {
    z-index: 99;
    position: absolute;
    left: -6px;
    top: 20px;
}
.property-section .property-box .property-image .labels-left .label {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
}
.property-section .property-box .property-image .labels-left > span {
    margin-top: 6px;
}
.property-section .property-box .property-details h6 {
    font-weight: 600;
    font-size: 17px;
    color: var(--theme-default3);
}
.property-section .property-box .property-details h6.color-1 {
    color: var(--theme-default);
}
.property-section .property-box .property-details .icon-property {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.property-section .property-box .property-details .icon-property li {
    width: 100%;
    position: relative;
}
.property-section .property-box .property-details .icon-property li + li {
    border-left: none;
}
.property-section
    .property-box
    .property-details
    .icon-property
    li
    + li::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    background-color: rgba(59, 66, 73, 0.2);
    top: 10px;
    left: -10px;
}
.property-section .property-box .property-details .icon-property li .d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.property-section
    .property-box
    .property-details
    .icon-property
    li
    .d-flex
    .property-icon {
    width: 35px;
    height: 35px;
    min-width: 35px;
    border-radius: 100%;
    margin-right: 15px;
    position: relative;
}
.property-section
    .property-box
    .property-details
    .icon-property
    li
    .d-flex
    .property-icon::after {
    border-radius: 100%;
    opacity: 0.1;
}
.property-section
    .property-box
    .property-details
    .icon-property
    li
    .d-flex
    .property-icon.color-4::after {
    background-color: var(--theme-default6);
}
.property-section
    .property-box
    .property-details
    .icon-property
    li
    .d-flex
    .property-icon.color-4
    .property-svg {
    fill: var(--theme-default6);
}
.property-section
    .property-box
    .property-details
    .icon-property
    li
    .d-flex
    .property-icon.color-7::after {
    background-color: var(--theme-default10);
}
.property-section
    .property-box
    .property-details
    .icon-property
    li
    .d-flex
    .property-icon.color-7
    .property-svg {
    fill: var(--theme-default10);
}
.property-section
    .property-box
    .property-details
    .icon-property
    + .icon-property {
    margin-top: 20px;
}
.property-section .property-box .property-details > ul > li > img {
    height: 16px;
    display: inline-block;
    margin-right: 7px;
}
.property-section .property-box:hover .property-details > a h3 {
    color: var(--theme-default2);
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

.property-section .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: none;
    margin-bottom: 30px;
}
.property-section .nav-tabs .nav-item {
    margin-bottom: 15px;
}
.property-section .nav-tabs .nav-item .nav-link {
    border-radius: 5px;
    -webkit-filter: drop-shadow(3.346px 3.716px 25px rgba(0, 0, 0, 0.06));
    filter: drop-shadow(3.346px 3.716px 25px rgba(0, 0, 0, 0.06));
    background-color: #000000;
    color: #ffffff;
    font-weight: 600;
}
.property-section .nav-tabs .nav-item.show .nav-link {
    background-color: #ffffff;
    color: var(--theme-default3);
    border-color: transparent;
}
.property-section .nav-tabs .nav-item + .nav-item {
    margin-left: 30px;
}
.property-section .nav-tabs .nav-link {
    position: relative;
}
.property-section .nav-tabs .nav-link::before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ffffff;
    content: "";
    bottom: -7px;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.property-section .nav-tabs .nav-link.active,
.property-section .nav-tabs .nav-link:hover,
.property-section .nav-tabs .nav-link:focus {
    background-color: #ffffff;
    color: var(--theme-default3);
    border-color: transparent;
}
.property-section .nav-tabs .nav-link.active::before,
.property-section .nav-tabs .nav-link:hover::before,
.property-section .nav-tabs .nav-link:focus::before {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.property-section .tab-content .tab-pane .property-2 > div .property-box {
    -webkit-animation: zoomIn 0.8s;
    animation: zoomIn 0.8s;
}

.property-section.bg-comman-2::before {
    height: 450px;
}

.property-section .property-2 .property-details {
    padding: 30px;
}

.property-section .property-2 .property-details > span {
    display: block;
    margin-top: -3px;
}

.property-section .property-2 .property-box {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
}
.property-section .property-2 .property-box .property-details > a {
    display: block;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    color: transparent;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#1c2d3a),
        to(#1c2d3a)
    );
    background: linear-gradient(to right, #1c2d3a 0%, #1c2d3a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.property-section .property-2 .property-box .property-details > span {
    display: block;
    margin-top: -3px;
    margin-bottom: 5px;
}
.property-section .property-2 .property-box:hover .property-details > a {
    background: var(--theme-gradient6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

.property-section .property-2 .property-box .property-image .labels-left {
    left: 20px;
}

.label-imobiliaria {
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.label-imobiliaria:hover {
    background-color: #000;
    color: #fff !important;
}

.property-section .property-box-flat .property-box {
}
.property-section
    .property-box-flat
    .property-box
    .property-image
    .label-white {
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 99;
}
.property-section .property-box-flat .property-box .property-details h3 {
    margin-top: -2px;
}
.property-section .property-box-flat .property-box .property-details h3 a {
    color: #1c2d3a;
}
.property-section .property-box-flat .property-box .property-details p {
    color: rgba(88, 97, 103, 0.7);
    text-align: justify;
}
.property-section
    .property-box-flat
    .property-box:hover
    .property-image
    .label-white {
    z-index: 2;
    background-color: var(--theme-default5);
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.property-section
    .property-box-flat
    .property-box:hover
    .property-image
    .label-white::after {
    -webkit-box-shadow: 0px 5px 12.5px var(--theme-default5);
    box-shadow: 0px 5px 12.5px var(--theme-default5);
    opacity: 0.35;
}
.property-section
    .property-box-flat
    .property-box:hover
    .property-image
    .label-white.color-7 {
    background-color: var(--theme-default10);
}
.property-section
    .property-box-flat
    .property-box:hover
    .property-image
    .label-white.color-7::after {
    -webkit-box-shadow: 0px 5px 12.5px var(--theme-default10);
    box-shadow: 0px 5px 12.5px var(--theme-default10);
}

.property-section .list-property .property-box {
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.09);
}
.property-section .list-property .property-box .text-center {
    margin-top: -20px;
    position: relative;
}
.property-section .list-property .property-box .text-center .label-gradient {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.property-section
    .list-property
    .property-box
    .property-image
    .overlay-property {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}
.property-section
    .list-property
    .property-box
    .property-image
    .overlay-property
    .overlay-box {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-color: #ffffff;
    border-radius: 5px;
    height: calc(100% - 92px);
    width: 85%;
    position: absolute;
    top: 14%;
    left: 8%;
    padding: 40px;
}
.property-section
    .list-property
    .property-box
    .property-image
    .overlay-property
    .overlay-box
    h4 {
    line-height: 1.2;
    color: #586167;
    font-weight: 700;
    margin-bottom: 12px;
}
.property-section
    .list-property
    .property-box
    .property-image
    .overlay-property
    .overlay-box
    p {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.3;
    color: rgba(88, 97, 103, 0.7);
}
.property-section
    .list-property
    .property-box
    .property-image
    .overlay-property
    .overlay-box
    a {
    background-image: var(--theme-gradient9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    font-weight: 600;
    display: initial;
}
.property-section
    .list-property
    .property-box
    .property-image
    .overlay-property
    .overlay-box
    a::after {
    position: absolute;
    content: "";
    right: -45px;
    top: 10px;
    width: 35px;
    height: 2px;
    border-radius: 1px;
    background-color: var(--theme-default7);
}
.property-section
    .list-property
    .property-box
    .property-image
    .overlay-property::after {
    background-color: #303030;
    opacity: 0.4;
    z-index: -1;
}
.property-section
    .list-property
    .property-box:hover
    .text-center
    .label-gradient {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
}
.property-section
    .list-property
    .property-box:hover
    .text-center
    .label-gradient::after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default6);
    box-shadow: -5.15px 8.572px 25px var(--theme-default6);
    opacity: 0.3;
}
.property-section
    .list-property
    .property-box:hover
    .property-image
    .overlay-property {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.property-section .listing-hover-property {
    margin-bottom: -30px;
}
.property-section .listing-hover-property .property-box {
    position: relative;
}
.property-section
    .listing-hover-property
    .property-box
    .property-image
    .labels-left {
    top: 15px;
}
.property-section .listing-hover-property .property-box .bottom-property {
    position: absolute;
    left: 0;
    bottom: -70px;
    color: #ffffff;
    -webkit-transition: 0.9s;
    transition: 0.9s;
    width: 100%;
    z-index: 1;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    div.d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.property-section .listing-hover-property .property-box .bottom-property > div {
    padding: 15px;
    -webkit-transition: height 0.9s;
    transition: height 0.9s;
}
.property-section .listing-hover-property .property-box .bottom-property h5 {
    font-weight: 600;
}
.property-section .listing-hover-property .property-box .bottom-property h5 a {
    color: #ffffff;
}
.property-section .listing-hover-property .property-box .bottom-property h6 {
    margin-bottom: 0;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option
    ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option
    ul
    li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 20px;
    -webkit-transition: 0.9s;
    transition: 0.9s;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option
    ul
    li:nth-child(1) {
    background-color: #636363;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option
    ul
    li:nth-child(2) {
    background-color: #565656;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option
    ul
    li:nth-child(3) {
    background-color: #494949;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option
    ul
    li:nth-child(4) {
    background-color: #3d3d3d;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option
    ul
    li
    .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option
    ul
    li
    .media
    img {
    width: 30px;
    -webkit-filter: brightness(0.8) invert(0.8);
    filter: brightness(0.8) invert(0.8);
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option
    ul
    li
    .media
    .media-body {
    margin-left: 10px;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option
    ul
    li
    span {
    font-size: 13px;
}
.property-section
    .listing-hover-property
    .property-box
    .bottom-property
    .overlay-option
    ul
    li
    h6 {
    font-weight: 500;
}
.property-section .listing-hover-property .property-box::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transition: 0.9s;
    transition: 0.9s;
    left: 0;
    bottom: 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(60%, transparent),
        to(rgba(0, 0, 0, 0.8))
    );
    background-image: linear-gradient(
        to bottom,
        transparent 60%,
        rgba(0, 0, 0, 0.8) 100%
    );
}
.property-section .listing-hover-property .property-box:hover .bottom-property {
    bottom: 0;
    -webkit-transition: 0.9s;
    transition: 0.9s;
}
.property-section
    .listing-hover-property
    .property-box:hover
    .bottom-property
    > div {
    -webkit-transition: 0.9s;
    transition: 0.9s;
}
.property-section
    .listing-hover-property
    .property-box:hover
    .bottom-property
    .overlay-option
    ul
    li {
    opacity: 1;
    -webkit-transition: 0.9s;
    transition: 0.9s;
}
.property-section .listing-hover-property .property-box:hover::after {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(45%, transparent),
        to(rgba(0, 0, 0, 0.9))
    );
    background-image: linear-gradient(
        to bottom,
        transparent 45%,
        rgba(0, 0, 0, 0.9) 100%
    );
    -webkit-transition: 0.9s;
    transition: 0.9s;
}
.property-section .listing-hover-property > div {
    margin-bottom: 30px;
}

.property-section
    .property-label
    .property-box
    .property-image
    .labels-left
    .label {
    text-transform: capitalize;
    font-size: 12px;
}

.property-section .tab-content .tab-pane .list-property > div .property-box {
    -webkit-animation: zoomIn 0.8s;
    animation: zoomIn 0.8s;
}

.property-grid .property-box .agent-image {
    border-bottom: 1px solid #eee;
}

.property-grid.list-view .property-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.property-grid.list-view .property-box .property-image {
    width: 50%;
}
.property-grid.list-view .property-box .property-image .bg-size {
    height: 100%;
}
.property-grid.list-view .property-box .agent-image {
    border-right: 1px solid #eee;
}

.property-grid-3 {
    position: relative;
}
.property-grid-3 .filter-bottom-content {
    top: 45px;
}
.property-grid-3 .property-grid.list-view .property-box .agent-image {
    width: 100%;
}
.property-grid-3 .property-grid.list-view .property-box .agent-image > div {
    height: 100%;
}
.property-grid-3
    .property-grid.list-view
    .property-box
    .agent-image:hover
    .overlay-content {
    left: 53%;
}
.property-grid-3 .filter-panel .top-panel h2 {
    margin-top: -2px;
}

.property-main {
    overflow: unset;
}

.single-property-section {
    /*position: absolute;*/
    bottom: -76px;
    width: 100%;
}
.single-property-section .btn {
    padding: 4px 10px;
    font-size: 12px;
}
.single-property-section .btn.btn-dashed {
    padding: 5px 10px;
}
.single-property-section .left-single .d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.single-property-section .left-single h2 {
    margin-top: -3px;
}
.single-property-section .left-single p {
    margin-bottom: 15px;
}
.single-property-section .left-single ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -5px -10px 15px;
}
.single-property-section .left-single ul li {
    margin: 5px 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.single-property-section .left-single ul li:hover {
    color: #ff5c41;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.single-property-section .left-single ul li > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
}
.single-property-section .left-single ul li > div img {
    width: 16px;
    margin-right: 10px;
}
.single-property-section .left-single ul li > div .ruler-tool {
    width: 14px;
    height: 20px;
}
.single-property-section .single-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
}
.single-property-section .single-title .right-single {
    text-align: right;
}
.single-property-section .single-title .right-single .price {
    color: #000;
    margin-bottom: 0;
}
.single-property-section .single-title .right-single .price span {
    color: #878787;
    font-size: 16px;
    font-weight: 500;
}

.single-gallery {
    position: relative;
}
/*
.single-property {
  margin-top: 30px; }
  */
.single-property.mt-0.pt-0 {
    padding-bottom: 60px;
}
.single-property .description-section .desc-box {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
}
.single-property .description-section .desc-box h4 {
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: -2px;
}
.single-property .description-section .desc-box p {
    line-height: 1.5;
    color: #878787;
    font-family: Roboto, sans-serif;
    margin-bottom: 5px;
    width: 100%;
}
.single-property .description-section .desc-box .feature-dec h4,
.single-property .description-section .desc-box .ratio3_2 h4,
.single-property .description-section .desc-box #floor_plan h4 {
    margin-top: -3px;
}
.single-property .description-section .desc-box .single-gallery {
    margin-bottom: -2px;
}
.single-property .description-section .desc-box + .desc-box {
    margin-top: 30px;
}
.single-property .description-section .menu-top {
    background-color: #ffffff;
    border-bottom: 1px solid #d2d2d2;
    padding: 15px 0;
}
.single-property .description-section .menu-top li a {
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #1c2d3a;
}
.single-property .description-section .menu-top li.active a {
    /* color: var(--theme-default4); */
    /*border-bottom: 2px solid var(--theme-default4);*/
    border-bottom: 2px solid;
    -webkit-transition: all 0.5s ease;
    font-weight: bold;
    transition: all 0.5s ease;
}
.single-property .description-section .menu-top.sticky {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
    margin-top: 0;
    padding: 16px 0;
    -webkit-animation: smoothScroll 1s forwards;
    animation: smoothScroll 1s forwards;
}
.single-property .description-section .single-feature {
    margin-bottom: -4px;
}
.single-property .description-section .single-feature ul li {
    display: block;
   /*  text-transform: capitalize; */
    line-height: 1.9;
}
.single-property .description-section .single-feature ul li i {
    color: var(--theme-default4);
    margin-right: 6px;
    vertical-align: 2px;
    font-size: 12px;
}
.single-property .description-section .attach-file {
    color: #444444;
    font-weight: 500;
}
.single-property .description-section .attach-file i {
    font-size: 25px;
    margin-right: 15px;
    vertical-align: -3px;
}
.single-property .description-section .attach-file:hover {
    color: var(--theme-default4);
}
.single-property .description-section .about p:last-child {
    margin-bottom: -3px;
}
.single-property .description-section .gallery-for {
    position: relative;
}
.single-property .page-section {
    padding: 30px;
}
.single-property .page-section iframe {
    width: 100%;
    height: 420px;
    margin-bottom: -5px;
}
.single-property #details h4,
.single-property .about h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.single-property #details h4 a,
.single-property .about h4 a {
    font-size: 14px;
    color: var(--theme-default4);
}

.play-bg-image {
    position: relative;
}
.play-bg-image .icon-video {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
.play-bg-image .icon-video a {
    position: relative;
}
.play-bg-image .icon-video a:after {
    position: absolute;
    content: "";
    top: -51px;
    left: -50px;
    width: 150px;
    height: 150px;
    z-index: -1;
    background: rgba(255, 92, 65, 0.8);
    border-radius: 100%;
    -webkit-animation: heartbit 2s ease-out;
    animation: heartbit 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.gallery-nav {
    margin: 10px 0 0 -5px;
}

.property-list-details li {
    display: block;
    line-height: 2;
    font-weight: 500;
    color: rgba(88, 97, 103, 0.85);
}
.property-list-details li span {
    font-weight: 600;
    min-width: 210px;
    display: inline-block;
    color: #586167;
}

.review-form .form-control {
    padding: 7px 15px;
    color: #878787;
}

.sticky-cls {
    position: sticky;
    z-index: 1;
    top: 75px;
}

.without-top .single-property-section {
    position: relative;
    bottom: unset;
}

.property-grid-2 {
    position: relative;
}
.property-grid-2 .filter-panel .top-panel h2 {
    margin-top: -2px;
}

@media print {
    .nav-tabs {
        display: inline;
    }
    * {
        -webkit-print-color-adjust: exact;
    }
}

/**=====================
     property css end
==========================**/
/**=====================
     pagination css start
==========================**/
.theme-pagination {
    margin-top: 30px;
    text-align: right;
}
.theme-pagination .pagination {
    display: inline-block;
}
.theme-pagination .pagination .page-item .page-link {
    color: var(--theme-default3);
    border-radius: 4px;
    font-weight: 500;
    padding: 6px 13px;
}
.theme-pagination .pagination .page-item .page-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.theme-pagination .pagination .page-item .page-link:hover,
.theme-pagination .pagination .page-item .page-link:focus {
    background-color: var(--theme-default3);
    border-color: var(--theme-default3);
    color: #ffffff;
}
.theme-pagination .pagination .page-item.active .page-link {
    background-color: var(--theme-default3);
    border-color: var(--theme-default3);
    color: #ffffff;
    z-index: 1;
}
.theme-pagination .pagination .page-item + .page-item {
    margin-left: 8px;
}

/**=====================
     pagination css end
==========================**/
/**=====================
     portfolio css start
==========================**/

/**=====================
     portfolio css end
==========================**/
/**=====================
     map css start
==========================**/

/**=====================
     map css end
==========================**/
/**=====================
     slick css start
==========================**/
.slick-initialized .slick-slide {
    margin-bottom: -6px;
}
.slick-initialized .slick-slide:focus {
    outline: none;
}
.slick-initialized .slick-slide > div:focus {
    outline: none;
}
.slick-initialized .slick-slide > div > div:focus {
    outline: none;
}
.slick-initialized .slick-slide > div > div a:focus {
    outline: none;
}

.slick-initialized .slick-arrow {
    z-index: 1;
}

.slick-between .slick-slider .slick-list {
    /* margin: 0 -25px; */
    max-width: 100%; /* Define a largura máxima para 100% da largura da janela */
    margin: 0 auto; /* Centraliza a div horizontalmente na janela */
}
.slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
    /* margin: 0 25px; */
    max-width: 100%; /* Define a largura máxima para 100% da largura da janela */
    margin: 0 auto; /* Centraliza a div horizontalmente na janela */
}

.slick-shadow .slick-list {
    margin-bottom: -30px !important;
}
.slick-shadow .slick-list .slick-track .slick-slide {
    margin-bottom: 0;
}
.slick-shadow .slick-list .slick-track .slick-slide > div {
    margin-bottom: 30px !important;
}

.feature-slider .slick-slide,
.grid-slider .slick-slide,
.slider-for .slick-slide,
.main-property-slider .slick-slide {
    margin-bottom: -5px;
}

.feature-slider .slick-arrow,
.grid-slider .slick-arrow,
.slider-for .slick-arrow,
.main-property-slider .slick-arrow {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.feature-slider .slick-arrow:before,
.grid-slider .slick-arrow:before,
.slider-for .slick-arrow:before,
.main-property-slider .slick-arrow:before {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    font-size: 14px;
    opacity: 1;
}
.feature-slider .slick-arrow:hover,
.grid-slider .slick-arrow:hover,
.slider-for .slick-arrow:hover,
.main-property-slider .slick-arrow:hover {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.feature-slider .slick-prev:before,
.grid-slider .slick-prev:before,
.slider-for .slick-prev:before,
.main-property-slider .slick-prev:before {
    content: "\f060";
}

.feature-slider .slick-next:before,
.grid-slider .slick-next:before,
.slider-for .slick-next:before,
.main-property-slider .slick-next:before {
    content: "\f061";
}

.arrow-light .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}

.arrow-light .slick-prev:before,
.arrow-light .slick-next:before {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    font-size: 14px;
    margin-left: 1px;
}

.arrow-light .slick-prev {
    left: -75px;
}
.arrow-light .slick-prev:before {
    content: "\f053";
}

.arrow-light .slick-next {
    right: -75px;
}
.arrow-light .slick-next:before {
    content: "\f054";
}

.dot-gradient {
    margin-bottom: 25px !important;
}
.dot-gradient .slick-dots {
    position: relative;
}
.dot-gradient .slick-dots li button {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.dot-gradient .slick-dots li button::before {
    background-image: var(--theme-gradient7);
    width: 10px;
    height: 10px;
    opacity: 0.3;
    left: 5px;
    top: 5px;
    border-radius: 100%;
    color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.dot-gradient .slick-dots li.slick-active button {
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.dot-gradient .slick-dots li.slick-active button::before {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.dot-gradient .slick-dots li.slick-active button::after {
    background-color: var(--theme-default3);
    opacity: 0.2;
    border-radius: 100%;
}

.modern-dot.slick-dotted {
    margin-bottom: 3px;
}

.modern-dot.property-3.slick-dotted {
    margin-bottom: 2px;
}

.modern-dot .slick-dots {
    position: relative;
    bottom: unset;
    margin-top: 50px;
}
.modern-dot .slick-dots li {
    width: auto;
    height: auto;
}
.modern-dot .slick-dots li button {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    opacity: 0.5;
    background-color: var(--theme-default5);
}
.modern-dot .slick-dots li button::before {
    display: none;
}
.modern-dot .slick-dots li.slick-active button {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.modern-dot.color-7 .slick-dots li button {
    background-color: var(--theme-default10);
}

.modern-dot.color-7 .slick-dots li.slick-active button {
    background-color: var(--theme-default10) !important;
}

.single-property-images .slick-prev {
    left: 30px;
}
.single-property-images .slick-next {
    right: 30px;
}

.property-section
    .property-box:hover
    .property-image
    .property-slider.color-6
    .slick-prev,
.property-section
    .property-box:hover
    .property-image
    .property-slider.color-6
    .slick-next {
    background-color: var(--theme-default9);
}
.property-section
    .property-box:hover
    .property-image
    .property-slider.color-7
    .slick-prev,
.property-section
    .property-box:hover
    .property-image
    .property-slider.color-7
    .slick-next {
    background-color: var(--theme-default10);
}
.property-section
    .property-box:hover
    .property-image
    .property-slider.color-3
    .slick-prev,
.property-section
    .property-box:hover
    .property-image
    .property-slider.color-3
    .slick-next {
    background-color: var(--theme-default5);
}
.property-section
    .property-box:hover
    .property-image
    .property-slider.color-1
    .slick-prev,
.property-section
    .property-box:hover
    .property-image
    .property-slider.color-1
    .slick-next {
    background-color: var(--theme-default);
}
.property-section
    .property-box:hover
    .property-image
    .property-slider
    .slick-prev {
    left: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: var(--theme-default3);
    border-radius: 30px;
}
.property-section
    .property-box:hover
    .property-image
    .property-slider
    .slick-prev::before {
    content: "\f053";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    opacity: 1;
    line-height: 0.6;
    font-size: 12px;
}
.property-section
    .property-box:hover
    .property-image
    .property-slider
    .slick-next {
    right: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: var(--theme-default3);
    border-radius: 30px;
}
.property-section
    .property-box:hover
    .property-image
    .property-slider
    .slick-next::before {
    content: "\f054";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    opacity: 1;
    line-height: 0.6;
    font-size: 12px;
}

.property-section .property-box .property-image .grid-slider .slick-arrow,
.property-section .property-box .property-image .slider-for .slick-arrow {
    opacity: 0;
}

.property-section .property-box:hover .property-image .grid-slider .slick-arrow,
.property-section .property-box:hover .property-image .slider-for .slick-arrow {
    opacity: 1;
}

.property-section .property-box:hover .property-image .grid-slider .slick-prev,
.property-section .property-box:hover .property-image .slider-for .slick-prev {
    left: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.property-section .property-box:hover .property-image .grid-slider .slick-next,
.property-section .property-box:hover .property-image .slider-for .slick-next {
    right: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.arrow-image .slick-arrow {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
}
.arrow-image .slick-arrow::before {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    font-size: 18px;
    color: var(--theme-default5);
    position: relative;
    z-index: 1;
}
.arrow-image .slick-arrow::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 100%;
    top: 15px;
    left: 15px;
}
.arrow-image .slick-arrow .slick-thumb-nav::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 70px;
    background: #ffffff;
    border-radius: 100%;
    top: 15px;
    left: 15px;
}

.arrow-image .slick-next::before {
    content: "\f061";
}

.arrow-image .slick-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.arrow-image .slick-prev::before {
    content: "\f060";
}

.arrow-image.main-property-slider .slick-arrow {
    width: 40px;
    height: 40px;
    background: #ffffff;
}
.arrow-image.main-property-slider .slick-arrow::after {
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.3);
    top: -10px;
    left: -10px;
    -webkit-animation: heartbit 2s ease-out;
    animation: heartbit 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.arrow-image.main-property-slider .slick-arrow::before {
    color: var(--theme-default3);
    font-size: 16px;
}

.arrow-image.color-7 .slick-arrow::before {
    color: var(--theme-default10);
}

.logo-box {
    display: inline-block;
}
.logo-box a {
    display: inline-block;
    margin: 0 auto;
}
.logo-box img {
    margin: 0 auto;
}

.arrow-gradient {
    position: relative;
}
.arrow-gradient .slick-arrow {
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.arrow-gradient .slick-arrow::before {
    font-size: 16px;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    opacity: 1;
    color: var(--theme-default6);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: block;
    margin-top: 1px;
}
.arrow-gradient .slick-arrow::after {
    background-color: var(--theme-default6);
    border-radius: 5px;
    opacity: 0.15;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.arrow-gradient .slick-arrow:hover,
.arrow-gradient .slick-arrow:focus {
    background-image: var(--theme-gradient9);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.arrow-gradient .slick-arrow:hover::before,
.arrow-gradient .slick-arrow:focus::before {
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.arrow-gradient .slick-arrow:hover::after,
.arrow-gradient .slick-arrow:focus::after {
    opacity: 0.3;
    -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default7);
    box-shadow: -5.15px 8.572px 25px var(--theme-default7);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: -1;
}
.arrow-gradient .slick-prev::before {
    content: "\f060";
}
.arrow-gradient .slick-next::before {
    content: "\f061";
}
.arrow-gradient.arrow-right .slick-arrow {
    top: -89px;
}
.arrow-gradient.arrow-right .slick-prev {
    right: 58px;
    left: unset;
}
.arrow-gradient.arrow-right .slick-prev::after {
    opacity: 0.2;
}
.arrow-gradient.arrow-right .slick-next {
    right: 0px;
}

.brand-slider {
    margin-bottom: -1px;
}
.brand-slider .slick-list .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.brand-slider .slick-list .slick-slide > div > div {
    text-align: center;
}

/**=====================
     slick css end
==========================**/
/**=====================
     testimonial css start
==========================**/

/**=====================
     testimonial css end
==========================**/
/**=====================
     coming soon css start
==========================**/

@-webkit-keyframes slide {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -1000px 0;
    }
}

@keyframes slide {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -1000px 0;
    }
}

/**=====================
     coming soon css end
==========================**/
/**=====================
    loader css start
==========================**/
.loader-wrapper {
    height: 100vh;
    width: 100vw;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;
}
.loader-wrapper.img-gif {
    overflow: hidden;
}
.loader-wrapper.img-gif img {
    width: 120px;
}

.loader-img {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
}
.loader-img img {
    height: 150px;
}

/**=====================
    loader css end
==========================**/
/**=====================
     customizer css start
==========================**/

/**=====================
     customizer css end
==========================**/
/**=====================
     Header css start
==========================**/

header {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.8s;
    transition: 0.8s;
}
header.fixed-header.fixed .main-navbar .nav-menu > li {
    padding-top: 15px;
    padding-bottom: 15px;
}
header.fixed {
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-animation: smoothScroll 1s forwards;
    animation: smoothScroll 1s forwards;
}
header.header-4 {
    position: relative;
    background-color: #ffffff;
}
header.header-4.fixed {
    background-color: #ffffff;
}
header.header-4 .main-navbar .nav-menu > li > a {
    color: #586167;
    position: relative;
}
header.header-4 .main-navbar .nav-menu > li > a::before {
    position: absolute;
    content: "";
    background-color: rgba(243, 68, 81, 0.1);
    width: 45px;
    height: 40px;
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    left: 0;
    top: -5px;
}
header.header-4 .main-navbar .nav-menu > li.active > a {
    color: var(--theme-default7) !important;
}
header.header-4 .main-navbar .nav-menu > li.active > a::before {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
header.header-4 .main-navbar .nav-menu > li .nav-submenu li a {
    color: #586167;
}
header.header-4 .main-navbar .nav-menu > li .nav-submenu li a:hover {
    color: var(--theme-default7) !important;
}
header.header-4 .menu .brand-logo {
    margin-left: 0;
}
header.header-4 .main-navbar .nav-menu > li > a {
    font-family: Rubik, sans-serif;
    text-transform: capitalize;
    font-size: 15px;
    margin-right: 20px;
}
header.header-4 .main-navbar .nav-menu > li .nav-submenu li a {
    font-family: Roboto, sans-serif;
    font-weight: 400;
}
header.header-4 .main-navbar .nav-menu > li {
    padding: 20px 10px;
}
header.header-4 .main-navbar .nav-menu > li > a {
    text-transform: uppercase;
    position: relative;
}
header.header-4 .main-navbar .nav-menu > li > a::after {
    position: absolute;
    /* content: "\f107"; */
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    left: unset !important;
    right: -14px !important;
    font-size: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 1px;
}
header.header-4.fixed {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
}
header .main-navbar {
    text-align: center;
}
header .main-navbar .nav-menu {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
    vertical-align: middle;
}
header .main-navbar .nav-menu > li {
    position: relative;
    float: left;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
}
header .main-navbar .nav-menu > li > a {
    margin-right: 40px;
}
header .main-navbar .nav-menu > li > a {
    display: block;
    color: white;
    font-size: 14px;
    font-family: Rubik, sans-serif;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    padding: 7px 0 5px 0;
    position: relative;
    border-radius: 15px;
    letter-spacing: 0.8px;
}
header .main-navbar .nav-menu > li.active > a {
    background-color: rgba(255, 255, 255, 0.1);
}
header .main-navbar .nav-menu > li .nav-submenu {
    position: absolute;
    left: 0;
    z-index: 1;
    -webkit-box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
    box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
    padding: 15px 0 15px 0;
    background: white;
}
header .main-navbar .nav-menu > li .nav-submenu li {
    border: 0;
    float: none;
    position: relative;
    display: block;
}
header .main-navbar .nav-menu > li .nav-submenu li a {
    border: 0;
    background: transparent;
    color: #1c2d3a;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 2px 25px;
    display: block;
    letter-spacing: 0.07em;
    line-height: 1.9;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}
header .main-navbar .nav-menu > li .nav-submenu li a .label {
    font-size: 12px;
    color: #f13439;
    position: absolute;
    padding: 0 0 0 3px;
    font-family: Montserrat, sans-serif;
}
header .main-navbar .nav-menu > li .nav-submenu li a:after {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    right: 18px;
    opacity: 0;
    font-size: 14px;
    top: 3px;
}
header .main-navbar .nav-menu > li .nav-submenu li a:hover {
    margin-left: 3px;
    color: var(--theme-default) !important;
}
header .main-navbar .nav-menu > li:hover > a:after {
    left: 0;
    right: 0;
    opacity: 1;
}
header .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header .menu .brand-logo img {
    width: 88%;
}
header .menu .brand-logo .for-dark {
    display: none;
}
header.fixed {
    position: fixed;
}

header .main-navbar .nav-menu li:last-child button.btn {
    margin: -5px 0;
}

.toggle-nav {
    position: relative;
    padding-top: 22px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.toggle-nav i {
    font-size: 20px;
    color: white;
}

.close-filter-bottom.color-7 {
    color: var(--theme-default10);
}

header .dropdown .dropdown-toggle:after {
    display: none;
}

header .dropdown .dropdown-menu {
    -webkit-box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    border-radius: 4px;
}
header .dropdown .dropdown-menu .dropdown-item {
    font-family: Roboto, sans-serif;
}

header .dropdown.input-group-text .dropdown-menu {
    margin-top: 20px;
}

@media (min-width: 1200px) {
    header .main-navbar .nav-menu > li a .according-menu {
        display: none;
    }
    header .main-navbar .nav-menu > li .nav-submenu {
        width: 235px;
        opacity: 0;
        visibility: hidden;
        border-radius: 5px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    header .main-navbar .nav-menu > li:hover .nav-submenu {
        opacity: 1;
        z-index: 11;
        visibility: visible;
        margin-top: 15px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .toggle-nav {
        display: none;
    }
    .mobile-back {
        display: none !important;
    }
}

@media (max-width: 1460px) {
    header .main-navbar .nav-menu > li > a {
        margin-right: 20px;
    }
    header.header-4 .main-navbar .nav-menu > li > a {
        margin-right: 30px;
    }
}

@media (max-width: 1199px) {
    header.fixed-header.fixed .main-navbar .nav-menu > li {
        padding: 0;
    }
    header.header-4 .main-navbar .nav-menu > li {
        padding: 0;
    }
    header .main-navbar .nav-menu {
        position: fixed;
        background-color: #ffffff;
        width: 300px;
        border-radius: 0;
        border: 1px solid #eee;
        top: 0;
        height: 100vh;
        right: -300px;
        z-index: 99;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        overflow: scroll;
    }
    header .main-navbar .nav-menu.open {
        right: 0;
    }
    header .main-navbar .nav-menu .back-btn {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    header .main-navbar .nav-menu .back-btn .mobile-back {
        padding: 20px;
        font-size: 18px;
        color: #586167;
        font-weight: 600;
        text-transform: uppercase;
        border-bottom: 1px solid #efefef;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    header .main-navbar .nav-menu > li {
        display: block;
        float: none;
        width: 100%;
        padding: 0;
    }
    header .main-navbar .nav-menu > li a {
        padding: 10px 15px;
        font-weight: 500;
        position: relative;
        color: #586167;
        margin-right: 0;
    }
    header .main-navbar .nav-menu > li > ul li a .according-menu {
        top: 2px;
    }
    header .main-navbar .nav-menu > li > ul li ul li a .according-menu {
        top: 1px;
    }
    header .main-navbar .nav-menu > li .nav-submenu {
        width: 100%;
        padding: 0;
        position: relative;
        display: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    header .main-navbar .nav-menu > li .nav-submenu li a:after {
        display: none;
    }
    header .main-navbar .nav-menu > li .nav-submenu li a:hover {
        margin-left: 0;
    }
    header .main-navbar .nav-menu > li .nav-submenu li a:hover:after {
        display: none;
    }
    header .main-navbar .nav-menu > li .nav-link.active {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #000000;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    header .main-navbar .nav-menu > li .nav-link.active:hover {
        color: var(--theme-default) !important;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    header .menu nav {
        margin-left: auto;
        margin-right: 30px;
    }
    header.header-4 .main-navbar .nav-menu > li > a {
        margin-right: 0;
    }
    header.header-4 .main-navbar .nav-menu > li > a::after {
        display: none;
    }
    .according-menu {
        position: absolute;
        right: 20px;
        top: 8px;
    }
}

@media (max-width: 767px) {
    header .menu .brand-logo img {
        width: 120px;
    }
}

@media (max-width: 576px) {
    header .menu .brand-logo img {
        width: 110px;
        height: auto;
    }
    header .menu nav {
        margin-right: 20px;
    }
    .toggle-nav {
        padding-top: 22px;
        padding-bottom: 20px;
    }
}

@media (max-width: 480px) {
    header .menu nav {
        margin-right: 8px;
    }
}

/**=====================
     Header css end
==========================**/
/**=====================
     footer css start
==========================**/

footer .footer-details p {
    font-weight: 500;
    margin: 18px 0;
}

footer .footer-details .footer-contact ul li {
    display: block;
    color: #ffffff;
    font-weight: 600;
}
footer .footer-details .footer-contact ul li + li {
    margin-top: 20px;
}
footer .footer-details .footer-contact ul li i {
    margin-right: 15px;
}

footer .footer {
    padding: 90px 0;
}

footer .sub-footer {
    padding: 12px 0;
}
footer .sub-footer p {
    font-size: 14px;
    font-weight: 500;
}
footer .sub-footer p i {
    color: #e1002c;
}
footer .sub-footer .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
footer .sub-footer .sub-footer-link li a {
    color: #d2d2d2;
    font-weight: 500;
}
footer .sub-footer .sub-footer-link li a:hover {
    color: #ffffff;
}
footer .sub-footer .sub-footer-link li + li {
    margin-left: 20px;
}
footer .sub-footer.footer-light {
    background-color: #202020;
}
footer .sub-footer.footer-light p {
    color: #d2d2d2;
}
footer .sub-footer.sub-footer-dark {
    background-color: #182732;
}
footer .sub-footer.sub-footer-dark p {
    color: #d2d2d2;
}
footer .sub-footer.sub-footer-dark .sub-footer-link li a {
    color: #d2d2d2;
}
footer .sub-footer.sub-footer-dark .sub-footer-link li a:hover {
    color: #ffffff;
}

footer p {
    font-size: 13px;
    line-height: 2.2;
}

footer .footer-links h5 {
    position: relative;
    line-height: 1.6;
    color: #ffffff;
    font-weight: 600;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

footer .footer-links .footer-content {
    margin-top: 45px;
}
footer .footer-links .footer-content .for-dark {
    display: none;
}
footer .footer-links .footer-content li {
    display: block;
}
footer .footer-links .footer-content li a {
    color: rgba(255, 255, 255, 0.9);
}
footer .footer-links .footer-content li a:hover {
    color: white;
}
footer .footer-links .footer-content li + li {
    margin-top: 10px;
}
footer .footer-links .footer-content p {
    font-size: 14px;
    color: #d2d2d2;
    line-height: 1.6;
}
footer .footer-links .footer-content p a {
    color: #d2d2d2;
}

footer .footer-links.footer-details .footer-content {
    margin-top: 0;
}

footer .footer-links .footer-title span {
    display: none;
}

footer.footer-light .footer {
    margin-bottom: -1px;
}

footer.footer-light .footer-links .footer-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
footer.footer-light .footer-links .footer-title .according-menu {
    position: relative;
    right: unset;
    top: unset;
}
footer.footer-light .footer-links .footer-title span {
    margin-left: 20px;
}
footer.footer-light .footer-links .footer-title span i {
    font-size: 14px;
}

footer.footer-light .footer-links h5 {
    color: #586167;
    font-weight: 600;
}

footer.footer-light .footer-links .footer-content {
    margin-top: 36px;
}
footer.footer-light .footer-links .footer-content li a {
    color: #586167;
    display: block;
}
footer.footer-light .footer-links .footer-content li a svg {
    float: left;
    stroke-width: 2px;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-left: -5px;
    margin-right: 5px;
}
footer.footer-light .footer-links .footer-content li a:hover {
    color: var(--theme-default6);
}

footer.footer-light .footer-details {
    margin-bottom: -2px;
}
footer.footer-light .footer-details p {
    color: #586167;
    margin-top: 12px;
}
footer.footer-light .footer-details .footer-contact ul li {
    color: #586167;
}

.footer-left-space {
    padding-left: 40px;
}

.footer-bg {
    /*background-image: url(../images/footer-bg.jpg);*/
    background-color: #000;
}
.footer-bg p {
    color: #d2d2d2;
}
.footer-bg .footer-details {
    background-color: #000000;
    padding: 30px;
}
.footer-bg .footer-details p {
    margin-top: 6px;
    margin-bottom: 30px;
}
.footer-bg .footer-details img {
    margin-top: -8px;
}
.footer-bg .footer-details h6 {
    color: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700;
}
.footer-bg .footer-details .icon-list li a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #151515;
    border: 1px solid transparent;
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.footer-bg .footer-details .icon-list li a:hover {
    border: 1px solid #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.footer-bg .footer-details .icon-list li + li {
    margin-left: 4px;
}
.footer-bg .footer-links {
    padding-bottom: 30px;
}
.footer-bg .footer-links h5 {
    text-transform: uppercase;
    font-weight: 600;
}
.footer-bg .footer-links .footer-content {
    margin-top: 30px;
}
.footer-bg .footer-links .footer-content li a {
    color: #d2d2d2;
}
.footer-bg .footer-links .footer-content li + li {
    margin-top: 16px;
}
.footer-bg .footer-links .footer-content .input-group {
    margin-top: 45px;
}
.footer-bg .footer-links .footer-content .input-group input {
    background-color: #202020;
    border: none;
    border-radius: 23px 0 0 23px;
    padding: 10px 30px;
    font-size: 14px;
    color: #ffffff;
}
.footer-bg
    .footer-links
    .footer-content
    .input-group
    input::-webkit-input-placeholder {
    color: #878787;
    font-weight: 500;
}
.footer-bg .footer-links .footer-content .input-group input::-moz-placeholder {
    color: #878787;
    font-weight: 500;
}
.footer-bg
    .footer-links
    .footer-content
    .input-group
    input:-ms-input-placeholder {
    color: #878787;
    font-weight: 500;
}
.footer-bg
    .footer-links
    .footer-content
    .input-group
    input::-ms-input-placeholder {
    color: #878787;
    font-weight: 500;
}
.footer-bg .footer-links .footer-content .input-group input::placeholder {
    color: #878787;
    font-weight: 500;
}
.footer-bg .footer-links .footer-content .input-group .input-group-text {
    position: relative;
    color: #ffffff;
    border-radius: 0 23px 23px 0;
    background-image: var(--theme-gradient7);
    border: none;
    padding: 10px 15px 10px 10px;
    height: 100%;
}
.footer-bg .footer-links .footer-content .input-group .input-group-text::after {
    -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default3);
    box-shadow: 5.353px 5.945px 12px var(--theme-default3);
    opacity: 0.26;
    border-radius: 0 23px 23px 0;
}
.footer-bg .bottom-blog {
    padding-top: 30px;
    margin-left: 40px;
    border-top: 1px solid #202020;
}
.footer-bg .bottom-blog .footer-links {
    padding-bottom: 0;
    position: relative;
}
.footer-bg .bottom-blog .footer-links .footer-content {
    margin-top: 0;
}
.footer-bg .bottom-blog .media .img-overlay {
    position: relative;
}
.footer-bg .bottom-blog .media .img-overlay img {
    width: 52px;
    height: 52px;
    border-radius: 5px;
}
.footer-bg .bottom-blog .media .img-overlay::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    -webkit-box-shadow: inset 0px -10px 18px 0px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0px -10px 18px 0px rgba(0, 0, 0, 0.8);
}
.footer-bg .bottom-blog .media .media-body {
    margin-left: 20px;
}
.footer-bg .bottom-blog .media .media-body h6 {
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
}
.footer-bg .bottom-blog .media .media-body h6 a {
    color: #ffffff;
}
.footer-bg .bottom-blog .media .media-body p {
    line-height: 1.4;
    margin-bottom: -1px;
}
.footer-bg .bottom-blog .media .media-body p a {
    color: #d2d2d2;
}

/**=====================
     footer css end
==========================**/
/**=====================
     dark layout css start
==========================**/
body {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

/**=====================
     dark layout css end
==========================**/
/**=====================
     rtl layout css start
==========================**/

/**=====================
     rtl layout css end
==========================**/
/**=====================
     Inner pages css start
==========================**/

.bg-light {
    background-color: rgba(20, 22, 22, 0.3);
}

.bg-light-blue {
    background-color: #f7f7fe;
}

.offer-section .offer-wrapper {
    padding: 50px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}
.offer-section .offer-wrapper .media .offer-icon {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: rgba(255, 255, 255, 0.1);
}
.offer-section .offer-wrapper .media .offer-icon img {
    height: 45px;
}
.offer-section .offer-wrapper .media .offer-icon::before,
.offer-section .offer-wrapper .media .offer-icon::after {
    content: "";
    position: absolute;
}
.offer-section .offer-wrapper .media .offer-icon::before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    vertical-align: middle;
    width: 88%;
    height: 88%;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-image: var(--theme-gradient3);
    border-radius: 100%;
    z-index: -1;
}
.offer-section .offer-wrapper .media .offer-icon::after {
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 50%;
    border: 1px dashed #ffffff;
    padding: 10px;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    -webkit-animation: spin 10s infinite linear;
    animation: spin 10s infinite linear;
}
.offer-section .offer-wrapper .media .media-body {
    margin-left: 50px;
}
.offer-section .offer-wrapper .media .media-body h6 {
    letter-spacing: 5px;
    line-height: 1.8;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0;
    font-weight: 500;
}
.offer-section .offer-wrapper .media .media-body h6::after {
    position: absolute;
    content: "";
    width: 91px;
    left: 35px;
    height: 100%;
}
.offer-section .offer-wrapper .media .media-body h3 {
    font-weight: 700;
    margin: 16px 0;
}
.offer-section .offer-wrapper .media .media-body p {
    line-height: 1.7;
    margin-bottom: 0;
}
.offer-section .offer-wrapper .media .media-body h3,
.offer-section .offer-wrapper .media .media-body h6,
.offer-section .offer-wrapper .media .media-body p {
    color: #000000;
}
.offer-section .offer-wrapper:hover .media .offer-icon {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: unset;
}
.offer-section .offer-wrapper:hover .media .offer-icon::before {
    -webkit-animation-name: bubble;
    animation-name: bubble;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.offer-section .offer-wrapper:hover .media .offer-icon::after {
    opacity: 1;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

.offer-section.banner-4 .offer-wrapper .media .offer-icon::before {
    background-image: var(--theme-gradient13);
}

.offer-section.offer-inner {
    background-color: rgba(0, 0, 0, 0.04);
    background-blend-mode: overlay;
}
.offer-section.offer-inner .title-2 h2 {
    margin-top: -4px;
}
.offer-section.offer-inner .offer-wrapper .media .offer-icon::before {
    background-image: var(--theme-gradient7);
    /* background-color: #000000; */
}

.offer-section.layout-9 {
    background-color: rgba(0, 0, 0, 0.7);
}

.new-property .feature-wrap {
    margin: 0 80px;
    border-radius: 10px;
    overflow: hidden;
}
.new-property .feature-wrap .row {
    margin: 0;
}
.new-property .feature-wrap .row > div {
    padding: 0;
}

.new-property .feature-content {
    background-color: #ffffff;
}
.new-property .feature-content .details h3 span {
    color: var(--theme-default10);
}
.new-property .feature-content .feature-price h3 {
    background: var(--theme-gradient10);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-filter: drop-shadow(5px 5px 12px rgba(255, 92, 65, 0.2));
    filter: drop-shadow(5px 5px 12px rgba(255, 92, 65, 0.2));
}
.new-property .feature-content .detail-list li .label-lg {
    border-radius: 8px;
}

.icon-video {
    position: relative;
    z-index: 1;
}
.icon-video a {
    background-image: var(--theme-gradient9);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: relative;
}
.icon-video a i {
    margin-top: 2px;
    margin-left: 5px;
    color: #ffffff;
    font-size: 24px;
}
.icon-video a::after {
    border-radius: 100%;
    opacity: 0.3;
    -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default6);
    box-shadow: -5.15px 8.572px 25px var(--theme-default6);
}

.agent-section.property-section
    .agent-grids
    .property-wrapper-grid
    .property-grid
    > [class*="col-xl-3"]
    .label {
    left: 8px;
}

.agent-section.property-section
    .agent-grids
    .property-wrapper-grid
    .property-grid
    > [class*="col-xl-3"]
    .agent-content {
    padding: 20px;
}

.video-layout {
    height: 680px;
}
.video-layout .overlay-content {
    z-index: 2;
    position: absolute;
    left: 10%;
    top: 10%;
}
.video-layout .overlay-content .left-sidebar {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ffffff;
}
.video-layout .overlay-content .left-sidebar h2 {
    font-size: 22px;
}

.video-modal .btn-close {
    position: absolute;
    right: 0;
    background-color: var(--theme-default6);
    background-image: unset;
    opacity: 1;
    top: 0;
    width: 30px;
    height: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
}
.video-modal .btn-close span {
    font-size: 30px;
    color: #ffffff;
    margin-top: -2px;
    display: block;
}

.video-modal .modal-dialog .modal-content .modal-body {
    padding: 0;
}

.video-modal iframe {
    height: 448px;
    width: 100%;
    vertical-align: middle;
    border: none;
}

.filter-bottom-title {
    cursor: pointer;
}

.filter-bottom-content {
    position: absolute;
    left: 0;
    top: 158px;
    width: 100%;
    background-color: #ffffff;
    display: none;
    -webkit-box-shadow: 0 0 24px 0 rgba(88, 97, 103, 0.1);
    box-shadow: 0 0 24px 0 rgba(88, 97, 103, 0.1);
    z-index: 1;
}
.filter-bottom-content.left-sidebar {
    left: 0;
}

.left-sidebar {
    z-index: 9999999;
}

.left-sidebar .row {
    margin-bottom: -10px;
}
.left-sidebar .row > div {
    margin-bottom: 10px;
}

.left-sidebar .dropdown {
    border: 1px solid #eee;
    border-radius: 4px;
}
.left-sidebar .dropdown .dropdown-toggle {
    padding: 8px 20px 6px;
    display: block;
    color: #878787;
}
.left-sidebar .dropdown .dropdown-toggle i {
    color: #878787;
}
.left-sidebar .dropdown .dropdown-item {
    color: #878787;
}

.left-sidebar {
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    padding: 30px;
    border-radius: 8px !important;
    z-index: 9999;
}

.single-sidebar .filter-cards {
    margin-top: -2px;
}

.dropdown.show .dropdown-toggle i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dropdown .dropdown-toggle {
    display: block;
    cursor: pointer;
}
.dropdown .dropdown-toggle i {
    float: right;
    margin-top: 4px;
    color: rgba(59, 66, 73, 0.8);
}
.dropdown .dropdown-toggle::after {
    display: none;
}

.dropdown .dropdown-menu {
    width: 100%;
    margin-top: 6px;
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
    border-color: #eee;
    z-index: 7;
}
.dropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
    font-family: Rubik, sans-serif;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 6px 20px;
}
.dropdown .dropdown-menu .dropdown-item:focus {
    background: transparent;
}
.dropdown .dropdown-menu .dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item.active {
    background: #eee;
    color: #586167;
}
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:focus {
    background-color: rgba(233, 236, 239, 0.42);
}

.filter-panel {
    padding: 0 0 25px;
    margin-bottom: 30px;
}
.filter-panel .top-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.filter-panel .d-lg-none {
    text-align: right;
}
.filter-panel .grid-list-filter {
    margin-bottom: -10px;
}
.filter-panel .grid-list-filter li {
    margin-bottom: 10px;
}
.filter-panel .grid-list-filter li > a,
.filter-panel .grid-list-filter li .dropdown-toggle,
.filter-panel .grid-list-filter li .filter-bottom-title {
    padding: 8px 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #586167;
    display: block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-family: Rubik, sans-serif;
    position: relative;
}
.filter-panel .grid-list-filter li > a svg,
.filter-panel .grid-list-filter li .dropdown-toggle svg,
.filter-panel .grid-list-filter li .filter-bottom-title svg {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
.filter-panel .grid-list-filter li .filter-bottom-title {
    padding: 10px 15px;
}
.filter-panel .grid-list-filter li .filter-bottom-title h6 {
    font-size: 14px;
    line-height: 1.25;
}
.filter-panel .grid-list-filter li.active a {
    color: var(--theme-default3);
    border-color: var(--theme-default3);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.filter-panel .grid-list-filter li .dropdown-menu a {
    white-space: unset;
    color: #586167;
}
.filter-panel .grid-list-filter li + li {
    margin-left: 10px;
}
.filter-panel .show-result {
    color: #878787;
}
.filter-panel .show-result span {
    color: var(--theme-default3);
}

.filter-cards .advance-card + .advance-card {
    margin-top: 34px;
}

.filter-cards .advance-card .back-btn {
    text-align: right;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    color: var(--theme-default3);
    cursor: pointer;
}

.filter-cards .advance-card > h6 {
    color: #586167;
    margin-bottom: 30px;
    text-transform: capitalize;
    position: relative;
    font-weight: 600;
    font-size: 16px;
}
.filter-cards .advance-card > h6::before {
    background: var(--theme-default3);
}

.filter-cards .advance-card .category-property .input-group-text {
    line-height: 1;
}

.filter-cards .advance-card .category-property .agent-info {
    margin-bottom: 20px;
}
.filter-cards .advance-card .category-property .agent-info .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.filter-cards .advance-card .category-property .agent-info h6 {
    margin-bottom: 4px;
    font-weight: 500;
    color: #586167;
}
.filter-cards .advance-card .category-property .agent-info p {
    font-size: 13px;
    margin-bottom: 0;
}

.filter-cards .advance-card .category-property ul li {
    display: block;
    color: #878787;
    font-family: Roboto, sans-serif;
}
.filter-cards .advance-card .category-property ul li a {
    color: #878787;
    font-family: Roboto, sans-serif;
    letter-spacing: 0.04rem;
}
.filter-cards .advance-card .category-property ul li a:hover,
.filter-cards .advance-card .category-property ul li a:focus {
    color: var(--theme-default3);
}
.filter-cards .advance-card .category-property ul li a i {
    font-size: 10px;
    vertical-align: 2px;
}
.filter-cards .advance-card .category-property ul li svg {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}
.filter-cards .advance-card .category-property ul li + li {
    margin-top: 10px;
}

.filter-cards .advance-card .category-property form input {
    padding: 7px 15px 7px;
}

.filter-cards .advance-card .category-property form input,
.filter-cards .advance-card .category-property form textarea {
    color: #878787;
}

.filter-cards .advance-card .category-property form .input-group-text {
    background-color: transparent;
    border: 1px solid #eee;
    color: #959595;
    padding-top: 10px;
}

.filter-cards .advance-card .recent-property ul li {
    display: block;
}
.filter-cards .advance-card .recent-property ul li .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.filter-cards .advance-card .recent-property ul li .media img {
    width: 95px;
    height: 63px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
}
.filter-cards .advance-card .recent-property ul li .media .media-body {
    margin-left: 15px;
}
.filter-cards .advance-card .recent-property ul li .media .media-body h5 {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    color: #586167;
}
.filter-cards .advance-card .recent-property ul li .media .media-body span {
    color: var(--theme-default3);
    font-size: 13px;
}
.filter-cards
    .advance-card
    .recent-property
    ul
    li
    .media
    .media-body
    span
    span {
    color: #878787;
}
.filter-cards .advance-card .recent-property ul li + li {
    margin-top: 15px;
}

.filter-cards .advance-card .feature-slider .bottom-feature {
    color: #ffffff;
    padding: 10px;
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.filter-cards .advance-card .feature-slider .bottom-feature h5,
.filter-cards .advance-card .feature-slider .bottom-feature h6 {
    font-weight: 600;
}
.filter-cards .advance-card .feature-slider .bottom-feature h6 {
    margin-bottom: 0;
}
.filter-cards .advance-card .feature-slider .bottom-feature:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
    left: 0;
    bottom: 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(20%, transparent),
        to(rgba(0, 0, 0, 0.8))
    );
    background-image: linear-gradient(
        to bottom,
        transparent 20%,
        rgba(0, 0, 0, 0.8) 100%
    );
    z-index: -1;
}

.filter-cards .advance-card .feature-slider:hover .bottom-feature {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 1;
}
.filter-cards .advance-card .feature-slider:hover .bottom-feature:after {
    height: 170%;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}

.feature-card {
    position: relative;
}
.feature-card .labels-left {
    position: absolute;
    top: 60px;
    left: 10px;
}

.column-sm {
    margin-bottom: -30px;
}
.column-sm > div {
    margin-bottom: 30px;
}

.agent-social {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}
.agent-social li a {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    color: #ffffff;
}
.agent-social li a.facebook {
    background-color: #3b5998;
}
.agent-social li a.twitter {
    background-color: #55acee;
}
.agent-social li a.google {
    background-color: #dd4b39;
}
.agent-social li a.linkedin {
    background-color: #007bb6;
}
.agent-social li + li {
    margin-left: 5px;
}

.agent-section .agent-wrap {
    padding-left: 30px;
    border-left: 1px solid #eee;
}

.agent-section .agent-image {
    position: relative;
}
.agent-section .agent-image .bg-size {
    background-position: top !important;
}
.agent-section .agent-image .label {
    position: absolute;
    top: 15px;
    left: 15px;
}
.agent-section .agent-image .agent-overlay {
    background: rgba(88, 97, 103, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.agent-section .agent-image .overlay-content {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 10%;
    left: 52%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.agent-section .agent-image .overlay-content ul {
    margin-bottom: 15px;
    margin-left: -12px;
}
.agent-section .agent-image .overlay-content ul li a {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background-color: #ffffff;
}
.agent-section .agent-image .overlay-content ul li a img {
    height: 40%;
}
.agent-section .agent-image .overlay-content ul li:last-child a img {
    width: 24%;
}
.agent-section .agent-image .overlay-content ul li + li {
    margin-left: 10px;
}
.agent-section .agent-image .overlay-content span {
    letter-spacing: 12px;
    color: #ffffff;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
}
.agent-section .agent-image .overlay-content span::before,
.agent-section .agent-image .overlay-content span::after {
    position: absolute;
    content: "";
    background-color: #ffffff;
    width: 16px;
    height: 1px;
    top: 10px;
}
.agent-section .agent-image .overlay-content span::before {
    left: -28px;
}
.agent-section .agent-image .overlay-content span::after {
    right: -15px;
}
.agent-section .agent-image:hover .agent-overlay {
    opacity: 0.7;
}
.agent-section .agent-image:hover .overlay-content {
    top: 50%;
    left: 50%;
    opacity: 1;
}
.agent-section .agent-image:hover .overlay-content ul li:nth-child(2) a {
    -webkit-animation: fadeInDown 900ms ease-in-out;
    animation: fadeInDown 900ms ease-in-out;
}
.agent-section .agent-image:hover .overlay-content ul li:nth-child(3) a {
    -webkit-animation: fadeInDown 1100ms ease-in-out;
    animation: fadeInDown 1100ms ease-in-out;
}
.agent-section .agent-image:hover .overlay-content ul li:nth-child(4) a {
    -webkit-animation: fadeInDown 1300ms ease-in-out;
    animation: fadeInDown 1300ms ease-in-out;
}

.agent-section .our-agent-details > h6 {
    margin-bottom: 0;
}

.agent-section .our-agent-details ul {
    margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
}
.agent-section .our-agent-details ul li {
    display: block;
}
.agent-section .our-agent-details ul li .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.agent-section .our-agent-details ul li .media .icons-square {
    width: 35px;
    height: 35px;
    background-color: rgba(135, 135, 135, 0.1);
    margin-right: 15px;
    border-radius: 8px;
}
.agent-section .our-agent-details ul li .media .icons-square svg {
    width: 16px;
    height: 16px;
    color: #878787;
}
.agent-section .our-agent-details ul li .media .media-body h6 {
    margin-bottom: 0;
    color: #878787;
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
}
.agent-section .our-agent-details ul li .media .media-body h6 a {
    color: var(--theme-default4);
}
.agent-section .our-agent-details ul li + li {
    margin-top: 10px;
}

.agent-section .about-agent {
    margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
}
.agent-section .about-agent h3 {
    margin-top: -4px;
    margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}
.agent-section .about-agent p {
    line-height: 1.8;
}
.agent-section .about-agent div.row {
    margin-bottom: -16px;
}

.agent-section .agent-content {
    padding: 30px;
    width: 100%;
}
.agent-section .agent-content h5 {
    margin-bottom: 3px;
    font-weight: 600;
    font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
}
.agent-section .agent-content p {
    font-weight: 500;
    color: #586167;
}
.agent-section .agent-content .agent-contact {
    margin-bottom: 15px;
}
.agent-section .agent-content .agent-contact li {
    display: block;
    font-family: Roboto, sans-serif;
    color: #878787;
    text-align: left;
}
.agent-section .agent-content .agent-contact li i {
    margin-right: 5px;
    font-size: 10px;
}
.agent-section .agent-content .agent-contact li .label {
    padding: 2px 10px 1px;
    margin-left: 5px;
    cursor: pointer;
}
.agent-section .agent-content .agent-contact li .label span {
    font-size: 0;
}
.agent-section .agent-content .agent-contact li.show .character {
    display: none;
}
.agent-section .agent-content .agent-contact li.show .label {
    font-size: 0;
}
.agent-section .agent-content .agent-contact li.show .label span {
    font-size: 12px;
}
.agent-section .agent-content .agent-contact li + li {
    margin-top: 10px;
}
.agent-section .agent-content a {
    text-align: right;
    display: block;
    color: var(--theme-default4);
}
.agent-section .agent-content a i {
    margin-left: 10px;
    -webkit-animation: fadeInLeft 2s ease-in-out infinite;
    animation: fadeInLeft 2s ease-in-out infinite;
}
.agent-section .agent-content h3 a {
    text-align: unset;
    color: inherit;
    font-size: 24px;
}

.our-agent .agent-image .label {
    top: 0;
    left: 0;
}

.our-agent .agent-image.bg-size:before {
    padding-top: 64%;
}

.agent-property {
    margin-top: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.agency-title {
    margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}
.agency-title h3 {
    margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.property-section
    .property-wrapper-grid.list-view
    .property-box
    .property-details
    ul
    li {
    padding-right: 5px;
    font-size: 12px;
}
.property-section
    .property-wrapper-grid.list-view
    .property-box
    .property-details
    ul
    li:last-child {
    padding-right: 0;
}
.property-section
    .property-wrapper-grid.list-view
    .property-box
    .property-details
    ul
    li
    img {
    height: 14px;
    margin-right: 5px;
}

.property-section
    .property-wrapper-grid.list-view
    .property-box
    .property-details
    p {
    display: block;
}

.property-section
    .property-grid-3
    .property-wrapper-grid.list-view
    .property-box
    .property-image {
    width: 50%;
}

.property-section
    .property-grid-3
    .property-wrapper-grid.list-view
    .property-box
    .property-details
    p {
    display: none !important;
}

.property-section
    .property-wrapper-grid
    .property-grid
    > [class*="col-lg-4"]
    .property-box
    .property-details,
.property-section
    .property-wrapper-grid
    .property-grid
    > .col-xl-4
    .property-box
    .property-details {
    padding: 20px;
}
.property-section
    .property-wrapper-grid
    .property-grid
    > [class*="col-lg-4"]
    .property-box
    .property-details
    ul
    li,
.property-section
    .property-wrapper-grid
    .property-grid
    > .col-xl-4
    .property-box
    .property-details
    ul
    li {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 12px;
}
.property-section
    .property-wrapper-grid
    .property-grid
    > [class*="col-lg-4"]
    .property-box
    .property-details
    ul
    li:first-child,
.property-section
    .property-wrapper-grid
    .property-grid
    > .col-xl-4
    .property-box
    .property-details
    ul
    li:first-child {
    padding-left: 0;
}

.property-section
    .property-wrapper-grid
    .property-grid
    > [class*="col-xl-3"]
    .property-box
    .property-details,
.property-section
    .property-wrapper-grid
    .property-grid
    > .col-xl-3
    .property-box
    .property-details {
    padding: 15px 8px;
}
.property-section
    .property-wrapper-grid
    .property-grid
    > [class*="col-xl-3"]
    .property-box
    .property-details
    h3,
.property-section
    .property-wrapper-grid
    .property-grid
    > .col-xl-3
    .property-box
    .property-details
    h3 {
    font-size: 19px;
}
.property-section
    .property-wrapper-grid
    .property-grid
    > [class*="col-xl-3"]
    .property-box
    .property-details
    ul
    li,
.property-section
    .property-wrapper-grid
    .property-grid
    > .col-xl-3
    .property-box
    .property-details
    ul
    li {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 12px;
}
.property-section
    .property-wrapper-grid
    .property-grid
    > [class*="col-xl-3"]
    .property-box
    .property-details
    ul
    li
    img,
.property-section
    .property-wrapper-grid
    .property-grid
    > .col-xl-3
    .property-box
    .property-details
    ul
    li
    img {
    display: none;
}
.property-section
    .property-wrapper-grid
    .property-grid
    > [class*="col-xl-3"]
    .property-box
    .property-details
    ul
    li:first-child,
.property-section
    .property-wrapper-grid
    .property-grid
    > .col-xl-3
    .property-box
    .property-details
    ul
    li:first-child {
    padding-left: 0;
}

.tab-listing .filter-panel {
    margin-bottom: 30px;
}

.tab-listing .filter-bottom-content {
    top: 45px;
}

.tab-listing .property-details {
    position: relative;
}

.modal-body {
    padding: 30px;
}

/**=====================
     Inner pages css end
==========================**/
/**=====================
     text affect css start
==========================**/
@-webkit-keyframes mainBlock {
    0% {
        width: 0%;
        left: 0;
    }
    50% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 0;
        left: 100%;
    }
}
@keyframes mainBlock {
    0% {
        width: 0%;
        left: 0;
    }
    50% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 0;
        left: 100%;
    }
}

@-webkit-keyframes secBlock {
    0% {
        width: 0%;
        left: 0;
    }
    50% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 0;
        left: 100%;
    }
}

@keyframes secBlock {
    0% {
        width: 0%;
        left: 0;
    }
    50% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 0;
        left: 100%;
    }
}

@-webkit-keyframes mainFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes mainFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes popIn {
    0% {
        width: 0px;
        height: 0px;
        background: #e9d856;
        border: 0px solid #ddd;
        opacity: 0;
    }
    50% {
        width: 10px;
        height: 10px;
        background: #e9d856;
        opacity: 1;
        bottom: 45px;
    }
    65% {
        width: 7px;
        height: 7px;
        bottom: 0px;
        width: 15px;
    }
    80% {
        width: 10px;
        height: 10px;
        bottom: 20px;
    }
    100% {
        width: 7px;
        height: 7px;
        background: #e9d856;
        border: 0px solid #222;
        bottom: 13px;
    }
}

@keyframes popIn {
    0% {
        width: 0px;
        height: 0px;
        background: #e9d856;
        border: 0px solid #ddd;
        opacity: 0;
    }
    50% {
        width: 10px;
        height: 10px;
        background: #e9d856;
        opacity: 1;
        bottom: 45px;
    }
    65% {
        width: 7px;
        height: 7px;
        bottom: 0px;
        width: 15px;
    }
    80% {
        width: 10px;
        height: 10px;
        bottom: 20px;
    }
    100% {
        width: 7px;
        height: 7px;
        background: #e9d856;
        border: 0px solid #222;
        bottom: 13px;
    }
}

@-webkit-keyframes secFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.5;
    }
}

@keyframes secFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.5;
    }
}

@-webkit-keyframes top {
    0% {
        opacity: 0;
        bottom: -80px;
    }
    100% {
        opacity: 1;
        bottom: 0px;
    }
}

@keyframes top {
    0% {
        opacity: 0;
        bottom: -80px;
    }
    100% {
        opacity: 1;
        bottom: 0px;
    }
}

@-webkit-keyframes icon {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.3) rotate(-2deg);
        transform: scale(1.3) rotate(-2deg);
    }
    100% {
        opacity: 1;
        bottom: 0px;
    }
}

@keyframes icon {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.3) rotate(-2deg);
        transform: scale(1.3) rotate(-2deg);
    }
    100% {
        opacity: 1;
        bottom: 0px;
    }
}

.box {
    width: 350px;
    height: 180px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/**=====================
     text affect css end
==========================**/
/**=====================
     Template CSS start
==========================**/
.title-svg {
    fill: var(--theme-default5);
    stroke: var(--theme-default5);
    height: 85px;
    width: 85px;
    margin-bottom: -85px;
}
.title-svg.color-7 {
    fill: var(--theme-default10);
    stroke: var(--theme-default10);
}

.title-2,
.title-3 {
    text-align: center;
}

.title-2.text-white h2,
.title-3.text-white h2 {
    color: #ffffff;
}

.title-2 h2 {
    background: #000000;
    background-blend-mode: lighten;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px;
    margin-top: -3px;
}

.title-2 p {
    color: #3b4249;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 50px;
}

.title-2.text-white {
    position: relative;
}
.title-2.text-white h2 {
    color: #000000;
    background: unset;
    background-blend-mode: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
.title-2.text-white p {
    color: #000000;
}

.title-3 {
    margin-top: -11px;
    margin-bottom: 50px;
}
.title-3 h2 {
    margin: 6px 0 12px;
    color: #000000;
}
.title-3 h2 span {
    font-weight: 300;
}
.title-3 p {
    color: rgba(88, 97, 103, 0.7);
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: -1px;
}
.title-3.text-start {
    margin-top: -4px;
}
.title-3.text-start h2 {
    margin-top: 0;
}

.contact-3 .title-3 {
    margin-top: -5px;
}

.light-bg {
    background-color: rgba(255, 255, 255, 0.1);
}

.parallax-image {
    background-attachment: fixed;
}

.banner-section .button-banner {
    margin-bottom: -10px;
}
.banner-section .button-banner .btn {
    font-weight: 700;
    margin-bottom: 10px;
}
.banner-section .button-banner .btn + .btn {
    margin-left: 20px;
}

.banner-section.layout-9 {
    height: auto;
}

.banner-1 {
    text-align: center;
    width: 70%;
    margin: 27px auto 0;

    position: relative;

    padding: 50px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}
.banner-1 h6,
.banner-1 h2 {
    /*color: #ffffff;*/
}
.banner-1 h6 {
    font-weight: 700;
    letter-spacing: 8px;
    text-transform: uppercase;
    margin-top: -3px;
}
.banner-1 h2 {
    margin: 45px 0 50px;
    line-height: 1.85;
    font-weight: 600;
    letter-spacing: 2px;
}

@-webkit-keyframes banner-animate {
    from {
        background-position-y: 0;
    }
    to {
        background-position-y: 460px;
    }
}

.tap-top {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    position: fixed;
    bottom: -60px;
    right: 30px;
    z-index: 2;
    color: #ffffff;
    text-align: center;
    background-image: var(--theme-gradient7);
    border: none;
    font-size: 22px;
    padding: 6px 5px 5px 5px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.tap-top::after {
    border-radius: 8px;
    opacity: 0.26;
    -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default3);
    box-shadow: 5.353px 5.945px 12px var(--theme-default3);
}
.tap-top.color-1 {
    background-image: var(--theme-gradient3);
}
.tap-top.color-1::after {
    -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default2);
    box-shadow: 5.353px 5.945px 12px var(--theme-default2);
}
.tap-top.color-4 {
    background: var(--theme-gradient9);
}
.tap-top.color-4::after {
    -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default6);
    box-shadow: 5.353px 5.945px 12px var(--theme-default6);
}
.tap-top.color-7 {
    background: var(--theme-default10);
}
.tap-top.color-7::after {
    -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default10);
    box-shadow: 5.353px 5.945px 12px var(--theme-default10);
}
.tap-top > div {
    height: 100%;
}
.tap-top > div i {
    font-size: 14px;
}
.tap-top.top {
    display: block;
    bottom: 50px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.home-section {
    height: 100vh;
}
.home-section.layout-1 {
    height: auto;
    padding: 0;
}
.home-section.layout-1 .container-fluid {
    padding: 0;
}
.home-section.layout-9 {
    background-color: rgba(248, 249, 250, 0.96);
    background-blend-mode: overlay;
    padding: 90px 0;
    min-height: 780px;
}
.home-section.layout-9 .home-main {
    position: relative;
    z-index: 1;
}
.home-section.layout-9 .home-main .home-content h1,
.home-section.layout-9 .home-main .home-content h6 {
    color: #1c2d3a;
}
.home-section.layout-9 .home-main .home-content h6 {
    margin-top: 15px;
}
.home-section.layout-5 {
    background-image: url(https://themes.pixelstrap.com/sheltos/assets/images/parallax/3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.8);
    background-blend-mode: overlay;
    height: auto;
    position: relative;
}
.home-section.layout-5 .home-main {
    width: 90%;
    margin: 0 auto;
    padding: 90px 0;
}
.home-section.layout-5 .home-main .home-content h1 {
    margin-bottom: 24px;
}
.home-section.layout-5 .home-main .looking-icons {
    margin-top: 60px;
}
.home-section.layout-5 .home-main .looking-icons ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.home-section.layout-5 .home-main .looking-icons ul li {
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 25px 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.home-section.layout-5 .home-main .looking-icons ul li .looking-icon {
    background-color: transparent;
}
.home-section.layout-5 .home-main .looking-icons ul li .looking-icon svg {
    fill: rgba(255, 255, 255, 0.8);
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 1;
}
.home-section.layout-5 .home-main .looking-icons ul li:hover {
    border-radius: 0 25px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.home-section.layout-5 .home-main .looking-icons ul li:hover h6 {
    color: #fff !important;
}
.home-section.layout-5 .home-main .looking-icons ul li:hover svg {
    fill: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.home-section.layout-5 .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.home-section.layout-5 .row > div h6,
.home-section.layout-5 .row > div h1 {
    color: #ffffff;
}
.home-section.layout-5 .row > div h6 {
    margin-top: 20px;
    font-weight: 600;
}
.home-section.layout-5 .row > div p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 30px;
}
.home-section.layout-5 .decor-image {
    position: absolute;
    background-image: url(../images/shape.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    bottom: -30px;
    left: 0;
}

.snow-effect:before {
    content: "";
    height: 100%;
    width: 100%;
    background-image: url(../images/others/snow.png),
        url(../images/others/snow2.png);
    background-repeat: repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    will-change: background-position;
    -webkit-animation: an-snow 20s linear infinite;
    animation: an-snow 20s linear infinite;
}

.layout-9 {
    position: relative;
    /* background-image: url(https://themes.pixelstrap.com/sheltos/assets/images/layout-9.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay;
    height: calc(100vh - 89px);
}
.layout-9:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    z-index: 1;
}
.layout-9 .layout-right-img img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 800px;
}

.layout9 {
    position: relative;
    /* background-image: url(../images/banner-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: overlay;*/
    height: auto;
}
.layout9 .layout-right-img img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 800px;
}

.parallax-home {
    position: relative;
    background: rgba(88, 97, 103, 0.04);
}
.parallax-home h1 {
    margin: 0 0 15px;
}
.parallax-home p {
    line-height: 1.6;
    margin-bottom: 0;
    color: #586167;
}
.parallax-home .container > .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(250px + (520 - 250) * ((100vw - 320px) / (1920 - 320)));
}
.parallax-home .container > .row > div {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.parallax-home .parallax-right {
    position: absolute;
    right: 0;
    bottom: 0;
    /*width: 58%;*/
}
.parallax-home.video-layout .video-search .input-group .input-group-text {
    color: var(--theme-default10);
}
.parallax-home.video-layout
    .video-search
    .input-group
    .input-group-text::after {
    background-color: var(--theme-default10);
}

.banner-4 {
    background-image: url(../images/banner-3.jpg);
    position: relative;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay;
}

.video-layout {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.video-layout .video-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    width: 125%;
    position: relative;
    z-index: 1;
    padding: 18px 15px;
    margin: 0;
}
.video-layout .video-search .input-group {
    border-right: 1px solid rgba(210, 210, 210, 0.5);
}
.video-layout .video-search .input-group .input-group-text,
.video-layout .video-search .input-group input {
    background: transparent;
    border: none;
}
.video-layout .video-search .input-group .input-group-text {
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    color: var(--theme-default6);
}
.video-layout .video-search .input-group .input-group-text svg {
    margin-top: 1px;
}
.video-layout .video-search .input-group .input-group-text::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    background-color: var(--theme-default6);
}
.video-layout .video-search .dropdown {
    min-width: 300px;
}
.video-layout .video-search .dropdown .dropdown-menu {
    width: 180px;
}
.video-layout .video-search .dropdown .dropdown-menu .dropdown-item {
    color: #586167;
}
.video-layout .video-search .dropdown-toggle {
    margin-bottom: 0;
    position: relative;
    width: 180px;
    color: rgba(88, 97, 103, 0.6);
    padding: 10px 20px 10px;
}
.video-layout .video-search .dropdown-toggle i {
    color: rgba(88, 97, 103, 0.6);
}
.video-layout .video-search > div {
    padding: 0 8px;
}
.video-layout .video-search .form-group {
    margin-bottom: 10px;
}
.video-layout .video-search .form-group input {
    padding: 12px 20px 10px;
}
.video-layout .icon-video {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    background-image: var(--theme-gradient7);
    border-radius: 100%;
}
.video-layout .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.video-layout .feature-section {
    height: 100vh;
}
.video-layout .feature-section .feature-content {
    z-index: 1;
}

.layout-home8 {
    position: relative;
    height: 88vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    background-color: #f7f7fe;
    min-height: 800px;
    overflow: hidden;
}
.layout-home8::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 122px;
    bottom: 0;
    left: 0;
    background-image: url(../images/others/bg-layout8.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 1;
}
.layout-home8 .home-left-content {
    position: relative;
    z-index: 2;
}
.layout-home8 .home-right-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.layout-home8 .home-content {
    text-align: left;
    margin-bottom: 40px;
}
.layout-home8 .home-content h1 {
    margin-bottom: 20px;
}
.layout-home8 .home-content h6 {
    line-height: 1.8;
    letter-spacing: 0.5px;
    opacity: 0.7;
}

.search-with-tab .nav-tabs {
    border-bottom: none;
}
.search-with-tab .nav-tabs .nav-item {
    margin-bottom: 0;
}
.search-with-tab .nav-tabs .nav-item .nav-link {
    color: var(--theme-default6);
    background-color: #ffffff;
    border: none;
    text-transform: capitalize;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 30px;
}
.search-with-tab .nav-tabs .nav-item .nav-link.active {
    background-color: var(--theme-default6) !important;
    color: #ffffff;
}
.search-with-tab .nav-tabs .nav-item + .nav-item {
    margin-left: 10px;
}

.search-with-tab .tab-content {
    padding: 30px;
    background-color: #ffffff;
    border-radius: 8px;
    position: relative;
    -webkit-box-shadow: 8px 6px 16px 5px rgba(0, 0, 0, 0.02);
    box-shadow: 8px 6px 16px 5px rgba(0, 0, 0, 0.02);
}
.search-with-tab .tab-content .review-form .form-control {
    color: #1c2d3a;
    font-size: 14px;
    padding: 12px 20px 12px;
}
.search-with-tab .tab-content .review-form .dropdown {
    padding: 12px 20px 10px;
    border: 1px solid #eee;
    border-radius: 4px;
}
.search-with-tab .tab-content .review-form .dropdown .dropdown-menu {
    left: -20px !important;
}

.price-range {
    margin-bottom: 5px;
}
.price-range label {
    color: #586167;
    margin-bottom: 16px;
    font-weight: 600;
}
.price-range input {
    border: none;
    color: #586167;
    max-width: 95px;
}
.price-range input:focus {
    outline: none;
}

.looking-icons {
    margin-top: 40px;
}
.looking-icons h5 {
    font-weight: 500;
    margin-bottom: 30px;
}
.looking-icons ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px -15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.looking-icons ul li {
    margin: 5px 15px;
    display: block;
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
}
.looking-icons ul li .looking-icon {
    background-color: #ffffff;
    display: block;
    padding: 30px;
    min-width: 150px;
    text-align: center;
}
.looking-icons ul li .looking-icon svg {
    width: 50px;
    height: 50px;
    fill: var(--theme-default2);
    margin: 0 auto;
}
.looking-icons ul li .looking-icon:hover h6 {
    color: var(--theme-default2) !important;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.looking-icons ul li h6 {
    margin-top: 20px !important;
    margin-bottom: 0;
}

/**=====================
       Template CSS end
  ==========================**/
/**=====================
     Responsive css start
==========================**/

@media (max-width: 1740px) {
    .layout-9 .layout-right-img img {
        height: 750px;
    }
}

@media (max-width: 1660px) {
    .feature-section .feature-image,
    .feature-section .feature-content {
        -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.08);
        box-shadow: 0 0 23px rgba(0, 0, 0, 0.08);
    }
    .feature-section .feature-image .bg-size:before,
    .feature-section .feature-content .bg-size:before {
        padding-top: 72.5%;
    }
    .modern-feature {
        margin-top: 50px;
    }
    .new-property .feature-wrap {
        margin: 0 51px;
    }
    .layout-9 .layout-right-img img {
        height: 700px;
    }
    .home-section.layout-5 .home-main {
        width: 100%;
        padding: 0px 0;
    }
    .home-section.layout-9 {
        min-height: 776px;
    }
    .home-section.layout-9 .home-main .home-content h1 {
        height: 170px;
    }
}

@media (max-width: 1544px) {
    .property-section .list-property .property-box {
        -webkit-box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.06);
        box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.06);
    }
}

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

@media (max-width: 1460px) and (min-width: 1200px) {
    header.header-4 .main-navbar .nav-menu > li {
        padding: 20px 8px;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .overlay-property
        .overlay-box {
        padding: 30px;
        top: 11%;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .overlay-property
        .overlay-box
        p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 6px;
    }
}

@media (max-width: 1460px) {
    .property-section
        .property-wrapper-grid
        .property-grid
        > [class*="col-lg-4"]
        .property-box
        .property-details
        ul
        li,
    .property-section
        .property-wrapper-grid
        .property-grid
        > .col-xl-4
        .property-box
        .property-details
        ul
        li {
        padding-right: 5px;
        padding-left: 5px;
    }
    .property-section
        .property-wrapper-grid
        .property-grid
        > [class*="col-lg-4"]
        .property-box
        .property-details
        ul
        li
        img,
    .property-section
        .property-wrapper-grid
        .property-grid
        > .col-xl-4
        .property-box
        .property-details
        ul
        li
        img {
        height: 14px;
        margin-right: 4px;
    }
    .property-details .property-box .property-details > ul > li > img {
        height: 15px;
        display: inline-block;
        margin-right: 7px;
    }
    .property-details ul li {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 13px;
    }
    h2 {
        line-height: 1.08;
    }
    .contact-3 .title-3 {
        margin-top: -3px;
    }
    .title-3.text-start h2 {
        margin-top: -4px;
    }
    .title-2 h2 {
        margin-top: 0;
    }

    .why-choose .title-2 h2 {
        margin-top: -2px;
    }
    .layout-9 .layout-right-img img {
        height: 650px;
    }
    .single-property-section .left-single h2 {
        margin-top: -2px;
    }
    .new-property .title-2 h2 {
        margin-top: -3px;
    }
    .bg-comman-2.feature-section .title-2 h2 {
        margin-top: -1px;
    }
    .footer-bg .footer-details {
        padding: 30px 15px;
    }
    .footer-bg .footer-details .icon-list li + li {
        margin-left: 2px;
    }
    footer .footer-links .footer-content {
        margin-top: 40px;
    }
    .banner-1 {
        width: 85%;
    }
    .service-section .title-2 h2 {
        margin-top: -1px;
    }
    .service-section .column-space > div {
        padding: 0 15px;
    }
    .service-section.service-2 .property-service > div .service-box {
        padding: 40px 30px;
    }
    .service-section.service-2 .property-service > div .service-box p {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
    }
    .property-details {
        padding: 25px !important;
    }
    .property-section .column-space > div {
        padding: 0 12px;
    }
    .property-section .title-2 h2 {
        margin-top: -1px;
    }
    .property-section .title-3.text-start {
        margin-top: 1px;
    }
    .property-section .title-3.text-start h2 {
        margin-top: -2px;
    }
    .property-section.slick-between .title-3.text-start {
        margin-top: -4px;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .overlay-property
        .overlay-box {
        height: calc(100% - 75px);
    }
    .property-grid-2 .filter-panel .top-panel h2 {
        margin-top: 0;
    }
    .property-grid-3 .property-grid.list-view .property-box .property-image {
        width: 35%;
    }
    .property-grid-3 .property-grid.list-view > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .property-grid-3 .filter-panel .top-panel h2 {
        margin-top: -1px;
    }
    .bg-comman-2::before {
        height: 355px;
    }
    .feature-section .modern-feature .feature-wrap .feature-content {
        padding-left: 25px;
    }
    .feature-section
        .modern-feature
        .feature-wrap
        .feature-image
        .label-gradient {
        top: 30px;
        left: 30px;
    }
    .feature-section .feature-image .feature-overlay {
        -webkit-transform: scale(0.9) translateY(-50%);
        transform: scale(0.9) translateY(-50%);
    }
    .feature-section .feature-image .bg-size:before {
        padding-top: 83.5%;
    }
    .feature-section .feature-content .details,
    .feature-section .feature-content .feature-price {
        padding: 30px;
    }
    .feature-section .feature-content .detail-list {
        padding: 25px;
        margin: 0;
    }
    .feature-section .feature-content .detail-list li {
        margin: 5px;
    }
    .feature-section .feature-content .detail-list li .d-flex h6 {
        margin-left: 10px;
    }
    .offer-section.offer-inner .title-2 h2 {
        margin-top: -3px;
    }
    .offer-section .offer-wrapper {
        padding: 30px;
    }
    .offer-section .offer-wrapper .media .offer-icon {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    .offer-section .offer-wrapper .media .media-body {
        margin-left: 20px;
    }
}

@media (max-width: 1399px) {
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 18px;
    }
    .title-3.text-start h2 {
        margin-top: -5px;
    }
    .our-agent .agent-image.bg-size:before {
        padding-top: 82%;
    }
    .agent-section .about-agent h3 {
        margin-top: -3px;
    }
    .title-2 h2 {
        margin-top: -2px;
    }
    .footer-light .footer-left-space {
        padding-left: 20px;
    }
    footer.footer-light .footer {
        margin-bottom: -6px;
    }
    .offer-section.offer-inner .title-2 h2 {
        margin-top: -4px;
    }
    .new-property .title-2 h2 {
        margin-top: -4px;
    }
    .feature-section .feature-content .details h3 {
        margin-top: -3px;
    }
    .property-grid-2 .filter-panel .top-panel h2 {
        margin-top: -2px;
    }

    .why-choose .title-2 h2 {
        margin-top: -4px;
    }
    .bg-comman-2.feature-section .title-2 h2 {
        margin-top: -3px;
    }
    .layout-9 .layout-right-img img {
        height: 560px;
    }
    .looking-icons ul li .looking-icon svg {
        width: 40px;
        height: 40px;
    }
    .home-section.layout-9 {
        min-height: 762px;
    }
    .layout-home8 {
        height: 750px;
        min-height: unset;
    }
    .single-property-section .left-single h2 {
        margin-top: -4px;
    }
    .single-property .description-section .desc-box h4 {
        margin-top: -3px;
    }
    .single-property .description-section .desc-box .feature-dec h4,
    .single-property .description-section .desc-box .ratio3_2 h4 {
        margin-top: -4px;
    }
    .service-section .title-2 h2 {
        margin-top: -3px;
    }
    .property-section .title-3.text-start {
        margin-top: 0px;
    }
    .property-section .title-3.text-start h2 {
        margin-top: -3px;
    }
    .property-section .title-2 h2 {
        margin-top: -3px;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .overlay-property
        .overlay-box {
        height: calc(100% - 62px);
    }
    .property-section.slick-between .title-3.text-start {
        margin-top: -6px;
    }
    .property-grid-3 .filter-panel .top-panel h2 {
        margin-top: -3px;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    header.header-4 .main-navbar .nav-menu > li {
        padding: 20px 3px;
    }
    .filter-cards .advance-card .recent-property {
        margin-bottom: -2px;
    }
    .filter-cards .advance-card .recent-property ul li .media img {
        width: 62px;
        height: 42px;
    }
    .filter-cards .advance-card .recent-property ul li .media .media-body h5 {
        margin-bottom: 3px;
    }
}

@media (max-width: 1366px) {
    .ratio_63 .property-wrapper-grid.list-view .property-box .bg-size::before {
        padding-top: 73%;
    }
    .property-section
        .property-wrapper-grid
        .property-grid
        > [class*="col-lg-4"]
        .property-box
        .property-details
        ul
        li:last-child,
    .property-section
        .property-wrapper-grid
        .property-grid
        > .col-xl-4
        .property-box
        .property-details
        ul
        li:last-child {
        padding-left: 0;
        border: none;
    }
    .video-layout.parallax-home {
        height: 580px;
    }
    .property-section .ratio_65 .bg-size::before {
        padding-top: 70%;
        content: "";
        display: block;
    }
    .property-grid.list-view .property-box .property-details p {
        display: none;
    }
    .feature-section .feature-4 {
        margin-top: 50px;
    }
    .feature-section .feature-image .bg-size:before {
        padding-top: 81%;
    }
    .feature-section .modern-feature .feature-wrap .feature-image {
        -webkit-box-shadow: 12px 0 26px rgba(0, 0, 0, 0.1);
        box-shadow: 12px 0 26px rgba(0, 0, 0, 0.1);
    }
    .new-property .feature-wrap {
        margin: 0 35px;
    }
}

@media (max-width: 1199px) {
    .single-property.mt-0.pt-0 {
        padding-bottom: 50px;
    }
    .property-details {
        padding: 16px !important;
    }
    header .main-navbar .nav-menu > li a .nav-submenu a {
        padding: 0 16px 0;
    }
    .video-layout.parallax-home {
        height: 495px;
    }
    .property-grid-2
        .property-wrapper-grid
        .property-grid.list-view
        .property-box
        .property-image {
        width: 40%;
    }
    .property-grid-2
        .property-wrapper-grid
        .property-grid.list-view
        .property-box
        .property-details {
        padding: 20px !important;
    }
    section {
        padding: 80px 0;
    }
    .small-section {
        padding: 50px 0;
    }
    header .main-navbar .nav-menu > li > a {
        padding: 7px 15px 5px;
    }
    .filter-panel {
        margin-bottom: 40px;
    }
    .filter-panel .grid-list-filter li > a,
    .filter-panel .grid-list-filter li .dropdown-toggle,
    .filter-panel .grid-list-filter li .filter-bottom-title {
        padding: 8px 12px;
    }
    .filter-panel .grid-list-filter li .filter-bottom-title {
        padding: 10px 12px;
    }
    .property-section .property-2 .property-box .property-image .labels-left {
        left: 15px;
    }
    .agent-section .our-agent .ratio_landscape .bg-size::before {
        padding-top: 112%;
    }
    .filter-cards .advance-card > h6 {
        margin-bottom: 25px;
    }
    .filter-cards .advance-card + .advance-card {
        margin-top: 30px;
    }
    .home-section {
        height: auto;
    }
    .home-section.layout-5 .decor-image {
        bottom: 0;
    }
    .home-section.layout-9 {
        padding: 80px 0;
        min-height: unset;
    }
    .home-section.layout-9 .home-main .home-content h1 {
        height: 96px;
    }
    .layout-9 .layout-right-img img {
        height: 500px;
    }
    .parallax-home .container > .row {
        height: 320px;
    }
    .looking-icons ul li .looking-icon {
        min-width: 130px;
    }

    .layout-5 .container > .row {
        padding: 80px 0;
    }
    .filter-bottom-content {
        top: 135px;
    }
    header.header-4 .main-navbar .nav-menu > li .nav-link.active,
    header.header-4 .main-navbar .nav-menu > li .nav-link:hover {
        color: var(--theme-default7) !important;
    }
    header.header-4 .menu .toggle-nav i {
        color: #586167;
    }
    .title-2 p {
        margin-bottom: 40px;
    }
    .title-3 {
        margin-bottom: 40px;
    }
    .breadcrumb-section {
        height: 400px;
    }
    .breadcrumb-section .breadcrumb-content {
        height: 400px;
        padding-top: 79px;
    }
    .breadcrumb-section #block {
        height: 400px !important;
    }
    footer .footer {
        padding: 80px 0;
    }
    footer.footer-light .footer {
        margin-bottom: -1px;
    }
    footer.footer-light .footer .row > div:nth-child(4),
    footer.footer-light .footer .row > div:last-child {
        margin-top: 30px;
    }
    footer.footer-light .footer-links .footer-content {
        margin-top: 20px;
    }
    footer.footer-light .footer-details .footer-contact ul li + li {
        margin-top: 10px;
    }
    .footer-left-space {
        padding-left: 0;
    }
    .footer-bg .footer-details {
        margin-bottom: 30px;
    }
    .footer-bg .bottom-blog {
        margin-left: 0;
    }
    .footer-bg .footer-links .footer-content {
        margin-top: 20px;
    }
    .footer-light .footer-left-space {
        padding-left: 0;
    }
    .footer-light .row {
        margin-bottom: -5px;
    }
    .banner-1 {
        padding: 40px;
    }
    .banner-1 h2 {
        margin: 36px 0 34px;
        line-height: 1.55;
        letter-spacing: 1px;
    }
    .property-section .list-property .property-box {
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    }
    .property-section
        .list-property
        .property-box
        .property-details
        .icon-property
        li
        + li::before {
        left: -22px;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .overlay-property
        .overlay-box {
        height: calc(100% - 95px);
    }
    .property-section
        .property-box
        .property-details
        .icon-property
        li
        + li::before {
        left: -24px;
    }
    .property-grid-2 .property-details h3 {
        font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
    }
    .property-grid-2 .property-details ul li {
        padding-left: 9px;
        padding-right: 5px;
    }
    .property-grid-2 .property-details ul li:first-child {
        padding-left: 0;
    }
    .property-grid-2 .property-grid.list-view .property-box .property-image {
        width: 100%;
    }
    .property-grid-3 .property-grid.list-view .property-box .agent-image {
        width: 85%;
    }
    .single-property .description-section .menu-top li a {
        padding: 15px 7px;
    }
    .bg-comman-2::before {
        height: 320px;
    }
    .feature-section .feature-content .detail-list li .d-flex h6 {
        margin-left: 8px;
        font-size: 15px;
    }
    .feature-section .feature-image .bg-size:before {
        padding-top: 117%;
    }
    .feature-section
        .modern-feature
        .feature-wrap
        .feature-image
        .bg-size:before {
        padding-top: 85%;
    }
    .feature-section .modern-feature .feature-wrap .feature-content {
        padding-left: 10px;
    }
    .feature-section .modern-feature .feature-wrap .feature-content .details,
    .feature-section
        .modern-feature
        .feature-wrap
        .feature-content
        .detail-list,
    .feature-section
        .modern-feature
        .feature-wrap
        .feature-content
        .feature-price {
        padding: 30px 0;
    }
    .icon-video {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .property-section
        .property-wrapper-grid.list-view
        .property-box
        .property-details
        p {
        display: none;
    }
    .property-section .property-box .property-details > ul > li {
        font-size: 12px;
        padding-left: 5px;
    }
    .property-section .property-box .property-details > ul > li img {
        height: 14px;
        margin-right: 4px;
    }
    .property-wrapper-grid.list-view
        .property-box
        .property-image
        .bg-size::before {
        padding-top: 80%;
    }
}

@media (max-width: 991px) {
    h2 {
        font-size: 26px;
        line-height: 1.2;
    }
    h3 {
        font-size: 21px;
    }
    h4 {
        font-size: 19px;
    }
    h6 {
        font-size: 15px;
    }
    section {
        padding: 70px 0;
    }
    .single-property.mt-0.pt-0 {
        padding-bottom: 40px;
    }
    .video-layout.parallax-home {
        height: 475px;
    }
    .title-2 h2 {
        margin-top: -4px;
        margin-bottom: 10px;
    }
    .property-section .ratio_landscape .title-3.text-start.d-flex {
        display: block !important;
    }
    .property-section .ratio_landscape .title-3.text-start.d-flex ul.nav-tabs {
        margin-top: 10px;
    }
    .property-grid-2
        .property-wrapper-grid
        .property-grid.list-view
        .property-box
        .property-details
        ul {
        margin-bottom: 8px;
    }
    .video-layout {
        min-height: 110vh;
    }
    .small-section {
        padding: 40px 0;
    }
    .column-space {
        margin-bottom: -30px;
    }
    .column-space > div {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .theme-card {
        padding: 20px;
    }
    .theme-card + .theme-card {
        margin-top: 35px;
    }
    .contact-3 .title-3 {
        margin-top: -4px;
    }
    .play-bg-image .icon-video a:after {
        top: -42px;
        left: -41px;
        width: 120px;
        height: 120px;
    }
    .new-property .title-2 h2 {
        margin-top: -4px;
    }
    .new-property .feature-section .feature-content .feature-price h6 {
        margin-bottom: -4px;
    }

    .single-sidebar .filter-cards .advance-card .recent-property ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .single-sidebar .filter-cards .advance-card .recent-property ul li {
        width: 50%;
    }

    .single-sidebar
        .filter-cards
        .advance-card
        .recent-property
        ul
        li:nth-child(2) {
        margin-top: 0;
    }
    .why-choose .title-2 h2 {
        margin-top: -5px;
    }
    .property-section .filter-panel .top-panel h2 {
        margin-top: -4px;
    }
    .single-property-section {
        bottom: -180px;
    }
    .single-property-section .single-title {
        display: block;
    }
    .single-property-section .single-title .right-single {
        text-align: left;
        margin-top: 20px;
    }
    .single-property-section .single-title .right-single .price {
        margin-top: 5px;
    }
    .single-property-section .left-single h2 {
        margin-top: -5px;
    }
    .single-property-section .left-single ul li > div img {
        width: 25px;
    }
    .single-property {
        /* margin-top: 140px; */
    }
    .single-property .description-section .desc-box h4 {
        margin-top: -2px;
    }
    .single-property .description-section .desc-box .feature-dec h4,
    .single-property .description-section .desc-box .ratio3_2 h4 {
        margin-top: -3px;
    }
    .single-property .description-section .desc-box p {
        font-size: 14px;
        line-height: 1.7;
    }
    .single-property .description-section .about p:last-child {
        margin-bottom: -3px;
    }
    .agent-section .agent-wrap {
        padding-left: 20px;
    }
    .agent-section .our-agent .ratio_landscape .bg-size::before {
        padding-top: 97%;
    }
    .agent-section .filter-panel {
        margin-top: -4px;
    }
    .agent-section .about-agent h3 {
        margin-top: -5px;
    }
    .left-sidebar {
        position: fixed;
        top: 0;
        left: -300px;
        width: 300px;
        z-index: 3;
        height: 100vh;
        background-color: #ffffff;
        overflow-y: auto;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        border-radius: 0;
    }
    .filter-bottom-content {
        display: block;
    }
    .filter-bottom-content > h6 {
        margin-bottom: 30px;
    }
    .filter-bottom-content > h6.text-end {
        font-weight: 500;
    }
    .filter-bottom-content.left-sidebar {
        left: -300px !important;
    }
    .filter-bottom-content.left-sidebar.open {
        left: 0 !important;
    }
    .filter-bottom-content.open {
        left: -1px;
    }
    .left-sidebar .row,
    .filter-bottom-content .row {
        margin-bottom: 8px;
    }
    .left-sidebar .row > div,
    .filter-bottom-content .row > div {
        margin-bottom: 8px;
    }
    .filter-panel {
        margin-bottom: 30px;
    }
    .filter-panel .grid-list-filter li > a,
    .filter-panel .grid-list-filter li .dropdown-toggle {
        padding: 6px 10px;
    }
    .filter-panel .grid-list-filter li .filter-bottom-title {
        padding: 8px 10px;
    }
    .close-filter-bottom {
        color: var(--theme-default2) !important;
    }
    .close-filter-bottom.color-7 {
        color: var(--theme-default10) !important;
    }
    .home-section.layout-9 {
        padding: 70px 0;
    }
    .home-section.layout-9::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        /*  background-image: url(https://themes.pixelstrap.com/sheltos/assets/images/layout-9.png);*/
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 0;
        background-color: rgba(248, 249, 250, 0.96);
        background-blend-mode: overlay;
    }
    .home-section.layout-9 .home-main .home-content > div > img {
        width: 160px;
    }
    .home-section.layout-9 .home-main .home-content h1 {
        height: auto;
    }
    .looking-icons h5 {
        margin-bottom: 20px;
    }
    .layout-home8::after {
        height: calc(45px + (105 - 45) * ((100vw - 320px) / (991 - 320)));
    }
    .layout-home8 .home-content h1 {
        margin-top: -5px !important;
    }
    .layout-9 .layout-right-img {
        display: none;
    }
    .search-with-tab .tab-content .review-form > div:nth-child(n + 5) {
        margin-top: 16px;
    }
    .parallax-home .parallax-content {
        z-index: 1;
    }
    .parallax-home .parallax-right {
        width: 65%;
    }
    .parallax-home.video-layout .video-search {
        width: 125%;
    }
    header.header-4 .menu .brand-logo img {
        width: 120px;
    }
    .icon-video a {
        width: 40px;
        height: 40px;
    }
    .icon-video a i {
        margin-top: 0px;
        margin-left: 3px;
        font-size: 18px;
    }
    .single-sidebar {
        position: relative;
        width: auto;
        left: unset;
        overflow: unset;
        height: auto;
        z-index: unset;
        margin-top: 30px;
    }
    .btn.btn-lg {
        padding: 10px 20px;
    }
    footer .footer {
        padding: 70px 0;
    }
    .footer-bg .footer-links .footer-content .input-group {
        margin-top: 30px;
    }
    .title-2 p {
        margin-bottom: 30px;
    }
    .title-3 {
        margin-bottom: 30px;
    }
    .breadcrumb-section .breadcrumb-content div {
        padding: 30px 35px;
        margin: 0 auto;
        text-align: center;
    }
    .breadcrumb-section .breadcrumb-content div h2 {
        margin-bottom: 10px;
    }
    .banner-section .button-banner .btn + .btn {
        margin-left: 10px;
    }
    .banner-1 {
        width: 100%;
        padding: 30px;
    }
    .banner-1 h6,
    .banner-1 h2 {
        margin-top: 20px;
    }
    .service-section .title-2 h2 {
        margin-top: -4px;
    }
    .service-section.service-2
        .property-service
        > div
        .service-box
        .hover-line {
        margin-bottom: 30px;
    }
    .property-section .close-filter-bottom {
        color: var(--theme-default3) !important;
    }
    .property-section
        .property-box
        .property-details
        .icon-property
        li
        + li::before {
        left: -38px;
    }
    .property-section .nav-tabs {
        margin-bottom: 15px;
    }
    .property-section .nav-tabs .nav-item + .nav-item {
        margin-left: 20px;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .bg-size:before {
        padding-top: 50%;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .overlay-property
        .overlay-box {
        height: 72%;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .overlay-property
        .overlay-box
        p {
        width: 80%;
    }
    .property-section
        .list-property
        .property-box
        .property-details
        .icon-property
        li
        + li::before {
        left: -82px;
    }
    .property-section .list-property.no-slider-property .property-box {
        margin: 0;
    }
    .property-section .title-2 h2 {
        margin-top: -4px;
    }
    .property-section .title-3.text-start h2 {
        margin-top: -4px;
    }
    .property-section.bg-comman-2::before {
        height: 355px;
    }
    .no-slider-property .property-box {
        margin: 0 50px;
    }
    .no-slider-property
        .property-box
        .property-details
        .icon-property
        li
        + li::before {
        left: -52px;
    }
    .property-grid-3 .filter-panel .top-panel {
        display: block;
    }
    .property-grid-3 .filter-panel .top-panel h2 {
        margin-top: -4px;
    }
    .property-grid-3 .filter-panel .grid-list-filter {
        margin-top: 15px;
    }
    .property-grid-3 .filter-bottom-content .btn {
        width: 100%;
    }
    .property-grid-3 .property-grid.list-view .property-box .property-image {
        width: 90%;
    }
    .bg-comman-2::before {
        height: 285px;
    }
    .feature-section .feature-content .feature-price li h3 {
        margin-top: -2px;
    }
    .feature-section .modern-feature .feature-wrap .feature-image {
        -webkit-box-shadow: 0px 0 16px 5px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 0 16px 5px rgba(0, 0, 0, 0.05);
    }
    .feature-section
        .modern-feature
        .feature-wrap
        .feature-image
        .bg-size:before {
        padding-top: 70%;
    }
    .feature-section .modern-feature .feature-wrap .feature-content {
        padding-left: 0;
        margin-top: 30px;
    }
    .feature-section.bg-half {
        background: #f7f7fe;
    }
    .feature-section.bg-half::before {
        display: none;
    }
    .feature-section .feature-image .bg-size:before {
        padding-top: 70%;
    }
    .feature-section .feature-4 {
        margin-top: 46px;
    }
    .bg-comman-2.feature-section .title-2 h2 {
        margin-top: -4px;
    }
    .video-modal iframe {
        height: 275px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .ratio_63 .property-wrapper-grid.list-view .property-box .bg-size::before {
        padding-top: 100%;
    }
    .property-box-flat .no-slider-property .property-box {
        margin: 0 6px;
    }
    .property-section
        .property-box
        .property-details
        .icon-property
        li
        + li::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .property-section .nav-tabs .nav-item .nav-link {
        background-color: rgba(0, 0, 0, 1);
    }
    .property-section .nav-tabs .nav-item .nav-link.active {
        background-color: #ffffff;
    }
    .single-property.mt-0.pt-0 {
        padding-bottom: 30px;
    }
    .property-grid-2
        .property-wrapper-grid
        .property-grid.list-view
        .property-box
        .property-image {
        width: 100%;
    }
    .footer-bg .bottom-blog .media .media-body h6 {
        line-height: 1.4;
    }
    .video-layout.parallax-home {
        height: 390px;
    }
    .video-layout.parallax-home .video-search {
        padding: 0;
    }
    .video-layout .overlay-content {
        right: 0;
        left: 0;
        margin: 0 auto;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .video-layout .video-search {
        width: 110%;
    }
    .toggle-nav i {
        font-size: 13px;
    }
    .title-3 {
        margin-top: -11px;
    }
    .title-3 p {
        margin-bottom: 0;
    }
    label {
        margin-bottom: 6px;
    }
    section {
        padding: 50px 0;
    }
    p {
        line-height: 1.4;
    }
    .small-section {
        padding: 30px 0;
    }
    .modal-body {
        padding: 20px;
    }
    .btn.btn-gradient.color-4::after {
        -webkit-box-shadow: -5.15px 6.572px 13px var(--theme-default6);
        box-shadow: -5.15px 6.572px 13px var(--theme-default6);
    }
    .video-layout {
        padding-bottom: 20px;
    }
    .video-layout .video-search > div {
        padding: 10px;
    }
    .video-layout .video-search .dropdown .dropdown-menu {
        width: 130px;
    }
    .video-layout .video-search .input-group .input-group-text {
        width: 35px;
        height: 35px;
        padding: 0;
    }
    .video-layout .video-search .input-group .input-group-text svg {
        width: 17px;
        height: 17px;
    }
    .title-2 {
        margin-bottom: -2px;
    }
    .theme-card .title-3 p {
        margin-bottom: -5px;
    }
    .box {
        width: 270px;
        height: 130px;
    }
    .parallax-home.video-layout .video-search {
        width: 100%;
    }
    .filter-cards .advance-card + .advance-card {
        margin-top: 25px;
    }
    .agent-section .our-agent-details ul li .media .icons-square {
        width: 25px;
        height: 25px;
    }
    .agent-section .our-agent-details ul li .media .icons-square svg {
        width: 13px;
        height: 13px;
    }
    .agent-section .agent-grids .filter-panel .top-panel .grid-list-filter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .agent-section .agent-grids .property-grid.list-view .property-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .agent-section .our-agent .ratio_landscape .bg-size::before {
        padding-top: 111%;
    }
    .agent-section .agent-wrap {
        padding-left: 0;
        border-left: none;
    }
    .home-section.layout-5 .container > .row {
        padding: 50px 0;
    }
    .home-section.layout-5 {
        padding-top: 60px;
    }
    .home-section.layout-5 .row {
        margin: 0;
    }
    .home-section.layout-5 .home-main .home-content > div > img {
        width: 160px;
    }
    .home-section.layout-5 .home-main .looking-icons {
        margin-top: 40px;
    }
    .home-section.layout-9 {
        padding: 50px 0;
    }
    .looking-icons ul li h6 {
        margin-top: 15px !important;
    }
    .looking-icons ul li .looking-icon svg {
        width: 35px;
        height: 35px;
    }
    .layout-home8 {
        height: 740px;
    }
    .layout-home8 .home-content {
        margin-bottom: 30px;
    }
    .layout-home8 .home-content h1 {
        margin-top: -4px !important;
    }
    .search-with-tab .nav-tabs .nav-item .nav-link {
        padding: 8px 16px;
    }
    .search-with-tab .tab-content .review-form > div:nth-child(n + 4) {
        margin-top: 16px;
    }
    .breadcrumb-section {
        height: 350px;
    }
    .breadcrumb-section .breadcrumb-content {
        height: 350px;
        padding-top: 60px;
    }
    .breadcrumb-section.property-main {
        height: 460px;
    }
    .breadcrumb-section #block {
        height: 460px !important;
    }
    .single-property {
        margin-top: 60px;
    }
    .single-property .description-section .menu-top li a {
        padding: 0 14px 0 0;
        text-transform: capitalize;
    }
    .single-property .description-section .menu-top li.active a {
        border-bottom: none;
    }
    .single-property .page-section iframe {
        height: 250px;
    }
    .single-property-section .left-single > ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .single-property-section .left-single > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .btn {
        padding: 8px 18px;
    }
    .btn.btn-dashed {
        padding: 9px 18px;
    }
    .btn.btn-light-bg::after {
        height: 39px;
    }
    .label.label-lg {
        padding: 8px 20px;
    }
    footer .footer {
        padding: 50px 0;
    }
    footer .footer-details p {
        margin-bottom: 10px;
    }
    footer .footer-details .footer-contact ul li + li {
        margin-top: 10px;
    }
    footer .sub-footer {
        text-align: center;
    }
    footer .sub-footer .text-end {
        text-align: center !important;
        margin-top: 5px;
    }
    footer .sub-footer.sub-footer-dark {
        padding-top: 16px;
    }
    footer .sub-footer.footer-light {
        padding-top: 8px;
    }
    footer .footer-links {
        padding-bottom: 15px;
    }
    footer .footer-links .footer-title span {
        display: block;
        top: 0;
        right: 0;
    }
    footer .footer-links .footer-title span i {
        font-size: 13px;
    }
    footer .footer-links h5 {
        margin-bottom: 0;
        line-height: 1.2;
    }
    footer .footer-links .footer-content {
        margin-top: 15px;
    }
    footer .footer-links .footer-content li + li {
        margin-top: 6px;
    }
    footer .footer-links.footer-details .footer-content {
        margin-top: 15px !important;
    }
    footer.footer-light .footer-links .footer-content {
        margin-top: 15px;
    }
    footer.footer-light .footer-links .footer-title .according-menu {
        position: absolute;
        top: 0;
        right: 0;
    }
    .footer-bg .bottom-blog {
        padding-top: 20px;
    }
    .footer-bg .bottom-blog .footer-links .footer-title span {
        right: 6px;
    }
    .footer-bg .bottom-blog .footer-links .footer-content {
        margin-top: 15px;
    }
    .footer-bg .bottom-blog .footer-links .footer-content .row > div + div {
        margin-top: 15px;
    }
    .footer-bg .footer-links {
        padding-bottom: 20px;
    }
    .footer-bg .footer-links .footer-content {
        margin-top: 15px;
    }
    .footer-bg .footer-links .footer-content .input-group {
        margin-top: 20px;
    }
    .footer-bg .footer-links .footer-content li + li {
        margin-top: 6px;
    }

    .footer-light .row > div:nth-child(3),
    .footer-light .row > div:last-child,
    .footer-light .row > div:nth-child(4) {
        margin-top: 0 !important;
    }

    .footer-light .row > div:last-child .footer-links {
        padding-bottom: 0;
    }
    .footer-light .row {
        margin-bottom: -3px;
        margin-top: -3px;
    }
    .footer-light .footer-content {
        margin-bottom: -2px;
    }
    .service-section .title-2 {
        margin-bottom: -5px;
    }
    .service-section .title-3 p {
        margin-bottom: -3px;
    }
    .service-section .title-3.text-start p {
        margin-bottom: -12px;
    }
    .service-section.service-2
        .property-service
        > div
        .service-box
        .hover-line {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    .service-section.service-2 .property-service > div .service-box .btn span {
        vertical-align: -1px;
    }
    .service-section.service-2
        .property-service
        > div
        .service-box:hover
        .btn
        span {
        vertical-align: 0;
    }
    .service-section.service-2
        .property-service
        > div
        .service-box
        .btn:hover
        span {
        vertical-align: -2px;
    }
    .service-section.service-2.color-7
        .property-service
        > div
        .service-box:hover
        .btn
        span {
        vertical-align: -1px;
    }
    .why-choose .title-2 {
        margin-bottom: -3px;
    }
    .property-section .title-3 {
        margin-bottom: 27px;
    }
    .property-section .title-3.d-flex {
        display: block !important;
        margin-bottom: 30px;
    }
    .property-section .title-2 {
        margin-bottom: -5px;
    }
    .property-section .ratio_landscape .title-2 {
        margin-bottom: -3px;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .bg-size:before {
        padding-top: 60%;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .overlay-property
        .overlay-box
        p {
        width: 100%;
    }
    .property-section
        .list-property
        .property-box
        .property-details
        .icon-property
        li
        + li::before {
        left: -36px;
    }
    .property-section .list-property .property-box .text-center {
        margin-top: -19px;
    }
    .property-section
        .property-box-flat
        .property-box
        .property-image
        .label-white {
        padding: 8px 20px 7px;
    }
    .property-section .property-box-flat .property-box .property-details h3 {
        margin-top: 0;
    }
    .no-slider-property .property-box {
        margin: 0;
    }
    .no-slider-property
        .property-box
        .property-details
        .icon-property
        li
        + li::before {
        left: -38px;
    }
    .filter-panel {
        position: relative;
    }
    .filter-panel .top-panel {
        display: block;
    }
    .filter-panel .top-panel .grid-list-filter {
        margin: 15px -5px -4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .filter-panel .top-panel .grid-list-filter li {
        margin: 5px;
    }
    .filter-panel .grid-list-filter li .filter-bottom-title {
        padding: 8px 10px;
    }
    .property-grid.list-view .property-box {
        display: block;
    }
    .property-grid-3 .property-grid.list-view .property-box .property-image,
    .property-grid-3 .property-grid.list-view .property-box .agent-image {
        width: 100%;
    }
    .bg-comman-2::before {
        height: 245px;
    }
    .feature-section .title-3 {
        margin-bottom: 27px;
    }
    .feature-section .feature-content .detail-list li .label-lg {
        padding: 8px 12px 6px;
    }
    .feature-section .feature-content .detail-list li .d-flex .label-lg {
        padding: 6px 12px 4px;
    }
    .feature-section
        .modern-feature
        .feature-wrap
        .feature-image
        .feature-overlay {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 210px;
        height: 169px;
    }
    .offer-section .offer-wrapper .media .offer-icon {
        width: 80px;
        height: 80px;
    }
    .offer-section .offer-wrapper .media .offer-icon img {
        height: 40px;
    }
    .offer-section .offer-wrapper .media .media-body {
        margin-left: 15px;
    }
    .new-property .feature-wrap {
        margin: 0;
    }
    .new-property .title-2 h2 {
        margin-top: -5px;
    }
}

@media (max-width: 719px) {
    .property-section .property-box-flat .property-box .property-details h3 {
        margin-top: -2px;
    }
}

@media (max-width: 576px) {
    .parallax-home .container > .row {
        height: 240px;
    }
    .breadcrumb-section {
        height: 270px;
    }
    .breadcrumb-section .breadcrumb-content {
        height: 270px;
        padding-top: 56px;
    }
    header.header-4 .menu .brand-logo img {
        margin-bottom: 0;
    }
    .home-section.layout-5 {
        padding-top: 56px;
        padding-bottom: 40px;
    }
}

/*@media (max-width: 575px / 991px) {*/
@media (max-width: 991px) {
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
        line-height: 1.4;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 14px;
        line-height: 1.5;
    }
    p {
        font-size: 14px;
        line-height: 1.5;
    }
    .label {
        padding: 3px 8px 2px;
    }
    .form-control {
        font-size: 14px;
    }
    .agent-section .about-agent div.row {
        margin-bottom: -8px;
    }
    .agent-section .about-agent p {
        margin-bottom: 8px;
    }
    .column-space {
        margin-bottom: -20px;
    }
    .column-space > div {
        margin-bottom: 20px;
    }
    .parallax-home.video-layout {
        height: auto;
        min-height: auto;
    }
    .parallax-home.video-layout .video-search .dropdown {
        display: none;
    }
    section {
        padding: 40px 0;
    }
    .grid-list-filter .dropdown-menu {
        min-width: 160px;
    }
    .title-2 {
        margin-bottom: -4px;
    }
    .title-2 h2 {
        margin-top: -2px;
    }
    .title-2 p {
        line-height: 1.7;
    }
    .title-3 p {
        margin-bottom: 0;
    }
    .title-3.text-start h2 {
        margin-top: -5px;
    }
    .theme-card .title-2 {
        margin-bottom: -6px;
    }
    .theme-card .title-3 p {
        margin-bottom: -2px;
    }
    .theme-pagination {
        margin-top: 20px;
    }
    footer .footer {
        padding: 40px 0;
    }
    .footer-bg .footer-details {
        padding: 20px 15px;
    }
    .theme-card + .theme-card {
        margin-top: 20px;
    }
    .offer-section .offer-wrapper {
        padding: 20px;
    }
    .offer-section .offer-wrapper .media .media-body h3 {
        margin: 10px 0;
    }
    .video-layout {
        padding-bottom: 40px;
    }
    .video-layout .icon-video {
        position: relative;
        left: unset;
        -webkit-transform: unset;
        transform: unset;
        top: unset;
        margin-bottom: 20px;
    }
    .video-layout .row > div.video:last-child {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .video-layout .video-search {
        width: 100%;
    }
    .video-layout .video-search .input-group {
        border-right: none;
    }
    .video-layout .video-search .input-group input {
        padding-right: 0;
    }
    .new-property .title-2 {
        margin-bottom: -7px;
    }
    .filter-panel {
        padding: 0 0 20px;
    }
    .filter-panel .top-panel .grid-list-filter {
        margin-top: 10px;
        margin-bottom: 0;
    }
    .tab-listing .filter-panel {
        margin-bottom: 20px;
    }
    .property-grid-2 .filter-panel .top-panel h2 {
        margin-bottom: 5px;
    }
    .left-sidebar {
        padding: 20px;
    }
    .filter-cards .advance-card .category-property ul li + li,
    .filter-cards .advance-card .recent-property ul li + li {
        margin-top: 10px;
    }
    .filter-cards .advance-card > h6::before {
        bottom: -6px;
    }

    .single-sidebar .filter-cards .advance-card .recent-property ul li {
        width: 100%;
    }

    .single-sidebar
        .filter-cards
        .advance-card
        .recent-property
        ul
        li:nth-child(2) {
        margin-top: 10px;
    }

    .single-sidebar
        .filter-cards
        .advance-card
        .recent-property
        ul
        li
        .media
        .media-body
        h5 {
        margin-bottom: 5px;
    }
    .property-grid.list-view .property-box .agent-image {
        border-right: none;
        border-bottom: 1px solid #eee;
    }
    .why-choose .title-2 h2 {
        margin-top: -4px;
    }
    .agent-section .agent-wrap {
        border-top: 1px solid #eee;
    }
    .agent-section .agent-content {
        padding: 20px;
    }
    .agent-section .our-agent .ratio_landscape .bg-size::before {
        padding-top: 60%;
    }
    .agent-section .our-agent-details {
        margin-top: 10px;
    }
    .agent-section .agent-grids .property-grid.list-view .property-box {
        display: block;
    }
    .agent-section .filter-panel {
        margin-top: -2px;
    }
    .agent-social li a {
        width: 25px;
        height: 25px;
    }
    .agent-social li a i {
        font-size: 12px;
    }
    .play-bg-image .icon-video a {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    .column-sm {
        margin-bottom: -20px;
    }
    .column-sm > div {
        margin-bottom: 20px;
    }
    .filter-panel .d-lg-none {
        text-align: left;
    }
    .single-property-section .single-title {
        padding: 20px;
    }
    .single-property-section .single-title .right-single {
        text-align: left;
    }
    .single-property-section .single-title .label {
        padding: 3px 6px;
    }
    .single-property-section .left-single h2 {
        margin-top: -4px;
    }
    .single-property-section .left-single ul li > div img {
        width: 22px;
    }
    .single-property-section .left-single ul li > div .ruler-tool {
        width: 22px;
        height: 22px;
    }
    .single-property .page-section {
        padding: 20px;
    }
    .single-property #details h4,
    .single-property .about h4 {
        display: block;
    }
    .single-property #details h4 a,
    .single-property .about h4 a {
        display: block;
        margin-top: 10px;
    }
    .single-property .description-section .desc-box h4 {
        margin-top: -1px;
        margin-bottom: 15px;
    }
    .single-property .description-section .desc-box p {
        margin-bottom: 10px;
    }
    .single-property .description-section .desc-box .feature-dec h4,
    .single-property .description-section .desc-box .ratio3_2 h4,
    .single-property .description-section .desc-box #floor_plan h4 {
        margin-top: -2px;
    }
    .single-property .description-section .desc-box + .desc-box {
        margin-top: 20px;
    }
    header.header-4 .menu .brand-logo img {
        width: 110px;
    }
    .home-section.layout-5 .home-main {
        padding: 40px 0;
    }
    .home-section.layout-5 .home-main .home-content > div > img {
        width: 140px;
    }
    .home-section.layout-9 {
        padding: 40px 0;
    }
    .home-section.layout-9 .home-main .home-content > div > img {
        width: 120px;
    }
    .home-section.layout-9 .home-main .home-content h6 {
        margin-top: 10px;
    }
    .layout-home8 {
        height: auto;
    }
    .layout-home8 .home-content {
        margin-bottom: 20px;
    }
    .layout-home8 .home-content h1 {
        margin-bottom: 10px;
    }
    .looking-icons {
        margin-top: 30px;
    }
    .looking-icons h5 {
        margin-bottom: 20px;
    }
    .looking-icons ul {
        margin: -5px -10px;
    }
    .looking-icons ul li {
        margin: 5px;
    }
    .looking-icons ul li .looking-icon {
        padding: 10px;
        min-width: 90px;
    }
    .search-with-tab .tab-content {
        padding: 20px;
    }
    .search-with-tab .tab-content .review-form > div:nth-child(n + 3) {
        margin-top: 16px;
    }
    .search-with-tab .nav-tabs .nav-item .nav-link {
        font-size: 14px;
    }
    .title-2 h2 {
        margin-bottom: 5px;
    }
    .title-2 p {
        margin-bottom: 20px;
    }
    .title-3 {
        margin-bottom: 20px;
    }
    .title-3 h2 {
        margin: 6px 0 6px;
    }
    .breadcrumb-section .breadcrumb-content div {
        padding: 20px 25px;
    }
    .breadcrumb-section .breadcrumb-content div h2 {
        margin-bottom: 8px;
    }
    .banner-1 {
        padding: 20px;
    }
    .banner-1 h2 {
        line-height: 1.5;
        margin-bottom: 20px;
        margin-top: 15px;
        letter-spacing: normal;
    }
    .banner-section .button-banner .btn + .btn {
        margin-left: 4px;
    }
    .service-section .title-2 {
        margin-bottom: -7px;
    }
    .service-section .property-service > div .service-box {
        padding: 20px;
    }
    .service-section .title-2 {
        margin-bottom: -4px;
    }
    .service-section .title-2 h2 {
        margin-top: -3px;
    }
    .service-section.service-2 .property-service > div .service-box {
        padding: 20px;
    }
    .service-section.service-2 .property-service > div .service-box p {
        margin-bottom: 20px;
    }
    .service-section.service-2
        .property-service
        > div
        .service-box
        .hover-line {
        margin-bottom: 25px;
    }
    .service-section.service-2 .property-service > div .icon-line-color {
        bottom: -20px;
    }
    .service-section .property-service > div .service-box p {
        font-size: 13px;
        margin-bottom: -1px;
    }
    .why-choose .title-2 {
        margin-bottom: -4px;
    }
    .property-section .filter-panel {
        margin-bottom: 20px;
    }
    .property-section .filter-panel .top-panel h2 {
        margin-top: -3px;
    }
    .property-section .title-2 {
        margin-bottom: -7px;
    }
    .property-section .title-2 h2 {
        margin-top: -3px;
    }
    .property-section .title-3 {
        margin-bottom: 17px;
    }
    .property-section .title-3.text-start h2 {
        margin-top: -3px;
    }
    .property-section .title-3.d-flex {
        margin-bottom: 20px;
    }
    .property-section.slick-between .title-3.text-start {
        margin-top: -5px;
    }
    .property-section .ratio_landscape .title-2 {
        margin-bottom: -4px;
    }
    .property-section
        .property-box
        .property-details
        .icon-property
        li
        .d-flex
        .property-icon {
        width: 30px;
        height: 30px;
        min-width: 30px;
        margin-right: 10px;
    }
    .property-section .property-box .property-details .property-svg {
        width: 14px;
        height: 14px;
        display: block;
        margin-top: -1px;
        margin-left: 1px;
    }
    .property-section .property-box-flat .property-box .property-details h3 {
        margin-top: -4px;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .overlay-property
        .overlay-box {
        padding: 20px;
    }
    .property-section .listing-hover-property {
        margin-bottom: -20px;
    }
    .property-section .listing-hover-property > div {
        margin-bottom: 20px;
    }
    .property-section .listing-hover-property .property-box .bottom-property {
        bottom: -60px;
    }
    .property-section
        .listing-hover-property
        .property-box
        .bottom-property
        h5 {
        margin-bottom: 4px;
    }
    .property-section
        .listing-hover-property
        .property-box
        .bottom-property
        > div {
        padding: 10px;
    }
    .property-grid-3 .filter-panel .top-panel h2 {
        margin-top: -3px;
    }
    .property-grid-3
        .property-grid.list-view
        .property-box
        .agent-image:hover
        .overlay-content {
        left: 52%;
    }
    .feature-section .title-3 {
        margin-bottom: 17px;
    }
    .feature-section .feature-2 .feature-box .feature-bottom {
        padding: 20px;
    }
    .feature-section .feature-2 .feature-box .feature-bottom h3 {
        margin-bottom: 0;
    }
    .feature-section .feature-2.dot-gradient {
        margin-bottom: 15px !important;
    }
    .feature-section .feature-image,
    .feature-section .feature-content {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .feature-section .feature-image .label {
        padding: 5px 10px 3px;
    }
    .feature-section .feature-content .feature-price {
        margin-bottom: 5px;
    }
    .feature-section .feature-content .feature-price li h3 {
        margin-top: -4px;
        margin-bottom: 0;
    }
    .feature-section .feature-content .details,
    .feature-section .feature-content .feature-price {
        padding: 20px;
    }
    .feature-section .feature-content .detail-list {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .feature-section .feature-content .detail-list li:first-child {
        margin-left: 0;
    }
    .feature-section .feature-content .detail-list li .d-flex h6 {
        font-size: 14px;
    }
    .feature-section .feature-content .details h3 {
        margin-top: -5px;
    }
    .feature-section .feature-content .details p {
        margin-bottom: -3px;
    }
    .feature-section .feature-4 {
        margin-top: 30px;
    }
    .feature-section .modern-feature .feature-wrap .feature-content {
        margin-top: 20px;
    }
    .feature-section .modern-feature .feature-wrap .feature-content .details,
    .feature-section
        .modern-feature
        .feature-wrap
        .feature-content
        .feature-price {
        padding: 20px 0;
    }
    .feature-section
        .modern-feature
        .feature-wrap
        .feature-content
        .detail-list {
        padding: 15px 0;
    }
    .box {
        width: 220px;
        height: 105px;
    }
    .parallax-home.video-layout .row > div:last-child {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
    .parallax-home .parallax-right {
        width: 75%;
    }
    .bg-comman-2.feature-section .title-2 h2 {
        margin-top: -3px;
    }
    .new-property .feature-section .feature-content .feature-price {
        margin-bottom: 0;
    }
    .new-property .feature-section .feature-content .feature-price li h3 {
        margin-top: -4px;
    }
    .new-property .feature-section .feature-content .feature-price h6 {
        margin-bottom: -1px;
    }
    .new-property .feature-section .feature-content .detail-list {
        padding: 15px 15px !important;
    }
    .new-property
        .feature-section
        .feature-content
        .detail-list
        li:first-child {
        margin-left: 5px;
    }
    .new-property .feature-section .feature-content .details p {
        margin-bottom: -5px;
    }
    .new-property .title-2 h2 {
        margin-top: -4px;
    }
    .home-main.feature-section.new-property .feature-content .detail-list {
        padding: 15px 15px !important;
    }
    .home-main.feature-section.new-property
        .feature-content
        .detail-list
        li:first-child {
        margin-left: 5px;
    }
    .icon-video {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@media (max-width: 567px) {
    .theme-card .title-3 p {
        margin-bottom: -5px;
    }
}

@media (max-width: 544px) {
    .theme-card .title-2 {
        margin-bottom: -3px;
    }
    .property-section .title-3 {
        margin-bottom: 14px;
    }
    .feature-section .title-3 {
        margin-bottom: 14px;
    }
}

@media (max-width: 526px) {
    .property-section .ratio_landscape .title-2 {
        margin-bottom: -7px;
    }
}

@media (max-width: 518px) {
    .new-property .title-2 {
        margin-bottom: -4px;
    }
    .new-property .feature-section .feature-content .details p {
        margin-bottom: -2px;
    }
    .service-section .title-2 {
        margin-bottom: -4px;
    }
}

@media (max-width: 502px) {
    .property-section .title-2 {
        margin-bottom: -4px;
    }
}

@media (max-width: 480px) {
    .property-details h3 {
        margin-bottom: 6px;
    }
    .property-details ul,
    .property-details p {
        margin-bottom: 12px;
    }
    .home-section.layout-5 .row > div p {
        margin-bottom: 18px;
    }
    .service-section .title-3 {
        margin-top: -11px;
    }
    .btn.btn-lg {
        padding: 6px 15px;
        line-height: 1.3;
    }
    .home-section.layout-5 .home-main .looking-icons {
        /* display: none;*/
    }
    .home-section.layout-5 .row > div p {
        font-size: 14px;
    }
    .parallax-home .parallax-right {
        width: 100%;
        /*  opacity: 0.1;*/
        padding-bottom: 23px;
    }
    .property-section .nav-tabs .nav-item + .nav-item {
        margin-left: 15px;
    }
    .property-section .property-box .property-image .labels-left {
        top: 15px;
    }
    .property-section
        .property-box
        .property-details
        .icon-property
        li
        + li::before {
        left: -16px;
    }
    .property-section
        .list-property
        .property-box
        .property-details
        .icon-property
        li
        + li::before {
        left: -18px;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .bg-size:before {
        padding-top: 80%;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .overlay-property
        .overlay-box
        p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 8px;
    }
    .property-section .property-2 .property-box .property-image .labels-left,
    .property-section
        .property-box-flat
        .property-box
        .property-image
        .labels-left {
        left: -3px;
    }
    .property-section
        .property-box-flat
        .property-box
        .property-image
        .label-white {
        right: 15px;
        top: 15px;
    }
    .gallery-nav {
        margin: 2px 0 0 -2px;
    }
    .single-property-section .left-single > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .single-property .description-section .desc-box .single-gallery {
        margin-bottom: -5px;
    }
    .feature-section .feature-image .feature-overlay {
        width: 126px !important;
        height: 100px !important;
    }
    .feature-section .feature-image .feature-overlay span {
        font-size: 40px;
        margin-top: 0;
    }
    .feature-section .feature-image .label {
        text-transform: capitalize;
    }
    .feature-section
        .modern-feature
        .feature-wrap
        .feature-image
        .label-gradient {
        top: 15px;
        left: 15px;
    }
    .feature-section .modern-feature .feature-wrap .feature-content .details,
    .feature-section
        .modern-feature
        .feature-wrap
        .feature-content
        .feature-price {
        padding: 20px 0;
    }
    .feature-section .feature-content .feature-price {
        margin-bottom: -3px;
    }
    .feature-section .feature-content .feature-price li + li {
        margin-left: 20px;
    }
    .feature-section .feature-content .details p {
        margin-top: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .feature-section .feature-content .detail-list {
        margin: 0;
    }
    .feature-section .feature-content .detail-list li {
        margin: 5px;
    }
    .feature-section .feature-content .detail-list li .d-flex .label-lg {
        padding: 6px 12px;
    }
    .new-property .feature-section .feature-content .details h3 {
        margin-top: -4px;
    }
    .new-property .feature-section .feature-content .feature-price h6 {
        margin-bottom: -6px;
    }
    .video-modal iframe {
        height: 200px;
    }
    .offer-section .offer-wrapper {
        padding: 20px;
        text-align: center;
    }
    .offer-section .offer-wrapper .media {
        display: block;
    }
    .offer-section .offer-wrapper .media .offer-icon {
        margin: 0 auto 20px;
    }
    .offer-section .offer-wrapper .media .media-body {
        margin-left: 0;
    }
    .offer-section .offer-wrapper .media .media-body h6 {
        display: inline-block;
    }
}

@media (max-width: 437px) {
    .service-section .title-3.text-start p {
        margin-bottom: 23px;
    }
}

@media (max-width: 420px) {
    .video-layout {
        height: 710px;
    }
    .property-section .ratio_55 .bg-size::before {
        padding-top: 60%;
    }
    h2 {
        font-size: 22px;
    }
    .new-property .title-2 h2 {
        margin-top: -3px;
    }
    .home-section.layout-5 {
        padding-top: 46px;
        padding-bottom: 30px;
    }
    .home-section.layout-5 .home-main .home-content > div > img {
        width: 120px;
    }
    .parallax-home .container > .row {
        height: 200px;
    }
    .offer-section.offer-inner .title-2 h2 {
        margin-top: -3px;
    }

    .why-choose .title-2 h2 {
        margin-top: -3px;
    }
    .contact-3 .title-3 {
        margin-top: -3px;
    }
    .home-main.feature-section .feature-price {
        display: block;
    }
    .home-main.feature-section .feature-price li + li {
        margin-left: 0;
    }
    .property-section .property-box .property-details .icon-property li {
        padding-left: 0;
    }
    .property-section
        .property-box
        .property-details
        .icon-property
        li
        + li::before {
        display: none;
    }
    .property-section
        .property-box
        .property-details
        .icon-property
        + .icon-property {
        margin-top: 15px;
    }
    .property-section .listing-hover-property .property-box:hover::after {
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(35%, transparent),
            to(rgba(0, 0, 0, 0.8))
        );
        background-image: linear-gradient(
            to bottom,
            transparent 35%,
            rgba(0, 0, 0, 0.8) 100%
        );
    }
    .property-grid-3 .filter-panel .top-panel .grid-list-filter li {
        display: block;
    }
    .property-grid-3
        .filter-panel
        .top-panel
        .grid-list-filter
        li
        .dropdown-toggle,
    .property-grid-3
        .filter-panel
        .top-panel
        .grid-list-filter
        li
        .filter-bottom-title {
        display: inline-block;
    }
    .feature-section .feature-content .feature-price {
        display: block;
        margin-bottom: -2px;
    }
    .feature-section .feature-content .feature-price li {
        display: block;
    }
    .feature-section .feature-content .feature-price li .btn {
        margin-top: 15px;
    }
    .feature-section .feature-content .feature-price li + li {
        margin-left: 0;
    }
}

@media (max-width: 413px) {
    .theme-card .title-3 p {
        margin-bottom: -3px;
    }
}

@media (max-width: 388px) {
    .property-section .title-3 {
        margin-bottom: 17px;
    }
    .property-section .ratio_landscape .title-2 {
        margin-bottom: -4px;
    }
    .feature-section .title-3 {
        margin-bottom: 17px;
    }
}

@media (max-width: 360px) {
    .new-property
        .feature-section
        .feature-content
        .detail-list
        li:first-child {
        margin-left: 0;
    }
    .property-section
        .listing-hover-property
        .property-box
        .bottom-property
        .overlay-option
        ul
        li {
        padding: 16px 10px;
    }
    .single-property .description-section .desc-box p {
        margin-bottom: 22px;
    }
    .property-section
        .property-box
        .property-details
        .icon-property
        li
        .d-flex
        .property-icon {
        margin-right: 8px;
    }
    .feature-section .feature-content .detail-list li:last-child {
        margin-left: 0;
    }
    .toggle-nav {
        padding-top: 22px;
    }
    li .parallax-home.video-layout {
        height: 280px;
    }
    .property-section .property-box .property-details > ul > li > img {
        margin-right: 3px;
        height: 14px;
    }
    .property-details h3 {
        margin-bottom: 3px;
    }
    .feature-section .feature-content .detail-list li .d-flex .label-lg {
        padding: 5px 12px;
        font-size: 14px;
    }
    footer .sub-footer p {
        font-size: 13px;
    }
    footer .sub-footer .sub-footer-link li {
        font-size: 13px;
    }
    footer .sub-footer .sub-footer-link li + li {
        margin-left: 10px;
    }
    .label.label-lg {
        padding: 5px 10px 3px;
        font-size: 14px;
    }
    .home-section.layout-5 {
        padding-bottom: 20px;
    }
    .box {
        width: 205px;
        height: 90px;
    }
    .single-feature > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .single-property-section .left-single ul li > div span {
        font-size: 13px;
    }
    .banner-1 {
        margin-top: 20px;
    }
    .property-details {
        padding: 15px !important;
    }
    .property-details ul li {
        font-size: 12px;
    }
    .property-section .property-box .property-image .labels-left .label {
        padding: 3px 8px 2px;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .overlay-property
        .overlay-box {
        padding: 20px;
    }
    .property-section
        .list-property
        .property-box
        .property-image
        .bg-size:before {
        padding-top: 90%;
    }
    .property-section .list-property .property-box .text-center {
        margin-top: -16px;
    }
    .property-section
        .property-box-flat
        .property-box
        .property-image
        .label-white {
        padding: 5px 10px 4px;
    }
    .property-grid-2 .property-details ul li {
        padding-left: 6px;
        padding-right: 4px;
    }
    .feature-section .feature-content .feature-price {
        margin-bottom: 4px;
    }
    .feature-section .feature-wrap .feature-content .feature-price {
        display: block;
    }
    .feature-section .feature-wrap .feature-content .feature-price li {
        display: block;
    }
    .feature-section .feature-wrap .feature-content .feature-price li + li {
        margin-left: 0;
    }
    .feature-section .feature-image .feature-overlay {
        width: 70px !important;
        height: 60px !important;
    }
    .feature-section .feature-image .feature-overlay span {
        font-size: 30px;
    }
    .feature-section
        .modern-feature
        .feature-wrap
        .feature-content
        .feature-price
        li
        + li {
        margin-left: 0;
        margin-top: 0;
    }
    .video-modal iframe {
        height: 160px;
    }
}

@media (max-width: 339px) {
    .theme-card .title-2 {
        margin-bottom: -6px;
    }
}

@media (max-width: 334px) {
    .theme-card .title-3 p {
        margin-bottom: -6px;
    }
}

@media (max-width: 327px) {
    .theme-card .title-2 h2 {
        margin-top: -4px;
    }
}

@media (max-width: 320px) {
    .agent-social li a i {
        margin-top: 2px;
    }
}

/**=====================
     Responsive css start
==========================**/

/**=====================
     blog css start
==========================**/
.ratio_square .blog-1 .bg-size:before {
    padding-top: 109%;
}

.horizontal-blog .blog-1 .blog-box .blog-content a.btn-lg {
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.blog-section.bg-comman-2 .blog-1 .blog-box .blog-content a.btn-lg {
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.blog-section.bg-comman-2::before {
    height: 370px;
}

.blog-1 .slick-prev::before,
.blog-1 .slick-next::before {
    color: var(--theme-default3);
}

.blog-1 .blog-box {
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 15px 6px rgba(0, 0, 0, 0.03);
    box-shadow: 0 5px 15px 6px rgba(0, 0, 0, 0.03);
    background-color: #ffffff;
    padding-left: 12px;
}
.blog-1 .blog-box .row {
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.blog-1 .blog-box .row > div {
    padding: 0;
}
.blog-1 .blog-box .blog-content {
    padding: 20px 35px;
    height: 100%;
    background-color: #ffffff;
}
.blog-1 .blog-box .blog-content span {
    font-weight: 700;
    color: #3b4249;
}
.blog-1 .blog-box .blog-content h3 {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    background: var(--theme-gradient7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 16px 0 10px;
    font-weight: 700;
    line-height: 1.4;
}
.blog-1 .blog-box .blog-content p {
    color: #647589;
    margin-bottom: 30px;
    line-height: 1.6;
}
.blog-1 .blog-box .blog-content .btn {
    font-weight: 700;
    text-transform: uppercase;
}
.blog-1 .blog-box .img-box {
    position: relative;
}
.blog-1 .blog-box .img-box img {
    min-width: 290px;
    width: 100%;
    border-radius: 8px;
}
.blog-1 .blog-box .img-box::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    -webkit-box-shadow: inset 0px -133px 61px -31px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px -133px 61px -31px rgba(0, 0, 0, 0.6);
    border-radius: 8px;
}

.blog-1 .slick-list {
    margin: -22px -15px;
}
.blog-1 .slick-list .slick-track .slick-slide > div {
    margin: 22px 15px;
}

.blog-1.slick-initialized .slick-slide {
    margin-bottom: 0;
}

.blog-2 {
    margin-bottom: -37px;
}
.blog-2 .slick-list {
    margin: 0 -25px;
}
.blog-2 .slick-list .slick-track .slick-slide > div {
    margin: 0 25px;
}

.blog-wrap {
    background: #ffffff;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.07);
    margin-bottom: 35px;
    overflow: hidden;
}
.blog-wrap .blog-image {
    position: relative;
    overflow: hidden;
}
.blog-wrap .blog-image .bg-size {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.blog-wrap .blog-image .blog-label {
    width: 59px;
    height: 59px;
    border-radius: 2px;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.blog-wrap .blog-image .blog-label h3,
.blog-wrap .blog-image .blog-label span {
    color: #586167;
}
.blog-wrap .blog-image .blog-label h3 {
    margin-bottom: 0;
    line-height: 1;
    font-weight: 600;
}
.blog-wrap .blog-image .blog-label span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
.blog-wrap .blog-details {
    padding: 35px;
}
.blog-wrap .blog-details span,
.blog-wrap .blog-details h5,
.blog-wrap .blog-details a {
    color: #586167;
}
.blog-wrap .blog-details h3 {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    line-height: 1.6;
    margin-top: 10px;
    margin-bottom: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.blog-wrap .blog-details h3 a {
    color: #1c2d3a;
    font-weight: 700;
    line-height: 1.6;
}
.blog-wrap .blog-details h3 a::after {
    display: none;
}
.blog-wrap .blog-details span {
    font-weight: 500;
}
.blog-wrap .blog-details span svg {
    width: 16px;
    vertical-align: bottom;
    stroke-width: 2;
}
.blog-wrap .blog-details p {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.65;
    margin: 5px 0 15px;
    color: rgba(88, 97, 103, 0.7);
}
.blog-wrap .blog-details a {
    text-transform: capitalize;
    display: inline-block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    line-height: 1.9;
    margin-bottom: -10px;
    font-weight: 500;
}
.blog-wrap .blog-details a::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: var(--theme-default5);
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}
.blog-wrap:hover .blog-image .bg-size {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
.blog-wrap:hover .blog-details h3 {
    color: var(--theme-default5);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.blog-wrap:hover .blog-details a {
    color: var(--theme-default5);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.blog-wrap:hover .blog-details a::after {
    width: 100%;
}
.blog-wrap.color-7 .blog-details a::after {
    background: var(--theme-default10);
}
.blog-wrap.color-7:hover .blog-details h3 {
    color: var(--theme-default10);
}
.blog-wrap.color-7:hover .blog-details a {
    color: var(--theme-default10) !important;
}

.blog-sidebar .search-bar {
    position: relative;
}
.blog-sidebar .search-bar input {
    width: 100%;
    border: none;
    padding: 14px 14px 14px 50px;
    background-color: rgba(250, 250, 250, 0.8);
}
.blog-sidebar .search-bar i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 14px;
    color: var(--theme-default3);
}
.blog-sidebar .search-bar i:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background-color: var(--theme-default3);
    opacity: 0.5;
    right: -10px;
    top: 2px;
}

.blog-grid,
.blog-list {
    margin-bottom: -37px;
}
.blog-grid .blog-wrap:hover .blog-details h3,
.blog-list .blog-wrap:hover .blog-details h3 {
    color: var(--theme-default4);
}
.blog-grid .blog-wrap:hover .blog-details a,
.blog-list .blog-wrap:hover .blog-details a {
    color: var(--theme-default4) !important;
}
.blog-grid .blog-wrap .blog-details a::after,
.blog-list .blog-wrap .blog-details a::after {
    background: var(--theme-default4);
}

.blog-list-section .blog-list .blog-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.blog-list-section .blog-list .blog-wrap .blog-image {
    width: 45%;
}
.blog-list-section .blog-list .blog-wrap .blog-image .bg-size {
    height: 100%;
}
.blog-list-section .blog-list .blog-wrap .blog-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-single-detail.theme-card .property-slider .slick-dots {
    display: none !important;
}

  .slick-dots {
     width: 95% !important; 
  }
  
  /* New code */
  .slick-dots ul {
    padding: 0;
  }
  /* End new code */
  
  
  

.property-section
    .property-box
    .property-image
    .property-slider
    .slick-dots
    li
    button::before {
    font-size: 10px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    max-width: 100%; /* Define a largura máxima para 100% da largura da janela */
    margin: 0 auto; 
}
.property-section
    .property-box
    .property-image
    .property-slider
    .slick-dots
    li
    button::before {
    font-size: 8px;
}

.feature-section .property-slider .slick-dots {
    bottom: 10px;
}
.feature-section .property-slider .slick-dots li button:before {
    font-size: 12px;
    color: #ffffff;
    border: 1px solid;
    border-radius: 100%;
}
.feature-section .property-slider .slick-dots li.slick-active button::before {
    color: var(--theme-default3);
}

.property-section .property-box .property-image .property-slider .slick-dots {
    bottom: 10px;
}
.property-section
    .property-box
    .property-image
    .property-slider
    .slick-dots
    li
    button:before {
    font-size: 12px;
    color: #ffffff;
    border: 1px solid;
    border-radius: 100%;
}
.property-section
    .property-box
    .property-image
    .property-slider
    .slick-dots
    li.slick-active
    button::before {
    color: var(--theme-default3);
}

.blog-single-detail.theme-card .property-slider:hover .slick-prev {
    left: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: var(--theme-default3);
    border-radius: 30px;
}
.blog-single-detail.theme-card .property-slider:hover .slick-prev::before {
    content: "\f053";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    opacity: 1;
    line-height: 0.6;
    font-size: 12px;
}

.blog-single-detail.theme-card .property-slider:hover .slick-next {
    right: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: var(--theme-default3);
    border-radius: 30px;
}
.blog-single-detail.theme-card .property-slider:hover .slick-next::before {
    content: "\f054";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    opacity: 1;
    line-height: 0.6;
    font-size: 12px;
}

.blog-single-detail .blog-title .post-detail {
    margin-top: calc(10px + (30 - 10) * ((100vw - 300px) / (1920 - 300)));
}
.blog-single-detail .blog-title .post-detail li {
    color: #959595;
    font-weight: 500;
}
.blog-single-detail .blog-title .post-detail li + li {
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid #eee;
}

.blog-single-detail .blog-title h3 {
    margin-bottom: calc(7px + (15 - 7) * ((100vw - 320px) / (1920 - 320)));
    margin-top: 15px;
    text-transform: capitalize;
    font-weight: 600;
}

.blog-single-detail .details-property p {
    margin-bottom: calc(10px + (25 - 10) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1920 - 300)));
    font-family: Roboto, sans-serif;
}

.blog-single-detail .comment-section h4 {
    font-weight: 500;
    margin-bottom: 20px;
}

.blog-single-detail .comment-section .comment-box .media img {
    width: calc(60px + (70 - 60) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.blog-single-detail .comment-section .comment-box .media .media-body {
    margin-left: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}
.blog-single-detail
    .comment-section
    .comment-box
    .media
    .media-body
    .comment-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.blog-single-detail
    .comment-section
    .comment-box
    .media
    .media-body
    .comment-title
    .comment-user,
.blog-single-detail
    .comment-section
    .comment-box
    .media
    .media-body
    .comment-title
    .comment-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.blog-single-detail
    .comment-section
    .comment-box
    .media
    .media-body
    .comment-title
    .comment-user
    i,
.blog-single-detail
    .comment-section
    .comment-box
    .media
    .media-body
    .comment-title
    .comment-date
    i {
    margin-right: 7px;
    color: rgba(0, 0, 0, 0.5);
}
.blog-single-detail
    .comment-section
    .comment-box
    .media
    .media-body
    .comment-title
    .comment-user
    h6,
.blog-single-detail
    .comment-section
    .comment-box
    .media
    .media-body
    .comment-title
    .comment-date
    h6 {
    color: #3b4249;
    text-transform: capitalize;
    margin-bottom: 0;
    font-weight: 500;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
}
.blog-single-detail
    .comment-section
    .comment-box
    .media
    .media-body
    .comment-title
    .comment-date {
    margin-left: 15px;
}
.blog-single-detail
    .comment-section
    .comment-box
    .media
    .media-body
    .comment-detail
    p {
    margin-bottom: 8px;
    line-height: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300)));
    font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1920 - 300)));
    width: 60%;
}
.blog-single-detail
    .comment-section
    .comment-box
    .media
    .media-body
    .text-end
    a {
    color: #1c2d3a;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.blog-single-detail .comment-section .comment-box .media.inner-comment {
    margin-left: calc(10px + (40 - 10) * ((100vw - 320px) / (1920 - 320)));
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.blog-single-detail .comment-section .comment-box + .comment-box {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.blog-single-detail .leave-comment {
    margin-top: 30px;
}

.blog-single-detail .grid-slider .slick-slide,
.blog-single-detail .main-property-slider .slick-slide {
    margin-bottom: 0;
}

.blog-single-detail .grid-slider .slick-arrow,
.blog-single-detail .main-property-slider .slick-arrow {
    opacity: 0;
}

.blog-single-detail .grid-slider:hover .slick-arrow,
.blog-single-detail .main-property-slider:hover .slick-arrow {
    opacity: 1;
}

.blog-single-detail .grid-slider:hover .slick-prev,
.blog-single-detail .main-property-slider:hover .slick-prev {
    left: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.blog-single-detail .grid-slider:hover .slick-next,
.blog-single-detail .main-property-slider:hover .slick-next {
    right: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

/**=====================
     blog css end
==========================**/
.recrutamento {
    padding-top: 50px;
    position: relative;
}

/* For screen sizes up to 767px */
@media (max-width: 767px) {
    .blog-list-section .blog-list .blog-wrap {
        display: block;
    }
}

/* For screen sizes up to 575px */
@media (max-width: 575px) {
    .blog-grid .blog-wrap,
    .blog-list .blog-wrap {
        margin-bottom: 20px;
    }
}

/* For screen sizes between 576px and 991px */
@media (min-width: 576px) and (max-width: 991px) {
    .blog-grid .blog-wrap,
    .blog-list .blog-wrap {
        margin-bottom: 30px;
    }
}

/* For screen sizes between 992px and 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
    .blog-wrap {
        -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    }
}

@media (max-width: 1460px) {
    .blog-list-section .blog-list .blog-wrap .blog-image {
        width: 100%;
    }
}


.carousel-container {
    position: relative;
    overflow: hidden;
  }
  
  .custom-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1; /* Add this line to adjust the z-index */
  }
  
  .custom-nav-prev,
  .custom-nav-next {
    background: rgba(255, 255, 255, 0.7);
    padding: 6px;
    border-radius: 10%;
    cursor: pointer;
    z-index: 2; /* Add this line to adjust the z-index */
  }
  
  .custom-nav-prev {
    margin-left: 10px;
  }
  
  .custom-nav-next {
    margin-right: 10px;
  }

  .buttons-container {
    padding: 10px; /* Adjust the value as needed for both horizontal and vertical spacing */
  }
  
  /* Add spacing between buttons using margin */
  .buttons-container button {
    margin-right: 10px; /* Adjust the value as needed for vertical spacing */
  }

  .selected-location-option {
    background-color: black;
    color: white;
  }

  .selected-location-option a {
    color: white !important; /* Add !important to ensure the style is applied */
  }

  .property-section {
    position: relative !important;
    z-index: 1 !important;
  }
  


.v-application .v-field {
    /* Your custom styles for the v-field container go here */
    margin-bottom: 20px;
}

 .v-field  {
    /* Your custom styles for the label go here */
    color: red;
}

.v-application .v-field .v-input {
    /* Your custom styles for the input container go here */
    border: 2px solid red;
}

.v-select__selection-text {
    /* Your custom styles for the validation messages go here */
    color: green;
}