.breadcrumb-section .breadcrumb-content,
.label-heart,
.about-section .about-wrap .about-content .about-image .overlay-content ul li a,
.about-box .agent-image .overlay-agent .agent-details ul li a,
.service-section .property-service > div .service-box .icon-round,
.service-slider .service-wrapper .top-img-box > div,
.feature-section .feature-1 .feature-wrapper .property-details .round-half,
.feature-section .feature-1 .feature-wrapper .feature-image,
.feature-section .feature-image .feature-overlay,
.property-section .property-box .property-image .overlay-property-box,
.property-section .property-box .property-image .overlay-property-box .effect-round,
.property-section .property-box .property-image .overlay-property-box .effect-round1,
.property-section .property-box .property-image .overlay-plus,
.property-section .property-box .property-details .icon-property li .d-flex .property-icon,
.play-bg-image .icon-video,
.modern-dot .slick-dots,
.client-slider .user-list li .heart-bg,
.coming-soon .coming-soon-detail .timer li > div,
.coming-soon .coming-soon-detail .timer li + li::before,
.customizer-links,
.header-layout-3,
.footer-bg .footer-details .icon-list li a,
.my-gallery .find-cities .citi-overlay,
.offer-section .offer-wrapper .media .offer-icon,
.video-section .play-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,
.property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon,
.property-wizard .wizard-box .wizard-form-details .complete-details,
.card-payment .payment-card .card-details .valid-detail,
.card-payment .payment-card .edit-card,
.card-payment .payment-card.add-card .card-details,
.tap-top > div,
.home-section,
.layout-home2 .home-main,
.layout-home3 .bg-layout-3,
.layout-home4 .slider-image,
.layout-home4 .sync-slider .home-nav .slider-image,
.layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
    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;
}

.feature-section.feature-bg,
.feature-section .feature-1 .feature-wrapper .feature-image,
.bg-comman-2::before,
.arrow-image .slick-arrow,
.testimonial-bg,
.footer-bg,
.video-section,
.subscribe-section,
.banner-section,
.layout-home2 .home-main,
.layout-home3 .bg-layout-3,
.layout-home4 .slider-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.btn.btn-white span,
.label.label-white .gradient-1,
.banner-1 .big-gradient {
    background: var(--theme-gradient2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.customizer-wrap .customizer-contain h6::before,
.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-3:hover::before,
.btn.btn-light-bg.color-7:hover::before,
.btn.btn-dashed:hover::after,
.label.label-light::after,
.label-heart::after,
.about-box .agent-image .overlay-agent::after,
.service-section .property-service > div .service-box .icon-round::before,
.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,
.service-slider .service-wrapper .top-img-box > div::after,
.feature-section .feature-image .label-solid::after,
.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 .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .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,
.pagination-tab.nav-tabs .nav-item .nav-link::after,
.dot-gradient .slick-dots li.slick-active button::after,
.arrow-gradient .slick-arrow::after,
.arrow-gradient .slick-arrow:hover::after,
.arrow-gradient .slick-arrow:focus::after,
.modern-client .comment-right .slick-arrow::after,
.coming-simple .site-construction .progress::after,
header.header-4 .menu .header-right li > a::after,
header.header-4 .menu .header-right li .search-box .form-group::before,
header.header-4 .menu .header-right li .search-box .form-group::after,
.footer-bg .footer-links .footer-content .input-group .input-group-text::after,
.pricing-section .pricing-box .price .label.label-light::before,
.pricing-section .pricing-box:hover .price .label-light::after,
.icon-video a::after,
.subscribe-section .video-details .form-group::after,
.agent-section .our-agent-details ul li.with-link .media .icons-square::after,
.tap-top::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**=====================
     Typography css start
==========================**/
body {
    font-family: 'Varela Round', 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;
}

a.text-color-1:hover,
a.text-color-1:focus {
    color: var(--theme-default) !important;
}

a.text-color-2:hover,
a.text-color-2:focus {
    color: var(--theme-default3) !important;
}

a.text-color-3:hover,
a.text-color-3:focus {
    color: var(--theme-default5) !important;
}

a.text-color-4:hover,
a.text-color-4:focus {
    color: var(--theme-default7) !important;
}

a.text-color-7:hover,
a.text-color-7:focus {
    color: var(--theme-default10) !important;
}

button,
.btn {
    font-family: 'Varela Round', 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: 'Varela Round', 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;
    text-transform: capitalize;
}

h2 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.001em;
    line-height: 1.1;
      /* text-transform: capitalize; */
    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;
      /* text-transform: capitalize; */

}

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;
}

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

.section-sm {
    padding: 40px 0 0;
}

.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
    border-radius: 13px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.02);
    box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.02);
    background-color: #ffffff;
}

.p-t-40 {
    padding-top: 40px;
}

.column-space {
    margin-bottom: -50px;
}

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

.shadow-cls {
    -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);
}

.radius-cls {
    border-radius: 20px;
}

.card-header {
    padding: 20px;
}

.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 .card-header {
    padding-top: 0;
}

.theme-card .card-header h5 {
    margin-bottom: 0;
}

.theme-card .card-header,
.theme-card .card-body {
    padding-left: 0;
    padding-right: 0;
}

.theme-card .card-body {
    padding-top: 20px;
}

.theme-card + .theme-card {
    margin-top: 45px;
}

.f-w-600 {
    font-weight: 600;
}

/**=====================
     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;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.p-25 {
    padding: 25px;
}

.p-30 {
    padding: 30px;
}

.p-35 {
    padding: 35px;
}

.p-40 {
    padding: 40px;
}

.p-45 {
    padding: 45px;
}

.p-50 {
    padding: 50px;
}

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

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-25 {
    padding-left: 25px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-l-35 {
    padding-left: 35px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-l-45 {
    padding-left: 45px;
}

.p-l-50 {
    padding-left: 50px;
}

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

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-25 {
    padding-top: 25px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-35 {
    padding-top: 35px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-45 {
    padding-top: 45px;
}

.p-t-50 {
    padding-top: 50px;
}

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

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-15 {
    padding-bottom: 15px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-25 {
    padding-bottom: 25px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-35 {
    padding-bottom: 35px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-45 {
    padding-bottom: 45px;
}

.p-b-50 {
    padding-bottom: 50px;
}

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

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-25 {
    padding-right: 25px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-r-35 {
    padding-right: 35px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-r-45 {
    padding-right: 45px;
}

.p-r-50 {
    padding-right: 50px;
}

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

.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.m-15 {
    margin: 15px;
}

.m-20 {
    margin: 20px;
}

.m-25 {
    margin: 25px;
}

.m-30 {
    margin: 30px;
}

.m-35 {
    margin: 35px;
}

.m-40 {
    margin: 40px;
}

.m-45 {
    margin: 45px;
}

.m-50 {
    margin: 50px;
}

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

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-35 {
    margin-top: 35px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-45 {
    margin-top: 45px;
}

.m-t-50 {
    margin-top: 50px;
}

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
    margin-bottom: 0px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-35 {
    margin-bottom: 35px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-45 {
    margin-bottom: 45px;
}

.m-b-50 {
    margin-bottom: 50px;
}

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
    margin-left: 0px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-l-35 {
    margin-left: 35px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-l-45 {
    margin-left: 45px;
}

.m-l-50 {
    margin-left: 50px;
}

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

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-r-35 {
    margin-right: 35px;
}

.m-r-40 {
    margin-right: 40px;
}

.m-r-45 {
    margin-right: 45px;
}

.m-r-50 {
    margin-right: 50px;
}

/*====== Margin-right css ends ======*/
/*====== Image-sizes css starts ======*/
.img-10 {
    width: 10px;
}

.img-20 {
    width: 20px;
}

.img-30 {
    width: 30px;
}

.img-40 {
    width: 40px;
}

.img-50 {
    width: 50px;
}

.img-60 {
    width: 60px;
}

.img-70 {
    width: 70px;
}

.img-80 {
    width: 80px;
}

.img-90 {
    width: 90px;
}

.img-100 {
    width: 100px;
}

/*====== 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_36 .bg-size:before {
    padding-top: 36%;
    content: "";
    display: block;
}

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

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

.ratio2_1 .bg-size:before {
    padding-top: 50%;
    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;
}

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

.ratio_59 .bg-size:before {
    padding-top: 59%;
    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_90 .bg-size:before {
    padding-top: 93%;
    content: "";
    display: block;
}

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

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

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

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

.ratio1_2 .bg-size:before {
    padding-top: 200%;
    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;
    }
}

/**=====================
     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-sm {
    height: auto;
    background-image: var(--theme-gradient7);
}

.breadcrumb-section.breadcrumb-sm .breadcrumb-content {
    height: unset;
    padding: 0;
}

.breadcrumb-section.breadcrumb-sm .breadcrumb-content > div {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.breadcrumb-section.breadcrumb-sm .breadcrumb-content > div h2 {
    margin-bottom: 0;
    line-height: 1.3;
    margin-top: -6px;
}

.breadcrumb-section.breadcrumb-sm .breadcrumb-content > div nav {
    padding-top: 1px;
}

.breadcrumb-section.breadcrumb-sm .breadcrumb-content > div nav .breadcrumb {
    margin-bottom: 0;
}

.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-section .breadcrumb-content div .breadcrumb .breadcrumb-item {
    line-height: 1.4;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: rgba(255, 255, 255, 0.8);
    text-transform: capitalize;
    font-weight: 500;
    font-family: Rubik, sans-serif;
}

.breadcrumb-section .breadcrumb-content div .breadcrumb .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.8);
}

.breadcrumb-section .breadcrumb-content div .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    content: "\f101";
    color: rgba(255, 255, 255, 0.8);
}

.breadcrumb-section .breadcrumb-content.breadcrumb-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}

.effect-cls.breadcrumb-section {
    height: calc(300px + (580 - 300) * ((100vw - 320px) / (1920 - 320)));
}

.effect-cls:after {
    content: "";
    position: absolute;
    background: url(../images/effect.png);
    bottom: -12px;
    width: 100%;
    height: 110px;
    left: 0;
    z-index: 1;
}

/**=====================
     breadcrumb css end
==========================**/
/**=====================
     buttons css start
==========================**/
.btn {
    font-weight: 600;
    text-transform: capitalize;
    padding: 8px 30px 7px;
    border-radius: 8px;
    font-size: 14px;
    position: relative;
}

.btn.btn-sm {
    padding: 8px 20px;
    font-size: 13px;
}

.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: var(--theme-default10);
}

.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: var(--theme-tera2);
}

.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: var(--theme-tera2);
    text-transform: uppercase
}

.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;
    background: var(--theme-tera1);
}

.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.color-6 {
    background-image: var(--theme-gradient10);
}

.btn.btn-gradient.color-6::after {
    opacity: 0.3;
    -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default8);
    box-shadow: -5.15px 8.572px 25px var(--theme-default8);
}

.btn.btn-gradient.color-6:hover {
    background-position: right center;
}

.btn.btn-gradient.color-6:not(:disabled):not(.disabled):active,
.btn.btn-gradient.color-6:not(:disabled):not(.disabled).active {
    background-image: var(--theme-gradient10);
}

.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-3 {
    color: var(--theme-default5);
}

.btn.btn-light-bg.color-3 span {
    color: var(--theme-default5);
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.btn.btn-light-bg.color-3::after {
    background-color: var(--theme-default5);
}

.btn.btn-light-bg.color-3:hover {
    border: 2px solid transparent;
}

.btn.btn-light-bg.color-3:hover span {
    color: #ffffff;
}

.btn.btn-light-bg.color-3:hover::after {
    opacity: 1;
    z-index: -1;
}

.btn.btn-light-bg.color-3:hover::before {
    -webkit-box-shadow: 0px 10px 12.5px var(--theme-default5);
    box-shadow: 0px 10px 12.5px var(--theme-default5);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.35;
}

.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-white.color-6 {
    border: 2px solid transparent;
}

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

.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-dashed.color-6:hover {
    border-color: var(--theme-default9);
    color: var(--theme-default9);
}

.btn.btn-dashed.color-6:hover::after {
    background: var(--theme-default9);
}

.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)));
}

.btns {
    margin-bottom: -10px;
}

.btns .btn {
    margin-bottom: 10px;
}

.theme-buttons {
    margin-bottom: -15px;
}

.theme-buttons > div {
    margin-left: -15px;
}

.theme-buttons > div .btn {
    margin-bottom: 15px;
}

.theme-buttons > div .btn + .btn {
    margin-left: 15px;
}

.btn-outline-light {
    color: #3b4249;
}

.btn-showcase .theme-card .card-header {
    margin-top: -3px;
}

.btn-showcase .card-body {
    margin-bottom: -10px;
}

.btn-showcase .card-body .btn {
    margin-bottom: 10px;
}

.custom-dropdown {
    position: relative;
}

.custom-dropdown .custom-dropdown-menu {
    width: 350px;
    padding: 20px;
    right: 0;
    -webkit-box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 4px;
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
}

.custom-dropdown .custom-dropdown-menu form .checkbox_animated ~ span {
    vertical-align: -1px;
}

.custom-dropdown .custom-dropdown-menu.show {
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
    display: block;
}

/**=====================
     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-gradient.color-6 {
    background-image: var(--theme-gradient12);
}

.label.label-solid {
    background: var(--theme-default2);
}

.label.label-solid.color-3 {
    background: var(--theme-default5);
}

.label.label-solid.color-6 {
    background: var(--theme-default9);
}

.label.label-solid.color-7 {
    background: var(--theme-default10);
}

.label.label-success {
    background: #89c826;
}

.label.label-danger {
    background: #f13439;
}

.label.label-shadow {
    background-color: var(--theme-tera2);
    -webkit-box-shadow: 0 0 9px 3px rgba(8, 8, 8, 0.2);
    box-shadow: 0 0 9px 3px rgba(8, 8, 8, 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-3 {
    color: var(--theme-default5);
}

.label.label-light.color-3::after {
    background-color: var(--theme-default5);
    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-pill::after {
    border-radius: 9px;
}

.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 .gradient-1.color-6 {
    background: var(--theme-gradient11);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.label.label-white.color-3 {
    color: var(--theme-default5);
}

.label.label-white.color-6 {
    color: var(--theme-default9);
}

.label.label-white.color-7 {
    color: var(--theme-default10);
}

.label.label-dark {
    background: #1c2d3a;
}

.label.label-pill {
    border-radius: 9px;
}

.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;
}

.label.label-lg.label-pill {
    border-radius: 23px;
}

.theme-label .card-header h5 {
    margin-top: -3px;
}

.theme-label .card-body {
    margin-bottom: -15px;
}

.theme-label .card-body .label {
    margin-bottom: 15px;
}

.label-heart {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    position: relative;
}

.label-heart i {
    font-size: 14px;
    margin: 0 0px -2px 0;
}

.label-heart::after {
    border-radius: 100%;
}

.label-heart.color-7 {
    color: var(--theme-default10);
}

.label-heart.color-7::after {
    opacity: 0.1;
    background-color: var(--theme-default10);
}

.label-heart.color-6 {
    color: var(--theme-default9);
}

.label-heart.color-6::after {
    opacity: 0.1;
    background-color: var(--theme-default9);
}

.label-heart.color-4 {
    color: var(--theme-default7);
}

.label-heart.color-4::after {
    opacity: 0.1;
    background-color: var(--theme-default7);
}

.label-heart.color-1 {
    color: var(--theme-default2);
}

.label-heart.color-1::after {
    opacity: 0.1;
    background-color: var(--theme-default);
}

.label-heart.color-2 {
    color: var(--theme-default3);
}

.label-heart.color-2::after {
    opacity: 0.12;
    background-color: var(--theme-default3);
}

.label-heart.color-3 {
    color: var(--theme-default5);
}

.label-heart.color-3::after {
    opacity: 0.12;
    background-color: var(--theme-default5);
}

/**=====================
     labels css end
==========================**/
/* NOT PART OF COMMON SLIDER STYLES */
/* COLORFUL SWITCH STYLES 
     ORIGINAL DEMO - https://codepen.io/suez/pen/WQjwOb */
.fnc-slider {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 100vh;
    min-height: 800px;
}

.fnc-slider * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fnc-slider *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fnc-slider *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fnc-slider .m--blend-dark .fnc-slide__inner {
    background-color: #05213d;
}

.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
    background-color: #05213d;
}

.fnc-slider .m--navbg-dark {
    background-color: var(--theme-default2);
}

.fnc-slider .m--navbg-green {
    background-color: var(--theme-default2);
}

.fnc-slider .m--navbg-red {
    background-color: var(--theme-default2);
}

.fnc-slider .m--blend-blue .fnc-slide__inner {
    background-color: #59aecb;
}

.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
    background-color: #2D7791;
}

.fnc-slider .m--navbg-blue {
    background-color: #2D7791;
}

.fnc-slider__slides {
    position: relative;
    height: 100%;
    -webkit-transition: -webkit-transform 1s 0.6666666667s;
    transition: -webkit-transform 1s 0.6666666667s;
    transition: transform 1s 0.6666666667s;
    transition: transform 1s 0.6666666667s, -webkit-transform 1s 0.6666666667s;
}

.fnc-slide {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fnc-slide.m--before-sliding {
    z-index: 2 !important;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.fnc-slide.m--active-slide {
    z-index: 1;
    -webkit-transition: -webkit-transform 1s 0.6666666667s ease-in-out;
    transition: -webkit-transform 1s 0.6666666667s ease-in-out;
    transition: transform 1s 0.6666666667s ease-in-out;
    transition: transform 1s 0.6666666667s ease-in-out, -webkit-transform 1s 0.6666666667s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fnc-slide__inner {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center top;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.m--global-blending-active .fnc-slide__inner {
    background-blend-mode: luminosity;
}

.m--blend-bg-active .fnc-slide__inner {
    background-blend-mode: luminosity;
}

.m--before-sliding .fnc-slide__inner {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.m--before-sliding .fnc-slide__mask {
    -webkit-transform: rotate(-10deg) translate3d(200px, 0, 0);
    transform: rotate(-10deg) translate3d(200px, 0, 0);
    opacity: 0;
}

.m--before-sliding .fnc-slide__mask-inner {
    -webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
    transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}

.m--before-sliding .fnc-slide__heading-line {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.m--before-sliding .fnc-slide__heading-line span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.m--active-slide .fnc-slide__inner {
    -webkit-transition: -webkit-transform 1s 0.6666666667s ease-in-out;
    transition: -webkit-transform 1s 0.6666666667s ease-in-out;
    transition: transform 1s 0.6666666667s ease-in-out;
    transition: transform 1s 0.6666666667s ease-in-out, -webkit-transform 1s 0.6666666667s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.m--active-slide .fnc-slide__mask {
    -webkit-transition: opacity 0.35s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
    transition: opacity 0.35s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
    transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s;
    transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.m--active-slide .fnc-slide__mask-inner {
    -webkit-transition: -webkit-transform 0.7s 1.2222222222s;
    transition: -webkit-transform 0.7s 1.2222222222s;
    transition: transform 0.7s 1.2222222222s;
    transition: transform 0.7s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.m--active-slide .fnc-slide__heading-line {
    -webkit-transition: -webkit-transform 1.5s 1s;
    transition: -webkit-transform 1.5s 1s;
    transition: transform 1.5s 1s;
    transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.m--active-slide .fnc-slide__heading-line span {
    -webkit-transition: -webkit-transform 1.5s 1s;
    transition: -webkit-transform 1.5s 1s;
    transition: transform 1.5s 1s;
    transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.fnc-slide__mask {
    overflow: hidden;
    z-index: 1;
    position: absolute;
    right: 60%;
    top: 15%;
    width: 50.25vh;
    height: 67vh;
    margin-right: -90px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.m--previous-slide .fnc-slide__mask {
    -webkit-transition: opacity 0.35s 0.6833333333s, -webkit-transform 0.7s 0.3333333333s;
    transition: opacity 0.35s 0.6833333333s, -webkit-transform 0.7s 0.3333333333s;
    transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s;
    transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s, -webkit-transform 0.7s 0.3333333333s;
    -webkit-transform: rotate(10deg) translate3d(-200px, 0, 0);
    transform: rotate(10deg) translate3d(-200px, 0, 0);
    opacity: 0;
}

.m--previous-slide .fnc-slide__mask-inner {
    -webkit-transition: -webkit-transform 0.7s 0.3333333333s;
    transition: -webkit-transform 0.7s 0.3333333333s;
    transition: transform 0.7s 0.3333333333s;
    transition: transform 0.7s 0.3333333333s, -webkit-transform 0.7s 0.3333333333s;
    -webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
    transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}

.m--previous-slide .fnc-slide__heading-line {
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.m--previous-slide .fnc-slide__heading-line span {
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.fnc-slide__mask-inner {
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100vw;
    height: 100vh;
    min-height: 800px;
    margin-left: -50vw;
    margin-top: -50vh;
    background-size: cover;
    background-position: center center;
    background-blend-mode: luminosity;
    -webkit-transform-origin: 50% 16.5vh;
    transform-origin: 50% 16.5vh;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.fnc-slide__content {
    z-index: 2;
    position: absolute;
    left: 40%;
    top: 32%;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.5);
}

.fnc-slide__heading {
    margin-bottom: 15px;
    text-transform: uppercase;
}

.fnc-slide__heading-line {
    overflow: hidden;
    position: relative;
    padding-right: 20px;
    font-size: 100px;
    color: #1c2d3a;
    word-spacing: 10px;
    display: block;
}

.fnc-slide__heading-line span {
    display: block;
}

.fnc-slide__action-btn {
    position: relative;
    margin: auto;
    padding: 19px 22px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #ffffff;
    border-radius: 28px;
    line-height: 4;
}

.fnc-slide__action-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: rgba(28, 45, 58, 0.5);
    width: 55px;
    height: 54px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.fnc-slide__action-btn span {
    position: relative;
    font-size: 14px;
    line-height: 6;
    font-weight: 900;
    letter-spacing: .25em;
    text-transform: uppercase;
    vertical-align: middle;
    color: #1c2d3a;
}

.fnc-slide__action-btn svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke: #1c2d3a;
    stroke-width: 2;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.fnc-slide__action-btn:hover:before {
    width: 100%;
    background: #1c2d3a;
}

.fnc-slide__action-btn:hover svg {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    stroke: #ffffff;
}

.fnc-slide__action-btn:hover span {
    color: #ffffff;
}

.fnc-slide__action-btn:active {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
}

.fnc-nav {
    z-index: 5;
    position: absolute;
    right: 0;
    bottom: 0;
}

.fnc-nav__bgs {
    z-index: -1;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.fnc-nav__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.fnc-nav__bg.m--nav-bg-before {
    z-index: 2 !important;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.fnc-nav__bg.m--active-nav-bg {
    z-index: 1;
    -webkit-transition: -webkit-transform 1s 0.6666666667s;
    transition: -webkit-transform 1s 0.6666666667s;
    transition: transform 1s 0.6666666667s;
    transition: transform 1s 0.6666666667s, -webkit-transform 1s 0.6666666667s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.fnc-nav__controls {
    font-size: 0;
}

.fnc-nav__control {
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 110px;
    height: 50px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.fnc-nav__control.m--active-control {
    background: #1F2833;
}

.fnc-nav__control-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.m--with-autosliding .m--active-control .fnc-nav__control-progress {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.m--prev-control .fnc-nav__control-progress {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.5s !important;
    transition: -webkit-transform 0.5s !important;
    transition: transform 0.5s !important;
    transition: transform 0.5s, -webkit-transform 0.5s !important;
}

.m--reset-progress .fnc-nav__control-progress {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0s 0s !important;
    transition: -webkit-transform 0s 0s !important;
    transition: transform 0s 0s !important;
    transition: transform 0s 0s, -webkit-transform 0s 0s !important;
}

.m--autosliding-blocked .fnc-nav__control-progress {
    -webkit-transition: all 0s 0s !important;
    transition: all 0s 0s !important;
    -webkit-transform: scaleX(0) !important;
    transform: scaleX(0) !important;
}

.demo-cont__credits {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 100%;
    padding: 20px 10px 30px;
    background: #303030;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    -webkit-transition: -webkit-transform 0.7s;
    transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    transition: transform 0.7s, -webkit-transform 0.7s;
    -webkit-transform: translate3d(100%, 0, 0) rotateY(-45deg);
    transform: translate3d(100%, 0, 0) rotateY(-45deg);
    will-change: transform;
}

.demo-cont__credits * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.demo-cont__credits *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.demo-cont__credits *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.credits-active .demo-cont__credits {
    -webkit-transition: -webkit-transform 0.7s 0.2333333333s;
    transition: -webkit-transform 0.7s 0.2333333333s;
    transition: transform 0.7s 0.2333333333s;
    transition: transform 0.7s 0.2333333333s, -webkit-transform 0.7s 0.2333333333s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.credits-active .example-slider {
    -webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
    transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}

.example-slider {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.7s;
    transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    transition: transform 0.7s, -webkit-transform 0.7s;
}

.example-slider .fnc-slide-1 .fnc-slide__inner {
    background-image: url("../images/layout/1.jpg");
}

.example-slider .fnc-slide-1 .fnc-slide__mask-inner {
    background-image: url("../images/layout/1.jpg");
}

.example-slider .fnc-slide-2 .fnc-slide__inner {
    background-image: url("../images/layout/2.jpg");
}

.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
    background-image: url("../images/layout/2.jpg");
}

.example-slider .fnc-slide-3 .fnc-slide__inner {
    background-image: url("../images/property/1.jpg");
}

.example-slider .fnc-slide-3 .fnc-slide__inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
}

.example-slider .fnc-slide-3 .fnc-slide__mask-inner {
    background-image: url("../images/property/1.jpg");
}

.example-slider .fnc-slide-4 .fnc-slide__inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.example-slider .fnc-slide__heading {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.example-slider .fnc-slide__action-btn {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.example-slider .fnc-nav__control {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

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

input:focus {
    outline: none;
}

form label,
form .form-control {
    display: block;
    width: 100%;
    padding: 0.4rem 2.25rem 0.4rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    /*line-height: 0.5;*/
    color: #212529;
    border: 1px solid #e9e9e9;
}

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;
}

.alert-success {
    max-width: 350px;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(https://themes.pixelstrap.com/sheltos/assets/images/icon/error.svg);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.was-validated .form-control:invalid:focus,
.was-validated .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .custom-select.is-invalid:focus {
    border-bottom-color: #dc3545;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.was-validated .form-control:valid:focus,
.was-validated .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .custom-select.is-valid:focus {
    border-bottom-color: #28a745;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.animate-rdi {
    margin-left: 45px;
}

.animate-rdi .col {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.animate-rdi label {
    color: #ffffff;
    margin-bottom: 0;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    margin-right: 47px;
    font-weight: 600;
    cursor: pointer;
}

.animate-rdi .radio_animated:after {
    background: #2b2f31;
}

.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-3:before {
    border: 2px solid var(--theme-default5);
    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-6:before {
    border: 2px solid var(--theme-default8);
    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;
}

.radio_animated {
    position: relative;
    margin: 0 20px 0 0;
    cursor: pointer;
}

.radio_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: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: -8px;
    left: 2px;
    z-index: 1;
    width: 7px;
    height: 7px;
    background: #ff5c41;
    border-radius: 50%;
}

.radio_animated:after {
    content: "";
    position: absolute;
    top: -12px;
    left: -0.125rem;
    width: 15px;
    height: 15px;
    background: #ffffff;
    border: 5px solid rgba(255, 92, 65, 0.3);
    border-radius: 50%;
}

.radio_animated:checked:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

input[type='radio'].radio_animated {
    -webkit-appearance: none;
}

.signup-modal .modal-content {
    overflow: hidden;
}

.signup-modal .modal-body {
    padding: 0;
}

.signup-modal .login-img {
    height: 100%;
}

.signup-modal .signup-tab {
    padding: 40px 50px;
}

.signup-modal .signup-tab .nav-tabs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: none;
}

.signup-modal .signup-tab .nav-tabs .nav-link {
    border: 1px solid #eee;
    border-radius: 0;
    font-weight: 500;
}

.signup-modal .signup-tab .nav-tabs .nav-item + .nav-item {
    margin-left: -1px;
}

.signup-modal .signup-tab h4 {
    margin-top: 30px;
    margin-bottom: 20px;
    color: #586167;
    font-weight: 600;
}

.signup-modal .signup-tab form a {
    color: rgba(88, 97, 103, 0.7);
}

.signup-modal .signup-tab form a:hover,
.signup-modal .signup-tab form a:focus {
    text-decoration: underline;
}

.signup-modal .signup-tab form .form-group svg {
    width: 22px;
    height: 22px;
}

.signup-modal .signup-tab form .form-group svg,
.signup-modal .signup-tab form .form-group i {
    color: #586167;
}

.signup-modal .signup-tab form span {
    color: #586167;
    display: inline-block;
    vertical-align: -1px;
}

.theme-tab-3 .nav-tabs .nav-link {
    color: var(--theme-default5);
}

.theme-tab-3 .nav-tabs .nav-link.active {
    background-color: var(--theme-default5);
    color: #ffffff;
}

.theme-tab-3 .nav-tabs .nav-item.show .nav-link {
    background-color: var(--theme-default5);
    color: #ffffff;
}

.theme-tab-4 .nav-tabs .nav-link {
    color: var(--theme-default7);
}

.theme-tab-4 .nav-tabs .nav-link.active {
    background-image: var(--theme-gradient9);
    color: #ffffff;
}

.theme-tab-4 .nav-tabs .nav-item.show .nav-link {
    background-image: var(--theme-gradient9);
    color: #ffffff;
}

.theme-tab-5 .nav-tabs .nav-link {
    color: var(--theme-default10);
}

.theme-tab-5 .nav-tabs .nav-link.active {
    background-color: var(--theme-default10);
    color: #ffffff;
}

.theme-tab-5 .nav-tabs .nav-item.show .nav-link {
    background-color: var(--theme-default10);
    color: #ffffff;
}

.property-wizard.horizontal-wizard .wizard-box > div {
    margin: 0 auto;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin: -10px;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li {
    display: inline-block;
    margin: 10px;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in {
    margin-top: 50px;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in form .form-control {
    text-transform: inherit;
    border-radius: 0;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in .next-btn {
    margin-top: 20px;
    margin-bottom: 0;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p {
    margin-bottom: 0;
    color: rgba(88, 97, 103, 0.4);
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p a {
    margin-left: 15px;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details form {
    margin-bottom: 0;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .wizard-step-3 .next-btn {
    margin-top: 35px;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content h3 {
    color: #586167;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 10px;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content ul li {
    display: block;
    font-family: Roboto, sans-serif;
    color: #586167;
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content ul li span {
    color: var(--theme-default3);
}

.property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content + .account-content {
    margin-left: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.log-in.row > div {
    margin: 0 auto;
}

.log-in .divider {
    text-align: center;
    position: relative;
    margin: 20px 0;
    z-index: 1;
}

.log-in .divider h6 {
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 0;
    text-transform: uppercase;
    background-color: #ffffff;
}

.log-in .divider::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #eee;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}

.log-in .title-3 {
    margin-bottom: 30px;
}

.log-in .title-3 h2 {
    position: relative;
    font-weight: 600;
}

.log-in .title-3 h2::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background-color: var(--theme-default3);
    left: 0;
    bottom: -8px;
}

.log-in form .form-group {
    margin-bottom: 30px;
}

.log-in form .form-group .input-group .input-group-text {
    padding-left: 0;
    padding-right: 0;
}

.log-in form .form-group .input-group .input-group-text svg {
    height: 16px;
}

.log-in form .form-group .input-group i {
    font-size: 14px;
}

.log-in form .form-group .input-group .input-group-text {
    background-color: transparent;
    border: none;
}

.log-in form .form-group .input-group input {
    border: none;
    border-bottom: 1px solid #eee;
}

.log-in form .form-group .input-group input::-webkit-input-placeholder {
    color: #959595;
}

.log-in form .form-group .input-group input::-moz-placeholder {
    color: #959595;
}

.log-in form .form-group .input-group input:-ms-input-placeholder {
    color: #959595;
}

.log-in form .form-group .input-group input::-ms-input-placeholder {
    color: #959595;
}

.log-in form .form-group .input-group input::placeholder {
    color: #959595;
}

.log-in form .form-group .input-group input ~ .input-group-text {
    border-bottom: 1px solid #eee;
}

.log-in form .form-group .input-group .input-group-apend .input-group-text {
    border-bottom: 1px solid #eee;
    height: 100%;
}

.log-in form .form-group textarea {
    border: none;
    border-bottom: 1px solid #eee;
    color: #959595;
    padding-left: 5px;
    padding-right: 5px;
}

.log-in form .form-group .important-note {
    color: rgba(88, 97, 103, 0.4);
    font-family: Rubik, sans-serif;
    padding-left: 35px;
    margin-top: 5px;
}

.log-in form .d-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.log-in form .d-flex a {
    color: rgba(88, 97, 103, 0.7);
}

.log-in h6 {
    color: #586167;
    margin-bottom: 20px;
    font-weight: 600;
}

.log-in .social-connect > div:nth-child(n+3) {
    margin-top: 15px;
}

.btn-social {
    padding: 0;
    width: 100%;
    text-align: left;
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn-social i {
    padding: 11px 12px 12px 11px;
}

.btn-social span {
    padding: 8px 15px 7px;
    display: inline-block;
}

.btn-social:hover,
.btn-social:focus {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #ffffff;
}

.btn-social.facebook {
    background-color: #3b5998;
}

.btn-social.facebook i,
.btn-social.facebook:hover,
.btn-social.facebook:focus {
    background-color: #344e86;
}

.btn-social.google {
    background-color: #dd4b39;
}

.btn-social.google i,
.btn-social.google:hover,
.btn-social.google:focus {
    background-color: #d73925;
}

.btn-social.twitter {
    background-color: #55acee;
}

.btn-social.twitter i,
.btn-social.twitter:hover,
.btn-social.twitter:focus {
    background-color: #3ea1ec;
}

.btn-social.linkedin {
    background-color: #007bb6;
}

.btn-social.linkedin i,
.btn-social.linkedin:hover,
.btn-social.linkedin:focus {
    background-color: #006a9d;
}

.captcha {
    background-color: #f9f9f9;
    border: 2px solid #eee;
    border-radius: 5px;
    color: #3b4249;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.captcha .spinner {
    position: relative;
    width: 2em;
    height: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2em 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.captcha input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.captcha input[type="checkbox"] + .checkmark {
    display: inline-block;
    width: 2em;
    height: 2em;
    background-color: #fcfcfc;
    border: 2.5px solid #eee;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.captcha input[type="checkbox"] + .checkmark span {
    content: '';
    position: relative;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .75em;
    height: 1.2em;
    opacity: 0;
}

.captcha input[type="checkbox"] + .checkmark > span:after {
    content: '';
    position: absolute;
    display: block;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #029f56;
}

.captcha input[type="checkbox"] + .checkmark > span:before {
    content: '';
    position: absolute;
    display: block;
    width: 3px;
    bottom: 0;
    right: 0;
    background-color: #029f56;
}

.captcha input[type="checkbox"]:checked + .checkmark {
    -webkit-animation: 2s spincaptcha forwards;
    animation: 2s spincaptcha forwards;
}

.captcha input[type="checkbox"]:checked + .checkmark > span {
    -webkit-animation: 1s fadein 1.9s forwards;
    animation: 1s fadein 1.9s forwards;
}

.captcha input[type="checkbox"]:checked + .checkmark > span:after {
    -webkit-animation: .3s bottomslide 2s forwards;
    animation: .3s bottomslide 2s forwards;
}

.captcha input[type="checkbox"]:checked + .checkmark > span:before {
    -webkit-animation: .5s rightslide 2.2s forwards;
    animation: .5s rightslide 2.2s forwards;
}

.captcha .logo {
    margin-left: 50px;
    margin-right: 13px;
    text-align: center;
}

.captcha .logo img {
    height: 2em;
    width: 2em;
}

.captcha .logo p {
    color: rgba(88, 97, 103, 0.4);
    margin: 0;
    font-size: 1em;
    font-weight: 700;
    margin: .4em 0 .2em 0;
}

.captcha .logo small {
    color: rgba(88, 97, 103, 0.4);
    margin: 0;
    font-size: .8em;
}

.captcha ::-moz-selection {
    background-color: transparent;
    color: teal;
}

.captcha ::selection {
    background-color: transparent;
    color: teal;
}

.captcha ::-moz-selection {
    background-color: transparent;
    color: teal;
}

/**=====================
     form css end
==========================**/
/**=====================
     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;
}

.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
==========================**/
/**=====================
     about css start
==========================**/
.about-section .about-wrap .about-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-section .about-wrap .about-content.row {
    margin: 0;
}

.about-section .about-wrap .about-content.row > div {
    padding: 0;
}

.about-section .about-wrap .about-content .about-image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.about-section .about-wrap .about-content .about-image > img {
    -webkit-box-shadow: 6.691px 7.431px 12.5px rgba(0, 128, 255, 0.07);
    box-shadow: 6.691px 7.431px 12.5px rgba(0, 128, 255, 0.07);
    width: 100%;
}

.about-section .about-wrap .about-content .about-image .about-overlay {
    background-image: var(--theme-gradient4);
    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;
}

.about-section .about-wrap .about-content .about-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;
}

.about-section .about-wrap .about-content .about-image .overlay-content ul {
    margin-bottom: 15px;
    margin-left: -14px;
}

.about-section .about-wrap .about-content .about-image .overlay-content ul li a {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #ffffff;
}

.about-section .about-wrap .about-content .about-image .overlay-content ul li + li {
    margin-left: 10px;
}

.about-section .about-wrap .about-content .about-image .overlay-content span {
    letter-spacing: 14px;
    color: #ffffff;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
}

.about-section .about-wrap .about-content .about-image .overlay-content span::before,
.about-section .about-wrap .about-content .about-image .overlay-content span::after {
    position: absolute;
    content: "";
    background-color: #ffffff;
    width: 16px;
    height: 1px;
    top: 9px;
}

.about-section .about-wrap .about-content .about-image .overlay-content span::before {
    left: -35px;
}

.about-section .about-wrap .about-content .about-image .overlay-content span::after {
    right: -22px;
}

.about-section .about-wrap .about-content:hover .about-overlay {
    opacity: 0.7;
}

.about-section .about-wrap .about-content:hover .overlay-content {
    top: 50%;
    opacity: 1;
}

.about-section .about-wrap .about-content:hover .overlay-content ul li:nth-child(2) a {
    -webkit-animation: fadeInDown 900ms ease-in-out;
    animation: fadeInDown 900ms ease-in-out;
}

.about-section .about-wrap .about-content:hover .overlay-content ul li:nth-child(3) a {
    -webkit-animation: fadeInDown 1100ms ease-in-out;
    animation: fadeInDown 1100ms ease-in-out;
}

.about-section .about-wrap .about-content:hover .overlay-content ul li:nth-child(4) a {
    -webkit-animation: fadeInDown 1300ms ease-in-out;
    animation: fadeInDown 1300ms ease-in-out;
}

.about-section .about-wrap .about-content .our-details {
    padding: 40px;
    border-radius: 0 10px 10px 0;
    -webkit-box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.07);
    box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    position: relative;
}

.about-section .about-wrap .about-content .our-details span svg {
    width: 14px;
    height: 15px;
    vertical-align: -2px;
}

.about-section .about-wrap .about-content .our-details::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 55px;
    border-radius: 2px;
    background-color: var(--theme-default2);
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.about-section .about-wrap .about-content .our-details > span {
    line-height: normal;
    margin-bottom: -2px;
    display: block;
}

.about-section .about-wrap .about-content .our-details .d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-section .about-wrap .about-content .our-details h6 {
    color: var(--theme-default);
    font-weight: 700;
}

.about-section .about-wrap .about-content .our-details a {
    color: var(--theme-default);
}

.about-section .about-wrap .about-content .our-details a.btn {
    color: #ffffff;
}

.about-section .about-wrap .about-content .our-details a.btn svg {
    width: 16px;
    height: 20px;
    margin-right: 7px;
    vertical-align: -5px;
}

.about-section .about-wrap .about-content .our-details a.btn-flat.color-3:hover {
    color: var(--theme-default5);
}

.about-section .about-wrap .about-content .our-details a.btn-flat.color-7:hover {
    color: #00968a;
}

.about-section .about-wrap .about-content .our-details h3 {
    line-height: 1.45;
    font-weight: 700;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.about-section .about-wrap .about-content .our-details p {
    font-size: 13px;
    line-height: 1.8;
    margin: 8px 0;
}

.about-section .about-wrap.about-2 .about-content .about-image {
    border-radius: 0;
}

.about-section .about-wrap.about-2 .about-content .about-image .about-overlay {
    background: rgba(88, 97, 103, 0.7);
}

.about-section .about-wrap.about-2 .about-content .our-details {
    margin: -70px auto 0;
    border-radius: 0;
    width: 80%;
}

.about-section .about-wrap.about-2 .about-content .our-details::after {
    background-color: var(--theme-default5);
    height: 0;
    opacity: 0;
}

.about-section .about-wrap.about-2 .about-content .our-details h6 {
    color: var(--theme-default5);
}

.about-section .about-wrap.about-2 .about-content .our-details p {
    color: rgba(88, 97, 103, 0.7);
}

.about-section .about-wrap.about-2 .about-content:hover .our-details::after {
    height: 55px;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
    opacity: 1;
}

.about-section .about-wrap.about-2 .slick-list {
    margin-bottom: -30px;
}

.about-section .about-wrap.about-2 .slick-list .slick-track .slick-slide {
    margin-bottom: 0;
}

.about-section .about-wrap.about-2 .slick-list .slick-track .slick-slide > div {
    margin-bottom: 30px;
}

.about-section .title-1 h2 {
    margin-bottom: -3px;
}

.about-section .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-tera2);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.about-section .title-1:hover hr {
    width: 150px;
}

.about-section .title-1.color-6 hr {
    color: var(--theme-default8);
}

.about-section .title-3 {
    margin-top: -12px;
}

.about-section .title-3.text-start {
    margin-top: -5px;
}

.about-section .about-1.slick-initialized .slick-slide {
    margin-bottom: -6px;
}

.about-section .about-1 .bg-size:before {
    padding-top: 89.5%;
}

.about-section .about-2 .bg-size:before {
    padding-top: 88%;
}

.about-section .about-3.slick-initialized .slick-slide {
    margin-bottom: -5px;
}

.about-section.about-inner .title-2 h2 {
    margin-top: -5px;
}

.about-section.about-inner .about-wrap .about-content .our-details::after {
    background-color: var(--theme-default3);
}

.about-section.about-inner .about-wrap .about-content .our-details h6 {
    color: var(--theme-default3);
}

.about-section.about-inner .about-wrap.about-1 .about-content .about-image .about-overlay {
    background-image: var(--theme-gradient7);
}

.about-section.about-inner .about-wrap.about-1.arrow-white .slick-arrow::before {
    color: var(--theme-default3);
}

.about-section.about-color6 .about-wrap .about-content .about-image .about-overlay {
    background-image: var(--theme-gradient13);
}

.about-section.about-color6 .about-wrap .about-content .our-details h6 {
    color: var(--theme-default9);
}

.about-section.about-color6 .about-wrap .about-content .our-details::after {
    background-color: var(--theme-default9);
}

.about-section.color-7 .about-wrap .about-content .our-details::after {
    background-color: var(--theme-default10);
}

.about-section.color-7 .about-wrap .about-content .our-details h6 {
    color: var(--theme-default10);
}

.breadcrumb-section .breadcrumb-content div.text-dark {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 18px;
}

.about-box .agent-image {
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
    position: relative;
}

.about-box .agent-image .overlay-agent {
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.about-box .agent-image .overlay-agent .agent-details {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-color: #ffffff;
    height: 85%;
    width: 85%;
    position: absolute;
    top: 8%;
    left: 8%;
    padding: 40px;
    z-index: 1;
}

.about-box .agent-image .overlay-agent .agent-details ul {
    margin-top: 15px;
}

.about-box .agent-image .overlay-agent .agent-details ul li a {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 20px 0 rgba(28, 45, 58, 0.1);
    box-shadow: 0 0 20px 0 rgba(28, 45, 58, 0.1);
}

.about-box .agent-image .overlay-agent .agent-details ul li + li {
    margin-left: 10px;
}

.about-box .agent-image .overlay-agent .agent-details h5 {
    margin-bottom: 0;
    line-height: 1.45;
    color: #586167;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-weight: 600;
}

.about-box .agent-image .overlay-agent .agent-details h6 {
    color: var(--theme-default7);
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.about-box .agent-image .overlay-agent .agent-details p {
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.7;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: rgba(88, 97, 103, 0.7);
}

.about-box .agent-image .overlay-agent .agent-details > span {
    color: #586167;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.about-box .agent-image .overlay-agent::after {
    opacity: 0.7;
    background-image: var(--theme-gradient9);
}

.about-box:hover .agent-image .overlay-agent {
    opacity: 1;
}

.about-box:hover .agent-image .overlay-agent .agent-details {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.about-box:hover .agent-image .overlay-agent .agent-details h5,
.about-box:hover .agent-image .overlay-agent .agent-details h6,
.about-box:hover .agent-image .overlay-agent .agent-details p,
.about-box:hover .agent-image .overlay-agent .agent-details > span {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.arrow-white .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0 35px 0px rgba(28, 45, 58, 0.07);
    box-shadow: 0px 0 35px 0px rgba(28, 45, 58, 0.07);
    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;
}

.arrow-white .slick-arrow::before {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    font-size: 14px;
    color: var(--theme-default2);
}

.arrow-white .slick-prev {
    left: -130px;
}

.arrow-white .slick-prev::before {
    content: "\f053";
}

.arrow-white .slick-next {
    right: -145px;
}

.arrow-white .slick-next::before {
    content: "\f054";
    margin-left: 1px;
}

.arrow-white.color-4 .slick-arrow::before {
    color: var(--theme-default3);
}

.arrow-white.color-6 .slick-arrow::before {
    color: var(--theme-default9);
}

.user-about .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user-about .about-content {
    margin-bottom: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.user-about .about-content h3 {
    color: var(--theme-default3);
    margin-bottom: 10px;
    font-weight: 600;
}

.user-about .about-content p {
    margin-bottom: 0;
    line-height: 1.8;
}

.user-about .about-listing {
    -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;
}

.user-about .about-listing ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.user-about .about-listing ul li h4 {
    color: var(--theme-default3);
    font-weight: 600;
}

.user-about .about-listing ul li p {
    margin-bottom: 0;
}

.user-about .about-listing ul li + li {
    margin-left: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.user-about .map-image {
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, 0.9);
    background-size: contain !important;
    position: relative;
}

.user-about .map-image ul li img {
    position: absolute;
}

.user-about .map-image ul li .marker-1 {
    top: 25%;
    right: 20%;
    -webkit-animation: 1s linear infinite bounce-1;
    animation: 1s linear infinite bounce-1;
}

.user-about .map-image ul li .marker-2 {
    top: 18%;
    left: 20%;
}

.user-about .map-image ul li .marker-3 {
    bottom: 38%;
    left: 52%;
}

.user-about .map-image ul li .marker-4 {
    top: 30%;
    right: 30%;
}

.user-about .about-image {
    position: relative;
    margin-top: 80px;
}

.user-about .about-image:hover img {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.user-about .about-image .side-left {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.user-about .about-image .side-left .side-effect::before,
.user-about .about-image .side-left .side-effect::after {
    width: calc(100% - 515px);
}

.user-about .about-image .img-box img {
    max-width: 400px;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.user-about .about-image .img-box.img-abs {
    position: absolute;
    right: 15%;
    top: -30%;
    z-index: -1;
}

.side-effect::before,
.side-effect::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.05);
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.side-effect::before {
    top: 15px;
    height: calc(100% - 30px);
    border-radius: 25px;
    left: 8px;
}

.side-effect::after {
    top: 35px;
    height: calc(100% - 70px);
    border-radius: 20px;
    left: 16px;
}

.side-left .side-effect::before {
    left: -8px;
}

.side-left .side-effect::after {
    left: -16px;
}

/**=====================
     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-3:hover {
    background-color: rgba(94, 172, 18, 0.1);
}

.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;
    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 .icon-round {
    width: 80px;
    height: 80px;
    margin: 0 0 20px;
    border-radius: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: var(--theme-default3);
    position: relative;
}

.service-section .property-service > div .service-box .icon-round svg {
    height: 35px;
    width: 35px;
    stroke: white;
}

.service-section .property-service > div .service-box .icon-round::before {
    border-radius: 100%;
    background-color: var(--theme-default3);
    opacity: 0.05;
}

.service-section .property-service > div .service-box .icon-round::after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    content: "";
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.service-section .property-service > div .service-box .icon-round img {
    width: 40%;
}

.service-section .property-service > div .service-box h3 {
    background: #1c2d3a;
    -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;
    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 .property-service > div .service-box:hover .icon-round::after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}

.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 .property-service.about-service > div .service-box {
    border-radius: 10px;
}

.service-section.service-2 .property-service.about-service > div .service-box .service-icon,
.service-section.service-2 .property-service.about-service > div .service-box .icon-line-color {
    fill: var(--theme-default3);
}

.service-section.service-2 .property-service.about-service > div .service-box .hover-line::before {
    background-color: var(--theme-default3);
}

.service-section.service-2 .property-service.about-service > div .service-box .btn {
    border: 2px solid transparent;
}

.service-section.service-2 .property-service.about-service > div .service-box .btn span {
    vertical-align: -3px;
}

.service-section.service-2 .property-service.about-service > div .service-box .btn:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.service-section.service-2 .property-service.about-service > div .service-box .btn::after {
    border-radius: 8px;
}

.service-section.service-2 .property-service.about-service > div .service-box:hover .btn {
    background: none;
    border-color: var(--theme-default3);
}

.service-section.service-2 .property-service.about-service > div .service-box:hover .btn::before,
.service-section.service-2 .property-service.about-service > div .service-box:hover .btn::after {
    opacity: 0;
}

.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.service-bg .title-3 {
    margin-top: -2px;
}

.service-section.service-bg::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 230px;
    background-color: #f7f7fe;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.service-section.color-7 .service-icon,
.service-section.color-7 .icon-line-color {
    fill: var(--theme-default10);
}

.service-slider .service-wrapper .top-img-box {
    margin-bottom: -20px;
    margin-left: 40px;
}

.service-slider .service-wrapper .top-img-box > div {
    width: 67px;
    height: 67px;
    border-radius: 5px;
    background-image: var(--theme-gradient9);
    position: relative;
}

.service-slider .service-wrapper .top-img-box > div::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);
}

.service-slider .service-wrapper .top-img-box > div img {
    width: 60%;
}

.service-slider .service-wrapper .service-details {
    border-radius: 5px;
    padding: 40px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
}

.service-slider .service-wrapper .service-details p {
    line-height: 1.75;
    margin-bottom: 10px;
    color: rgba(88, 97, 103, 0.7);
}

.service-slider .service-wrapper .service-details h3 {
    color: #586167;
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 15px;
    font-weight: 600;
}

.service-slider .service-wrapper .service-details h3 a {
    color: #586167;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.service-slider .service-wrapper .service-details h3 a::after {
    display: none;
}

.service-slider .service-wrapper .service-details a {
    background: var(--theme-gradient9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    font-weight: 600;
}

.service-slider .service-wrapper .service-details a::after {
    position: absolute;
    content: "";
    top: 9px;
    right: -45px;
    width: 35px;
    height: 2px;
    border-radius: 0px;
    background-color: var(--theme-default7);
}

.service-slider .slick-list {
    margin: -30px -12px;
}

.service-slider .slick-list .slick-track .slick-slide {
    margin-bottom: 0;
}

.service-slider .slick-list .slick-track .slick-slide > div {
    margin: 30px 20px;
}

.service-slider.arrow-gradient.arrow-right .slick-prev {
    right: 15.5%;
}

.service-slider.arrow-gradient.arrow-right .slick-next {
    right: 12.3%;
}

.service-slider.arrow-gradient.arrow-right .slick-arrow {
    top: -62px;
}

/**=====================
     service css end
==========================**/
/**=====================
     feature css start
==========================**/
.feature-section .video-details.feature-content {
    margin: auto 0;
}

.feature-section .video-details.feature-content .left-sidebar h2 {
    font-size: 24px;
}

.feature-section .video-details.feature-content .left-sidebar label {
    font-weight: 500;
    color: #586167;
}

.feature-section .feature-wrap:hover .feature-image .slick-prev {
    left: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #ff5c41;
    border-radius: 30px;
}

.feature-section .feature-wrap:hover .feature-image .slick-prev::before {
    content: "\f053";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    opacity: 1;
    line-height: 0.6;
    font-size: 12px;
}

.feature-section .feature-wrap:hover .feature-image .slick-next {
    right: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #ff5c41;
    border-radius: 30px;
}

.feature-section .feature-wrap:hover .feature-image .slick-next::before {
    content: "\f054";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    opacity: 1;
    line-height: 0.6;
    font-size: 12px;
}

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

.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);
}

.feature-section .title-1 h2 {
    margin-bottom: -3px;
}

.feature-section .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.feature-section .title-1:hover hr {
    width: 150px;
}

.feature-section .title-1.color-6 hr {
    color: var(--theme-default8);
}

.feature-section.feature-bg {
    background-image: url(../images/feature/1.jpg);
    background-color: #292929;
    background-blend-mode: overlay;
}

.feature-section .feature-1 .feature-wrapper {
    margin: 0 80px;
}

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

.feature-section .feature-1 .feature-wrapper .feature-left {
    position: relative;
    max-width: 590px;
    z-index: 1;
}

.feature-section .feature-1 .feature-wrapper .feature-left .property-details .font-roboto {
    margin-top: -3px;
    display: block;
}

.feature-section .feature-1 .feature-wrapper .feature-left .property-details span.font-roboto {
    margin-bottom: 8px;
}

.feature-section .feature-1 .feature-wrapper .property-details {
    margin-right: -275px;
    position: relative;
    max-width: 590px;
    overflow: hidden;
    border-radius: 12px;
    -webkit-box-shadow: 6.691px 7.431px 12.5px rgba(0, 128, 255, 0.07);
    box-shadow: 6.691px 7.431px 12.5px rgba(0, 128, 255, 0.07);
    background-color: #ffffff;
}

.feature-section .feature-1 .feature-wrapper .property-details h6 {
    font-weight: 500;
    font-size: 17px;
    color: #000000;
}

.feature-section .feature-1 .feature-wrapper .property-details ul li img {
    height: 16px;
    display: inline-block;
    margin-right: 7px;
}

.feature-section .feature-1 .feature-wrapper .property-details a h3 {
    color: var(--theme-default2);
}

.feature-section .feature-1 .feature-wrapper .property-details a h3 span {
    margin-top: -3px;
}

.feature-section .feature-1 .feature-wrapper .property-details a h3 .label {
    text-transform: uppercase;
    font-size: 10px;
    padding-top: 5px;
    margin-left: 15px;
}

.feature-section .feature-1 .feature-wrapper .property-details .property-btn .btn-gradient {
    color: #ffffff;
}

.feature-section .feature-1 .feature-wrapper .property-details .round-half {
    position: absolute;
    width: 60px;
    height: 60px;
    top: -10px;
    right: -10px;
    border-radius: 100%;
}

.feature-section .feature-1 .feature-wrapper .property-details .round-half::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100%;
    left: 0;
    top: 0;
    opacity: 0.1;
    background-color: var(--theme-default2);
}

.feature-section .feature-1 .feature-wrapper .property-details .round-half svg {
    margin-left: -1px;
    margin-top: 9px;
    background: #ffffff;
    stroke: #9516d7;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: bounceIn 1s infinite;
    animation: bounceIn 1s infinite;
}

.feature-section .feature-1 .feature-wrapper .property-details .round-half:hover svg {
    fill: #9516d7;
}

.feature-section .feature-1 .feature-wrapper .property-details .round-half.color-6 svg {
    stroke: #2c2e97;
}

.feature-section .feature-1 .feature-wrapper .property-details .round-half.color-6:hover svg {
    fill: #2c2e97;
}

.feature-section .feature-1 .feature-wrapper .feature-image {
    text-align: right;
    position: relative;
    border-radius: 15px;
    height: 600px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.feature-section .feature-1 .feature-wrapper .feature-image .label-white {
    position: absolute;
    top: 40px;
    right: 40px;
}

.feature-section .feature-1 .feature-wrapper .feature-image .signature {
    position: absolute;
    right: 0;
    bottom: 50px;
}

.feature-section .feature-1 .feature-wrapper .feature-image .box-color {
    position: absolute;
    right: -2px;
    bottom: 65px;
    height: 87px;
    width: 100px;
    border-radius: 10px 0 0 10px;
    background-color: var(--theme-default2);
}

.feature-section .feature-1 .feature-wrapper .feature-image h4 {
    letter-spacing: 5px;
    color: #ffffff;
    margin-bottom: 0;
    font-weight: 600;
    background-color: var(--theme-default2);
    padding: 8px 25px;
}

.feature-section .feature-1 .feature-wrapper .feature-image img {
    border-radius: 15px;
}

.feature-section .feature-1 .slick-list .slick-track .slick-slide.slick-active > div .feature-wrapper .feature-left {
    -webkit-animation: fadeInLeft 1s;
    animation: fadeInLeft 1s;
}

.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-2 .slick-dots {
    margin-top: 18px;
}

.feature-section .feature-2 .slick-slide img {
    width: 100%;
}

.feature-section .feature-3 .slick-list {
    margin: -60px 0;
}

.feature-section .feature-3 .slick-list .slick-track .slick-slide > div {
    margin: 60px 80px;
}

.feature-section .feature-3 .slick-next {
    right: 28px;
    top: 48%;
}

.feature-section .feature-3 .slick-prev {
    width: 45px;
    height: 45px;
    background: #ffffff;
    left: unset;
    right: 58px;
    top: 64%;
    -webkit-box-shadow: 0 0 41px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 41px 6px rgba(0, 0, 0, 0.08);
}

.feature-section .feature-3 .slick-prev:after {
    display: none;
}

.feature-section .feature-3 .slick-next {
    -webkit-box-shadow: 0 0 41px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 41px 6px rgba(0, 0, 0, 0.08);
    background: #ffffff;
}

.feature-section .feature-3 .slick-next:after {
    display: none;
}

.feature-section .feature-3 .feature-wrap .row {
    margin: 0;
}

.feature-section .feature-3 .feature-wrap .row > div {
    padding: 0;
}

.feature-section .feature-3.slick-initialized .slick-slide {
    margin-bottom: -6px;
}

.feature-section .feature-4 .slick-list {
    margin: -30px -60px;
}

.feature-section .feature-4 .slick-list .slick-track .slick-slide > div {
    margin: 30px 60px;
}

.feature-section .feature-4 .slick-list .slick-track .slick-slide.slick-active > div .feature-wrap .feature-content {
    -webkit-animation: fadeInRight 2s;
    animation: fadeInRight 2s;
}

.feature-section .feature-4 .slick-list .slick-track .slick-slide.slick-active > div .feature-wrap .feature-image {
    -webkit-animation: fadeInUp 1s;
    animation: fadeInUp 1s;
}

.feature-section .feature-4.slick-initialized .slick-slide {
    margin-bottom: -6px;
}

.feature-section .feature-4.arrow-gradient .slick-arrow {
    left: -98px !important;
}

.feature-section .feature-4.arrow-gradient .slick-prev {
    top: 45%;
}

.feature-section .feature-4.arrow-gradient .slick-prev::before {
    content: "\f062";
}

.feature-section .feature-4.arrow-gradient .slick-next {
    right: unset;
    left: 0;
    top: 55%;
}

.feature-section .feature-4.arrow-gradient .slick-next::before {
    content: "\f063";
}

.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 .label-solid {
    position: absolute;
    top: 20px;
    left: -14px;
    clear: left;
}

.feature-section .feature-image .label-solid::before {
    position: absolute;
    top: 37px;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    border: 8px solid transparent;
    border-top-color: var(--theme-default5);
    border-right-color: var(--theme-default5);
}

.feature-section .feature-image .label-solid::after {
    opacity: 0.35;
    -webkit-box-shadow: 0px 5px 12.5px var(--theme-default5);
    box-shadow: 0px 5px 12.5px var(--theme-default5);
}

.feature-section .feature-image .label-solid.color-7::before {
    border: 8px solid transparent;
    border-top-color: var(--theme-default10);
    border-right-color: var(--theme-default10);
}

.feature-section .feature-image .label-solid.color-7::after {
    -webkit-box-shadow: 0px 5px 12.5px var(--theme-default10);
    box-shadow: 0px 5px 12.5px var(--theme-default10);
}

.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.banner-4 .feature-1 .feature-wrapper .property-details a h3 {
    color: var(--theme-default9);
}

.feature-section.banner-4 .feature-1 .feature-wrapper .property-details .round-half::after {
    background-color: var(--theme-default9);
}

.feature-section.banner-4 .feature-1 .feature-wrapper .property-details .round-half i {
    background: var(--theme-gradient12);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feature-section.banner-4 .feature-1 .feature-wrapper .feature-image .box-color {
    background-color: var(--theme-default9);
}

.feature-section.banner-4 .feature-1 .feature-wrapper .feature-image h4 {
    background-color: var(--theme-default8);
}

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

.feature-section .feature-wrap .feature-image .slick-prev,
.feature-section .feature-wrap .feature-image .slick-next {
    visibility: hidden;
}

.feature-section .feature-wrap:hover .feature-image .slick-prev,
.feature-section .feature-wrap:hover .feature-image .slick-next {
    visibility: visible;
}

.feature-3 .next-image {
    position: absolute;
    right: 28px;
    top: 236px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
}

.feature-3 .slick-arrow .prev-slick-img,
.feature-3 .slick-arrow .next-slick-img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -27px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.feature-3.arrow-image .slick-arrow {
    width: 45px;
    height: 45px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    right: 58px;
}

.feature-3.arrow-image .slick-arrow:hover .prev-slick-img,
.feature-3.arrow-image .slick-arrow:hover .next-slick-img {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.bg-comman-2 {
    position: relative;
}

.bg-comman-2::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 390px;
    background-image: url(../images/5.jpg);
}

.bg-comman-2.feature-section .title-2 h2 {
    margin-top: -2px;
}

/**=====================
     feature css end
==========================**/
/**=====================
     property css start
==========================**/
.alert-default {
    color: #ffffff;
    background-color: var(--theme-default2);
    font-weight: 500;
}

.alert-default .btn-close {
    width: 6px;
    height: 6px;
    top: 20px;
    color: #ffffff;
    -webkit-filter: brightness(1) invert(1);
    filter: brightness(1) invert(1);
}

.alert-default-2 {
    color: #ffffff;
    background-color: var(--theme-default9);
    font-weight: 500;
}

.alert-default-2 .btn-close {
    width: 6px;
    height: 6px;
    top: 20px;
    color: #ffffff;
    -webkit-filter: brightness(1) invert(1);
    filter: brightness(1) invert(1);
}

.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;
}

.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-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.property-details .property-btn span {
    color: #878787;
    font-size: 14px;
    font-weight: 500;
}

.property-details .property-btn .btn:hover {
    background-color: rgba(255, 92, 65, 0.1);
}

.property-details .property-btn .btn.color-1:hover {
    background-color: rgba(100, 50, 184, 0.1);
}

.property-details .property-btn .btn.color-6:hover {
    background-color: rgba(44, 46, 151, 0.1);
}

.property-details .property-btn .btn.color-5:hover {
    background-color: rgba(94, 172, 18, 0.1);
}

.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 .property-2.color-6 .property-box:hover .property-details > a {
    background: var(--theme-gradient10);
    -webkit-background-clip: text;
}

.property-section.section-sm .property-2:not(.no-sidebar) {
    height: calc(100vh - 220px);
    overflow-y: scroll;
    margin-bottom: 10px;
}

.property-section.section-sm .property-2:not(.no-sidebar):not(.no-sidebar)::-webkit-scrollbar {
    width: 5px;
}

.property-section.section-sm .property-2:not(.no-sidebar):not(.no-sidebar)::-webkit-scrollbar-thumb {
    background: transparent;
}

.property-section.section-sm .property-2:not(.no-sidebar):hover:not(.no-sidebar)::-webkit-scrollbar-thumb {
    background: rgba(108, 111, 105, 0.2);
}

.property-section .title-1 h2 {
    margin-bottom: -9px;
}

.property-section .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.property-section .title-1:hover hr {
    width: 150px;
}

.property-section .title-1.color-6 hr {
    color: var(--theme-default8);
}

.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 .pagination-tab {
    margin-top: 1px;
}

.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: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 {
    position: relative;
}

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

.property-section .property-box .property-image .property-slider.color-6 .slick-dots li.slick-active button::before {
    color: var(--theme-default8);
}

.property-section .property-box .property-image .property-slider.color-1 .slick-dots li.slick-active button::before {
    color: var(--theme-default);
}

.property-section .property-box .property-image .property-slider.color-3 .slick-dots li.slick-active button::before {
    color: var(--theme-default5);
}

.property-section .property-box .property-image .property-slider.color-7 .slick-dots li.slick-active button::before {
    color: var(--theme-default10);
}

.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);
}

.property-section .property-box .property-image .labels-left {
    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-image .seen-data {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 1px 8px 2px;
    border-radius: 5px;
    background-color: var(--theme-tera2);
}

.property-section .property-box .property-image .seen-data svg {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 8px;
    color: #ffffff;
}

.property-section .property-box .property-image .seen-data span {
    font-size: 12px;
    color: #ffffff;
}

.property-section .property-box .property-image .overlay-property-box {
    position: absolute;
    bottom: 12px;
    right: 12px;
    margin: 0 auto;
    display: block;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

.property-section .property-box .property-image .overlay-property-box .like.added svg {
    fill: var(--theme-default3);
}

.property-section .property-box .property-image .overlay-property-box .effect-round svg {
    width: 17px;
    stroke: #1c2d3a;
}

.property-section .property-box .property-image .overlay-property-box .effect-round1 svg {
    width: 17px;
    stroke: var(--theme-default8);
}

.property-section .property-box .property-image .overlay-property-box .effect-round,
.property-section .property-box .property-image .overlay-property-box .effect-round1 {
    width: 35px;
    height: 35px;
    background: #ffffff;
    border-radius: 5px;
    position: relative;
}

.property-section .property-box .property-image .overlay-property-box .effect-round + .effect-round,
.property-section .property-box .property-image .overlay-property-box .effect-round + .effect-round1,
.property-section .property-box .property-image .overlay-property-box .effect-round1 + .effect-round,
.property-section .property-box .property-image .overlay-property-box .effect-round1 + .effect-round1 {
    margin-top: 8px;
}

.property-section .property-box .property-image .overlay-property-box .effect-round i,
.property-section .property-box .property-image .overlay-property-box .effect-round1 i {
    font-size: 18px;
    margin-top: 2px;
    background: var(--theme-gradient3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.property-section .property-box .property-image .overlay-plus {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: rgba(0, 0, 0, 0.5);
}

.property-section .property-box .property-image .overlay-plus span {
    font-size: 70px;
    color: #ffffff;
}

.property-section .property-box .property-image .overlay-plus .seen-data {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 1px 8px 2px;
    border-radius: 5px;
    background-color: #1c2d3a;
}

.property-section .property-box .property-image .overlay-plus .seen-data svg,
.property-section .property-box .property-image .overlay-plus .seen-data span {
    color: #ffffff;
}

.property-section .property-box .property-image .overlay-plus .seen-data svg {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 8px;
}

.property-section .property-box .property-image .overlay-plus .seen-data span {
    font-size: 12px;
}

.property-section .property-box .property-image .overlay-plus .like-bottom {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 5px 6px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    background-color: #1c2d3a;
}

.property-section .property-box .property-image .overlay-plus .like-bottom svg {
    width: 15px;
    height: 15px;
    stroke-width: 3px;
    color: #ffffff;
}

.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 .property-details h6 {
    font-weight: 600;
    font-size: 17px;
    color: var(--theme-tera2);
}

.property-section .property-box .property-details h6.color-1 {
    color: var(--theme-tera2);
}

.property-section .property-box .property-details h6.color-6 {
    color: var(--theme-default8);
}

.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-3::after {
    background-color: var(--theme-default5);
}

.property-section .property-box .property-details .icon-property li .d-flex .property-icon.color-3 .property-svg {
    fill: var(--theme-default5);
}

.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-image .overlay-plus {
    opacity: 1;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

.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;
}

.property-section .property-box:hover .property-details > a h3 {
    color: var(--theme-default2);
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

.property-section .property-box.liked-img .property-image .overlay-plus .like-bottom svg {
    color: #f13439;
}

.property-section .property-box.liked-img .property-image .overlay-plus .like-bottom svg path {
    fill: #f13439;
}

.property-section.property-color-6 .property-box .property-image .overlay-property-box .effect-round i,
.property-section.property-color-6 .property-box .property-image .overlay-property-box .effect-round1 i {
    background: var(--theme-gradient12);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.property-section.property-color-6 .property-box:hover .property-details > a h3 {
    color: var(--theme-default9);
}

.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: rgba(255, 255, 255, 0.1);
    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 .pagination-tab .nav-item {
    margin-bottom: 0;
}

.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-1 .property-details,
.property-section .property-2 .property-details {
    padding: 20px;
}

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

.property-section .property-1 .slick-list .slick-track .slick-slide,
.property-section .property-2 .slick-list .slick-track .slick-slide {
    margin-bottom: -6px;
}

.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,
.property-section .property-3 .property-box .property-image .labels-left {
    left: 20px;
}

.property-section .property-box-flat .property-box {
    border-radius: 0;
    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
}

.property-section .property-box-flat .property-box .property-image .label-white {
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.property-section .property-box-flat .property-box .property-image .overlay-plus {
    background-color: rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.property-section .property-box-flat .property-box .property-image .overlay-plus .seen-data {
    top: unset;
    bottom: 20px;
    right: 56px;
    border-radius: 0;
}

.property-section .property-box-flat .property-box .property-image .overlay-plus .like-bottom {
    border-radius: 0;
}

.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);
}

.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 .property-3 .slick-list {
    margin: -30px -12px;
}

.property-section .property-3 .slick-list .slick-track .slick-slide > div {
    margin: 30px 20px;
}

.property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white {
    z-index: 2;
    background-color: var(--theme-default5);
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white::after {
    -webkit-box-shadow: 0px 3px 6px var(--theme-default5);
    box-shadow: 0px 3px 6px var(--theme-default5);
    opacity: 0.35;
}

.property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .label-white.color-7 {
    background-color: var(--theme-default10);
}

.property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .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 .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .overlay-property-box,
.property-section .property-3 .slick-list .slick-track .slick-slide.slick-current.slick-active.slick-center .property-box .property-image .overlay-plus {
    opacity: 1;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

.property-section .property-3 .property-box:hover .property-image .overlay-property-box,
.property-section .property-3 .property-box:hover .property-image .overlay-plus {
    opacity: 0;
}

.property-section .property-3 .property-box:hover .property-image .label-white {
    background-color: #ffffff;
    color: var(--theme-default5);
}

.property-section .property-3 .property-box:hover .property-image .label-white::after {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.property-section .property-3 .property-box:hover .property-image .label-white.color-7 {
    background-color: #ffffff;
    color: var(--theme-default10);
}

.property-section .property-3 .property-box:hover .property-image .label-white.color-7::after {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.property-section .property-4 .slick-list .slick-track .slick-slide {
    margin-bottom: -6px;
}

.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-grid-slider .property-2 .property-box .overlay-plus {
    background: unset;
    opacity: 1;
}

.property-grid-slider .property-grid.list-view .property-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.property-grid-slider .property-grid.list-view .property-box .property-image {
    width: 45%;
}

.property-grid-slider .property-grid.list-view .bg-size {
    height: 39vh;
}

.property-grid-slider .property-grid.list-view .thumbnail-nav .bg-size {
    height: auto;
}

.property-grid-slider .property-grid .slider-for .slick-slide img {
    min-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
}

.property-grid-slider .property-grid .slider-nav {
    margin: 6px 0px -5px -4px;
}

.property-grid-slider .property-grid .slider-nav .slick-slide {
    margin: 0 3px;
}

.property-grid-slider .property-grid .slider-nav .slick-slide img {
    min-height: 72px;
    cursor: pointer;
    -o-object-fit: cover;
    object-fit: cover;
}

.property-map .filter-panel {
    margin-bottom: 0;
}

.property-map .property-grid {
    padding-top: 40px;
}

.property-map .theme-pagination {
    margin-bottom: 40px;
}

.property-map .filter-bottom-content {
    z-index: 2;
    width: 90%;
    right: 0;
    top: 45px;
    margin: 0 auto;
}

.property-list-view .property-grid.list-view .property-box .property-image {
    width: 100%;
}

.mfp-title {
    display: none;
}

.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 .feature-label {
    margin-top: 15px;
}

.single-property-section .feature-label .btn {
    cursor: unset;
}

.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 .left-single .share-buttons a svg {
    width: 14px;
    height: 14px;
    vertical-align: -3px;
}

.single-property-section .left-single .share-buttons > div {
    position: relative;
}

.single-property-section .left-single .share-buttons > div .share-hover {
    position: absolute;
    bottom: -50px;
    left: 0;
    background: #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);
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-property-section .left-single .share-buttons > div .share-hover ul {
    margin: 0;
}

.single-property-section .left-single .share-buttons > div .share-hover ul li {
    margin: 0;
    padding: 10px;
}

.single-property-section .left-single .share-buttons > div .share-hover ul li + li {
    border-left: 1px solid #eee;
}

.single-property-section .left-single .share-buttons > div:hover .share-hover {
    bottom: -45px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.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: var(--theme-tera2);
    margin-bottom: 0;
}

.single-property-section .single-title .right-single .price span {
    color: #878787;
    font-size: 16px;
    font-weight: 500;
}

.icon-facebook {
    color: #3b5998;
}

.icon-twitter {
    color: #55acee;
}

.icon-instagram {
    color: #dd4b39;
}

.rating i {
    color: #ffcc33;
}

.single-gallery {
    position: relative;
}

.title-3.inner-title h2 {
    color: #1c2d3a;
}

.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);
    -webkit-transition: all 0.5s ease;
    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.tab-description .menu-top {
    border-bottom: none;
    padding: 0;
}

.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 .page-section hr {
    margin: 30px 0;
}

.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;
}

.gallery-nav .slick-slide {
    margin: 0 5px;
    opacity: 0.5;
}

.gallery-nav .slick-slide img {
    height: 90px;
    -o-object-fit: contain;
    object-fit: contain;
}

.gallery-nav .slick-slide.slick-current {
    opacity: 1;
}

.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: 140px;
    display: inline-block;
    color: #586167;
}

.modal-form {
    position: absolute;
    top: 30px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    right: 15%;
    background: #ffffff;
    border-radius: 0;
    z-index: 1;
}

.modal-form .filter-cards .advance-card .category-property form input {
    padding: 8px 10px 6px;
}

.review .review-box {
    margin-bottom: -6px;
}

.review .review-box .media > img {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.review .review-box .media .media-body {
    margin-left: 28px;
}

.review .review-box .media .media-body h6 {
    font-weight: 500;
    margin-bottom: 5px;
}

.review .review-box .media .media-body p.mb-0 {
    width: 65%;
}

.review .review-box .media .rating {
    padding: 0 30px;
}

.review .review-box.review-child {
    margin-left: 50px;
}

.review .review-box + .review-box {
    margin-top: 30px;
}

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

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

.home-view {
    height: 70vh;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.home-view .home-content {
    height: 70vh;
}

.home-view .a-canvas {
    height: 70vh !important;
}

.home-view .view-icon {
    position: absolute;
    bottom: 20px;
    left: 20px;
    -webkit-filter: invert(1);
    filter: invert(1);
}

.line-tab.nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #1c2d3a;
}

.line-tab.nav-tabs .nav-link.active {
    border-bottom: 2px solid var(--theme-tera2);
    color: var(--theme-default4);
}

.line-tab.nav-tabs .nav-item.show .nav-link {
    border-bottom: 2px solid var(--theme-default4);
}

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

.single-property-images {
    height: 600px;
    overflow: unset;
}

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

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

.single-property-images.ratio_40 .bg-size:before {
    padding-top: 31%;
}

.image_section {
    margin-bottom: 30px;
}

.image_section .row > div + div {
    margin-top: 15px;
}

.image_section.row .bg-size {
    height: 100%;
}

.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-tera2);
    border-color: var(--theme-tera2);
    color: #ffffff;
    z-index: 1;
}

.theme-pagination .pagination .page-item + .page-item {
    margin-left: 8px;
}

.pagination-tab.nav-tabs {
    margin-bottom: 0;
}

.pagination-tab.nav-tabs .nav-item .nav-link {
    padding: 12px 20px;
    color: var(--theme-default7);
    border-radius: 5px;
    font-weight: 700;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
}

.pagination-tab.nav-tabs .nav-item .nav-link::before {
    display: none;
}

.pagination-tab.nav-tabs .nav-item .nav-link::after {
    opacity: 0.1;
    background-color: var(--theme-default7);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
    z-index: -1;
}

.pagination-tab.nav-tabs .nav-item .nav-link:hover,
.pagination-tab.nav-tabs .nav-item .nav-link:focus {
    background-color: transparent;
}

.pagination-tab.nav-tabs .nav-item .nav-link:hover::after,
.pagination-tab.nav-tabs .nav-item .nav-link:focus::after {
    background-color: var(--theme-default7);
}

.pagination-tab.nav-tabs .nav-item .nav-link.active {
    color: #ffffff;
}

.pagination-tab.nav-tabs .nav-item .nav-link.active::after {
    opacity: 1;
}

.pagination-tab.nav-tabs .nav-item + .nav-item {
    margin-left: 20px;
}

.slick-dots li button:before {
    opacity: 1;
}

/**=====================
     pagination css end
==========================**/
/**=====================
     portfolio css start
==========================**/
.portfolio-section.zoom-gallery .grid-item a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.portfolio-section .grid-item .overlay {
    overflow: hidden;
}

.portfolio-section .grid-item .portfolio-image {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.portfolio-section .grid-item:hover .portfolio-image {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.details-right {
    -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: 40px;
}

.details-right h3 {
    margin-bottom: 15px;
}

.details-right p {
    line-height: 1.7;
}

.project-details {
    margin-top: 40px;
}

.project-details h3 {
    margin-bottom: 20px;
}

.project-details .detail-container {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.project-details .detail-container:last-child {
    border: none;
    padding-bottom: 0;
}

.project-details .detail-container h6 {
    margin-bottom: 0;
}

.project-details .detail-container .portfolio-left {
    width: 25%;
}

.project-details .detail-container .portfolio-left h6 {
    font-weight: 600;
    text-transform: capitalize;
}

.project-details .detail-container .portfolio-right {
    width: 75%;
}

.portfolio-details .portfolio-section {
    margin-top: 50px;
}

.portfolio-details .details-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.portfolio-grid .filter-panel {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 40px;
}

.portfolio-grid .filter-panel .top-panel {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.portfolio-grid .property-text {
    margin-top: 15px;
}

.portfolio-grid .property-text h3 {
    font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.portfolio-grid .property-text h3 a {
    color: #1c2d3a;
}

.portfolio-grid .property-text h6 {
    color: #959595;
    font-size: 14px;
    margin-bottom: -3px;
    line-height: 1.7;
}

.portfolio-grid.creative-3 .row > div:nth-child(6) .overlay {
    margin-right: -1px;
}

.grid-box {
    border-radius: 10px;
    -webkit-box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.07);
    box-shadow: 3.346px 3.716px 25px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

.grid-box .property-text {
    padding: 30px;
    margin-top: 0;
}

.grid-box .property-text h3 {
    margin-top: -3px;
    margin-bottom: 2px;
}

.parallax-section .full_banner {
    height: 93vh;
    background-attachment: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px;
}

.parallax-section .full_banner .center-content {
    text-align: right;
}

.parallax-section .full_banner .center-content h2,
.parallax-section .full_banner .center-content h6 {
    color: rgba(255, 255, 255, 0.8);
}

.parallax-section .full_banner .center-content h6 {
    padding: 10px 20px;
    background-color: #000000;
    border-radius: 4px;
    text-transform: capitalize;
}

.center-slides .img-center {
    height: 93vh;
}

.center-slides .img-center .center-content {
    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;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 93vh;
    text-align: center;
    position: relative;
    z-index: 1;
}

.center-slides .img-center .center-content h3,
.center-slides .img-center .center-content h6 {
    color: #ffffff;
}

.center-slides .img-center .center-content h3 {
    font-weight: 600;
}

.center-slides .img-center .center-content h6 {
    margin-bottom: 0;
}

.center-slides .slick-slide .img-center .center-content {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.center-slides .slick-slide.slick-center .img-center .center-content {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.center-slides .slick-slide.slick-center .img-center .center-content h3 {
    -webkit-animation: fadeInLeft 0.4s ease;
    animation: fadeInLeft 0.4s ease;
}

.center-slides .slick-slide.slick-center .img-center .center-content h6 {
    -webkit-animation: fadeInRight 0.4s ease;
    animation: fadeInRight 0.4s ease;
    padding: 10px 20px;
    background-color: #000000;
    border-radius: 4px;
    text-transform: capitalize;
}

.portfolio-creative .content-sec {
    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;
    width: 100%;
    height: 100%;
    text-align: center;
    -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);
}

.portfolio-creative .content-sec h3 {
    font-weight: 600;
    margin-top: -3px;
}

.portfolio-creative .content-sec h3 a {
    color: #1c2d3a;
}

.portfolio-creative .content-sec p {
    max-width: 80%;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.portfolio-creative .content-sec.center-con p {
    margin-left: auto;
    margin-right: auto;
}

.portfolio-creative.odd-even .row .content-sec {
    padding-left: 60px;
    text-align: left;
}

.portfolio-creative.odd-even .row:nth-child(even) .content-sec {
    padding-left: 0;
    padding-right: 60px;
    text-align: right;
}

.portfolio-creative.odd-even .row:nth-child(even) .content-sec p {
    margin-right: 0;
    margin-left: auto;
}

/**=====================
     portfolio css end
==========================**/
/**=====================
     map css start
==========================**/
.arrow-define {
    position: absolute;
    top: -54px;
    font-weight: 500;
    font-size: 14px;
    right: -60px;
    cursor: auto;
}

.arrow-define::after {
    content: "";
    background-image: url(../images/arrow.png);
    width: 50px;
    height: 50px;
    position: absolute;
    background-size: contain;
    left: -50px;
    bottom: -37px;
    background-repeat: no-repeat;
    -webkit-animation: movebounce 4s linear infinite;
    animation: movebounce 4s linear infinite;
}

.map-section {
    position: relative;
    z-index: 1;
}

.map-section iframe,
.map-section .map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.gm-style div[title] {
    opacity: 1 !important;
}

.gm-style div[title] img {
    display: block !important;
    height: 65px !important;
    width: auto !important;
}

.add-animation {
    -webkit-animation: 1s linear infinite bounce-1;
    animation: 1s linear infinite bounce-1;
}

.add-filter {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.infoBox > img {
    background: #ffffff;
}

.infoBox .marker-detail {
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

.infoBox .marker-detail img {
    height: auto;
    width: 202px;
}

.infoBox .marker-detail .label {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 10px;
    padding: 4px 8px 3px;
}

.infoBox .marker-detail .detail-part {
    padding: 10px;
}

.infoBox .marker-detail .detail-part h6 {
    font-weight: 600;
}

.infoBox .marker-detail .detail-part ul {
    margin-bottom: 15px;
}

.infoBox .marker-detail .detail-part ul li {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
}

.infoBox .marker-detail .detail-part ul li:first-child {
    padding-left: 0;
}

.infoBox .marker-detail .detail-part ul li:last-child {
    padding-right: 0;
}

.infoBox .marker-detail .detail-part span,
.infoBox .marker-detail .detail-part a {
    font-size: 14px;
    font-weight: 500;
}

.infoBox .marker-detail .detail-part a {
    float: right;
    color: var(--theme-default3);
    text-decoration: underline;
}

.leaflet-popup-tip-container {
    width: 20px;
    height: 20px;
    margin-left: -15px;
}

.leaflet-popup-content .infoBox .marker-detail .detail-part span,
.leaflet-popup-content .infoBox .marker-detail .detail-part a {
    font-family: 'Varela Round', sans-serif;
}

.leaflet-marker-icon.leaflet-interactive {
    width: 35px !important;
    height: 38px !important;
}

.leaflet-pane {
    z-index: 1;
}

.leaflet-top,
.leaflet-bottom {
    z-index: 1;
}

.leaflet-control {
    z-index: 8;
}

.leaflet-shadow-pane {
    display: none;
}

.leaflet-shadow-pane img {
    -webkit-transform: none !important;
    transform: none !important;
}

.H_ib_body {
    bottom: 48px;
}

.H_ib_tail {
    margin: -53px -10px;
}

.H_ib_content {
    line-height: 0.95;
}

.MicrosoftMap > div {
    z-index: 1 !important;
}

.MicrosoftMap .Infobox {
    border-radius: 0 !important;
    border: none !important;
}

.MicrosoftMap .Infobox.no-title .infobox-info {
    margin-right: 0 !important;
}

.MicrosoftMap .Infobox .infobox-body {
    width: auto !important;
    height: 100% !important;
    max-height: 100% !important;
    padding-bottom: 0 !important;
}

.MicrosoftMap .Infobox .infobox-info {
    padding: 0 !important;
    max-height: -webkit-max-content !important;
    max-height: -moz-max-content !important;
    max-height: max-content !important;
    color: unset !important;
    font-family: Roboto, sans-serif !important;
}

.MicrosoftMap .infobox-close {
    z-index: 1;
}

.map-modal .modal-dialog {
    width: 100%;
    height: 90%;
    max-width: 97%;
}

.map-modal .modal-dialog .modal-content {
    border: 0 none;
    border-radius: 0;
}

.map-modal .modal-dialog .modal-content .btn-close {
    z-index: 2;
    font-weight: 500;
    background: var(--theme-default4);
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    opacity: 1;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.map-modal .modal-dialog .modal-content .btn-close span {
    font-size: 30px;
    color: #ffffff;
    line-height: 0.9;
}

.map-modal .modal-dialog .modal-content .modal-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    padding-left: 0;
}

.map-modal .modal-dialog .modal-content iframe,
.map-modal .modal-dialog .modal-content .map {
    width: 100%;
    height: 100%;
}

.onclick-map-wrap {
    margin-bottom: 30px;
}

.onclick-map {
    display: none;
}

.onclick-map iframe,
.onclick-map .map {
    width: 100%;
    height: 300px;
    margin-bottom: 30px;
}

/**=====================
     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;
}

.slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
    margin: 0 25px;
}

.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;
}

.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-bg {
    background-image: url(../images/testimonial/1.jpg);
}

.testimonial-bg.testimonial-layout6 {
    background-image: url(../images/testimonial/4.jpg);
    background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: overlay;
}

.testimonial-bg.testimonial-layout9 {
    background-image: url(../images/banner-6.jpg);
    background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: overlay;
}

.testimonial-bg .title-1 h2 {
    margin-bottom: -2px;
}

.testimonial-bg .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.testimonial-bg .title-1:hover hr {
    width: 150px;
}

.testimonial-bg .title-1.color-6 hr {
    color: var(--theme-default8);
}

.testimonial-1 .pepole-comment .client-msg {
    padding: 50px 40px 45px;
    border-radius: 10px;
    margin-bottom: 40px;
    background: #ffffff;
    -webkit-box-shadow: 3.3px 3.7px 22.5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 3.3px 3.7px 22.5px 0px rgba(0, 0, 0, 0.05);
    position: relative;
}

.testimonial-1 .pepole-comment .client-msg::before,
.testimonial-1 .pepole-comment .client-msg::after {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    content: "";
    bottom: -14px;
    position: absolute;
    left: 26px;
}

.testimonial-1 .pepole-comment .client-msg::before {
    border-top: 14px solid #ffffff;
    z-index: 2;
}

.testimonial-1 .pepole-comment .client-msg::after {
    border-top: 14px solid rgba(0, 0, 0, 0.05);
    z-index: 1;
}

.testimonial-1 .pepole-comment .client-msg .quote {
    position: absolute;
    top: -20px;
    left: 40px;
}

.testimonial-1 .pepole-comment .client-msg .quote img {
    width: 90%;
}

.testimonial-1 .pepole-comment .client-msg p {
    margin-bottom: 0;
    line-height: 1.75;
    color: #3b4249;
    font-weight: 600;
}

.testimonial-1 .pepole-comment .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testimonial-1 .pepole-comment .media img {
    border-radius: 100%;
    -webkit-box-shadow: 4.015px 4.459px 6.5px rgba(0, 0, 0, 0.04);
    box-shadow: 4.015px 4.459px 6.5px rgba(0, 0, 0, 0.04);
    margin-right: 20px;
    height: 70px;
    width: auto;
}

.testimonial-1 .pepole-comment .media .media-body h3 {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    margin-bottom: 0;
}

.testimonial-1 .pepole-comment .media .media-body span {
    font-size: 12px;
    font-weight: 500;
}

.testimonial-1 .slick-list .slick-track .slick-slide {
    opacity: 0.5;
}

.testimonial-1 .slick-list .slick-track .slick-slide > div {
    margin-top: 20px !important;
}

.testimonial-1 .slick-list .slick-track .slick-slide.slick-center {
    opacity: 1;
}

.client-slider {
    text-align: center;
    padding: 40px 60px;
    border-radius: 10px;
    width: 65%;
    margin: 67px auto 0;
    position: relative;
}

.client-slider h6,
.client-slider p {
    color: #ffffff;
}

.client-slider h6 {
    letter-spacing: 16px;
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
}

.client-slider .user-list {
    position: absolute;
    top: -68px;
    left: 0;
    right: 0;
}

.client-slider .user-list li {
    position: relative;
}

.client-slider .user-list li .heart-bg {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 0 50%;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    bottom: -28px;
    left: 42px;
}

.client-slider .user-list li img {
    -webkit-filter: drop-shadow(-4.33px 2.5px 22.5px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(-4.33px 2.5px 22.5px rgba(0, 0, 0, 0.1));
    border-radius: 100%;
    display: inline-block;
}

.client-slider .user-list li:first-child {
    margin-right: -30px;
}

.client-slider .user-list li:first-child img,
.client-slider .user-list li:last-child img {
    width: 70px;
}

.client-slider .user-list li:nth-child(2) img {
    position: relative;
    z-index: 2;
    width: 130px;
}

.client-slider .user-list li:nth-child(2) img.heart-icon {
    position: absolute;
    bottom: -15px;
    left: 56px;
}

.client-slider .user-list li:nth-child(2) .heart-icon {
    width: auto;
}

.client-slider .user-list li:last-child {
    margin-left: -30px;
}

.client-slider .client-rating {
    padding-bottom: 15px;
}

.client-slider p {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    line-height: 2;
    margin-top: 75px;
}

.client-rating li i {
    color: #ffcc33;
}

.our-client {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 75px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

.our-client .client-left img {
    -webkit-box-shadow: 0px 10px 12.5px rgba(0, 128, 255, 0.07);
    box-shadow: 0px 10px 12.5px rgba(0, 128, 255, 0.07);
}

.our-client .client-right {
    height: 100%;
    padding: 40px 80px;
}

.our-client .client-right p {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.65;
    color: rgba(88, 97, 103, 0.7);
}

.our-client .client-right h3 {
    font-weight: 700;
    color: #586167;
}

.our-client .client-right h6 {
    color: #647589;
    font-weight: 600;
    margin-bottom: 0;
}

.our-client .client-right .client-rating {
    margin-bottom: 15px;
}

.our-client.row {
    margin: 0;
}

.our-client.row > div {
    padding: 0;
}

.our-client .quote-img {
    position: absolute;
    right: 80px;
    bottom: -20px;
    opacity: 0.5;
}

.testimonial-3 .slick-list {
    margin: -53px -68px;
}

.testimonial-3 .slick-list .slick-track .slick-slide > div {
    margin: 53px 68px;
}

.modern-client {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modern-client .img-left {
    position: relative;
}

.modern-client .img-left img {
    border-radius: 5px;
    -webkit-filter: drop-shadow(0 0 35px rgba(0, 0, 0, 0.07));
    filter: drop-shadow(0 0 35px rgba(0, 0, 0, 0.07));
}

.modern-client .comment-right {
    padding: 60px;
    border-radius: 5px;
    -webkit-box-shadow: -2.575px 4.286px 25px rgba(0, 0, 0, 0.07);
    box-shadow: -2.575px 4.286px 25px rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    width: 100%;
    margin-left: -60px;
}

.modern-client .comment-right.slick-initialized .slick-slide {
    margin-bottom: -2px;
}

.modern-client .comment-right .slick-arrow {
    color: #ffffff;
    padding: 0 20px;
    border-radius: 4px;
    height: 40px;
    background-size: 200% auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: left;
    background-image: var(--theme-gradient8);
    bottom: -40px;
    top: unset;
    left: 20px;
    position: absolute;
}

.modern-client .comment-right .slick-arrow::after {
    -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default6);
    box-shadow: -5.15px 8.572px 25px var(--theme-default6);
    opacity: 0.35;
}

.modern-client .comment-right .slick-arrow:before {
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    font-size: 14px;
    position: absolute;
    right: 13px;
    top: 13px;
    opacity: 1;
}

.modern-client .comment-right .slick-prev:before {
    content: "\f060";
}

.modern-client .comment-right .slick-next {
    left: 70px;
}

.modern-client .comment-right .slick-next:before {
    content: "\f061";
}

.modern-client .comment-right .slick-next:hover {
    background-position: right center;
}

.modern-client .comment-right h3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--theme-default7);
    font-weight: 700;
}

.modern-client .comment-right h6 {
    font-weight: 600;
    color: #586167;
}

.modern-client .comment-right > span {
    color: #586167;
}

.modern-client .comment-right p {
    font-size: 14px;
    line-height: 1.7;
    color: rgba(88, 97, 103, 0.7);
    margin-bottom: 6px;
}

.modern-client .right-align {
    left: 36%;
    top: 50px;
}

.modern-client .bottom-align {
    left: 23%;
    bottom: -126px;
}

.modern-client .label-heart i {
    margin: 0 0 -3px 1px;
}

.modern-client.color-2 .comment-right .slick-arrow {
    background-image: var(--theme-gradient5);
}

.modern-client.color-2 .comment-right .slick-arrow::after {
    -webkit-box-shadow: -5.15px 8.572px 25px var(--theme-default3);
    box-shadow: -5.15px 8.572px 25px var(--theme-default3);
}

.modern-client.color-2 .comment-right h3 {
    color: var(--theme-default3);
}

/**=====================
     testimonial css end
==========================**/
/**=====================
     coming soon css start
==========================**/
.coming-soon {
    height: 100vh;
    min-height: 750px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: overlay;
}

.coming-soon .coming-soon-detail {
    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;
    text-align: center;
    height: 100vh;
    min-height: 750px;
    width: 100%;
}

.coming-soon .coming-soon-detail > div {
    width: 100%;
}

.coming-soon .coming-soon-detail h2 {
    color: #ffffff;
    font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    margin-bottom: calc(16px + (35 - 16) * ((100vw - 320px) / (1920 - 320)));
    text-transform: inherit;
    line-height: 1.35;
}

.coming-soon .coming-soon-detail .logo {
    margin-bottom: calc(14px + (25 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon .coming-soon-detail form .form-group {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

.coming-soon .coming-soon-detail form .form-group button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.coming-soon .coming-soon-detail form input {
    padding: 12px 20px;
    border-radius: 0;
    font-size: 16px;
}

.coming-soon .coming-soon-detail form .btn-solid.color-3:hover,
.coming-soon .coming-soon-detail form .btn-solid.color-3:focus {
    background-color: #59a311;
    color: #ffffff;
}

.coming-soon .coming-soon-detail .timer {
    margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon .coming-soon-detail .timer li {
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
}

.coming-soon .coming-soon-detail .timer li > div {
    border-radius: 100%;
    border: 2px solid #ffffff;
    width: 100px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.5);
}

.coming-soon .coming-soon-detail .timer li span {
    display: block;
    font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon .coming-soon-detail .timer li + li {
    margin-left: 20px;
    padding-left: 20px;
    position: relative;
}

.coming-soon .coming-soon-detail .timer li + li::before {
    position: absolute;
    content: ":";
    left: -4px;
    top: 34%;
    font-size: 25px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.coming-soon.coming-left .coming-soon-detail h2 span {
    color: var(--theme-default5);
}

.coming-soon.coming-left .coming-soon-detail .timer {
    margin-bottom: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon.coming-left .coming-soon-detail .timer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.coming-soon.coming-left .coming-soon-detail .timer li {
    padding: 20px 5px;
    width: 100%;
    border: 2px solid rgba(94, 172, 18, 0.5);
    border-radius: 8px;
    position: relative;
    margin: 0 20px;
}

.coming-soon.coming-left .coming-soon-detail .timer li span {
    font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
    color: var(--theme-default5);
}

.coming-soon.coming-left .coming-soon-detail .timer li + li {
    margin-left: 5px;
}

.coming-soon.coming-left .coming-soon-detail .timer li + li::before {
    display: none;
}

.coming-soon.coming-left .social-coming {
    margin-top: 30px;
}

.coming-soon.coming-left .social-coming ul li a {
    color: #ffffff;
}

.coming-soon.coming-left .social-coming ul li a i {
    font-size: 18px;
}

.coming-soon.coming-left .social-coming ul li + li {
    margin-left: 20px;
}

.coming-soon.coming-left .social-coming p {
    margin-top: 10px;
    margin-bottom: 0;
    color: #ffffff;
}

.coming-soon .cloud-img {
    position: absolute;
    top: -27px;
    width: 100%;
    height: 360px;
    background-size: contain !important;
    opacity: 0.2;
    -webkit-animation: slide 60s linear infinite;
    animation: slide 60s linear infinite;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-repeat: repeat !important;
}

@-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-simple {
    height: calc(100vh - 89px);
}

.coming-simple .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.coming-simple .title-3 h6 {
    color: var(--theme-default3);
    margin-bottom: 4px;
}

.coming-simple .title-3 h2 {
    font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.coming-simple .site-construction {
    margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
}

.coming-simple .site-construction h4 {
    font-weight: 500;
    color: #586167;
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.coming-simple .site-construction p {
    line-height: 1.8;
    margin-bottom: 30px;
}

.coming-simple .site-construction .progress {
    background: transparent;
    margin-bottom: calc(30px + (90 - 30) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 25px;
    position: relative;
}

.coming-simple .site-construction .progress::after {
    opacity: 0.2;
    background: var(--theme-default3);
}

.coming-simple .site-construction .bg-primary {
    background-color: var(--theme-default3);
}

.coming-simple form .form-group {
    position: relative;
    border-radius: 25px;
    margin-bottom: 0;
}

.coming-simple form .form-group button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.coming-simple form input {
    padding: 8px 20px;
    border-radius: 0;
    font-size: 16px;
}

/**=====================
     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-text {
    text-align: center;
}

.loader-text img {
    height: 150px;
}

.loader-text h3 {
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: 500;
    padding: 0 15px;
}

.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-links {
    position: fixed;
    top: 50%;
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    right: 0;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);
    box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 2;
    cursor: pointer;
}

.customizer-links svg {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    color: #3b4249;
}

.customizer-wrap {
    direction: ltr;
}

.customizer-wrap .customizer-contain {
    position: fixed;
    height: 37vh;
    top: 45%;
    width: 250px;
    overflow: auto;
    right: -255px;
    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);
    padding: 30px;
    border-radius: 8px 0 0 8px;
    z-index: 7;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #1c2d3a;
}

.customizer-wrap .customizer-contain a {
    color: #3b4249;
}

.customizer-wrap .customizer-contain a svg {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.customizer-wrap .customizer-contain h6 {
    position: relative;
    font-weight: 600;
}

.customizer-wrap .customizer-contain h6.color-1::before {
    background: var(--theme-default2);
}

.customizer-wrap .customizer-contain h6.color-2::before {
    background: var(--theme-default3);
}

.customizer-wrap .customizer-contain h6.color-3::before {
    background: var(--theme-default5);
}

.customizer-wrap .customizer-contain h6.color-4::before {
    background: var(--theme-default6);
}

.customizer-wrap .customizer-contain h6.color-6::before {
    background: var(--theme-default9);
}

.customizer-wrap .customizer-contain h6.color-7::before {
    background: var(--theme-default10);
}

.customizer-wrap .customizer-contain .setting-back {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

.customizer-wrap .customizer-contain .setting-back svg {
    width: 18px;
    height: 18px;
}

.customizer-wrap .customizer-contain .option-setting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    padding-left: 15px;
}

.customizer-wrap .customizer-contain .option-setting span {
    font-family: Rubik, sans-serif;
}

.customizer-wrap .customizer-contain .option-setting label {
    margin: 0 10px 0;
}

.customizer-wrap .customizer-contain .option-setting .switch input:checked + .switch-state {
    background-color: #151515;
}

.customizer-wrap .customizer-contain .option-setting.unlimited-color-layout {
    margin: 17px -3px -3px;
    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;
}

.customizer-wrap .customizer-contain .option-setting.unlimited-color-layout .btn {
    padding: 5px 10px;
    font-size: 12px;
    margin-left: auto;
}

.customizer-wrap .customizer-contain .option-setting.unlimited-color-layout .form-group {
    margin: 3px;
}

.customizer-wrap .customizer-contain .option-setting.unlimited-color-layout label {
    display: none;
}

.customizer-wrap .customizer-contain .option-setting.unlimited-color-layout input[type="color"] {
    width: 30px;
    height: 30px;
    border-color: #eee;
    background: transparent;
}

.customizer-wrap .customizer-contain .option-setting.unlimited-color-layout input[type="color"]:focus {
    outline: none;
}

.customizer-wrap .customizer-contain .layouts-settings + .layouts-settings {
    padding-top: 30px;
}

.customizer-wrap .customizer-contain.mutliple-colors-setting {
    height: 39vh;
}

.customizer-wrap .customizer-contain.mutliple-colors-setting .option-setting.unlimited-color-layout input {
    display: inline-block;
}

.customizer-wrap.open .customizer-contain {
    right: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.customizer-wrap.open .customizer-links {
    right: 250px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/**=====================
     customizer css end
==========================**/
/**=====================
     Header css start
==========================**/
.bg-overlay.active {
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    z-index: 3;
    top: 0;
}

header.light-header .brand-logo img {
    margin-top: 5px;
}

header.header-2::after {
    display: none;
}

header.header-6 .menu {
    margin-top: -6px;
}

header.header-6 .menu .brand-logo {
    margin-top: 6px;
}

.top-bar .header-right li a {
    color: #000000;
}

.top-bar .header-right li a svg {
    width: 18px;
    height: 18px;
}

.top-bar .header-right .right-menu.color-7 ul li.cart ul.nav-submenu li .total h5:hover span {
    color: #6432b8;
}

.top-bar .header-right .right-menu.color-7 ul .dropdown ul.nav-submenu li a:hover {
    color: #00968a !important;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu {
    width: 290px;
    padding: 15px;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li {
    position: relative;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li + li {
    margin-top: 10px;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .total h5 {
    margin-bottom: 0;
    font-size: 16px;
    color: #878787;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .total h5:hover span {
    color: #5eac12;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .total h5 span {
    font-weight: 500;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li:last-child {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media img {
    height: 70px;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body {
    margin-left: 10px;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body a {
    padding: 0;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body h5 {
    font-size: 14px;
    font-weight: 600;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body span {
    font-size: 14px;
    color: #878787;
    font-weight: 500;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
    position: absolute;
    top: -8px;
    right: -5px;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle a {
    padding: 3px;
}

.top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle a i {
    color: #959595;
}

.top-bar .header-right .right-menu ul li.wishlist:hover a svg {
    fill: #f13439;
}

.top-bar .header-right .right-menu ul .dropdown {
    position: relative;
    padding: 15px 5px;
}

.top-bar .header-right .right-menu ul .dropdown + .dropdown {
    margin-left: 10px;
}

.top-bar .header-right .right-menu ul .dropdown ul.nav-submenu {
    position: absolute;
    right: 0;
    background-color: #ffffff;
    padding: 15px 0 15px;
    width: 180px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
}

.top-bar .header-right .right-menu ul .dropdown ul.nav-submenu.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: 15px;
    z-index: 5;
}

.top-bar .header-right .right-menu ul .dropdown ul.nav-submenu li {
    display: block;
}

.top-bar .header-right .right-menu ul .dropdown ul.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;
}

.top-bar .header-right .right-menu ul .dropdown ul.nav-submenu li a:hover {
    margin-left: 3px;
    color: var(--theme-default5) !important;
}

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-1 {
    /*background-color: unset;*/
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.8967787798713235) 0%, rgba(0,0,0,0.47941183309261204) 30%, rgba(0,0,0,0.3029412448573179) 70%, rgba(255,255,255,0) 100%);
}

header.header-1.fixed {
    background-image: var(--theme-gradient1);
}

header.header-2 {
    background-color: var(--theme-default);
    background-image: url(../../img/estrellas.png);
    background-size: contain;
}

header.header-2.fixed {
    background-color: #000000;
}

header.header-2::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #1f1f1f;
    bottom: 91px;
    left: 0;
}

header.header-2 .main-navbar .nav-menu > li .nav-submenu li a:hover {
    color: var(--theme-default4) !important;
}

header.header-2 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    color: var(--theme-default4) !important;
}

header.inner-page.fixed {
    background-color: #000000;
}

header.inner-page .main-navbar .nav-menu > li .nav-submenu li a:hover {
    color: var(--theme-default4) !important;
}

header.inner-page .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    color: var(--theme-default4) !important;
}

header.header-3 {
    position: relative;
    background-color: #586167;
}

header.header-3 .main-navbar {
    text-align: left;
}

header.header-3 .main-navbar .nav-menu > li {
    padding: 10px 0;
}

header.header-3 .main-navbar .nav-menu > li a {
    border-radius: 0;
}

header.header-3 .main-navbar .nav-menu > li a i,
header.header-3 .main-navbar .nav-menu > li a svg {
    margin-right: 8px;
    font-size: 13px;
}

header.header-3 .main-navbar .nav-menu > li a svg {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
}

header.header-3 .main-navbar .nav-menu > li.active a {
    background-color: var(--theme-default5) !important;
}

header.header-3 .main-navbar .nav-menu > li .nav-submenu li a:hover {
    color: var(--theme-default5) !important;
}

header.header-3 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    color: var(--theme-default5) !important;
}

header.header-4,
header.light-header {
    position: relative;
    background-color: #ffffff;
}

header.header-4.fixed,
header.light-header.fixed {
    background-color: #ffffff;
}

header.header-4 .main-navbar .nav-menu > li > a,
header.light-header .main-navbar .nav-menu > li > a {
    color: #586167;
    position: relative;
}

header.header-4 .main-navbar .nav-menu > li > a::before,
header.light-header .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,
header.light-header .main-navbar .nav-menu > li.active > a {
    color: var(--theme-default7) !important;
}

header.header-4 .main-navbar .nav-menu > li.active > a::before,
header.light-header .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,
header.light-header .main-navbar .nav-menu > li .nav-submenu li a {
    color: #586167;
}

header.header-4 .main-navbar .nav-menu > li .nav-submenu li a:hover,
header.light-header .main-navbar .nav-menu > li .nav-submenu li a:hover {
    color: var(--theme-default7) !important;
}

header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5,
header.light-header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: #586167;
}

header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a,
header.light-header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
    color: #586167;
}

header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover,
header.light-header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    color: var(--theme-default7) !important;
}

header.header-4 .menu .brand-logo,
header.light-header .menu .brand-logo {
    margin-left: 0;
}

header.header-4 .menu .header-right,
header.light-header .menu .header-right {
    position: relative;
    z-index: 1;
}

header.header-4 .menu .header-right li a,
header.light-header .menu .header-right li a {
    color: #586167;
}

header.light-header .toggle-nav i {
    color: #1c2d3a;
}

header.header-3 .main-navbar .nav-menu > li > a,
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-3 .main-navbar .nav-menu > li .nav-submenu li a,
header.header-4 .main-navbar .nav-menu > li .nav-submenu li a {
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

header.header-3 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5,
header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    font-family: Roboto, sans-serif;
    font-weight: 600;
}

header.header-3 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a,
header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

header.header-4 .menu .header-right li > a {
    padding: 11px;
    position: relative;
}

header.header-4 .menu .header-right li > a::after {
    background-color: var(--theme-default7);
    opacity: 0.1;
    border-radius: 5px;
}

header.header-4 .menu .header-right li > a svg {
    color: var(--theme-default7);
    vertical-align: top;
    margin-right: 0;
}

header.header-4 .menu .header-right li .search-box i {
    padding: 12px;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-image: var(--theme-gradient9);
    color: #ffffff;
    cursor: pointer;
}

header.header-4 .menu .header-right li .search-box span {
    color: var(--theme-default7);
    font-weight: 500;
    margin-left: 5px;
    display: inline-block;
}

header.header-4 .menu .header-right li .search-box .form-control {
    position: absolute;
    border: none;
    height: 100%;
    width: 14%;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    padding-left: 9px;
    font-weight: 500;
    font-size: 14px;
    color: var(--theme-default7);
    font-family: Roboto, sans-serif;
    border-radius: 0 5px 5px 0;
    top: 0;
    left: 38px;
    z-index: -1;
}

header.header-4 .menu .header-right li .search-box .form-control::-webkit-input-placeholder {
    color: var(--theme-default7);
    opacity: 0;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    font-weight: 500;
}

header.header-4 .menu .header-right li .search-box .form-control::-moz-placeholder {
    color: var(--theme-default7);
    opacity: 0;
    -moz-transition: width 0.5s;
    transition: width 0.5s;
    font-weight: 500;
}

header.header-4 .menu .header-right li .search-box .form-control:-ms-input-placeholder {
    color: var(--theme-default7);
    opacity: 0;
    -ms-transition: width 0.5s;
    transition: width 0.5s;
    font-weight: 500;
}

header.header-4 .menu .header-right li .search-box .form-control::-ms-input-placeholder {
    color: var(--theme-default7);
    opacity: 0;
    -ms-transition: width 0.5s;
    transition: width 0.5s;
    font-weight: 500;
}

header.header-4 .menu .header-right li .search-box .form-control::placeholder {
    color: var(--theme-default7);
    opacity: 0;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    font-weight: 500;
}

header.header-4 .menu .header-right li .search-box .form-group {
    margin-bottom: 0;
}

header.header-4 .menu .header-right li .search-box .form-group::before {
    background-color: #ffffff;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    opacity: 0;
    visibility: hidden;
    border-radius: 0 5px 5px 0;
    left: 40px;
    width: 14%;
    z-index: 1;
}

header.header-4 .menu .header-right li .search-box .form-group::after {
    background-color: var(--theme-default7);
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    opacity: 0;
    visibility: hidden;
    border-radius: 0 5px 5px 0;
    left: 40px;
    width: 14%;
    z-index: 1;
}

header.header-4 .menu .header-right li .search-box.open i {
    border-radius: 5px 0 0 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

header.header-4 .menu .header-right li .search-box.open span {
    opacity: 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

header.header-4 .menu .header-right li .search-box.open .form-control {
    width: calc(100% - 38px);
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    z-index: 1;
    background-color: transparent;
}

header.header-4 .menu .header-right li .search-box.open .form-control::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}

header.header-4 .menu .header-right li .search-box.open .form-control::-moz-placeholder {
    opacity: 1;
    -moz-transition: width 0.5s;
    transition: width 0.5s;
}

header.header-4 .menu .header-right li .search-box.open .form-control:-ms-input-placeholder {
    opacity: 1;
    -ms-transition: width 0.5s;
    transition: width 0.5s;
}

header.header-4 .menu .header-right li .search-box.open .form-control::-ms-input-placeholder {
    opacity: 1;
    -ms-transition: width 0.5s;
    transition: width 0.5s;
}

header.header-4 .menu .header-right li .search-box.open .form-control::placeholder {
    opacity: 1;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}

header.header-4 .menu .header-right li .search-box.open .form-group::after {
    opacity: 0.1;
    visibility: visible;
    width: calc(100% - 41px);
}

header.header-4 .menu .header-right li .search-box.open .form-group::before {
    opacity: 1;
    visibility: visible;
    width: calc(100% - 41px);
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}

header.header-4 .menu .header-right li a svg {
    width: 18px;
    height: 18px;
    vertical-align: sub;
}

header.header-4 .menu .header-right li + li {
    margin-left: 20px;
}

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.header-4.top-bar .top-content .top-bar-right {
    width: auto;
}

header.header-4.top-bar .top-content .top-bar-right li .flat-box {
    background: var(--theme-default3);
}

header.header-4.top-bar .top-content .top-bar-right li.d-inline-block {
    position: relative;
}

header.header-4.top-bar .top-content .top-bar-right li + li {
    margin-left: 10px;
}

header.header-centered nav {
    width: 100%;
}

header.header-centered nav #mainnav {
    position: relative;
}

header.header-centered nav .nav-menu > li.dropdown-right .nav-submenu {
    left: unset;
    right: 0;
}

header.header-centered nav .nav-menu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

header.header-centered nav .nav-menu li.dropdown:nth-child(6) {
    margin-left: auto;
}

header.header-centered nav .brand-logo {
    position: absolute;
    left: 44%;
    width: 220px;
    top: 16px;
}

header.header-centered .top-content .brand-logo .for-dark {
    margin-left: auto;
    margin-right: auto;
}

header.header-6 .main-navbar .nav-menu > li .nav-submenu li a:hover {
    color: var(--theme-default9) !important;
}

header.header-6 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    color: var(--theme-default9) !important;
}

header.header-7 .main-navbar .nav-menu > li .nav-submenu li a:hover {
    color: var(--theme-default10) !important;
}

header.header-7 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    color: var(--theme-default10) !important;
}

header.header-relative {
    position: relative;
    background-color: #1c2d3a;
}

header.header-9 .main-navbar .nav-menu > li > a::before {
    background-color: rgba(100, 50, 184, 0.1);
}

header.header-9 .main-navbar .nav-menu > li.active > a {
    color: var(--theme-default) !important;
}

header.header-9 .main-navbar .nav-menu > li .nav-submenu li a:hover {
    color: var(--theme-default) !important;
}

header.header-9 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    color: var(--theme-default) !important;
}

header.header-9 .menu .brand-logo {
    margin-left: -27px;
}

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

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: 24px;
}
header .main-navbar .nav-menu > li > a:hover {
    /*color: var(--theme-default9);
    background: #fff;*/
    border-bottom: 2px solid var(--theme-tera2);
}
header .main-navbar .nav-menu > li > a.active {
    /*color: var(--theme-default9);
    background: #fff;*/
    border-bottom: 2px solid var(--theme-tera2);
    border-radius: 0;
}
header .main-navbar .nav-menu > li > a {
    display: block;
    color: white;
    font-size: 14px;
    font-family: Rubik, sans-serif;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    padding: 18px 4px;
    position: relative;
    /* border-radius: 4px; */
    letter-spacing: 0.6px;
    border-bottom: 2px solid transparent;
}

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: 'Varela Round', 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.menu-title-level1:after,
header .main-navbar .nav-menu > li .nav-submenu li a.submenu-title:after {
    opacity: 1;
}

header .main-navbar .nav-menu > li .nav-submenu li a.arrow-cls:after {
    opacity: 0.8;
}

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 .nav-submenu li .nav-sub-childmenu {
    position: absolute;
    width: 200px;
    right: -200px;
    top: 0;
    background: #ffffff;
    border: none;
    padding: 15px 0 15px 0;
    -webkit-box-shadow: 0 0 1px 0 #ebebeb;
    box-shadow: 0 0 1px 0 #ebebeb;
}

header .main-navbar .nav-menu > li .mega-menu-container {
    position: absolute;
    left: 0;
    z-index: 4;
    -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: 30px;
    background: white;
    width: 100%;
    border-radius: 4px;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box {
    width: 20%;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box a .label {
    font-size: 12px;
    color: #f13439;
    position: absolute;
    padding: 0 0 0 3px;
    font-family: 'Varela Round', sans-serif;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 14px;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    display: block;
    padding: 0;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li {
    border: 0;
    float: none;
    position: relative;
    display: block;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
    border: 0;
    background: transparent;
    color: #1c2d3a;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 3px 0;
    display: block;
    letter-spacing: 0.07em;
    line-height: 1.9;
    position: relative;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    margin-left: 4px;
    color: var(--theme-default) !important;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link {
    position: relative;
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link i {
    color: var(--theme-default);
}

header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section + .link-section {
    margin-top: 15px;
}

header .main-navbar .nav-menu > li:hover > a:after {
    left: 0;
    right: 0;
    opacity: 1;
}

header .main-navbar .nav-menu > li.mega-menu {
    position: unset;
}

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: 100%;
    /*padding: 20px;*/
}

header .menu .brand-logo .for-dark {
    display: none;
}

header .menu .header-right li a {
    color: #ffffff;
    font-size: 13px;
}

header .menu .header-right li a svg {
    vertical-align: bottom;
    width: 18px;
    margin-left: 0;
}

header .menu .header-right .dropdown .dropdown-menu {
    margin-top: 20px;
}

header.fixed {
    position: fixed;
}

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

header .header-right .right-menu.color-6 ul li.cart ul.nav-submenu li .total h5:hover span {
    color: #2c2e97;
}

header .header-right .right-menu.color-6 ul .dropdown ul.nav-submenu li a:hover {
    color: #2c2e97 !important;
}

header .header-right .right-menu.color-1 ul li.cart ul.nav-submenu li .total h5:hover span {
    color: #6432b8;
}

header .header-right .right-menu.color-1 ul .dropdown ul.nav-submenu li a:hover {
    color: #6432b8 !important;
}

header .header-right .right-menu ul li.cart ul.nav-submenu {
    width: 290px;
    padding: 15px;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li {
    position: relative;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li + li {
    margin-top: 10px;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .total h5 {
    margin-bottom: 0;
    font-size: 16px;
    color: #878787;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .total h5:hover span {
    color: #ff5c41;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .total h5 span {
    font-weight: 500;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li:last-child {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .media img {
    height: 70px;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body {
    margin-left: 10px;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body a {
    padding: 0;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body h5 {
    font-size: 14px;
    font-weight: 600;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body span {
    font-size: 14px;
    color: #878787;
    font-weight: 500;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
    position: absolute;
    top: -8px;
    right: -5px;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle a {
    padding: 3px;
}

header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle a i {
    color: #959595;
}

header .header-right .right-menu ul li.wishlist:hover a svg {
    fill: #f13439;
}

header .header-right .right-menu ul .dropdown {
    position: relative;
    padding: 30px 5px;
}

header .header-right .right-menu ul .dropdown + .dropdown {
    margin-left: 10px;
}

header .header-right .right-menu ul .dropdown ul.nav-submenu {
    position: absolute;
    right: 0;
    background-color: #ffffff;
    padding: 15px 0 15px;
    width: 180px;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
}

header .header-right .right-menu ul .dropdown ul.nav-submenu.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: 15px;
    z-index: 1;
}

header .header-right .right-menu ul .dropdown ul.nav-submenu li {
    display: block;
}

header .header-right .right-menu ul .dropdown ul.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 .header-right .right-menu ul .dropdown ul.nav-submenu li a:hover {
    margin-left: 3px;
    color: var(--theme-default4) !important;
}

.sm-input {
    position: absolute;
    top: 50px;
    width: 200px;
    left: 15px;
    -webkit-transform: translateY(-20px) scaleY(0);
    transform: translateY(-20px) scaleY(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.sm-input.open {
    opacity: 1;
    -webkit-transform: translateY(0px) scaleY(1);
    transform: translateY(0px) scaleY(1);
    visibility: visible;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.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;
}

.toggle-nav.with-text {
    color: var(--theme-default7);
}

.toggle-nav.with-text span {
    font-weight: 500;
    margin-left: 10px;
    display: none;
    line-height: 0.8;
}

.mega-box .link-section .demo ul li a {
    position: relative;
}

.mega-box .link-section .demo ul li a:hover,
.mega-box .link-section .demo ul li a:focus {
    padding-top: 3px;
    padding-bottom: 3px;
}

.top-bar .top-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100vw;
}

.top-bar .top-content .brand-logo .for-dark {
    display: none;
}

.top-bar .top-content .top-bar-right {
    width: 60%;
    text-align: right;
}

.top-bar .top-content .top-bar-right .input-group {
    background-color: rgba(88, 97, 103, 0.04);
}

.top-bar .top-content .top-bar-right .input-group input,
.top-bar .top-content .top-bar-right .input-group .input-group-text {
    background-color: transparent;
    border: none;
    font-size: 16px;
    padding: 0 30px;
    margin: 10px 0;
}

.top-bar .top-content .top-bar-right .input-group input {
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.top-bar .top-content .top-bar-right .input-group input::-webkit-input-placeholder {
    font-weight: 300;
}

.top-bar .top-content .top-bar-right .input-group input::-moz-placeholder {
    font-weight: 300;
}

.top-bar .top-content .top-bar-right .input-group input:-ms-input-placeholder {
    font-weight: 300;
}

.top-bar .top-content .top-bar-right .input-group input::-ms-input-placeholder {
    font-weight: 300;
}

.top-bar .top-content .top-bar-right .input-group input::placeholder {
    font-weight: 300;
}

.top-bar .top-content .top-bar-right .input-group .input-group-prepend {
    margin-right: 0;
}

.top-bar .top-content .top-bar-right .input-group .input-group-append {
    margin-left: 0;
}

.top-bar .top-content .top-bar-right .input-group .input-group-text {
    color: #586167;
    font-weight: 500;
}

.top-bar .top-content .top-bar-right .input-group .input-group-text.dropdown {
    min-width: 136px;
}

.top-bar .top-content .top-bar-right .input-group .input-group-text .fa-angle-down {
    font-size: 10px;
    margin-left: 5px;
    margin-top: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.top-bar .top-content .top-bar-right .input-group .input-group-text .fa-search {
    font-size: 14px;
}

.top-bar .top-content .top-bar-right li:first-child {
    width: 100%;
}

.top-bar .top-content .top-bar-right li.d-inline-block {
    position: relative;
}

.top-bar .top-content .top-bar-right li + li {
    margin-left: 30px;
}

.top-bar .top-content .top-bar-right li .flat-box {
    font-size: 15px;
    padding: 10px 20px 10px;
    background: var(--theme-default5);
    color: #ffffff;
    cursor: pointer;
    display: block;
}

.top-bar .top-content .top-bar-right li .flat-box.search-sm i {
    vertical-align: -1px;
}

.top-bar .top-content .top-bar-right li .flat-box.color-7 {
    background: var(--theme-default10);
}

.top-bar .top-content .top-bar-right li .flat-box i {
    margin-right: 5px;
}

.top-bar .top-content .top-bar-right li .flat-box > span {
    font-weight: 500;
}

.top-bar .top-content .top-bar-right li .flat-box:after {
    display: none;
}

.top-bar .top-content .top-bar-right li > .dropdown .flat-box {
    padding-top: 10px;
}

.top-bar .top-content .top-bar-right li > .dropdown .dropdown-menu {
    right: 0;
    left: unset !important;
}

.top-bar .top-content .sm-input {
    right: 0;
    left: unset;
    top: 45px;
    z-index: 4;
}

.top-bar.top-bar-7 .top-bar-right {
    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;
}

.top-bar.top-bar-7 .top-bar-right li > a {
    padding: 12px 15px;
    position: relative;
    background-color: var(--theme-default10);
}

.top-bar.top-bar-7 .top-bar-right li > a svg {
    color: #ffffff;
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

.top-bar.top-bar-7 .top-bar-right li + li {
    margin-left: 10px;
}

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

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

header .dropdown .dropdown-menu,
.top-bar .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,
.top-bar .dropdown .dropdown-menu .dropdown-item {
    font-family: Roboto, sans-serif;
}

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

.header-layout-3 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-layout-3 .contact-number {
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-layout-3 .contact-number i {
    padding: 10px;
    background: var(--theme-default5);
    font-size: 12px;
    margin-right: 10px;
}

.header-layout-3 .contact-number.color-7 i {
    background: var(--theme-default10);
}

.header-layout-3 .contact-number span {
    font-weight: 500;
    color: #ffffff;
}

@media (min-width: 1200px) {
    .responsive-btn {
        display: none;
    }

    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 .nav-submenu a .sub-arrow {
        position: absolute;
        right: 20px;
        top: 7px;
        color: rgba(0, 0, 0, 0.75);
        font-size: 10px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    header .main-navbar .nav-menu > li .nav-submenu li .level1 {
        display: none;
        border-radius: 4px;
    }

    header .main-navbar .nav-menu > li .nav-submenu li .level1 li .level2 {
        display: none;
        border-radius: 4px;
    }

    header .main-navbar .nav-menu > li .nav-submenu li .level1 li .level2 li .level3 {
        display: none;
    }

    header .main-navbar .nav-menu > li .nav-submenu li .level1 li .level2 li:hover .level3 {
        display: block;
    }

    header .main-navbar .nav-menu > li .nav-submenu li .level1 li:hover .level2 {
        display: block;
    }

    header .main-navbar .nav-menu > li .nav-submenu li:hover .level1 {
        display: block;
    }

    header .main-navbar .nav-menu > li .nav-submenu li a:hover .sub-arrow {
        right: 16px;
        color: #000000;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    header .main-navbar .nav-menu > li .mega-menu-container {
        opacity: 0;
        visibility: hidden;
        -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;
    }

    header .main-navbar .nav-menu > li:hover .mega-menu-container {
        opacity: 1;
        visibility: visible;
        margin-top: 15px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    header.header-3 .main-navbar .nav-menu > li:hover .mega-menu-container {
        margin-top: 13px;
    }

    .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.opennav {
        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 a .sub-arrow {
        right: 20px;
        position: absolute;
    }

    header .main-navbar .nav-menu > li a .sub-arrow:before {
        content: "+";
        font-family: inherit;
        position: relative;
    }

    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.opensubmenu {
        display: block;
    }

    header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu {
        display: none;
        position: relative;
        right: 0;
        width: 100%;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 li a {
        padding: 0 60px;
    }

    header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 .level3 li a {
        padding: 0 70px;
    }

    header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu.opensubchild {
        display: block;
    }

    header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu li a {
        padding: 0 45px;
    }

    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 .mega-menu-container {
        display: none;
        padding: 0;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    header .main-navbar .nav-menu > li .mega-menu-container .container {
        padding: 0 12px;
    }

    header .main-navbar .nav-menu > li .mega-menu-container.opensubmenu {
        display: block;
    }

    header .main-navbar .nav-menu > li .mega-menu-container .mega-box {
        width: 100%;
        padding: 0;
    }

    header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title {
        position: relative;
    }

    header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
        margin-bottom: 0;
        font-weight: 500 !important;
        line-height: 1.9;
        padding: 2px 25px;
    }

    header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
        top: 4px;
    }

    header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content {
        display: none;
    }

    header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu {
        display: block;
        padding: 0 45px;
    }

    header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
        line-height: 1.9;
    }

    header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
        margin-left: 0;
    }

    header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover:after {
        display: none;
    }

    header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section + .link-section {
        margin-top: 0;
    }

    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;
    }

    header.light-header .menu .brand-logo img {
        margin-bottom: 0;
        width: 80%;
    }

    header.header-centered .menu nav {
        margin-left: auto;
        margin-right: 0;
    }

    header.header-centered .menu .brand-logo {
        margin-left: -9px;
    }

    .mega-box .link-section .demo ul li a span img {
        top: 30px;
        right: -60px;
    }

    .mega-box.col {
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
    }

    .according-menu {
        position: absolute;
        right: 20px;
        top: 8px;
    }

    .main-menu.border-section {
        border: none;
    }

    .main-menu .menu-left .main-menu-right .toggle-nav {
        position: absolute;
        z-index: 2;
        right: 145px;
        top: 6px;
    }

    .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
        font-size: 18px;
        padding-left: 5px;
        text-transform: uppercase;
    }
}

@media (max-width: 991px) {
    .top-bar .top-content .top-bar-right {
        width: auto;
    }

    header .header-right .right-menu ul .dropdown ul.nav-submenu {
        width: 150px;
    }

    header.header-centered .menu .brand-logo {
        margin-left: -15px;
    }
}

@media (max-width: 767px) {
    .top-bar .header-right li a svg {
        width: 16px;
        height: 16px;
    }

    .top-bar .header-right .right-menu ul .dropdown {
        padding: 0 6px;
    }

    .top-bar .header-right .right-menu ul .dropdown + .dropdown {
        margin-left: 2px;
    }

    header .header-right .right-menu ul .dropdown + .dropdown {
        margin-left: 0;
    }

    header .menu .brand-logo img {
        width: 230px;
    }
}

@media (max-width: 576px) {
    header .header-right .right-menu ul .dropdown {
        padding: 20px 5px;
    }

    header .menu .brand-logo img {
        width: 222px;
        height: auto;
    }

    header .menu .coupon-box h6 {
        padding: 3px 5px;
        font-size: 12px;
    }

    header .menu nav {
        margin-right: 20px;
    }

    header .menu .header-right li a svg {
        height: 14px;
        vertical-align: text-bottom;
    }

    .toggle-nav {
        padding-top: 22px;
        padding-bottom: 20px;
    }
}

@media (max-width: 575px) {
    header.header-centered .menu .brand-logo {
        margin-left: -23px;
    }
}

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

    header .menu .coupon-box {
        display: none;
    }
}

@media (max-width: 420px) {
    header .header-right .right-menu ul li.cart ul.nav-submenu {
        width: 250px;
    }

    header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
        right: -10px;
        top: -10px;
    }

    header .header-right .right-menu ul li.cart ul.nav-submenu li .media img {
        height: 50px;
    }

    header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body h5 {
        margin-bottom: 4px;
    }
}

@media (max-width: 480px) {
    header .header-right .right-menu ul .dropdown {
        padding: 20px 3px;
    }
}

@media (max-width: 360px) {
    .top-bar .header-right li a svg {
        width: 14px;
        height: 14px;
    }

    .top-bar .header-right .right-menu ul .dropdown {
        padding: 0 0 0 3px;
    }

    .top-bar .header-right .right-menu ul .dropdown + .dropdown {
        margin-left: 0;
    }

    ul + .dropdown header .header-right .right-menu ul li.cart ul.nav-submenu {
        right: -45px;
    }
}

/**=====================
     Header css end
==========================**/
/**=====================
     footer css start
==========================**/
footer.footer-brown {
    background: var(--theme-default);
    
}

footer.footer-brown .footer-details img {
    margin: -30px -6px -40px;
}

footer.footer-brown .footer-details p {
    font-size: 15px;
    margin-top: 45px;
}

footer.footer-brown .sub-footer {
    background-color: #1e1e1e;
}

footer.footer-brown .sub-footer .copy-right p svg {
    width: 16px;
    height: 16px;
    fill: var(--theme-default8);
    stroke: var(--theme-default8);
}

footer.footer-brown .sub-footer .footer-social ul li a {
    color: #d2d2d2;
}

footer.footer-brown .sub-footer .footer-social ul li a:hover {
    color: #ffffff;
}

footer.footer-brown .sub-footer .footer-social ul li + li {
    margin-left: 35px;
}

footer.footer-brown .sub-footer .footer-social ul li i {
    font-size: 16px;
}

footer.footer-brown .sub-footer p {
    color: #d2d2d2;
}

footer.footer-dark {
    background: #1b2c39;
}

footer.footer-dark .footer-details p {
    margin-top: 40px;
    color: rgba(255, 255, 255, 0.5);
}

footer.footer-dark .footer-links .footer-content p {
    color: rgba(255, 255, 255, 0.7);
}

footer.footer-dark .footer-contact {
    margin-bottom: -2px;
}

footer.footer-dark .sub-footer .footer-social ul li a:hover {
    color: rgba(255, 255, 255, 0.8);
}

footer.footer-res .footer-links .footer-content {
    margin-top: 36px;
}

footer.footer-res .footer-links .footer-content p {
    margin-top: 10px;
}

footer.footer-res .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-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: 60px 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-content .footer-map {
    padding-top: 5px;
}

footer .footer-links .footer-content .footer-map iframe {
    width: 330px;
    height: 150px;
}

footer .footer-links .footer-content .footer-blog {
    padding-top: 5px;
}

footer .footer-links .footer-content .footer-blog .media .img-overlay {
    position: relative;
}

footer .footer-links .footer-content .footer-blog .media .img-overlay::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    -webkit-box-shadow: inset 0px -29px 18px 0px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px -29px 18px 0px rgba(0, 0, 0, 0.6);
}

footer .footer-links .footer-content .footer-blog .media .media-body {
    margin-left: 20px;
}

footer .footer-links .footer-content .footer-blog .media .media-body h6 {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
}

footer .footer-links .footer-content .footer-blog .media .media-body h6 a {
    color: rgba(255, 255, 255, 0.8);
}

footer .footer-links .footer-content .footer-blog .media + .media {
    margin-top: 20px;
}

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);
}

.footer-bg p {
    color: #d2d2d2;
}

.footer-bg .footer-details {
    background-color: #202020;
    padding: 30px;
    border-radius: 15px;
}

.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-bg .bottom-blog .slick-initialized .slick-slide {
    margin-bottom: -1px;
}

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

body.dark-layout {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #1b1b1b;
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout h2,
body.dark-layout h3 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout p {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .custom-dropdown .custom-dropdown-menu {
    background-color: #1b1b1b;
    border-color: #383434;
}

body.dark-layout .tab-icon .filters ul li {
    border-bottom: 3px solid #2c2b2b;
}

body.dark-layout .tab-icon .filters ul li lord-icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

body.dark-layout .tab-icon .filters ul li.active {
    color: rgba(255, 255, 255, 0.9);
    border-bottom: 3px solid var(--theme-default3);
}

body.dark-layout .terms-bottom-content {
    background-color: #1b1b1b;
}

body.dark-layout.layout-bg section {
    background-color: #202020;
}

body.dark-layout.layout-bg section.bg-light {
    background-color: #1d1d1d !important;
}

body.dark-layout.layout-bg .feature-section .feature-content {
    background-color: #232323;
}

body.dark-layout .btn-outline-light {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .btn-outline-light:hover {
    color: #1c2d3a;
}

body.dark-layout .btn-outline-dark {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .compare-page .table-wrapper .table {
    border: 1px solid #383434;
}

body.dark-layout .compare-page .table-wrapper .table thead .th-compare td {
    background: #232323;
    color: rgba(255, 255, 255, 0.8);
    border-right: 1px solid #383434;
    border-bottom-color: #383434;
}

body.dark-layout .compare-page .table-wrapper .table thead .th-compare th {
    border-bottom: 1px solid #383434;
    border-right: 1px solid #383434;
}

body.dark-layout .compare-page .table-wrapper .table thead .th-compare th .remove {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .compare-page .table-wrapper .table tbody tr p {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .compare-page .table-wrapper .table tbody tr .property_price h6 a {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .compare-page .table-wrapper .table tbody tr th {
    background: #232323;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid #383434;
    border-left: unset;
}

body.dark-layout .compare-page .table-wrapper .table tbody tr td {
    border: 1px solid #383434;
    border-left: unset;
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .grid-box {
    background-color: #232323;
}

body.dark-layout .feature-section .feature-1 .feature-wrapper .property-details h6 {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .feature-section .feature-1 .feature-wrapper .property-details ul li img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

body.dark-layout .feature-section .video-details.feature-content .left-sidebar label {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .video-layout .video-details .left-sidebar label {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .video-layout .overlay-content .left-sidebar {
    background-color: #1b1b1b;
}

body.dark-layout header .header-right .right-menu ul .cart ul.nav-submenu li:last-child {
    border-top: 1px solid #383434;
}

body.dark-layout header .header-right .right-menu ul .dropdown ul.nav-submenu li .total h5 {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout header .header-right .right-menu ul .dropdown ul.nav-submenu li .media .media-body span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout header .header-right .right-menu ul .dropdown ul.nav-submenu.open {
    background: #232323;
}

body.dark-layout header .header-right .right-menu ul .dropdown ul.nav-submenu.open li a {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .theme-card {
    background: #232323;
    -webkit-box-shadow: -1px 0px 7px 1px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 0px 7px 1px rgba(0, 0, 0, 0.2);
}

body.dark-layout .card-header {
    border-bottom: 1px solid #383434;
}

body.dark-layout .dropdown .dropdown-menu {
    background-color: #232323;
    border-color: #383434;
}

body.dark-layout .dropdown .dropdown-menu .dropdown-item:active,
body.dark-layout .dropdown .dropdown-menu .dropdown-item .active {
    background-color: #1b1b1b;
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .dropdown .dropdown-menu .dropdown-item:hover,
body.dark-layout .dropdown .dropdown-menu .dropdown-item:focus {
    background-color: #1a1919;
}

body.dark-layout .dropdown .dropdown-toggle i {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .dropdown-item {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .dropdown-item:hover,
body.dark-layout .dropdown-item:focus {
    background-color: #1b1b1b;
}

body.dark-layout .layout-home3 .banner-3 .btn.btn-solid:hover {
    background-color: #ffffff;
}

body.dark-layout .layout-home3 .arrow-image .slick-arrow .slick-thumb-nav::after {
    background: #ffffff;
}

body.dark-layout .project-details .detail-container {
    border-bottom: 1px solid #383434;
}

body.dark-layout .portfolio-creative .content-sec {
    border-color: #383434;
}

body.dark-layout .portfolio-creative .content-sec h3 a {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .bg-light {
    background-color: #202020 !important;
}

body.dark-layout .modal-content {
    background-color: #1b1b1b;
}

body.dark-layout .shadow-cls {
    -webkit-box-shadow: 3.346px 3.716px 22.5px #232323;
    box-shadow: 3.346px 3.716px 22.5px #232323;
}

body.dark-layout header.header-9.shadow-cls {
    -webkit-box-shadow: 3.346px 3.716px 22.5px #1d1c1c;
    box-shadow: 3.346px 3.716px 22.5px #1d1c1c;
}

body.dark-layout .agent-section .agent-wrap {
    border-left-color: #383434;
}

body.dark-layout .agent-section .our-agent-details ul li .media .media-body h6 {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .agent-section .agent-content .agent-contact li {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .property-section .property-box .property-image .overlay-property-box .effect-round {
    background: #232323;
}

body.dark-layout .property-section .property-box .property-image .overlay-property-box .effect-round svg {
    stroke: rgba(255, 255, 255, 0.7);
}

body.dark-layout .property-section .property-box .property-details > ul > li > img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

body.dark-layout .layout-home2 .home-main {
    background-image: url(../images/banner-2.jpg);
}

body.dark-layout .service-section .property-service > div .service-box h3 {
    -webkit-text-fill-color: #ffffff;
}

body.dark-layout .service-section .property-service > div .service-box h3 a {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .property-grid .property-box .agent-image {
    border-bottom: 1px solid #383434;
}

body.dark-layout .property-grid.list-view .property-box .agent-image {
    border-right: 1px solid #383434;
    border-bottom: none;
}

body.dark-layout .arrow-image .slick-arrow .slick-thumb-nav::after {
    background: #282727;
}

body.dark-layout .coming-simple .site-construction h4 {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .property-list-details li {
    color: rgba(255, 255, 255, 0.75);
}

body.dark-layout .property-list-details li span {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .single-property-section .single-title {
    background-color: #232323;
}

body.dark-layout .single-property-section .left-single ul li > div img {
    -webkit-filter: brightness(0.5) invert(0.7);
    filter: brightness(0.5) invert(0.7);
}

body.dark-layout .single-property-section .left-single .share-buttons > div .share-hover {
    background-color: #232323;
}

body.dark-layout .single-property-section .left-single .share-buttons > div .share-hover ul li + li {
    border-color: #383434;
}

body.dark-layout .title-3.inner-title h2 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .single-property .description-section .desc-box {
    background-color: #232323;
}

body.dark-layout .single-property .description-section .desc-box p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .single-property .description-section .attach-file {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .single-property .description-section .attach-file:hover {
    color: var(--theme-default4);
}

body.dark-layout .single-property .description-section .menu-top {
    background-color: #232323;
    border-bottom: 1px solid #383434;
}

body.dark-layout .single-property .description-section .menu-top li a {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .single-property .description-section .menu-top li.active a {
    color: var(--theme-default4);
}

body.dark-layout .nav-tabs {
    border-bottom: 1px solid #383434;
}

body.dark-layout .nav-tabs .nav-link.active,
body.dark-layout .nav-tabs .nav-item.show .nav-link {
    background-color: transparent;
}

body.dark-layout .line-tab.nav-tabs .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .line-tab.nav-tabs .nav-link.active {
    color: var(--theme-default4);
}

body.dark-layout .pagination-tab.nav-tabs {
    border-bottom: none;
}

body.dark-layout form label {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .form-control {
    background-color: #232323;
    border-color: #383434;
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .form-control::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .form-control::placeholder,
body.dark-layout .form-control:focus {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .checkbox_animated:after {
    background: #1b1b1b;
    border: 2px solid #383434;
}

body.dark-layout .btn.btn-dashed {
    color: rgba(255, 255, 255, 0.8);
    border-color: #383434;
}

body.dark-layout .btn.btn-light-bg:hover {
    background: #1b1b1b;
}

body.dark-layout .btn.btn-solid:hover {
    background: #1b1b1b;
}

body.dark-layout .btn.btn-white {
    background: #1b1b1b;
}

body.dark-layout .btn.btn-white:hover {
    -webkit-box-shadow: 0 4px 6px 2px #383434;
    box-shadow: 0 4px 6px 2px #383434;
}

body.dark-layout .log-in form .form-group input {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .log-in form .form-group .input-group .input-group-text i,
body.dark-layout .log-in form .form-group .input-group .input-group-text svg {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .log-in form .btn.btn-dashed {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .log-in form .btn.btn-dashed.color-2:hover {
    color: var(--theme-default4);
}

body.dark-layout .title-2 p {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .title-3 p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .page-link {
    background-color: #1b1b1b;
    border: 1px solid #383434;
}

body.dark-layout .error-section {
    background-color: #232323;
}

body.dark-layout .arrow-white .slick-arrow {
    -webkit-box-shadow: 0px 0 35px 0px rgba(35, 35, 35, 0.07);
    box-shadow: 0px 0 35px 0px rgba(35, 35, 35, 0.07);
    background-color: #232323;
}

body.dark-layout .input-group-text {
    border: 1px solid #383434;
}

body.dark-layout header .menu .for-light {
    display: none;
}

body.dark-layout header .menu .for-dark {
    display: block;
}

body.dark-layout header .main-navbar .nav-menu > li .nav-submenu,
body.dark-layout header .main-navbar .nav-menu > li .mega-menu-container {
    background: #232323;
    -webkit-box-shadow: 0 1px 5px 0 rgba(27, 27, 27, 0.2);
    box-shadow: 0 1px 5px 0 rgba(27, 27, 27, 0.2);
}

body.dark-layout header .main-navbar .nav-menu > li .nav-submenu li a,
body.dark-layout header .main-navbar .nav-menu > li .mega-menu-container li a {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu,
body.dark-layout header .main-navbar .nav-menu > li .mega-menu-container li .nav-sub-childmenu {
    background: #232323;
    -webkit-box-shadow: 0 0 1px 0 #1b1b1b;
    box-shadow: 0 0 1px 0 #1b1b1b;
}

body.dark-layout header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout header.header-3 {
    background-color: #303030;
}

body.dark-layout header.header-4,
body.dark-layout header.light-header {
    background: #1b1b1b;
}

body.dark-layout header.header-4 .main-navbar .nav-menu > li > a,
body.dark-layout header.light-header .main-navbar .nav-menu > li > a {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout header.header-4 .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5,
body.dark-layout header.light-header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout header.header-4 .menu .header-right li .search-box .form-group::before {
    background-color: #1b1b1b;
}

body.dark-layout header.light-header .menu .header-right li a {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout header.light-header .toggle-nav i {
    color: #ffffff;
}

body.dark-layout .animate-rdi label {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .top-bar .top-content .brand-logo .for-light {
    display: none;
}

body.dark-layout .top-bar .top-content .brand-logo .for-dark {
    display: block;
}

body.dark-layout .top-bar .top-content .top-bar-right .input-group {
    background-color: #303030;
}

body.dark-layout .top-bar .top-content .top-bar-right .input-group input {
    border-left: 1px solid #3b4249;
    border-right: 1px solid #3b4249;
}

body.dark-layout .top-bar .top-content .top-bar-right .input-group .input-group-text {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .top-bar.top-bar-7 .filter-bottom-content {
    background-color: #232323;
}

body.dark-layout .signup-modal .signup-tab h4 {
    color: rgba(255, 255, 255, 0.95);
}

body.dark-layout .signup-modal .signup-tab .nav-tabs .nav-link {
    border: 1px solid #383434;
}

body.dark-layout .signup-modal .signup-tab form span {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .signup-modal .signup-tab form .form-group .input-group input {
    background-color: transparent;
}

body.dark-layout .signup-modal .signup-tab form .form-group svg,
body.dark-layout .signup-modal .signup-tab form .form-group i {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .signup-modal .signup-tab form a {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .log-in h6 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .log-in form .form-group .input-group input {
    border-bottom: 1px solid #383434;
    background: transparent;
}

body.dark-layout .log-in form .form-group .input-group input ~ .input-group-text {
    border-bottom: 1px solid #383434;
}

body.dark-layout .log-in form .form-group .input-group .input-group-text {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .log-in form .form-group .input-group .input-group-apend .input-group-text {
    border-bottom: 1px solid #383434;
}

body.dark-layout .log-in form .form-group textarea {
    border-bottom: 1px solid #383434;
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .log-in form .form-group .important-note {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-layout .log-in form .d-flex a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .log-in .divider h6 {
    background: #232323;
}

body.dark-layout .log-in .divider::after {
    background-color: #383434;
}

body.dark-layout .property-wizard .dropdown {
    border: 1px solid #383434;
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .property-wizard .dropdown .dropdown-item {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .property-wizard .dropdown .dropdown-toggle {
    background: #232323;
}

body.dark-layout .property-wizard .dropdown .dropdown-toggle i {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .property-wizard .feature-checkbox label {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-layout .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps {
    border-bottom: 1px solid #383434;
}

body.dark-layout .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content h3 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content ul li {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
    background-color: #1b1b1b;
}

body.dark-layout .dropzone {
    border-color: #383434;
}

body.dark-layout .dropzone .dz-preview {
    background-color: #1a1919;
}

body.dark-layout .dropzone .dz-preview .dz-details {
    background-color: #383434;
}

body.dark-layout .dropzone .dz-preview .dz-error-message {
    background: #1a1919;
}

body.dark-layout .dropzone .dz-preview .dz-error-message::after {
    border-bottom: 6px solid #1a1919;
}

body.dark-layout .left-sidebar .dropdown {
    border-color: #383434;
}

body.dark-layout .left-sidebar .dropdown .dropdown-toggle i {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .left-sidebar,
body.dark-layout .blog-sidebar {
    background: #232323;
}

body.dark-layout .blog-sidebar .search-bar input {
    background-color: #1b1b1b;
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .filter-bottom-content {
    background: #232323;
    -webkit-box-shadow: 0 0 24px 0 rgba(27, 27, 27, 0.1);
    box-shadow: 0 0 24px 0 rgba(27, 27, 27, 0.1);
}

body.dark-layout .price-range label {
    color: #ffffff;
}

body.dark-layout .price-range input {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .filter-cards .advance-card > h6 {
    color: rgba(255, 255, 255, 0.85);
}

body.dark-layout .filter-cards .advance-card .recent-property ul li .media .media-body h5 {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .filter-cards .advance-card .recent-property ul li .media .media-body span span {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .filter-cards .advance-card .category-property .agent-info h6 {
    color: rgba(255, 255, 255, 0.85);
}

body.dark-layout .filter-cards .advance-card .category-property ul li {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .filter-cards .advance-card .category-property ul li a {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .filter-cards .advance-card .category-property ul li a span {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .filter-cards .advance-card .category-property ul li a:hover,
body.dark-layout .filter-cards .advance-card .category-property ul li a:focus {
    color: var(--theme-default3);
}

body.dark-layout .filter-cards .advance-card .category-property form .input-group-text {
    border: 1px solid #383434;
}

body.dark-layout .filter-cards .advance-card .category-property form input,
body.dark-layout .filter-cards .advance-card .category-property form textarea {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .filter-cards .advance-card .tags ul li {
    background-color: #1b1b1b;
}

body.dark-layout .filter-cards .advance-card .tags ul li a {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .filter-cards .advance-card .tags ul li a:hover {
    color: var(--theme-default4);
}

body.dark-layout .filter-cards .advance-card .back-btn {
    border-bottom: 1px solid #383434;
}

body.dark-layout .filter-panel {
    border-bottom: 1px solid #383434;
}

body.dark-layout .filter-panel .filters ul li {
    background-color: #282727;
}

body.dark-layout .filter-panel .grid-list-filter li > a,
body.dark-layout .filter-panel .grid-list-filter li .dropdown-toggle,
body.dark-layout .filter-panel .grid-list-filter li .filter-bottom-title {
    color: rgba(255, 255, 255, 0.85);
    border: 1px solid #383434;
}

body.dark-layout .filter-panel .grid-list-filter li.active a {
    color: var(--theme-default3);
    border-color: var(--theme-default3);
}

body.dark-layout .filter-panel .grid-list-filter li .dropdown-menu a {
    color: rgba(255, 255, 255, 0.85);
}

body.dark-layout .filter-panel .d-lg-none .mobile-filter {
    border: 1px solid #383434;
    color: rgba(255, 255, 255, 0.85);
}

body.dark-layout .home-section.layout-5 .decor-image {
    -webkit-filter: brightness(0.9) invert(0.99);
    filter: brightness(0.9) invert(0.99);
}

body.dark-layout .home-section.layout-9 {
    background-color: rgba(27, 27, 27, 0.99);
}

body.dark-layout .home-section.layout-9 .home-main .home-content h1,
body.dark-layout .home-section.layout-9 .home-main .home-content h6 {
    color: rgba(255, 255, 255, 0.95);
}

body.dark-layout .home-section.layout-9 .arrow-light img {
    -webkit-filter: brightness(0.8) invert(0.95);
    filter: brightness(0.8) invert(0.95);
}

body.dark-layout .box.text-affect .title h1 {
    color: white;
}

body.dark-layout .box.text-affect .role p {
    color: white;
}

body.dark-layout .looking-icons ul li .looking-icon {
    background-color: #1b1b1b;
    -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(56, 52, 52, 0.04);
    box-shadow: 3.346px 3.716px 22.5px rgba(56, 52, 52, 0.04);
}

body.dark-layout .layout-home8 {
    background-color: #232323;
}

body.dark-layout .layout-home8 .home-content h1,
body.dark-layout .layout-home8 .home-content h6 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .layout-home8::after {
    -webkit-filter: brightness(0.9) invert(1);
    filter: brightness(0.9) invert(1);
}

body.dark-layout .search-with-tab .nav-tabs {
    border-bottom: none;
}

body.dark-layout .search-with-tab .nav-tabs .nav-item .nav-link {
    background: #1b1b1b;
}

body.dark-layout .search-with-tab .tab-content {
    background-color: #1b1b1b;
}

body.dark-layout .search-with-tab .tab-content::before {
    border-bottom-color: #1b1b1b;
}

body.dark-layout .search-with-tab .tab-content .review-form .form-control {
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
}

body.dark-layout .search-with-tab .tab-content .review-form .dropdown {
    border-color: #383434;
}

body.dark-layout .search-withmap .left-sidebar {
    background-color: #1b1b1b;
}

body.dark-layout .search-withmap .left-sidebar label {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .search-withmap .left-sidebar .price-range label,
body.dark-layout .search-withmap .left-sidebar .price-range input {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .new-property .feature-content {
    background-color: #1b1b1b;
}

body.dark-layout .vertical-search .left-sidebar .dropdown {
    background-color: #232323;
}

body.dark-layout .terms-section .terms-wrapper h4 {
    color: rgba(255, 255, 255, 0.85);
}

body.dark-layout .terms-section .terms-wrapper ul li {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .map-modal .left-sidebar {
    background: #232323;
}

body.dark-layout .btn-close {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .portfolio-grid .filter-panel {
    border-bottom: none;
}

body.dark-layout .portfolio-grid .property-text h3 a {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .property-section .property-box {
    background-color: #232323;
}

body.dark-layout .property-section .property-box .property-details .icon-property li + li::before {
    background-color: #383434;
}

body.dark-layout .property-section .property-2 .property-box .property-details > a {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.95)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.dark-layout .property-section .property-2 .property-box:hover .property-details > a {
    background: var(--theme-gradient6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.dark-layout .property-section .property-box-flat .property-box .property-details h3 a {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .property-section .property-box-flat .property-box .property-details p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .property-section .list-property .property-box .property-image .overlay-property .overlay-box {
    background-color: #232323;
}

body.dark-layout .property-section .list-property .property-box .property-image .overlay-property .overlay-box h4 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .property-section .list-property .property-box .property-image .overlay-property .overlay-box p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .property-section .nav-tabs .nav-link.active,
body.dark-layout .property-section .nav-tabs .nav-link:hover,
body.dark-layout .property-section .nav-tabs .nav-link:focus {
    background-color: #ffffff;
}

body.dark-layout .property-section .nav-tabs.pagination-tab .nav-link.active,
body.dark-layout .property-section .nav-tabs.pagination-tab .nav-link:hover,
body.dark-layout .property-section .nav-tabs.pagination-tab .nav-link:focus {
    background-color: transparent;
}

body.dark-layout .property-details > a {
    color: #ffffff;
}

body.dark-layout .property-details ul li + li {
    border-left: 1px solid #383434;
}

body.dark-layout .user-dashboard .sidebar-user {
    background-color: #232323;
}

body.dark-layout .user-dashboard .dashboard-content .common-card {
    background-color: #232323;
}

body.dark-layout .user-dashboard .property-overview table tr th {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .user-dashboard .property-overview table tr td .d-flex h6 {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .user-dashboard .switch .switch-state {
    background-color: #0f0f0f;
}

body.dark-layout .user-dashboard .switch input:checked + .switch-state {
    background-color: #89c826;
}

body.dark-layout .right-line-tab {
    border-bottom: none;
}

body.dark-layout .right-line-tab .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .right-line-tab .nav-item .nav-link.active {
    color: var(--theme-default3);
}

body.dark-layout .apexcharts-canvas text {
    fill: rgba(255, 255, 255, 0.7);
}

body.dark-layout .apexcharts-tooltip.light {
    border: 1px solid #383434;
    background: #1b1b1b;
}

body.dark-layout .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: #232323;
    border-bottom: 1px solid #383434;
}

body.dark-layout #overviewchart svg linearGradient stop[stop-opacity="0.4"] {
    stop-color: #232323;
}

body.dark-layout .modal-footer {
    border-top: 1px solid #383434;
}

body.dark-layout .card-payment .payment-card.add-card {
    background-color: #1b1b1b;
    background-image: unset;
}

body.dark-layout .edit-profile-modal form .form-control {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .edit-profile-modal form .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .edit-profile-modal form .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .edit-profile-modal form .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .edit-profile-modal form .form-control::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .edit-profile-modal form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .gj-picker-bootstrap {
    color: #1c2d3a;
}

body.dark-layout .gj-datepicker-bootstrap [role=right-icon] button {
    border: 1px solid #383434;
}

body.dark-layout .feature-section .feature-content {
    -webkit-box-shadow: #232323 0px 0px 75px;
    box-shadow: #232323 0px 0px 75px;
    background-color: #282727;
}

body.dark-layout .feature-section .feature-content .details h3,
body.dark-layout .feature-section .feature-content .details > span,
body.dark-layout .feature-section .feature-content .feature-price h3,
body.dark-layout .feature-section .feature-content .feature-price > span {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .feature-section .feature-content .details h3 a,
body.dark-layout .feature-section .feature-content .feature-price h3 a {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .feature-section .feature-content .details p,
body.dark-layout .feature-section .feature-content .feature-price p {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .feature-section .feature-content .details span,
body.dark-layout .feature-section .feature-content .feature-price span {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .feature-section .feature-content .detail-list {
    border-top: 1px solid #383434;
    border-bottom: 1px solid #383434;
}

body.dark-layout .feature-section .feature-content .detail-list li .d-flex h6 {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .feature-section .feature-content .feature-price li h6 {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .feature-section .feature-1 .feature-wrapper .property-details {
    -webkit-box-shadow: 6.691px 7.431px 12.5px rgba(35, 35, 35, 0.07);
    box-shadow: 6.691px 7.431px 12.5px rgba(35, 35, 35, 0.07);
    background-color: #1b1b1b;
}

body.dark-layout .feature-section .feature-3 .slick-next,
body.dark-layout .feature-section .feature-3 .slick-prev {
    background: #1b1b1b;
}

body.dark-layout .feature-section .modern-feature .feature-wrap .feature-content {
    background-color: transparent;
}

body.dark-layout .feature-section.bg-half::before {
    background-color: #232323;
}

body.dark-layout .new-property .feature-content .details h3 span {
    color: var(--theme-default3);
}

body.dark-layout .layout-map .feature-section .feature-content {
    -webkit-box-shadow: none;
    box-shadow: none;
}

body.dark-layout .layout-map .withmap-horizontal .search-panel .width-fit > div + div {
    border-left-color: #383434;
}

body.dark-layout .service-section .property-service > div .service-box {
    background-color: #282828;
    -webkit-box-shadow: 3px 3px 3px rgba(56, 52, 52, 0.07);
    box-shadow: 3px 3px 3px rgba(56, 52, 52, 0.07);
}

body.dark-layout .service-section .property-service > div .service-box p {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .service-section .property-service > div .service-box .icon-round {
    border: 2px solid #383434;
}

body.dark-layout .service-section.service-2 .property-service > div .service-box h3 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .service-section.service-bg::after {
    background-color: #232323;
}

body.dark-layout .service-slider .service-wrapper .service-details {
    background-color: #1b1b1b;
    -webkit-box-shadow: #282727 0px 0px 35px;
    box-shadow: #282727 0px 0px 35px;
}

body.dark-layout .service-slider .service-wrapper .service-details h3 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .service-slider .service-wrapper .service-details h3 a {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .service-slider .service-wrapper .service-details p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .why-choose .service-section .property-service > div .service-box {
    background-color: #282828;
}

body.dark-layout .about-section .about-wrap .about-content .our-details {
    background-color: #232323;
}

body.dark-layout .about-section .about-wrap.about-2 .about-content .our-details p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .about-box .agent-image .overlay-agent .agent-details {
    background-color: #1b1b1b;
}

body.dark-layout .about-box .agent-image .overlay-agent .agent-details h5 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .about-box .agent-image .overlay-agent .agent-details p {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .about-box .agent-image .overlay-agent .agent-details > span {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .about-box .agent-image .overlay-agent .agent-details ul li a {
    -webkit-box-shadow: 0 0 20px 0 #383434;
    box-shadow: 0 0 20px 0 #383434;
}

body.dark-layout .banner-2 {
    background-color: #1b1b1b;
}

body.dark-layout .banner-2 .banner-right h6,
body.dark-layout .banner-2 .banner-right p {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .banner-3 h2,
body.dark-layout .banner-3 p {
    color: #586167;
}

body.dark-layout .testimonial-1 .pepole-comment .client-msg {
    background: #282828;
}

body.dark-layout .testimonial-1 .pepole-comment .client-msg p {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .testimonial-1 .pepole-comment .client-msg::before {
    border-top: 14px solid #282828;
}

body.dark-layout .our-client {
    -webkit-box-shadow: #232323 0px 0px 75px;
    box-shadow: #232323 0px 0px 75px;
    background: #282828;
}

body.dark-layout .our-client .client-right p {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .our-client .client-right h3 {
    color: rgba(255, 255, 255, 0.85);
}

body.dark-layout .our-client .client-right h6 {
    color: rgba(255, 255, 255, 0.65);
}

body.dark-layout .our-client .quote-img img {
    -webkit-filter: brightness(0.5) invert(0.5);
    filter: brightness(0.5) invert(0.5);
}

body.dark-layout .modern-client .comment-right {
    background: #232323;
    -webkit-box-shadow: #232323 -2.575px 4.286px 25px;
    box-shadow: #232323 -2.575px 4.286px 25px;
}

body.dark-layout .modern-client .comment-right h6 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .modern-client .comment-right p {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .user-about .about-listing {
    -webkit-box-shadow: 3.346px 3.716px 22.5px #383434;
    box-shadow: 3.346px 3.716px 22.5px #383434;
}

body.dark-layout .user-about .map-image {
    background-color: rgba(27, 27, 27, 0.9);
}

body.dark-layout .effect-cls:after {
    -webkit-filter: brightness(0.9) invert(1);
    filter: brightness(0.9) invert(1);
}

body.dark-layout .blog-1 .blog-box {
    background-color: #232323;
}

body.dark-layout .blog-1 .blog-box .blog-content {
    background-color: #232323;
}

body.dark-layout .blog-1 .blog-box .blog-content span {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .blog-1 .blog-box .blog-content p {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .blog-wrap {
    -webkit-box-shadow: 0px 10px 30px #232323;
    box-shadow: 0px 10px 30px #232323;
    background-color: #282828;
}

body.dark-layout .blog-wrap .blog-details h3 a {
    color: rgba(255, 255, 255, 0.85);
}

body.dark-layout .blog-wrap .blog-details span,
body.dark-layout .blog-wrap .blog-details h5,
body.dark-layout .blog-wrap .blog-details a {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .blog-wrap .blog-details p {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .blog-wrap:hover .blog-details a {
    color: var(--theme-default5);
}

body.dark-layout .blog-single-detail .blog-title .post-detail li {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .blog-single-detail .blog-title .post-detail li + li {
    border-left: 1px solid #383434;
}

body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .comment-title {
    border-bottom: 1px solid #383434;
}

body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-user h6,
body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date h6 {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-user i,
body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date i {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .blog-single-detail .comment-section .comment-box .media .media-body .text-end a {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .pricing-section .pricing-box {
    -webkit-box-shadow: #232323 0px 0px 27px;
    box-shadow: #232323 0px 0px 27px;
    background-color: #232323;
}

body.dark-layout .pricing-section .pricing-box h4,
body.dark-layout .pricing-section .pricing-box h3 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout .pricing-section .pricing-box .pricing-details p {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .pricing-section .pricing-box ul li {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-layout .pricing-section .pricing-box .price .light-text {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout .video-details {
    background-color: #1b1b1b;
}

body.dark-layout .video-details p {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-layout .video-layout .video-details {
    background-color: transparent;
}

body.dark-layout .video-layout .video-search {
    background: #1b1b1b;
}

body.dark-layout .video-layout .video-search .input-group {
    border-right-color: #383434;
}

body.dark-layout .video-layout .video-search .dropdown-toggle {
    color: rgba(255, 255, 255, 0.85);
}

body.dark-layout .video-layout .video-search .dropdown .dropdown-menu .dropdown-item {
    color: rgba(255, 255, 255, 0.85);
}

body.dark-layout .video-layout .play-bg {
    border-color: #1b1b1b;
}

body.dark-layout .logo-box img {
    -webkit-filter: brightness(0.8) invert(0.2);
    filter: brightness(0.8) invert(0.2);
}

body.dark-layout .brand-wrap .logo-box img {
    -webkit-filter: unset;
    filter: unset;
}

body.dark-layout .bg-light-blue {
    background-color: #232323;
}

body.dark-layout .bg-light-blue.arrow-gradient {
    background-color: #202020;
}

body.dark-layout .slide-3 .logo-box img {
    -webkit-filter: brightness(0.8) invert(0.4);
    filter: brightness(0.8) invert(0.4);
}

body.dark-layout .contact_section .contact_wrap {
    -webkit-box-shadow: 3.346px 3.716px 22.5px #232323;
    box-shadow: 3.346px 3.716px 22.5px #232323;
    background: #232323;
}

body.dark-layout .contact_wrap_2 .contact_wrap {
    background: transparent;
}

body.dark-layout .captcha {
    background-color: #232323;
    border-color: #383434;
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .captcha input[type="checkbox"] + .checkmark {
    background: #232323;
    border-color: #383434;
}

body.dark-layout .captcha .logo p,
body.dark-layout .captcha .logo small {
    color: rgba(255, 255, 255, 0.4);
}

body.dark-layout .download-section .app-right .form-group select {
    background: #1b1b1b;
    border-color: #383434;
    color: #ffffff;
}

body.dark-layout .download-section .app-right .form-group input {
    background: #1b1b1b;
}

body.dark-layout .card {
    background-color: #1b1b1b;
    -webkit-box-shadow: 3.346px 3.716px 22.5px #15131361;
    box-shadow: 3.346px 3.716px 22.5px #15131361;
}

body.dark-layout .card-header {
    background-color: #232323;
}

body.dark-layout .accordion .card {
    background-color: #232323;
    -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);
}

body.dark-layout .accordion .card-header {
    border-bottom: none;
}

body.dark-layout .accordion .card-header .card-link {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .accordion .card-header .card-link::after {
    color: rgba(255, 255, 255, 0.8);
}

body.dark-layout .accordion .card-body {
    border-top: 1px solid #383434;
}

body.dark-layout footer .footer-links h5 {
    color: rgba(255, 255, 255, 0.93);
}

body.dark-layout footer .footer-links .footer-content .for-dark {
    display: block;
    -webkit-filter: unset;
    filter: unset;
}

body.dark-layout footer .footer-links .footer-content .for-light {
    display: none;
}

body.dark-layout footer.footer-dark {
    background: #232323;
}

body.dark-layout footer .sub-footer.sub-footer-dark {
    background-color: #1b1b1b;
}

body.dark-layout footer.footer-light .footer-details .footer-contact ul li {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout footer.footer-light .footer-details p {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout footer.footer-light .footer-content > img {
    -webkit-filter: brightness(0.8) invert(0.2);
    filter: brightness(0.8) invert(0.2);
}

body.dark-layout footer.footer-light .footer-links h5 {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-layout footer.footer-light .footer-links .footer-content li a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-layout footer.footer-light .sub-footer.sub-footer-dark {
    background-color: #232323;
}

body.dark-layout footer .footer-details .footer-contact ul li {
    color: rgba(255, 255, 255, 0.93);
}

body.dark-layout .footer-bg p {
    color: #d2d2d2;
}

body.dark-layout .footer-bg .footer-details h6 {
    color: rgba(255, 255, 255, 0.93);
}

body.dark-layout .footer-bg .bottom-blog .media .media-body h6 {
    color: rgba(255, 255, 255, 0.93);
}

body.dark-layout .footer-bg .bottom-blog .media .media-body h6 a {
    color: rgba(255, 255, 255, 0.93);
}

@media (max-width: 1199px) {
    body.dark-layout header .main-navbar .nav-menu {
        background-color: #232323;
        border: 1px solid #383434;
    }

    body.dark-layout header .main-navbar .nav-menu .back-btn .mobile-back {
        color: rgba(255, 255, 255, 0.85);
        border-bottom: 1px solid #383434;
    }

    body.dark-layout header .main-navbar .nav-menu > li a {
        color: rgba(255, 255, 255, 0.9);
    }

    body.dark-layout header .main-navbar .nav-menu > li .nav-link.active {
        color: #ffffff;
    }

    body.dark-layout header.header-4 .menu .toggle-nav i {
        color: #ffffff;
    }
}

@media (max-width: 991px) {
    body.dark-layout .feature-section.bg-half {
        background: #232323;
    }

    body.dark-layout .home-section.layout-9::after {
        background-color: rgba(29, 28, 28, 0.99);
    }
}

@media (max-width: 767px) {
    body.dark-layout .banner-2 .banner-right {
        background-color: rgba(27, 27, 27, 0.95);
    }

    body.dark-layout .parallax-home .parallax-right {
        opacity: 0.1;
    }
}

@media (max-width: 575px) {
    body.dark-layout .agent-section .agent-wrap {
        border-top-color: #383434;
    }

    body.dark-layout .top-right-toggle svg {
        color: #ffffff;
    }

    body.dark-layout .top-bar .top-content .top-bar-right {
        background: #232323;
    }

    body.dark-layout header.header-4 .menu .header-right {
        background: #232323;
        border-top-color: #383434;
    }

    body.dark-layout .feature-section .feature-content {
        background-color: #1b1b1b;
    }

    body.dark-layout .property-grid.list-view .property-box .agent-image {
        border-right: none;
        border-bottom: 1px solid #383434;
    }
}

/**=====================
     dark layout css end
==========================**/
/**=====================
     rtl layout css start
==========================**/
body.rtl .parallax-section .full_banner .center-content {
    text-align: left;
}

body.rtl .alert-default {
    direction: ltr;
}

body.rtl .text-start {
    text-align: right !important;
}

body.rtl .text-end {
    text-align: left !important;
}

body.rtl .float-end {
    float: left !important;
}

body.rtl .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important;
}

body.rtl .ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important;
}

body.rtl .ms-3 {
    margin-right: 1rem !important;
    margin-left: unset !important;
}

body.rtl .ms-2 {
    margin-right: 0.5rem !important;
    margin-left: unset !important;
}

body.rtl .ms-3 {
    margin-right: 1rem !important;
    margin-left: unset !important;
}

body.rtl .me-1 {
    margin-right: unset !important;
    margin-left: .25rem !important;
}

body.rtl .me-2 {
    margin-left: 0.5rem !important;
    margin-right: unset !important;
}

body.rtl .me-3 {
    margin-left: 1rem !important;
    margin-right: unset !important;
}

body.rtl .pe-1 {
    padding-left: 0.25rem !important;
    padding-right: unset !important;
}

body.rtl .pe-2 {
    padding-left: 0.5rem !important;
    padding-right: unset !important;
}

body.rtl .ps-1 {
    padding-right: 0.25rem !important;
    padding-left: unset !important;
}

body.rtl .map-section {
    direction: ltr;
}

body.rtl .terms-section .terms-wrapper ul {
    padding-left: unset;
    padding-right: 18px;
}

body.rtl .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
body.rtl .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    border-radius: 0 4px 4px 0;
}

body.rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 0;
}

body.rtl .input-group input ~ .input-group-text {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

body.rtl .was-validated .form-control:invalid {
    background-position: left calc(0.375em + 0.1875rem) center;
}

body.rtl .about-section .about-wrap .about-content .about-image .overlay-content ul {
    margin-left: unset;
    margin-right: -14px;
}

body.rtl .about-section .about-wrap .about-content .our-details a.btn svg {
    margin-right: unset;
    margin-left: 7px;
}

body.rtl .feature-section .feature-image .label-solid {
    right: -16px;
    left: unset;
}

body.rtl .feature-section .feature-image .label-solid::before {
    left: unset;
    right: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

body.rtl .feature-section .feature-wrap {
    direction: rtl;
}

body.rtl .icon-line-color {
    right: 0;
    left: unset;
}

body.rtl .top-bar .header-right .right-menu ul .dropdown ul.nav-submenu {
    right: unset;
    left: 0;
}

body.rtl .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
    right: unset;
    left: -5px;
}

body.rtl .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body {
    margin-right: 10px;
    margin-left: unset;
}

body.rtl .feature-3.arrow-image .slick-arrow {
    right: unset;
    left: 58px;
}

body.rtl .layout-home3 .slick-slider .slick-next {
    right: 123px;
    left: unset;
}

body.rtl .compare-page .table-wrapper .table thead .th-compare th .remove {
    float: right;
}

body.rtl .arrow-image .slick-arrow::after {
    left: unset;
    right: 15px;
}

body.rtl .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-next {
    right: 75px;
    left: unset;
}

body.rtl .fnc-slide__action-btn svg {
    margin-left: unset;
    margin-right: 10px;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}

body.rtl .fnc-slide__action-btn::before {
    right: 80px;
    left: unset;
}

body.rtl .arrow-white .slick-next,
body.rtl .arrow-light .slick-next {
    left: unset;
}

body.rtl .video-layout .overlay-content {
    left: unset;
    right: 10%;
}

body.rtl .feature-section .feature-1 .feature-wrapper .property-details ul li img {
    margin-right: unset;
    margin-left: 7px;
}

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

body.rtl .video-layout .video-details {
    padding-right: 0;
    padding-left: 60px;
    text-align: right;
}

body.rtl .video-layout .play-icon {
    margin-left: unset;
    margin-right: -50px;
}

body.rtl .video-layout .video-search .input-group {
    border-right: unset;
    border-left: 1px solid rgba(210, 210, 210, 0.5);
}

body.rtl .video-layout .video-search .dropdown-toggle i {
    float: unset;
    right: unset;
    left: 0;
}

body.rtl .toggle-nav.with-text span {
    margin-left: unset;
    margin-right: 10px;
}

body.rtl .arrow-define {
    left: -60px;
    right: unset;
}

body.rtl .arrow-define::after {
    left: unset;
    right: -50px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

body.rtl .layout-home2 .slick-slider .slick-prev {
    left: unset;
    right: 123px;
}

body.rtl .layout-home2 .slick-slider .slick-next {
    right: unset;
    left: 123px;
}

body.rtl header .main-navbar .nav-menu .back-btn .mobile-back {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

body.rtl header .main-navbar .nav-menu > li:last-child > a {
    margin-left: 0;
}

body.rtl header .main-navbar .nav-menu > li .nav-submenu li a {
    display: block;
}

body.rtl header .main-navbar .nav-menu > li .nav-submenu li a .label {
    left: unset;
    float: right;
    position: relative;
}

body.rtl header .main-navbar .nav-menu > li .nav-submenu li a .label.icon-trend {
    left: 0;
}

body.rtl header .main-navbar .nav-menu > li .nav-submenu li a:after {
    right: unset;
    left: 18px;
}

body.rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box a .label {
    left: 0;
}

body.rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box a .label.icon-trend {
    left: 20px;
}

body.rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 35px;
}

body.rtl header.header-centered {
    overflow: hidden;
}

body.rtl header.header-centered .main-navbar .nav-menu > li:last-child > a {
    margin-right: 0;
}

body.rtl .layout-map.header-map {
    direction: ltr;
}

body.rtl .layout-map .withmap-horizontal .search-panel .width-fit > div + div {
    border-left: none;
    border-right: 1px solid #e4daf5;
}

body.rtl .breadcrumb-item + .breadcrumb-item {
    padding-left: unset;
    padding-right: 0.5rem;
}

body.rtl .breadcrumb-item + .breadcrumb-item::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    float: right;
}

body.rtl ul {
    padding-right: 0;
}

body.rtl .dropdown .dropdown-toggle {
    text-align: right;
}

body.rtl .dropdown .dropdown-toggle i {
    float: left;
}

body.rtl .dropdown .dropdown-menu .dropdown-item {
    text-align: right;
}

body.rtl .price-range {
    text-align: right;
}

body.rtl .input-group > .input-group-prepend > .btn,
body.rtl .input-group > .input-group-prepend > .input-group-text,
body.rtl .input-group > .input-group-append:not(:last-child) > .btn,
body.rtl .input-group > .input-group-append:not(:last-child) > .input-group-text,
body.rtl .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
body.rtl .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body.rtl .input-group > .input-group-append > .btn,
body.rtl .input-group > .input-group-append > .input-group-text,
body.rtl .input-group > .input-group-prepend:not(:first-child) > .btn,
body.rtl .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
body.rtl .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
body.rtl .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

body.rtl .slick-slider {
    direction: ltr;
}

body.rtl .slick-slide {
    float: left;
}

body.rtl .slick-next {
    left: -25px;
}

body.rtl .checkbox_animated {
    margin: 0 10px 0 16px;
}

body.rtl .property-grid.list-view .property-box .agent-image {
    border-right: unset;
    border-left: 1px solid #eee;
}

body.rtl .details-right {
    padding-left: unset;
    padding-right: 40px;
}

body.rtl .banner-2 .banner-right {
    padding: 30px 0 30px 60px;
}

body.rtl .breadcrumb-section .breadcrumb-content.breadcrumb-right {
    text-align: left;
}

body.rtl .accordion .card-header {
    padding-left: 50px;
    padding-right: 30px;
}

body.rtl .accordion .card-header .card-link::after {
    right: unset;
    left: 30px;
}

body.rtl .faq-section form .btn {
    right: unset;
    left: 6px;
}

body.rtl .single-property-section .single-title {
    text-align: right;
}

body.rtl .single-property-section .single-title .right-single {
    text-align: left;
}

body.rtl .single-property-section .left-single ul li > div img {
    margin-right: unset;
    margin-left: 10px;
}

body.rtl .single-property-section .left-single .share-buttons > div .share-hover {
    left: unset;
    right: 0;
}

body.rtl .single-property-section .left-single .share-buttons > div .share-hover ul li + li {
    border-left: none;
    border-right: 1px solid #eee;
}

body.rtl .single-property .page-section {
    text-align: right;
}

body.rtl .single-property .description-section .single-feature ul li i {
    margin-right: unset;
    margin-left: 6px;
}

body.rtl .single-property .description-section .attach-file i {
    margin-right: unset;
    margin-left: 10px;
}

body.rtl .review .review-box .media .media-body {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl .review .review-box.review-child {
    margin-left: unset;
    margin-right: 50px;
}

body.rtl .modal-form {
    right: unset;
    left: -85px;
}

body.rtl .animate-rdi {
    margin-left: unset;
    margin-right: 45px;
}

body.rtl .animate-rdi label {
    margin-right: unset;
    margin-left: 47px;
}

body.rtl .radio_animated {
    margin: 0 0 0 20px;
}

body.rtl .radio_animated::after {
    left: unset;
    right: -0.125rem;
}

body.rtl .radio_animated::before {
    right: 2px;
    left: unset;
}

body.rtl .footer-bg .footer-links .footer-content .input-group .input-group-text::after {
    border-radius: 23px 0 0 23px;
}

body.rtl .property-section .property-box .property-details > ul > li > img {
    margin-right: unset;
    margin-left: 7px;
}

body.rtl .property-section .property-box .property-image .overlay-property-box {
    right: unset;
    left: 12px;
}

body.rtl .property-section .property-box .property-image .seen-data {
    direction: rtl;
    right: unset;
    left: 20px;
}

body.rtl .property-section .property-box .property-image .seen-data svg {
    margin-left: 8px;
    margin-right: unset;
}

body.rtl .feature-section .property-slider .slick-prev {
    left: unset;
    right: 8px;
}

body.rtl .feature-section .property-slider .slick-next {
    right: unset;
    left: 8px;
}

body.rtl header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
    right: unset;
    left: -5px;
}

body.rtl header .header-right .right-menu ul li.cart ul.nav-submenu li .media .media-body {
    margin-left: unset;
    margin-right: 10px;
}

body.rtl header .header-right .right-menu ul .dropdown + .dropdown {
    margin-right: 10px;
    margin-left: unset;
}

body.rtl header .header-right .right-menu ul .dropdown ul.nav-submenu {
    right: unset;
    left: 0;
}

body.rtl header .menu .brand-logo {
    margin-left: unset;
    margin-right: 0;
}

body.rtl header .menu .header-right li a svg {
    margin-right: unset;
    margin-left: 0;
}

body.rtl header .main-navbar .nav-menu > li {
    text-align: right;
}

body.rtl header .main-navbar .nav-menu > li .nav-submenu {
    text-align: right;
    left: unset;
    right: 0;
}

body.rtl header .main-navbar .nav-menu > li .nav-submenu li a:hover {
    margin-left: unset;
    margin-right: 3px;
}

body.rtl header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu {
    left: -200px;
    right: unset;
}

body.rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box {
    text-align: right;
}

body.rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    margin-left: unset;
    margin-right: 4px;
}

body.rtl header.header-3 .main-navbar .nav-menu > li > a > svg {
    float: right;
    margin-right: unset;
    margin-left: 8px;
}

body.rtl header.header-4 .menu .header-right li + li {
    margin-left: unset;
    margin-right: 20px;
}

body.rtl header.header-4 .menu .header-right li > a svg {
    margin-left: 0;
}

body.rtl header.header-4 .menu .header-right li .search-box span {
    margin-left: unset;
    margin-right: 5px;
}

body.rtl header.header-4 .menu .header-right li .search-box .form-group::before {
    left: unset;
    right: 40px;
}

body.rtl header.header-4 .menu .header-right li .search-box .form-group::after {
    left: unset;
    right: 38px;
    border-radius: 5px 0 0 5px;
}

body.rtl header.header-4 .menu .header-right li .search-box .form-control {
    left: unset;
    right: 38px;
}

body.rtl header.header-4 .menu .header-right li .search-box.open i {
    border-radius: 0px 5px 5px 0px;
}

body.rtl .header-layout-3 .contact-number i {
    margin-left: 10px;
    margin-right: unset;
}

body.rtl .top-bar .top-content .top-bar-right .input-group .input-group-text .fa-angle-down {
    margin-left: unset;
    margin-right: 5px;
    right: unset;
    left: 12px;
}

body.rtl .top-bar .top-content .top-bar-right li + li {
    margin-left: unset;
    margin-right: 30px;
}

body.rtl .top-bar .top-content .top-bar-right li .flat-box i {
    margin-right: unset;
    margin-left: 5px;
}

body.rtl .top-bar .top-content .sm-input {
    left: 0;
    right: unset;
}

body.rtl .top-bar.top-bar-7 .top-bar-right li + li {
    margin-right: 10px;
}

body.rtl .signup-modal .signup-tab {
    text-align: right;
}

body.rtl .custom-dropdown .custom-dropdown-menu {
    left: 0;
    right: unset;
}

body.rtl .home-section.layout-5 {
    text-align: right;
}

body.rtl .home-section.layout-6 .home-content {
    direction: rtl;
    text-align: right;
}

body.rtl .home-section.layout-6 .arrow-light .slick-prev {
    left: unset;
    right: 0;
}

body.rtl .home-section.layout-6 .arrow-light .slick-next {
    right: 10%;
    left: unset;
}

body.rtl .parallax-home .parallax-right {
    right: unset;
    left: 0;
}

body.rtl .layout-9 .layout-right-img img {
    right: unset;
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

body.rtl .layout-home2 .feature-section .feature-content {
    margin-left: auto;
}

body.rtl .layout-home2 .feature-section .feature-content .label-cross {
    left: unset;
    right: -31px;
    -webkit-transform: rotate(38deg);
    transform: rotate(38deg);
}

body.rtl .layout-home4 .sync-slider .home-nav {
    left: unset;
    right: 40px;
}

body.rtl .layout-home4 .slider-image {
    direction: rtl;
}

body.rtl .layout-home4 .slider-image .home-content {
    text-align: left;
    padding-left: 70px;
    padding-right: 0;
}

body.rtl .layout-home4 .slider-image .home-content .square-bg {
    right: unset;
    left: 0;
}

body.rtl .layout-home4 .slider-image .home-content p {
    margin-left: unset;
    margin-right: auto;
}

body.rtl .layout-home4 .slider-image .home-content h6.line-right::after {
    right: unset;
    left: 0;
}

body.rtl .layout-home4 .slider-image .home-content .font-color4 {
    padding-left: 12px;
    padding-right: unset;
}

body.rtl .layout-home4 .slider-image .home-content .font-color4::after {
    right: unset;
    left: 0;
}

body.rtl .layout-home8 .home-content {
    text-align: right;
}

body.rtl .layout-home8 .home-right-image {
    right: unset;
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

body.rtl .search-with-tab {
    text-align: right;
}

body.rtl .search-with-tab .nav-tabs .nav-item + .nav-item {
    margin-left: unset;
    margin-right: 10px;
}

body.rtl .search-with-tab .tab-content::before {
    left: unset;
    right: 30px;
}

body.rtl .search-withmap .vertical-search {
    float: left;
}

body.rtl .property-section .property-box {
    text-align: right;
}

body.rtl .property-section .property-box .property-image .labels-left {
    left: unset;
    right: -6px;
}

body.rtl .property-section .property-box .property-image .overlay-plus .seen-data {
    right: unset;
    left: 20px;
}

body.rtl .property-section .property-box .property-image .overlay-plus .seen-data svg {
    margin-right: unset;
    margin-left: 8px;
}

body.rtl .property-section .property-box .property-image .overlay-plus .like-bottom {
    right: unset;
    left: 20px;
}

body.rtl .property-section .property-box .property-details .icon-property li .d-flex .property-icon {
    margin-right: unset;
    margin-left: 15px;
}

body.rtl .property-section .property-box .property-details .icon-property li + li {
    border-right: none;
}

body.rtl .property-section .property-box .property-details .icon-property li + li::before {
    left: unset;
    right: -10px;
}

body.rtl .property-section .nav-tabs .nav-item + .nav-item {
    margin-left: unset;
    margin-right: 30px;
}

body.rtl .property-section .property-2 .property-box .property-image .labels-left,
body.rtl .property-section .property-3 .property-box .property-image .labels-left {
    right: 25px;
}

body.rtl .property-section .property-box-flat .property-box .property-image {
    direction: rtl;
}

body.rtl .property-section .property-box-flat .property-box .property-image .label-white {
    right: unset;
    left: 20px;
}

body.rtl .property-section .property-box-flat .property-box .property-image .overlay-plus .seen-data {
    right: unset;
    left: 56px;
}

body.rtl .property-section .list-property .property-box .property-image .overlay-property {
    direction: rtl;
}

body.rtl .property-section .list-property .property-box .property-image .overlay-property .overlay-box a::after {
    right: unset;
    left: -125px;
}

body.rtl .property-details {
    direction: rtl;
}

body.rtl .property-details .property-btn .btn + .btn {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl .property-details ul li {
    padding-right: 15px;
    padding-left: 12px;
}

body.rtl .property-details ul li:last-child {
    padding-left: 0;
}

body.rtl .property-details ul li:first-child {
    padding-right: 0;
}

body.rtl .property-details ul li + li {
    border-left: none;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

body.rtl .pagination-tab.nav-tabs .nav-item + .nav-item {
    margin-right: 20px;
}

body.rtl .user-dashboard {
    text-align: right;
}

body.rtl .user-dashboard .sidebar-user .user-profile .media .media-body {
    margin-left: unset;
    margin-right: 20px;
}

body.rtl .user-dashboard .sidebar-user .user-profile .connected-social h6::before {
    left: unset;
    right: 0;
}

body.rtl .user-dashboard .property-overview table tr td .d-flex h6 {
    margin-left: unset;
    margin-right: 10px;
}

body.rtl .user-dashboard .property-overview table tr th:last-child,
body.rtl .user-dashboard .property-overview table tr td:last-child {
    text-align: left;
}

body.rtl .right-line-tab .nav-item .nav-link {
    border-right: none;
    border-left: 2px solid transparent;
}

body.rtl .right-line-tab .nav-item .nav-link.active {
    border-left-color: var(--theme-default3);
}

body.rtl .apexcharts-canvas {
    direction: ltr;
}

body.rtl .tab-listing .property-details .my-listing {
    right: unset;
    left: 45px;
}

body.rtl .create-tab .create-property-form .form-inputs > h6::before {
    left: unset;
    right: 0px;
}

body.rtl .my-profile .profile-info .user-name .rating {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl .my-profile .profile-info .user-detail li svg {
    margin-right: unset;
    margin-left: 3px;
}

body.rtl .my-profile .profile-info .user-detail li + li {
    margin-left: unset;
    margin-right: 20px;
}

body.rtl .my-profile .profile-info .information ul li .label {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl .card-payment .payment-card .edit-card a + a {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl .card-payment .payment-card .card-details .card-number > div img:last-child {
    margin-left: unset;
    margin-right: 10px;
}

body.rtl .card-payment .payment-card .card-details .valid-detail .date h3 {
    margin-left: unset;
    margin-right: 10px;
}

body.rtl .card-payment .payment-card .card-details .name-detail .card-img {
    text-align: left;
}

body.rtl .gj-datepicker-bootstrap .input-group-append {
    margin-right: -1px;
    margin-left: unset;
}

body.rtl .modal-header .btn-close {
    left: 0;
    right: unset;
    border-radius: 0 0 4px 0;
}

body.rtl .modal-body {
    text-align: right;
}

body.rtl .modal-footer > :not(:last-child) {
    margin-left: 0.25rem;
    margin-right: unset;
}

body.rtl .modal-footer > :not(:first-child) {
    margin-left: unset;
    margin-right: .25rem;
}

body.rtl .arrow-gradient.arrow-right .slick-prev {
    left: 58px;
    right: unset;
}

body.rtl .arrow-gradient.arrow-right .slick-next {
    right: unset;
    left: 0;
}

body.rtl .arrow-gradient.bg-light-blue .slick-prev {
    margin-left: unset;
    margin-right: 48%;
}

body.rtl .arrow-gradient.bg-light-blue .slick-next {
    margin-right: unset;
    margin-left: 47%;
}

body.rtl .feature-section .feature-1 .feature-wrapper .property-details {
    margin-right: unset;
    margin-left: -210px;
}

body.rtl .feature-section .feature-1 .feature-wrapper .property-details .round-half {
    right: unset;
    left: -13px;
}

body.rtl .feature-section .feature-1 .feature-wrapper .property-details .round-half::after {
    left: unset;
    right: 0;
}

body.rtl .feature-section .feature-1 .feature-wrapper .property-details .round-half i {
    margin-left: 16px;
}

body.rtl .feature-section .feature-1 .feature-wrapper .property-details a h3 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

body.rtl .feature-section .feature-1 .feature-wrapper .property-details a h3 span {
    float: left;
    margin-top: 1px;
}

body.rtl .feature-section .feature-1 .feature-wrapper .property-details a h3 .label {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl .feature-section .feature-1 .feature-wrapper .feature-image {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .label-white {
    right: unset;
    left: 40px;
}

body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .signature {
    right: unset;
    left: 0;
}

body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
    right: unset;
    left: -2px;
    border-radius: 0 10px 10px 0;
}

body.rtl .feature-section .feature-1 .feature-wrapper .row .order-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

body.rtl .feature-section .feature-1 .slick-list .slick-track .slick-slide.slick-active > div .feature-wrapper .feature-left {
    -webkit-animation: fadeInRight 1s;
    animation: fadeInRight 1s;
    text-align: right;
}

body.rtl .feature-section .feature-content {
    text-align: right;
    direction: rtl;
}

body.rtl .feature-section .feature-content .detail-list li .d-flex h6 {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl .feature-section .feature-content .detail-list li:first-child {
    margin-left: 5px;
    margin-right: 0;
}

body.rtl .feature-section .feature-content .feature-price li + li {
    margin-left: unset;
    margin-right: 40px;
}

body.rtl .feature-section .modern-feature .feature-wrap {
    direction: rtl;
}

body.rtl .feature-section .modern-feature .feature-wrap .feature-image .label-gradient {
    left: unset;
    right: 40px;
}

body.rtl .feature-section .modern-feature .feature-wrap .feature-content {
    padding-left: unset;
    padding-right: 60px;
}

body.rtl .feature-section .feature-4.arrow-gradient .slick-arrow {
    left: unset !important;
    right: -98px;
}

body.rtl .feature-section.bg-half::before {
    left: unset;
    right: 0;
}

body.rtl .service-slider .service-wrapper {
    direction: rtl;
}

body.rtl .service-slider .service-wrapper .service-details {
    text-align: right;
}

body.rtl .service-slider .service-wrapper .service-details a {
    display: inline-block;
}

body.rtl .service-slider .service-wrapper .service-details a::after {
    right: unset;
    left: -45px;
}

body.rtl .service-slider .service-wrapper .top-img-box {
    margin-left: unset;
    margin-right: 40px;
}

body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev,
body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
    right: unset;
}

body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
    left: 15.5%;
}

body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
    left: 12.5%;
}

body.rtl .theme-pagination {
    text-align: left;
}

body.rtl .theme-pagination .pagination .page-item + .page-item {
    margin-left: unset;
    margin-right: 8px;
}

body.rtl .theme-buttons > div .btn + .btn {
    margin-right: 15px;
    margin-left: unset;
}

body.rtl .provide-details {
    text-align: right;
}

body.rtl .theme-label > div > span + span {
    margin-left: unset;
    margin-right: 4px;
}

body.rtl .portfolio-creative.odd-even .row .content-sec {
    padding-right: 60px;
    padding-left: unset;
    text-align: right;
}

body.rtl .portfolio-creative.odd-even .row:nth-child(even) .content-sec {
    text-align: left;
    padding-left: 60px;
    padding-right: 0;
}

body.rtl .portfolio-creative.odd-even .row:nth-child(even) .content-sec p {
    margin-right: auto;
    margin-left: 0;
}

body.rtl .portfolio-grid .property-text {
    text-align: right;
}

body.rtl .ratio-card {
    text-align: right;
}

body.rtl .ratio-card .card-body ul {
    padding-left: unset;
    padding-right: 30px;
}

body.rtl .map-modal .modal-dialog .modal-content .modal-body {
    padding-left: 12px;
    padding-right: 0;
}

body.rtl .map-modal .modal-dialog .modal-content .btn-close {
    right: unset;
    left: 0;
    border-radius: 0 0 4px 0;
}

body.rtl .filter-panel .grid-list-filter li + li {
    margin-left: unset;
    margin-right: 10px;
}

body.rtl .filter-panel .top-panel {
    text-align: right;
}

body.rtl .filter-panel .d-lg-none {
    text-align: left;
}

body.rtl .filter-panel .d-lg-none .mobile-filter svg {
    margin-left: unset;
    margin-right: 20px;
}

body.rtl .blog-sidebar .search-bar input {
    padding-left: 14px;
    padding-right: 50px;
}

body.rtl .blog-sidebar .search-bar i {
    left: unset;
    right: 14px;
}

body.rtl .blog-sidebar .search-bar i::after {
    right: unset;
    left: -10px;
}

body.rtl .left-sidebar,
body.rtl .blog-sidebar {
    text-align: right;
}

body.rtl .filter-cards .advance-card > h6::before {
    left: unset;
    right: 0;
}

body.rtl .filter-cards .advance-card .recent-property ul li .media .media-body {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl .filter-cards .advance-card .tags ul li {
    margin-right: 0;
    margin-left: 8px;
}

body.rtl .filter-cards .advance-card .back-btn {
    text-align: left;
}

body.rtl .filter-cards .advance-card .category-property form .input-group-text {
    border-left: none;
}

body.rtl .feature-card .labels-left {
    left: unset;
    right: 10px;
}

body.rtl .left-sidebar .row .pe-1 {
    padding-right: 15px !important;
}

body.rtl .left-sidebar .row .ps-1 {
    padding-left: 15px !important;
}

body.rtl .agent-social li + li {
    margin-left: unset;
    margin-right: 5px;
}

body.rtl .agent-section .agent-image .label {
    left: unset;
    right: 15px;
}

body.rtl .agent-section .agent-image .overlay-content ul li + li {
    margin-left: unset;
    margin-right: 10px;
}

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

body.rtl .agent-section .agent-content .agent-contact li i {
    margin-left: 5px;
    margin-right: unset;
}

body.rtl .agent-section .agent-content .agent-contact li .label {
    margin-right: 5px;
    margin-left: unset;
}

body.rtl .agent-section .agent-content a {
    text-align: left;
}

body.rtl .agent-section .our-agent {
    text-align: right;
}

body.rtl .agent-section .our-agent-details ul li .media .icons-square {
    margin-right: unset;
    margin-left: 15px;
}

body.rtl .agent-section .about-agent {
    text-align: right;
}

body.rtl .agency-title {
    text-align: right;
}

body.rtl .our-agent .agent-image .label {
    right: 0;
}

body.rtl .agent-profile-wrap .our-agent .agent-image .label {
    right: 15px;
    left: unset;
}

body.rtl .testimonial-1 .pepole-comment {
    direction: rtl;
}

body.rtl .testimonial-1 .pepole-comment .client-msg .quote {
    left: unset;
    right: 40px;
}

body.rtl .testimonial-1 .pepole-comment .client-msg::before,
body.rtl .testimonial-1 .pepole-comment .client-msg::after {
    left: unset;
    right: 26px;
}

body.rtl .testimonial-1 .pepole-comment .client-msg p {
    text-align: right;
}

body.rtl .testimonial-1 .pepole-comment .media img {
    margin-right: unset;
    margin-left: 20px;
}

body.rtl .testimonial-1 .pepole-comment .media .media-body {
    text-align: right;
}

body.rtl .our-client {
    direction: rtl;
}

body.rtl .our-client .client-right {
    text-align: right;
}

body.rtl .our-client .quote-img {
    left: 80px;
    right: unset;
}

body.rtl .modern-client .comment-right {
    left: unset;
    right: -160px;
    text-align: right;
}

body.rtl .modern-client .comment-right .slick-slide > div {
    direction: rtl;
}

body.rtl .modern-client .comment-right .slick-prev,
body.rtl .modern-client .comment-right .slick-next {
    left: unset;
}

body.rtl .modern-client .comment-right .slick-prev {
    right: 20px;
}

body.rtl .modern-client .comment-right .slick-next {
    right: 70px;
}

body.rtl .modern-client .right-align,
body.rtl .modern-client .bottom-align {
    left: unset;
}

body.rtl .modern-client .right-align {
    right: 36%;
}

body.rtl .modern-client .bottom-align {
    right: 23%;
}

body.rtl .banner-section .button-banner .btn + .btn {
    margin-left: unset;
    margin-right: 20px;
}

body.rtl .banner-2 .banner-right {
    text-align: right;
}

body.rtl .banner-2 .mobile-image {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

body.rtl .service-section .property-service > div .service-box {
    text-align: right;
}

body.rtl .about-section .about-wrap .about-content {
    direction: rtl;
}

body.rtl .about-section .about-wrap .about-content .our-details {
    text-align: right;
    margin-left: unset;
    margin-right: -70px;
}

body.rtl .about-section .about-wrap .about-content .our-details::after {
    right: unset;
    left: 0;
}

body.rtl .about-section .about-wrap .about-content .about-image .overlay-content ul li + li {
    margin-left: unset;
    margin-right: 10px;
}

body.rtl .about-section .about-wrap .about-content .about-image .overlay-content span {
    display: inline-block;
    text-align: center;
}

body.rtl .about-section .about-wrap.about-2 .about-content .our-details {
    margin: -70px auto 0;
}

body.rtl .about-box {
    direction: rtl;
}

body.rtl .about-box .agent-image .overlay-agent .agent-details {
    text-align: right;
}

body.rtl .about-box .agent-image .overlay-agent .agent-details ul li + li {
    margin-left: unset;
    margin-right: 10px;
}

body.rtl .feature-section .feature-wrap:hover .feature-image .slick-next {
    left: 15px;
    right: unset;
}

body.rtl .feature-section .feature-wrap:hover .feature-image .slick-next::before {
    content: "\f053";
}

body.rtl .feature-section .feature-wrap:hover .feature-image .slick-prev {
    right: 15px;
    left: unset;
}

body.rtl .feature-section .feature-wrap:hover .feature-image .slick-prev::before {
    content: "\f054";
}

body.rtl .property-section .property-box:hover .property-image .property-slider .slick-next {
    left: 15px;
    right: unset;
}

body.rtl .property-section .property-box:hover .property-image .property-slider .slick-next::before {
    content: "\f053";
}

body.rtl .property-section .property-box:hover .property-image .property-slider .slick-prev {
    right: 15px;
    left: unset;
}

body.rtl .property-section .property-box:hover .property-image .property-slider .slick-prev::before {
    content: "\f054";
}

body.rtl .blog-1 .blog-box {
    direction: rtl;
    padding-left: unset;
    padding-right: 12px;
}

body.rtl .blog-1 .blog-box .blog-content {
    text-align: right;
}

body.rtl .blog-wrap {
    direction: rtl;
    text-align: right;
}

body.rtl .blog-wrap .blog-image .blog-label {
    left: unset;
    right: 30px;
}

body.rtl .user-about {
    text-align: right;
}

body.rtl .user-about .about-listing ul li + li {
    margin-left: unset;
    margin-right: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}

body.rtl .user-about .about-image .img-box.img-abs {
    right: unset;
    left: 15%;
}

body.rtl .side-effect::before,
body.rtl .side-effect::after {
    left: unset;
}

body.rtl .side-effect::before {
    right: 8px;
}

body.rtl .side-effect::after {
    right: 16px;
}

body.rtl .side-left .side-effect::before,
body.rtl .side-left .side-effect::after {
    left: unset;
}

body.rtl .side-left .side-effect::before {
    right: -8px;
}

body.rtl .side-left .side-effect::after {
    right: -16px;
}

body.rtl .offer-section .offer-wrapper {
    direction: rtl;
}

body.rtl .offer-section .offer-wrapper .media .media-body {
    text-align: right;
    margin-left: unset;
    margin-right: 50px;
}

body.rtl .offer-section .offer-wrapper .media .media-body h6::after {
    left: unset;
    right: 35px;
}

body.rtl .coming-simple {
    text-align: right;
}

body.rtl .coming-simple form .form-group button {
    right: unset;
    left: 0;
}

body.rtl .get-in-touch {
    text-align: right;
}

body.rtl .contact_section,
body.rtl .log-in,
body.rtl .download-section {
    text-align: right;
}

body.rtl .download-section .download-wrap ul li + li {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl .download-section .app-right button {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl .captcha .logo {
    margin-left: unset;
    margin-right: 50px;
}

body.rtl .footer-left-space {
    padding-left: unset;
    padding-right: 40px;
}

body.rtl footer {
    text-align: right;
}

body.rtl footer .footer-details .footer-contact ul li i {
    margin-right: unset;
    margin-left: 15px;
}

body.rtl footer .footer-links .footer-content .footer-blog .media .media-body {
    margin-left: unset;
    margin-right: 20px;
}

body.rtl footer .sub-footer .sub-footer-link li + li {
    margin-left: unset;
    margin-right: 20px;
}

body.rtl footer.footer-brown .footer-details img {
    margin-right: 0;
}

body.rtl footer.footer-brown .sub-footer .footer-social ul li + li {
    margin-right: 35px;
}

body.rtl footer.footer-light .footer-links .footer-title span {
    margin-left: unset;
    margin-right: 20px;
}

body.rtl footer.footer-light .footer-links .footer-content li a svg {
    float: right;
    margin-left: 5px;
    margin-right: -5px;
}

body.rtl footer.footer-res .footer-links .footer-content li a svg {
    float: right;
    margin-right: -5px;
    margin-left: 5px;
}

body.rtl .footer-bg .footer-details .icon-list li + li {
    margin-right: 4px;
    margin-left: unset;
}

body.rtl .footer-bg .footer-links .footer-content .input-group input {
    border-radius: 0 23px 23px 0 !important;
}

body.rtl .footer-bg .footer-links .footer-content .input-group .input-group-text {
    border-radius: 23px 0 0 23px;
    padding: 10px 10px 10px 15px;
    margin-left: 0;
}

body.rtl .footer-bg .bottom-blog {
    margin-left: unset;
    margin-right: 40px;
}

body.rtl .footer-bg .bottom-blog .footer-slider .media {
    direction: rtl;
}

body.rtl .footer-bg .bottom-blog .footer-slider .media .media-body {
    margin-left: unset;
    margin-right: 20px;
}

body.rtl .log-in .title-3 h2::before {
    left: unset;
    right: 0;
}

body.rtl .log-in form .form-group .important-note {
    padding-left: unset;
    padding-right: 35px;
}

body.rtl .btn-social {
    text-align: right;
}

body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-steps {
    text-align: right;
}

body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
    border-right: unset;
    border-left: 2px solid #ffffff;
}

body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p a {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl .property-wizard .wizard-box .wizard-form-details {
    text-align: right;
}

body.rtl .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps {
    padding-right: 0;
}

body.rtl .blog-single-detail {
    text-align: right;
}

body.rtl .blog-single-detail .blog-title .post-detail li + li {
    padding-left: unset;
    margin-left: unset;
    padding-right: 15px;
    margin-right: 15px;
    border-left: unset;
    border-right: 1px solid #eee;
}

body.rtl .blog-single-detail .comment-section .comment-box .media .media-body {
    margin-left: unset;
    margin-right: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

body.rtl .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-user i,
body.rtl .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date i {
    margin-right: unset;
    margin-left: 7px;
}

body.rtl .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date {
    margin-left: unset;
    margin-right: 15px;
}

body.rtl.dark-layout .layout-map .withmap-horizontal .search-panel .width-fit > div + div {
    border-right-color: #383434;
}

body.rtl.dark-layout .video-layout .video-search .input-group {
    border-left-color: #383434;
}

body.rtl.dark-layout .agent-section .agent-wrap {
    border-right: 1px solid #383434;
}

body.rtl.dark-layout .property-grid.list-view .property-box .agent-image {
    border-left-color: #383434;
    border-bottom: none;
}

body.rtl.dark-layout .property-details ul li + li {
    border-right: 1px solid #383434;
}

body.rtl.dark-layout .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
    border-left: 2px solid #383434;
}

body.rtl.dark-layout .single-property-section .left-single .share-buttons > div .share-hover ul li + li {
    border-right-color: #383434;
}

body.rtl.dark-layout .blog-single-detail .blog-title .post-detail li + li {
    border-right: 1px solid #383434;
}

@media (max-width: 767px) {
    body.rtl.dark-layout .agent-section .agent-wrap {
        border-right: none;
    }
}

@media (max-width: 575px) {
    body.rtl.dark-layout .property-grid.list-view .property-box .agent-image {
        border-bottom: 1px solid #383434;
    }
}

@media (min-width: 576px) {
    body.rtl .me-sm-3 {
        margin-left: 1rem !important;
        margin-right: unset !important;
    }
}

@media (min-width: 768px) {
    body.rtl .offset-md-5 {
        margin-right: 41.66667%;
        margin-left: unset;
    }

    body.rtl .offset-md-3 {
        margin-right: 25%;
        margin-left: unset;
    }

    body.rtl .text-md-end {
        text-align: left !important;
    }

    body.rtl .ms-md-2 {
        margin-right: 0.5rem !important;
        margin-left: unset !important;
    }
}

@media (min-width: 992px) {
    body.rtl .ms-lg-3 {
        margin-right: 1rem !important;
        margin-left: unset !important;
    }

    body.rtl .offset-lg-0 {
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    body.rtl .offset-xl-2 {
        margin-left: unset;
        margin-right: 16.6667%;
    }

    body.rtl .offset-xl-0 {
        margin-right: 0;
    }
}

@media (max-width: 1660px) {
    body.rtl .feature-3.arrow-image .slick-arrow {
        left: 28px;
    }

    body.rtl .layout-home2 .feature-section .feature-content {
        margin-right: 100px;
    }

    body.rtl .user-about .about-image {
        margin-left: unset;
        margin-right: 15px;
    }

    body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
        left: 10%;
    }

    body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
        left: 6.5%;
    }
}

@media (max-width: 1460px) {
    body.rtl .about-section .about-wrap .about-content .about-image .overlay-content ul {
        margin-right: unset;
    }

    body.rtl header.header-centered .main-navbar .nav-menu > li > a {
        margin-right: 20px;
    }

    body.rtl header.header-4 .main-navbar .nav-menu > li > a {
        margin-left: 30px;
    }

    body.rtl header.header-4 .main-navbar .nav-menu > li > a::after {
        left: -14px !important;
        right: unset !important;
    }

    body.rtl .animate-rdi {
        margin-right: 18px;
    }

    body.rtl .animate-rdi label {
        margin-left: 17px;
    }

    body.rtl .our-client .quote-img {
        left: -30px;
    }

    body.rtl .tab-listing .property-details .my-listing {
        left: 30px;
    }

    body.rtl .layout-home4 .slider-image .home-content {
        padding-left: 50px;
    }

    body.rtl .feature-section .feature-content .detail-list li .d-flex h6 {
        margin-right: 10px;
    }

    body.rtl .feature-section .modern-feature .feature-wrap .feature-content {
        padding-right: 25px;
    }

    body.rtl .feature-section .modern-feature .feature-wrap .feature-image .label-gradient {
        right: 30px;
    }

    body.rtl .offer-section .offer-wrapper .media .media-body {
        margin-right: 20px;
    }

    body.rtl .property-details .property-btn .btn + .btn {
        margin-right: 10px;
    }

    body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
        left: 15%;
    }

    body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
        left: 11%;
    }

    body.rtl .modern-client .comment-right .slick-arrow {
        right: -20%;
    }

    body.rtl .modern-client .comment-right .slick-next {
        right: -8.5%;
    }

    body.rtl .modern-client .right-align {
        left: -100px;
    }

    body.rtl .user-about .about-image .img-box.img-abs {
        left: 3%;
    }
}

@media (max-width: 1800px) {
    body.rtl .layout-home2 .arrow-light .slick-prev {
        right: 100px;
        left: unset;
    }

    body.rtl .layout-home2 .arrow-light .slick-next {
        left: 100px;
        right: unset;
    }
}

@media (max-width: 1740px) {
    body.rtl .layout-home2 .arrow-light .slick-prev {
        right: 60px;
        left: unset;
    }

    body.rtl .layout-home2 .arrow-light .slick-next {
        left: 60px;
        right: unset;
    }
}

@media (max-width: 1399px) {
    body.rtl .layout-home2 .feature-section .feature-content {
        margin-right: 50px;
    }

    body.rtl .footer-light .footer-left-space {
        padding-right: 20px;
    }
}

@media (max-width: 1366px) {
    body.rtl .layout-home2 .arrow-light .slick-prev {
        right: 2px;
        left: unset;
    }

    body.rtl .layout-home2 .arrow-light .slick-next {
        left: 2px;
        right: unset;
    }

    body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
        left: 12%;
    }

    body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
        left: 8%;
    }

    body.rtl .modern-client .comment-right {
        right: -130px;
    }

    body.rtl .feature-section .modern-feature .feature-wrap .feature-image {
        -webkit-box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
        box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 1199px) {
    body.rtl header .main-navbar .nav-menu.open {
        left: 0;
        right: unset;
    }

    body.rtl .layout-home3 .slick-slider .slick-next {
        right: 95px;
    }

    body.rtl .layout-home2 .feature-section .feature-content {
        margin-right: 40px;
    }

    body.rtl .animate-rdi {
        margin-right: 0;
    }

    body.rtl .footer-light .footer-left-space {
        padding-right: 0;
    }

    body.rtl .our-client .quote-img {
        left: -80px;
    }

    body.rtl .service-slider .service-wrapper .top-img-box {
        margin-right: 30px;
    }

    body.rtl .details-right {
        padding-right: 20px;
    }

    body.rtl .property-grid-2 .property-details ul li {
        padding-left: 5px;
        padding-right: 9px;
    }

    body.rtl .property-grid-2 .property-details ul li:last-child {
        padding-left: 0;
    }

    body.rtl .according-menu {
        right: unset;
        left: 20px;
    }

    body.rtl header .menu nav {
        margin-right: auto;
        margin-left: 30px;
    }

    body.rtl header .main-navbar .nav-menu > li > a {
        text-align: right;
        margin-left: 0;
    }

    body.rtl header .main-navbar .nav-menu > li .nav-submenu li a:hover {
        margin-right: 0;
    }

    body.rtl header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu {
        left: 0;
    }

    body.rtl header.header-centered .menu nav {
        margin-right: auto;
        margin-left: 0;
    }

    body.rtl header.header-centered .menu .brand-logo {
        margin-right: -9px;
    }

    body.rtl header.header-centered .main-navbar .nav-menu > li > a {
        margin-right: 0;
    }

    body.rtl header.header-4 .main-navbar .nav-menu > li > a {
        margin-left: 0;
    }

    body.rtl footer.footer-light .footer-links .footer-title .according-menu {
        left: unset;
    }

    body.rtl .arrow-define::after {
        -webkit-transform: rotate(162deg);
        transform: rotate(162deg);
    }

    body.rtl .arrow-gradient.bg-light-blue .slick-prev {
        margin-right: 47%;
    }

    body.rtl .arrow-gradient.bg-light-blue .slick-next {
        margin-left: 46%;
    }

    body.rtl .property-section .property-box .property-details .icon-property li + li::before {
        right: -24px;
    }

    body.rtl .property-section .property-2 .property-box .property-image .labels-left,
    body.rtl .property-section .property-3 .property-box .property-image .labels-left {
        right: 15px;
    }

    body.rtl .modal-form {
        left: unset;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .property-details {
        margin-left: -233px;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .label-white {
        left: 30px;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .signature {
        left: 0;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        left: -25px;
    }

    body.rtl .feature-section .feature-content .detail-list li .d-flex h6 {
        margin-right: 8px;
    }

    body.rtl .feature-section .modern-feature .feature-wrap .feature-content {
        padding-right: 10px;
    }

    body.rtl .about-section .about-wrap.about-1 .about-content .our-details {
        margin-left: auto;
        margin-right: auto;
    }

    body.rtl .blog-wrap .blog-image .blog-label {
        right: 20px;
    }

    body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
        left: 15%;
    }

    body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
        left: 10%;
    }

    body.rtl .modern-client .comment-right {
        right: 0;
    }

    body.rtl .modern-client .comment-right .slick-prev {
        right: -20%;
    }

    body.rtl .modern-client .comment-right .slick-next {
        right: -8.5%;
    }

    body.rtl .accordion .card-header {
        padding-left: 40px;
        padding-right: 20px;
    }

    body.rtl .accordion .card-header .card-link::after {
        left: 20px;
    }

    body.rtl .portfolio-creative.odd-even .row .content-sec {
        padding-right: 40px;
    }

    body.rtl .portfolio-creative.odd-even .row:nth-child(even) .content-sec {
        padding-left: 40px;
    }

    body.rtl .footer-left-space {
        padding-right: 0;
    }

    body.rtl .footer-bg .bottom-blog {
        margin-right: 0;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    body.rtl .blog-section .blog-1 .slick-prev {
        right: unset;
        left: 25px;
    }

    body.rtl .blog-section .blog-1 .slick-next {
        right: unset;
        left: 0;
    }
}

@media (max-width: 991px) {
    body.rtl .layout-home3 .slick-slider .slick-next {
        right: 15px;
    }

    body.rtl .layout-home2 .feature-section .feature-content {
        margin-right: 30px;
    }

    body.rtl .video-layout .video-details {
        padding-right: unset;
        padding-left: 30px;
    }

    body.rtl .filter-bottom-content.left-sidebar {
        left: unset !important;
        right: -300px !important;
    }

    body.rtl .filter-bottom-content.left-sidebar.open {
        right: 0 !important;
    }

    body.rtl .agent-section .agent-wrap {
        padding-right: 20px;
    }

    body.rtl .coming-simple .row {
        text-align: center;
    }

    body.rtl .coming-simple .title-3.text-start h2::before {
        left: 50%;
        right: unset;
    }

    body.rtl .details-right {
        padding-right: 0;
    }

    body.rtl .single-property-section .single-title .right-single {
        text-align: right;
    }

    body.rtl .top-bar .top-content .top-bar-right {
        text-align: left;
    }

    body.rtl .top-bar .top-content .top-bar-right li + li {
        margin-right: 10px;
    }

    body.rtl .top-bar.top-bar-7 .top-content .top-bar-right li:last-child {
        margin-left: unset;
        margin-right: 10px;
    }

    body.rtl header.header-4 .menu .header-right li + li {
        margin-right: 10px;
    }

    body.rtl header.header-4 .menu .header-right li .search-box .form-control {
        right: 34px;
    }

    body.rtl header.header-4 .menu .header-right li .search-box .form-group::after {
        right: 34px;
    }

    body.rtl header.header-centered .menu .brand-logo {
        margin-right: -15px;
    }

    body.rtl .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
        margin-left: unset;
        margin-right: 15px;
    }

    body.rtl .layout-map .withmap-horizontal .search-panel .width-fit > div + div {
        border-right: none;
    }

    body.rtl .user-dashboard .sidebar-user .user-profile .connected-social {
        margin-left: unset;
        margin-right: 30px;
    }

    body.rtl .right-line-tab .nav-item .nav-link {
        border-left: none;
    }

    body.rtl .arrow-gradient.bg-light-blue .slick-prev {
        margin-right: 46%;
    }

    body.rtl .arrow-gradient.bg-light-blue .slick-next {
        margin-left: 45%;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        left: -20px;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .signature {
        left: -47px;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .property-details {
        margin-left: auto;
        margin-right: auto;
    }

    body.rtl .feature-section .modern-feature .feature-wrap .feature-content {
        padding-right: 0;
    }

    body.rtl .banner-section .button-banner .btn + .btn {
        margin-right: 10px;
    }

    body.rtl .banner-2:after {
        right: 0;
    }

    body.rtl .property-section .nav-tabs .nav-item + .nav-item {
        margin-right: 20px;
    }

    body.rtl .property-section .property-box .property-details .icon-property li + li::before {
        right: -38px;
    }

    body.rtl .pagination-tab.nav-tabs .nav-item + .nav-item {
        margin-right: 15px;
    }

    body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-steps li:nth-child(even) {
        margin-left: unset;
        margin-right: 2%;
    }

    body.rtl .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li:nth-child(even) {
        margin-left: unset;
        margin-right: 5px;
    }

    body.rtl .service-slider.arrow-gradient.arrow-right .slick-prev {
        left: 20%;
    }

    body.rtl .service-slider.arrow-gradient.arrow-right .slick-next {
        left: 14%;
    }

    body.rtl .modern-client .comment-right {
        right: 0;
    }

    body.rtl .modern-client .comment-right .slick-prev {
        right: 46.8%;
    }

    body.rtl .modern-client .comment-right .slick-next {
        right: 55%;
    }

    body.rtl .user-about .about-image .img-box.img-abs {
        left: 28%;
    }

    body.rtl .map-modal .map-section {
        padding-left: unset;
        padding-right: 12px;
    }

    body.rtl .portfolio-creative.odd-even .row .content-sec {
        padding-right: 20px;
        padding-left: 20px;
    }

    body.rtl .portfolio-creative.odd-even .row:nth-child(even) .content-sec {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    body.rtl .video-layout .overlay-content {
        left: 10%;
    }

    body.rtl .banner-2 .banner-right {
        padding: 30px;
    }

    body.rtl .blog-section .blog-1 .slick-prev {
        right: -3px;
        left: unset;
    }

    body.rtl .blog-section .blog-1 .slick-next {
        left: -3px;
        right: unset;
    }

    body.rtl header .header-right .right-menu ul .dropdown + .dropdown {
        margin-left: unset;
        margin-right: 0;
    }

    body.rtl .video-layout .play-icon {
        left: unset;
        right: 67%;
    }

    body.rtl .layout-home2 .feature-section .feature-content {
        margin-right: auto;
    }

    body.rtl footer .footer-links .footer-title span {
        right: unset;
        left: 0;
    }

    body.rtl footer.footer-light .footer-links .footer-title .according-menu {
        position: absolute;
        top: 0;
        left: 0;
        right: unset;
    }

    body.rtl .animate-rdi {
        right: unset;
        left: 12px;
    }

    body.rtl .animate-rdi label {
        margin-left: 10px;
        text-align: right;
    }

    body.rtl .agent-section .agent-wrap {
        padding-right: 0;
        border-right: none;
    }

    body.rtl .filter-panel .top-panel .grid-list-filter li {
        margin: 5px;
    }

    body.rtl .filter-panel .d-lg-none .mobile-filter svg {
        margin-right: 10px;
    }

    body.rtl header .menu .brand-logo {
        margin-right: 0px;
    }

    body.rtl .top-bar .top-content .top-bar-right li + li {
        margin-right: 6px;
    }

    body.rtl .top-bar.top-bar-7 .top-content .top-bar-right li:last-child {
        margin-right: 6px;
    }

    body.rtl .theme-buttons > div .btn + .btn {
        margin-right: 6px;
    }

    body.rtl .layout-home4 .slider-image .home-content {
        padding-left: 30px;
    }

    body.rtl .offer-section .offer-wrapper .media .media-body {
        margin-right: 15px;
    }

    body.rtl .modern-client .comment-right .slick-prev {
        right: 40%;
    }

    body.rtl .modern-client .comment-right .slick-next {
        right: 50%;
    }

    body.rtl .user-about .about-image .img-box.img-abs {
        left: 8%;
    }

    body.rtl .blog-single-detail .blog-title .post-detail li + li {
        padding-right: 0;
        margin-right: 0;
        border-right: none;
    }
}

@media (max-width: 576px) {
    body.rtl header .menu nav {
        margin-left: 20px;
    }

    body.rtl header .menu .header-right li a svg {
        margin-left: 0;
    }
}

@media (max-width: 575px) {
    body.rtl header.header-4 .menu .header-right li + li {
        margin-right: 4px;
    }

    body.rtl header.header-4 .menu .header-right li .search-box.open i {
        border-radius: 5px;
    }

    body.rtl header.header-4 .menu .header-right li .search-box .form-group {
        right: unset;
        left: 0;
    }

    body.rtl header.header-4 .menu .header-right li .search-box .form-group::after {
        right: 40px;
        border-radius: 5px;
    }

    body.rtl .video-layout .video-details {
        padding: 0;
    }

    body.rtl .video-layout .video-search .input-group {
        border-left: none;
    }

    body.rtl .video-layout .video-search .input-group input {
        padding-right: 12px;
        padding-left: unset;
    }

    body.rtl .video-layout .play-icon {
        right: unset;
        margin-right: 0;
    }

    body.rtl .property-grid.list-view .property-box .agent-image {
        border-left: none;
    }

    body.rtl .service-slider .service-wrapper .top-img-box {
        margin-right: 20px;
    }

    body.rtl .property-section .list-property .property-box .property-image .overlay-property .overlay-box a::after {
        left: -85px;
    }

    body.rtl .filter-panel .d-lg-none {
        text-align: right;
    }

    body.rtl .arrow-define {
        left: -20px;
    }

    body.rtl .arrow-define::after {
        right: -27px;
    }

    body.rtl .user-dashboard .sidebar-user .user-profile .connected-social {
        margin-right: 0;
    }

    body.rtl .my-profile .profile-info .user-name .rating {
        margin-right: 0;
    }

    body.rtl .my-profile .profile-info .user-detail li + li {
        margin-right: 10px;
    }

    body.rtl .card-payment .payment-card .card-details .card-number > div img:last-child {
        margin-right: 5px;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .property-details a h3 span {
        float: none;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .property-details a h3 .label {
        margin-right: 0;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .property-details .round-half {
        left: -17px;
    }

    body.rtl .banner-section .button-banner .btn + .btn {
        margin-right: 4px;
    }

    body.rtl .animate-rdi label {
        text-align: right;
    }

    body.rtl header.header-centered .menu .brand-logo {
        margin-right: -22px;
    }

    body.rtl .modern-client .comment-right {
        right: 0;
    }

    body.rtl .modern-client .img-testimonial {
        margin-left: unset;
        margin-right: 30px;
    }

    body.rtl .user-about .about-image .img-box.img-abs {
        left: 30%;
    }

    body.rtl .single-property-section .single-title .right-single {
        text-align: right;
    }

    body.rtl .review .review-box .media .media-body {
        margin-right: 0;
    }

    body.rtl .review .review-box .media .rating {
        left: unset;
        right: 90px;
    }

    body.rtl .review .review-box.review-child {
        margin-right: 30px;
    }
}

@media (max-width: 480px) {
    body.rtl .property-section .property-box .property-image .seen-data {
        left: 14px;
        right: unset;
    }

    body.rtl .property-section .property-box .property-image .seen-data svg {
        margin-right: unset;
        margin-left: 4px;
    }

    body.rtl header .menu nav {
        margin-right: auto;
        margin-left: 8px;
    }

    body.rtl .filter-panel .d-lg-none {
        text-align: right;
    }

    body.rtl .blog-1 .blog-box {
        padding-right: 0;
    }

    body.rtl .feature-section .feature-content .feature-price li + li {
        margin-right: 20px;
    }

    body.rtl .feature-section .modern-feature .feature-wrap .feature-image .label-gradient {
        right: 15px;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .label-white {
        left: 15px;
    }

    body.rtl .offer-section .offer-wrapper .media .media-body {
        text-align: center;
        margin-right: 0;
    }

    body.rtl .property-section .nav-tabs .nav-item + .nav-item {
        margin-right: 15px;
    }

    body.rtl .property-section .property-box-flat .property-box .property-image .label-white {
        left: 15px;
    }

    body.rtl .property-section .property-box-flat .property-box .property-image .overlay-plus .seen-data {
        left: 50px;
    }

    body.rtl .property-section .property-box .property-image .overlay-plus .like-bottom {
        left: 15px;
    }

    body.rtl .property-section .property-2 .property-box .property-image .labels-left,
    body.rtl .property-section .property-box-flat .property-box .property-image .labels-left {
        right: -3px;
    }

    body.rtl .property-wizard .wizard-box .wizard-step-container .wizard-steps li:nth-child(even) {
        margin-right: 0;
    }

    body.rtl .user-about .about-listing ul li + li {
        margin-right: 0;
    }

    body.rtl .download-section .download-wrap ul li + li {
        margin-right: 0;
    }

    body.rtl .captcha .logo,
    body.rtl .captcha .text {
        margin-right: 20px;
        margin-left: unset;
    }
}

@media (max-width: 420px) {
    body.rtl header .header-right .right-menu ul li.cart ul.nav-submenu li .close-circle {
        right: unset;
        left: -10px;
    }

    body.rtl .custom-dropdown .custom-dropdown-menu.form-dropdown {
        left: -70px;
    }

    body.rtl .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p a {
        text-align: left;
        margin-left: unset;
        margin-right: auto;
    }

    body.rtl .top-bar .top-content .top-bar-right li .flat-box .fa-home {
        margin-left: 0;
    }

    body.rtl .top-bar .top-content .top-bar-right li .flat-box span {
        display: none;
    }

    body.rtl .header-layout-3 .contact-number i {
        margin-left: 6px;
    }

    body.rtl .feature-section .feature-content .feature-price li + li {
        margin-right: 0;
    }

    body.rtl .property-section .property-box .property-details .icon-property li {
        padding-right: 0;
    }

    body.rtl .download-section .app-right {
        text-align: center;
    }

    body.rtl .download-section .app-right button {
        margin-right: 0;
    }
}

@media (max-width: 360px) {
    body.rtl .property-section .property-box .property-details .icon-property li .d-flex .property-icon {
        margin-left: 8px;
        margin-right: unset;
    }

    body.rtl .property-section .property-box .property-details > ul > li > img {
        margin-left: 3px;
        margin-right: 0;
    }

    body.rtl header .header-right .right-menu ul li.cart ul.nav-submenu {
        right: unset;
        left: -45px;
    }

    body.rtl .home-section.layout-6 .arrow-light .slick-next {
        right: 13%;
    }

    body.rtl .property-details ul li {
        padding-right: 10px;
        padding-left: 6px;
    }

    body.rtl .property-grid-2 .property-details ul li {
        padding-left: 4px;
        padding-right: 6px;
    }

    body.rtl .tab-listing .property-details .my-listing {
        left: 20px;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        left: -32px;
    }

    body.rtl .feature-section .feature-1 .feature-wrapper .property-details .property-btn a + a {
        margin-left: 0;
        margin-right: 3px;
    }

    body.rtl .feature-section .feature-content .feature-price li + li {
        margin-right: 0;
    }

    body.rtl .user-about .about-image .img-box.img-abs {
        left: 5%;
    }

    body.rtl footer .sub-footer .sub-footer-link li + li {
        margin-right: 10px;
    }

    body.rtl footer.footer-brown .sub-footer .footer-social ul li + li {
        margin-left: unset;
        margin-right: 10px;
    }
}

/**=====================
     rtl layout css end
==========================**/
/**=====================
     Inner pages css start
==========================**/
.card .card-header {
    border-bottom: none;
}

.compare-page .table-wrapper {
    padding-bottom: 0;
}

.compare-page .table-wrapper .table {
    border: 1px solid #f8f8f8;
    text-transform: capitalize;
    color: #222;
    margin-bottom: 0;
}

.compare-page .table-wrapper .table .property-name {
    width: 15%;
}

.compare-page .table-wrapper .table .featured-image {
    width: 220px;
}

.compare-page .table-wrapper .table td {
    border-top: none;
}

.compare-page .table-wrapper .table thead .th-compare td {
    font-size: 16px;
    font-weight: 700;
    background: #f8f8f8;
    border-right: 1px solid #eee;
    border-bottom-color: #ddd;
    padding: 15px;
}

.compare-page .table-wrapper .table thead .th-compare th {
    text-align: left;
    padding: 15px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.compare-page .table-wrapper .table thead .th-compare th .remove {
    float: left;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
}

.compare-page .table-wrapper .table tbody tr th {
    background: #f8f8f8;
    padding: 15px;
    font-size: 15px;
    vertical-align: top;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}

.compare-page .table-wrapper .table tbody tr td {
    border-right: 1px solid #eee;
    position: relative;
    padding: 15px;
    vertical-align: top;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}

.compare-page .table-wrapper .table tbody tr .grid-link__title {
    font-size: 15px;
}

.compare-page .table-wrapper .table tbody tr .property_price {
    margin: 15px 0 0;
}

.compare-page .table-wrapper .table tbody tr .property_price span.money {
    padding-left: 5px;
}

.compare-page .table-wrapper .table tbody tr .property_price h6 {
    font-weight: 500;
}

.compare-page .table-wrapper .table tbody tr .property_price h6 a {
    color: #1c2d3a;
}

.compare-page .table-wrapper .table tbody tr .property_price span.color-2 {
    color: var(--theme-default3);
    font-weight: 500;
    font-size: 16px;
}

.compare-page .table-wrapper .table tbody tr p {
    color: #222;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}

.compare-page .table-wrapper .table tbody tr .add-to-wish {
    padding: 6px 10px;
}

.compare-page .table-wrapper .table tbody tr .select-option-cls {
    padding: 6px 10px;
}

.ratio-card .card-header h5 {
    margin-top: -5px;
    line-height: 1.4;
}

.ratio-card h5 {
    font-family: Rubik, sans-serif;
}

.ratio-card .card-body h5 {
    background: var(--theme-gradient7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px;
    margin-top: -3px;
}

.ratio-card .card-body ul {
    list-style-type: disc;
    padding-left: 30px;
    margin-bottom: -3px;
}

.ratio-card .card-body ul li {
    display: list-item;
}

.ratio-card .card-body ul li h6 {
    font-family: Rubik, sans-serif;
}

.ratio-card .card-body ul li:last-child h6 {
    margin-bottom: 0;
}

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

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

.my-gallery .row .col .row {
    margin-bottom: -24px;
}

.my-gallery .row .col .row > div {
    margin-bottom: 24px;
}

.my-gallery .title-1 h2 {
    margin-bottom: -3px;
}

.my-gallery .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.my-gallery .title-1:hover hr {
    width: 150px;
}

.my-gallery .title-1.color-6 hr {
    color: var(--theme-default8);
}

.my-gallery .find-cities {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 400px;
}

.my-gallery .find-cities::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-image: var(--theme-gradient4);
}

.my-gallery .find-cities .citi-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    z-index: 1;
}

.my-gallery .find-cities .citi-overlay h4,
.my-gallery .find-cities .citi-overlay h6 {
    color: rgba(255, 255, 255, 0.9);
}

.my-gallery .find-cities .citi-overlay h2 {
    font-size: calc(22px + (35 - 22) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 22px;
    color: #ffffff;
}

.my-gallery .find-cities .citi-overlay h4 {
    margin-bottom: 18px;
    font-weight: 500;
}

.my-gallery .find-cities .citi-overlay h6 {
    margin-bottom: 0;
    position: relative;
    line-height: 1.8;
}

.my-gallery .find-cities .citi-overlay h6::after {
    position: absolute;
    content: "";
    width: 180px;
    height: 100%;
    right: -54px;
    background-color: rgba(255, 255, 255, 0.2);
}

.my-gallery .find-cities .citi-overlay h6:hover::after {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    right: 0;
}

.my-gallery .find-cities:hover::after {
    height: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.75;
}

.my-gallery .find-cities:hover .citi-overlay {
    height: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 1;
}

.my-gallery.gallery-6 .find-cities::after {
    background-image: var(--theme-gradient13);
}

.offer-section .title-1 h2 {
    margin-bottom: -9px;
}

.offer-section .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.offer-section .title-1:hover hr {
    width: 150px;
}

.offer-section .title-1.color-6 hr {
    color: var(--theme-default8);
}

.offer-section .offer-wrapper {
    padding: 50px;
    background-color: rgba(0, 0, 0, 0.4);
    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%;
    background-color: rgba(255, 255, 255, 0.1);
}

.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: #ffffff;
}

.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.4);
    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);
}

.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-default3);
}

.new-property .feature-content .feature-price h3 {
    background: var(--theme-gradient7);
    -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;
}

.new-property.pricing-property .feature-wrap {
    overflow: unset;
}

.new-property.pricing-property .title-2 h2 {
    margin-top: -4px;
}

.pricing-section .pricing-box {
    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 27px rgba(0, 0, 0, 0.07);
    padding: 50px;
    text-align: center;
    position: relative;
}

.pricing-section .pricing-box::after {
    position: absolute;
    content: "";
    width: 0;
    height: 3px;
    background-color: var(--theme-default5);
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    bottom: 0;
    left: 0;
}

.pricing-section .pricing-box h4,
.pricing-section .pricing-box h3 {
    color: #586167;
}

.pricing-section .pricing-box .pricing-details img {
    margin: 0 auto;
}

.pricing-section .pricing-box .pricing-details .pricing-svg {
    width: 50px;
    height: 50px;
}

.pricing-section .pricing-box .pricing-details .pricing-icon {
    position: relative;
}

.pricing-section .pricing-box .pricing-details .pricing-icon::after {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    opacity: 0.2;
    bottom: -7px;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transform: translateX(11px);
    transform: translateX(11px);
}

.pricing-section .pricing-box .pricing-details .pricing-icon.color-3 .pricing-svg {
    fill: var(--theme-default5);
}

.pricing-section .pricing-box .pricing-details .pricing-icon.color-3::after {
    background-color: var(--theme-default5);
}

.pricing-section .pricing-box .pricing-details .pricing-icon.color-2 .pricing-svg {
    fill: var(--theme-default3);
}

.pricing-section .pricing-box .pricing-details .pricing-icon.color-2::after {
    background-color: var(--theme-default3);
}

.pricing-section .pricing-box .pricing-details .pricing-icon.color-7 .pricing-svg {
    fill: var(--theme-default10);
}

.pricing-section .pricing-box .pricing-details .pricing-icon.color-7::after {
    background-color: var(--theme-default10);
}

.pricing-section .pricing-box .pricing-details h3 {
    margin-top: 26px;
    font-weight: 700;
}

.pricing-section .pricing-box .pricing-details p {
    line-height: 1.75;
    color: rgba(88, 97, 103, 0.7);
    margin-bottom: 0;
    font-size: 15px;
}

.pricing-section .pricing-box ul {
    margin: 30px 0 30px;
}

.pricing-section .pricing-box ul li {
    display: block;
    font-family: Roboto, sans-serif;
    color: rgba(88, 97, 103, 0.5);
    font-size: 15px;
    text-transform: lowercase;
}

.pricing-section .pricing-box ul li + li {
    margin-top: 10px;
}

.pricing-section .pricing-box .price {
    margin-bottom: -5px;
}

.pricing-section .pricing-box .price h4 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

.pricing-section .pricing-box .price .label {
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    margin-bottom: 10px;
}

.pricing-section .pricing-box .price .label.label-light::before {
    opacity: 0.15;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.pricing-section .pricing-box .price .label.label-light.color-3::before {
    background-color: var(--theme-default5);
}

.pricing-section .pricing-box .price .label.label-light.color-2::before {
    background-color: var(--theme-default3);
}

.pricing-section .pricing-box .price .label.label-light.color-7::before {
    background-color: var(--theme-default10);
}

.pricing-section .pricing-box .price .light-text {
    color: rgba(59, 66, 73, 0.3);
    text-transform: uppercase;
    font-weight: 700;
}

.pricing-section .pricing-box:hover::after {
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    width: 100%;
}

.pricing-section .pricing-box:hover .price .label-light {
    background-color: var(--theme-default5);
    color: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.pricing-section .pricing-box:hover .price .label-light::before {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.pricing-section .pricing-box:hover .price .label-light::after {
    -webkit-box-shadow: 0px 10px 12.5px var(--theme-default5);
    box-shadow: 0px 10px 12.5px var(--theme-default5);
    opacity: 0.22;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: -1;
}

.pricing-section .pricing-box:hover .price .label-light.color-2 {
    background-color: var(--theme-default3);
}

.pricing-section .pricing-box:hover .price .label-light.color-2::after {
    -webkit-box-shadow: 0px 10px 12.5px var(--theme-default3);
    box-shadow: 0px 10px 12.5px var(--theme-default3);
}

.pricing-section .pricing-box:hover .price .label-light.color-7 {
    background-color: var(--theme-default10);
}

.pricing-section .pricing-box:hover .price .label-light.color-7::after {
    -webkit-box-shadow: 0px 10px 12.5px var(--theme-default10);
    box-shadow: 0px 10px 12.5px var(--theme-default10);
}

.pricing-section .pricing-slider .slick-list {
    margin: -30px -25px;
}

.pricing-section .pricing-slider .slick-list .slick-track .slick-slide > div {
    margin-top: 30px;
}

.pricing-section.pricing-inner .pricing-box::after {
    background-color: var(--theme-default3);
}

.pricing-section.pricing-inner .pricing-box:hover .price .label-light.color-2 {
    background-color: var(--theme-default3);
    color: #ffffff;
}

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

.pricing-section.color-7 .pricing-box::after {
    background-color: var(--theme-default10);
}

.subscribe-section .video-details p {
    width: 80%;
    margin: 0 auto 25px;
}

.video-section {
    background-image: url(../images/others/video-bg.png);
    padding-left: 90px;
    padding-right: 90px;
}

.video-section .video-details p {
    width: 80%;
    margin: 0 auto 25px;
}

.video-section .play-icon {
    height: 100%;
}

.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);
}

.icon-video .heart-animation {
    position: absolute;
    top: -51px;
    right: -50px;
    width: 150px;
    height: 150px;
    z-index: -1;
    background: rgba(255, 255, 255, 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;
}

.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;*/ 
    height: 100vh;
}

.video-layout .overlay-content {
    z-index: 2;
    position: absolute;
    /*left: 10%;*/
    top: 30%;
}

.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 .modal-dialog .modal-content .modal-body .close {
    position: absolute;
    right: -30px;
    top: 0;
    color: #ffffff;
    font-weight: 400;
    font-size: 26px;
    opacity: 1;
}

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

.video-details {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 49px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 49px 0 rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    text-align: center;
    padding: 60px;
}

.video-details h2 {
    line-height: 1.42;
    color: #586167;
    margin: 20px 0 14px;
}

.video-details p {
    font-size: 16px;
    color: rgba(88, 97, 103, 0.7);
    line-height: 1.65;
    margin-bottom: 25px;
}

.video-details p,
.video-details span {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.subscribe-section {
    background-image: url(../images/others/subscribe-bg.jpg);
}

.subscribe-section .video-details {
    max-width: 810px;
    margin: 0 auto;
}

.subscribe-section .video-details .form-group {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.subscribe-section .video-details .form-group input {
    width: 75%;
    margin: 0 auto;
    border: none;
    text-align: center;
    opacity: 0.7;
    padding: 15px 20px 13px;
    color: var(--theme-default6);
    font-weight: 300;
}

.subscribe-section .video-details .form-group input::-webkit-input-placeholder {
    color: var(--theme-default6);
    font-family: 'Varela Round', sans-serif;
    font-weight: 300;
}

.subscribe-section .video-details .form-group input::-moz-placeholder {
    color: var(--theme-default6);
    font-family: 'Varela Round', sans-serif;
    font-weight: 300;
}

.subscribe-section .video-details .form-group input:-ms-input-placeholder {
    color: var(--theme-default6);
    font-family: 'Varela Round', sans-serif;
    font-weight: 300;
}

.subscribe-section .video-details .form-group input::-ms-input-placeholder {
    color: var(--theme-default6);
    font-family: 'Varela Round', sans-serif;
    font-weight: 300;
}

.subscribe-section .video-details .form-group input::placeholder {
    color: var(--theme-default6);
    font-family: 'Varela Round', sans-serif;
    font-weight: 300;
}

.subscribe-section .video-details .form-group::after {
    opacity: 0.6;
    width: 75%;
    background-color: var(--theme-default6);
    right: 0;
    margin: 0 auto;
    border-radius: 4px;
    z-index: -1;
}

.subscribe-section .video-details .form-group.color-2 input {
    color: var(--theme-default3);
}

.subscribe-section .video-details .form-group.color-2 input::-webkit-input-placeholder {
    color: var(--theme-default3);
}

.subscribe-section .video-details .form-group.color-2 input::-moz-placeholder {
    color: var(--theme-default3);
}

.subscribe-section .video-details .form-group.color-2 input:-ms-input-placeholder {
    color: var(--theme-default3);
}

.subscribe-section .video-details .form-group.color-2 input::-ms-input-placeholder {
    color: var(--theme-default3);
}

.subscribe-section .video-details .form-group.color-2 input::placeholder {
    color: var(--theme-default3);
}

.subscribe-section .video-details .form-group.color-2::after {
    background-color: var(--theme-default4);
}

.subscribe-section.bg-light {
    background-image: unset;
}

.subscribe-section.subscribe-bg-2 {
    background-image: url(../images/property/9.jpg);
}

.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 .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,
.blog-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;
}

.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;
    border-bottom: 1px solid #eee;
}

.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 .d-lg-none .mobile-filter {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #eee;
    color: #586167;
    border-radius: 4px;
    cursor: pointer;
}

.filter-panel .d-lg-none .mobile-filter svg {
    width: 18px;
    height: 18px;
    margin-left: 20px;
}

.filter-panel .grid-list-filter {
    margin-bottom: -10px;
}

.filter-panel .grid-list-filter .collection-grid-view ul {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.filter-panel .grid-list-filter .collection-grid-view ul li {
    margin-bottom: 0;
}

.filter-panel .grid-list-filter .collection-grid-view ul li img {
    height: 18px;
    cursor: pointer;
}

.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-panel .filters ul {
    margin: -5px;
}

.filter-panel .filters ul li {
    padding: 10px 15px;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-weight: 600;
    margin: 5px;
    text-transform: capitalize;
    border-radius: 4px;
    background: #efefef;
    position: relative;
    min-width: 130px;
    text-align: center;
}

.filter-panel .filters ul li::after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid var(--theme-default3);
    content: "";
    bottom: -7px;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.filter-panel .filters ul li i {
    display: block;
    font-size: 30px;
    text-align: center;
    margin-bottom: 6px;
}

.filter-panel .filters ul li.active {
    background: var(--theme-gradient7);
    color: white;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.filter-panel .filters ul li.active::after {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.tab-icon .filters ul li {
    background: #f7f7f7;
    border-bottom: 3px solid #f7f7f7;
}

.tab-icon .filters ul li lord-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 4px;
}

.tab-icon .filters ul li.active {
    color: #1c2d3a;
    background: #f7f7f7;
    border-bottom: 3px solid var(--theme-default3);
}

.tab-icon .filters ul li:hover {
    border-bottom: 3px solid var(--theme-default3);
}

.tab-icon .filters ul li span {
    display: block;
}

.tab-icon .filters ul li::after {
    display: none;
}

.filter-cards .advance-card .advance-title {
    font-weight: 600;
    margin-top: -4px;
}

.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-tera2);
}

.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 .slick-slide {
    margin-bottom: 0;
}

.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 .slick-arrow {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.filter-cards .advance-card .feature-slider:hover .slick-arrow {
    opacity: 1;
}

.filter-cards .advance-card .feature-slider:hover .slick-prev {
    left: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.filter-cards .advance-card .feature-slider:hover .slick-next {
    right: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.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;
}

.filter-cards .advance-card .tags ul {
    margin-top: -8px;
}

.filter-cards .advance-card .tags ul li {
    padding: 4px 10px;
    background-color: #f2f2f2c7;
    margin: 8px 8px 0 0;
    border-radius: 4px;
    text-transform: capitalize;
}

.filter-cards .advance-card .tags ul li a {
    color: #1c2d3a;
}

.filter-cards .advance-card .tags ul li a:hover {
    color: var(--theme-default4);
}

.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;
}

.error-section .not-found img {
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    width: 68%;
}

.error-section .not-found p {
    font-size: 16px;
    max-width: 48%;
    margin: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) auto calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
}

.accordion .card {
    border: none;
    -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);
}

.accordion .card + .card {
    margin-top: 20px;
}

.accordion .card-header {
    background-color: transparent;
    padding: 20px 50px 20px 30px;
    position: relative;
}

.accordion .card-header .card-link {
    color: #586167;
    font-weight: 500;
}

.accordion .card-header .card-link::after {
    position: absolute;
    right: 30px;
    top: 21px;
    content: "\f054";
    font-family: "Font Awesome 5 free";
    color: #586167;
    font-weight: 900;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.accordion .card-header .card-link[aria-expanded="true"]::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.accordion .card-body {
    color: #959595;
    font-family: Roboto, sans-serif;
    border-top: 1px solid #eee;
    line-height: 1.6;
    padding: 30px;
}

.user-dashboard.terms-section .sidebar-user .dashboard-list {
    margin-top: 0;
}

.faq-section .faq-image h3 {
    margin-top: 30px;
}

.faq-section .faq-image img {
    width: 70%;
}

.faq-section form {
    position: relative;
}

.faq-section form .form-group input {
    padding: 14px 20px 12px;
}

.faq-section form .btn {
    position: absolute;
    right: 6px;
    top: 33px;
}

.contact-map {
    height: 100%;
}

.contact-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.contact_section .contact_wrap {
    text-align: center;
    -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;
    height: 100%;
}

.contact_section .contact_wrap svg {
    color: var(--theme-default4);
    width: 30px;
    height: 30px;
}

.contact_section .contact_wrap h4 {
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: inherit;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
}

.contact_section .contact_wrap p {
    margin-bottom: -8px;
    line-height: 1.8;
}

.contact_section .contact_wrap ul {
    margin-bottom: -8px;
}

.contact_section .contact_wrap ul li {
    font-family: Roboto, sans-serif;
    color: #959595;
    display: block;
    line-height: 1.8;
}

.contact_section .contact-content {
    width: 84%;
    margin-bottom: 30px;
}

.contact_section .contact-content p {
    line-height: 1.8;
    margin-bottom: 0;
}

.get-in-touch .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.get-in-touch .contact-img {
    text-align: center;
}

.get-in-touch .contact-img img {
    width: 76%;
}

.get-in-touch .btn {
    padding: 12px 30px 11px;
}

.with-captcha {
    display: block;
    max-width: 330px;
}

.with-captcha .spinner label {
    margin-bottom: 0;
}

.contact_right .row > div + div {
    margin-top: 30px;
}

.contact-bottom {
    height: calc(180px + (300 - 180) * ((100vw - 320px) / (1920 - 320)));
}

.contact_section .contact-detail .contact_wrap {
    padding: 0;
}

.download-section .download-wrap h3 {
    font-weight: 600;
}

.download-section .download-wrap ul li + li {
    margin-left: 15px;
}

.download-section .app-right .input-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    width: 100%;
}

.download-section .app-right button {
    margin-left: 15px;
}

.download-section .app-right .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    width: calc(100% - 150px);
}

.download-section .app-right .form-group select {
    border-color: #eee;
    background-color: #ffffff;
    padding: 6px;
}

.download-section .app-right .form-group select:focus {
    outline: none;
}

.download-section .app-right .form-group input {
    border-radius: 0;
    padding: 12px 20px 10px;
}

.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.with-link .media .icons-square {
    position: relative;
    background-color: transparent;
}

.agent-section .our-agent-details ul li.with-link .media .icons-square::after {
    opacity: 0.1;
    background-color: var(--theme-default4);
    border-radius: 8px;
}

.agent-section .our-agent-details ul li.with-link .media .icons-square svg {
    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 .about-agent.theme-card .flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.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 .phone-number {
    display: none;
}

.agent-section .agent-content .agent-contact li.show .phone-number {
    display: inline-block;
}

.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-profile-wrap .our-agent .agent-image .label {
    top: 15px;
    left: 15px;
}

.agent-profile-wrap .agent-image {
    background-position: top !important;
}

.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)));
}

.dz-message h6,
.dz-message span {
    color: #959595;
    font-family: Rubik, sans-serif;
    font-weight: 400;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li {
    display: block;
    position: relative;
    z-index: 1;
    margin: 20px 0;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #f7f7f7;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon svg {
    display: none;
    vertical-align: middle;
    width: 28px;
    height: 28px;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon span {
    font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body {
    padding: 0 20px;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h5 {
    margin-bottom: 5px;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h5,
.property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h6 {
    font-family: Rubik, sans-serif;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h6 {
    margin-bottom: 0;
    color: #959595;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .step-icon {
    background-color: var(--theme-default3);
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .step-icon span {
    color: #ffffff;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body h5,
.property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body h6 {
    color: var(--theme-default3);
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.active .media .media-body h6 {
    opacity: 0.6;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.disabled {
    opacity: 0.6;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.disabled .media .step-icon svg {
    display: block;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li.step-container.disabled .media .step-icon span {
    display: none;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li:first-child {
    margin-top: 0;
}

.property-wizard .wizard-box .wizard-step-container .wizard-steps li:last-child {
    margin-bottom: 0;
}

.property-wizard .wizard-box .wizard-form-details {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.property-wizard .wizard-box .wizard-form-details.col-xxl-9 {
    margin-top: -16px;
    margin-bottom: -16px;
}

.property-wizard .wizard-box .wizard-form-details h2 {
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: -4px;
}

.property-wizard .wizard-box .wizard-form-details p {
    margin-bottom: 20px;
}

.property-wizard .wizard-box .wizard-form-details > .d-block {
    -webkit-animation: fadeInRight 0.5s ease-in-out;
    animation: fadeInRight 0.5s ease-in-out;
}

.property-wizard .wizard-box .wizard-form-details form .form-group {
    margin-bottom: 20px;
}

.property-wizard .wizard-box .wizard-form-details form label {
    font-weight: 500;
}

.property-wizard .wizard-box .wizard-form-details form.dropzone {
    margin-bottom: 20px;
}

.property-wizard .wizard-box .wizard-form-details .next-btn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
}

.property-wizard .wizard-box .wizard-form-details button {
    font-weight: 600;
}

.property-wizard .wizard-box .wizard-form-details iframe {
    width: 100%;
    height: calc(200px + (300 - 200) * ((100vw - 320px) / (1920 - 320)));
    border: none;
    margin-bottom: 15px;
}

.property-wizard .wizard-box .wizard-form-details .wizard-step-4 {
    height: 100%;
}

.property-wizard .wizard-box .wizard-form-details .complete-details {
    text-align: center;
    height: 100%;
    width: 68%;
    margin: 0 auto;
}

.property-wizard .wizard-box .wizard-form-details .complete-details h3 {
    font-weight: 600;
    margin-top: 20px;
}

.property-wizard .wizard-box .wizard-form-details .complete-details img {
    width: 40%;
}

.property-wizard .wizard-box .wizard-form-details .complete-details h6 {
    color: var(--theme-default4);
}

.property-wizard .wizard-box .wizard-form-details .complete-details p {
    line-height: 1.8;
}

.property-wizard .feature-checkbox {
    margin: -5px -15px;
}

.property-wizard .feature-checkbox label {
    color: rgba(88, 97, 103, 0.6);
    margin: 5px 15px;
}

.property-wizard .dropdown {
    border: 1px solid #eee;
    border-radius: 4px;
    color: rgba(88, 97, 103, 0.6);
}

.property-wizard .dropdown .dropdown-toggle {
    padding: 7px 20px 5px;
    display: block;
}

.property-wizard .dropdown .dropdown-toggle i {
    color: rgba(88, 97, 103, 0.6);
}

.property-wizard .dropdown .dropdown-item {
    color: rgba(88, 97, 103, 0.6);
}

.property-wizard input {
    padding: 12px 20px 10px;
}

.property-wizard label {
    font-weight: 500;
    font-family: 'Varela Round', sans-serif;
}

.property-wizard .form-control {
    color: rgba(88, 97, 103, 0.6);
}

.property-wizard .form-control::-webkit-input-placeholder {
    color: rgba(88, 97, 103, 0.6);
}

.property-wizard .form-control::-moz-placeholder {
    color: rgba(88, 97, 103, 0.6);
}

.property-wizard .form-control:-ms-input-placeholder {
    color: rgba(88, 97, 103, 0.6);
}

.property-wizard .form-control::-ms-input-placeholder {
    color: rgba(88, 97, 103, 0.6);
}

.property-wizard .form-control::placeholder,
.property-wizard .form-control:focus {
    color: rgba(88, 97, 103, 0.6);
}

.user-dashboard .sidebar-user {
    -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);
    border-radius: 8px;
}

.user-dashboard .sidebar-user .user-profile {
    padding: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
}

.user-dashboard .sidebar-user .user-profile .media {
    margin-bottom: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user-dashboard .sidebar-user .user-profile .media .change-pic {
    position: relative;
}

.user-dashboard .sidebar-user .user-profile .media .change-pic img {
    width: 70px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
}

.user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    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;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    border-radius: 8px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover .btn {
    padding: 4px 6px;
    border-radius: 100%;
}

.user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover .btn svg {
    width: 18px;
    height: 18px;
    vertical-align: text-top;
    color: rgba(255, 255, 255, 0.8);
}

.user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover .updateimg {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 26px;
}

.user-dashboard .sidebar-user .user-profile .media .change-pic:hover .change-hover {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.user-dashboard .sidebar-user .user-profile .media .media-body {
    margin-left: 20px;
}

.user-dashboard .sidebar-user .user-profile .media .media-body h5 {
    font-weight: 600;
    margin-bottom: 5px;
}

.user-dashboard .sidebar-user .user-profile .media .media-body h6 {
    color: #959595;
    font-size: 13px;
    margin-bottom: 3px;
}

.user-dashboard .sidebar-user .user-profile .connected-social h6 {
    position: relative;
    font-weight: 600;
}

.user-dashboard .sidebar-user .user-profile .connected-social h6::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background-color: var(--theme-default3);
    left: 0;
    bottom: -8px;
}

.user-dashboard .sidebar-user .dashboard-list {
    padding: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
    border-top: 1px solid #efefef;
    margin-top: 15px;
    padding-top: 5px;
}

.user-dashboard .dashboard-content {
    margin-bottom: -25px;
}

.user-dashboard .dashboard-content .common-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: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 8px;
    margin-bottom: 25px;
}

.user-dashboard .dashboard-content .common-card .common-header {
    padding-bottom: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.user-dashboard .dashboard-content .common-card .common-header h5 {
    font-weight: 600;
    margin-bottom: 0;
}

.user-dashboard .dashboard-content .user-wrapper .widgets .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user-dashboard .dashboard-content .user-wrapper .widgets .media .media-body p {
    font-family: Roboto, sans-serif;
    text-transform: capitalize;
    margin-bottom: 5px;
    margin-top: -2px;
}

.user-dashboard .dashboard-content .user-wrapper .widgets .media .media-body h5 {
    margin-bottom: -3px;
    font-weight: 600;
}

.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar {
    position: relative;
    margin-bottom: 1px;
}

.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .small-chart,
.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .small-chart1,
.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .small-chart2 {
    height: 36px;
    width: 50px;
}

.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg {
    position: absolute;
    bottom: -3px;
}

.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-point,
.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-line,
.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-bar,
.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-a .ct-slice-donut {
    stroke: var(--theme-default2);
}

.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-point,
.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-line,
.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-bar,
.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar svg .ct-series-b .ct-slice-donut {
    stroke: var(--theme-default2);
    opacity: 0.2;
}

.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .chartist-tooltip {
    position: absolute;
    opacity: 0;
}

.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .chartist-tooltip .chartist-tooltip-value {
    font-size: 10px;
    padding: 5px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}

.user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar .chartist-tooltip.tooltip-show {
    opacity: 1;
}

.user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-point,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-line,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-bar,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-a .ct-slice-donut {
    stroke: var(--theme-default3);
}

.user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-point,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-line,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-bar,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-1 .media .small-bar svg .ct-series-b .ct-slice-donut {
    stroke: var(--theme-default3);
    opacity: 0.2;
}

.user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-point,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-line,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-bar,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-a .ct-slice-donut {
    stroke: #89c826;
}

.user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-point,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-line,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-bar,
.user-dashboard .dashboard-content .user-wrapper .widgets.widget-2 .media .small-bar svg .ct-series-b .ct-slice-donut {
    stroke: #89c826;
    opacity: 0.2;
}

.user-dashboard .dashboard-content .user-wrapper .overview .overview-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.user-dashboard .dashboard-content .user-wrapper .overview .overview-content li {
    width: 100%;
}

.user-dashboard .dashboard-content .user-wrapper .overview .overview-content li p {
    margin-bottom: 5px;
    font-family: Roboto, sans-serif;
}

.user-dashboard .dashboard-content .user-wrapper .overview .overview-content li h4 {
    margin-bottom: 0;
    font-weight: 500;
}

.user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .label {
    padding: 3px 6px 1px;
    font-size: 11px;
}

.user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .d-flex {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .d-flex > span {
    margin-bottom: 3px;
    display: inline-block;
}

.user-dashboard .dashboard-content .user-wrapper .overview #overviewchart {
    margin: -20px 2px -27px -24px;
}

.user-dashboard .dashboard-content .user-wrapper .overview .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-title {
    background: transparent;
    border-bottom: 1px solid transparent;
    padding-bottom: 0;
}

.user-dashboard .dashboard-content .user-wrapper .overview .apexcharts-canvas .apexcharts-xaxistooltip {
    display: none;
}

.user-dashboard .dashboard-content .user-wrapper .sales-agent #agent-sales {
    margin-top: -40px;
    margin-bottom: -32px;
}

.user-dashboard .dashboard-content .user-wrapper .available-property .radial-property #radial {
    margin: -29px 0;
}

.user-dashboard .dashboard-content .user-wrapper .available-property .radial-property .apexcharts-datalabels-group .apexcharts-datalabel-label {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}

.user-dashboard .dashboard-content h2 {
    font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.user-dashboard .dashboard-content .property-section {
    margin-bottom: 25px;
    position: relative;
}

.user-dashboard .property-overview table {
    margin-bottom: 0;
}

.user-dashboard .property-overview table tr th {
    text-transform: capitalize;
    background-color: rgba(100, 117, 137, 0.05);
    font-weight: 600;
    padding: 15px 12px 13px;
}

.user-dashboard .property-overview table tr td {
    color: #959595;
    vertical-align: middle;
    font-family: Roboto, sans-serif;
    padding: 15px 12px 0;
}

.user-dashboard .property-overview table tr td .d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user-dashboard .property-overview table tr td .d-flex h6 {
    margin-left: 10px;
    font-size: 14px;
    color: #1c2d3a;
    margin-bottom: 0;
    font-weight: 500;
}

.user-dashboard .property-overview table tr td img {
    width: 50px;
    height: 40px;
    border-radius: 8px;
}

.user-dashboard .property-overview table tr td .label {
    font-size: 11px;
}

.user-dashboard .property-overview table tr th:last-child,
.user-dashboard .property-overview table tr td:last-child {
    text-align: right;
}

.property-section .property-wrapper-grid.list-view .property-box .property-details ul li,
.property-section .property-grid-slider .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,
.property-section .property-grid-slider .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,
.property-section .property-grid-slider .property-box .property-details ul li img {
    height: 14px;
    margin-right: 5px;
}

.property-section .property-wrapper-grid.list-view .property-box .property-details p,
.property-section .property-grid-slider .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 .property-btn .btn,
.property-section .property-wrapper-grid .property-grid > .col-xl-3 .property-box .property-details .property-btn .btn {
    padding: 9px 20px 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;
}

.right-line-tab {
    display: block;
    border-bottom: none;
}

.right-line-tab .nav-item {
    display: block;
}

.right-line-tab .nav-item .nav-link {
    color: #1c2d3a;
    font-family: Roboto, sans-serif;
    border: none;
    border-left: 2px solid transparent;
    border-radius: 0;
    padding: 8px 20px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
}

.right-line-tab .nav-item .nav-link.active {
    border-left-color: var(--theme-default3);
    color: var(--theme-default3);
}

.right-line-tab .nav-item.show .nav-link {
    border-right-color: var(--theme-default3);
}

.table-bordernone tr th,
.table-bordernone tr td {
    border: none;
}

.table-bordernone tr th {
    font-weight: 400;
}

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

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

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

.tab-listing .property-details .my-listing {
    position: absolute;
    right: 45px;
    top: 42px;
    color: #959595;
}

.create-tab .create-property-form .form-inputs > h6 {
    position: relative;
    margin-bottom: 20px;
    font-weight: 600;
    padding-bottom: 8px;
}

.create-tab .create-property-form .form-inputs > h6::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background-color: var(--theme-default3);
    left: 0;
    bottom: 0;
}

.create-tab .create-property-form .form-inputs .row gx-3 {
    margin-bottom: -16px;
}

.create-tab .create-property-form .form-inputs .dropzone {
    margin-bottom: 16px;
}

.create-tab .create-property-form .form-inputs + .form-inputs {
    margin-top: 25px;
}

.create-tab .create-property-form .btn {
    margin-top: 20px;
}

.my-profile .profile-info .user-name {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.my-profile .profile-info .user-name .rating,
.my-profile .profile-info .user-name h5 {
    display: inline-block;
}

.my-profile .profile-info .user-name .rating {
    margin-left: 15px;
}

.my-profile .profile-info .user-name h5 {
    font-weight: 600;
}

.my-profile .profile-info .user-detail {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.my-profile .profile-info .user-detail li {
    margin: 5px 10px 5px 0;
    color: #586167;
}

.my-profile .profile-info .user-detail li svg {
    margin-right: 3px;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
}

.my-profile .profile-info .user-detail li span {
    font-family: Roboto, sans-serif;
}

.my-profile .profile-info p {
    line-height: 1.8;
    margin-bottom: 0;
}

.my-profile .profile-info .information ul li {
    display: block;
    font-family: Roboto, sans-serif;
}

.my-profile .profile-info .information ul li span:first-child {
    min-width: 180px;
    display: inline-block;
}

.my-profile .profile-info .information ul li .label {
    margin-left: 15px;
}

.my-profile .profile-info .information ul li a {
    color: var(--theme-default3);
}

.my-profile .profile-info .information ul li p {
    display: inline-block;
}

.my-profile .profile-info .information ul li + li {
    margin-top: 15px;
}

.my-profile .profile-info .information-detail + .information-detail {
    padding-top: 30px;
}

.my-profile .profile-info .label-light {
    cursor: pointer;
}

.modal-title {
    font-weight: 600;
}

.modal-header,
.modal-body,
.modal-footer {
    padding: 30px;
}

.modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

.modal-header .btn-close {
    /*background: var(--theme-default4);*/
    position: absolute;
    right: 8px;
    top: 8px;
    width: 30px;
    height: 30px;
    opacity: 1;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
}

.modal-header .btn-close span {
    font-size: 30px;
    color: #fff;
}

.modal-footer {
    border-top-color: #eee;
}

.edit-profile-modal .modal-title {
    text-transform: capitalize;
}

.edit-profile-modal form label {
    text-transform: capitalize;
}

.edit-profile-modal form .form-control {
    padding: 8px 12px;
    color: rgba(28, 45, 58, 0.5);
}

.edit-profile-modal form .form-control::-webkit-input-placeholder {
    color: rgba(28, 45, 58, 0.5);
}

.edit-profile-modal form .form-control::-moz-placeholder {
    color: rgba(28, 45, 58, 0.5);
}

.edit-profile-modal form .form-control:-ms-input-placeholder {
    color: rgba(28, 45, 58, 0.5);
}

.edit-profile-modal form .form-control::-ms-input-placeholder {
    color: rgba(28, 45, 58, 0.5);
}

.edit-profile-modal form .form-control::placeholder {
    color: rgba(28, 45, 58, 0.5);
}

.edit-profile-modal form > .row {
    margin-bottom: -16px;
}

.edit-profile-modal.logout-modal .modal-body {
    padding-bottom: 0;
}

.edit-profile-modal.logout-modal .modal-body h6 {
    font-weight: 500;
}

.edit-profile-modal.logout-modal .modal-body p {
    margin-bottom: 0;
}

.edit-profile-modal.logout-modal .modal-footer {
    border-top: none;
}

.gj-datepicker-bootstrap [role=right-icon] button {
    border-color: #eee;
}

.modal-header .btn-close {
    font-weight: 500;
}

input[type="date"] {
    text-transform: inherit;
}

.gj-datepicker .btn-outline-secondary {
    padding: 8px;
    border-radius: 0 3px 3px 0;
}

.gj-datepicker .btn-outline-secondary i {
    color: rgba(88, 97, 103, 0.7);
    position: relative !important;
    top: unset !important;
    left: unset !important;
    font-size: 18px !important;
    vertical-align: -3px;
}

.gj-datepicker .btn-outline-secondary:not(:disabled):not(.disabled):active {
    background-color: transparent;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #959595;
}

.gj-datepicker .btn-outline-secondary:not(:disabled):not(.disabled).active {
    background-color: transparent;
    color: inherit;
}

.gj-datepicker .btn-outline-secondary:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.gj-datepicker .show > .btn-outline-secondary.dropdown-toggle {
    border: transparent;
    background-color: transparent;
    color: inherit;
}

.gj-picker div[role=navigator] div[role=period] {
    font-family: Roboto, sans-serif;
}

.gj-picker-bootstrap table tr td {
    font-family: Roboto, sans-serif;
}

.gj-picker-bootstrap table tr td.today div {
    color: var(--theme-default3);
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
    background-color: var(--theme-default3);
    border-color: var(--theme-default3);
}

.card-payment .payment-card {
    width: 100%;
    min-height: 183px;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
}

.card-payment .payment-card.master {
    background-color: #1f4771;
}

.card-payment .payment-card.visa {
    background-color: #6c6f69;
}

.card-payment .payment-card.american-express {
    background-color: #73a3b9;
    height: 100%;
}

.card-payment .payment-card .card-details h6 {
    font-family: Roboto, sans-serif;
    color: #ffffff;
}

.card-payment .payment-card .card-details .card-number > div img {
    width: 15%;
}

.card-payment .payment-card .card-details .card-number > div img:last-child {
    width: 5%;
    margin-left: 10px;
}

.card-payment .payment-card .card-details .card-number h3 {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    color: #ffffff;
    margin-top: 5px;
    margin-bottom: 3px;
}

.card-payment .payment-card .card-details .valid-detail {
    margin-bottom: 10px;
}

.card-payment .payment-card .card-details .valid-detail .title span {
    display: block;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.3;
}

.card-payment .payment-card .card-details .valid-detail .date h3 {
    margin-bottom: 0;
    color: #ffffff;
    margin-left: 10px;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.card-payment .payment-card .card-details .name-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.card-payment .payment-card .card-details .name-detail h5 {
    margin-bottom: 0;
    font-family: Roboto, sans-serif;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
}

.card-payment .payment-card .card-details .name-detail h4 {
    color: #ffffff;
}

.card-payment .payment-card .card-details .name-detail .name {
    width: 100%;
}

.card-payment .payment-card .card-details .name-detail .card-img {
    display: inline-block;
    margin-left: auto;
    text-align: right;
}

.card-payment .payment-card .edit-card {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.card-payment .payment-card .edit-card a {
    color: #ffffff;
    text-transform: capitalize;
}

.card-payment .payment-card .edit-card a:hover {
    color: var(--theme-default3);
}

.card-payment .payment-card .edit-card a + a {
    margin-left: 15px;
}

.card-payment .payment-card.add-card {
    background-color: #eee;
    cursor: pointer;
    padding: 0;
}

.card-payment .payment-card.add-card .card-details {
    text-align: center;
    width: 100%;
    height: 183px;
}

.card-payment .payment-card.add-card .card-details i {
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    color: #959595;
}

.card-payment .payment-card.add-card .card-details h5 {
    text-transform: capitalize;
    margin-bottom: 0;
    margin-top: 5px;
    font-family: Roboto, sans-serif;
}

.card-payment .payment-card:hover .edit-card {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.card-payment > div:last-child .payment-card {
    margin-top: 30px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch .switch-state {
    border-radius: 20px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f4f4f4;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .switch-state:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 20px;
}

.switch input {
    display: none;
}

.switch input:checked + .switch-state {
    background-color: #89c826;
}

.switch input:checked + .switch-state:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
}

.user-dashboard .dashboard-content .privacy-setting .common-card .common-header {
    padding-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.privacy-setting .common-card .common-header p {
    margin-top: 8px;
    margin-bottom: 0;
}

.privacy-setting .privacy-content .media .media-body p {
    margin-bottom: 0;
}

.privacy-setting .privacy-content .media .switch {
    margin-left: 8px;
}

.privacy-setting .privacy-content .media + .media {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.privacy-setting .privacy-content .btn {
    margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.privacy-setting .privacy-content + .privacy-content {
    margin-top: calc(25px + (50 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.privacy-setting .privacy-content h5 {
    font-weight: 600;
    margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.privacy-setting .switch {
    width: 50px;
    height: 25px;
}

.privacy-setting .switch .switch-state:before {
    height: 17px;
    width: 17px;
}

.privacy-setting .switch input:checked + .switch-state:before {
    -webkit-transform: translateX(25px);
    transform: translateX(25px);
}

.provide-service .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.provide-service .provide-details h2 {
    color: var(--theme-default3);
    line-height: 1.3;
}

.provide-service .provide-details p {
    line-height: 1.8;
    margin-bottom: 30px;
}

.provide-service .provide-details .btn {
    padding: 12px 30px 11px;
}

.provide-service .service-img {
    text-align: center;
}

.about-testimonial .title-2 h2 {
    margin-top: -2px;
}

.terms-section .sidebar-user .dashboard-list h5 {
    padding: 8px 20px;
    font-weight: 600;
}

.terms-section h2 {
    margin-bottom: 30px;
    font-weight: 600;
    margin-top: -6px;
    line-height: 1.3;
}

.terms-section .terms-wrapper h4 {
    font-weight: 600;
    color: #586167;
    margin-bottom: 3px;
    line-height: 1.4;
}

.terms-section .terms-wrapper p {
    line-height: 1.7;
    font-size: 16px;
}

.terms-section .terms-wrapper p a {
    color: var(--theme-default3);
}

.terms-section .terms-wrapper p:last-child {
    margin-bottom: 0;
}

.terms-section .terms-wrapper + .terms-wrapper {
    margin-top: 30px;
}

.terms-section .terms-wrapper ul {
    padding-left: 18px;
}

.terms-section .terms-wrapper ul li {
    display: list-item;
    line-height: 1.7;
    font-size: 16px;
    color: #959595;
}

.terms-section .terms-wrap {
    margin-bottom: -5px;
}

.terms-bottom-content {
    margin: 80px 20px 0;
    background: #dddddd3b;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
}

.terms-bottom-content img {
    height: 180px;
    margin-top: -80px;
    margin-bottom: 20px;
}

/**=====================
     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;
}

.box.text-affect .title {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 130px;
}

.box.text-affect .title .block {
    width: 0%;
    height: inherit;
    background: var(--theme-default10);
    position: absolute;
    -webkit-animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
    animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box.text-affect .title h1 {
    color: #000;
    -webkit-animation: mainFadeIn 2s forwards;
    animation: mainFadeIn 2s forwards;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
}

.box.text-affect .title h1 span {
    width: 0px;
    height: 0px;
    border-radius: 50%;
    background: var(--theme-default10);
    -webkit-animation: load 0.6s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
    animation: popIn 0.8s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    margin-left: 5px;
    margin-top: -10px;
    position: absolute;
    bottom: 13px;
    right: -12px;
}

.box.text-affect .role {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.box.text-affect .role .block {
    width: 0%;
    height: inherit;
    background: var(--theme-default10);
    position: absolute;
    -webkit-animation: secBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
    animation: secBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box.text-affect .role p {
    -webkit-animation: secFadeIn 2s forwards;
    animation: secFadeIn 2s forwards;
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
    opacity: 0;
    color: #232323;
}

/**=====================
     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-1.text-white hr {
    color: #ffffff;
}

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

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

.title-1 {
    padding-bottom: 50px;
}

.title-1 h2 {
    padding-top: 15px;
    margin-bottom: -1px;
    line-height: 1.3;
}

.title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.title-1:hover hr {
    width: 150px;
}

.title-2 h2 {
    background: var(--theme-gradient7);
    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: #ffffff;
    background: unset;
    background-blend-mode: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.title-2.text-white p {
    color: #ffffff;
}

.title-3 {
    margin-top: -11px;
    margin-bottom: 50px;
}

.title-3 h2 {
    margin: 6px 0 12px;
    color: #586167;
}

.title-3 h2 span {
    font-weight: 300;
}

.title-3 p {
    color: rgba(88, 97, 103, 0.7);
    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.title-3.text-start {
    margin-top: -4px;
}

.title-3.text-start h2 {
    margin-top: 0;
    color: var(--theme-tera2);
}

.theme-title .theme-card .card-header h4 {
    margin-top: -2px;
    margin-bottom: -2px;
}

.theme-title .title-1 h2 {
    margin-bottom: -9px;
}

.theme-title .title-1 hr {
    width: 80px;
    margin: 20px auto 0;
    height: 2px;
    color: var(--theme-default);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.theme-title .title-1:hover hr {
    width: 150px;
}

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

.theme-title .title-2 p {
    margin-bottom: -1px !important;
}

.theme-title .title-3 p {
    margin-bottom: -1px;
}

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

.login-wrap .log-in .title-3.text-start h2 {
    margin-top: -5px;
}

.login-wrap .log-in .d-flex label span {
    vertical-align: -2px;
}

.log-in form .form-group .input-group .input-group-text svg,
.log-in form .form-group .input-group .input-group-text i {
    color: #586167;
}

.log-in form .form-group .input-group .input-group-text .fa-eye-slash,
.log-in form .form-group .input-group .input-group-text .fa-eye {
    cursor: pointer;
}

.log-in form .form-group input {
    color: #586167;
}

.log-in .btn.btn-dashed {
    color: #586167;
}

.log-in .btn.btn-dashed.color-2:hover {
    color: var(--theme-default4);
}

.inner-title {
    margin-bottom: 30px;
}

.inner-title.title-3 h2 {
    margin-top: -2px;
}

.testimonial-client .title-3.text-start {
    margin-top: -2px;
}

.coming-simple .title-3 {
    margin-top: -2px;
}

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

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

.banner-section.layout1-bg {
    background-image: url(../images/parallax-1.jpg);
}

.banner-section.layout2-bg {
    background-image: url(../images/banner-2.jpg);
}

.banner-section.layout3-bg {
    background-image: url(../images/blog/2.jpg);
}

.banner-section.layout3-bg .banner-3 {
    margin: 30px auto;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 2px 0px 30px 40px rgba(255, 255, 255, 0.8);
    box-shadow: 2px 0px 30px 40px rgba(255, 255, 255, 0.8);
}

.banner-section.layout3-bg .banner-3 h2,
.banner-section.layout3-bg .banner-3 p {
    width: 90%;
}

.banner-section.layout7-bg {
    background-image: url(../images/blog/1.jpg);
}

.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-inner {
    padding-top: 179px;
}

.banner-1 {
    text-align: center;
    width: 70%;
    margin: 27px auto 0;
    padding: 50px;
    position: relative;
}

.banner-1 .big-gradient,
.banner-1 .small-white {
    position: absolute;
}

.banner-1 .big-gradient {
    font-size: 127px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -69px;
    left: 50%;
    z-index: 1;
}

.banner-1 .small-white {
    color: #ffffff;
    font-size: 46px;
    top: -43px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    margin-left: 18px;
    font-weight: 600;
}

.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;
    }
}

.banner-2 {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    overflow: hidden;
}

.banner-2 .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.banner-2 .banner-right {
    padding: 30px 60px 30px 0;
}

.banner-2 .banner-right h6 {
    letter-spacing: 8px;
    color: #3b4249;
    text-transform: uppercase;
    margin-bottom: 18px;
    font-weight: 500;
    margin-top: -2px;
}

.banner-2 .banner-right h2 {
    text-transform: unset;
    line-height: 1.52;
    background: var(--theme-gradient7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-2 .banner-right p {
    line-height: 1.6;
    color: #3b4249;
}

.banner-2 .banner-right .button-banner .btn.btn-gradient {
    line-height: 2.2;
}

.banner-2 .banner-right .button-banner .btn {
    font-size: 16px;
    line-height: 2;
    min-height: 55px;
}

.banner-2 .banner-right .button-banner .btn:after {
    height: 55px;
    top: -2px;
}

.banner-2 .banner-right .button-banner .btn + .btn:after {
    height: 58px;
}

.banner-2 .banner-right .button-banner .btn img {
    vertical-align: -1px;
}

.banner-2 .banner-right .button-banner .btn-light-bg img {
    vertical-align: -5px;
}

.banner-3 {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 80px;
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.banner-3 .label {
    font-weight: 500;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.banner-3 h2,
.banner-3 p {
    color: #586167;
    width: 85%;
}

.banner-3 h2 {
    line-height: 1.45;
    margin: 25px auto 15px;
}

.banner-3 p {
    color: #586167;
    line-height: 1.7;
    margin: 0 auto 24px;
    font-size: 16px;
}

.banner-4 .big-gradient {
    background: var(--theme-gradient11);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gallery-wrapper .img-box .property-image img {
    width: 100%;
}

.tap-top {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    position: fixed;
    bottom: -60px;
    right: 30px;
    z-index: 2;
    color: #ffffff;
    text-align: center;
    background: var(--theme-tera2);
    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-3 {
    background: var(--theme-default5);
}

.tap-top.color-3::after {
    -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default5);
    box-shadow: 5.353px 5.945px 12px var(--theme-default5);
}

.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-6 {
    background: var(--theme-gradient12);
}

.tap-top.color-6::after {
    -webkit-box-shadow: 5.353px 5.945px 12px var(--theme-default9);
    box-shadow: 5.353px 5.945px 12px var(--theme-default9);
}

.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-6 {
    background-image: unset;
    padding: 0;
    height: unset;
}

.home-section.layout-6 .home-main {
    background-image: url(../images/inner-pages/coming-soon.jpg);
    background-color: rgba(0, 0, 0, 0.8);
    background-blend-mode: overlay;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    min-height: 900px;
    padding-top: 44px;
}

.home-section.layout-6 .home-main h1,
.home-section.layout-6 .home-main h6 {
    color: #ffffff;
}

.home-section.layout-6 .home-main h6 {
    margin-top: 20px;
}

.home-section.layout-6 .home-main .container > .row {
    height: 100vh;
    min-height: 900px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home-section.layout-6 .arrow-light .slick-arrow {
    top: 105%;
}

.home-section.layout-6 .arrow-light .slick-next {
    right: unset;
    left: 10%;
}

.home-section.layout-6 .arrow-light .slick-prev {
    left: 0;
}

.home-section.layout-6 .vertical-search {
    width: unset;
}

.home-section.layout-6 .vertical-search h4 {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
}

.home-section.layout-6 .vertical-search .left-sidebar {
    background-color: rgba(255, 255, 255, 0.1);
}

.home-section.layout-6 .vertical-search .left-sidebar .form-group label {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

.home-section.layout-6 .vertical-search .left-sidebar .dropdown {
    background-color: transparent;
    border-color: #696161;
}

.home-section.layout-6 .vertical-search .left-sidebar .dropdown .dropdown-toggle {
    color: rgba(255, 255, 255, 0.8);
}

.home-section.layout-6 .home-slider-1 {
    margin-bottom: 120px;
}

.home-section.layout-6 .looking-icons h5 {
    color: rgba(255, 255, 255, 0.85);
}

.home-section.layout-6 .looking-icons ul li .looking-icon {
    background-color: rgba(255, 255, 255, 0.1);
}

.home-section.layout-6 .looking-icons ul li .looking-icon svg {
    fill: #ffffff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.home-section.layout-6 .looking-icons ul li .looking-icon h6 {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.home-section.layout-6 .looking-icons ul li .looking-icon:hover svg {
    fill: var(--theme-default9);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.home-section.layout-6 .looking-icons ul li .looking-icon:hover h6 {
    color: var(--theme-default9) !important;
}

.home-section.layout-5 {
    background-image: url(../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: var(--theme-default4) !important;
}

.home-section.layout-5 .home-main .looking-icons ul li:hover svg {
    fill: var(--theme-default4);
    -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;
}

.home-section.layout-5 .decor-image1 {
    position: absolute;
    right: 0;
    bottom: 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(../images/layout9-bg.jpg);
    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;
}

.layout-home2 .slick-slider .slick-prev,
.layout-home3 .slick-slider .slick-prev {
    left: 123px;
}

.layout-home2 .slick-slider .slick-next,
.layout-home3 .slick-slider .slick-next {
    right: 123px;
}

.layout-home2:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
}

.layout-home2 .feature-section {
    background-color: #ffffff;
}

.layout-home2 .feature-section .feature-content {
    padding: 30px 0;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    max-width: 575px;
}

.layout-home2 .feature-section .feature-content .label-cross {
    padding: 10px 33px 7px;
    background: #fb0118;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transform: rotate(-38deg);
    transform: rotate(-38deg);
    display: inline-block;
    -webkit-box-shadow: inset 0 0 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 20px 0px rgba(0, 0, 0, 0.3);
    font-size: 16px;
    position: absolute;
    left: -31px;
    top: 0;
}

.layout-home2 .home-main {
    background-image: url(../images/banner-2.jpg);
    width: 100%;
    height: 100vh;
    padding-top: 90px;
    position: relative;
    min-height: 720px;
}

.layout-home2 .video-bg .home-main {
    background: unset;
}

.layout-home2 .arrow-light .slick-arrow {
    top: 59%;
}

.layout-home2 .slick-initialized .slick-slide {
    margin-bottom: 0;
}

.layout-home3 .bg-layout-3 {
    height: 600px;
}

.layout-home3 .light-bg-1 {
    background-image: url(../images/blog/1.jpg);
}

.layout-home3 .light-bg-2 {
    background-image: url(../images/blog/2.jpg);
}

.layout-home3 .banner-3 {
    width: 48%;
    padding: 60px;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 2px 0px 30px 40px rgba(255, 255, 255, 0.7);
    box-shadow: 2px 0px 30px 40px rgba(255, 255, 255, 0.7);
}

.layout-home3 .banner-3 h1 {
    line-height: 1.5;
    color: #586167;
    margin: 20px 0;
    font-size: calc(26px + (42 - 26) * ((100vw - 320px) / (1920 - 320)));
}

.layout-home3 .home-slider-3 .slick-slide {
    margin-bottom: 0;
}

.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 .btns-parallax {
    margin: -5px -10px;
}

.parallax-home .btns-parallax button {
    margin: 5px 10px;
}

.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);
}

.layout-home4 .slider-image {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 91vh;
}

.layout-home4 .slider-image.bg-img-2 {
    background-image: url(../images/8.jpg);
}

.layout-home4 .slider-image.bg-img-3 {
    background-image: url(../images/6.jpg);
}

.layout-home4 .slider-image .home-content {
    padding: 60px 70px 60px 0;
    text-align: right;
    position: relative;
    z-index: 1;
}

.layout-home4 .slider-image .home-content .square-bg {
    position: absolute;
    content: "";
    width: 95%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.08);
    top: 0;
    right: 0;
    z-index: -1;
}

.layout-home4 .slider-image .home-content h6 {
    font-weight: 700;
    color: #586167;
    position: relative;
}

.layout-home4 .slider-image .home-content h6 span {
    display: inline-block;
}

.layout-home4 .slider-image .home-content h6.line-right::after {
    position: absolute;
    content: "";
    width: 22px;
    height: 2px;
    background-image: var(--theme-gradient9);
    right: 0;
    bottom: -10px;
}

.layout-home4 .slider-image .home-content h1,
.layout-home4 .slider-image .home-content h6,
.layout-home4 .slider-image .home-content h2 {
    color: #1b2c39;
}

.layout-home4 .slider-image .home-content h1 {
    line-height: 1.52;
    margin: 12px 0 18px;
}

.layout-home4 .slider-image .home-content h2 {
    margin: 30px 0 18px;
}

.layout-home4 .slider-image .home-content p {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: rgba(88, 97, 103, 0.5);
    width: 50%;
    margin-left: auto;
    margin-bottom: 26px;
    font-weight: 500;
    line-height: 1.7;
}

.layout-home4 .slider-image .home-content .font-color4 {
    font-weight: 500;
    color: var(--theme-default7);
    line-height: 1.7;
    padding-right: 12px;
    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;
}

.layout-home4 .slider-image .home-content .font-color4::after {
    position: absolute;
    content: "";
    width: 98px;
    height: 30px;
    border-radius: 5px;
    background-color: var(--theme-default7);
    opacity: 0.1;
    top: -2px;
    right: 0;
}

.layout-home4 .slider-image .home-content .btn-lg {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.layout-home4 .sync-slider {
    position: relative;
}

.layout-home4 .sync-slider .home-slider-4 img.img-icon {
    width: auto;
    height: 18px;
    margin-right: 10px;
}

.layout-home4 .sync-slider .home-slider-4 .slick-slide {
    margin-bottom: 0;
}

.layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow {
    width: 70px;
    height: 70px;
    background-color: #ffffff;
}

.layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::before {
    color: var(--theme-default7);
}

.layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::after {
    width: 170px;
    height: 170px;
    background-color: rgba(255, 255, 255, 0.2);
    top: -50px;
    left: -51px;
    -webkit-animation: heartbit 2s ease-out;
    animation: heartbit 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.layout-home4 .sync-slider .home-slider-4.arrow-image .slick-prev {
    left: 75px;
}

.layout-home4 .sync-slider .home-slider-4.arrow-image .slick-next {
    right: 75px;
}

.layout-home4 .sync-slider .home-nav {
    position: absolute;
    bottom: 30px;
    left: 40px;
}

.layout-home4 .sync-slider .home-nav .slick-slide,
.layout-home4 .sync-slider .home-nav .slick-track {
    width: auto !important;
}

.layout-home4 .sync-slider .home-nav .slick-list {
    margin: -30px -15px;
}

.layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide > div {
    margin: 30px 15px;
}

.layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide.slick-current .slider-image {
    position: relative;
}

.layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide.slick-current .slider-image::after {
    position: absolute;
    content: "";
    background: #586167;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide.slick-current .slider-image span {
    opacity: 1;
    z-index: 1;
    -webkit-transition: 0.5;
    transition: 0.5;
}

.layout-home4 .sync-slider .home-nav .slider-image {
    width: 112px;
    height: 85px;
    border-radius: 5px;
    -webkit-box-shadow: -5.15px 8.572px 23px rgba(34, 54, 69, 0.15);
    box-shadow: -5.15px 8.572px 23px rgba(34, 54, 69, 0.15);
}

.layout-home4 .sync-slider .home-nav .slider-image span {
    opacity: 0;
    -webkit-transition: 0.5;
    transition: 0.5;
    color: #ffffff;
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
}

.layout-home4 .home-slider-4 .slider-image {
    min-height: 700px;
}

.layout-6 {
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: overlay;
}

.layout-6 .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.vertical-search {
    width: 420px;
    top: 0;
    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: 100%;
    margin: 0 auto;
}

.vertical-search .left-sidebar {
    background-color: rgba(255, 255, 255, 0.15);
}

.vertical-search .left-sidebar .dropdown {
    background-color: #ffffff;
}

.vertical-search .left-sidebar .price-range label {
    color: #ffffff;
}

.vertical-search .left-sidebar .price-range.text-dark input {
    color: #586167;
}

.vertical-search .left-sidebar .price-range input {
    background-color: transparent;
    color: #ffffff;
}

.search-withmap {
    position: static;
}

.search-withmap .vertical-search {
    margin: 0;
    float: right;
}

.search-withmap .left-sidebar {
    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);
    z-index: 1;
}

.search-withmap .left-sidebar label {
    font-weight: 600;
    color: #586167;
}

.search-withmap .left-sidebar .price-range label,
.search-withmap .left-sidebar .price-range input {
    color: #586167;
}

.search-withmap .left-sidebar .price-range .ui-slider-horizontal .ui-slider-handle {
    top: -0.43em;
}

.banner-4 {
    background-image: url(../../img/portada.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 canvas {
    display: block;
    vertical-align: bottom;
}

.video-layout .particles {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.video-layout .play-icon {
    position: relative;
    margin-left: -50px;
}

.video-layout .video-right {
    height: 500px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.video-layout .video-right #block {
    height: 500px;
}

.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 .add-more {
    opacity: 0;
    display: none;
}

.video-layout .video-search .add-more.open {
    opacity: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: visible;
}

.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 .video-search .feature-checkbox label {
    margin: 5px 15px;
}

.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 .icon-video .heart-animation {
    background: var(--theme-default4);
    opacity: 0.6;
}

.video-layout .play-bg {
    text-align: center;
    width: 100%;
    position: relative;
    height: 500px;
    border-radius: 10px;
    border: 20px solid #ffffff;
}

.video-layout .play-bg::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}

.video-layout .play-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}

.video-layout .video-details {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background-color: transparent;
    text-align: left;
    padding-left: 0;
}

.video-layout .video-details .left-sidebar {
    width: 520px;
}

.video-layout .video-details .left-sidebar label {
    font-weight: 500;
    color: #586167;
}

.video-layout .video-details .left-sidebar .price-range label {
    color: #586167;
}

.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-map {
    height: 75vh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.layout-map .H_ui,
.layout-map .leaflet-pane {
    z-index: 1;
}

.layout-map .map {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.layout-map .map > div {
    opacity: 0.7;
}

.layout-map .map:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #313131;
    top: 0;
    bottom: 0;
}

.layout-map.vertical-map {
    min-height: 775px;
}

.layout-map .withmap-horizontal .search-panel {
    background-color: transparent;
    position: relative;
    margin: 0 auto;
}

.layout-map .withmap-horizontal .search-panel .width-fit {
    margin: 0;
}

.layout-map .withmap-horizontal .search-panel .width-fit > div + div {
    border-left: 1px solid #e4daf5;
}

.layout-map .withmap-horizontal .search-panel .width-fit > div:nth-child(2) {
    max-width: 25%;
}

.layout-map .withmap-horizontal .search-panel .width-fit > div:first-child {
    max-width: 28%;
}

.layout-map .withmap-horizontal .search-panel .width-fit > div:first-child .filter {
    padding-left: 50px;
}

.layout-map .withmap-horizontal .search-panel .filter {
    padding: 50px 30px;
    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;
}

.layout-map .withmap-horizontal .search-panel .filter .btn {
    padding-top: 12px;
    padding-bottom: 10px;
}

.layout-map .withmap-horizontal .search-panel .filter .media {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
    width: 45px;
    height: 45px;
    position: relative;
}

.layout-map .withmap-horizontal .search-panel .filter .media .icon-square::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    background-color: var(--theme-default7);
}

.layout-map .withmap-horizontal .search-panel .filter .media .icon-square i {
    color: var(--theme-default7);
    font-size: 22px;
}

.layout-map .withmap-horizontal .search-panel .filter .media .media-body {
    margin-left: 15px;
    margin-right: 30px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    position: relative;
}

.layout-map .withmap-horizontal .search-panel .filter .media .media-body h4 {
    color: var(--theme-default7);
    line-height: 1;
    margin-bottom: 10px;
}

.layout-map .withmap-horizontal .search-panel .filter .media .media-body h4 {
    font-weight: 700;
}

.layout-map .withmap-horizontal .search-panel .filter .media .media-body h6 {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1.4;
    letter-spacing: 0.5px;
    margin-bottom: -1px;
}

.layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon {
    margin-top: 5px;
}

.layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon span {
    line-height: 0.4;
}

.layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon span i {
    font-size: 12px;
}

.layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon span.d-block {
    margin-bottom: -4px;
}

.layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon span + span {
    color: rgba(149, 149, 149, 0.5);
}

.layout-map .withmap-horizontal .search-panel .filter .dropdown .dropdown-menu {
    width: 210px;
}

.layout-map .feature-section .feature-content {
    z-index: 1;
    background: #ffffff;
    height: auto;
}

.layout-map.layout-home2 {
    min-height: 540px;
}

.layout-map.header-map {
    height: 500px;
}

.layout-map .leaflet-container::before {
    display: none;
}

.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: var(--theme-default);
    min-height: 800px;
    overflow: hidden;
    padding: 200px 0;
}

/*.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 .bg-dots {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.layout-home8 .dotWrapper {
    position: absolute;
}

.layout-home8 .dotWrapper-1 {
    top: 74%;
    left: 63%;
    -webkit-animation: flying 60s ease-in-out -1.8s infinite alternate;
    animation: flying 60s ease-in-out -1.8s infinite alternate;
}

.layout-home8 .dotWrapper-2 {
    top: 67%;
    left: 43%;
    -webkit-animation: flying 51s ease-in-out -4.2s infinite alternate;
    animation: flying 51s ease-in-out -4.2s infinite alternate;
}

.layout-home8 .dotWrapper-3 {
    top: 61%;
    left: 70%;
    -webkit-animation: flying 25s ease-in-out -7.3s infinite alternate;
    animation: flying 25s ease-in-out -7.3s infinite alternate;
}

.layout-home8 .dotWrapper-4 {
    top: 88%;
    left: 17%;
    -webkit-animation: flying 30s ease-in-out -9.8s infinite alternate;
    animation: flying 30s ease-in-out -9.8s infinite alternate;
}

.layout-home8 .dotWrapper-5 {
    top: 31%;
    left: 47%;
    -webkit-animation: flying 44s ease-in-out -0.5s infinite alternate;
    animation: flying 44s ease-in-out -0.5s infinite alternate;
}

.layout-home8 .dotWrapper-6 {
    top: 57%;
    left: 100%;
    -webkit-animation: flying 68s ease-in-out -5s infinite alternate;
    animation: flying 68s ease-in-out -5s infinite alternate;
}

.layout-home8 .dotWrapper-7 {
    top: 34%;
    left: 83%;
    -webkit-animation: flying 66s ease-in-out -2s infinite alternate;
    animation: flying 66s ease-in-out -2s infinite alternate;
}

.layout-home8 .dotWrapper-8 {
    top: 11%;
    left: 27%;
    -webkit-animation: flying 54s ease-in-out -8s infinite alternate;
    animation: flying 54s ease-in-out -8s infinite alternate;
}

.layout-home8 .dotWrapper-9 {
    top: 56%;
    left: 91%;
    -webkit-animation: flying 29s ease-in-out -1.5s infinite alternate;
    animation: flying 29s ease-in-out -1.5s infinite alternate;
}

.layout-home8 .dotWrapper-10 {
    top: 96%;
    left: 77%;
    -webkit-animation: flying 65s ease-in-out -0.2s infinite alternate;
    animation: flying 65s ease-in-out -0.2s infinite alternate;
}

.layout-home8 .dotWrapper-11 {
    top: 67%;
    left: 6%;
    -webkit-animation: flying 53s ease-in-out -5.6s infinite alternate;
    animation: flying 53s ease-in-out -5.6s infinite alternate;
}

.layout-home8 .dotWrapper-12 {
    top: 17%;
    left: 15%;
    -webkit-animation: flying 60s ease-in-out -2.4s infinite alternate;
    animation: flying 60s ease-in-out -2.4s infinite alternate;
}

.layout-home8 .dotWrapper-13 {
    top: 8%;
    left: 28%;
    -webkit-animation: flying 45s ease-in-out -1.8s infinite alternate;
    animation: flying 45s ease-in-out -1.8s infinite alternate;
}

.layout-home8 .dotWrapper-14 {
    top: 26%;
    left: 54%;
    -webkit-animation: flying 22s ease-in-out -0.1s infinite alternate;
    animation: flying 22s ease-in-out -0.1s infinite alternate;
}

.layout-home8 .dotWrapper-15 {
    top: 41%;
    left: 17%;
    -webkit-animation: flying 64s ease-in-out -4.2s infinite alternate;
    animation: flying 64s ease-in-out -4.2s infinite alternate;
}

.layout-home8 .dotWrapper-16 {
    top: 96%;
    left: 9%;
    -webkit-animation: flying 55s ease-in-out -7.3s infinite alternate;
    animation: flying 55s ease-in-out -7.3s infinite alternate;
}

.layout-home8 .dotWrapper-17 {
    top: 57%;
    left: 99%;
    -webkit-animation: flying 50s ease-in-out -7.4s infinite alternate;
    animation: flying 50s ease-in-out -7.4s infinite alternate;
}

.layout-home8 .dotWrapper-18 {
    top: 57%;
    left: 37%;
    -webkit-animation: flying 29s ease-in-out -1.6s infinite alternate;
    animation: flying 29s ease-in-out -1.6s infinite alternate;
}

.layout-home8 .dotWrapper-19 {
    top: 30%;
    left: 1%;
    -webkit-animation: flying 39s ease-in-out -0.4s infinite alternate;
    animation: flying 39s ease-in-out -0.4s infinite alternate;
}

.layout-home8 .dotWrapper-20 {
    top: 11%;
    left: 72%;
    -webkit-animation: flying 63s ease-in-out -9s infinite alternate;
    animation: flying 63s ease-in-out -9s infinite alternate;
}

.layout-home8 .dotWrapper-21 {
    top: 71%;
    left: 62%;
    -webkit-animation: flying 28s ease-in-out -1.4s infinite alternate;
    animation: flying 28s ease-in-out -1.4s infinite alternate;
}

.layout-home8 .dotWrapper-22 {
    top: 16%;
    left: 28%;
    -webkit-animation: flying 41s ease-in-out -8.7s infinite alternate;
    animation: flying 41s ease-in-out -8.7s infinite alternate;
}

.layout-home8 .dotWrapper-23 {
    top: 77%;
    left: 100%;
    -webkit-animation: flying 21s ease-in-out -2.8s infinite alternate;
    animation: flying 21s ease-in-out -2.8s infinite alternate;
}

.layout-home8 .dotWrapper-24 {
    top: 59%;
    left: 52%;
    -webkit-animation: flying 60s ease-in-out -0.9s infinite alternate;
    animation: flying 60s ease-in-out -0.9s infinite alternate;
}

.layout-home8 .dotWrapper-25 {
    top: 56%;
    left: 25%;
    -webkit-animation: flying 35s ease-in-out -9.2s infinite alternate;
    animation: flying 35s ease-in-out -9.2s infinite alternate;
}

.layout-home8 .dotWrapper-26 {
    top: 51%;
    left: 15%;
    -webkit-animation: flying 21s ease-in-out -8.7s infinite alternate;
    animation: flying 21s ease-in-out -8.7s infinite alternate;
}

.layout-home8 .dotWrapper-27 {
    top: 10%;
    left: 33%;
    -webkit-animation: flying 36s ease-in-out -1.6s infinite alternate;
    animation: flying 36s ease-in-out -1.6s infinite alternate;
}

.layout-home8 .dotWrapper-28 {
    top: 9%;
    left: 29%;
    -webkit-animation: flying 57s ease-in-out -10s infinite alternate;
    animation: flying 57s ease-in-out -10s infinite alternate;
}

.layout-home8 .dotWrapper-29 {
    top: 46%;
    left: 84%;
    -webkit-animation: flying 38s ease-in-out -7.7s infinite alternate;
    animation: flying 38s ease-in-out -7.7s infinite alternate;
}

.layout-home8 .dotWrapper-30 {
    top: 79%;
    left: 69%;
    -webkit-animation: flying 62s ease-in-out -3.4s infinite alternate;
    animation: flying 62s ease-in-out -3.4s infinite alternate;
}

.layout-home8 .dotWrapper-31 {
    top: 26%;
    left: 88%;
    -webkit-animation: flying 40s ease-in-out -1.5s infinite alternate;
    animation: flying 40s ease-in-out -1.5s infinite alternate;
}

.layout-home8 .dotWrapper-32 {
    top: 95%;
    left: 49%;
    -webkit-animation: flying 39s ease-in-out -5.6s infinite alternate;
    animation: flying 39s ease-in-out -5.6s infinite alternate;
}

.layout-home8 .dotWrapper-33 {
    top: 37%;
    left: 15%;
    -webkit-animation: flying 44s ease-in-out -2.5s infinite alternate;
    animation: flying 44s ease-in-out -2.5s infinite alternate;
}

.layout-home8 .dotWrapper-34 {
    top: 55%;
    left: 31%;
    -webkit-animation: flying 32s ease-in-out -4.1s infinite alternate;
    animation: flying 32s ease-in-out -4.1s infinite alternate;
}

.layout-home8 .dotWrapper-35 {
    top: 12%;
    left: 94%;
    -webkit-animation: flying 70s ease-in-out -0.3s infinite alternate;
    animation: flying 70s ease-in-out -0.3s infinite alternate;
}

.layout-home8 .dotWrapper-36 {
    top: 69%;
    left: 39%;
    -webkit-animation: flying 70s ease-in-out -5.8s infinite alternate;
    animation: flying 70s ease-in-out -5.8s infinite alternate;
}

.layout-home8 .dotWrapper-37 {
    top: 82%;
    left: 77%;
    -webkit-animation: flying 60s ease-in-out -9.8s infinite alternate;
    animation: flying 60s ease-in-out -9.8s infinite alternate;
}

.layout-home8 .dotWrapper-38 {
    top: 34%;
    left: 54%;
    -webkit-animation: flying 62s ease-in-out -5.6s infinite alternate;
    animation: flying 62s ease-in-out -5.6s infinite alternate;
}

.layout-home8 .dotWrapper-39 {
    top: 66%;
    left: 42%;
    -webkit-animation: flying 27s ease-in-out -8.7s infinite alternate;
    animation: flying 27s ease-in-out -8.7s infinite alternate;
}

.layout-home8 .dotWrapper-40 {
    top: 10%;
    left: 9%;
    -webkit-animation: flying 58s ease-in-out -7s infinite alternate;
    animation: flying 58s ease-in-out -7s infinite alternate;
}

.layout-home8 .dotWrapper-41 {
    top: 93%;
    left: 42%;
    -webkit-animation: flying 38s ease-in-out -0.4s infinite alternate;
    animation: flying 38s ease-in-out -0.4s infinite alternate;
}

.layout-home8 .dotWrapper-42 {
    top: 22%;
    left: 1%;
    -webkit-animation: flying 29s ease-in-out -7.7s infinite alternate;
    animation: flying 29s ease-in-out -7.7s infinite alternate;
}

.layout-home8 .dotWrapper-43 {
    top: 22%;
    left: 86%;
    -webkit-animation: flying 33s ease-in-out -3.8s infinite alternate;
    animation: flying 33s ease-in-out -3.8s infinite alternate;
}

.layout-home8 .dotWrapper-44 {
    top: 94%;
    left: 27%;
    -webkit-animation: flying 34s ease-in-out -6.4s infinite alternate;
    animation: flying 34s ease-in-out -6.4s infinite alternate;
}

.layout-home8 .dotWrapper-45 {
    top: 42%;
    left: 90%;
    -webkit-animation: flying 38s ease-in-out -5.8s infinite alternate;
    animation: flying 38s ease-in-out -5.8s infinite alternate;
}

.layout-home8 .dotWrapper-46 {
    top: 25%;
    left: 58%;
    -webkit-animation: flying 49s ease-in-out -3.4s infinite alternate;
    animation: flying 49s ease-in-out -3.4s infinite alternate;
}

.layout-home8 .dotWrapper-47 {
    top: 61%;
    left: 63%;
    -webkit-animation: flying 45s ease-in-out -1.8s infinite alternate;
    animation: flying 45s ease-in-out -1.8s infinite alternate;
}

.layout-home8 .dotWrapper-48 {
    top: 24%;
    left: 98%;
    -webkit-animation: flying 22s ease-in-out -2.6s infinite alternate;
    animation: flying 22s ease-in-out -2.6s infinite alternate;
}

.layout-home8 .dotWrapper-49 {
    top: 60%;
    left: 59%;
    -webkit-animation: flying 50s ease-in-out -2.7s infinite alternate;
    animation: flying 50s ease-in-out -2.7s infinite alternate;
}

.layout-home8 .dotWrapper-50 {
    top: 57%;
    left: 58%;
    -webkit-animation: flying 60s ease-in-out -9.2s infinite alternate;
    animation: flying 60s ease-in-out -9.2s infinite alternate;
}

.layout-home8 .dot {
    width: 6px;
    height: 6px;
    background: #ffffff;
    opacity: 0.15;
    border-radius: 50%;
}

.layout-home8 .dot-1 {
    -webkit-transform-origin: -4px -5px;
    transform-origin: -4px -5px;
    -webkit-animation: rotating 23s ease-in-out -2.7s infinite;
    animation: rotating 23s ease-in-out -2.7s infinite;
}

.layout-home8 .dot-2 {
    -webkit-transform-origin: -14px -9px;
    transform-origin: -14px -9px;
    -webkit-animation: rotating 12s ease-in-out -8.9s infinite;
    animation: rotating 12s ease-in-out -8.9s infinite;
}

.layout-home8 .dot-3 {
    -webkit-transform-origin: -9px 1px;
    transform-origin: -9px 1px;
    -webkit-animation: rotating 30s ease-in-out -2.4s infinite;
    animation: rotating 30s ease-in-out -2.4s infinite;
}

.layout-home8 .dot-4 {
    -webkit-transform-origin: 6px -13px;
    transform-origin: 6px -13px;
    -webkit-animation: rotating 23s ease-in-out -3.4s infinite;
    animation: rotating 23s ease-in-out -3.4s infinite;
}

.layout-home8 .dot-5 {
    -webkit-transform-origin: 10px -13px;
    transform-origin: 10px -13px;
    -webkit-animation: rotating 27s ease-in-out -0.5s infinite;
    animation: rotating 27s ease-in-out -0.5s infinite;
}

.layout-home8 .dot-6 {
    -webkit-transform-origin: 7px 7px;
    transform-origin: 7px 7px;
    -webkit-animation: rotating 27s ease-in-out -5.6s infinite;
    animation: rotating 27s ease-in-out -5.6s infinite;
}

.layout-home8 .dot-7 {
    -webkit-transform-origin: 11px 12px;
    transform-origin: 11px 12px;
    -webkit-animation: rotating 20s ease-in-out -4.5s infinite;
    animation: rotating 20s ease-in-out -4.5s infinite;
}

.layout-home8 .dot-8 {
    -webkit-transform-origin: -14px 6px;
    transform-origin: -14px 6px;
    -webkit-animation: rotating 15s ease-in-out -8.6s infinite;
    animation: rotating 15s ease-in-out -8.6s infinite;
}

.layout-home8 .dot-9 {
    -webkit-transform-origin: 1px 2px;
    transform-origin: 1px 2px;
    -webkit-animation: rotating 14s ease-in-out -0.6s infinite;
    animation: rotating 14s ease-in-out -0.6s infinite;
}

.layout-home8 .dot-10 {
    -webkit-transform-origin: -1px 14px;
    transform-origin: -1px 14px;
    -webkit-animation: rotating 13s ease-in-out -7.6s infinite;
    animation: rotating 13s ease-in-out -7.6s infinite;
}

.layout-home8 .dot-11 {
    -webkit-transform-origin: 9px 11px;
    transform-origin: 9px 11px;
    -webkit-animation: rotating 14s ease-in-out -2.2s infinite;
    animation: rotating 14s ease-in-out -2.2s infinite;
}

.layout-home8 .dot-12 {
    -webkit-transform-origin: 15px 3px;
    transform-origin: 15px 3px;
    -webkit-animation: rotating 14s ease-in-out -4.7s infinite;
    animation: rotating 14s ease-in-out -4.7s infinite;
}

.layout-home8 .dot-13 {
    -webkit-transform-origin: 10px 7px;
    transform-origin: 10px 7px;
    -webkit-animation: rotating 29s ease-in-out -5.5s infinite;
    animation: rotating 29s ease-in-out -5.5s infinite;
}

.layout-home8 .dot-14 {
    -webkit-transform-origin: 5px 4px;
    transform-origin: 5px 4px;
    -webkit-animation: rotating 28s ease-in-out -6.4s infinite;
    animation: rotating 28s ease-in-out -6.4s infinite;
}

.layout-home8 .dot-15 {
    -webkit-transform-origin: -13px 4px;
    transform-origin: -13px 4px;
    -webkit-animation: rotating 25s ease-in-out -0.8s infinite;
    animation: rotating 25s ease-in-out -0.8s infinite;
}

.layout-home8 .dot-16 {
    -webkit-transform-origin: -13px -9px;
    transform-origin: -13px -9px;
    -webkit-animation: rotating 13s ease-in-out -2.4s infinite;
    animation: rotating 13s ease-in-out -2.4s infinite;
}

.layout-home8 .dot-17 {
    -webkit-transform-origin: -9px -1px;
    transform-origin: -9px -1px;
    -webkit-animation: rotating 22s ease-in-out -6.2s infinite;
    animation: rotating 22s ease-in-out -6.2s infinite;
}

.layout-home8 .dot-18 {
    -webkit-transform-origin: -13px -9px;
    transform-origin: -13px -9px;
    -webkit-animation: rotating 28s ease-in-out -2s infinite;
    animation: rotating 28s ease-in-out -2s infinite;
}

.layout-home8 .dot-19 {
    -webkit-transform-origin: 2px 10px;
    transform-origin: 2px 10px;
    -webkit-animation: rotating 13s ease-in-out -0.3s infinite;
    animation: rotating 13s ease-in-out -0.3s infinite;
}

.layout-home8 .dot-20 {
    -webkit-transform-origin: 9px 6px;
    transform-origin: 9px 6px;
    -webkit-animation: rotating 22s ease-in-out -3.6s infinite;
    animation: rotating 22s ease-in-out -3.6s infinite;
}

.layout-home8 .dot-21 {
    -webkit-transform-origin: -14px -9px;
    transform-origin: -14px -9px;
    -webkit-animation: rotating 30s ease-in-out -5s infinite;
    animation: rotating 30s ease-in-out -5s infinite;
}

.layout-home8 .dot-22 {
    -webkit-transform-origin: 11px -10px;
    transform-origin: 11px -10px;
    -webkit-animation: rotating 26s ease-in-out -8s infinite;
    animation: rotating 26s ease-in-out -8s infinite;
}

.layout-home8 .dot-23 {
    -webkit-transform-origin: 10px -7px;
    transform-origin: 10px -7px;
    -webkit-animation: rotating 20s ease-in-out -5.7s infinite;
    animation: rotating 20s ease-in-out -5.7s infinite;
}

.layout-home8 .dot-24 {
    -webkit-transform-origin: -2px 14px;
    transform-origin: -2px 14px;
    -webkit-animation: rotating 14s ease-in-out -10s infinite;
    animation: rotating 14s ease-in-out -10s infinite;
}

.layout-home8 .dot-25 {
    -webkit-transform-origin: -2px 10px;
    transform-origin: -2px 10px;
    -webkit-animation: rotating 13s ease-in-out -6.7s infinite;
    animation: rotating 13s ease-in-out -6.7s infinite;
}

.layout-home8 .dot-26 {
    -webkit-transform-origin: 9px 1px;
    transform-origin: 9px 1px;
    -webkit-animation: rotating 26s ease-in-out -4.2s infinite;
    animation: rotating 26s ease-in-out -4.2s infinite;
}

.layout-home8 .dot-27 {
    -webkit-transform-origin: -10px -14px;
    transform-origin: -10px -14px;
    -webkit-animation: rotating 11s ease-in-out -6.8s infinite;
    animation: rotating 11s ease-in-out -6.8s infinite;
}

.layout-home8 .dot-28 {
    -webkit-transform-origin: 13px 0px;
    transform-origin: 13px 0px;
    -webkit-animation: rotating 11s ease-in-out -2.9s infinite;
    animation: rotating 11s ease-in-out -2.9s infinite;
}

.layout-home8 .dot-29 {
    -webkit-transform-origin: -10px 12px;
    transform-origin: -10px 12px;
    -webkit-animation: rotating 28s ease-in-out -3.3s infinite;
    animation: rotating 28s ease-in-out -3.3s infinite;
}

.layout-home8 .dot-30 {
    -webkit-transform-origin: 12px 12px;
    transform-origin: 12px 12px;
    -webkit-animation: rotating 20s ease-in-out -0.9s infinite;
    animation: rotating 20s ease-in-out -0.9s infinite;
}

.layout-home8 .home-left-content {
    position: relative;
    z-index: 2;
}

@media (min-width: 801px) {
    .layout-home8 .home-left-content {
        position: relative;
        z-index: 2;
        bottom: -200px;
    }
}

.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;
    color: white;
    font-size: 34px;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 80%);
}

.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: 10px;
}

.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: 20px 20px 0px;
    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;
}
.search-with-tab .tab-content .review-form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #212529;
    opacity: 1; /* Firefox */
}

.search-with-tab .tab-content .review-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #212529;
}

.search-with-tab .tab-content .review-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #212529;
} 

.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;
}

.ui-slider-horizontal {
    height: 5px;
    background: #eee;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.4em;
    margin-left: -0.5em;
    cursor: pointer;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-slider .ui-slider-handle {
    width: 8px;
    height: 16px;
    z-index: 1;
}

.ui-slider .ui-slider-handle.ui-state-focus {
    outline: none;
}

.theme-range-1 .ui-widget-header {
    background: var(--theme-default2);
}

.theme-range-1 .ui-state-default {
    background: var(--theme-default2);
    border: none;
}

.theme-range-1 .ui-state-default .ui-widget-content .ui-state-default,
.theme-range-1 .ui-state-default .ui-widget-header .ui-state-default {
    background: var(--theme-default2);
    border: none;
}

.theme-range-1 .ui-button {
    background: var(--theme-default2);
    border: none;
}

.theme-range-1 .ui-button.ui-state-disabled:hover,
.theme-range-1 .ui-button.ui-state-disabled:active {
    background: var(--theme-default2);
    border: none;
}

.theme-range-2 .ui-widget-header {
    background: var(--theme-default3);
}

.theme-range-2 .ui-state-default {
    background: var(--theme-default3);
    border: none;
}

.theme-range-2 .ui-state-default .ui-widget-content .ui-state-default,
.theme-range-2 .ui-state-default .ui-widget-header .ui-state-default {
    background: var(--theme-default3);
    border: none;
}

.theme-range-2 .ui-button {
    background: var(--theme-default3);
    border: none;
}

.theme-range-2 .ui-button.ui-state-disabled:hover,
.theme-range-2 .ui-button.ui-state-disabled:active {
    background: var(--theme-default3);
    border: none;
}

.theme-range-3 .ui-widget-header {
    background: var(--theme-default9);
}

.theme-range-3 .ui-state-default {
    background: var(--theme-default9);
    border: none;
}

.theme-range-3 .ui-state-default .ui-widget-content .ui-state-default,
.theme-range-3 .ui-state-default .ui-widget-header .ui-state-default {
    background: var(--theme-default9);
    border: none;
}

.theme-range-3 .ui-button {
    background: var(--theme-default9);
    border: none;
}

.theme-range-3 .ui-button.ui-state-disabled:hover,
.theme-range-3 .ui-button.ui-state-disabled:active {
    background: var(--theme-default9);
    border: none;
}

.theme-range-4 .ui-widget-header {
    background: var(--theme-default6);
}

.theme-range-4 .ui-state-default {
    background: var(--theme-default6);
    border: none;
}

.theme-range-4 .ui-state-default .ui-widget-content .ui-state-default,
.theme-range-4 .ui-state-default .ui-widget-header .ui-state-default {
    background: var(--theme-default6);
    border: none;
}

.theme-range-4 .ui-button {
    background: var(--theme-default6);
    border: none;
}

.theme-range-4 .ui-button.ui-state-disabled:hover,
.theme-range-4 .ui-button.ui-state-disabled:active {
    background: var(--theme-default6);
    border: none;
}

.theme-range-5 .ui-widget-header {
    background: var(--theme-default10);
}

.theme-range-5 .ui-state-default {
    background: var(--theme-default10);
    border: none;
}

.theme-range-5 .ui-state-default .ui-widget-content .ui-state-default,
.theme-range-5 .ui-state-default .ui-widget-header .ui-state-default {
    background: var(--theme-default10);
    border: none;
}

.theme-range-5 .ui-button {
    background: var(--theme-default10);
    border: none;
}

.theme-range-5 .ui-button.ui-state-disabled:hover,
.theme-range-5 .ui-button.ui-state-disabled:active {
    background: var(--theme-default10);
    border: 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: 1883px) {
    .property-grid-slider .property-grid.list-view .bg-size {
        height: 45vh;
    }
}

@media (max-width: 1800px) {
    .layout-home2 .arrow-light .slick-prev {
        left: 100px;
    }

    .layout-home2 .arrow-light .slick-next {
        right: 100px;
    }
}

@media (max-width: 1740px) {
    .layout-home2 .arrow-light .slick-prev {
        left: 60px;
    }

    .layout-home2 .arrow-light .slick-next {
        right: 60px;
    }

    .layout-9 .layout-right-img img {
        height: 750px;
    }
}

@media (max-width: 1720px) {
    .arrow-white .slick-prev {
        left: -100px;
    }

    .arrow-white .slick-next {
        right: -100px;
    }
}

@media (max-width: 1660px) {
    .layout-home4 .slider-image .home-content .square-bg {
        width: 88%;
    }

    .blog-1 .blog-box .blog-content {
        padding: 25px 40px;
    }

    .layout-home2 .feature-section .feature-content {
        margin-left: 100px;
    }

    .arrow-white {
        margin-bottom: 85px;
    }

    .arrow-white .slick-arrow {
        top: unset;
        bottom: -110px;
    }

    .arrow-white .slick-prev {
        left: 46%;
    }

    .arrow-white .slick-next {
        right: 46%;
    }

    .arrow-light .slick-prev {
        left: 1px;
    }

    .arrow-light .slick-next {
        right: 1px;
    }

    .testimonial-3 .slick-list {
        margin: -53px -12px;
    }

    .testimonial-3 .slick-list .slick-track .slick-slide > div {
        margin: 53px 12px;
    }

    .our-client {
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    }

    .user-about .about-image {
        margin-left: 15px;
        margin-top: 70px;
    }

    .user-about .about-image .img-box img {
        max-width: 350px;
    }

    .single-property-images {
        height: auto;
    }

    .service-slider.arrow-gradient.arrow-right .slick-prev {
        right: 10%;
    }

    .service-slider.arrow-gradient.arrow-right .slick-next {
        right: 6.5%;
    }

    .blog-2 .slick-list {
        margin: 0 -15px;
    }

    .slick-shadow .arrow-white .slick-arrow {
        bottom: -80px;
    }

    .feature-section .feature-3 .slick-list {
        margin: -50px 0;
    }

    .feature-section .feature-3 .slick-list .slick-track .slick-slide > div {
        margin: 50px;
    }

    .feature-section .feature-3 .slick-prev,
    .feature-section .feature-3 .slick-next {
        right: 28px;
    }

    .feature-section .feature-4 .slick-list {
        margin: -30px -40px;
    }

    .feature-section .feature-4 .slick-list .slick-track .slick-slide > div {
        margin: 30px 40px;
    }

    .feature-section .feature-4.arrow-gradient .slick-arrow {
        left: unset !important;
        right: 0;
        top: 0;
    }

    .feature-section .feature-4.arrow-gradient .slick-prev {
        right: 4%;
    }

    .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;
    }

    .feature-3 .next-image {
        right: 0px;
        top: 225px;
    }

    .layout-home3 .banner-3 {
        width: 53%;
    }

    .layout-9 .layout-right-img img {
        height: 700px;
    }

    .home-section.layout-5 .home-main {
        width: 100%;
        padding: 60px 0;
    }

    .home-section.layout-9 {
        min-height: 776px;
    }

    .home-section.layout-9 .home-main .home-content h1 {
        height: 170px;
    }
}

@media (max-width: 1544px) and (min-width: 1461px) {
    .feature-section .feature-4 .slick-list {
        margin: -30px -15px;
    }

    .feature-section .feature-4 .slick-list .slick-track .slick-slide > div {
        margin: 30px 15px;
    }

    .slick-between .slick-slider .slick-list {
        margin: 0 -12px;
    }

    .slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 0 12px;
    }
}

@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);
    }

    .pricing-section .pricing-box {
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.05);
    }

    .pricing-section.slick-between .slick-slider .slick-list {
        margin: -30px -12px;
    }

    .pricing-section.slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 30px 12px;
    }
}

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

    .property-grid-slider .property-grid.list-view .property-box .property-image .slick-track,
    .property-grid-slider .property-grid.list-view .property-box .property-image .slick-list {
        height: 290px;
    }

    .property-grid-slider .property-grid.list-view .property-box .property-image .slick-track .bg-size,
    .property-grid-slider .property-grid.list-view .property-box .property-image .slick-list .bg-size {
        min-height: 338px;
    }

    .property-list-thumbnail .property-grid-slider .property-grid.list-view .property-box .property-image .slick-track,
    .property-list-thumbnail .property-grid-slider .property-grid.list-view .property-box .property-image .slick-list {
        height: unset;
    }

    .property-list-thumbnail .property-grid-slider .property-grid.list-view .property-box .property-image .slick-track .bg-size,
    .property-list-thumbnail .property-grid-slider .property-grid.list-view .property-box .property-image .slick-list .bg-size {
        min-height: 440px;
    }
}

@media (max-width: 1460px) and (min-width: 1200px) {
    .xl-40 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .xl-60 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    header.header-4 .main-navbar .nav-menu > li {
        padding: 20px 8px;
    }

    .footer-custom-col .row > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .footer-custom-col .row > div:nth-child(4),
    .footer-custom-col .row > div:last-child {
        /*margin-top: 30px;*/
    }

    .footer-custom-col .row > div:nth-child(4) .footer-left-space,
    .footer-custom-col .row > div:last-child .footer-left-space {
        padding-left: 0;
    }

    .footer-custom-col .order-xl {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .about-main .user-about .row > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .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) {
    .about-section .about-wrap .about-content .about-image .overlay-content ul {
        margin-left: unset;
    }

    .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-section .filter-panel .grid-list-filter .collection-grid-view li:last-child {
        display: none;
    }

    .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;
    }

    .login-wrap .log-in .title-3.text-start h2 {
        margin-top: -3px;
    }

    .sign-up .title-3.text-start h2 {
        margin-top: 2px;
    }

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

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

    .layout-map .withmap-horizontal .search-panel .width-fit > div:first-child {
        max-width: 28.7%;
    }

    .layout-map .withmap-horizontal .search-panel .width-fit > div:nth-child(2) {
        max-width: 26.2%;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
        margin-right: 20px;
    }

    .title-2 h2 {
        margin-top: 0;
    }

    .testimonial-style-1 .title-2 h2 {
        margin-top: -6px;
        line-height: 1.35;
    }

    .theme-title .title-2 h2 {
        margin-top: -1px;
    }

    .blog-inner .title-2 h2 {
        margin-top: -2px;
    }

    .grid-box .property-text h3 {
        margin-top: -2px;
    }

    .my-profile .profile-info .information ul li span:first-child {
        min-width: 140px;
    }

    .about-main .title-2 h2,
    .why-choose .title-2 h2 {
        margin-top: -2px;
    }

    .about-testimonial .title-2 h2 {
        margin-top: -1px;
    }

    .about-section .title-3 {
        margin-top: -11px;
    }

    .about-section.about-inner .title-2 h2 {
        margin-top: -4px;
    }

    .about-people .title-2 h2 {
        margin-top: -2px;
    }

    .coming-simple .title-3 h6 {
        margin-bottom: 10px;
    }

    .faq-questions .title-3 {
        margin-top: 0;
    }

    .faq-questions .title-3 h2 {
        margin-top: -3px;
    }

    .terms-section .terms-wrap {
        margin-bottom: -7px;
    }

    .layout-9 .layout-right-img img {
        height: 650px;
    }

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

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

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

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

    .new-property.pricing-property .title-2 h2 {
        margin-top: -3px;
    }

    .bg-comman-2.feature-section .title-2 h2 {
        margin-top: -1px;
    }

    .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li .d-flex > span {
        margin-left: -10px;
    }

    .tab-listing .property-details .my-listing {
        top: 27px;
        right: 30px;
    }

    .card-payment .payment-card {
        padding: 15px 10px;
        min-height: auto;
    }

    .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;
    }

    footer .footer-links .footer-content .footer-map iframe {
        width: 100%;
        height: 190px;
    }

    footer.footer-dark .footer-details p {
        margin-top: 34px;
    }

    .property-wizard .wizard-box .wizard-form-details h2 {
        margin-top: -3px;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon svg {
        width: 21px;
        height: 21px;
    }

    .user-about .about-image {
        margin-top: 60px;
    }

    .user-about .about-image .img-box img {
        max-width: 295px;
    }

    .user-about .about-image .img-box.img-abs {
        right: 3%;
    }

    .get-in-touch .contact-img img {
        width: 95%;
    }

    .blog-1 .blog-box .img-box img {
        min-width: 245px;
        height: 100%;
    }

    .blog-1 .blog-box .blog-content {
        padding: 25px 30px;
    }

    .blog-1 .blog-box .blog-content h3,
    .blog-1 .blog-box .blog-content p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .blog-list-section .blog-list .blog-wrap .blog-image {
        width: 100%;
    }

    .blog-list-section .blog-list .blog-wrap .blog-details {
        padding: 20px;
    }

    .our-client .client-right {
        padding: 30px 60px;
    }

    .our-client .quote-img {
        right: -30px;
        bottom: -15px;
    }

    .our-client .quote-img img {
        width: 65%;
    }

    .client-slider {
        width: 75%;
    }

    .modern-client .comment-right {
        padding: 40px;
    }

    .modern-client .comment-right p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .modern-client .comment-right .slick-arrow {
        top: 91.2%;
        left: -17%;
    }

    .modern-client .comment-right .slick-next {
        left: -7.4%;
    }

    .modern-client .right-align {
        right: -100px;
        top: 45px;
    }

    .testimonial-1 .pepole-comment .client-msg .quote {
        top: -16px;
    }

    .testimonial-1 .pepole-comment .client-msg .quote img {
        width: 70%;
    }

    .testimonial-1 .pepole-comment .client-msg p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .testimonial-1 .slick-list .slick-track .slick-slide > div {
        margin-top: 16px !important;
    }

    .testimonial-client .title-3.text-start {
        margin-top: 3px;
    }

    .banner-1,
    .banner-3 {
        width: 85%;
    }

    .banner-3 h2,
    .banner-3 p {
        width: 82%;
    }

    .about-section .about-wrap.about-1 .about-content .our-details {
        padding: 20px;
    }

    .about-section .about-wrap .about-content .about-image .overlay-content ul li a {
        width: 35px;
        height: 35px;
    }

    .about-section .about-wrap .about-content .about-image .overlay-content ul li + li {
        margin-left: 5px;
    }

    .about-section .about-wrap .about-content .about-image .overlay-content span {
        letter-spacing: 5px;
    }

    .about-section .about-wrap .about-content .about-image .overlay-content span::before {
        left: -27px;
    }

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

    .arrow-white .slick-prev {
        left: 44%;
    }

    .arrow-white .slick-next {
        right: 44%;
    }

    .arrow-gradient.arrow-right .slick-arrow {
        top: -88px;
    }

    .slick-between .slick-slider .slick-list {
        margin: 0 -12px;
    }

    .slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 0 12px;
    }

    .about-box .agent-image .overlay-agent .agent-details {
        padding: 30px;
    }

    .service-slider.arrow-gradient.arrow-right .slick-prev {
        right: 15%;
    }

    .service-slider.arrow-gradient.arrow-right .slick-next {
        right: 11%;
    }

    .service-slider.arrow-gradient.arrow-right .slick-arrow {
        top: -61px;
    }

    .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;
    }

    .service-section.service-bg .title-3 {
        margin-top: 0px;
    }

    .service-section.service-bg .title-3.text-start h2 {
        margin-top: -1px;
    }

    .property-details {
        padding: 25px !important;
    }

    .property-details .property-btn .btn {
        padding: 8px 25px 7px;
    }

    .property-details .property-btn .btn.btn-dashed {
        padding: 9px 25px 8px;
    }

    .property-details .property-btn .btn + .btn {
        margin-left: 10px;
    }

    .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 .title-3 .pagination-tab {
        margin-top: -2px;
    }

    .property-section .property-3 .slick-list .slick-track .slick-slide > div {
        margin: 30px 15px;
    }

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

    .property-section.slick-between .property-1.slick-slider .slick-list {
        margin: 0 -12px;
    }

    .property-section.slick-between .property-1.slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 0 12px;
    }

    .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;
    }

    .property-map .filter-panel .top-panel h2 {
        margin-top: -1px;
    }

    .property-grid-slider .property-grid.list-view .property-box .property-image {
        width: 31%;
    }

    .property-grid-slider .property-grid.list-view .property-box .property-image .bg-size {
        height: 300px;
    }

    .gallery-nav .slick-slide img {
        min-height: 78px;
    }

    .modal-form {
        top: 19px;
    }

    .single-property-images.ratio_40 .bg-size:before {
        padding-top: 40%;
    }

    .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-1 .feature-wrapper {
        margin: 0 60px;
    }

    .feature-section .feature-1 .feature-wrapper .property-details {
        max-width: 500px;
    }

    .feature-section .feature-3 .slick-next {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        top: 43%;
    }

    .feature-section .feature-3 .slick-prev {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        top: 62%;
    }

    .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;
    }

    .pricing-section .pricing-box {
        padding: 40px;
    }

    .pricing-section.pricing-inner .title-2 h2 {
        margin-top: -1px;
    }

    .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;
    }

    .offer-section.slick-between .slick-slider .slick-list {
        margin: 0 -12px;
    }

    .offer-section.slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 0 12px;
    }

    .my-gallery .find-cities .citi-overlay h6::after {
        width: 150px;
        right: -24px;
    }

    .video-details {
        padding: 40px;
    }

    .animate-rdi {
        margin-left: 18px;
    }

    .animate-rdi label {
        margin-right: 17px;
        padding-left: 17px;
        padding-right: 17px;
    }

    .layout-home2 .feature-section .feature-content {
        max-width: 500px;
    }

    .layout-home2 .feature-section .feature-content .label-cross {
        padding-top: 8px;
        padding-bottom: 5px;
        font-size: 14px;
        left: -34px;
    }

    .feature-3 .next-image {
        right: 5px;
        top: 213px;
        width: 89px;
        height: 89px;
    }

    .layout-home3 .banner-3 {
        width: 56%;
    }

    .layout-home3 .banner-3 h1 {
        line-height: 1.5;
    }

    .top-bar .top-content .top-bar-right li:first-child {
        width: 100%;
    }

    .layout-home4 .slider-image .home-content {
        padding: 40px 50px 40px 0;
    }

    .layout-home4 .slider-image .home-content h1 {
        line-height: 1.3;
    }

    .layout-home4 .slider-image .home-content p {
        width: 55%;
    }
}

@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%;
    }

    .contact_section .contact-content {
        width: 100%;
    }

    .agent-section .about-agent h3 {
        margin-top: -3px;
    }

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

    .theme-label .card-header h5 {
        margin-top: -1px;
    }

    .theme-title .theme-card .card-header h4 {
        margin-top: -3px;
        margin-bottom: -1px;
    }

    .theme-title .title-1 h2 {
        margin-bottom: -8px;
    }

    .theme-title .title-2 h2 {
        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 .title-1 h2 {
        margin-bottom: -8px;
    }

    .offer-section.offer-inner .title-2 h2 {
        margin-top: -4px;
    }

    .banner-section.layout3-bg .banner-3 h2,
    .banner-section.layout3-bg .banner-3 p {
        width: 100%;
    }

    .layout-home2 .feature-section .feature-content {
        margin-left: 50px;
    }

    .ratio-card .card-header h5 {
        margin-top: -4px;
    }

    .ratio-card .card-body h5 {
        margin-top: -1px;
    }

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

    .new-property.pricing-property .title-2 h2 {
        margin-top: -4px;
    }

    .feature-section .feature-content .details h3 {
        margin-top: -3px;
    }

    .feature-section .feature-1 .feature-wrapper .feature-image {
        height: 490px;
    }

    .feature-section .feature-3 .slick-next {
        top: 70px;
        right: 70px;
    }

    .feature-section .feature-3 .slick-prev {
        top: 70px;
        right: 120px;
    }

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

    .property-list-view .property-grid.list-view .property-box .property-image {
        width: 143%;
    }

    .testimonial-client .title-3.text-start {
        margin-top: 2px;
    }

    .about-main .title-2 h2,
    .why-choose .title-2 h2,
    .blog-inner .title-2 h2 {
        margin-top: -4px;
    }

    .about-testimonial .title-2 h2 {
        margin-top: -3px;
    }

    .about-people .title-2 h2 {
        margin-top: -4px;
    }

    .pricing-section.pricing-inner .title-2 h2 {
        margin-top: -3px;
    }

    .faq-questions .title-3 h2 {
        margin-top: -3px;
    }

    .modal-form {
        padding: 20px;
        right: 16%;
    }

    .filter-cards .advance-card .advance-title {
        margin-top: -2px;
    }

    .terms-section .terms-wrap {
        margin-bottom: -5px;
    }

    .bg-comman-2.feature-section .title-2 h2 {
        margin-top: -3px;
    }

    .fnc-slide__heading-line {
        font-size: 80px;
    }

    .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;
    }

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

    .user-dashboard .sidebar-user .user-profile .media .change-pic img,
    .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover {
        height: 60px;
        width: 65px;
    }

    .user-dashboard .sidebar-user .user-profile .media .media-body h6 {
        font-size: 14px;
    }

    .user-dashboard .sidebar-user .user-profile .connected-social h6::before {
        bottom: -5px;
    }

    .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar {
        margin-bottom: 2px;
    }

    .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;
    }

    .gallery-nav .slick-slide img {
        min-height: 70px;
    }

    .inner-title.title-3 h2 {
        margin-top: 1px;
    }

    .details-right h3 {
        margin-top: -2px;
    }

    .portfolio-creative .content-sec h3 {
        margin-top: -2px;
    }

    .about-section .about-2.about-wrap .about-content .our-details {
        padding: 30px;
    }

    .about-section .title-3.text-start {
        margin-top: -6px;
    }

    .about-section.about-inner .title-2 h2 {
        margin-top: -6px;
    }

    .testimonial-style-1 .title-2 h2 {
        margin-top: -7px;
    }

    .modern-client .comment-right .slick-arrow {
        left: 15px;
        top: 98.2%;
    }

    .modern-client .comment-right .slick-next {
        left: 70px;
        top: 98.2%;
    }

    .service-section.service-bg .title-3 {
        margin-top: -3px;
    }

    .service-section.service-bg .title-3.text-start h2 {
        margin-top: 0;
    }

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

    .service-slider.arrow-gradient.arrow-right .slick-arrow {
        top: -58px;
    }

    .property-section .title-1 h2 {
        margin-bottom: -8px;
    }

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

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

    .property-section .title-3 .pagination-tab {
        margin-top: -1px;
    }

    .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;
    }

    .arrow-gradient.arrow-right .slick-arrow {
        top: -84px;
    }

    .property-grid-3 .filter-panel .top-panel h2 {
        margin-top: -3px;
    }

    .property-map .filter-panel .top-panel h2 {
        margin-top: -3px;
    }
}

@media (max-width: 1399px) and (min-width: 1200px) {
    header.header-4 .menu .header-right li + li {
        margin-left: 8px;
    }

    header.header-4 .main-navbar .nav-menu > li {
        padding: 20px 3px;
    }

    .property-wrapper-grid .property-box .property-image .overlay-property-box {
        bottom: 8px;
    }

    .property-wrapper-grid .property-box .property-image .overlay-property-box .effect-round {
        width: 30px;
        height: 30px;
    }

    .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) {
    .review .review-box .media .rating {
        padding: 0;
    }

    .details-right {
        padding: 28px;
    }

    .grid-box .property-text {
        padding: 22px;
    }

    .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;
    }

    .property-list-thumbnail .property-grid.list-view .property-image .slider-for .slick-slide {
        margin-bottom: -15px;
    }

    .property-grid-slider .property-grid .slider-nav .slick-slide img {
        min-height: 65px;
    }

    .tab-listing .property-details .my-listing {
        top: 22px;
    }

    .arrow-light .slick-arrow {
        width: 40px;
        height: 40px;
    }

    .arrow-light .slick-prev {
        left: 0;
    }

    .arrow-light .slick-prev:before {
        margin-left: -1px;
    }

    .arrow-light .slick-next {
        right: 0;
    }

    .arrow-light .slick-next:before {
        margin-left: 2px;
    }

    .property-grid-slider .property-grid .slider-for .slick-slide img {
        min-height: 250px;
    }

    .layout-home3 .banner-3 {
        padding: 35px;
    }

    .layout-home2 .arrow-light .slick-prev {
        left: 2px;
    }

    .layout-home2 .arrow-light .slick-next {
        right: 2px;
    }

    .modern-client .comment-right {
        left: -130px;
    }

    .service-slider.arrow-gradient.arrow-right .slick-prev {
        right: 12%;
    }

    .service-slider.arrow-gradient.arrow-right .slick-next {
        right: 8%;
    }

    .feature-section .feature-4 {
        margin-top: 50px;
    }

    .feature-section .feature-4.arrow-gradient .slick-arrow {
        left: unset !important;
        right: 0;
        top: 0;
    }

    .feature-section .feature-4.arrow-gradient .slick-prev {
        right: 5%;
    }

    .feature-section .feature-4 .slick-list {
        margin: -30px -12px -40px;
    }

    .feature-section .feature-4 .slick-list .slick-track .slick-slide > div {
        margin: 40px 12px;
    }

    .feature-section .feature-4 .slick-list .slick-track .slick-slide > div .feature-wrap .feature-content {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .feature-section .feature-3 .slick-list .slick-track .slick-slide > div {
        margin-left: 20px;
    }

    .feature-section .feature-image .label-solid::before {
        top: 35px;
    }

    .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);
    }

    .video-section {
        padding-left: 70px;
        padding-right: 70px;
    }

    .new-property .feature-wrap {
        margin: 0 35px;
    }

    .subscribe-section .video-details .form-group input,
    .subscribe-section .video-details .form-group::after {
        width: 65%;
    }
}

@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;
    }

    .about-section .about-wrap .about-content .our-details {
        border-radius: 0 0 10px 10px;
    }

    .video-layout.parallax-home {
        height: 495px;
    }

    .fnc-slide__action-btn {
        line-height: 3;
    }

    .fnc-slide__action-btn span {
        line-height: 3;
    }

    .fnc-slide__heading {
        margin-bottom: 12px;
    }

    .layout-home4 .slider-image .home-content .square-bg {
        width: 100%;
    }

    .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;
    }

    .property-section .filter-panel .grid-list-filter .collection-grid-view ul {
        display: none;
    }

    .video-layout .video-details .left-sidebar {
        width: 440px;
    }

    .banner-inner {
        padding-top: 159px;
    }

    section {
        padding: 80px 0;
    }

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

    header .main-navbar .nav-menu > li > a {
        padding: 7px 15px 5px;
    }

    header.header-9 .menu .brand-logo {
        margin-left: -25px;
    }

    .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;
    }

    .filter-panel .d-lg-none .mobile-filter {
        padding: 8px 12px;
    }

    .filter-panel.tab-top-panel .filters ul li {
        padding: 10px 15px;
        min-width: 110px;
    }

    .video-layout .play-bg {
        height: 410px;
    }

    .layout-map .withmap-horizontal .search-panel .filter {
        padding: 40px 25px;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
        width: 40px;
        height: 40px;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .icon-square i {
        font-size: 18px;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
        margin-right: 15px;
    }

    .layout-map .withmap-horizontal .search-panel .width-fit > div:first-child {
        max-width: 29%;
    }

    .layout-map .withmap-horizontal .search-panel .width-fit > div:nth-child(2) {
        max-width: 26.6%;
    }

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

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

    .coming-soon {
        min-height: auto;
    }

    .coming-soon .coming-soon-detail {
        min-height: auto;
    }

    .portfolio-details .portfolio-section {
        margin-top: 30px;
    }

    .property-section .property-2 .property-box .property-image .labels-left,
    .property-section .property-3 .property-box .property-image .labels-left {
        left: 15px;
    }

    .user-dashboard .dashboard-content .user-wrapper .sales-agent #agent-sales {
        margin-top: -36px;
    }

    .user-dashboard .dashboard-content .user-wrapper .widgets .media .small-bar {
        margin-bottom: 3px;
    }

    .card-payment > div:nth-child(n + 3) .payment-card {
        margin-top: 30px;
    }

    .card-payment .payment-card.add-card .card-details {
        min-height: 176px;
        height: auto;
    }

    .card-payment .payment-card.american-express {
        height: unset;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -5px;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
        margin: 5px;
    }

    .property-wizard .feature-checkbox {
        margin: -5px -10px;
    }

    .property-wizard .feature-checkbox label {
        margin: 5px 10px;
    }

    .property-wizard .wizard-box .wizard-form-details .complete-details {
        width: 87%;
    }

    .coming-simple {
        height: auto;
    }

    .error-section .not-found p {
        max-width: 55%;
    }

    .accordion .card-header {
        padding: 15px 40px 15px 20px;
    }

    .accordion .card-header .card-link::after {
        right: 20px;
        top: 16px;
    }

    .accordion .card-body {
        padding: 20px;
    }

    .faq-section .faq-image img {
        width: 90%;
    }

    .user-about .map-image ul li img {
        width: 6%;
    }

    .user-about .about-image {
        margin-top: 52px;
    }

    .user-about .about-image .img-box img {
        max-width: 260px;
    }

    .user-about .about-image .side-left .side-effect::before,
    .user-about .about-image .side-left .side-effect::after {
        width: calc(100% - 295px);
    }

    .get-in-touch .contact-img img {
        width: 100%;
    }

    .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;
    }

    .blog-list-section .blog-list .blog-wrap .blog-details h3,
    .blog-list-section .blog-list .blog-wrap .blog-details p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
    }

    .map-section iframe,
    .map-section .map {
        height: 350px;
        position: relative;
        margin-bottom: 40px;
    }

    .map-leftside iframe,
    .map-leftside .map {
        margin-bottom: 0;
    }

    .arrow-define {
        top: 75px;
    }

    .arrow-define::after {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        bottom: 6px;
    }

    .with-modal-btn .top-panel {
        display: block;
    }

    .with-modal-btn .top-panel .grid-list-filter {
        margin-top: 15px;
    }

    .map-modal .map-section {
        padding: 0;
    }

    .fnc-slide__heading-line {
        font-size: 70px;
    }

    .home-section {
        height: auto;
    }

    .home-section.layout-5 .decor-image {
        bottom: 0;
    }

    .home-section.layout-6 {
        padding-top: 0;
    }

    .home-section.layout-6 .home-main {
        min-height: 880px;
    }

    .home-section.layout-6 .home-main .container > .row {
        min-height: 880px;
        padding-top: 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-6 .container > .row,
    .layout-5 .container > .row {
        padding: 80px 0;
    }

    .vertical-search {
        width: auto;
    }

    .search-withmap .vertical-search {
        width: 400px;
    }

    .layout-map {
        height: auto;
    }

    .filter-bottom-content {
        top: 135px;
    }

    .layout-home2 .home-main {
        padding-top: 160px;
        height: auto;
        min-height: auto;
    }

    .layout-home2 .home-main .feature-content {
        margin: 80px auto 80px 40px;
    }

    .layout-home2 .feature-section .feature-content {
        max-width: 480px;
    }

    .layout-home2 .arrow-light .slick-arrow {
        top: 66%;
    }

    .layout-home3 .slick-slider .slick-arrow {
        width: 80px;
        height: 80px;
    }

    .layout-home3 .slick-slider .slick-arrow::after {
        width: 50px;
        height: 50px;
    }

    .layout-home3 .slick-slider .slick-arrow::before {
        font-size: 16px;
    }

    .layout-home3 .slick-slider .slick-prev {
        left: 95px;
    }

    .layout-home3 .slick-slider .slick-next {
        right: 95px;
    }

    .layout-home3 .slick-arrow .slick-thumb-nav::after {
        top: 9px;
        left: 10px;
        width: 60px;
        height: 60px;
    }

    .layout-home3 .banner-3 {
        width: 57%;
        margin: 10px 0;
    }

    .layout-home3 .bg-layout-3 {
        height: auto;
        padding: 80px 0;
    }

    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow {
        width: 50px;
        height: 50px;
    }

    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::after {
        width: 150px;
        height: 150px;
    }

    .layout-home4 .sync-slider .home-nav {
        left: 25px;
    }

    .layout-home4 .sync-slider .home-nav .slider-image {
        width: 90px;
        height: 60px;
    }

    .layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide > div {
        margin: 20px 5px;
    }

    .layout-home4 .slider-image {
        height: auto;
    }

    .layout-home4 .slider-image .home-content {
        margin-bottom: 30px;
    }

    .layout-home4 .home-slider-4 .slider-image {
        padding: 80px 0;
        min-height: unset;
    }

    .top-bar .top-content .top-bar-right li + li {
        margin-left: 15px;
    }

    .top-bar.top-bar-7 .top-bar-right li > a {
        padding: 12px;
    }

    header.header-2::after {
        bottom: 80px;
    }

    header.header-2 .main-navbar .nav-menu > li .nav-link.active,
    header.header-2 .main-navbar .nav-menu > li .nav-link:hover,
    header.inner-page .main-navbar .nav-menu > li .nav-link.active,
    header.inner-page .main-navbar .nav-menu > li .nav-link:hover {
        color: var(--theme-default4) !important;
    }

    header.header-3 .toggle-nav {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    header.header-3 .main-navbar .nav-menu > li {
        padding: 0;
    }

    header.header-3 .main-navbar .nav-menu > li .nav-link.active,
    header.header-3 .main-navbar .nav-menu > li .nav-link:hover {
        color: var(--theme-default5) !important;
    }

    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;
    }

    header.header-6 .main-navbar .nav-menu > li .nav-link.active,
    header.header-6 .main-navbar .nav-menu > li .nav-link:hover {
        color: var(--theme-default9) !important;
    }

    header.header-7 .main-navbar .nav-menu > li .nav-link.active,
    header.header-7 .main-navbar .nav-menu > li .nav-link:hover {
        color: var(--theme-default10) !important;
    }

    header.header-9 .main-navbar .nav-menu > li .nav-link.active,
    header.header-9 .main-navbar .nav-menu > li .nav-link:hover {
        color: var(--theme-default) !important;
    }

    header.header-9 .menu .toggle-nav i {
        color: #586167;
    }

    header.header-centered nav .nav-menu {
        width: 300px;
        display: block;
    }

    header.header-centered nav .brand-logo {
        position: relative;
        left: unset;
        top: unset;
        width: 150px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    header.header-centered #mainnav {
        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;
    }

    .animate-rdi {
        margin-left: 0;
    }

    .animate-rdi .col {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .animate-rdi label {
        padding: 10px 15px;
    }

    .title-1 {
        padding-bottom: 40px;
    }

    .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;
    }

    .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div nav {
        padding-top: 0;
    }

    footer .footer {
        padding: 80px 0;
    }

    footer .footer-links .footer-content .footer-map,
    footer .footer-links .footer-content .footer-blog {
        padding-top: 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.footer-res .footer .row > div:nth-child(4),
    footer.footer-res .footer .row > div:last-child {
        margin-top: 30px;
    }

    footer.footer-res .footer-links .footer-content {
        margin-top: 20px;
        margin-bottom: -5px;
    }

    .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-custom-col .row > div:first-child,
    .footer-custom-col .row > div.order-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .footer-custom-col .row > div:nth-child(3),
    .footer-custom-col .row > div:last-child {
        margin-top: 30px;
    }

    .footer-light .footer-left-space {
        padding-left: 0;
    }

    .footer-light .row {
        margin-bottom: -5px;
    }

    .arrow-gradient.bg-light-blue .slick-prev {
        margin-left: 48%;
    }

    .arrow-gradient.bg-light-blue .slick-next {
        margin-right: 48%;
    }

    .arrow-gradient.bg-light-blue .slick-arrow {
        top: -50px;
    }

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

    .blog-1 .blog-box .img-box img {
        min-width: 221px;
        height: auto;
    }

    .blog-1 .blog-box .blog-content {
        padding: 20px;
    }

    .blog-1 .blog-box .blog-content .btn {
        padding: 6px 18px;
        line-height: 1.3;
        font-size: 14px;
    }

    .blog-2 .slick-list {
        margin: 0 -15px;
    }

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

    .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);
    }

    .blog-wrap .blog-image .blog-label {
        left: 20px;
        bottom: 20px;
    }

    .blog-wrap .blog-details {
        padding: 20px;
    }

    .testimonial-1 .pepole-comment .client-msg {
        padding: 30px;
    }

    .testimonial-1 .pepole-comment .client-msg .quote {
        top: -10px;
        left: 30px;
    }

    .testimonial-1 .pepole-comment .client-msg .quote img {
        width: 50%;
    }

    .testimonial-1 .pepole-comment .media img {
        width: 60px;
        height: 60px;
    }

    .testimonial-1 .slick-list .slick-track .slick-slide > div {
        margin-top: 10px !important;
    }

    .our-client {
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    }

    .our-client .client-right {
        padding: 30px 40px;
    }

    .our-client .client-right p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .our-client .quote-img {
        right: -80px;
        bottom: -10px;
    }

    .our-client .quote-img img {
        width: 50%;
    }

    .client-slider {
        width: 80%;
        padding: 40px;
    }

    .modern-client .comment-right {
        padding: 30px;
        left: 0px;
    }

    .modern-client .comment-right .slick-arrow {
        top: 90.2%;
    }

    .modern-client .comment-right .slick-arrow {
        left: 30px;
        top: 98.2%;
    }

    .modern-client .comment-right .slick-next {
        left: 82px;
        top: 98.2%;
    }

    .modern-client .right-align {
        top: 30px;
    }

    .testimonial-3 .slick-list {
        margin: -40px -20px;
    }

    .testimonial-3 .slick-list .slick-track .slick-slide > div {
        margin: 40px 20px;
    }

    .banner-1 {
        padding: 40px;
    }

    .banner-1 h2 {
        margin: 36px 0 34px;
        line-height: 1.55;
        letter-spacing: 1px;
    }

    .banner-3 {
        padding: 40px;
    }

    .banner-3 h2,
    .banner-3 p {
        width: 100%;
    }

    .banner-2 .banner-right h2 {
        line-height: 1.35;
    }

    .banner-2 .banner-right h6 {
        margin-bottom: 10px;
    }

    .banner-2 .banner-right p {
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
    }

    .about-section .title-3 {
        margin-top: -12px;
    }

    .about-section .about-wrap.about-1 .slick-list {
        margin-bottom: -25px;
    }

    .about-section .about-wrap.about-1 .slick-list .slick-track .slick-slide {
        margin-bottom: 0;
    }

    .about-section .about-wrap.about-1 .slick-list .slick-track .slick-slide > div {
        margin-bottom: 25px;
    }

    .about-section .about-wrap.about-1 .about-content .our-details {
        padding: 30px;
        width: 80%;
        margin: -70px auto 0;
    }

    .about-box .agent-image .overlay-agent .agent-details {
        padding: 25px;
    }

    .arrow-white .slick-arrow {
        bottom: -85px;
    }

    .arrow-gradient.arrow-right .slick-arrow {
        top: -74px;
    }

    .service-section.service-bg::after {
        height: 190px;
    }

    .service-slider.arrow-gradient.arrow-right .slick-prev {
        right: 15%;
    }

    .service-slider.arrow-gradient.arrow-right .slick-next {
        right: 10%;
    }

    .service-slider.arrow-gradient.arrow-right .slick-arrow {
        top: -47px;
    }

    .service-slider .service-wrapper .service-details {
        padding: 40px 30px 30px;
    }

    .service-slider .service-wrapper .top-img-box {
        margin-left: 30px;
    }

    .service-slider .slick-list {
        margin-left: -12px;
        margin-right: -12px;
    }

    .service-slider .slick-list .slick-track .slick-slide > div {
        margin-left: 12px;
        margin-right: 12px;
    }

    .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-details .property-btn .btn {
        padding-left: 20px;
        padding-right: 20px;
    }

    .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%;
    }

    .property-map .property-grid.list-view .property-box .property-image {
        width: 40%;
    }

    .property-list-view .property-grid.list-view .property-box .property-image {
        width: 70%;
    }

    .gallery-nav .slick-slide img {
        min-height: 53px;
    }

    .single-property .description-section .menu-top li a {
        padding: 15px 7px;
    }

    .modal-form {
        position: relative;
        top: unset;
        right: unset;
        -webkit-transform: unset;
        transform: unset;
        margin-bottom: 30px;
    }

    .single-property-images.ratio_40 .bg-size:before {
        padding-top: 50%;
    }

    .line-tab.nav-tabs .nav-link {
        padding: 15px;
    }

    .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-1 .feature-wrapper .feature-image .label-white {
        top: 30px;
        right: 30px;
    }

    .feature-section .feature-1 .feature-wrapper .feature-image .signature,
    .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        right: -25px;
    }

    .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        right: -10px;
    }

    .feature-section .feature-1 .feature-wrapper .property-details {
        margin-right: -250px;
    }

    .feature-section .feature-1 .feature-wrapper .property-details p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .feature-section .feature-image .bg-size:before {
        padding-top: 117%;
    }

    .feature-section .feature-2 .slick-dots {
        margin-top: 0;
    }

    .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;
    }

    .my-gallery .row > div .row > div:first-child,
    .my-gallery .row > div .row > div:nth-child(3),
    .my-gallery .row > div .row > div:nth-child(4) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .my-gallery .find-cities {
        height: 360px;
    }

    .my-gallery .find-cities .citi-overlay h6::after {
        right: -28px;
    }

    .icon-video {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    .subscribe-section .video-details {
        max-width: 730px;
    }

    .portfolio-creative .content-sec p {
        max-width: 100%;
    }

    .portfolio-creative.odd-even .row .content-sec {
        padding-left: 40px;
    }

    .portfolio-creative.odd-even .row:nth-child(even) .content-sec {
        padding-right: 40px;
    }
}

@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%;
    }

    .blog-section .blog-1 .slick-prev {
        left: unset;
        top: 0;
        right: 25px;
    }

    .blog-section .blog-1 .slick-next {
        right: 0;
        top: 0;
        left: unset;
    }

    .property-section .property-wrapper-grid .property-box .property-image .overlay-property-box .effect-round {
        width: 30px;
        height: 30px;
    }

    .user-dashboard .sidebar-user .user-profile .media {
        display: block;
        text-align: center;
    }

    .user-dashboard .sidebar-user .user-profile .media .change-pic .change-hover {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .user-dashboard .sidebar-user .user-profile .media .media-body {
        margin-top: 15px;
        margin-left: 0;
    }

    .user-dashboard .sidebar-user .user-profile .media .media-body h5 {
        margin-bottom: 6px;
    }

    .user-dashboard .sidebar-user .user-profile .media .media-body h6 {
        margin-bottom: 5px;
    }
}

@media (max-width: 991px) {
    .compare-page .table-wrapper .table .property-name {
        min-width: 180px;
    }

    .feature-section .feature-3 .slick-list .slick-track .slick-slide > div {
        margin-right: 20px;
    }

    .layout-map.vertical-map {
        min-height: unset;
    }

    h2 {
        font-size: 26px;
        line-height: 1.2;
    }

    h3 {
        font-size: 21px;
    }

    h4 {
        font-size: 19px;
    }

    h6 {
        font-size: 15px;
    }

    section {
        padding: 70px 0;
    }

    .loader-text h3 {
        margin-top: -20px;
    }

    .banner-2 .banner-right .button-banner .btn.btn-gradient {
        line-height: 2;
    }

    .single-property.mt-0.pt-0 {
        padding-bottom: 40px;
    }

    .blog-section .blog-1 .slick-prev {
        top: 45px;
        right: 35px;
        left: unset;
    }

    .blog-section .blog-1 .slick-next {
        top: 45px;
        right: 10px;
    }

    .video-section .play-icon {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .user-dashboard.small-section .sidebar-user .dashboard-list {
        padding-top: 15px;
    }

    .about-section .about-wrap.about-1 .slick-list .slick-track .slick-slide > div {
        margin-bottom: 0;
    }

    .property-section .property-box .property-image .property-slider .slick-dots li button::before {
        font-size: 10px;
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

    .video-layout.parallax-home {
        height: 475px;
    }

    .top-bar .top-content .top-bar-right li:first-child {
        display: none;
    }

    .horizontal-blog .blog-1 .blog-box .blog-content a.btn-lg {
        padding: 10px 20px;
    }

    .blog-section.bg-comman-2 .blog-1 .blog-box .blog-content a.btn-lg {
        padding: 10px 20px;
    }

    .banner-2 .banner-right .button-banner .btn {
        height: 50px;
        min-height: 40px;
    }

    .banner-section.parallax-image .banner-2 .banner-right .button-banner {
        min-height: 40px;
    }

    .banner-section.parallax-image .banner-2 .banner-right .button-banner .btn:after {
        height: 50px;
    }

    .banner-section.parallax-image .banner-2 .banner-right .button-banner .btn-light-bg {
        margin-left: 0;
    }

    .title-2 h2 {
        margin-top: -4px;
        margin-bottom: 10px;
    }

    .fnc-slide__action-btn {
        padding: 14px 20px;
    }

    .fnc-slide__action-btn::before {
        height: 48px;
        width: 48px;
    }

    .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;
    }

    .property-section .property-box .property-image .overlay-property-box .effect-round {
        width: 30px;
        height: 30px;
    }

    .video-layout {
        min-height: 110vh;
    }

    .video-layout .video-details .left-sidebar {
        position: unset;
        height: auto;
    }

    .theme-title .theme-card .card-header h4 {
        margin-top: -2px;
        margin-bottom: -1px;
    }

    .theme-title .title-2 h2 {
        margin-top: -4px;
    }

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

    .column-space {
        margin-bottom: -30px;
    }

    .column-space > div {
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .order-class {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .theme-card {
        padding: 20px;
    }

    .theme-card .card-header h5 {
        margin-bottom: 0;
    }

    .theme-card + .theme-card {
        margin-top: 35px;
    }

    .captcha {
        margin-bottom: 20px;
    }

    .simple-blog .title-3 {
        margin-top: -11px;
    }

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

    .login-wrap .log-in .title-3.text-start h2 {
        margin-top: -6px;
    }

    .layout-map .withmap-horizontal .search-panel .filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 20px 25px;
        position: relative;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
        display: none;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
        margin-left: 0;
        max-width: unset;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .media-body h4 {
        display: none;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .dropdown-icon {
        margin-top: 0;
    }

    .layout-map .withmap-horizontal .search-panel .filter + .filter {
        padding-top: 0;
    }

    .layout-map .withmap-horizontal .search-panel .filter .form-group .form-control {
        border-radius: 0;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
        margin-left: 15px;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .media-body h4 {
        display: block;
    }

    .layout-map .withmap-horizontal .search-panel .filter .btn {
        margin-top: 20px;
        padding-top: 8px;
        padding-bottom: 7px;
    }

    .layout-map .withmap-horizontal .search-panel .width-fit > div {
        max-width: 100% !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .layout-map .withmap-horizontal .search-panel .width-fit > div + div {
        border-left: none;
    }

    .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;
    }

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

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

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

    .inner-title.title-3 h2 {
        margin-top: 1px;
    }

    .video-layout .video-details {
        position: relative;
        z-index: 1;
        padding-top: 0;
        padding-right: 30px;
    }

    .video-layout .play-bg {
        border-width: 10px;
    }

    .video-layout .play-bg::after {
        z-index: 0;
    }

    .logout-modal .modal-body p {
        font-size: 14px;
    }

    .my-profile .profile-info .information-detail + .information-detail {
        padding-top: 20px;
    }

    .my-profile .profile-info .information ul li + li {
        margin-top: 10px;
    }

    .card-payment > div:nth-child(n + 3) .payment-card {
        margin-top: 20px;
    }

    .about-testimonial .title-2 h2 {
        margin-top: -4px;
    }

    .why-choose .title-2 h2,
    .blog-inner .title-2 h2 {
        margin-top: -5px;
    }

    .blog-2 {
        margin-bottom: -35px;
    }

    .blog-2.slick-initialized .slick-slide {
        margin-bottom: -6px;
    }

    .about-people .title-2 h2 {
        margin-top: -5px;
    }

    .property-map .filter-panel .top-panel h2 {
        margin-top: -4px;
    }

    .property-map .filter-bottom-content {
        z-index: 3;
    }

    .property-section .filter-panel .top-panel h2 {
        margin-top: -4px;
    }

    .terms-section h2 {
        margin-bottom: 20px;
        margin-top: -4px;
    }

    .terms-section .terms-wrap {
        margin-bottom: -4px;
    }

    .terms-section .terms-wrapper p {
        font-size: 15px;
    }

    .terms-section .terms-wrapper + .terms-wrapper {
        margin-top: 20px;
    }

    .terms-section .terms-wrapper ul li {
        font-size: 15px;
    }

    .terms-bottom-content {
        display: none;
    }

    .portfolio-creative .content-sec h3 {
        margin-top: -4px;
    }

    .portfolio-creative.odd-even .row .content-sec {
        padding-left: 20px;
    }

    .portfolio-creative.odd-even .row:nth-child(even) .content-sec {
        padding-left: 20px;
        padding-right: 20px;
    }

    .details-right {
        margin-top: 30px;
    }

    .details-right h3 {
        margin-top: -4px;
    }

    .project-details {
        margin-top: 30px;
    }

    .portfolio-details .portfolio-section {
        margin-top: 10px;
    }

    .portfolio-grid .filter-panel {
        padding-bottom: 30px;
    }

    .portfolio-grid.creative-3 .row > div:nth-child(6) .overlay {
        margin-right: 0;
    }

    .grid-box .property-text {
        padding: 20px;
    }

    .brand-slider.slide-2 .logo-box img {
        width: 70px;
    }

    .log-in form .form-group {
        margin-bottom: 20px;
    }

    .log-in form .d-flex {
        margin-bottom: 20px;
    }

    .sign-up .title-3.text-start h2 {
        margin-top: 0;
    }

    .left-tablayout.single-sidebar {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .right-line-tab {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: -5px 0;
    }

    .right-line-tab .nav-item {
        display: inline-block;
        margin: 3px 0;
    }

    .right-line-tab .nav-item .nav-link {
        border-right: none;
        border-bottom: 2px solid transparent;
        padding: 6px 15px;
    }

    .right-line-tab .nav-item .nav-link.active {
        border-left: none;
        border-bottom-color: var(--theme-default3);
    }

    .user-dashboard .sidebar-user {
        margin-bottom: 25px;
    }

    .user-dashboard .sidebar-user .user-profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .user-dashboard .sidebar-user .user-profile .media {
        margin-bottom: 0;
    }

    .user-dashboard .sidebar-user .user-profile .connected-social {
        margin-left: 30px;
    }

    .provide-service .provide-details {
        margin-top: 30px;
        text-align: center;
    }

    .provide-service .provide-details p {
        margin-bottom: 20px;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: -5px;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        padding: 5px;
        margin: 0;
    }

    .property-wizard .wizard-box .wizard-form-details {
        margin-top: 30px;
    }

    .property-wizard .wizard-box .wizard-form-details.col-xxl-9 {
        margin-top: 14px;
    }

    .property-wizard .wizard-box .wizard-form-details h2 {
        margin-top: -4px;
    }

    .property-wizard .wizard-box .wizard-form-details .complete-details {
        width: 100%;
    }

    .property-wizard .feature-checkbox {
        margin: -5px;
    }

    .property-wizard .feature-checkbox label {
        margin: 5px;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li {
        padding: 0;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li:nth-child(n + 3) {
        margin-top: 5px;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in {
        margin-top: 40px;
    }

    .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;
    }

    .user-about .about-content {
        max-width: 100%;
    }

    .user-about .map-image {
        margin-bottom: 30px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .user-about .about-image {
        margin-bottom: 30px;
    }

    .user-about .about-image .side-left .side-effect::before,
    .user-about .about-image .side-left .side-effect::after {
        width: calc(100% - 433px);
    }

    .user-about .about-image .img-box.img-abs {
        right: 28%;
    }

    .faq-section .faq-image {
        margin-top: -36px;
    }

    .faq-section .faq-image h3 {
        margin-top: 0;
    }

    .faq-section .faq-image img {
        width: 65%;
    }

    .faq-questions {
        margin-top: 30px;
    }

    .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;
    }

    .get-in-touch .contact-img {
        margin-bottom: 20px;
    }

    .get-in-touch .contact-img img {
        width: 60%;
    }

    .contact_bottom .row > div:last-child {
        margin-top: 30px;
    }

    .contact_right {
        margin-top: 30px;
    }

    .contact_right .row > div + div {
        margin-top: 0;
    }

    .contact_right .row > div + div:last-child {
        margin-top: 30px;
    }

    .contact-bottom {
        height: auto;
    }

    .contact_section .contact-content {
        margin-bottom: 20px;
    }

    .contact_section .contact-content h2 {
        margin-top: -3px;
    }

    .contact_section .contact_wrap {
        padding: 20px;
    }

    .contact-map {
        height: auto;
        margin-bottom: -5px;
    }

    .download-section {
        text-align: center;
    }

    .download-section .download-wrap {
        margin-bottom: 20px;
    }

    .download-section .download-wrap h3 {
        margin-top: -5px;
    }

    .download-section .app-right .form-group {
        width: calc(100% - 140px);
    }

    .contact-2 .log-in {
        margin-bottom: 30px;
    }

    .contact-2 .log-in h2 {
        margin-top: -5px;
    }

    .coming-soon .coming-soon-detail .timer li > div {
        width: 80px;
        height: 80px;
    }

    .coming-soon .coming-soon-detail .timer li + li {
        margin-left: 15px;
        padding-left: 15px;
    }

    .coming-soon .coming-soon-detail .timer li + li::before {
        top: 30%;
    }

    .coming-soon .coming-soon-detail form input {
        padding: 10px 15px;
    }

    .coming-soon .cloud-img {
        height: 280px;
    }

    .coming-soon.coming-left .coming-soon-detail .timer li {
        padding: 15px 10px;
        margin: 0 15px;
    }

    .coming-simple .title-3.text-start {
        text-align: center !important;
    }

    .coming-simple .title-3.text-start h2 {
        padding-bottom: 5px;
    }

    .coming-simple .title-3.text-start h2::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .coming-simple .row {
        text-align: center;
    }

    .coming-simple .ratio2_3 > img {
        height: 480px;
    }

    .coming-simple .ratio2_3.order-lg-1 {
        margin-top: -56px;
    }

    .error-section .not-found p {
        max-width: 100%;
    }

    .error-section .not-found h2 {
        line-height: 1.3;
    }

    .signup-modal .ratio_asos .bg-size::before {
        padding-top: 44%;
    }

    .signup-modal .signup-tab {
        padding: 30px;
    }

    .arrow-define {
        top: 63px;
    }

    .map-modal .left-sidebar {
        display: none;
    }

    .map-modal .modal-dialog .modal-content .map {
        height: 350px;
    }

    .map-modal .map-section {
        padding-left: 12px;
    }

    .map-modal .map-section iframe,
    .map-modal .map-section .map {
        margin-bottom: 0;
    }

    .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;
    }

    .filter-panel .d-lg-none .mobile-filter {
        padding: 7px 10px;
    }

    .close-filter-bottom {
        color: var(--theme-default2) !important;
    }

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

    .fnc-slider {
        height: 600px;
        min-height: unset;
    }

    .fnc-slide__mask-inner {
        height: 740px;
        min-height: unset;
        margin-top: -400px;
    }

    .fnc-slide__mask {
        width: 300px;
        height: 400px;
        -webkit-clip-path: polygon(0% 0%, 0% 100%, 16% 100%, 16% 12%, 85% 12%, 85% 89%, 16% 89%, 16% 100%, 100% 100%, 100% 0%);
        clip-path: polygon(0% 0%, 0% 100%, 16% 100%, 16% 12%, 85% 12%, 85% 89%, 16% 89%, 16% 100%, 100% 100%, 100% 0%);
    }

    .fnc-slide__action-btn {
        font-size: 18px;
    }

    .fnc-slide__heading-line {
        font-size: 50px;
    }

    .fnc-slide__content {
        left: 30%;
    }

    .home-section.layout-6 .container > .row {
        padding: 70px 0;
    }

    .home-section.layout-6 .home-main {
        padding-top: 0 !important;
    }

    .home-section.layout-6 .arrow-light .slick-arrow {
        top: 0 !important;
        right: 0;
        left: unset;
    }

    .home-section.layout-6 .arrow-light .slick-arrow.slick-prev {
        right: 50px !important;
    }

    .home-section.layout-6 .home-slider-1 {
        margin-bottom: 70px;
    }

    .home-section.layout-6 .home-main {
        min-height: unset;
        height: auto;
    }

    .home-section.layout-6 .home-main .home-content > div img {
        width: 150px;
    }

    .home-section.layout-6 .home-main .container > .row {
        padding-top: 120px;
        min-height: unset;
        height: auto;
    }

    .home-section.layout-6 .home-main .container > .row .container {
        padding: 0;
    }

    .home-section.layout-6 .home-main .looking-icons {
        display: none;
    }

    .home-section.layout-9 {
        padding: 70px 0;
    }

    .home-section.layout-9::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url(../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;
    }

    .top-bar .top-content .top-bar-right {
        text-align: right;
    }

    .top-bar .top-content .top-bar-right li + li {
        margin-left: 10px;
    }

    .top-bar .top-content .top-bar-right li .flat-box {
        padding: 8px 15px;
    }

    .top-bar .top-content .top-bar-right .input-group input,
    .top-bar .top-content .top-bar-right .input-group .input-group-text {
        margin: 8px 0;
        padding: 0 15px;
    }

    .top-bar .top-content .top-bar-right .input-group input.dropdown,
    .top-bar .top-content .top-bar-right .input-group .input-group-text.dropdown {
        display: none;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right li:last-child,
    .top-bar.top-bar-7 .top-content .top-bar-right li + li {
        margin-left: 6px;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right li > a svg {
        width: 16px;
        height: 16px;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right > li > a {
        padding: 9px 10px 10px;
    }

    .feature-3 .next-image {
        top: 377px;
    }

    .feature-3 .feature-content .detail-list {
        width: 100%;
    }

    .layout-home2 .home-main .feature-content {
        margin: 70px auto 70px 30px;
    }

    .layout-home3 .slick-slider .slick-prev {
        left: 15px;
    }

    .layout-home3 .slick-slider .slick-next {
        right: 15px;
    }

    .layout-home3 .bg-layout-3 {
        padding: 70px 0;
    }

    .layout-home3 .banner-3 {
        width: 67%;
    }

    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow {
        width: 40px;
        height: 40px;
    }

    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::before {
        font-size: 16px;
    }

    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::after {
        width: 140px;
        height: 140px;
    }

    .layout-home4 .sync-slider .home-nav .slider-image {
        width: 95px;
        height: 65px;
    }

    .layout-home4 .sync-slider .home-nav .slick-list {
        margin-left: -10px;
        margin-right: -10px;
    }

    .layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide > div {
        margin-left: 10px;
        margin-right: 10px;
    }

    .layout-home4 .slider-image .home-content h1 {
        margin-top: 20px;
    }

    .layout-home4 .slider-image .home-content p {
        width: 65%;
    }

    .layout-home4 .slider-image .home-content .font-color4::after {
        top: -4px;
    }

    .layout-home4 .home-slider-4 .slider-image {
        padding: 70px 0;
    }

    .parallax-home .parallax-content {
        z-index: 1;
    }

    .parallax-home .parallax-right {
        width: 65%;
    }

    .parallax-home.video-layout .video-search {
        width: 125%;
    }

    .toggle-right svg {
        vertical-align: middle;
    }

    .vertical-search .left-sidebar {
        position: relative;
        left: unset !important;
        top: unset;
        height: auto;
        width: auto;
        z-index: unset;
        border-radius: 8px;
    }

    header.light-header .menu .brand-logo img {
        width: 130px;
    }

    header.header-4 .menu .header-right li .search-box {
        position: relative;
    }

    header.header-4 .menu .header-right li .search-box i {
        padding: 10px;
    }

    header.header-4 .menu .header-right li .search-box .form-control {
        left: 34px;
    }

    header.header-4 .menu .header-right li .search-box .form-group::after {
        left: 34px;
    }

    header.header-4 .menu .header-right li .search-box.open .form-control {
        width: 151px;
    }

    header.header-4 .menu .header-right li .search-box.open .form-group::after,
    header.header-4 .menu .header-right li .search-box.open .form-group::before {
        width: 153px;
    }

    header.header-4 .menu .header-right li + li {
        margin-left: 10px;
    }

    header.header-4 .menu .header-right li > a {
        padding: 10px;
    }

    header.header-4 .menu .brand-logo img {
        width: 120px;
    }

    .animate-rdi {
        position: absolute;
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        top: 0;
        right: 12px;
        border-radius: 5px;
        margin-right: 0;
    }

    .animate-rdi .col {
        display: block;
    }

    .animate-rdi label {
        margin-right: 0;
        padding: 10px;
        border-radius: 0;
        text-align: left;
        display: block;
        width: 145px;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 10px 15px;
    }

    .animate-rdi label + label {
        padding-top: 0;
    }

    .animate-rdi.show {
        top: 3px;
        opacity: 1;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .icon-video a {
        width: 40px;
        height: 40px;
    }

    .icon-video a i {
        margin-top: 0px;
        margin-left: 3px;
        font-size: 18px;
    }

    .icon-video .heart-animation {
        top: -20px;
        right: -20px;
        width: 80px;
        height: 80px;
    }

    .layout-map .withmap-horizontal .search-panel {
        margin-top: 0;
    }

    .layout-map .withmap-horizontal .search-panel .filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .icon-square {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .media-body {
        margin-left: 15px;
    }

    .layout-map .withmap-horizontal .search-panel .filter .media .media-body h4 {
        display: block;
    }

    .layout-map .withmap-horizontal .search-panel .filter .btn {
        margin-top: 20px;
        padding-top: 8px;
        padding-bottom: 7px;
    }

    .single-sidebar {
        position: relative;
        width: auto;
        left: unset;
        overflow: unset;
        height: auto;
        z-index: unset;
        margin-top: 30px;
    }

    .single-property-images.ratio_40 .bg-size:before {
        padding-top: 55%;
    }

    .arrow-image.main-property-slider .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .arrow-image.main-property-slider .slick-arrow::before {
        font-size: 14px;
    }

    .arrow-image.main-property-slider .slick-arrow::after {
        width: 50px;
        height: 50px;
    }

    .home-view {
        height: 60vh;
    }

    .btn.btn-lg {
        padding: 10px 20px;
    }

    footer .footer {
        padding: 70px 0;
    }

    .footer-bg .footer-links .footer-content .input-group {
        margin-top: 30px;
    }

    .title-1 {
        padding-bottom: 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;
    }

    .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div h2 {
        line-height: 1.1;
        margin-top: 0;
    }

    .arrow-gradient.bg-light-blue .slick-prev {
        margin-left: 47%;
    }

    .arrow-gradient.bg-light-blue .slick-next {
        margin-right: 47%;
    }

    .arrow-gradient.bg-light-blue .slick-arrow {
        top: -40px;
    }

    .blog-1 .blog-box .blog-content {
        padding: 30px;
    }

    .blog-1 .blog-box .img-box img {
        min-width: 240px;
    }

    .blog-wrap .blog-image .blog-label {
        width: 50px;
        height: 50px;
    }

    .blog-wrap .blog-details {
        padding: 25px;
    }

    .blog-wrap .blog-details h3 {
        margin-top: 10px;
        line-height: 1.5;
    }

    .blog-wrap .blog-details p {
        margin-bottom: 10px;
    }

    .blog-grid,
    .blog-list {
        margin-bottom: -30px;
    }

    .blog-grid .blog-wrap,
    .blog-list .blog-wrap {
        margin-bottom: 30px;
    }

    .client-slider {
        margin-top: 54px;
        padding: 30px;
    }

    .client-slider .user-list {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .client-slider h6 {
        margin-bottom: 16px;
    }

    .client-slider .client-rating {
        padding-bottom: 20px;
    }

    .client-slider p {
        margin-top: 60px;
        font-size: 15px;
    }

    .our-client .client-right {
        padding: 16px 40px;
    }

    .our-client .client-right p {
        -webkit-line-clamp: 3;
        margin-bottom: 10px;
    }

    .our-client .client-right .client-rating {
        margin-bottom: 10px;
    }

    .our-client .client-right h2 {
        font-size: 20px;
    }

    .our-client .quote-img {
        display: none;
    }

    .modern-client {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .modern-client .img-testimonial {
        width: 40%;
        margin: 0 auto;
    }

    .modern-client .img-testimonial .img-left img {
        -webkit-filter: none;
        filter: none;
    }

    .modern-client .right-align,
    .modern-client .bottom-align {
        display: none;
    }

    .modern-client .comment-right {
        left: 0;
        bottom: -16px;
        margin: 0 auto;
    }

    .modern-client .comment-right .slick-arrow {
        top: -36px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .modern-client .comment-right .slick-prev {
        left: 46.8%;
    }

    .modern-client .comment-right .slick-next {
        left: 55%;
        border-radius: 4px;
    }

    .modern-dot .slick-dots {
        margin-top: 30px;
    }

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

    .testimonial-client .title-3.text-start {
        margin-top: 1px;
    }

    .banner-section .button-banner .btn + .btn {
        margin-left: 10px;
    }

    .banner-inner {
        padding-top: 149px;
    }

    .banner-1,
    .banner-3 {
        width: 100%;
        padding: 30px;
    }

    .banner-1 h6,
    .banner-1 h2 {
        margin-top: 20px;
    }

    .banner-2 {
        position: relative;
    }

    .banner-2:after {
        background-image: url(../images/mobile-bg.png);
        position: absolute;
        content: "";
        width: 42%;
        background-position: right;
        background-size: cover;
        height: 100%;
        top: 2px;
    }

    .banner-2 .banner-right h6 {
        margin-top: -4px;
    }

    .banner-2 .banner-right .button-banner .btn {
        line-height: 1.8;
    }

    .banner-2 .banner-right .button-banner .btn-light-bg {
        height: 48px;
    }

    .banner-2 .banner-right .button-banner .btn-light-bg::after {
        height: 53px;
    }

    .banner-2 .banner-right .button-banner .btn-light-bg span {
        vertical-align: -3px;
    }

    .arrow-gradient .slick-arrow {
        width: 32px;
        height: 32px;
    }

    .arrow-gradient .slick-arrow::before {
        font-size: 14px;
    }

    .arrow-gradient.arrow-right .slick-arrow {
        top: -85px;
    }

    .arrow-gradient.arrow-right .slick-prev {
        right: 50px;
    }

    .arrow-white .slick-prev {
        left: 41%;
    }

    .arrow-white .slick-next {
        right: 41%;
    }

    .about-section .about-wrap .about-content .our-details {
        padding: 30px;
    }

    .about-section .about-wrap .about-content .our-details h5 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .about-section .about-wrap .about-content .our-details p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .about-section .about-wrap.about-1 .about-content .our-details {
        padding: 20px;
    }

    .about-section .title-3.text-start {
        margin-top: -6px;
    }

    .service-section.service-bg .title-3 {
        margin-top: -4px;
    }

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

    .service-section.service-2 .property-service > div .service-box .hover-line {
        margin-bottom: 30px;
    }

    .service-slider .service-wrapper .top-img-box > div {
        width: 56px;
        height: 56px;
    }

    .service-slider .service-wrapper .top-img-box > div img {
        width: 50%;
    }

    .service-slider.arrow-gradient.arrow-right .slick-arrow {
        top: -60px;
    }

    .service-slider.arrow-gradient.arrow-right .slick-prev {
        right: 20.5%;
    }

    .service-slider.arrow-gradient.arrow-right .slick-next {
        right: 15%;
    }

    .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;
    }

    .pagination-tab.nav-tabs {
        margin-bottom: 0;
    }

    .pagination-tab.nav-tabs .nav-item .nav-link {
        padding: 5px 13px 4px;
        display: block;
    }

    .pagination-tab.nav-tabs .nav-item + .nav-item {
        margin-left: 15px;
    }

    .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%;
    }

    .property-grid-slider .property-grid.list-view .property-box .property-image {
        width: 40%;
    }

    .property-grid-slider .property-grid .slider-nav .slick-slide img {
        min-height: 55px;
    }

    .property-map .filter-bottom-content {
        width: 300px;
        margin: 0;
        right: unset;
    }

    .property-map .filter-bottom-content .btn {
        width: 100%;
    }

    .property-map .property-grid.list-view .property-box .property-image {
        width: 65%;
    }

    .filter-panel .filters ul li {
        padding: 12px;
        min-width: 110px;
    }

    .filter-panel .filters ul li i {
        font-size: 25px;
    }

    .filter-panel.tab-top-panel .grid-list-filter li:last-child {
        margin-left: 10px;
    }

    .property-list-view .property-grid.list-view .property-box .property-image {
        width: 85%;
    }

    .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 .modern-feature.arrow-gradient .slick-prev {
        right: 7% !important;
    }

    .feature-section .modern-feature .slick-list .slick-track .slick-slide > div {
        margin-top: 50px;
    }

    .feature-section .feature-3.slick-initialized .slick-slide {
        margin-bottom: 0;
    }

    .feature-section .classic-feature .feature-content .feature-price li h6 {
        margin-bottom: -4px;
    }

    .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-1 .slick-list {
        margin-bottom: -15px;
    }

    .feature-section .feature-1 .slick-list .slick-track .slick-slide {
        margin-bottom: 0;
    }

    .feature-section .feature-1 .slick-list .slick-track .slick-slide > div {
        margin-bottom: 15px;
    }

    .feature-section .feature-1 .feature-wrapper {
        position: relative;
    }

    .feature-section .feature-1 .feature-wrapper .row > div.order-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .feature-section .feature-1 .feature-wrapper .feature-image {
        height: 385px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .feature-section .feature-1 .feature-wrapper .feature-image .signature,
    .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        right: -47px;
    }

    .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        right: -20px;
    }

    .feature-section .feature-1 .feature-wrapper .property-details {
        margin: -40px auto 0;
    }

    .feature-section .feature-4 {
        margin-top: 46px;
    }

    .feature-section .feature-4.slick-initialized .slick-slide {
        margin-bottom: -4px;
    }

    .bg-comman-2.feature-section .title-2 h2 {
        margin-top: -4px;
    }

    .video-modal iframe {
        height: 275px;
    }

    .video-section {
        background-position: center right;
    }

    .video-section .row > div:last-child {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .video-section .play-icon {
        height: 100px;
    }

    .pricing-section .pricing-box {
        padding: 20px;
    }

    .pricing-section .pricing-box .pricing-details img {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    .pricing-section .pricing-box .pricing-details h3 {
        margin-top: 20px;
    }

    .pricing-section .pricing-box .pricing-details .pricing-svg {
        width: 40px;
        height: 40px;
    }

    .pricing-section .pricing-box .pricing-details .pricing-icon::after {
        width: 35px;
        height: 35px;
        -webkit-transform: translateX(9px);
        transform: translateX(9px);
    }

    .pricing-section .pricing-box ul {
        margin: 30px 0 36px;
    }

    .pricing-section .pricing-box ul li + li {
        margin-top: 10px;
    }

    .pricing-section.pricing-inner .title-2 h2 {
        margin-top: -4px;
    }

    .video-details {
        padding: 30px;
    }

    .my-gallery .find-cities {
        height: 280px;
    }

    .my-gallery .find-cities .citi-overlay h4 {
        margin-bottom: 10px;
    }

    .my-gallery .find-cities .citi-overlay h2 {
        margin-bottom: 15px;
    }

    .portfolio-creative .content-sec {
        padding: 20px;
    }

    .portfolio-creative .row {
        display: block;
    }

    .portfolio-creative .row + .row {
        padding-top: 30px;
    }

    .portfolio-creative .order-section div:nth-child(even) {
        margin-bottom: 30px;
    }

    .portfolio-creative .order-section div:last-child {
        margin-bottom: 0;
    }

    .blog-grid,
    .blog-right,
    .blog-list {
        margin-top: 30px;
    }
}

@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(255, 255, 255, 0.3);
    }

    .property-section .nav-tabs .nav-item .nav-link.active {
        background-color: #ffffff;
    }

    .box.text-affect .role {
        margin-bottom: 20px;
    }

    .property-2.list-view.no-sidebar .property-box .property-details {
        margin-top: 5px;
    }

    .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%;
    }

    .blog-single-detail .blog-title h3 {
        margin-top: 10px;
    }

    .blog-single-detail .blog-title .post-detail li {
        line-height: 1.7;
    }

    .footer-bg .bottom-blog .media .media-body h6 {
        line-height: 1.4;
    }

    footer.footer-brown .footer-details img {
        margin: 0 0 -16px;
    }

    .horizontal-blog .blog-1 .slick-prev {
        top: 36px;
        right: 26px;
        left: unset;
    }

    .horizontal-blog .blog-1 .slick-next {
        top: 36px;
        right: 4px;
    }

    .service-section .property-service > div .service-box .icon-round {
        margin: 0 auto 20px 0;
    }

    .video-layout.parallax-home {
        height: 390px;
    }

    .video-layout.parallax-home .video-search {
        padding: 0;
    }

    .banner-2 .banner-right .button-banner .btn + .btn:after {
        height: 55px;
    }

    .blog-section .blog-1 .slick-prev {
        left: -3px;
    }

    .blog-section .blog-1 .slick-next {
        right: -3px;
    }

    .property-section .ratio_landscape .title-3.text-start.d-flex .pagination-tab.nav-tabs {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .video-layout .video-details .left-sidebar {
        width: auto;
    }

    .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-header,
    .modal-body,
    .modal-footer {
        padding: 20px;
    }

    .modal-header {
        padding-bottom: 0;
    }

    .modal-header .btn-close {
        width: 25px;
        height: 25px;
    }

    .modal-header .btn-close span {
        font-size: 26px;
    }

    .map-modal .modal-dialog .modal-content .btn-close {
        width: 25px;
        height: 25px;
    }

    .map-modal .modal-dialog .modal-content .btn-close span {
        font-size: 26px;
        line-height: 0.85;
    }

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

    .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);
    }

    .provide-service .provide-details .btn {
        padding: 10px 20px 9px;
    }

    .simple-blog .title-3 {
        margin-top: -10px;
    }

    .testimonial-client .title-3.text-start {
        margin-bottom: 27px;
    }

    .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;
    }

    .video-layout .video-details p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        width: 92%;
    }

    .video-layout .play-icon {
        position: absolute;
        left: 67%;
        bottom: 70px;
    }

    .video-layout .play-bg {
        width: 180px;
        height: 260px;
    }

    .title-2 {
        margin-bottom: -2px;
    }

    .progress {
        height: 8px;
    }

    .property-section.section-sm .property-2:not(.no-sidebar) {
        height: calc(100vh - 60px);
    }

    .get-in-touch .btn {
        padding: 10px 18px 9px;
    }

    .log-in h6 {
        margin-bottom: 10px;
    }

    .log-in .social-connect > div:nth-child(n + 3) {
        margin-top: 10px;
    }

    .theme-card .title-3 p {
        margin-bottom: -5px;
    }

    .theme-title .title-3 p {
        margin-bottom: -6px;
    }

    .ratio-card .card-header p {
        margin-bottom: -2px !important;
    }

    .ratio-card .card-body h5 {
        margin-bottom: 10px;
    }

    .home-search-6 .left-sidebar .row {
        margin-bottom: 0;
    }

    .home-search-6 .left-sidebar .row > div {
        margin-bottom: 0;
    }

    .box {
        width: 270px;
        height: 130px;
    }

    .box.text-affect .title {
        height: 86px;
    }

    .parallax-home.video-layout .video-search {
        width: 100%;
    }

    .property-map .filter-panel .top-panel h2 {
        margin-top: -4px;
    }

    .pricing-section .title-3 {
        margin-bottom: 27px;
    }

    .pricing-section .pricing-box .pricing-details .pricing-icon::after {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    .about-main .title-2 {
        margin-bottom: -4px;
    }

    .blog-inner .title-2 {
        margin-bottom: -3px;
    }

    .banner-2 .banner-right h6 {
        margin-top: -3px;
    }

    .banner-2 .banner-right .button-banner .btn-light-bg::after {
        height: 55px;
    }

    .banner-2 .banner-right .button-banner .btn-light-bg span {
        vertical-align: -2px;
    }

    .download-section .app-right {
        margin-bottom: -2px;
    }

    .download-section .app-right .form-group {
        width: calc(100% - 116px);
    }

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

    .user-dashboard .sidebar-user .user-profile .media .media-body {
        margin-left: 15px;
    }

    .user-dashboard .property-overview .table tr th:first-child,
    .user-dashboard .property-overview .table tr td:first-child {
        min-width: 195px;
    }

    .card-payment .payment-card.add-card .card-details {
        min-height: 167px;
    }

    .privacy-setting .privacy-content .media .media-body h6 {
        margin-bottom: 5px;
    }

    .switch {
        width: 50px;
        height: 26px;
    }

    .switch .switch-state:before {
        height: 20px;
        width: 20px;
        bottom: 3px;
    }

    .switch input:checked + .switch-state:before {
        -webkit-transform: translateX(23px);
        transform: translateX(23px);
    }

    .privacy-setting .switch {
        width: 45px;
        height: 25px;
    }

    .privacy-setting .switch .switch-state:before {
        bottom: 4px;
    }

    .privacy-setting .switch input:checked + .switch-state:before {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-steps li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data {
        display: block;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content + .account-content {
        margin-left: 0;
        margin-top: 20px;
    }

    .property-wizard .wizard-box .wizard-form-details form .form-group {
        margin-bottom: 10px;
    }

    .property-wizard .wizard-box .wizard-form-details form .form-group:last-child {
        margin-bottom: 0;
    }

    .property-wizard .wizard-box .wizard-form-details .wizard-step-3 .next-btn {
        margin-top: 25px;
    }

    .property-wizard .wizard-box .wizard-form-details .complete-details img {
        width: 63%;
    }

    .property-wizard .wizard-box .wizard-form-details form.dropzone {
        margin-bottom: 10px;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon {
        width: 40px;
        height: 40px;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .step-icon svg {
        width: 24px;
        height: 24px;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body h5 {
        margin-bottom: 3px;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .wizard-step-3 .next-btn {
        margin-top: 30px;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .input-data .account-content h3 {
        margin-bottom: 5px;
    }

    .user-about .about-image .img-box.img-abs {
        right: 8%;
    }

    .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 .filter-panel .top-panel .grid-list-filter .grid-btn,
    .agent-section .agent-grids .filter-panel .top-panel .grid-list-filter .list-btn {
        display: inline-block !important;
    }

    .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;
    }

    .coming-simple .site-construction h4 {
        line-height: 1.4;
    }

    .coming-simple .ratio2_3.order-lg-1 {
        margin-top: -42px;
    }

    .coming-simple form input {
        padding-left: 15px;
        padding-right: 15px;
    }

    .coming-soon .cloud-img {
        height: 230px;
        top: 0;
    }

    .error-section .not-found img {
        width: 100%;
    }

    .accordion .card-header .card-link::after {
        font-size: 12px;
        top: 17px;
    }

    .faq-section .faq-image {
        margin-top: -32px;
    }

    .faq-section form .btn {
        top: 32px;
    }

    .contact_section .contact-content {
        width: 100%;
    }

    .horizontal-blog .title-2 p {
        margin-bottom: 26px;
    }

    .blog-2 .slick-list {
        margin: 0 -12px;
    }

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

    .simple-blog .title-3 {
        margin-bottom: 27px;
    }

    .blog-single-detail .blog-title .post-detail li:last-child {
        padding-left: 0;
        margin-left: 0;
        border: none;
    }

    .blog-list-section .blog-list .blog-wrap {
        display: block;
    }

    .blog-list-section .blog-list .blog-wrap .blog-details h3,
    .blog-list-section .blog-list .blog-wrap .blog-details p {
        -webkit-line-clamp: 3;
    }

    .portfolio-grid .filter-panel .top-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .fnc-slider {
        height: 500px;
    }

    .fnc-slide__content {
        left: 20%;
        padding: 30px;
    }

    .fnc-slide__heading-line {
        font-size: 40px;
    }

    .fnc-slide__action-btn {
        margin-left: 0;
    }

    .home-section.layout-6 .container > .row,
    .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-6 .home-main .container > .row {
        padding-top: 100px;
    }

    .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;
    }

    header.light-header .menu .brand-logo img {
        width: 120px;
    }

    header.header-2::after {
        bottom: 74px;
    }

    .layout-home2 .home-main {
        padding-top: 130px;
    }

    .layout-home2 .arrow-light .slick-arrow {
        top: 65%;
    }

    .layout-home2 .arrow-light .slick-prev {
        left: 10px;
    }

    .layout-home2 .arrow-light .slick-next {
        right: 10px;
    }

    .layout-home2 .feature-section .feature-content {
        max-width: 450px;
        margin: 0 auto;
    }

    .top-bar .top-content .top-bar-right li .flat-box {
        padding: 6px 12px;
    }

    .top-bar .top-content .top-bar-right li .flat-box i {
        font-size: 12px;
    }

    .top-bar .top-content .top-bar-right li .flat-box.search-sm i {
        vertical-align: 0;
    }

    .top-bar .top-content .top-bar-right li + li {
        margin-left: 6px;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right li:last-child {
        margin-left: 6px;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right li .flat-box {
        padding: 5px 10px 6px;
        display: block;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right li .flat-box i {
        font-size: 12px;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right .input-group {
        display: none;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right > li > a {
        padding: 6px 8px 7px;
        display: block;
    }

    .layout-home3 .banner-3 {
        width: 65%;
        padding: 20px;
        -webkit-box-shadow: 2px 0px 20px 20px rgba(255, 255, 255, 0.7);
        box-shadow: 2px 0px 20px 20px rgba(255, 255, 255, 0.7);
    }

    .layout-home3 .banner-3 h1 {
        margin: 15px 0;
    }

    .layout-home3 .banner-3 p {
        margin-bottom: 15px;
    }

    .layout-home3 .slick-slider .slick-arrow {
        width: 60px;
        height: 60px;
    }

    .layout-home3 .slick-slider .slick-arrow::after {
        width: 35px;
        height: 35px;
        top: 12px;
        left: 12px;
    }

    .layout-home3 .bg-layout-3 {
        padding: 50px 0;
    }

    .layout-home3 .slick-arrow .slick-thumb-nav::after {
        width: 40px;
        height: 40px;
    }

    .feature-3 .next-image {
        top: 253px;
        width: 78px;
        height: 78px;
        right: 11px;
    }

    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-arrow::after {
        width: 90px;
        height: 90px;
        left: -26px;
        top: -26px;
    }

    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-prev {
        left: 30px;
    }

    .layout-home4 .sync-slider .home-slider-4.arrow-image .slick-next {
        right: 30px;
    }

    .layout-home4 .sync-slider .home-nav .slider-image {
        width: 80px;
        height: 50px;
    }

    .layout-home4 .home-slider-4 .slider-image {
        padding: 50px 0;
    }

    .layout-home4 .home-slider-4 .slider-image .home-content {
        padding: 20px;
        text-align: center;
    }

    .layout-home4 .home-slider-4 .slider-image .home-content .font-color4 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .layout-home4 .home-slider-4 .slider-image .home-content h6.line-right::after {
        display: none;
    }

    .layout-home4 .home-slider-4 .slider-image .home-content h1 {
        line-height: 1.5;
    }

    .layout-home4 .slider-image .home-content p {
        width: 100%;
    }

    .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;
    }

    .search-withmap .vertical-search {
        width: auto;
    }

    .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;
    }

    .breadcrumb-section.breadcrumb-sm {
        background-color: rgba(0, 0, 0, 0.25);
        background-blend-mode: overlay;
    }

    .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .breadcrumb-section.breadcrumb-sm .breadcrumb-content > div h2 {
        margin-bottom: 10px;
    }

    .breadcrumb-section.breadcrumb-sm.breadcrumb-gradient {
        background-blend-mode: unset;
    }

    .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;
    }

    .gallery-nav .slick-slide img {
        min-height: 46px;
    }

    .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%;
    }

    .single-property-section .left-single .share-buttons > div .share-hover {
        bottom: -40px;
    }

    .single-property-section .left-single .share-buttons > div .share-hover ul li {
        padding: 5px 10px;
    }

    .single-property-section .left-single .share-buttons > div:hover .share-hover {
        bottom: -35px;
    }

    .single-property-images.ratio_40 .bg-size:before {
        padding-top: 68%;
    }

    .single-property-images .single-property-section {
        position: relative;
        bottom: unset;
        padding: 30px 0;
    }

    .single-property-images ~ .single-property {
        margin-top: 0;
        padding-top: 0;
    }

    .home-view {
        height: 55vh;
    }

    .line-tab.nav-tabs .nav-link {
        padding: 15px 8px;
    }

    .btn {
        padding: 8px 18px;
    }

    .btn.btn-dashed {
        padding: 9px 18px;
    }

    .btn.btn-light-bg::after {
        height: 39px;
    }

    .theme-buttons > div {
        margin-left: -6px;
    }

    .theme-buttons > div .btn + .btn {
        margin-left: 6px;
    }

    .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 .footer-blog p {
        line-height: 1.6;
    }

    footer .footer-links .footer-content li + li {
        margin-top: 6px;
    }

    footer .footer-links.footer-details .footer-content {
        margin-top: 15px !important;
    }

    footer.footer-dark .footer-details .footer-content {
        margin-top: 15px;
    }

    footer.footer-dark .footer-details .footer-content p {
        margin-top: 10px;
    }

    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.footer-res .footer-contact {
        margin-bottom: 3px;
    }

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

    footer.footer-res .footer .row > div:last-child .footer-links {
        padding-bottom: 0;
        margin-bottom: -3px;
    }

    footer.footer-res .footer-links .footer-content {
        margin-top: 15px;
        margin-bottom: 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-custom-col .row > div:nth-child(3),
    .footer-custom-col .row > div:last-child,
    .footer-custom-col .row > div:nth-child(4),
    .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-custom-col .row > div:last-child .footer-links,
    .footer-light .row > div:last-child .footer-links {
        padding-bottom: 0;
    }

    .footer-brown .footer .row,
    .footer-dark .footer .row {
        margin-top: -3px;
    }

    .footer-brown .sub-footer {
        padding-top: 16px;
    }

    .footer-brown .sub-footer .text-end {
        margin-top: 0;
    }

    .footer-light .row {
        margin-bottom: -3px;
        margin-top: -3px;
    }

    .footer-light .footer-content {
        margin-bottom: -2px;
    }

    .ratio-card .card-body h5 {
        margin-top: -2px;
    }

    .ratio-card .card-body .row > div + div {
        margin-top: 20px;
    }

    .property-grid-slider .property-grid .slider-for .slick-list {
        height: 250px;
    }

    .property-grid-slider .property-grid .slider-nav .slick-slide img {
        min-height: unset;
        height: 84px;
        width: 100%;
    }

    .property-grid-slider .filter-panel .top-panel .grid-list-filter li:nth-child(2) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .testimonial-1 .pepole-comment .client-msg {
        margin-bottom: 30px;
    }

    .client-slider {
        margin-top: 48px;
        width: 100%;
    }

    .client-slider .user-list {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    .client-slider .user-list li .heart-bg {
        width: 40px;
        height: 40px;
        bottom: -20px;
        left: 48px;
    }

    .client-slider .user-list li .heart-icon {
        bottom: -12px;
        left: 57px;
    }

    .our-client .client-right {
        padding: 30px;
    }

    .our-client .client-right p {
        margin-top: -5px;
    }

    .our-client .client-right h6 {
        margin-bottom: -4px;
    }

    .our-client .client-left img {
        -webkit-box-shadow: 0px 10px 12.5px rgba(0, 128, 255, 0.03);
        box-shadow: 0px 10px 12.5px rgba(0, 128, 255, 0.03);
    }

    .modern-client .comment-right {
        bottom: -12px;
    }

    .modern-client .comment-right .slick-prev {
        left: 40%;
    }

    .modern-client .comment-right .slick-next {
        left: 50%;
    }

    .modern-client .comment-right .slick-next:after {
        right: 10px;
    }

    .testimonial-style-2 .title-3 {
        margin-bottom: 27px;
    }

    .banner-2 {
        overflow: hidden;
    }

    .banner-2 .banner-right {
        position: relative;
        padding: 30px;
        z-index: 1;
        background-color: rgba(255, 255, 255, 0.95);
    }

    .banner-2:after {
        width: 100%;
    }

    .banner-3 {
        padding: 30px;
    }

    .banner-3 p {
        font-size: 14px;
        line-height: 1.8;
    }

    .banner-inner {
        padding-top: 106px;
    }

    .about-box .bg-size:before {
        padding-top: 80%;
    }

    .arrow-white {
        margin-bottom: 75px;
    }

    .arrow-white .slick-arrow {
        width: 40px;
        height: 40px;
        bottom: -70px;
    }

    .arrow-white .slick-prev {
        left: 40%;
    }

    .arrow-white .slick-next {
        right: 40%;
    }

    .about-section .about-1 .bg-size {
        background-position: top !important;
    }

    .about-section .about-1 .bg-size:before {
        padding-top: 78%;
    }

    .about-section.ratio_square .title-3 p {
        margin-bottom: -3px;
    }

    .about-section .title-3 {
        margin-top: -11px;
    }

    .about-section .title-3.text-start p {
        margin-bottom: -3px;
    }

    .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-bg::after {
        height: 150px;
    }

    .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 .property-service.about-service > div .service-box .btn span {
        vertical-align: -1px;
    }

    .service-section.service-2.color-7 .property-service > div .service-box:hover .btn span {
        vertical-align: -1px;
    }

    .why-choose .title-2 {
        margin-bottom: -3px;
    }

    .about-testimonial .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-3 .pagination-tab {
        margin-top: 10px;
    }

    .property-section .title-2 {
        margin-bottom: -5px;
    }

    .property-section .ratio_landscape .title-2 {
        margin-bottom: -3px;
    }

    .property-section .property-box .property-details .property-btn .btn {
        padding: 8px 18px 7px;
    }

    .property-section .property-box .property-details .property-btn .btn.btn-dashed {
        padding: 9px 18px 8px;
    }

    .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;
    }

    .pagination-tab.nav-tabs {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 10px;
    }

    .pagination-tab.nav-tabs .nav-item {
        margin-bottom: 0;
    }

    .slick-shadow .arrow-white .slick-arrow {
        bottom: -65px;
    }

    .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 .top-panel .grid-list-filter .grid-btn,
    .filter-panel .top-panel .grid-list-filter .list-btn {
        display: none !important;
    }

    .filter-panel .d-lg-none .mobile-filter {
        padding: 8px 10px;
    }

    .filter-panel .d-lg-none .mobile-filter svg {
        margin-left: 10px;
        vertical-align: -4px;
    }

    .filter-panel .grid-list-filter li .filter-bottom-title {
        padding: 8px 10px;
    }

    .filter-panel.with-modal-btn .top-panel .grid-list-filter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .filter-panel.tab-top-panel .grid-list-filter li:last-child {
        margin-left: 5px;
    }

    .filter-panel.tab-top-panel .grid-list-filter li:nth-child(2) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .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%;
    }

    .property-map .property-grid {
        padding-top: 25px;
    }

    .property-map .property-grid.list-view .property-box .property-image {
        width: 100%;
    }

    .property-map .top-panel .grid-list-filter li:nth-child(2) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .property-grid-slider .property-grid .slider-for .slick-slide #block {
        height: 285px !important;
    }

    .property-grid-slider .property-grid .slider-nav {
        margin-right: -3px;
    }

    .property-list-view .property-grid.list-view .property-box .property-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 .feature-1 .feature-wrapper {
        margin: 0;
    }

    .feature-section .feature-1 .feature-wrapper .property-details {
        max-width: 450px;
    }

    .feature-section .feature-3 .slick-list {
        margin-left: -5px;
    }

    .feature-section .feature-3.slick-initialized .slick-slide {
        margin-bottom: -1px;
    }

    .feature-section .feature-3 .feature-content .details,
    .feature-section .feature-3 .feature-content .feature-price {
        padding: 20px;
    }

    .feature-section .feature-3 .feature-content .detail-list {
        padding: 15px 18px;
    }

    .feature-section .feature-3 .feature-content .details p {
        margin-top: 10px;
    }

    .feature-section .feature-3 .feature-image .feature-overlay {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 210px;
        height: 169px;
    }

    .feature-section .feature-3 .slick-next,
    .feature-section .feature-3 .slick-prev {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .feature-section .modern-feature .feature-wrap .feature-image .feature-overlay {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 210px;
        height: 169px;
    }

    .feature-section .modern-feature.arrow-gradient .slick-prev {
        right: 10% !important;
    }

    .my-gallery .row > div .row > div:nth-child(3),
    .my-gallery .row > div .row > div:nth-child(4) {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }

    .my-gallery .find-cities .citi-overlay h6::after {
        width: 130px;
        right: -16px;
    }

    .video-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .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;
    }

    .video-details h2 {
        margin: 15px 0 8px;
    }

    .video-details p {
        margin-bottom: 15px;
    }

    .new-property .feature-wrap {
        margin: 0;
    }

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

    .subscribe-section .video-details .form-group {
        margin-bottom: 20px;
    }

    .subscribe-section .video-details .form-group input {
        width: 80%;
        padding: 10px 15px 8px;
    }

    .subscribe-section .video-details .form-group::after {
        width: 80%;
    }

    .arrow-define {
        font-size: 13px;
    }

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

    .blog-1 .blog-box .img-box img {
        min-width: 239px;
    }
}

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

@media (max-width: 576px) {
    .blog-single-detail .comment-section .comment-box .media .media-body .comment-detail p {
        width: 100%;
    }

    .pricing-section .pricing-box .pricing-details .pricing-icon::after {
        -webkit-transform: translateX(9px);
        transform: translateX(9px);
    }

    .parallax-home .container > .row {
        height: 240px;
    }

    .breadcrumb-section {
        height: 270px;
    }

    .breadcrumb-section .breadcrumb-content {
        height: 270px;
        padding-top: 56px;
    }

    .toggle-right svg {
        width: 20px;
    }

    header.header-4 .menu .brand-logo img {
        margin-bottom: 0;
    }

    header.light-header .menu .header-right li .or:after {
        color: #586167;
    }

    .home-section.layout-5 {
        padding-top: 56px;
        padding-bottom: 40px;
    }
}

@media (max-width: 575px) {
    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;
    }

    .layout-map.layout-home2 {
        min-height: 500px;
    }

    .pricing-property .feature-section.ratio_landscape .feature-wrap {
        overflow-x: hidden;
    }

    .review .review-box {
        position: relative;
    }

    .review .review-box .media img.img-70 {
        width: 50px !important;
    }

    .review .review-box .media .media-body {
        margin-left: 15px;
        margin-top: 6px;
    }

    .review .review-box .media .media-body h6 {
        margin-bottom: 2px;
    }

    .review .review-box .media .rating {
        position: absolute;
        left: 150px;
        top: 29px;
    }

    .review .review-box + .review-box {
        margin-top: 15px;
    }

    .review .review-box.review-child {
        margin-left: 30px;
    }

    .review .review-box.review-child {
        margin-left: 35px;
    }

    .review .review-box .media .media-body p.mb-0 {
        width: 90%;
    }

    .blog-single-detail.theme-card .property-slider:hover .slick-prev {
        width: 16px;
        height: 16px;
    }

    .blog-single-detail.theme-card .property-slider:hover .slick-prev::before {
        font-size: 18px;
    }

    .blog-single-detail.theme-card .property-slider:hover .slick-next {
        width: 16px;
        height: 16px;
    }

    .blog-single-detail.theme-card .property-slider:hover .slick-next::before {
        font-size: 18px;
    }

    .grid-box .property-text {
        padding: 16px;
    }

    .portfolio-grid .filter-panel .filters ul li {
        min-width: 100px;
    }

    .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;
    }

    .feature-section .feature-3 .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-3 .feature-content .details {
        padding: 20px !important;
    }

    .feature-section .feature-3 .feature-content .detail-list {
        padding: 15px 18px !important;
    }

    .feature-section .feature-3 .feature-content .feature-price {
        padding: 20px !important;
    }

    .fnc-slide__action-btn {
        padding: 10px 10px;
    }

    .fnc-slide__action-btn::before {
        height: 40px;
        width: 40px;
    }

    .fnc-slide__action-btn span {
        font-size: 12px;
    }

    .testimonial-client .testimonial-4 .modern-client {
        position: relative;
    }

    .tab-icon .filters ul li lord-icon {
        width: 35px;
        height: 35px;
    }

    section {
        padding: 40px 0;
    }

    .progress {
        height: 5px;
    }

    .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;
    }

    .contact_right {
        margin-top: 20px;
    }

    .theme-title .title-1 h2 {
        margin-bottom: -7px;
    }

    .theme-title .theme-card .card-header h4 {
        margin-top: -1px;
    }

    .theme-title .title-2 h2 {
        margin-top: -3px;
    }

    .theme-card .title-2 {
        margin-bottom: -6px;
    }

    .theme-card .title-3 p {
        margin-bottom: -2px;
    }

    .theme-pagination {
        margin-top: 20px;
    }

    .property-map .theme-pagination {
        margin-bottom: 30px;
    }

    .testimonial-style-2 .title-3 {
        margin-top: -12px;
    }

    .ratio-card .card-body ul {
        margin-bottom: -5px;
    }

    footer .footer {
        padding: 40px 0;
    }

    footer .footer-links .footer-content .footer-blog p {
        font-size: 13px;
    }

    .footer-bg .bottom-blog .slick-initialized .slick-slide {
        margin-bottom: -5px;
    }

    .footer-bg .footer-details {
        padding: 20px 15px;
    }

    .alert-success {
        max-width: unset;
    }

    .portfolio-creative .order-section {
        margin-bottom: -20px !important;
    }

    .portfolio-creative .order-section div:nth-child(even) {
        margin-bottom: 20px;
    }

    .theme-card + .theme-card {
        margin-top: 20px;
    }

    .captcha {
        margin-bottom: 15px;
    }

    .theme-label .card-header h5 {
        margin-top: -2px;
    }

    .my-gallery .title-1 h2 {
        margin-bottom: -2px;
    }

    .my-gallery .row .col .row {
        margin-bottom: -20px;
    }

    .my-gallery .row .col .row > div {
        margin-bottom: 20px;
    }

    .offer-section .title-1 h2 {
        margin-bottom: -7px;
    }

    .offer-section .offer-wrapper {
        padding: 20px;
    }

    .offer-section .offer-wrapper .media .media-body h3 {
        margin: 10px 0;
    }

    .video-layout {
        padding-bottom: 40px;
    }

    .video-layout .video-details {
        width: 100%;
        padding: 0;
    }

    .video-layout .video-details p {
        width: 100%;
        overflow: unset;
        -webkit-line-clamp: unset;
    }

    .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 .play-icon {
        position: relative;
        bottom: unset;
        left: unset;
        margin: 0;
    }

    .video-layout .play-bg {
        width: auto;
        height: auto;
        border: none;
    }

    .video-layout .play-bg img {
        display: none;
    }

    .video-layout .play-bg::after {
        display: none;
    }

    .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;
    }

    .video-details h2 {
        margin: 10px 0 4px;
    }

    .new-property .title-2 {
        margin-bottom: -7px;
    }

    .pricing-section .title-3 {
        margin-bottom: 17px;
    }

    .pricing-section .pricing-box .pricing-details h3 {
        margin-bottom: 4px;
    }

    .pricing-section .pricing-box .pricing-details .pricing-svg {
        width: 40px;
        height: 40px;
    }

    .pricing-section .pricing-box .pricing-details .pricing-icon::after {
        width: 35px;
        height: 35px;
        left: -1px;
    }

    .pricing-section .pricing-box ul {
        margin: 20px 0 26px;
    }

    .pricing-section .pricing-box ul li + li {
        margin-top: 5px;
    }

    .pricing-section.pricing-inner .title-2 h2 {
        margin-top: -3px;
    }

    .filter-panel {
        padding: 0 0 20px;
    }

    .filter-panel .top-panel .grid-list-filter {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .filter-panel .d-lg-none .mobile-filter {
        padding: 6px 10px;
    }

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

    .property-grid-2 .filter-panel .top-panel h2 {
        margin-bottom: 5px;
    }

    .property-map .filter-panel .top-panel h2 {
        margin-top: -3px;
    }

    .privacy-setting .common-card .common-header p {
        margin-top: 5px;
    }

    .logout-modal .modal-body h6 {
        margin-bottom: 4px;
    }

    .logout-modal .modal-body p {
        font-size: 13px;
    }

    .signup-modal .signup-tab h4 {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .testimonial-client .title-3.text-start {
        margin-top: 2px;
    }

    .pricing-inner .title-2 p {
        margin-bottom: 16px;
    }

    .line-tab.nav-tabs .nav-link {
        padding: 10px 8px;
    }

    .terms-section h2 {
        margin-top: -5px;
        margin-bottom: 15px;
        line-height: 1.5;
    }

    .terms-section .terms-wrapper p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .terms-section .terms-wrapper h4 {
        margin-bottom: 6px;
        line-height: 1.5;
    }

    .terms-section .terms-wrapper ul li {
        font-size: 14px;
    }

    .our-client .client-right {
        padding: 20px;
    }

    .our-client .client-right h3 {
        margin-bottom: 5px;
    }

    .our-client .client-right h6 {
        margin-bottom: -6px;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li .media .media-body {
        padding: 0 15px;
    }

    .property-wizard .wizard-form-details.log-in .title-3 {
        margin-bottom: 20px;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .log-in {
        margin-top: 30px;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .wizard-step-3 .next-btn {
        margin-top: 20px;
    }

    .left-sidebar,
    .blog-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;
    }

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

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

    .blog-sidebar .filter-cards .advance-card .recent-property ul li .media .media-body h5,
    .single-sidebar .filter-cards .advance-card .recent-property ul li .media .media-body h5 {
        margin-bottom: 5px;
    }

    .blog-wrap .blog-details {
        padding: 20px;
    }

    .blog-grid,
    .blog-list {
        margin-bottom: -20px;
    }

    .blog-grid .blog-wrap,
    .blog-list .blog-wrap {
        margin-bottom: 20px;
    }

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

    .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date {
        margin-left: 10px;
    }

    .blog-single-detail .comment-section h4 {
        margin-bottom: 15px;
    }

    .portfolio-creative .content-sec h3 {
        margin-top: -5px;
    }

    .details-right {
        padding: 20px;
    }

    .details-right h3 {
        margin-top: -5px;
        margin-bottom: 8px;
    }

    .project-details {
        margin-top: 15px;
    }

    .project-details h3 {
        margin-top: 0;
        margin-bottom: 12px;
    }

    .project-details .detail-container {
        padding: 6px 0;
    }

    .portfolio-details .portfolio-section {
        margin-top: 6px;
    }

    .portfolio-grid .property-text h3 {
        margin-bottom: 6px;
    }

    .grid-box .property-text h3 {
        margin-top: -4px;
    }

    .portfolio-creative .row + .row {
        padding-top: 20px;
    }

    .log-in form .form-group {
        margin-bottom: 15px;
    }

    .log-in .divider {
        margin: 10px 0;
    }

    .login-wrap .log-in .title-3.text-start h2 {
        margin-top: -5px;
    }

    .coming-simple .site-construction h4 {
        font-size: 16px;
    }

    .coming-simple .site-construction p {
        margin-bottom: 20px;
    }

    .coming-simple .title-3 h6 {
        margin-bottom: 6px;
    }

    .coming-simple .ratio2_3 > img {
        height: 400px;
    }

    .coming-simple form input {
        font-size: 14px;
    }

    .coming-simple form input::-webkit-input-placeholder {
        font-size: 14px;
    }

    .coming-simple form input::-moz-placeholder {
        font-size: 14px;
    }

    .coming-simple form input:-ms-input-placeholder {
        font-size: 14px;
    }

    .coming-simple form input::-ms-input-placeholder {
        font-size: 14px;
    }

    .coming-simple form input::placeholder {
        font-size: 14px;
    }

    .coming-soon.coming-left .coming-soon-detail .timer li {
        margin: 0 5px;
    }

    .coming-soon .cloud-img {
        height: 170px;
    }

    .coming-soon .coming-soon-detail form input {
        font-size: 14px;
    }

    .coming-soon .coming-soon-detail form .form-group button {
        padding: 8px 14px;
    }

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

    .user-dashboard .sidebar-user {
        margin-bottom: 20px;
    }

    .user-dashboard .sidebar-user .user-profile {
        display: block;
        padding: 20px 20px 0;
    }

    .user-dashboard .sidebar-user .user-profile .connected-social {
        margin-left: 0;
        margin-top: 15px;
    }

    .user-dashboard .sidebar-user .user-profile .connected-social h6::before {
        bottom: -3px;
    }

    .user-dashboard .sidebar-user .user-profile .media .media-body h5 {
        margin-bottom: 5px;
    }

    .user-dashboard .sidebar-user .user-profile .media .media-body h6 {
        margin-bottom: 2px;
    }

    .user-dashboard .dashboard-content {
        margin-bottom: -20px;
    }

    .user-dashboard .dashboard-content .common-card {
        margin-bottom: 20px;
    }

    .user-dashboard .dashboard-content .user-wrapper .available-property .radial-property .apexcharts-datalabels-group .apexcharts-datalabel-label {
        font-size: 32px;
    }

    .user-dashboard .dashboard-content .property-section {
        margin-bottom: 20px;
    }

    .right-line-tab .nav-item .nav-link {
        padding: 3px 8px;
    }

    .my-profile .profile-info .user-name h5 .label {
        padding: 4px 8px 3px;
    }

    .my-profile .profile-info .user-name .rating {
        display: block;
        margin-left: 0;
    }

    .my-profile .profile-info .user-detail {
        margin: 5px -10px 5px;
    }

    .my-profile .profile-info .user-detail li {
        margin: 2px 10px;
    }

    .my-profile .profile-info .information ul li span:first-child {
        min-width: unset;
    }

    .card-payment > div:nth-child(n + 2) .payment-card {
        margin-top: 15px;
    }

    .card-payment .payment-card .card-details .card-number > div img {
        width: 9%;
    }

    .card-payment .payment-card .card-details .card-number > div img:last-child {
        width: 3%;
        margin-left: 5px;
    }

    .create-tab .create-property-form .form-inputs > h6 {
        margin-bottom: 15px;
        padding-bottom: 5px;
    }

    .create-tab .create-property-form .form-inputs + .form-inputs {
        margin-top: 15px;
    }

    .create-tab .create-property-form .btn {
        margin-top: 15px;
    }

    .dropzone .dz-message {
        margin: 0;
    }

    .dropzone i {
        font-size: 40px;
    }

    .user-about .about-image {
        margin-top: 42px;
        margin-bottom: 20px;
    }

    .user-about .about-image .side-left .side-effect::before,
    .user-about .about-image .side-left .side-effect::after {
        width: calc(100% - 350px);
    }

    .user-about .about-image .img-box img {
        max-width: 205px;
    }

    .user-about .about-image .img-box.img-abs {
        right: 140px;
    }

    .user-about .about-content {
        margin-bottom: 20px;
    }

    .user-about .about-content h3 {
        margin-bottom: 10px;
    }

    .user-about .about-listing {
        padding: 20px;
    }

    .user-about .map-image {
        margin-bottom: 15px;
    }

    .why-choose .title-2 h2,
    .blog-inner .title-2 h2 {
        margin-top: -4px;
    }

    .about-testimonial .title-2 {
        margin-bottom: -4px;
    }

    .about-testimonial .title-2 h2 {
        margin-top: -3px;
    }

    .blog-grid,
    .blog-right,
    .blog-list {
        margin-top: 20px;
    }

    .blog-inner .title-2 {
        margin-top: -4px;
    }

    .get-in-touch .contact-img img {
        width: 70%;
    }

    .contact_section .contact_wrap h4 {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .contact_section.contact_wrap_2 .contact-detail > div:last-child {
        margin-top: 20px;
    }

    .contact_section.contact_wrap_2 .row {
        margin: 0;
    }

    .contact_bottom .row > div + div,
    .contact_bottom .row > div:last-child {
        margin-top: 20px;
    }

    .contact_right .row > div + div {
        margin-top: 20px;
    }

    .contact_right .row > div + div:last-child {
        margin-top: 20px;
    }

    .contact-2 .log-in {
        margin-bottom: 20px;
    }

    .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 .filter-panel .top-panel .grid-list-filter .grid-btn,
    .agent-section .agent-grids .filter-panel .top-panel .grid-list-filter .list-btn {
        display: none !important;
    }

    .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;
    }

    .accordion .card + .card {
        margin-top: 15px;
    }

    .faq-section .faq-image {
        margin-top: -29px;
    }

    .faq-section .faq-image h3 {
        margin-bottom: 4px;
    }

    .faq-section form .form-group input {
        padding: 14px 15px 12px;
    }

    .faq-questions {
        margin-top: 20px;
    }

    .faq-questions .title-3 h2 {
        line-height: 1.3;
    }

    .play-bg-image .icon-video a {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .icon-video .heart-animation {
        top: -16px;
        right: -15px;
        width: 70px;
        height: 70px;
    }

    .column-sm {
        margin-bottom: -20px;
    }

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

    .filter-panel .filters ul {
        margin: -5px -2px;
    }

    .filter-panel .filters ul li {
        padding: 8px;
        margin: 5px 2px;
    }

    .filter-panel .filters ul li i {
        display: none;
    }

    .filter-panel .mobile-filter {
        position: relative;
        bottom: unset;
    }

    .filter-panel .d-lg-none {
        text-align: left;
    }

    .with-modal-btn .d-lg-none {
        margin-top: 10px;
    }

    .with-modal-btn .top-panel .grid-list-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .with-modal-btn .top-panel .grid-list-filter li:first-child {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .arrow-define {
        top: 40px;
        right: -10px;
    }

    .arrow-define::after {
        width: 26px;
        height: 26px;
        bottom: 8px;
        left: -27px;
    }

    .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 .page-section hr {
        margin: 20px 0;
    }

    .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 h4.mt-5 {
        margin-top: 25px !important;
    }

    .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;
    }

    .single-property-images .single-property-section {
        padding-bottom: 20px;
    }

    .single-property-images .slick-prev {
        left: 15px;
    }

    .single-property-images .slick-next {
        right: 15px;
    }

    .single-property-images.ratio_40 .bg-size:before {
        padding-top: 80%;
    }

    .image_section {
        margin-bottom: 30px;
    }

    .image_section .row > div {
        margin-top: 15px;
    }

    .line-tab.nav-tabs {
        display: block;
        text-align: center;
    }

    .line-tab.nav-tabs li {
        display: block;
    }

    .map-section iframe,
    .map-section .map {
        height: 300px;
    }

    .infoBox .marker-detail {
        width: 150px;
    }

    .infoBox .marker-detail img {
        width: 150px;
    }

    .infoBox .marker-detail .detail-part ul li:last-child {
        padding-left: 0;
        display: block;
        margin-top: 4px;
    }

    .infoBox .marker-detail .detail-part span,
    .infoBox .marker-detail .detail-part a {
        font-size: 12px;
    }

    .leaflet-marker-icon.leaflet-interactive {
        width: 30px !important;
        height: 30px !important;
    }

    .custom-dropdown .custom-dropdown-menu {
        width: 280px;
    }

    header .menu .header-right .dropdown .dropdown-menu {
        margin-top: 25px;
    }

    header.header-1 .menu .header-right li a svg {
        width: 15px;
    }

    header.header-2::after {
        bottom: 60px;
    }

    header.header-2 .menu .header-right li a svg {
        width: 15px;
    }

    header.header-4 .menu .brand-logo img {
        width: 110px;
    }

    header.header-4 .menu .header-right li .search-box i {
        padding: 7px 8px;
        font-size: 11px;
        line-height: 1.2;
    }

    header.header-4 .menu .header-right li .search-box span {
        display: none;
    }

    header.header-4 .menu .header-right li .search-box .form-control {
        left: 40px;
    }

    header.header-4 .menu .header-right li .search-box .form-group {
        position: absolute;
        border: none;
        height: 100%;
        width: 185px;
        -webkit-transform: translateY(-35px) scaleY(0);
        transform: translateY(-35px) scaleY(0);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        top: 32px;
        right: 0;
        height: 45px;
    }

    header.header-4 .menu .header-right li .search-box .form-group input {
        border-radius: 5px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: unset;
        transition: unset;
        padding: 10px 15px;
    }

    header.header-4 .menu .header-right li .search-box .form-group::after {
        left: 40px;
    }

    header.header-4 .menu .header-right li .search-box .form-group::after,
    header.header-4 .menu .header-right li .search-box .form-group::before {
        border-radius: 5px;
        -webkit-transition: unset;
        transition: unset;
    }

    header.header-4 .menu .header-right li .search-box.open i {
        border-radius: 5px;
    }

    header.header-4 .menu .header-right li .search-box.open .form-group {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1);
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    header.header-4 .menu .header-right li .search-box.open .form-group input {
        opacity: 1;
        visibility: visible;
        -webkit-transition: unset;
        transition: unset;
    }

    header.header-4 .menu .header-right li .search-box.open .form-group::before,
    header.header-4 .menu .header-right li .search-box.open .form-group::after {
        -webkit-transition: unset;
        transition: unset;
    }

    header.header-4 .menu .header-right li .search-box.open .form-control {
        -webkit-transition: unset;
        transition: unset;
    }

    header.header-4 .menu .header-right li > a {
        padding: 6px;
    }

    header.header-4 .menu .header-right li > a svg {
        height: 14px;
        vertical-align: -2px;
    }

    header.header-4 .menu .header-right li + li {
        margin-left: 4px;
    }

    header.light-header .menu .header-right li a svg {
        width: 15px;
    }

    header.header-9 .menu .brand-logo {
        margin-left: -16px;
    }

    .toggle-nav.with-text i {
        color: var(--theme-default7) !important;
    }

    .toggle-nav.with-text span {
        display: block;
    }

    .fnc-slider {
        height: 460px;
    }

    .fnc-nav__control {
        width: 93px;
        font-size: 13px;
        height: 44px;
    }

    .fnc-slide__mask {
        display: none;
    }

    .fnc-slide__content {
        left: 50%;
        top: 34%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 20px;
        width: 80%;
    }

    .fnc-slide__heading-line {
        font-size: 32px;
    }

    .fnc-slide__action-btn {
        margin-left: 0;
    }

    .fnc-slide__action-btn span {
        line-height: 25px;
    }

    .fnc-slide__action-btn span:after {
        line-height: 25px;
    }

    .home-section.layout-5 .home-main {
        padding: 40px 0;
    }

    .home-section.layout-5 .home-main .home-content > div > img {
        width: 140px;
    }

    .home-section.layout-6 .home-slider-1 {
        margin-bottom: 30px;
    }

    .home-section.layout-6 .home-main .home-content > div img {
        width: 120px;
    }

    .home-section.layout-6 .home-main .home-content > div h6 {
        margin-top: 10px;
    }

    .home-section.layout-6 .home-main .container > .row {
        padding-top: 80px;
    }

    .home-section.layout-6 .container > .row {
        padding: 40px 0;
    }

    .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;
        padding: 70px 0;
    }

    .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;
    }

    .layout-home3 .bg-layout-3 {
        padding: 40px 0;
    }

    .layout-home2 .home-main {
        padding-top: 90px;
    }

    .layout-home2 .arrow-light .slick-arrow {
        top: 61%;
    }

    .layout-home2 .feature-section .feature-content {
        margin: 40px auto;
        padding: 10px;
    }

    .layout-map .withmap-horizontal .search-panel .filter {
        padding: 20px 0;
    }

    .layout-map.header-map {
        height: 400px;
    }

    .top-bar .top-content {
        padding: 15px 0;
    }

    .top-bar .top-content .top-bar-right li .flat-box {
        padding: 5px 10px;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right > li a,
    .top-bar.top-bar-7 .top-content .top-bar-right > li .flat-box {
        padding: 4px 8px 6px;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right > li a svg {
        vertical-align: -4px;
        width: 14px;
        height: 14px;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right li .flat-box {
        padding: 4px 8px 5px;
    }

    .top-bar.top-bar-7 .top-content .top-bar-right li .flat-box i {
        font-size: 11px;
    }

    .top-right-toggle {
        margin-left: 20px;
    }

    .top-right-toggle svg {
        vertical-align: middle;
        color: #586167;
        width: 20px;
        height: 20px;
    }

    .sm-input {
        width: 170px;
    }

    .feature-3 .next-image {
        display: none !important;
    }

    .arrow-light .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .arrow-light .slick-prev:before {
        margin-left: -2px;
    }

    .arrow-light .slick-next:before {
        margin-left: 3px;
    }

    .layout-home4 .home-slider-4 .slider-image {
        padding: 40px 0;
    }

    .layout-home4 .home-slider-4 .slider-image .home-content {
        margin-bottom: 45px;
    }

    .layout-home4 .sync-slider .home-nav .slick-list {
        margin-left: -5px;
        margin-right: -5px;
    }

    .layout-home4 .sync-slider .home-nav .slick-list .slick-track .slick-slide > div {
        margin-left: 5px;
        margin-right: 5px;
    }

    .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;
    }

    .label-heart {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .label-heart.ms-2 {
        margin-left: 4px !important;
    }

    .title-1 {
        padding-bottom: 20px;
    }

    .title-1 h2 {
        padding-top: 10px;
    }

    .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;
    }

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

    .blog-1 .blog-box .img-box img {
        min-width: 198px;
    }

    .blog-1 .blog-box .blog-content {
        padding: 15px;
    }

    .blog-1 .blog-box .blog-content p {
        margin-bottom: 20px;
    }

    .blog-1 .slick-list {
        margin: -22px -12px;
    }

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

    .blog-2 .slick-list {
        margin: 0 -12px;
    }

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

    .horizontal-blog .title-2 p {
        margin-bottom: 13px;
    }

    .simple-blog .title-3 {
        margin-bottom: 17px;
    }

    .modern-client .comment-right {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 70px;
        padding: 35px 20px 20px;
    }

    .modern-client .comment-right .media {
        display: block;
    }

    .modern-client .comment-right .media .client-rating {
        margin-bottom: 10px;
    }

    .modern-client .comment-right h3 {
        margin-bottom: 2px;
    }

    .modern-client .img-testimonial {
        z-index: 2;
        width: 30%;
        margin-left: 20px;
        position: absolute;
    }

    .modern-client .label-heart i {
        margin: 0 0px -2px 1px;
    }

    .testimonial-3 .slick-list {
        margin: -30px -12px;
    }

    .testimonial-3 .slick-list .slick-track .slick-slide > div {
        margin: 30px 12px;
    }

    .client-slider {
        padding: 20px;
    }

    .client-slider h6 {
        font-size: 14px;
        letter-spacing: 10px;
    }

    .client-slider p {
        font-size: 14px;
        margin-top: 50px;
    }

    .slick-between .slick-slider .slick-list {
        margin: 0 -12px;
    }

    .slick-between .slick-slider .slick-list .slick-track .slick-slide > div {
        margin: 0px 12px;
    }

    .testimonial-style-1 .title-2 h2 {
        margin-top: -6px;
    }

    .testimonial-style-1 .slick-dots li {
        margin: 0 2px;
    }

    .testimonial-style-2 .title-3 {
        margin-bottom: 17px;
    }

    .testimonial-client .title-3.text-start {
        margin-bottom: 17px;
    }

    .banner-inner {
        padding-top: 96px;
    }

    .banner-1,
    .banner-3 {
        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;
    }

    .banner-3 h2 {
        line-height: 1.35;
        margin: 15px auto 10px;
    }

    .banner-3 p {
        margin-bottom: 15px;
    }

    .banner-2 .banner-right {
        padding: 20px;
    }

    .banner-2 .banner-right h6 {
        margin-top: -4px;
    }

    .about-section .title-1 h2 {
        margin-bottom: -2px;
    }

    .about-section .about-wrap .about-content .our-details {
        width: 85% !important;
    }

    .about-section .about-wrap .about-content .our-details a {
        margin-top: -3px;
        display: block;
    }

    .about-section.ratio_square .title-3 p {
        margin-bottom: -3px;
    }

    .about-section .title-3.text-start {
        margin-top: -4px;
    }

    .about-section .title-3.text-start p {
        margin-bottom: -3px;
    }

    .about-section .about-2.about-wrap .about-content .our-details {
        padding: 20px;
    }

    .about-section.about-inner .title-2 h2 {
        margin-top: -5px;
    }

    .arrow-white {
        margin-bottom: 65px;
    }

    .arrow-white .slick-arrow {
        bottom: -60px;
    }

    .arrow-white .slick-prev {
        left: 37%;
    }

    .arrow-white .slick-next {
        right: 37%;
    }

    .about-box .agent-image .overlay-agent .agent-details {
        padding: 20px;
    }

    .about-box .agent-image .overlay-agent .agent-details h5 {
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .about-box .agent-image .overlay-agent .agent-details p {
        margin: 10px 0;
    }

    .about-box .agent-image .overlay-agent .agent-details ul li a {
        width: 30px;
        height: 30px;
    }

    .about-box .agent-image .overlay-agent .agent-details ul li a > img {
        height: 12px;
    }

    .about-people .title-2 h2 {
        margin-top: -4px;
    }

    .service-section .title-2 {
        margin-bottom: -7px;
    }

    .service-section .property-service > div .service-box {
        padding: 20px;
    }

    .service-section .property-service > div .service-box .icon-round {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }

    .service-section .title-2 {
        margin-bottom: -4px;
    }

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

    .service-section.service-bg .title-3 {
        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;
    }

    .service-slider .slick-list {
        margin-top: -15px;
        margin-bottom: -24px;
    }

    .service-slider .slick-list .slick-track .slick-slide > div {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .service-slider .service-wrapper .service-details {
        padding: 40px 20px 20px;
    }

    .service-slider .service-wrapper .service-details p {
        font-size: 13px;
    }

    .service-slider .service-wrapper .service-details h3 {
        margin-bottom: 10px;
    }

    .service-slider .service-wrapper .top-img-box {
        margin-left: 20px;
    }

    .why-choose .title-2 {
        margin-bottom: -4px;
    }

    .slick-shadow .arrow-white .slick-arrow {
        bottom: -53px;
    }

    .property-section .title-1 h2 {
        margin-bottom: -7px;
    }

    .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-image .overlay-plus span {
        font-size: 56px;
    }

    .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 .property-1 .property-box .property-image .labels-left .label {
        padding: 4px 10px 3px;
    }

    .property-section .property-3 .slick-list {
        margin: -30px -12px;
    }

    .property-section .property-3 .slick-list .slick-track .slick-slide > div {
        margin: 30px 12px;
    }

    .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-section .property-map .filter-panel {
        margin-bottom: 0;
    }

    .property-map .filter-panel {
        margin-bottom: 0;
    }

    .grid-slider .slick-arrow,
    .thumbnail-slider .slick-arrow,
    .main-property-slider .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .property-grid-slider .property-grid .slider-for .slick-slide #block {
        height: 305px !important;
    }

    .property-grid-slider .property-grid .slider-for .slick-slide video {
        top: 40% !important;
    }

    .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%;
    }

    .arrow-gradient .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .arrow-gradient .slick-arrow::before {
        font-size: 13px;
    }

    .feature-section .title-3 {
        margin-bottom: 17px;
    }

    .feature-section .feature-2 .slick-dots {
        bottom: -15px;
    }

    .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-image .label-solid::before {
        top: 27px;
    }

    .feature-section .feature-1 .feature-wrapper .property-details {
        max-width: 430px;
        padding: 20px;
    }

    .feature-section .feature-1 .feature-wrapper .property-details .round-half {
        top: -22px;
        right: -17px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .feature-section .feature-1 .feature-wrapper .property-details .round-half i {
        margin-top: 18px;
        margin-left: 0;
    }

    .feature-section .feature-1 .feature-wrapper .property-details a .d-flex {
        display: block !important;
    }

    .feature-section .feature-1 .feature-wrapper .property-details a h3 .label {
        margin-left: 0;
    }

    .feature-section .feature-1 .feature-wrapper .property-details a h3 span {
        margin-top: 5px;
    }

    .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-3 .slick-list {
        margin-left: -12px;
        margin-right: -12px;
    }

    .feature-section .feature-3 .slick-list .slick-track .slick-slide > div {
        margin-left: 12px;
        margin-right: 12px;
    }

    .feature-section .feature-3 .feature-content .details,
    .feature-section .feature-3 .feature-content .feature-price {
        padding: 20px 0;
    }

    .feature-section .feature-3 .feature-content .feature-price {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .feature-section .feature-4 {
        margin-top: 30px;
    }

    .feature-section .feature-4.arrow-gradient .slick-arrow {
        top: 15px;
    }

    .feature-section .feature-4.slick-initialized .slick-slide {
        margin-bottom: -5px;
    }

    .feature-section .title-1 h2 {
        margin-bottom: -2px;
    }

    .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;
    }

    .box.text-affect .title {
        height: 78px;
    }

    .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;
    }

    .layout-home2 .feature-content .detail-list {
        padding: 15px 20px !important;
    }

    .layout-home2 .feature-content .detail-list li:first-child {
        margin-left: 5px;
    }

    .pricing-property .feature-image,
    .pricing-property .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);
    }

    .video-section {
        padding-left: 0;
        padding-right: 0;
    }

    .video-section .play-icon {
        height: auto;
    }

    .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;
    }

    .simple-blog .title-3 {
        margin-bottom: 14px;
    }

    .testimonial-client .title-3.text-start {
        margin-bottom: 14px;
    }

    .pricing-section .title-3 {
        margin-bottom: 14px;
    }

    .property-section .title-3 {
        margin-bottom: 14px;
    }

    .feature-section .title-3 {
        margin-bottom: 14px;
    }
}

@media (max-width: 526px) {
    .testimonial-style-2 .title-3 {
        margin-bottom: 14px;
    }

    .about-section.ratio_square .title-3 p {
        margin-bottom: -6px;
    }

    .about-section .title-3.text-start p {
        margin-bottom: -6px;
    }

    .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;
    }

    .horizontal-blog .title-2 p {
        margin-bottom: 16px;
    }

    .service-section .title-2 {
        margin-bottom: -4px;
    }
}

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

@media (max-width: 480px) {
    .layout-home4 .slider-image .home-content .font-color4::after {
        display: none;
    }

    .feature-section .title-1 hr {
        margin: 14px auto 0;
    }

    .loader-wrapper .loader-text h3 {
        font-size: 18px;
    }

    .loader-text img {
        height: 100px;
    }

    .layout-map.layout-home2 {
        min-height: auto;
    }

    .compare-page .table-wrapper .table .property-name {
        min-width: 120px;
    }

    .details-right {
        margin-top: 18px;
    }

    .horizontal-blog .blog-1 .slick-prev,
    .horizontal-blog .blog-1 .slick-next {
        display: none !important;
    }

    .horizontal-blog .blog-1 .blog-box .blog-content a.btn-lg {
        padding: 6px 15px;
    }

    .blog-section.bg-comman-2 .blog-1 .blog-box .blog-content a.btn-lg {
        padding: 6px 15px;
    }

    .property-details h3 {
        margin-bottom: 6px;
    }

    .property-details ul,
    .property-details p {
        margin-bottom: 12px;
    }

    .property-section .property-box .property-image .seen-data {
        top: 14px;
        right: 14px;
    }

    .property-section .property-box .property-image .seen-data svg {
        margin-right: 4px;
    }

    .home-section.layout-5 .row > div p {
        margin-bottom: 18px;
    }

    .service-section .property-service > div .service-box .icon-round {
        width: 55px;
        height: 55px;
    }

    .service-section .property-service > div .service-box .icon-round svg {
        width: 22px;
        height: 22px;
    }

    .layout-home4 .home-slider-4 .slider-image .home-content {
        padding: 20px 18px 20px 18px;
    }

    .blog-section.bg-comman-2 .blog-1 .slick-prev,
    .blog-section.bg-comman-2 .blog-1 .slick-next {
        display: none !important;
    }

    .layout-home4 .slider-image .home-content .font-color4 {
        font-size: 12px;
    }

    .layout-home4 .sync-slider .home-slider-4 img.img-icon {
        display: none;
    }

    .property-section .property-box .property-image .property-slider .slick-dots li button::before {
        font-size: 8px;
    }

    .testimonial-style-2 .title-3 {
        margin-top: -11px;
    }

    .theme-title .theme-card .card-header h4 {
        margin-top: -1px;
    }

    .loader-text h3 {
        margin-top: -15px;
    }

    .provide-service .service-img {
        width: 200px;
        margin: 0 auto;
    }

    .blog-1 .blog-box .img-box img {
        height: 300px;
        -o-object-fit: cover;
        object-fit: cover;
    }

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

    .blog-single-detail .comment-section .comment-box .media img {
        width: 50px;
    }

    .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-date i,
    .blog-single-detail .comment-section .comment-box .media .media-body .comment-title .comment-user i {
        margin-right: 5px;
        line-height: 1.2;
    }

    header.light-header .menu .brand-logo {
        width: 110px;
    }

    header.header-9 .menu .brand-logo {
        width: auto;
    }

    .service-section .title-3,
    .about-section .title-3 {
        margin-top: -11px;
    }

    .modern-client .img-testimonial {
        width: 30%;
    }

    .modern-client .comment-right {
        margin-top: 45px;
        padding-top: 30px;
    }

    .btn.btn-lg {
        padding: 6px 15px;
        line-height: 1.3;
    }

    .signup-modal .signup-tab {
        padding: 20px;
    }

    .signup-modal .signup-tab form .form-group svg {
        width: 20px;
        height: 20px;
    }

    .btn-social span {
        padding-left: 10px;
        padding-right: 10px;
    }

    .social-connect > div:nth-child(odd) {
        padding-right: 5px;
    }

    .social-connect > div:nth-child(even) {
        padding-left: 5px;
    }

    .user-dashboard .dashboard-content .user-wrapper .overview .overview-content {
        display: block;
    }

    .user-dashboard .dashboard-content .user-wrapper .overview .overview-content li + li {
        margin-top: 15px;
    }

    .coming-soon .coming-soon-detail .timer li {
        font-size: 13px;
    }

    .coming-soon .coming-soon-detail .timer li > div {
        width: 70px;
        height: 70px;
    }

    .coming-soon .coming-soon-detail .timer li + li {
        margin-left: 10px;
        padding-left: 10px;
    }

    .coming-soon .coming-soon-detail .timer li + li::before {
        font-size: 20px;
    }

    .coming-soon.coming-left .coming-soon-detail .timer li {
        padding: 15px 10px;
    }

    .coming-simple .ratio2_3 > img {
        height: 350px;
    }

    .coming-simple .ratio2_3.order-lg-1 {
        margin-top: -38px;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps {
        display: block;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
    }

    .property-wizard .wizard-box .wizard-step-container .wizard-steps li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .faq-section .faq-image {
        margin-top: -36px;
    }

    .faq-section .faq-image img {
        width: 100%;
    }

    .home-section.layout-5 .home-main .looking-icons {
        display: none;
    }

    .home-section.layout-5 .row > div p {
        font-size: 14px;
    }

    .layout-home3 .banner-3 {
        width: 90%;
    }

    .parallax-home .parallax-right {
        width: 100%;
        opacity: 0.1;
    }

    .user-about .about-listing ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .user-about .about-listing ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .user-about .about-listing ul li h4 {
        margin-bottom: 4px;
    }

    .user-about .about-listing ul li:nth-child(n + 3) {
        margin-top: 15px;
    }

    .user-about .about-listing ul li + li {
        margin-left: 0;
    }

    .user-about .about-image .img-box.img-abs {
        right: 50px;
    }

    .captcha .text {
        font-size: 13px;
    }

    .spinner {
        margin: 10px 10px 7px 10px !important;
    }

    .download-section .download-wrap ul li + li {
        margin-left: 0;
    }

    .blog-1 .blog-box {
        display: block;
        padding-left: 0;
    }

    .blog-1 .blog-box .blog-content {
        padding: 20px;
    }

    .blog-1 .blog-box .blog-content > span {
        margin-top: -4px;
        display: block;
    }

    .blog-1 .blog-box .blog-content h3 {
        margin: 10px 0 8px;
    }

    .blog-1 .blog-box .img-box img {
        border-radius: 0;
    }

    .blog-1 .blog-box .img-box::after {
        border-radius: 0;
    }

    .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-image .overlay-plus .like-bottom {
        bottom: 15px;
        right: 15px;
    }

    .property-section .property-box .property-image .overlay-plus .seen-data {
        top: 15px;
        right: 15px;
    }

    .property-section .property-box .property-image .overlay-property-box .effect-round,
    .property-section .property-box .property-image .overlay-property-box .effect-round1 {
        width: 35px;
        height: 35px;
    }

    .property-section .property-box .property-image .overlay-property-box .effect-round i,
    .property-section .property-box .property-image .overlay-property-box .effect-round1 i {
        font-size: 14px;
        margin-top: 3px;
        margin-left: 1px;
    }

    .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;
    }

    .property-section .property-box-flat .property-box .property-image .overlay-plus .seen-data {
        bottom: 15px;
        right: 50px;
    }

    .gallery-nav {
        margin: 2px 0 0 -2px;
    }

    .gallery-nav .slick-slide {
        margin: 0 2px;
    }

    .gallery-nav .slick-slide img {
        min-height: 37px;
    }

    .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-4.arrow-gradient .slick-prev {
        right: 12% !important;
    }

    .feature-section .feature-4.slick-initialized .slick-slide {
        margin-bottom: -3px;
    }

    .feature-section .feature-1 .feature-wrapper .feature-image .label-white {
        top: 15px;
        right: 15px;
    }

    .feature-section .feature-1 .feature-wrapper .feature-image h4 {
        font-size: 14px;
    }

    .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;
    }

    .video-modal .modal-dialog .modal-content .modal-body .close {
        right: 0;
        top: -30px;
    }

    .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;
    }

    .video-details p,
    .video-details h2 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .video-details h2 {
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 437px) {
    .portfolio-grid .filter-panel .filters ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .portfolio-grid .filter-panel .filters ul li {
        min-width: calc(50% - 4px);
    }

    .blog-single-detail .blog-title .post-detail li:last-child {
        padding-left: 15px;
        margin-left: 15px;
        border-left: 1px solid #eee;
    }

    .blog-single-detail .blog-title .post-detail li:nth-last-child(2) {
        padding-left: 0;
        margin-left: 0;
        border: none;
    }

    .service-slider .slick-list {
        margin-top: -33px;
    }

    .service-section .title-3.text-start p {
        margin-bottom: 23px;
    }
}

@media (max-width: 420px) {
    .review .review-box .media .media-body p.mb-0 {
        width: 100%;
    }

    .top-bar .header-right .right-menu ul li.cart ul.nav-submenu {
        width: 250px;
    }

    .top-bar .header-right .right-menu ul li.cart ul.nav-submenu li .media img {
        height: 50px;
    }

    .video-layout {
        height: 710px;
    }

    .property-section .ratio_55 .bg-size::before {
        padding-top: 60%;
    }

    h2 {
        font-size: 22px;
    }

    .terms-section h2 {
        margin-top: -3px;
    }

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

    .testimonial-style-1 .title-2 h2 {
        margin-top: -5px;
    }

    .my-gallery .title-1 h2 {
        margin-bottom: -3px;
    }

    .about-section .title-1 h2 {
        margin-bottom: -3px;
    }

    .custom-dropdown .custom-dropdown-menu.form-dropdown {
        right: -70px;
    }

    .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;
    }

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

    .new-property.pricing-property .title-2 h2 {
        margin-top: -3px;
    }

    .offer-section.offer-inner .title-2 h2 {
        margin-top: -3px;
    }

    .about-main .title-2 h2,
    .why-choose .title-2 h2,
    .blog-inner .title-2 h2 {
        margin-top: -3px;
    }

    .about-people .title-2 h2 {
        margin-top: -3px;
    }

    .blog-inner .title-2 {
        margin-top: -3px;
    }

    .user-about .about-image .side-left .side-effect::before,
    .user-about .about-image .side-left .side-effect::after {
        width: calc(100% - 280px);
    }

    .property-wizard .wizard-box .wizard-form-details h2 {
        margin-top: -3px;
    }

    .property-wizard.horizontal-wizard .wizard-box .wizard-step-container .wizard-form-details .text-end p a {
        margin-left: auto;
        display: table;
        text-align: right;
        margin-top: 10px;
    }

    .infoBox > img {
        margin: 0px -13px -21px 0px !important;
        width: 16px;
    }

    .infoBox .marker-detail {
        width: 130px;
        margin-left: -10px;
    }

    .infoBox .marker-detail img {
        width: 130px;
    }

    .leaflet-popup-content .infoBox .marker-detail {
        margin-left: -2px;
    }

    .about-box .bg-size:before {
        padding-top: 108%;
    }

    .download-section .app-right .input-app {
        display: block;
    }

    .download-section .app-right .form-group {
        width: 100%;
        margin-bottom: 15px;
    }

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

    .coming-simple .ratio2_3.order-lg-1 {
        margin-top: -30px;
    }

    .coming-simple .site-construction h4 {
        font-size: 15px;
    }

    .coming-soon .cloud-img {
        height: 130px;
        top: 100px;
    }

    .layout-home2 .feature-section .feature-content .label-cross {
        font-size: 13px;
    }

    .layout-home4 .sync-slider .home-nav {
        left: 15px;
    }

    .layout-home4 .sync-slider .home-nav .slider-image {
        width: 75px;
        height: 54px;
    }

    .layout-home4 .slider-image .home-content {
        padding-right: 20px;
    }

    .layout-home4 .slider-image .home-content h1 {
        margin-bottom: 8px;
    }

    .layout-home4 .slider-image .home-content p {
        margin-bottom: 20px;
    }

    .layout-home4 .slider-image .home-content h2 {
        margin-top: 20px;
    }

    .home-main.feature-section .feature-price {
        display: block;
    }

    .home-main.feature-section .feature-price li + li {
        margin-left: 0;
    }

    .top-bar .top-content .top-bar-right li .flat-box .fa-home {
        margin-right: 0;
    }

    .top-bar .top-content .top-bar-right li .flat-box span {
        display: none;
    }

    .header-layout-3 .contact-number i {
        padding: 6px;
        margin-right: 6px;
    }

    .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;
    }

    .property-grid-slider .property-grid .slider-for .slick-slide video {
        top: 36% !important;
    }

    .feature-section .title-1 h2 {
        margin-bottom: -3px;
    }

    .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;
    }

    .feature-section .feature-4.slick-initialized .slick-slide {
        margin-bottom: 2px;
    }

    .feature-section .feature-1 .feature-wrapper .property-details {
        max-width: 360px;
    }

    .login-wrap .log-in .title-3.text-start h2 {
        margin-top: 0px;
    }

    .sign-up .title-3.text-start h2 {
        margin-top: 2px;
    }
}

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

@media (max-width: 404px) {
    .footer-bg .bottom-blog .slick-initialized .slick-slide {
        margin-bottom: -1px;
    }
}

@media (max-width: 391px) {
    .my-gallery .title-1 h2 {
        margin-bottom: -7px;
    }
}

@media (max-width: 388px) {
    .service-slider .slick-list {
        margin-top: -30px;
    }

    .simple-blog .title-3 {
        margin-bottom: 17px;
    }

    .pricing-section .title-3 {
        margin-bottom: 17px;
    }

    .about-section.ratio_square .title-3 p {
        margin-bottom: -3px;
    }

    .about-section .title-3.text-start p {
        margin-bottom: -3px;
    }

    .testimonial-client .title-3.text-start {
        margin-bottom: 17px;
    }

    .testimonial-style-2 .title-3 {
        margin-bottom: 17px;
    }

    .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: 375px) {
    .portfolio-grid .filter-panel .filters ul li {
        min-width: 160px;
    }

    .blog-single-detail .blog-title .post-detail li {
        display: block;
        padding-left: 0 !important;
        margin-left: 0 !important;
        border: none !important;
    }

    .coming-soon .coming-soon-detail .timer li > div {
        width: 62px;
        height: 62px;
    }

    .coming-soon .coming-soon-detail .timer li + li {
        margin-left: 5px;
        padding-left: 5px;
    }

    .coming-soon .coming-soon-detail .timer li + li::before {
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .new-property .feature-section .feature-content .detail-list li:first-child {
        margin-left: 0;
    }

    .feature-section .feature-1 .slick-list .slick-track .slick-slide > div {
        margin-bottom: 0;
    }

    .feature-section .title-1 hr {
        margin: 8px auto 0;
    }

    .property-section .listing-hover-property .property-box .bottom-property .overlay-option ul li {
        padding: 16px 10px;
    }

    .review .review-box .media .media-body {
        margin-top: 0;
    }

    .review .review-box .media .rating {
        top: 46px;
        left: 63px;
    }

    .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;
    }

    .portfolio-grid .filter-panel .filters ul li {
        min-width: 155px;
    }

    .log-in .btn.btn-dashed {
        padding: 9px 14px;
    }

    .social-connect > div:nth-child(odd) {
        padding-left: 5px;
    }

    .social-connect > div:nth-child(even) {
        padding-right: 3px;
    }

    .feature-section .feature-content .detail-list li:last-child {
        margin-left: 0;
    }

    .toggle-nav {
        padding-top: 22px;
    }

    .blog-single-detail .blog-title .post-detail li {
        display: block;
    }

    .blog-single-detail .blog-title .post-detail li + li {
        padding-left: 0;
        margin-left: 0;
        border: none;
    }

    .feature-section .feature-1 .feature-wrapper .property-details ul li img {
        display: none;
    }

    li .parallax-home.video-layout {
        height: 280px;
    }

    .banner-2 .banner-right .button-banner .btn + .btn:after {
        height: 50px;
    }

    .property-section .property-box .property-details > ul > li > img {
        margin-right: 3px;
        height: 14px;
    }

    .fnc-slide__content {
        width: 88%;
    }

    .banner-2 .banner-right .button-banner .btn-light-bg::after {
        height: 50px;
    }

    .property-details h3 {
        margin-bottom: 3px;
    }

    header .header-right .right-menu ul .dropdown {
        padding: 10px 2px;
    }

    header.header-9 .menu .brand-logo {
        margin-left: -14px;
    }

    .property-section .property-box .property-image .overlay-property-box {
        right: 8px;
        bottom: 2px;
    }

    .feature-section .feature-content .detail-list li .d-flex .label-lg {
        padding: 5px 12px;
        font-size: 14px;
    }

    .feature-section .feature-4.slick-initialized .slick-slide {
        margin-bottom: -4px;
    }

    .feature-section .feature-1 .feature-wrapper .property-details {
        max-width: 280px;
    }

    .blog-1 .blog-box .img-box img {
        height: 260px;
    }

    .blog-inner .title-2 {
        margin-bottom: -4px;
    }

    .grid-box .property-text h3 {
        margin-top: -3px;
    }

    .log-in form .d-flex {
        display: block !important;
    }

    .log-in form .d-flex a {
        display: block;
        margin-top: 10px;
    }

    .log-in form .d-flex.next-btn {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .log-in .btn-social i {
        padding: 10px 10px 10px 10px;
    }

    .log-in .btn-social span {
        padding-left: 8px;
        padding-right: 8px;
    }

    .coming-simple .ratio2_3 > img {
        height: 310px;
    }

    .coming-simple .ratio2_3.order-lg-1 {
        margin-top: -22px;
    }

    .coming-simple form .form-group button {
        position: relative;
        margin-top: 10px;
    }

    .tab-listing .property-details .my-listing {
        top: 17px;
        right: 20px;
    }

    .card-payment .payment-card .card-details .card-number > div img {
        width: 12%;
    }

    .card-payment .payment-card .card-details .card-number > div img:last-child {
        width: 4%;
    }

    .property-wizard .wizard-box .wizard-form-details .complete-details img {
        width: 80%;
    }

    .faq-section .faq-image {
        margin-top: -24px;
    }

    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;
    }

    footer.footer-brown .sub-footer .footer-social ul li + li {
        margin-left: 10px;
    }

    .label.label-lg {
        padding: 5px 10px 3px;
        font-size: 14px;
    }

    .user-about .about-listing ul {
        -ms-flex-wrap: unset;
        flex-wrap: unset;
        display: block;
    }

    .user-about .about-listing ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: block;
    }

    .user-about .about-listing ul li:nth-child(n + 2) {
        margin-top: 15px;
    }

    .user-about .about-image .side-left .side-effect::before,
    .user-about .about-image .side-left .side-effect::after {
        width: calc(100% - 250px);
    }

    .user-about .about-image .img-box img {
        max-width: 205px;
    }

    .user-about .about-image .img-box.img-abs {
        right: 5%;
    }

    .property-grid-slider .property-grid .slider-nav .slick-slide img {
        height: 65px;
    }

    .home-section.layout-5 {
        padding-bottom: 20px;
    }

    .box {
        width: 205px;
        height: 90px;
    }

    .box.text-affect .title {
        height: 58px;
    }

    .vertical-search .left-sidebar {
        padding: 20px;
    }

    .layout-home4 .home-slider-4 .slider-image .home-content h1 {
        font-size: 23px;
    }

    .layout-home4 .home-slider-4 .slider-image .home-content p {
        font-size: 13px;
    }

    .layout-home4 .slider-image .home-content p {
        width: 100%;
    }

    .gallery-nav .slick-slide img {
        min-height: 30px;
    }

    .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;
    }

    .banner-1 .big-gradient {
        top: -56px;
        font-size: 100px;
    }

    .banner-1 .small-white {
        top: -37px;
        font-size: 45px;
    }

    .about-section .about-wrap.about-1 .about-content .our-details {
        padding: 20px;
        margin-top: -50px;
    }

    .about-section .about-wrap .about-content .about-image .overlay-content ul {
        margin-bottom: 8px;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    .about-section .about-wrap .about-content .our-details p {
        -webkit-line-clamp: 2;
    }

    .arrow-white .slick-prev {
        left: 34%;
    }

    .arrow-white .slick-next {
        right: 34%;
    }

    .property-details {
        padding: 15px !important;
    }

    .property-details ul li {
        font-size: 12px;
    }

    .property-section .property-box .property-image .overlay-property-box .effect-round + .effect-round {
        margin-top: 0;
    }

    .property-section .property-box .property-image .overlay-property-box .effect-round,
    .property-section .property-box .property-image .overlay-property-box .effect-round1 {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    .property-section .property-box .property-image .overlay-property-box .effect-round i,
    .property-section .property-box .property-image .overlay-property-box .effect-round1 i {
        margin-left: 0;
    }

    .property-section .property-box .property-image .labels-left .label {
        padding: 3px 8px 2px;
    }

    .property-section .property-box .property-image .overlay-plus span {
        font-size: 45px;
    }

    .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-1 .property-details {
        padding: 20px;
    }

    .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-1 .feature-wrapper .property-details .property-btn a + a {
        margin-left: 3px;
    }

    .feature-section .feature-1 .feature-wrapper .feature-image {
        height: 290px;
    }

    .feature-section .feature-1 .feature-wrapper .feature-image .signature,
    .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

    .feature-section .feature-1 .feature-wrapper .feature-image .signature {
        right: -70px;
        bottom: 8px;
    }

    .feature-section .feature-1 .feature-wrapper .feature-image .box-color {
        right: -32px;
        bottom: 32px;
    }

    .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.arrow-gradient .slick-prev {
        right: 16% !important;
    }

    .feature-section .modern-feature .feature-wrap .feature-content .feature-price li + li {
        margin-left: 0;
        margin-top: 0;
    }

    .subscribe-section .video-details .form-group input,
    .subscribe-section .video-details .form-group::after {
        width: 100%;
    }

    .video-modal iframe {
        height: 160px;
    }
}

@media (max-width: 339px) {
    .property-2.list-view.no-sidebar .property-box .property-details ul li {
        padding-right: 2px;
    }

    .property-2.list-view.no-sidebar .property-box .property-details ul li:last-child {
        padding-right: 0;
    }

    .portfolio-grid .filter-panel .filters ul li {
        min-width: 135px;
    }

    .theme-card .title-2 {
        margin-bottom: -6px;
    }
}

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

@media (max-width: 327px) {
    .blog-single-detail .comment-section .comment-box .media.inner-comment {
        margin-left: 0;
    }

    .theme-card .title-2 h2 {
        margin-top: -4px;
    }
}

@media (max-width: 320px) {
    .modern-dot.slick-dotted {
        margin-bottom: 1px;
    }

    .agent-social li a i {
        margin-top: 2px;
    }

    .infoBox .marker-detail {
        width: 125px;
    }

    .infoBox .marker-detail img {
        width: 125px;
    }

    .layout-home4 .slider-image .home-content p {
        width: 100%;
    }
}

/**=====================
     Responsive css start
==========================**/
.banner-section.video-layout .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; */
}
.fs-14{
    font-size: 14px!important;
}
.fs-16{
    font-size: 16px!important;
}
.socials a i {
    color: white;
    font-size: 32px;
    padding: 6px;
}
.socials a i:hover {
    opacity: 0.6;

}
.text-secondary{
    color: var (--theme-tera2);
}
.color-whatsapp {
    color: #2acd55;
}
.text-ellipsis{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.text-ellipsis--2{
    text-overflow:ellipsis;
    overflow:hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.text-bl:hover{
    color: black;
}
/* whatsapp */

a.boton-whatsapp {
    bottom: 35px;
    left: 16px;
    z-index: 10;
    transition: .5s;
    display: block;
    height: 52px;
    width: 52px;
    border-radius: 48px;
    overflow: hidden;
    position: fixed;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    animation-duration: 3s;
    animation-delay: 4s;
    animation-iteration-count: infinite;
}
a.boton-whatsapp svg {
    fill: white;
    width: 42px;
    height: 54px;
    display: inline;
    background-color: #12b34e;
}
a.boton-whatsapp:hover {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
    transition: .5s;
}
div.bg-whatsapp {
    background-color : #12b34e;
}
.bg-wsp{
    background-color: #12b34e;
}

/* Zoom In #1 */
.hover01 img {
    -webkit-transform: scale(1)!important;
    transform: scale(1)!important;
    -webkit-transition: .3s ease-in-out!important;
    transition: .3s ease-in-out!important;
}
.hover01 img:hover {
    -webkit-transform: scale(1.3)!important;
    transform: scale(1.3)!important;
}