@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/media/material-icon-regular.woff2") format('woff2');
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/media/material-icon-outlined.woff2") format('woff2');
}


:root,
:host {
    --fa-family-brands: "Font Awesome 7 Brands";
    --fa-font-brands: normal 400 1em/1 var(--fa-family-brands);
    --color-primary: #89A495;
    --warning-500: #D79C2E;
    --green-500: #3E5348;
    --green-800: #232E29;
    --blue-500: #4E7197;
    --blue-600: #008080;
}

@font-face {
    font-family: "Font Awesome 7 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/media/fa-brands-400.woff2");
}

@font-face {
    font-family: "Font Awesome 7 Brands";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/media/fa-brands-900.woff2") format('woff2');
}

@font-face {
    font-family: "Font Awesome 7 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/media/fa-regular-400.woff2") format('woff2');
}

@font-face {
    font-family: "Font Awesome 7 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/media/fa-solid-900.woff2") format('woff2');
}

@media (min-width: 992px) {
    .header.header-three .main-menu-wrapper .main-nav>li>a {
        color: var(--gray-900);
        font-size: 14px;
        font-weight: 500;
    }

    .homepage-template .header.header-three .main-menu-wrapper .main-nav>li>a {
        color: #fff;
    }

    .homepage-template .header.header-three.fixed .main-menu-wrapper .main-nav>li>a {
        color: var(--gray-900);
    }
}

::selection {
  background: var(--green-500);
}

.content-wrapper ul {
    list-style: disc;
    margin-left: 2rem;
}

.badge {
    background-color: #008080;
}

.badge.Long {
    background-color: #4E7197;
}

.homepage-template .logo img {
    filter: brightness(0) invert(1);
}

header .navbar-header #mobile_btn:hover {
    color: var(--gray-900);
}

a:hover {
    color: var(--green-500);
}

.content-wrapper {
    margin-top: 70px;
}

.text-gray {
    color: rgba(93, 103, 114, 1);
}

.post-propert-section {
    min-height: 400px;
    background-size: cover !important;
}

.header-section {
    min-height: 500px;
}

.post-propert-section::before {
    display: none;
}

.invert-color {
    filter: invert(100%);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--green-500);
    border-color: var(--green-500);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning,
.search-item .grid-list-view .active,
.contact-us-wrap-02 .contact-us-item-02 .btn:hover {
    background-color: var(--warning-500);
    border-color: var(--warning-500);
}

.form-check-input:checked {
    background-color: var(--green-500);
    border-color: var(--green-500);
}

.btn-search span {
    display: flex;
}

.btn-search i {
    font-size: 20px;
    line-height: 20px;
}

@media (min-width: 992px) {
    .buy-grid-map-item-04 {
        position: sticky;
        top: 0;
        height: calc(100vh - 310px);
        min-height: initial;
    }
}
footer.footer-dark .footer-widget .footer-menu li a {
    color: #fff;
}

footer .social-icon a:hover,
.email-forms button {
    background: var(--warning-500);
}

.card-collapse .nav-item {
    margin-right: 12px;
}

.banner-search.banner-search-three .banner-tab .nav-tabs .nav-item .nav-link:hover,
.banner-search.banner-search-three .banner-tab .nav-tabs .nav-item .nav-link.active,
.card-collapse .nav-item .nav-link:hover,
.card-collapse .nav-item .nav-link.active {
    background: var(--green-500);
    border-color: var(--green-500);
    color: #fff;
}

.card-collapse .nav-item .nav-link {
    padding: 8px 16px;
    min-width: unset;
    border-radius: 5px;
    border-color: var(--gray-100);
    color: var(--gray-900);
    display: inline-flex;
    align-items: center;
    border: 1px solid;
}

.banner-section-three .banner-content h1 span {
    color: var(--color-primary);
}

.irs--flat .irs-line { opacity: 0; }

.irs--flat .irs-handle>i:first-child {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.irs--flat .irs-bar {
    height: 2px;
}


.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single,
.irs--flat .irs-bar,
.irs--flat .irs-handle>i:first-child {
    background-color: var(--green-500) !important;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    border-top-color: var(--green-500);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.day.active,
.month.active,
.year.active {
    background: var(--green-500) !important;
}


.breadcrumb .breadcrumb-item a:hover,
header .header-nav .main-menu-wrapper .main-nav>li>a:hover,
header .header-nav .main-menu-wrapper .main-nav>li .submenu li a:hover,
footer.footer-dark .footer-widget .footer-menu li a:hover,
.contact-us-wrap-02 .contact-us-item-01 span,
.breadcrumb-item span i {
    color: var(--warning-500);
}

.full-width-banner:before {
    opacity: 0.5;
}

.about-us-item-06+.full-width-banner,
.about-us-item-06+.image-text-background {
    margin-top: 60px;
}

.homepage-template .title-text-3-images {
    margin-top: 80px;
}

.work-sec-img {
    margin-right: 0;
    max-width: 636px;
}

.image-text-right .work-sec-img .shape-3 {
    left: 20px;
}

.image-text-right .work-sec-img .shape-1 {
    position: absolute;
    right: 20px;
    top: 50px;
}

@media (max-width: 991.98px) {
    .work-sec-img {
        display: block;
    }
    
    .image-text-right .row {
        flex-direction: column-reverse;
    }
    
    .shape-1, .shape-3 { display: none; }
}

.sec-line-three .sec-line1 {
    background: var(--warning-500);
}

.sec-line-three .sec-line2 {
    background: var(--green-500);
}

.image-text-subtitle {
    font-weight: 400;
    font-size: 14px;
    color: var(--green-500);
}

.image-text-left .work-sec-img .shape-3 {
    left: 20px;
}

.image-text-left .work-sec-img .shape-1 {
    position: absolute;
    right: 20px;
    top: 50px;
}

.rent-propery-section {
    background-color: rgba(247, 248, 250, 1);
}

.image-text-left,
.image-text-right {
    padding: 30px 0;
}


@media (min-width: 992px) {
    .image-text-left,
    .image-text-right {
        padding: 60px 0;
    }
}


.property-card { margin-bottom: 0; height: 100%; background-color: #fff;}

.property-card img {
    height: 200px;
    width: auto;
}

#newsletter-form #terms { margin-top: 4px; }

#newsletter-form label { font-size: 14px; }
#newsletter-form label a { color: var(--warning-500); }

.contact-us-wrap-02 .contact-us-item-01 span {
    background-color: #FBF5EA;
}

.contact-us-wrap-02 .contact-us-item-01 span {
    border-color: var(--warning-500);
}

footer.footer-three {
    border-radius: 0;
}

footer.footer-dark {
    background-color: var(--green-500);
}

.footer-bottom {
    border-color: #182634;
    background-color: var(--green-800);
}

.footer-text {
    margin-bottom: 40px;
}

.sidebar-overlay { z-index: 1;}

@media (min-width: 992px) {
    .footer-menu-2-wrapper {
        margin-top: 52px;
    }
}

.google-map iframe {
  filter: grayscale(70%) contrast(1.05) brightness(0.95) !important;
  -webkit-filter: grayscale(70%) contrast(1.05) brightness(0.95) !important;
}

@media (max-width: 991px) {
    .banner-section-three {
        background-position: -730px -59px !important;
        background-size: cover !important;
        border-radius: 0 !important;
    }

    .banner-section-three::after {
        height: 92%;
        border-radius: 0;
    }
}

.banner-section-three::after {
    background: linear-gradient(88.58deg, rgba(0, 0, 0, 0.7) 0.53%, rgba(0, 0, 0, 0.3) 65.72%);
}

@media (max-width: 991px) {
    .banner-section-three .banner-content h1 span {
        color: #ceefdb !important;
    }
}

.property.opacity-5 {
    opacity: .6;   
}