/* whatsapp-green.css – Soft Light Version */


/* COLOR */

.nav-sticky.navbar-custom .navbar-nav li.active a,
.nav-sticky.navbar-custom .navbar-nav li a:hover,
.nav-sticky.navbar-custom .navbar-nav li a:focus,
.nav-sticky.navbar-custom .navbar-nav li a:active,
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:active,
.navbar .navbar-nav .nav-link.active,
.navbar-custom .navbar-nav li.active a,
.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active,
.post-meta a:hover,
.blog-post-title:hover,
.text-primary,
.btn-outline-primary,
.features .features-box .features-icon,
.work .work-pra ul li:hover i,
.mobile .phone i,
.bg-soft-primary,
.link-post-content i {
    color: #25D366 !important;
    /* WhatsApp Green */
}


/* BACKGROUND – Primary */

.bg-primary,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.testimonial-circle span.ring2 img,
span.ring4 img,
span.ring5 img,
span.ring6,
span.ring7,
span.ring8,
.mode-btn,
.mobile .phone i::after,
.home-1 .icon-text .icon {
    background-color: #25D366 !important;
    color: #fff !important;
}


/* BORDER-COLOR */

.btn,
.btn-primary,
.btn-outline-primary,
.custom-form .form-control:focus,
.features .features-box:hover .features-icon,
.pricing-box,
.home-3 span.ring2 img,
.ring4 img,
.ring5 img,
.mode-btn,
.bg-soft-primary,
.border-primary,
.home-1 span.ring5 img {
    border-color: #25D366 !important;
}


/* MOBILE NAV */

@media (min-width: 200px) and (max-width: 991px) {
    .navbar-custom .navbar-nav li.active a,
    .navbar-custom .navbar-nav li a:hover,
    .navbar-custom .navbar-nav li a:active {
        color: #25D366 !important;
    }
}


/* SOFT SHADOW */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary .open>.dropdown-toggle.btn-primary {
    box-shadow: 0px 6px 14px rgba(37, 211, 102, 0.35);
    /* softer shadow */
}


/* OUTLINE BUTTON HOVER */

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary .open>.dropdown-toggle.btn-primary {
    box-shadow: 0px 6px 14px rgba(37, 211, 102, 0.35);
    transform: translateY(-4px);
}


/* GRADIENT – Soft Version */

.bg-gradiant,
.bg-outline-gradiant:hover {
    background: linear-gradient(180deg, #25D366 0%, #1FBF62 100%);
    border: #25D366 !important;
    color: #fff !important;
}


/* TEXT GRADIENT */

.text-gradiant {
    background: -webkit-linear-gradient(#25D366, #1FBF62);
}


/* LIGHT OVERLAY */

.home-5::before {
    background: rgba(37, 211, 102, .35) !important;
}


/* LIQUID WAVE EFFECT */

.home-2 .wave.-three {
    background-color: rgba(37, 211, 102, .15);
}

.features .features-box:hover .features-icon,
.bg-soft-primary,
.home-5::after,
.home-2 .wave,
.home-2 .wave.-two {
    background-color: rgba(37, 211, 102, .08) !important;
}


/* HIDE OTHER COLOR IMAGES */

.info-img,
.purple-img,
.primary-img,
.warning-img,
.orange-img {
    display: none !important;
}

.blue-img {
    display: block !important;
}


/* DARK MODE ACTIVE LINK */

body[data-bs-theme=dark] .navbar .navbar-nav .nav-link.active {
    color: #25D366 !important;
}