/*=====================   
	Premery bg color 
=====================*/
:root {
    --primary: #0ba62e;
    --primary-hover: #099427;
    --secondary: #ffffff;
    --rgba-primary-05: rgba(11, 166, 46, 0.05);
    --rgba-primary-1: rgba(11, 166, 46, 0.1);
    --rgba-primary-2: rgba(11, 166, 46, 0.2);
    --rgba-primary-3: rgba(11, 166, 46, 0.3);
    --rgba-primary-4: rgba(11, 166, 46, 0.4);
    --rgba-primary-5: rgba(11, 166, 46, 0.5);
    --rgba-primary-6: rgba(11, 166, 46, 0.6);
    --rgba-primary-7: rgba(11, 166, 46, 0.7);
    --rgba-primary-8: rgba(11, 166, 46, 0.8);
    --rgba-primary-9: rgba(11, 166, 46, 0.9);
    --title: #232323;
    --white: #ffffff;
}

/* Selection */
::selection {
    background-color: var(--primary);
    color: #fff;
}

/*=====================
	Premery bg color usage
=====================*/
.bg-primary,
.meet-ask-row:after,
.dez-separator.style-skew[class*="style-"]:after,
.dez-separator.style-skew[class*="style-"]:before,
.dez-tilte-inner.skew-title:after,
.date-style-2 .post-date,
.date-style-3.skew-date .post-date,
.date-style-3.skew-date .post-date:before,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.overlay-primary:after,
.widget-title:after,
.site-button,
.comments-area .comment-form p input[type="submit"],
.pagination > .active > a,
.pagination > .active > span,
.footer-line:after,
.testimonial-1 .quote-left:before,
.testimonial-2 .quote-left:before,
.site-filters .active > [class*="site-button"],
.list-num-count > li:before,
.date-style-4 .post-date strong,
#myNavbar li.active a,
.header-style-4.style-1 .header-nav .nav > li.active a:before,
.header-style-4.style-1 .header-nav .nav > li:hover > a:before,
.service-carousel .owl-prev,
.service-carousel .owl-next,
.about-us .dez-tabs .nav-tabs li a.active,
.testimonial-text.bg-primary,
.sidenav ul li a:hover,
.owl-theme.dots-style-2 .owl-dots .owl-dot.active span,
.owl-btn-1.primary .owl-prev,
.owl-btn-1.primary .owl-next,
.owl-btn-2.primary .owl-prev,
.owl-btn-2.primary .owl-next,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.pagination li.active a,
.rev-slider .tparrows,
.job-time a:hover span,
.category-jobs-info .nav ul li.active a,
.form-check-input:checked,
.nav-tabs .nav-link {
    background-color: var(--primary);
}

    /* Hover states */
    .site-button:hover,
    .site-button:focus,
    .site-button:active,
    .bg-primary-dark,
    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .sidenav .closebtn:hover,
    .owl-btn-1.primary .owl-prev:hover,
    .owl-btn-1.primary .owl-next:hover,
    .owl-btn-2.primary .owl-prev:hover,
    .owl-btn-2.primary .owl-next:hover {
        background-color: var(--primary-hover);
    }

.about-us .dlab-tabs .nav-tabs li a.active {
    border-right: 4px solid var(--primary-hover);
}

/* Text color */
a,
.text-primary,
.header-nav .nav > li.active > a,
.header-nav .nav > li:hover > a,
blockquote:before,
footer a:hover,
button.scroltop,
.testimonial-1 .testimonial-position,
.acod-head a,
h1 a:hover, h2 a:hover, h3 a:hover,
.site-button.outline,
.acod-head a, .acod-head a:hover, .acod-head a.collapsed:hover,
.site-button-link:hover {
    color: var(--primary);
}

/* Border color */
button.scroltop,
blockquote,
input[type="checkbox"]:checked + label:before,
.owl-slider-banner .owl-theme .owl-dots .owl-dot.active,
.side-bar .widget_tag_cloud a:hover {
    border-color: var(--primary);
}

/* BG Primary override */
.bg-primary {
    background-color: var(--primary) !important;
}

/* Text Primary override */
.text-primary {
    color: var(--primary) !important;
}

/*=====================
	Custom Scrollbar
=====================*/
body {
    --sb-track-color: #ffffff; /* Scrollbar track (background) */
    --sb-thumb-color: #0ba62e; /* Scrollbar thumb (new green color) */
    --sb-thumb-border: #099427; /* Slightly darker border for contrast */
    --sb-size: 9px;
}

    body::-webkit-scrollbar {
        width: var(--sb-size);
    }

    body::-webkit-scrollbar-track {
        background: var(--sb-track-color);
        border-radius: 9px;
    }

    body::-webkit-scrollbar-thumb {
        background: var(--sb-thumb-color);
        border-radius: 9px;
        border: 1px solid var(--sb-thumb-border);
    }

@supports not selector(::-webkit-scrollbar) {
    body {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}

/*=====================
	Smart Wizard Arrows Theme
=====================*/
.sw-theme-arrows > ul.step-anchor > li.active > a {
    border-color: #0ba62e !important;
    color: #fff !important;
    background: #0ba62e !important;
}

    .sw-theme-arrows > ul.step-anchor > li.active > a:hover {
        border-color: #099427 !important;
        background: #099427 !important;
        color: #fff !important;
    }

    .sw-theme-arrows > ul.step-anchor > li.active > a:after {
        border-right: 30px solid #0ba62e !important;
    }

    .sw-theme-arrows > ul.step-anchor > li.active > a:hover:after {
        border-right: 30px solid #099427 !important;
    }

/*=====================
	Lang Button Hover
=====================*/
#btn-lang:hover {
    background-color: var(--primary-hover);
    color: white;
}

.k-widget {
    border-width: 1px !important;
    border-color: var(--primary) !important;
}

.sw-theme-arrows > ul.step-anchor > li.active > a:after {
    border-left: 30px solid var(--primary) ;
}