/*<index css>*/
        .rre-navbar-area {
            background-color: #edf8ef;
        }

        .rre-navbar-area .others-option .option-item .default-btn {
            background-color: #1cd423;
        }

        .navbar.sticky {
            background: #eaf9ec;
        }

        .top-header-area.rre-top-header {
            background-color: #8eb3a2;
        }

        .subscribe-wrap-area::before {
            background-color: #edf8ef;
        }

        .footer-area.bg-with-wrap-color {
            background-color: #edf8ef;
        }

 /*</index css>*/

 /*<about css>*/
     .why-choose-content .sub,
     .review-content .sub,
     .rent-content .sub,
     .sell-content .sub,
     .about-content .sub {
         background-color: #198251;
     }

     .agents-wrap-area.rre-agents .agents-wrap-content .sub {
         background-color: #12a217;
         color: #eaf9ec;
     }

     .rre-navbar-area .others-option .option-item .default-btn {
         background-color: #1cd423;
     }

     .agents-wrap-card.pb-4 {
         background: linear-gradient(180deg, #fff 50%, #eaf9ec 100%);
     }

     .subscribe-wrap-area::before {
         background-color: #edf8ef;
     }

     .page-banner-area {
         background-color: #eaf9ec;
     }

     .contact-info-box .box {
         background-color: #1b6f58;
     }

     .contact-wrap-form {
         background-color: #f7f8f9;
     }

     .main-header-area.main-header-with-relative .navbar.sticky {
         background: #eaf9ec;
     }

     .contact-info-box .box:hover .icon i {
         background-color: #a6c7a4;
     }

     .faq-accordion .accordion-item {
         background: #f7f8f9;
     }

     .faq-accordion .accordion-item .accordion-button {
         background: #f7f8f9;
     }

     .footer-area.bg-with-wrap-color {
         background-color: #edf8ef;
     }

 /*</about css end>*/
 
/*<blog css start>*/
    .subscribe-wrap-area::before {
        background-color: #edf8ef;
    }

    .rre-navbar-area .others-option .option-item .default-btn {
        background-color: #1cd423;
    }

    .page-banner-area {
        background-color: #eaf9ec;
    }

    .contact-info-box .box {
        background-color: #1b6f58;
    }

    .contact-wrap-form {
        background-color: #f7f8f9;
    }

    .main-header-area.main-header-with-relative .navbar.sticky {
        background: #eaf9ec;
    }

    .contact-info-box .box:hover .icon i {
        background-color: #a6c7a4;
    }

    .faq-accordion .accordion-item {
        background: #f7f8f9;
    }

    .faq-accordion .accordion-item .accordion-button {
        background: #f7f8f9;
    }

    .footer-area.bg-with-wrap-color {
        background-color: #edf8ef;
    }


    /* Hide on Mobile & Tablet */
    @media (max-width: 991px) {

        .top-header-area,
        .rre-top-header {
            display: none !important;
        }
    }

    /* Show only on Desktop */
    @media (min-width: 992px) {

        .top-header-area,
        .rre-top-header {
            display: block !important;
        }
    }

    /* For screens below 770px */
    @media (max-width: 770px) {
        .navbar {
            padding-top: 0.4rem !important;
            padding-bottom: 0.4rem !important;
        }

        .navbar-brand img {
            max-width: 75px !important;
        }
    }

    /* For 427px and below */
    @media (max-width: 427px) {
        .navbar {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
            min-height: 45px !important;
            /* Reduce navbar height */
        }

        .navbar-brand img {
            max-width: 60px !important;
        }

        .nav-link {
            padding: 0.25rem 0.5rem !important;
            font-size: 0.85rem !important;
        }

        .navbar-toggler {
            padding: 0.15rem 0.35rem !important;
            font-size: 0.9rem !important;
        }
    }
/*</blog css>*/