.button-theme {
        background: var(--main-color) !important;
        border: 2px solid var(--main-color) !important;
    }

    .button-theme:hover {
        background: var(--main-color);
        border: 2px solid var(--main-color);
    }

    .main-footer-3 .subscribe-box-2 .form-inline .btn {
        background: var(--main-color);
    }

    .main-footer-3 .subscribe-box-2 .form-inline .btn:hover {
        background: var(--main-color);
    }

    .main-title-2 h1 span {
        color: var(--main-color);
    }

    mark,
    .mark {
        background: var(--main-color);
    }

    @keyframes pulse {

        0%,
        100% {
            background-color: var(--main-color);
        }

        50% {
            background-color: var(--main-color);
        }
    }


    .property-modal .modal-header .close,
    .property-modal .modal-header .close:focus {
        background: var(--main-color);
    }

    .modal-right-content h2 {
        color: var(--main-color);
    }

    .contact-2 .contact-info i {
        background: var(--main-color);
    }

    .btn-3:after {
        background: var(--main-color);
    }

    .property-3 .read-more-btn {
        color: var(--main-color);
    }

    .main-title-3 .section-subtitle {
        color: var(--main-color);
    }

    .main-title-3 .section-subtitle::before {
        background: var(--main-color);
    }

    .property-3 .read-more-btn:hover {
        background: var(--main-color);
        color: #fff;
    }

    .intro-section .intro-section-inner {
        background: var(--main-color);
    }

    .intro-section .intro-section-inner:after {
        background: var(--main-color);
    }

    .blog-3 .post-meta a {
        color: var(--main-color);
    }

    .blog-1 h3 a:hover {
        color: var(--main-color);
    }

    .blog-3:hover .date-box {
        background: var(--main-color);
    }

    .bg-service-color {
        background: var(--main-color);
    }

    .blog-3 .date-box {
        color: var(--main-color);
    }

    .blog-2 .date-box {
        color: var(--main-color);
    }

    .blog-2:hover .date-box {
        background: var(--main-color);
        color: #fff;
    }

    .blog-3:hover h4 a {
        color: var(--main-color);
    }

    .blog-3:hover .post-meta {
        background: var(--main-color);
    }

    a:hover {
        text-decoration: none;
    }

    .service-info-2:hover h5 a {
        color: var(--main-color);
    }

    .service-info-2 .icon {
        color: var(--main-color);
    }

    .sidebar-navigation .menu-list li a .badge {
        background-color: var(--main-color);
    }

    #dismiss {
        color: var(--main-color);
    }

    .sidebar-navigation ul li a:hover {
        color: var(--main-color);
        !important;
    }

    .sidebar-navigation .active {
        color: var(--main-color);
    }

    .sidebar-navigation ul li ul li a:hover {
        color: var(--main-color);
    }

    .service-info-2.df-box:before {
        background: var(--main-color);
    }

    .get-in-touch .sidebar-contact-info:hover .icon {
        color: var(--main-color);
    }

    .featured-tag2 {
        background: var(--main-color);
    }

    .service-info-1 i {
        color: var(--main-color);
    }

    .service-info-1::before {
        background: var(--main-color);
    }

    .banner .tab-btn .nav-item .nav-link.active {
        background: var(--main-color) !important;
    }

    .property-2:hover .facilities-list li i {
        color: var(--main-color);
    }

    #page_scroller {
        background: var(--main-color);
    }

    .btn-outline-1 {
        color: var(--main-color);
        border: 2px solid var(--main-color);
    }

    .btn-outline-1:before {
        background: var(--main-color);
        border-color: var(--main-color);
    }

    .testimonials-1 .carousel-indicators .active {
        background: var(--main-color);
    }

    .blog-box-3 .post-meta a {
        color: var(--main-color);
    }

    .blog-box-3 .detail h4 a:hover {
        color: var(--main-color);
    }

    .testimonials-1 .slider-mover-right:hover {
        background: var(--main-color);
        border: solid 1px var(--main-color);
        color: #fff !important;
    }

    .testimonials-2 .testimonials-box::before {
        background: var(--main-color);
    }


    .category:hover .cc2-inner {
        background: var(--main-color);
    }

    .btn-defaults {
        background: var(--main-color);
        border: 2px solid var(--main-color);
    }

    .btn-defaults:hover {
        color: var(--main-color);
        border: 2px solid var(--main-color);
    }

    .btn-defaults:before {
        background: var(--main-color);
    }

    .btn-2.btn-white {
        color: var(--main-color);
    }

    .counter-box-2 i {
        color: var(--main-color);
    }

    .counters-3 .counter-box-3 i {
        color: var(--red-color);
    }

    .counters-1 .counter-box-1 h1 {
        color: var(--main-color);
    }

    .counter-box-2:hover i {
        color: #fff;
        background: var(--main-color);
    }

    .counter-box-2 h1 {
        color: var(--main-color);
    }

    .testimonials-1 .slider-mover-left:hover {
        background: var(--main-color);
        border: solid 1px var(--main-color);
        color: #fff !important;
    }

    .blog-box-4 .ling-section a:hover {
        color: var(--main-color);
    }

    .testimonials-2 .testimonials-box .user-info p {
        color: var(--main-color);
    }

    .p2 .price-for-user .price .dolar {
        color: var(--main-color);
    }

    .our-partners .slick-btn .carousel-control .fa {
        background: var(--main-color);
    }

    .carousel-indicators .active {
        background: var(--main-color);
    }

    .blog-box-3 .date-box-3 {
        color: var(--main-color);
    }

    .blog-box-2 .detail h4 a:hover {
        color: var(--main-color);
    }

    .copy-right a:hover {
        color: var(--main-color);
    }

    .overlay-link:hover {
        background: var(--main-color);
        border: 2px solid var(--main-color);
    }

    .property-content .title a {
        color: var(--main-color);
    }

    .popular-places.pp2 .popular-places-box h3 a {
        color: var(--main-color);
    }

    .popular-places-box .listings_no {
        background: var(--main-color);
    }

    .comon-slick .slick-prev {
        color: var(--main-color);
    }

 
    .common-slick .slick-prev:hover .common-slick .slick-next:hover {
        color: #fff;
        background: var(--main-color);
    }

    .comon-slick .slick-next {
        color: var(--main-color);
    }

    .slick-prev,
    .slick-next {
        font-size: 0 !important;
        /* hides the text inside the button */
    }

    .popular-places-box-2 .read-more-btn {
        background: var(--main-color);
    }

    .setting-button {
        background: var(--main-color);
    }

    .option-panel h2 {
        color: var(--main-color);
    }

    .list-inline-listing .active {
        background: var(--main-color);
        border: solid 2px var(--main-color);
    }

    .list-inline-listing li:hover {
        background: var(--main-color);
        border: solid 2px var(--main-color);
    }

    .checkbox-theme input[type="checkbox"]:checked+label::before {
        border: 2px solid var(--main-color);
    }

    input[type=checkbox]:checked+label:before {
        color: var(--main-color);
    }

    .main-header .navbar-light .navbar-toggler {
        background: var(--main-color);
    }

    .out-line-btn {
        border: solid 2px var(--main-color);
        color: var(--main-color);
    }

    .out-line-btn:hover {
        border: solid 2px var(--main-color);
        background: var(--main-color);
        color: #fff;
    }

    .property-content .facilities-list li i {
        color: var(--main-color);
    }

    .properties-amenities ul li i {
        color: var(--main-color);
    }

    .login-8 .login-inner-form h1 {
        color: var(--main-color);
    }

    .elements-page .list-group-item.active {
        background: var(--main-color);
        border: solid 1px var(--main-color);
    }

    .login-section .form-check-input:checked {
        background-color: var(--main-color);
        border-color: var(--main-color);
    }


    .glyph:hover .glyph-icon {
        color: var(--main-color);
    }

    .tabbing-box .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link:hover {
        background-color: var(--main-color);
        color: #fff;
    }

    .tabbing-box .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        background-color: var(--main-color);
        color: #fff;
    }

    .properties-condition ul li i {
        color: var(--main-color);
    }

    .banner-detail-box h3 span {
        color: var(--main-color);
    }

    .main-header .dropdown-menu .megamenu-section a:hover {
        color: var(--main-color);
    }

    .main-header .navbar-expand-lg .navbar-nav .active {
        color: var(--main-color) !important;
    }

    .main-header .navbar-expand-lg .navbar-nav .nav-link:hover {
        color: var(--main-color) !important;
    }

    .main-header .btn-3 {
        color: var(--main-color);
        border: 1px solid var(--main-color);
    }

    .main-header .btn-3:hover {
        border: 1px solid var(--main-color);
        background: var(--main-color) !important;
    }

    .main-header .btn-3:after {
        background: var(--main-color);
    }

    .banner-search-box {
        background: var(--main-color);
    }

    .border-button-theme {
        border: 2px solid var(--main-color);
        color: var(--main-color);
    }

    .active-c {
        color: var(--main-color);
    }

    .services-info-2 h3 a:hover {
        color: var(--main-color);
    }

    .border-button-theme:hover {
        background: var(--main-color);
        color: #fff !important;
    }

    .theme-tabs .nav-tabs>li>a {
        background: var(--main-color);
    }

    .theme-tabs .nav-tabs>li.active>a,
    .theme-tabs .nav-tabs>li>a:hover {
        color: var(--main-color);
        !important;
    }

    .theme-tabs .nav-tabs>li>a::after {
        background: var(--main-color);
    }

    .theme-tabs .tab-nav>li>a::after {
        background: var(--main-color) none repeat scroll 0% 0%;
    }

    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        border-color: var(--main-color);
        border-bottom: transparent;
    }

    .modal-right-content .price {
        color: var(--main-color);
    }

    .banner .banner-slider-inner h1 span {
        color: var(--main-color);
    }

    .search-button {
        background: var(--main-color);
    }

    .tab-btn .search-area-inner {
        border-right: solid 0px var(--main-color);
    }

    .banner-search-box .search-button {
        background: #000;
    }

    .banner-search-box .search-button:hover {
        background: #1e1e1ee8;
    }

    .sr2 .search-button {
        background: #000;
    }

    .sr2 .search-button:hover {
        background: #1e1e1ee8;
    }

    .counters2 .counter-box i {
        color: var(--main-color);
    }

    .brand-box h5 {
        color: var(--main-color);
    }

    .modal-right-content .bullets li i {
        color: var(--main-color);
    }

    .modal-left-content .control {
        background: var(--main-color);
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        color: var(--main-color) !important;
        border-top: solid 5px var(--main-color) !important;
    }

    .main-header .navbar-default .nav>li>a:hover {
        /* color: var(--main-color); */
        /* border-top: solid 5px var(--main-color); */
    }

    .intro-section {
        background: var(--main-color);
    }

    .search-button:hover {
        color: #fff;
        background: var(--main-color);
    }

    .properties-panel-box .nav-tabs>li>a:hover {
        color: #fff;
        background: var(--main-color);
    }

    .heading-properties p i {
        color: var(--main-color);
        margin-right: 5px;
    }

    .heading-properties h5 {
        color: var(--main-color);
    }

    .heading-properties h3 span {
        color: var(--main-color);
    }

    .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
        color: var(--main-color);
    }

    .bootstrap-select .dropdown-menu li a:hover {
        color: var(--main-color);
    }

    .details-banner h1 {
        color: var(--main-color);
    }

    .details-banner h2 {
        color: var(--main-color);
    }

    .details-banner .cover-buttons ul li {
        background: var(--main-color);
    }

    .for-sale {
        background: var(--main-color);
    }

    .blog-box h3 a:hover {
        color: var(--main-color) !important;
    }

    .agent-1 .agent-content h5 a:hover {
        color: var(--main-color);
    }

    .view-all ul li a:hover {
        background: var(--main-color);
        color: #fff;
    }

    .property-2 .content .title a {
        color: var(--main-color);
    }

    .property-2 .active {
        background: var(--main-color);
    }

    .dropdown-menu>li>a:hover {
        color: var(--main-color);
    }

    .option-bar .heading-icon {
        background: var(--main-color);
    }

    .change-view-btn {
        color: var(--main-color);
        border: solid 1px var(--main-color);
    }

    .btn-outline {
        border: solid 1px var(--main-color);
        color: var(--main-color);
    }

    .btn-outline:hover {
        border: solid 1px var(--main-color);
        background: var(--main-color);
        color: #fff;
    }

    .popular .price-for-user {
        color: var(--main-color);
    }

    .pricing-3.featured .listing-badges .featured {
        background: #F44336;
    }

    .change-view-btn:hover {
        border: solid 1px var(--main-color);
        background: var(--main-color);
    }

    .active-view-btn {
        background: var(--main-color);
        border: solid 1px var(--main-color);
    }

    .contact-1 .contact-details .ci-box i {
        color: var(--main-color);
    }

    .contact-3 .contact-info-2 .ci-box i {
        color: var(--main-color);
    }

    .active-view-btn:hover {
        border: solid 1px var(--main-color);
        color: var(--main-color);
    }

    .listing-properties-box .detail header.title a {
        color: var(--main-color);
    }

    .listing-properties-box .detail .title::after {
        background-color: var(--main-color);
    }

    .show-more-options,
    .show-more-options:hover {
        color: var(--main-color);
    }

    .pagination>li>.active {
        background: var(--main-color);
    }

    .pagination>li>a:hover {
        background: var(--main-color);
    }

    .blog-box .detail .post-meta span a i {
        color: var(--main-color);
    }

    .agent-2 .agent-content h1 a:hover {
        color: var(--main-color);
    }

    .form-content-box .footer span a {
        color: var(--main-color);
    }

    blockquote {
        border-left: 5px solid var(--main-color);
    }

    .tab-style-2-line>.nav-tabs>li.active>a {
        border: solid 1px var(--main-color) !important;
        background: var(--main-color);
    }

    .tab-style-2-line>.nav-tabs>li.active>a:hover {
        border: solid 1px var(--main-color) !important;
        background: var(--main-color) !important;
        ;
    }

    .agent-2 .agent-content h3 a:hover {
        color: var(--main-color);
    }

    .agent-detail h3 a:hover {
        color: var(--main-color);
    }

    .read-more {
        color: var(--main-color);
    }

    .blog-box .date-box {
        background: var(--main-color);
    }

    .bg-service-color:before {
        background: var(--main-color);
    }

    .services-info-3 i {
        color: var(--main-color);
    }

    .archives ul li a:hover {
        color: var(--main-color);
    }

    .range-slider .ui-slider .ui-slider-handle {
        background: var(--main-color);
    }

    .range-slider .ui-slider .ui-slider-handle {
        border: 2px solid var(--main-color);
    }

    .banner-search-box .range-slider .ui-slider .ui-slider-handle {
        background: #fff;
    }

    .banner-search-box .range-slider .ui-slider .ui-slider-handle {
        border: 2px solid #fff;
    }

    .property-tag.featured {
        background: var(--main-color);
    }

    .banner-detail-box h2 span {
        color: var(--main-color);
    }

    .sr2 {
        background: var(--main-color);
    }

    .range-slider .ui-widget-header {
        background-color: var(--main-color);
    }

    .banner-search-box .range-slider .ui-widget-header {
        background-color: #fff;
    }

    .category-posts ul li a:hover {
        color: var(--main-color);
    }

    .tags-box ul li a:hover {
        border: 1px solid var(--main-color);
        background: var(--main-color);
    }

    .latest-tweet a {
        color: var(--main-color);
    }

    .popular-posts h4 a:hover {
        color: var(--main-color);
    }

    .comment-meta-author a {
        color: var(--main-color);
    }

    .comment-meta-reply a {
        background-color: var(--main-color);
    }

    .contact-1 .contact-details .media .media-left i {
        color: var(--main-color);
        border: 1px dashed var(--main-color);
    }

    .about-text ul li i {
        color: var(--main-color);
    }

    .breadcrumbs li a:hover {
        color: var(--main-color);
    }

    .helping-center .icon {
        color: var(--main-color);
    }

    .main-title-4 h1 a:hover {
        color: var(--main-color);
    }

    .option-bar h4 {
        color: var(--main-color);
    }

    .attachments a:hover {
        color: var(--main-color);
    }

    .additional-details-list li a:hover {
        color: var(--main-color);
    }

    .user-account-box .content ul li .active {
        color: var(--main-color);
        border-left: solid 5px var(--main-color);
    }

    .user-account-box .content ul li a:hover {
        color: var(--main-color);
        border-left: solid 5px var(--main-color);
    }

    .photoUpload {
        background: #fff;
        color: var(--main-color);
    }

    table.manage-table .title-container .title h4 a {
        color: var(--main-color);
    }

    .mega-dropdown-menu>li ul>li>a:hover,
    .mega-dropdown-menu>li ul>li>a:focus {
        text-decoration: none;
        color: var(--main-color);
        background-color: transparent;
    }

    table.manage-table .title-container .title span i {
        color: var(--main-color);
    }

    .compare-properties h3 a:hover {
        color: var(--main-color);
    }

    table.manage-table td.action a:hover {
        color: var(--main-color);
    }

    .typography-page mark.color {
        background-color: var(--main-color);
    }

    .list-3 li:before,
    .list-2 li:before,
    .list-1 li:before {
        color: var(--main-color);
    }

    .numbered.color.filled ol>li::before {
        border: 1px solid var(--main-color);
        background-color: var(--main-color);
    }

    .numbered.color ol>li::before {
        border: 1px solid var(--main-color);
        color: var(--main-color);
    }

    .map-marker:hover {
        background-color: var(--main-color);
        cursor: pointer;
    }

    .map-marker:hover:before {
        border-color: var(--main-color) transparent transparent transparent;
    }

    .map-marker.featured:hover {
        background-color: var(--main-color);
    }

    .map-marker.featured:hover:before {
        border-color: var(--main-color) transparent transparent transparent;
    }

    .map-marker .icon {
        border: 3px solid var(--main-color);
    }

    .marker-active .map-marker {
        background-color: var(--main-color);
    }

    .marker-active .map-marker:before {
        border-color: var(--main-color) transparent transparent transparent;
    }

    .map-properties .address i {
        color: var(--main-color);
    }

    .map-properties-btns .border-button-theme {
        color: var(--main-color);
        !important;
    }

    .map-properties-btns .border-button-theme:hover {
        color: #fff !important;
    }

    .map-properties .map-content h4 a {
        color: var(--main-color);
    }

    .map-properties .map-properties-fetures span i {
        color: var(--main-color);
    }

    .dropzone-design:hover {
        border: 2px dashed var(--main-color);
    }

    /** Top header **/
    #top-header-2::after {
        background: var(--main-color);
    }

    .top-header-3 .top-header-inner .top-contact-item i {
        color: var(--main-color);
    }

    .top-header-3 .top-header-inner .top-contact-item p {
        color: var(--main-color);
    }

    /** Main header **/
    .main-header .dropdown-menu a:hover {
        color: var(--main-color);
    }

    #main-header-1 .navbar-expand-lg .navbar-nav .active .nav-link {
        color: var(--red-color);
        /* border-top: solid 4px var(--main-color); */
    }

    #main-header-1 .navbar-expand-lg .navbar-nav .nav-link:hover {
        color: var(--red-color) !important;
    }

    #main-header-3 .navbar-expand-lg .active .nav-link {
        color: var(--main-color);
    }

    #main-header-4 .header-right {
        background: var(--main-color);
    }

    #main-header-4 .navbar-expand-lg .navbar-nav .nav-link:hover {
        color: var(--main-color) !important;
        border-bottom: solid 3px var(--main-color);
    }

    #main-header-4 .navbar-expand-lg .active .nav-link {
        color: var(--main-color) !important;
        border-bottom: solid 3px var(--main-color);
    }

    .main-header-5 .navbar-expand-lg .navbar-nav .h-icon {
        color: var(--main-color);
    }

    .main-header-5 .navbar-expand-lg .navbar-nav .h-icon:hover {
        color: var(--main-color) !important;
    }

    #main-header-6 {
        background: var(--main-color);
    }

    #main-header-1 .btn-5:before {
        background: var(--main-color);
    }

    #main-header-1 .btn-5:after {
        background: var(--main-color);
    }

    #main-header-1 .btn-5 {
        border: 1px solid var(--main-color) !important;
        color: var(--main-color) !important;
    }

    #main-header-1 .btn-3:after {
        background: var(--main-color);
    }

    /** Media **/
    @media (min-width: 180px) {
        .main-header-5.header-shrink {
            background: var(--main-color) !important;
        }

        .main-header-5.header-shrink .header-inner {
            background: var(--main-color) !important;
        }
    }

    @media (min-width: 992px) {
        .main-header .navbar-expand-lg .navbar-nav .nav-link:hover {
            color: var(--main-color) !important;
        }

        #main-header-5.header-shrink .navbar-expand-lg .navbar-nav .h-icon {
            color: var(--main-color);
        }

        #main-header-5 .navbar-expand-lg .navbar-nav .h-icon:hover {
            color: var(--main-color) !important;
        }

        #main-header-6.header-shrink .navbar-expand-lg .navbar-nav .h-icon {
            color: var(--main-color);
        }

        #main-header-6 .navbar-expand-lg .navbar-nav .h-icon:hover {
            color: var(--main-color) !important;
        }
    }

    @media (max-width: 992px) {
        .main-header .navbar-expand-lg .navbar-nav .nav-link:hover {
            color: var(--main-color) !important;
        }

        .main-header-5 {
            background: var(--main-color) !important;
        }

        .main-header-5 .header-inner {
            background: var(--main-color) !important;
        }
    }

    @media (max-width: 768px) {
        .navbar-default .navbar-toggle .icon-bar {
            background-color: var(--main-color);
        }

        .navbar-default .navbar-nav>.active>a,
        .navbar-default .navbar-nav>.active>a:focus,
        .navbar-default .navbar-nav>.active>a:hover {
            background-color: var(--main-color) !important;
        }

        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
            background-color: var(--main-color) !important;
        }

        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            background: #eee;
        }

        .main-header .navbar-default .nav>li>a:hover {
            background: var(--main-color);
        }

        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            background: #eee;
        }
    }

    @media all and (min-width: 992px) {
        .header-with-top2.sticky-header {
            background: var(--main-color);
        }
    }


    @media (max-width: 768px) {
        .navbar-default .navbar-toggle .icon-bar {
            background: var(--main-color);
        }

        .navbar-default .navbar-nav>.active>a,
        .navbar-default .navbar-nav>.active>a:focus,
        .navbar-default .navbar-nav>.active>a:hover {
            background-color: var(--main-color);
            color: #fff ! important;
        }

        .main-header .navbar-default .nav>li>a:hover {
            background: var(--main-color);
        }

        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
            background-color: var(--main-color);
            !important;
        }

        .navbar-default .navbar-nav>.active>a,
        .navbar-default .navbar-nav>.active>a:focus,
        .navbar-default .navbar-nav>.active>a:hover {
            border-top: solid 0px !important;
        }
    }