:root {
    --primary: #6021ff;
    --sc-primary: #4d0a91;
}

/* Primary background color */
.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: #6021ff;
}

    /* Hover background color */
    .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;
    }

    /* Primary 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 a:active,
    footer a:focus,
    footer a:hover,
    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: #6021ff;
    }

/* Secondary background color (blue version) */
.bg-secondry {
    background-color: #195188;
}

/* Secondary text color */
.text-secondry {
    color: #195188;
}

/* Overlays */
.ovpr-light:after,
.ovpr-middle:after,
.ovpr-dark:after,
.ovpr:after,
.bg-primary {
    background-color: #6021ff;
}

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

/* Blue gradient */
.ovbl-middle::after,
.ovbl-light::after,
.ovbl-dark::after {
    background: linear-gradient(45deg, #0a0023 0%, #00204f 100%);
}

.ttr-notify-header::after,
.widget-bg1,
.ttr-search-bar,
.ttr-header,
.ovpr-dark:after,
.pricingtable-main,
.account-head:after {
    background: linear-gradient(45deg, #6021ff 11%, #0066ff 85%);
}

/* Replacing yellow secondary colors with blue */
.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: #195188;
    color: #fff;
}

.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: #195188;
}

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

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

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/*                  NEW OVERRIDE (MUSTARD YELLOW)            */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

:root {
    --hover-active-color: #D4A017; /* زرد خردلی */
}

/* Text hover/active override */
a:hover,
a:active,
.btn:hover,
.btn:focus,
.btn:active,
.menu-links .nav > li:hover > a,
.menu-links .nav > li.active > a,
footer a:hover,
footer a:active,
footer p a:hover,
footer p a:active {
    color: var(--hover-active-color) !important;
}

/* Background hover/active override */
.btn:hover,
.btn:focus,
.btn:active,
button.back-to-top:hover,
button.back-to-top:active,
.pagination > li > a:hover,
.pagination > li > a:active,
.pagination > li > span:hover,
.pagination > li > span:active,
.profile-tabnav .nav li a.active: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: var(--hover-active-color) !important;
    border-color: var(--hover-active-color) !important;
}

/* Button text color override on hover/active */
.btn:hover,
.btn:focus,
.btn:active,
button.back-to-top:hover,
button.back-to-top:active,
.profile-tabnav .nav li a.active: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 {
    color: #000 !important;
}
/*============================================================================================================================================================*/


/*:root {
    --primary: #6021ff;
    --sc-primary: #4d0a91;
}*/

/* Primary background color */
/*.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: #6021ff;
}*/

    /* Hover background color */
    /*.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;
    }*/

    /* Primary 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 a:active,
    footer a:focus,
    footer a:hover,
    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: #6021ff;
    }*/

/* Secondary background color (blue version) */
/*.bg-secondry {
    background-color: #195188;
}*/

/* Secondary text color */
/*.text-secondry {
    color: #195188;
}*/

/* Overlays */
/*.ovpr-light:after,
.ovpr-middle:after,
.ovpr-dark:after,
.ovpr:after,
.bg-primary {
    background-color: #6021ff;
}

.footer-top,
.footer-bottom {
    background-color: #195188;
}*/

/* Blue gradient */
/*.ovbl-middle::after,
.ovbl-light::after,
.ovbl-dark::after {
    background: linear-gradient(45deg, #0a0023 0%, #00204f 100%);
}

.ttr-notify-header::after,
.widget-bg1,
.ttr-search-bar,
.ttr-header,
.ovpr-dark:after,
.pricingtable-main,
.account-head:after {
    background: linear-gradient(45deg, #6021ff 11%, #0066ff 85%);
}*/

/* Replacing yellow secondary colors with blue */
/*.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: #195188;
    color: #fff;
}

.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: #195188;
}

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

.heading-bx.left .title-head {
    border-color: #195188;
}*/