/* template-color */

:root {
    /* --theme-color: #DE2C2C; */
    --theme-color: #684df4;
    /* --theme-color: #4d44b5; */
}

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

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

.header-top .info li a:hover {
    color: var(--theme-color);
}

.header-top .top-right .login a:hover {
    color: var(--theme-color);
}

.header-top .social-links li a:hover {
    color: var(--theme-color);
}

.main-menu .navigation>li.current>a,
.main-menu .navigation>li:hover>a {
    color: var(--theme-color);
}

.main-menu .navigation>li>ul>li>a:hover,
.main-menu .navigation>li>.megamenu li>a:hover {
    color: var(--theme-color);
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
    color: var(--theme-color);
}

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

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

.main-header .menu-right-content .search-box-outer:hover {
    color: var(--theme-color);
}

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

.main-header .menu-right-content .btn-box a:before {
    background: var(--theme-color);
}

.banner-carousel .content-inner span {
    color: var(--theme-color);
}

.banner-carousel .owl-nav button:hover {
    background: var(--theme-color);
}

.theme-btn-one {
    background: var(--theme-color);
}

.sec-title .sub-title {
    color: var(--theme-color);
}

.header-top .info li i {
    color: var(--theme-color);
}

.feature-block-one .inner-box .lower-content .icon-box {
    background: var(--theme-color);
}

.feature-block-one .inner-box .lower-content h3 a:hover {
    color: var(--theme-color);
}

.image_block_one .image-box .video-btn a {
    background: var(--theme-color);
}

.sec-title .sub-title {
    color: var(--theme-color);
}

.content_block_one .content-box .inner-box .single-item .icon-box {
    color: var(--theme-color);
}

.service-block-one .inner-box .icon-box {
    background: var(--theme-color);
}

.content_block_two .content-box .inner-box .single-item .icon-box {
    background: var(--theme-color);
}

.chooseus-section .outer-box {
    background: var(--theme-color);
}

.project-block-one .inner-box .content-box .view-btn a {
    background: var(--theme-color);
}

.project-block-one .inner-box .content-box h3 a:hover {
    color: var(--theme-color);
}

.projects-section .owl-theme .owl-dots .owl-dot span {
    background: var(--theme-color);
}

.projects-section .owl-theme .owl-dots .owl-dot.active span,
.projects-section .owl-theme .owl-dots .owl-dot:hover span {
    border-color: var(--theme-color);
}

.testimonial-block-one .inner-box .icon-box {
    background: var(--theme-color);
}

.nav-style-one .owl-nav button:hover {
    background: var(--theme-color);
}

.working-block-one .inner-box .count-text h3 {
    background: var(--theme-color);
}

.working-block-one .inner-box .count-text h3:before {
    border: 2px dashed var(--theme-color);
}

.funfact-block-one .inner-box .count-outer {
    color: var(--theme-color);
}

.progress-box .bar-inner {
    background: var(--theme-color);
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus {
    border-color: var(--theme-color) !important;
}

.news-block-one .inner-box .image-box .image {
    background: var(--theme-color);
}

.news-block-one .inner-box .image-box h2 {
    background: var(--theme-color);
}

.news-block-one .inner-box .lower-content h3 a:hover {
    color: var(--theme-color);
}

.news-block-one .inner-box .post-info li a:hover {
    color: var(--theme-color);
}

.news-block-one .inner-box .lower-content .post-info li i {
    color: var(--theme-color);
}

.main-footer .links-widget .links-list li a:hover {
    color: var(--theme-color);
}

.main-footer .contact-widget .info-list li i {
    color: var(--theme-color);
}

.main-footer .contact-widget .info-list li a:hover {
    color: var(--theme-color);
}

.footer-bottom a:hover {
    color: var(--theme-color);
}

.header-style-two.main-header .menu-right-content .btn-box a {
    border: 1px solid var(--theme-color);
}

.feature-block-two .inner-box .icon-box {
    background: var(--theme-color);
}

.feature-block-two .inner-box h3 a:hover {
    color: var(--theme-color);
}

.feature-block-two .inner-box:hover .icon-box {
    color: var(--theme-color);
}

.image_block_two .image-box .image-content h2 {
    color: var(--theme-color);
}

.content_block_five .content-box .inner-box .single-item .icon-box {
    color: var(--theme-color);
}

.service-block-two .inner-box .lower-content .icon-box {
    background: var(--theme-color);
}

.service-block-two .inner-box .lower-content h3 a:hover {
    color: var(--theme-color);
}

.cta-section .inner-box h2 span {
    color: var(--theme-color);
}

.cta-section .inner-box h3 a:hover {
    color: var(--theme-color);
}

.owl-dots-one .owl-dots .owl-dot span {
    background: var(--theme-color) !important;
}

.owl-dots-one .owl-dots .owl-dot.active span,
.owl-dots-one .owl-dots .owl-dot:hover span {
    border-color: var(--theme-color);
}

.accordion-box .accordion .acc-btn.active .icon-box:before {
    color: var(--theme-color);
}

.project-block-two .inner-box h3 a:hover {
    color: var(--theme-color);
}

.news-block-two .inner-box .lower-content .post-date {
    color: var(--theme-color);
}

.news-block-two .inner-box .lower-content h3 a:hover {
    color: var(--theme-color);
}

.news-block-two .inner-box .lower-content .post-info li i {
    color: var(--theme-color);
}

.news-block-two .inner-box .lower-content .post-info li a:hover {
    color: var(--theme-color);
}

.subscribe-section .form-inner .form-group input:focus {
    border-color: var(--theme-color) !important;
}

.main-footer.alternat-2 .links-widget .links-list li a:hover {
    color: var(--theme-color);
}

.main-footer.alternat-2 .contact-widget .info-list li a:hover {
    color: var(--theme-color);
}

.main-footer.alternat-2 .footer-bottom p a:hover {
    color: var(--theme-color);
}

.header-style-three .main-menu .navigation>li.current>a,
.header-style-three .main-menu .navigation>li:hover>a {
    color: var(--theme-color);
}

.header-style-three .menu-right-content .search-box-outer:hover {
    color: var(--theme-color);
}

.header-style-three .menu-right-content .cart-box a:hover {
    color: var(--theme-color);
}

.header-style-three .menu-right-content .theme-btn-one {
    border-color: var(--theme-color) !important;
}

.banner-style-two.alternat-2 .banner-carousel .content-box span {
    color: var(--theme-color);
}

.banner-style-two.alternat-2 .owl-theme .owl-dots .owl-dot.active span,
.banner-style-two.alternat-2 .owl-theme .owl-dots .owl-dot span:hover {
    background: var(--theme-color);
}

.banner-style-two.alternat-2 .owl-theme .owl-dots .owl-dot.active span:before,
.banner-style-two.alternat-2 .owl-theme .owl-dots .owl-dot span:hover:before {
    border-color: var(--theme-color);
}

.feature-block-three .inner-box .icon-box {
    background: var(--theme-color);
}

.feature-block-three .inner-box h3 a:hover {
    color: var(--theme-color);
}

.about-style-three .content_block_one .content-box .text p:first-child:before {
    background: var(--theme-color);
}

.image_block_three .image-box .image-text {
    background: var(--theme-color);
}

.service-block-three .inner-box .icon-box {
    color: var(--theme-color);
}

.service-block-three .inner-box h3 a:hover {
    color: var(--theme-color);
}

.service-style-three .more-btn .theme-btn-one:hover {
    color: var(--theme-color) !important;
}

.video-section .inner-container .video-btn a:hover {
    color: var(--theme-color);
}

.team-block-one .inner-box .image-box .social-links li a:hover {
    background: var(--theme-color);
}

.team-block-one .inner-box .lower-content h3 a:hover {
    color: var(--theme-color);
}

.projects-section.alternat-2 .owl-theme .owl-dots .owl-dot.active span,
.projects-section.alternat-2 .owl-theme .owl-dots .owl-dot:hover span {
    border-color: var(--theme-color);
}

.page-title .bread-crumb li a:hover {
    color: var(--theme-color);
}

.service-sidebar .category-widget .category-list li a:hover,
.service-sidebar .category-widget .category-list li a.current {
    border-color: var(--theme-color);
}

.service-sidebar .category-widget .category-list li a:before {
    background: var(--theme-color);
}

.service-sidebar .contact-widget .widget-content h3 span {
    color: var(--theme-color);
}

.service-sidebar .contact-widget .widget-content h3 a:hover {
    color: var(--theme-color);
}

.service-sidebar .contact-widget .inner-box p a:hover {
    color: var(--theme-color);
}

.list-style-one li:before {
    color: var(--theme-color);
}

.service-details-content .content-three .single-item .icon-box {
    background: var(--theme-color);
}

.service-details-content .content-four .download-list li .icon-box {
    color: var(--theme-color);
}

.service-details-content .content-four .download-list li button {
    color: var(--theme-color);
}

.service-details-content .content-four .download-list li button:hover {
    background: var(--theme-color);
}

.team-details-content .content-box .designation {
    color: var(--theme-color);
}

.team-details-content .content-box .info-list li a:hover {
    color: var(--theme-color);
}

.team-details-content .content-box .social-links li a:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.team-details .lower-content .inner-box .single-item:before {
    border: 1.5px solid var(--theme-color);
}

.team-details .lower-content .inner-box .single-item:after {
    background: var(--theme-color);
}

.sortable-masonry .filter-btns li.active {
    color: var(--theme-color);
}

.project-block-three .inner-box .image-box .view-btn a {
    background: var(--theme-color);
}

.project-block-three .inner-box .image-box .view-btn a:hover {
    color: var(--theme-color);
}

.project-block-three .inner-box .lower-content span {
    color: var(--theme-color);
}

.project-block-three .inner-box .lower-content h3 a:hover {
    color: var(--theme-color);
}

.portfolio-sidebar .social-links li a:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.portfolio-details .nav-btn-box .single-btn a {
    color: var(--theme-color);
}

.portfolio-details .nav-btn-box .single-btn a:hover {
    background: var(--theme-color);
}

.pricing-section .tab-btn-box .tab-btns li:before {
    background: var(--theme-color);
}

.pricing-block-one .pricing-table .title {
    color: var(--theme-color);
}

.career-sidebar .form-inner .form-group input:focus,
.career-sidebar .form-inner .form-group textarea:focus {
    border-color: var(--theme-color) !important;
}

.career-section .accordion-box .accordion .acc-btn.active .icon-box {
    background: var(--theme-color);
}

.contact-section .form-inner .form-group input:focus,
.contact-section .form-inner .form-group textarea:focus {
    border-color: var(--theme-color) !important;
}

.shop-sidebar .search-widget .search-form .form-group input:focus+button,
.shop-sidebar .search-widget .search-form .form-group button:hover {
    color: var(--theme-color);
}

.shop-sidebar .category-widget .category-list li a:hover {
    color: var(--theme-color);
}

.shop-sidebar .category-widget .category-list li a:before {
    color: var(--theme-color);
}

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

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

.shop-block-one .inner-box .image-box .option-list li a:hover {
    background: var(--theme-color);
}

.shop-block-one .inner-box .image-box .cart-btn button {
    background: var(--theme-color);
}

.shop-block-one .inner-box .lower-content h4 a:hover {
    color: var(--theme-color);
}

.shop-block-one .inner-box .lower-content .price {
    color: var(--theme-color);
}

.pagination li a:hover,
.pagination li a.current {
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.default-form input:focus,
.default-form textarea:focus {
    border-color: var(--theme-color) !important;
}

.shop-details-content .content-box .price {
    color: var(--theme-color);
}

.shop-details-content .content-box .customer-rating .review a:hover {
    color: var(--theme-color);
}

.shop-details-content .addto-cart-box .like-box a:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.shop-details-content .other-option li a:hover {
    color: var(--theme-color);
}

.bootstrap-touchspin .glyphicon-chevron-up:hover:before,
.bootstrap-touchspin .glyphicon-chevron-down:hover:before {
    color: var(--theme-color);
}

.cart-section .cart-table tbody tr .prod-column .column-box .remove-btn:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.cart-section .othre-content .theme-btn-two:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.cart-section .cart-total .total-cart-box .list li:last-child span {
    color: var(--theme-color);
}

.checkout-section .upper-box .single-box a {
    color: var(--theme-color);
}

.checkout-section .additional-info .note-book textarea:focus {
    border-color: var(--theme-color);
}

.checkout-section .order-info .order-list li.order-total span {
    color: var(--theme-color);
}

.checkout-section .payment-info .payment-inner .custom-controls-stacked .description a:hover {
    color: var(--theme-color);
}

.blog-sidebar .search-widget .form-group input:focus {
    border-color: var(--theme-color) !important;
}

.blog-sidebar .search-widget .form-group input:focus+button,
.blog-sidebar .search-widget .form-group button:hover {
    color: var(--theme-color);
}

.blog-sidebar .category-widget .category-list li a:hover {
    color: var(--theme-color);
}

.blog-sidebar .category-widget .category-list li a:before {
    color: var(--theme-color);
}

.blog-sidebar .post-widget .post h5 a:hover {
    color: var(--theme-color);
}

.blog-sidebar .tags-widget .tags-list li a:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.blog-details-content .news-block-one .inner-box blockquote .icon-box {
    color: var(--theme-color);
}

.blog-details-content .news-block-one .inner-box blockquote h4:before {
    background: var(--theme-color);
}

.blog-details-content .news-block-one .inner-box .tags-list li a:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.feature-block-three .inner-box p a:hover {
    color: var(--theme-color);
}

.menu-area .mobile-nav-toggler {
    background: var(--theme-color);
}