/* ============================================================
   Ecoplug Energy India Limited
   Website: https://ecoplug.in | Email: support@ecoplug.in
   (c) 2024 Ecoplug Energy India Limited. All Rights Reserved.
   Unauthorized copying or distribution is strictly prohibited.
   ============================================================ */

:root {
    --Freshflow-base:          #4CAF50;
    --Freshflow-base-rgb:      76, 175, 80;
    --Freshflow-black:         #1B5E20;
    --Freshflow-black-rgb:     27, 94, 32;
    --Freshflow-secondary:     #E8F5E9;
    --Freshflow-secondary-rgb: 232, 245, 233;
}

/* ── TOP HEADER BAR ─────────────────────────────────────── */
.main-menu__top {
    background-color: #2E7D32 !important;
}

/* "Follow Us" social box - darker green panel */
.main-menu__top-social-box {
    background: linear-gradient(90deg, rgba(27, 94, 32, 0.85) 0%, #1B5E20 100%) !important;
    border-left: 3px solid #76C442;
}

.main-menu__top-social-title {
    color: #A5D6A7 !important;
    font-weight: 600;
}

/* Social icon circles */
.main-menu__top-social a {
    border-color: rgba(255,255,255,0.35) !important;
    color: #fff !important;
}
.main-menu__top-social a:hover {
    border-color: #76C442 !important;
    color: #fff !important;
}
.main-menu__top-social a::before {
    background-color: #76C442 !important;
}

/* Contact icons in top bar */
.main-menu__contact-list li .icon i {
    color: #A5D6A7 !important;
}
.main-menu__contact-list li .text p a:hover {
    color: #A5D6A7 !important;
}

/* ── MAIN NAV ────────────────────────────────────────────── */
.main-menu__wrapper {
    background-color: #fff;
    border-bottom: 2px solid #E8F5E9;
}

.main-menu__list > li > a:hover,
.main-menu__list > li.current > a {
    color: #4CAF50 !important;
}

/* Dropdown hover */
.main-menu__list .shadow-box li a:hover {
    color: #4CAF50 !important;
    padding-left: 8px;
}

/* Download App button */
.main-menu__btn a {
    background-color: #4CAF50 !important;
    color: #fff !important;
    border-color: #4CAF50 !important;
}
.main-menu__btn a:hover {
    background-color: #388E3C !important;
    border-color: #388E3C !important;
}

/* ── BUTTONS ─────────────────────────────────────────────── */
.thm-btn {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.thm-btn:hover {
    background-color: #388E3C !important;
}

/* ── SECTION TITLES ──────────────────────────────────────── */
.section-title__tagline {
    color: #4CAF50 !important;
}
.section-title__tagline-shape,
.section-title__tagline-shape-2 {
    background-color: #4CAF50 !important;
}
.section-title__title span {
    color: #4CAF50 !important;
}

/* ── BANNER ──────────────────────────────────────────────── */
.banner-one {
    background: linear-gradient(102.31deg, #F5FFF6 0%, #EDFFF0 51%, #E8F5E9 100%) !important;
}
.banner-one__title-color {
    color: #4CAF50 !important;
}
.banner-one__google-rating-star span {
    color: #4CAF50 !important;
}

/* ── SLIDING TEXT ────────────────────────────────────────── */
.sliding-text__title:hover,
.sliding-text-two__title:hover {
    color: #4CAF50 !important;
    -webkit-text-stroke-color: #4CAF50 !important;
}

/* ── ABOUT SECTION ───────────────────────────────────────── */
.about-one__bg-color {
    background-color: #E8F5E9 !important;
}
.about-one__points-list .icon span {
    color: #4CAF50 !important;
}
.about-one__mission-box {
    background-color: #4CAF50 !important;
}
.about-one__mission-box .icon span,
.about-one__mission-box h3,
.about-one__mission-box p {
    color: #fff !important;
}
.about-one__left-big-title {
    color: rgba(76, 175, 80, 0.08) !important;
}

/* ── SERVICES ────────────────────────────────────────────── */
.services-one__experience-box {
    background-color: #4CAF50 !important;
}
.services-one__experience-box p,
.services-one__experience-box span {
    color: #fff !important;
}
.services-one__arrow a {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.services-one__arrow a:hover {
    background-color: #388E3C !important;
}
.services-one__services-single:hover .services-one__title a {
    color: #4CAF50 !important;
}

/* ── COUNTER ─────────────────────────────────────────────── */
.counter-one {
    background-color: #1B5E20 !important;
}
.counter-one__icon span {
    color: #76C442 !important;
}
.counter-one__count-box p,
.counter-one__count-box span {
    color: #fff !important;
}
.counter-one__count-text {
    color: #A5D6A7 !important;
}

/* ── BEFORE & AFTER ──────────────────────────────────────── */
.before-and-after__points .icon span {
    color: #4CAF50 !important;
}
.before-and-after__tag {
    background-color: #4CAF50 !important;
    color: #fff !important;
}

/* ── WHY CHOOSE ──────────────────────────────────────────── */
.why-choose-one__big-title h3 {
    color: rgba(76, 175, 80, 0.07) !important;
    -webkit-text-stroke-color: rgba(76, 175, 80, 0.12) !important;
}
.why-choose-one__icon span {
    color: #4CAF50 !important;
}
.why-choose-one__single:hover .why-choose-one__icon {
    background-color: #4CAF50 !important;
}
.why-choose-one__single:hover .why-choose-one__icon span {
    color: #fff !important;
}
.why-choose-one__client-title {
    color: #4CAF50 !important;
}
.why-choose-one__ratting span {
    color: #4CAF50 !important;
}
.why-choose-one__contact-box {
    background-color: #4CAF50 !important;
}
.why-choose-one__contact-box .icon span,
.why-choose-one__contact-box p,
.why-choose-one__contact-box h4 a {
    color: #fff !important;
}

/* ── PROJECTS ────────────────────────────────────────────── */
.project-one__tag {
    color: #4CAF50 !important;
}
.project-one__view {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.project-one__view:hover {
    background-color: #388E3C !important;
}
.project-one__single-2 {
    background-color: #1B5E20 !important;
}
.project-one__view-2 {
    background-color: #4CAF50 !important;
    color: #fff !important;
}

/* ── TEAM ────────────────────────────────────────────────── */
.team-one__share {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.team-one__social a:hover {
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important;
    color: #fff !important;
}
.team-one__title a:hover {
    color: #4CAF50 !important;
}
.team-one__arrow a {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.team-one__arrow a:hover {
    background-color: #388E3C !important;
}

/* ── CONTACT ─────────────────────────────────────────────── */
.contact-one__call-icon span {
    color: #4CAF50 !important;
}
.contact-one__call-contact h4 a:hover {
    color: #4CAF50 !important;
}
/* Contact form subject dropdown */
.contact-one__input-box .select-box select option:first-child {
    color: #4CAF50;
}

/* ── TESTIMONIALS ────────────────────────────────────────── */
.testimonial-one__rating span {
    color: #4CAF50 !important;
}
.testimonial-one__sub-title {
    color: #4CAF50 !important;
}
.testimonial-one__client-name a:hover {
    color: #4CAF50 !important;
}

/* ── OFFICE LOCATION ─────────────────────────────────────── */
.office-location__markar {
    background-color: #4CAF50 !important;
}
.office-location__markar i.ripple {
    border-color: #4CAF50 !important;
}

/* ── PRICING ─────────────────────────────────────────────── */
.pricing-one__badge {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.pricing-one__badge--two {
    background-color: #76C442 !important;
}
.pricing-one__points .icon span {
    color: #4CAF50 !important;
}
.pricing-one__btn-box a {
    border-color: #4CAF50 !important;
    color: #4CAF50 !important;
}
.pricing-one__btn-box a:hover {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.pricing-one__price-pack {
    color: #4CAF50 !important;
}
.pricing-one__tab-buttons-box .tab-btn.active-btn span,
.pricing-one__tab-buttons-box .tab-btn:hover span {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.pricing-one__discount-box {
    background-color: #76C442 !important;
    color: #fff !important;
}

/* ── BLOG ────────────────────────────────────────────────── */
.blog-one__date {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.blog-one__tag a {
    background-color: #E8F5E9 !important;
    color: #2E7D32 !important;
}
.blog-one__tag a:hover {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.blog-one__title a:hover {
    color: #4CAF50 !important;
}

/* ── NEWSLETTER ──────────────────────────────────────────── */
.newsletter-one__btn {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.newsletter-one__btn:hover {
    background-color: #388E3C !important;
}
.newsletter-one__big-text {
    color: rgba(76, 175, 80, 0.07) !important;
    -webkit-text-stroke-color: rgba(76, 175, 80, 0.12) !important;
}

/* ── FOOTER ──────────────────────────────────────────────── */
.footer-main,
.site-footer {
    background-color: #1B5E20 !important;
}
.footer-widget__links-list a:hover {
    color: #76C442 !important;
}
.footer-widget__title {
    color: #A5D6A7 !important;
}
.footer-widget__title::after {
    background-color: #4CAF50 !important;
}
.footer-social a:hover {
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important;
}

/* ── SCROLL TO TOP ───────────────────────────────────────── */
.scroll-to-top {
    color: #4CAF50 !important;
}
.scroll-to-top:hover {
    color: #388E3C !important;
}
.scroll-to-top__wrapper {
    background-color: #4CAF50 !important;
}
.scroll-to-top__inner {
    background-color: #1B5E20 !important;
}

/* ── PAGE HEADER ─────────────────────────────────────────── */
.page-header__breadcrumb li.active {
    color: #4CAF50 !important;
}
.page-header__breadcrumb a:hover {
    color: #4CAF50 !important;
}

/* ── MOBILE NAV ──────────────────────────────────────────── */
.mobile-nav__container {
    background-color: #1B5E20 !important;
}
.mobile-nav__list li.current > a,
.mobile-nav__list li a:hover {
    color: #76C442 !important;
}
.mobile-nav__toggler i {
    color: #4CAF50 !important;
}

/* ── PRELOADER ───────────────────────────────────────────── */
.loader div {
    background-color: #4CAF50 !important;
}

/* ── PAGINATION ──────────────────────────────────────────── */
.styled-pagination li a:hover,
.styled-pagination li.active a {
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important;
    color: #fff !important;
}

/* ── SEARCH POPUP ────────────────────────────────────────── */
.search-popup__btn {
    background-color: #4CAF50 !important;
}

/* ── PROCESS STEPS ───────────────────────────────────────── */
.process-one__count {
    background-color: #4CAF50 !important;
    color: #fff !important;
}
.process-one__icon span {
    color: #4CAF50 !important;
}

/* ── FAQ ─────────────────────────────────────────────────── */
.faq-one__btn.active,
.faq-one__btn:hover {
    color: #4CAF50 !important;
}
.faq-one__btn.active::after {
    background-color: #4CAF50 !important;
}

/* ── BRAND / PARTNERS ────────────────────────────────────── */
.brand-one__wrap {
    background-color: #E8F5E9 !important;
}

/* ── GENERAL LINK HOVER ──────────────────────────────────── */
a:hover {
    color: #4CAF50;
}

/* ── SELECTION HIGHLIGHT ─────────────────────────────────── */
::selection {
    background-color: #4CAF50;
    color: #fff;
}
::-moz-selection {
    background-color: #4CAF50;
    color: #fff;
}

/* ── TEAM CARD SOCIAL OVERLAY FIX ───────────────────────────
   Match the social bg border-radius to the image (27px)
   so it doesn't bleed outside the rounded card corners
   ─────────────────────────────────────────────────────────── */
.team-one__img-box {
    border-radius: 27px;
    overflow: hidden;
}

.team-one__social {
    border-radius: 0 22px 22px 0 !important;
    background-color: #fff !important;
}

.team-one__share-and-social {
    bottom: 18px !important;
    left: 0 !important;
}

.team-one__share span {
    border-radius: 0 50% 50% 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
