:root {
    --theme-color-1: #f163a0;
    --theme-color-2: #fff2f8;
    --theme-color-3: #fff0f7;
    --theme-color-4: #f78084c7;
}

.color-primary {
    background: var(--theme-color-1) !important;
}

.color-1 {
    background: #8d56f5;
}

.color-2 {
    background: #6078ff;
}

.color-3 {
    background: #f5885f;
}

.color-4 {
    background: #32dbe2;
}

.color-5 {
    background: #3f51b5;
}

.color-6 {
    background: #f44336;
}

.color-7 {
    background: #e91e63;
}

.color-8 {
    background: #607d8b;
}

.color-9 {
    background: #03492f;
}

.color-10 {
    background: #fff;
}

::-moz-selection {
    color: #ffffff;
    background: var(--theme-color-4) !important;
}

::selection {
    color: #ffffff;
    background: var(--theme-color-4) !important;
}
.sp-header-2 .header-search .sp-btn-group-form .inner-select {
    border-right: 1px solid var(--theme-color-1) !important;
}

.sp-header-2 .header-search .sp-btn-group-form input {
    border: 1px solid var(--theme-color-1) !important;
    background-color: var(--theme-color-2) !important;
}

.select-options li:hover {
    color: var(--theme-color-1) !important;
}

.sp-btn,
.sp-btn-1 {
    color: var(--theme-color-1) !important;
    border: 1px dashed var(--theme-color-1) !important;
}

.sp-btn:hover, .sp-btn-1:hover {
    background-color: var(--theme-color-1) !important;
    color: white !important;
}

.sp-btn-3 {
    background-color: var(--theme-color-1) !important;
}

.sp-btn-3:hover {
    background-color: #e24c7c  !important;

}

.sp-btn-4 {
    background: var(--theme-color-1) !important;
}

.sp-popup-notify a {
    color: var(--theme-color-1) !important;
}

.sp-popup-notify p {
    border: 1px solid var(--theme-color-1) !important;
}

.sp-popup-notify p .red {
    color: var(--theme-color-1) !important;
}

/* Back to top button */
a.back-to-top {
    border: 1px solid var(--theme-color-1) !important;
}

a.back-to-top svg path {
    stroke: var(--theme-color-1) !important;
}

.sp-checkbox .checked:after {
    border: 1px solid var(--theme-color-1) !important;
    background: var(--theme-color-1) !important;
}

.custom-select svg path {
    fill: var(--theme-color-1) !important;
}

.select-options li:hover {
    color: var(--theme-color-1) !important;
}

.section-detail .sp-title p {
    color: var(--theme-color-1) !important;
}

.section-detail.detail-two .sp-tab ul .nav-item a.active {
    background-color: var(--theme-color-1) !important;
}

.sp-pro-pagination ul li a:hover {
    background-color: var(--theme-color-1) !important;
}

.sp-pro-pagination ul li a.next {
    background-color: var(--theme-color-1) !important;

}

.sp-pro-pagination ul li a.active {
    background-color: var(--theme-color-1) !important;
}

.sp-header .top-header .inner-top-header .col-right-bar .cols .dropdown a:hover {
    color: var(--theme-color-1) !important;
}

.sp-header .sp-toggle-menu .header-icon i {
    color: var(--theme-color-1) !important;
}

.sp-header .header-search .sp-btn-group-form .inner-select {
    border-right: 1px solid var(--theme-color-1) !important;
}

.sp-header .header-search .sp-btn-group-form input {
    border: 1px solid var(--theme-color-1) !important;
}

.sp-header .header-search .sp-btn-group-form button:hover i {
    color: var(--theme-color-1) !important;
}

.sp-header .bottom-header .inner-bottom-header .sp-header-buttons .sp-acc-drop .sp-dropdown-menu li a:hover,
.sp-header .bottom-header .inner-bottom-header .sp-header-buttons .sp-wish-drop .sp-dropdown-menu li a:hover {
    color: var(--theme-color-1) !important;
}

.sp-header .bottom-header .inner-bottom-header .sp-header-buttons .sp-wish-drop div.sp-wish-items li .sp-wish-contact span.wish-price .stock {
    color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li a svg path {
    stroke: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li:hover a.nav-link {
    color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li:hover a.nav-link:after {
    border-color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li:hover span {
    color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown:hover .sp-dropdown-item:after {
    border-color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .mega-menu .menu_title a {
    color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .mega-menu li a:hover {
    color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .mega-menu li a.active {
    color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .img-menu li img:hover {
    border-color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-dropdown .sp-dropdown-menu li a:hover {
    color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-dropdown .sp-dropdown-menu li a.active {
    color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-dropdown:hover .sp-dropdown-item:after {
    border-color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-mega-dropdown .sp-mega-menu li a:hover {
    color: var(--theme-color-1) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-dropdown-menu .inner-select svg path {
    stroke: var(--theme-color-1) !important;
}

.sp-category-popup .sp-category-search input {
    border-color: var(--theme-color-1) !important;
}

.sp-category-popup .sp-category-search button:hover {
    background-color: var(--theme-color-1) !important;
}

.sp-category-popup .sp-category-search input {
    border-color: var(--theme-color-1) !important;
}

.sp-category-popup .sp-category-search button:hover {
    background-color: var(--theme-color-1) !important;
}

.sp-category-popup .sp-category-search .sp-cat-list ul .list.active {
    background-color: var(--theme-color-1) !important;
}

.sp-category-popup .sp-category-search .sp-cat-list ul li:hover {
    border-color: var(--theme-color-1) !important;
}

.sp-category-popup .sp-category-search .sp-cat-list ul li:hover a {
    color: var(--theme-color-1) !important;
}

.sp-footer .footer-top .sp-footer-widget .sp-footer-links .sp-footer-link a:hover {
    color: var(--theme-color-1) !important;
    opacity: 1;
}

.sp-footer .footer-top .sp-footer-social .sp-footer-widget .sp-footer-links .sp-footer-link a:hover {
    background-color: var(--theme-color-1) !important;
}

.footer-bottom .sp-copy .site-name:hover {
    color: var(--theme-color-1) !important;
}

.sp-quickview .sp-quickview-box .quickview-pro-content .sp-pro-variation ul li.active {
    background-color: var(--theme-color-1) !important;
    border-color: var(--theme-color-1) !important;
}

.sp-breadcrumb .sp-breadcrumb-list li a {
    color: var(--theme-color-1) !important;
}

.sp-breadcrumb-2 .sp-breadcrumb-list li a {
    color: var(--theme-color-1) !important;
}

.sp-breadcrumb-2 .sp-breadcrumb-list li a {
    color: var(--theme-color-1) !important;
}

.sp-shop-sidebar .sp-sidebar-block .sp-sidebar-block-item .checked:after {
    border: 1px solid var(--theme-color-1) !important;
}

.sp-shop-sidebar .sp-sidebar-block .sp-sidebar-block-item .sp-sidebar-block-detial a {

    color: var(--theme-color-1) !important;
}

.sp-price-range-slider .noUi-horizontal .noUi-handle {

    border: 2px solid var(--theme-color-1) !important;
}

.sp-price-range-slider .noUi-horizontal .noUi-handle:hover {
    background: var(--theme-color-1) !important;
}

.sp-blogs-sidebar .sp-sidebar-block .sp-sidebar-block-item .checked:after {
    border: 1px solid var(--theme-color-1) !important;
    background: var(--theme-color-1) !important;
}

.sp-blogs-sidebar .sp-sidebar-block .sp-sidebar-block-item .sp-sidebar-block-detial a {
    color: var(--theme-color-1) !important;
}

.sp-cursor:before {
    background: var(--theme-color-1) !important;
}

.sp-tools-sidebar .sp-tools-detail .sp-tools-block .sp-tools-rtl .sp-tools-item img:hover, .sp-tools-sidebar .sp-tools-detail .sp-tools-block .sp-tools-dark .sp-tools-item img:hover {
    border: 1px solid var(--theme-color-1) !important;
}

.sp-tools-sidebar .sp-tools-detail .sp-tools-block .sp-tools-rtl .active-mode img, .sp-tools-sidebar .sp-tools-detail .sp-tools-block .sp-tools-dark .active-mode img {
    border-color: var(--theme-color-1) !important;
}

.sp-tools-sidebar .sp-tools-detail .sp-tools-block .sp-tools-rtl .sp-tools-item.active img, .sp-tools-sidebar .sp-tools-detail .sp-tools-block .sp-tools-dark .sp-tools-item.active img {
    border-color: var(--theme-color-1) !important;
}

.sp-tools-sidebar .sp-tools-detail .sp-tools-block .sp-tools-box .sp-tools-item img:hover {
    border: 1px solid var(--theme-color-1) !important;
}

.sp-tools-sidebar .sp-tools-detail .sp-tools-block .sp-tools-box .sp-tools-item.active img {
    border-color: var(--theme-color-1) !important;
}

.sp-hero h1 {
    color: var(--theme-color-1) !important;
}

.sp-hero .sp-info ul .add-icon {
    background-color: var(--theme-color-1) !important;
}

.sp-banner .sp-wish {
    color: var(--theme-color-1) !important;
    border: 1px dashed var(--theme-color-1) !important;
}

.sp-banner .sp-wish:hover {
    background-color: var(--theme-color-1) !important;
}

.sp-pro-box .sp-pro-img .sp-pro-actions .sp-btn-group:hover a {
    background-color: var(--theme-color-1) !important;
    border-color: var(--theme-color-1) !important;
}

.sp-pro-box .sp-pro-img .sp-pro-actions .sp-btn-group .sp-wishlist.active,
.sp-pro-box .sp-pro-img .sp-pro-actions .sp-btn-group .sp-compare.active,
.sp-pro-box .sp-pro-img .sp-pro-actions .sp-btn-group .add-to-cart.active {
    background-color: var(--theme-color-1) !important;
    border-color: var(--theme-color-1) !important;
}

.sp-pro-box .sp-pro-details h4.sp-pro-title a:hover {
    color: var(--theme-color-1) !important;
}

.sp-pro-box .sp-pro-details .sp-price .inner-price .item-left {
    color: var(--theme-color-1) !important;
}

.sp-pro-rating .ri-star-fill {
    color: var(--theme-color-1) !important;
}

.sp-product-popular .owl-nav button:hover {
    background-color: var(--theme-color-1) !important;
    border: 1px solid var(--theme-color-1) !important;
}

.sp-about .sp-img-box .sp-detail .info {
    background-color: var(--theme-color-1) !important;
}

.sp-about .sp-details .list .icon {
    border: 1px dashed var(--theme-color-1) !important;
    background-color: var(--theme-color-2) !important;

}

.sp-about .sp-details .list .icon svg path {
    fill: var(--theme-color-1) !important;
}

.sp-about .sp-details .list .icon svg .cls-1 {
    stroke: var(--theme-color-1) !important;

}

.sp-ser-inner .sp-service-image svg path {
    fill: var(--theme-color-1) !important;
}

.sp-category .sp-category-block .category-detail .category-img {

    border: 5px solid var(--theme-color-1) !important;
}

.sp-category .sp-category-block .category-detail .category-info {
    background-color: var(--theme-color-2) !important;
    border: 1px dashed var(--theme-color-1) !important;
}

.sp-category .sp-category-block .category-detail .category-info h5 a:hover {
    color: var(--theme-color-1) !important;
}

.sp-collection-block .collection-detail .collection-info {
    border: 1px dashed var(--theme-color-1) !important;

}

.sp-collection-block .collection-detail .collection-info h5 a:hover {
    color: var(--theme-color-1) !important;
}

.sp-vendor-list .nav-tabs .nav-item .nav-img {
    border: 1px dashed var(--theme-color-1) !important;

}

.sp-vendor-list .nav-tabs .nav-link:hover {
    border: 1px solid var(--theme-color-1) !important;
}

.sp-vendor-list .nav-tabs .nav-link.active {
    border: 1px solid var(--theme-color-1) !important;
    background-color: var(--theme-color-2) !important;
}

.sp-deal .deal-box {
    background-color: var(--theme-color-2) !important;
    border: 1px dashed var(--theme-color-1) !important;
}

.sp-deal .deal-box h3 span {
    color: var(--theme-color-1) !important;
}

.sp-deal .box-2 .deal-detail .limit svg {
    fill: var(--theme-color-1) !important;
}

.sp-testimonial .owl-nav button:hover {
    background-color: var(--theme-color-1) !important;
    border: 1px solid var(--theme-color-1) !important;
}

.sp-testimonial .sp-testimonial-box .sp-detail .sp-icon i {
    color: var(--theme-color-1) !important;
}

.sp-blog-box .sp-blog-detail .sp-read:hover {
    color: var(--theme-color-1) !important;
}

.sp-blog-box .sp-blog-info .sp-post a {
    color: var(--theme-color-1) !important;
}

.sp-blog-box .sp-blog-info h3 a:hover {
    color: var(--theme-color-1) !important;
}

.sp-blog-box-2 .sp-blog-detail .sp-read:hover {
    color: var(--theme-color-1) !important;
}

.sp-blog-box-2 .sp-blog-info .sp-post a {
    color: var(--theme-color-1) !important;
}

.sp-blog-box-2 .sp-blog-info h3 a:hover {
    color: var(--theme-color-1) !important;
}

.sp-team-section .owl-nav button:hover {
    background-color: var(--theme-color-1) !important;
    border: 1px solid var(--theme-color-1) !important;
}

.sp-team-section .sp-team-box .sp-team-img .sp-team-socials ul li a:hover {
    background-color: var(--theme-color-1) !important;
}

.sp-single-blog-item .single-blog-info .single-blog-detail label a {
    color: var(--theme-color-1) !important;
}

.sp-single-blog-item .single-blog-info .single-blog-detail label a:hover {
    color: var(--theme-color-1) !important;
}

.sp-blog-comments .sp-single-comment-wrapper .sp-blog-comment-content .sp-blog-details-btn a {
    color: var(--theme-color-1) !important;
}

.sp-pro-list-top .sp-gl-btn .grid-btn.active {
    background: var(--theme-color-1) !important;
    border: 1px solid var(--theme-color-1) !important;
}

.sp-select-btn-clear .sp-select-clear:hover {
    background-color: var(--theme-color-1) !important;
}

.sp-single-product .single-nav-thumb .slick-slide:hover img {
    border-color: var(--theme-color-1) !important;
}

.sp-single-product .single-nav-thumb .slick-slide.slick-current.slick-active img {
    border-color: var(--theme-color-1) !important;
}

.sp-single-product .single-pro-content .sp-single-rating-wrap .sp-read-review a:hover {
    color: var(--theme-color-1) !important;
}

.sp-single-product .single-pro-content .sp-single-price-stoke .sp-single-ps-title {
    color: var(--theme-color-1) !important;

}

.sp-single-product .single-pro-content .sp-single-price .final-price .price-des {
    color: var(--theme-color-1) !important;
}

.sp-single-product .single-pro-content .sp-pro-variation .sp-pro-variation-inner .sp-pro-variation-content li.active {
    background-color: var(--theme-color-1) !important;

}

/* checkmark (visible only when active) */

.sp-single-product .single-pro-content .sp-pro-variation .sp-pro-variation-inner .sp-pro-variation-content li.active::after {
    content: "✔";
    position: absolute;
    top: -6px;
    right: -6px;
    background: #fff;
    color: var(--theme-color-1) !important;
    font-size: 10px;
    font-weight: bold;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}


.sp-single-product .single-pro-content .sp-single-qty .sp-single-cart .sp-btn-1 {
    border: 1px dashed var(--theme-color-1) !important;
}

.sp-single-product .single-pro-content .sp-single-qty .sp-single-cart .sp-btn-1:active {
    background-color: var(--theme-color-1) !important;
}

.sp-single-product .single-pro-content .sp-single-qty .sp-single-cart .sp-btn-1 svg path {
    stroke: var(--theme-color-1) !important;
}

.sp-single-product .single-pro-content .sp-single-qty .sp-single-cart .sp-btn-1:hover svg path {
    stroke: #ffffff !important;
}

.sp-single-product .single-pro-content .sp-single-qty .sp-btn-group:hover {
    background-color: var(--theme-color-1) !important;
    border-color: var(--theme-color-1) !important;
}

.sp-single-product .single-add-more .add-more-item.sp-active {
    border: 1px dashed var(--theme-color-1) !important;
    background-color: var(--theme-color-3) !important;
}

.sp-single-product .single-add-more .add-more-item.sp-active .add {
    border-color: var(--theme-color-1) !important;
    background-color: var(--theme-color-1) !important;
}

.sp-single-product .sp-single-rating i {
    color: var(--theme-color-1) !important;
}

.sp-single-product .sp-single-pro-tab-nav .nav-tabs .nav-link:hover {
    background-color: var(--theme-color-1) !important;
    border: 1px solid var(--theme-color-1) !important;
}

.sp-single-product .sp-single-pro-tab-nav .nav-tabs .nav-link.active {
    background-color: var(--theme-color-1) !important;
    border: 1px solid var(--theme-color-1) !important;
}

.sp-single-product .sp-single-pro-tab-content .sp-t-review-item .sp-t-review-top .sp-t-review-rating i,
.sp-single-product .sp-single-pro-accordion-content .sp-t-review-item .sp-t-review-top .sp-t-review-rating i {
    color: var(--theme-color-1) !important;
}

.sp-single-product .sp-single-pro-accordion-content .accordion-item .accordion-header button {
    background-color: var(--theme-color-2) !important;
    border: 1px solid var(--theme-color-1) !important;
    color: var(--theme-color-1) !important;
}

.sp-accordion.style-1 .sp-accordion-body code {
    color: var(--theme-color-1) !important;
}

.sp-checkout-section [type=radio]:not(:checked) + label:after {
    background: var(--theme-color-1) !important;

}

.sp-contact .sp-contact-detail .sp-box .icon-bg i {
    color: var(--theme-color-1) !important;
}

.sp-track-order .sp-track-list .sp-track-block.active .sp-step-icon i {
    color: var(--theme-color-1) !important;
}

/* DEMO 2 CSS FILE */
.sp-footer-2 .footer-top .sp-footer-widget .sp-footer-links .sp-footer-link a:hover {
    color: var(--theme-color-1) !important;
}

.sp-footer-2 .footer-top .sp-footer-social .sp-footer-widget .sp-footer-links .sp-footer-link a:hover {
    background-color: var(--theme-color-1) !important;
}

.footer-bottom .sp-copy .site-name:hover {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .top-header .inner-top-header .col-right-bar .cols .dropdown a:hover {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-toggle-menu .header-icon i {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .header-search .sp-btn-group-form .inner-select {
    border-right: 1px solid var(--theme-color-1) !important;
}


.sp-header-2 .header-search .sp-btn-group-form button:hover i {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .bottom-header .inner-bottom-header .sp-header-buttons .sp-acc-drop .sp-dropdown-menu li a:hover,
.sp-header-2 .bottom-header .inner-bottom-header .sp-header-buttons .sp-wish-drop .sp-dropdown-menu li a:hover {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .bottom-header .inner-bottom-header .sp-header-buttons .sp-wish-drop div.sp-wish-items li .sp-wish-contact span.wish-price .stock {

    color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li a svg path {
    stroke: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li:not(:last-child) {
    margin-right: 35px;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li:hover a.nav-link {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li:hover a.nav-link:after {
    border-color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav li:hover span {
    color: #ffffff !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown:hover .sp-dropdown-item:after {
    border-color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .mega-menu .menu_title a {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .mega-menu li a:hover {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .mega-menu li a.active {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-main-dropdown .img-menu li img:hover {
    border-color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-dropdown .sp-dropdown-menu li a:hover {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-dropdown .sp-dropdown-menu li a.active {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-dropdown:hover .sp-dropdown-item:after {
    border-color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-main-menu ul.navbar-nav .sp-mega-dropdown .sp-mega-menu li a:hover {
    color: var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-dropdown-menu .inner-select svg path {
    stroke: var(--theme-color-1) !important;
}

.sp-cursor:before {
    background: var(--theme-color-1) !important;
}

.sp-hero-2 h1,
.sp-hero-2 h2 {
    color: var(--theme-color-1) !important;
}

.sp-about-2 .sp-img-box .sp-detail .info {
    background-color: var(--theme-color-1) !important;
}

.sp-about-2 .sp-details .list .icon {
    border: 1px dashed var(--theme-color-1) !important;
    background-color: var(--theme-color-2) !important;
}

.sp-about-2 .sp-details .list .icon svg path {
    fill: var(--theme-color-1) !important;
}

.sp-about-2 .sp-details .list .icon svg .cls-1 {
    stroke: var(--theme-color-1) !important;
}

.sp-banner-2 .sp-wish {
    color: var(--theme-color-1) !important;
    border: 1px dashed var(--theme-color-1) !important;
}

.sp-banner-2 .sp-wish:hover {
    background-color: var(--theme-color-1) !important;
}

.sp-blog-box-2 .sp-blog-detail .sp-read:hover {
    color: var(--theme-color-1) !important;
}

.sp-blog-box-2 .sp-blog-info .sp-post a {
    color: var(--theme-color-1) !important;
}

.sp-blog-box-2 .sp-blog-info h3 a:hover {
    color: var(--theme-color-1) !important;
}

.sp-category-2 .sp-category-block .category-detail .category-img:after {
    border: 1px dashed var(--theme-color-1) !important;

}

.sp-category-2 .sp-category-block .category-detail .category-info {
    border: 1px dashed var(--theme-color-1) !important;
    background-color: var(--theme-color-2) !important;
}

.sp-category-2 .sp-category-block .category-detail .category-info h5 a:hover {
    color: var(--theme-color-1) !important;
}

.sp-collection-block .collection-detail .collection-info {
    border: 1px dashed var(--theme-color-1) !important;

}

.sp-collection-block .collection-detail .collection-info h5 a:hover {
    color: var(--theme-color-1) !important;
}

.sp-deal-2 .deal-box {
    border: 1px dashed var(--theme-color-1) !important;
    background-color: var(--theme-color-2) !important;
}

.sp-deal-2 .deal-box h3 span {
    width: 100%;
    color: var(--theme-color-1) !important;
}

.sp-deal-2 .box-2 .deal-detail .limit svg {
    fill: var(--theme-color-1) !important;

}

.sp-pro-box-2 .sp-pro-img .sp-pro-actions .sp-btn-group:hover a {
    background-color: var(--theme-color-1) !important;
    border-color: var(--theme-color-1) !important;
}

.sp-pro-box-2 .sp-pro-img .sp-pro-actions .sp-btn-group .sp-wishlist.active,
.sp-pro-box-2 .sp-pro-img .sp-pro-actions .sp-btn-group .sp-compare.active,
.sp-pro-box-2 .sp-pro-img .sp-pro-actions .sp-btn-group .add-to-cart.active {
    background-color: var(--theme-color-1) !important;
    border-color: var(--theme-color-1) !important;
}

.sp-pro-box-2 .sp-pro-details h4.sp-pro-title a:hover {
    color: var(--theme-color-1) !important;
}

.sp-pro-box-2 .sp-pro-details .sp-price .inner-price .item-left {
    color: var(--theme-color-1) !important;

}

.sp-pro-rating .ri-star-fill {
    color: var(--theme-color-1) !important;
}

.sp-product-popular .owl-nav button:hover {
    background-color: var(--theme-color-1) !important;
    border: 1px solid var(--theme-color-1) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-header-btn {
    background-color: var(--theme-color-2) !important;
}

.sp-header-2 .sp-main-menu-desk .sp-inner-menu-desk .sp-dropdown-menu .inner-select {
    background-color: var(--theme-color-2) !important;
}

.section-detail.detail-two .sp-tab ul .nav-item a {
    background-color: var(--theme-color-2) !important;

}

.sp-pro-pagination {
    background-color: var(--theme-color-2) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-header-btn {
    background-color: var(--theme-color-2) !important;
}

.sp-header .sp-main-menu-desk .sp-inner-menu-desk .sp-dropdown-menu .inner-select {
    background-color: var(--theme-color-2) !important;

}

.sp-category-popup .sp-category-search button {
    background-color: var(--theme-color-2) !important;

}

.sp-category-popup .sp-category-search .sp-cat-list ul li {
    background-color: var(--theme-color-2) !important;

}

.sp-shop-sidebar .sp-sidebar-wrap {
    background-color: var(--theme-color-2) !important;
}

.sp-blogs-sidebar .sp-blogs-sidebar-wraper {
    background-color: var(--theme-color-2) !important;

}

/**  Product  **/
.sp-pro-box {
    background-color: var(--theme-color-2) !important;
}

/**  Service Section  **/
.sp-ser-box {
    background-color: var(--theme-color-2) !important;

}

.sp-vendor-list .tab-content {
    background-color: var(--theme-color-2) !important;

}

.sp-testimonial .sp-testimonial-box {
    background-color: var(--theme-color-2) !important;

}

.sp-subscribe .sp-subscribe-form input {
    background-color: var(--theme-color-2) !important;

}

.sp-blog-comments {
    background-color: var(--theme-color-2) !important;

}

.sp-pro-list-top {
    background-color: var(--theme-color-2) !important;
}

.sp-select-bar .sp-select-btn {
    background-color: var(--theme-color-2) !important;
}

.sp-single-product .single-pro-content .sp-pro-variation .sp-pro-variation-inner .sp-pro-variation-content li {
    background-color: #000000 !important;
    color: #ffffff !important;
    position: relative;

    transition: 0.3s;
}

.sp-single-product .single-add-more .add-more-item a {
    background-color: var(--theme-color-2) !important;

}

.sp-single-product .sp-single-pro-tab-nav .nav-tabs .nav-link {
    background-color: var(--theme-color-2) !important;

}

.sp-single-product .sp-single-pro-tab-content,
.sp-single-product .sp-single-pro-accordion-content {
    background-color: var(--theme-color-2) !important;

}

.sp-accordion.style-1 .sp-accordion-item .sp-accordion-header {
    background-color: var(--theme-color-2) !important;

}

/*-------------------------------------------------
  Login Page CSS
---------------------------------------------------*/
.sp-login-content {
    background-color: var(--theme-color-2) !important;
}

.sp-register-wrapper .sp-register-container {
    background-color: var(--theme-color-2) !important;

}

.sp-cart-section .sp-sidebar-wrap {
    background-color: var(--theme-color-2) !important;

}

.sp-checkout-wrap {
    background-color: var(--theme-color-2) !important;

}

/*-----  Sidebar Page CSS  ------*/
.sp-checkout-section .sp-sidebar-wrap {
    background-color: var(--theme-color-2) !important;

}

.sp-contact form {
    background-color: var(--theme-color-2) !important;

}

.sp-contact .sp-contact-detail .sp-box {
    background-color: var(--theme-color-2) !important;
}

.sp-footer-2 {
    background: var(--theme-color-3) !important;
}

/* Layouts ( Import Layouts ) */
/**  Hero Section  **/
.sp-hero-2 {
    background-color: var(--theme-color-3) !important;

}

/**  Collection section  **/
.sp-collection-2 {
    background-color: var(--theme-color-3) !important;
}

.sp-btn-2 {
    background: var(--theme-color-3) !important;

}

.sp-btn-2:hover {
    background-color: #212529 !important;;
    color: #fff;
}

.half-bg {
    background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(50%, #ffffff), color-stop(50%, var(--theme-color-3)), to(var(--theme-color-3))) !important;
    background: linear-gradient(to top, #ffffff 0%, #ffffff 50%, var(--theme-color-3) 50%, var(--theme-color-3) 100%) !important;
}

.half-bg-2 {
    background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(45%, #ffffff), color-stop(45%, var(--theme-color-3)), to(var(--theme-color-3))) !important;
    background: linear-gradient(to top, #ffffff 0%, #ffffff 45%, var(--theme-color-3) 45%, var(--theme-color-3) 100%) !important;
}

.sp-checkbox span {
    background: var(--theme-color-3) !important;

}

.sp-header .bottom-header {
    background-color: var(--theme-color-3) !important;
}

/**  Footer  **/
.sp-footer {
    background: var(--theme-color-3) !important;

}

/**  Breadcrumb  **/
.sp-breadcrumb {
    background-color: var(--theme-color-3) !important;
}

/**  Breadcrumb  **/
.sp-breadcrumb-2 {
    background-color: var(--theme-color-3) !important;
}

/* Layouts ( Import Layouts ) */
/**  Hero Section  **/
.sp-hero {

    background-color: var(--theme-color-3) !important;
}

.sp-hero .sp-info ul li {

    border: 5px solid var(--theme-color-3) !important;
}

/**  Collection section  **/
.sp-collection {
    background-color: var(--theme-color-3) !important;
}

.sp-single-product .single-pro-img.sp-gallary {
    background-color: var(--theme-color-3) !important;

}

.sp-single-product .single-pro-content .sp-timer .time-block {

    background-color: var(--theme-color-3) !important;

}

.sp-cart-content .table-content table thead > tr > th {
    background-color: var(--theme-color-3) !important;
}

.sp-cart-content .sp-cart-page-msg {
    background-color: var(--theme-color-3) !important;

}

.sp-wishlist-list .sp-wish-page-msg {
    background-color: var(--theme-color-3) !important;

}

.sp-compare-list .sp-compare-page-msg {
    background-color: var(--theme-color-3) !important;

}

.sp-compare-list .sp-product-card .sp-compare-item ul li:nth-child(odd) {
    background-color: var(--theme-color-3) !important;

}

.sp-track-order .sp-track-list .sp-track-block.done {
    background-color: var(--theme-color-3) !important;
}

.sp-track-order .sp-track-list .sp-track-block.active {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--theme-color-3)), color-stop(0%, transparent)) !important;
    background: linear-gradient(90deg, var(--theme-color-3) 50%, transparent 0%) !important;
}

.category-detail .category-img img {
    z-index: 9 !important;
}

.sp-loader .loader:after {
    border: 2px dashed var(--theme-color-1) !important;

}

@media only screen and (max-width: 500px) {
    .sp-breadcrumb-2 {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .sp-header-2 .sp-category-toggle {
        background-color: var(--theme-color-2) !important;
    }

    .sp-header .sp-category-toggle {
        background-color: var(--theme-color-2) !important;
    }
}

/* Responsive breadcrumb css */
@media only screen and (max-width: 991px) {
    .sp-breadcrumb {
        background-color: var(--theme-color-2) !important;
    }
}