:root {
    --light-purple: #E8F5EE;
    --purple: #0E8A4B;
    --bg-purple: #0E8A4B;
    --dark-purple: #035e30;
    --body-text-purple: #3E3F66;
}

.banner_section {
    background: linear-gradient(135deg, rgba(14,138,75,0.88) 0%, rgba(3,94,48,0.92) 50%, rgba(2,61,31,0.95) 100%),
                url('../images/bg-hero.png') center/cover no-repeat;
}

.dark_btn {
    background: #F5A623 !important;
    border-color: #F5A623 !important;
}

.dark_btn:hover {
    background: #e6951a !important;
    border-color: #e6951a !important;
}

.puprple_btn {
    background: #0E8A4B;
    border-color: #0E8A4B;
}

.puprple_btn:hover {
    background: #035e30;
    border-color: #035e30;
}

.section_title h2 span {
    color: #0E8A4B;
}

.pricing_section .pricing_block.highlited_block {
    background: linear-gradient(180deg, #0E8A4B 0%, #035e30 100%);
}

.free_app_section .free_app_inner {
    background: linear-gradient(135deg, #0E8A4B 0%, #035e30 100%);
}

.newsletter_section .newsletter_box .form-group button {
    background: #0E8A4B;
}

.newsletter_section .newsletter_box .form-group button:hover {
    background: #035e30;
}

footer .top_footer .social_media li a:hover {
    background: #0E8A4B;
}

footer .bottom_footer {
    background: #035e30;
}

.go_top span {
    background: #0E8A4B;
}

#preloader {
    background: #0E8A4B;
}

#loader {
    border-top-color: #F5A623;
}

.testimonial_section .testimonial_block .testimonial_slide_box .rating span i,
.total_review .rating span i {
    color: #F5A623;
}

.faq_section .faq_panel .card .card-header button.active,
.faq_section .faq_panel .card .card-header button:hover {
    color: #0E8A4B;
}

.faq_section .faq_panel .card .card-header button.active .icon_faq,
.faq_section .faq_panel .card .card-header button:hover .icon_faq {
    color: #0E8A4B;
}

.how_it_works .step_block ul li .step_number h3 {
    color: #0E8A4B;
    -webkit-text-stroke-color: #0E8A4B;
}

.purple_backdrop {
    background: #0E8A4B;
}

.app_btn li a {
    padding: 10px 20px !important;
    background-color: #fff !important;
    border-radius: 12px;
    border: 2px solid #fff !important;
}

.app_btn li a img {
    width: 150px !important;
    height: 50px !important;
    object-fit: contain;
}

.app_btn li a .white_img {
    display: none !important;
}

.app_btn li a:hover {
    background-color: #fff !important;
    border-color: #fff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.app_btn li a:hover .blue_img {
    opacity: 1 !important;
}

.parallax > use:last-child {
    fill: #E8F5EE;
}