/* =======================================================
   MproBusiness Dynamic Color System
   Artık tüm renkler Customizer'dan gelen değişkenlerle çalışıyor.
   ------------------------------------------------------- */

:root {
  --color-primary: #17e043; /* varsayılan ana renk */
}

/* =======================================================
   Template Color Replacements
   ------------------------------------------------------- */

.handle-preloader {
  background: var(--color-primary);
}

.preloader-close {
  color: var(--color-primary);
}

.header-top .info li a:hover,
.header-top .top-right .login a:hover,
.header-top .social-links li a:hover,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover,
.main-menu .navigation > li > ul > li > ul > li > a:hover,
.main-header .menu-right-content .search-box-outer:hover,
.banner-carousel .content-inner span,
.sec-title .sub-title,
.feature-block-one .inner-box .lower-content h3 a:hover,
.content_block_one .content-box .inner-box .single-item .icon-box,
.project-block-one .inner-box .content-box h3 a:hover,
.funfact-block-one .inner-box .count-outer,
.news-block-one .inner-box .lower-content h3 a:hover,
.news-block-one .inner-box .post-info li a:hover,
.main-footer .links-widget .links-list li a:hover,
.main-footer .contact-widget .info-list li a:hover,
.footer-bottom a:hover,
.feature-block-two .inner-box h3 a:hover,
.image_block_two .image-box .image-content h2,
.service-block-two .inner-box .lower-content h3 a:hover,
.cta-section .inner-box h2 span,
.cta-section .inner-box h3 a:hover,
.project-block-two .inner-box h3 a:hover,
.news-block-two .inner-box .lower-content h3 a:hover,
.news-block-two .inner-box .lower-content .post-info li i,
.news-block-two .inner-box .lower-content .post-info li a:hover,
.main-footer.alternat-2 .links-widget .links-list li a:hover,
.main-footer.alternat-2 .contact-widget .info-list li a:hover,
.main-footer.alternat-2 .footer-bottom p a:hover,
.header-style-three .main-menu .navigation > li.current > a,
.header-style-three .main-menu .navigation > li:hover > a,
.header-style-three .menu-right-content .search-box-outer:hover,
.header-style-three .menu-right-content .cart-box a:hover,
.service-sidebar .contact-widget .widget-content h3 a:hover,
.service-sidebar .contact-widget .inner-box p a:hover,
.team-block-one .inner-box .lower-content h3 a:hover,
.team-details-content .content-box .info-list li a:hover,
.portfolio-details .nav-btn-box .single-btn a,
.shop-block-one .inner-box .lower-content h4 a:hover,
.shop-block-one .inner-box .lower-content .price,
.checkout-section .order-info .order-list li.order-total span,
.blog-sidebar .category-widget .category-list li a:hover,
.blog-sidebar .category-widget .category-list li a:before,
.blog-sidebar .post-widget .post h5 a:hover,
.feature-block-three .inner-box p a:hover {
  color: var(--color-primary);
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
  border-top: 3px solid var(--color-primary);
}

.main-header .menu-right-content .btn-box a:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
}

.main-header .menu-right-content .btn-box a:before,
.feature-block-one .inner-box .lower-content .icon-box,
.service-block-one .inner-box .icon-box,
.content_block_two .content-box .inner-box .single-item .icon-box,
.chooseus-section .outer-box,
.project-block-one .inner-box .content-box .view-btn a,
.projects-section .owl-theme .owl-dots .owl-dot span,
.testimonial-block-one .inner-box .icon-box,
.nav-style-one .owl-nav button:hover,
.working-block-one .inner-box .count-text h3,
.progress-box .bar-inner,
.news-block-one .inner-box .image-box .image,
.news-block-one .inner-box .image-box h2,
.feature-block-two .inner-box .icon-box,
.service-block-two .inner-box .lower-content .icon-box,
.owl-dots-one .owl-dots .owl-dot span,
.accordion-box .accordion .acc-btn.active .icon-box:before,
.feature-block-three .inner-box .icon-box,
.image_block_three .image-box .image-text,
.service-details-content .content-three .single-item .icon-box,
.project-block-three .inner-box .image-box .view-btn a,
.team-details-content .content-box .social-links li a:hover,
.portfolio-sidebar .social-links li a:hover,
.pagination li a:hover,
.pagination li a.current,
.menu-area .mobile-nav-toggler,
.default-form .form-group input:focus,
.default-form .form-group textarea:focus,
.contact-section .form-inner .form-group input:focus,
.contact-section .form-inner .form-group textarea:focus {
  background: var(--color-primary);
  border-color: var(--color-primary);
}

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

.range-slider .ui-state-default,
.range-slider .ui-widget-content .ui-state-default {
  border: 5px solid var(--color-primary);
}

.project-block-one .inner-box .content-box .view-btn a:hover,
.project-block-three .inner-box .image-box .view-btn a:hover,
.service-details-content .content-four .download-list li button:hover,
.blog-sidebar .tags-widget .tags-list li a:hover {
  color: #fff;
  background: var(--color-primary);
}