/*===================== 	Premery bg color =====================*/
:root {
    --primary: #95C623;
    --sc-primary: #B7950B;
}

/* Hex */
.bg-primary,
.btn,
.comments-area .comment-form p input[type="submit"],
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.feature-filters .active>[class*="btn"],
.list-num-count>li:before,
.pagination-bx.primary .pagination>li>a,
.pagination-bx.primary .pagination>li>span,
button.back-to-top,
.rev-btn {
    background-color: #95C623;
}

/*Hex color :hover */
.btn:active,
.btn:hover,
.btn:focus,
.active>.btn,
.bg-primary-dark,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.sidenav .closebtn:hover,
.sidenav .closebtn:focus,
.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,
.pagination-bx.primary .pagination>li>a:hover,
.pagination-bx.primary .pagination>li>span:hover,
.pagination-bx.primary .pagination>li.active>span,
.pagination-bx.primary .pagination>li.active>a {
    background-color: #B7950B;
}

/*===================== 	Premery text color =====================*/


/*===================== 	Secondery bg color =====================*/
.bg-secondry {
    background-color: #2d3239;
}

/*===================== 	Secondery text color =====================*/
.text-secondry {
    color: #2d3239;
}

.ovpr-light:after,
.ovpr-middle:after,
.ovpr-dark:after,
.ovpr:after,
.bg-primary {
    background-color: #95C623;
}

.footer-top,
.footer-bottom {
    background-color: #121921;
}

.ovbl-middle::after,
.ovbl-light::after,
.ovbl-dark::after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#100018+0,264653+50,95C623+100 */
    background: #100018;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #264653 50%, #95C623 20%, #264653 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #264653 0%, #95C623 50%, #264653 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #264653 0%, #95C623 50%, #264653 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#100018', endColorstr='#95C623', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.ttr-notify-header::after,
.widget-bg1,
.ttr-search-bar,
.ttr-header,
.ovpr-dark:after,
.pricingtable-main:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#95C623+0,264653+100 */
    background: #95C623;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #95C623 0%, #95C623 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #95C623 0%, #95C623 100%);
    opacity: 0.5;
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #95C623 0%, #95C623 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95C623', endColorstr='#264653', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

/* Secondry Color */
.portfolio-bx .portfolio-info-bx,
.btn.outline:hover,
.course-info-list ul li a.active,
.course-info-list ul li a:hover,
.btn,
.profile-tabnav .nav li a.active,
button.back-to-top,
.upcoming-event-carousel.owl-btn-1 .owl-prev,
.upcoming-event-carousel.owl-btn-1 .owl-next,
.courses-carousel .owl-nav .owl-next,
.courses-carousel .owl-nav .owl-prev,
.recent-news-carousel .owl-nav .owl-next,
.recent-news-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next,
.testimonial-carousel .owl-nav .owl-prev {
    background-color: #95C623;
    color: #000;
}

.footer_widget ul li a:hover,
[class*="ovbl-"] .counter-style-1 .counter-text,
.header-transparent .secondary-menu .btn-link:hover,
.header-transparent .menu-links .nav>li:hover>a,
.header-transparent .menu-links .nav>li.active>a {
    color: white;
    font-weight: 600;
    border-bottom: 3px solid white;
    padding-bottom: 10px;
    width: 100%;
    border-bottom-width: 10%;  
}

.course-info-list ul li a.active:hover,
.course-info-list ul li a:hover,
.btn:hover,
.profile-tabnav .nav li a.active:hover,
button.back-to-top:hover,
.upcoming-event-carousel.owl-btn-1 .owl-prev:hover,
.upcoming-event-carousel.owl-btn-1 .owl-next:hover,
.courses-carousel .owl-nav .owl-next:hover,
.courses-carousel .owl-nav .owl-prev:hover,
.recent-news-carousel .owl-nav .owl-next:hover,
.recent-news-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover,
.testimonial-carousel .owl-nav .owl-prev:hover {
    background-color: #95C623;
    color: #fff;
}

.heading-bx.left .title-head {
    border-color: #95C623;
}

.sticky-header .menubar>.menu-links .nav>li.active>a {
    color: #000;
}