/*===================== 	Premery bg color =====================*/

:root {
    --primary: #29ad95;
    --sc-primary: #4d0a91;
}
/* 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: #29ad95;
}
    /*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: #4d0a91;
    }
    /*===================== 	Premery text color =====================*/

    a, .text-primary, .primary li:before, .menu-links .nav > li.active > a, .menu-links .nav > li:hover > a, .menu-links .nav > li .mega-menu > li ul a:hover, .menu-links .nav > li .sub-menu li:hover > a, footer h1 a, footer h2 a, footer h3 a, footer h4 a, footer h5 a, footer h6 a, footer p a, .testimonial-1 .testimonial-position, .acod-head a:after, .acod-head a, .acod-head a:hover, .acod-head a.collapsed:hover, .ttr-tabs .nav-tabs > li > a i, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .btn.outline, .btn-link:hover {
        color: #29ad95;
    }
footer a:active, footer a:focus, footer a:hover {
    color: #f7b205;
}
/*===================== 	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: #29ad95;
}

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

.ovbl-middle::after, .ovbl-light::after, .ovbl-dark::after {
    background: rgba(0, 0, 0, 0.6); /* Base translucent black */
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, rgba(25, 25, 25, 0.8) 50%, rgba(50, 50, 50, 0.9) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, rgba(25, 25, 25, 0.8) 50%, rgba(50, 50, 50, 0.9) 100%);
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, rgba(25, 25, 25, 0.8) 50%, rgba(50, 50, 50, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#e6323232', GradientType=1); /* For IE */
    backdrop-filter: blur(5px); /* Glass effect */
    -webkit-backdrop-filter: blur(5px); /* For Safari */
    border: 1px solid rgba(255, 255, 255, 0.2); /* Optional border for glass effect */
}


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

.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: #f6f18c;
    color: #000;
}

.header-transparent .secondary-menu .btn-link:hover, .header-transparent .menu-links .nav > li:hover > a, .header-transparent .menu-links .nav > li.active > a {
    color: #f6f18c;
}

.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: #29ad95;
    color: #fff;
}

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