body {
    background-color: var(--body) !important;
}

    body::-webkit-scrollbar-thumb {
        background: var(--public-scrollbar-background) !important;
    }

    body::-webkit-scrollbar-track {
        background: var(--public-scrollbar-color) !important;
    }


.back-to-top {
    background-color: var(--public-backtotop-background) !important;
}

    .back-to-top i {
        color: var(--public-backtotop-icon) !important;
    }

    .back-to-top:hover {
        background-color: var(--public-backtotop-hover) !important;
    }


.home-whatsapp {
    background-color: var(--public-backtotop-background) !important;
}

    .home-whatsapp i {
        color: var(--public-backtotop-icon) !important;
    }

    .home-whatsapp:hover {
        background-color: var(--public-backtotop-hover) !important;
    }

.home-PhoneNumber {
    background-color: var(--public-backtotop-background) !important;
}

    .home-PhoneNumber i {
        color: var(--public-backtotop-icon) !important;
    }

    .home-PhoneNumber:hover {
        background-color: var(--public-backtotop-hover) !important;
    }

a {
    color: var(--public-text-color) !important;
}

    a:hover {
        color: var(--public-text-color-hover) !important;
    }

.mega-cat p a:hover {
    color: var(--public-text-color-hover) !important;
}

.mega-menu-container > div ul li a:hover {
    color: var(--public-text-color-hover) !important;
}


.product-actions .product-single-share li button:hover {
    color: var(--public-text-color-hover) !important;
}

.aparat-logo svg {
    fill: var(--public-text-color) !important;
}


.link {
    color: var(--public-link-text-color) !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--public-text-color) !important;
}

#site-footer ul.footer-info li span {
    color: var(--public-text-color) !important;
}

#site-footer ul.footer-info li i {
    color: var(--public-text-color) !important;
}

button[type=submit], input[type=button], input[type=submit], .d-grid > .creditPayBtn {
    background: var(--public-button-main-background) !important;
    color: var(--public-button-main-color) !important;
    border: unset;
    transition: all .3s ease;
}

    button[type=submit]:focus, button[type=submit]:hover, input[type=button]:focus, input[type=button]:hover, input[type=submit]:focus, input[type=submit]:hover, .d-grid > .creditPayBtn:hover {
        color: var(--public-button-main-color-hover) !important;
        background: var(--public-button-main-background-hover) !important;
    }

.button {
    background: var(--public-button-main-background) !important;
    color: var(--public-button-main-color) !important;
}

    .button:focus, .button:hover {
        color: var(--public-button-main-color-hover) !important;
        background: var(--public-button-main-background-hover) !important;
    }

.btn-red {
    background: var(--public-button-main-background) !important;
    color: var(--public-button-main-color) !important;
}

    .btn-red:hover {
        color: var(--public-button-main-color-hover) !important;
        background: var(--public-button-main-background-hover) !important;
    }



.section-title h3 span, .section-title h1 span {
    color: var(--public-text-two-color) !important;
}

.section-title h3:after, .section-title h3:before, .section-title h1:after, .section-title h1:before {
    background: var(--public-linetitle-color) !important;
}


.product-container .add-to-cart-btn {
    background: var(--public-button-proudct-background) !important;
    color: var(--public-button-proudct-color) !important;
    transition: all .3s ease;
}

    .product-container .add-to-cart-btn:hover {
        background: var(--public-button-proudct-background-hover) !important;
        color: var(--public-button-proudct-color-hover) !important;
    }

.header-narrow-menu {
    background-color: var(--header-top-background) !important;
}

.footer-bottom {
    background-color: var(--footer-bottom-background) !important;
}

#site-advantages {
    background-color: var(--footer-bottom-ads-background) !important;
    color: var(--footer-bottom-ads-color) !important;
}

.shop-pagination ul li.active {
    background: var(--public-button-pagination-background) !important;
    color: var(--public-button-pagination-color) !important;
}

.shop-pagination ul li a {
    color: inherit !important;
}

.site-search div button {
    background: var(--header-button-search-background) !important;
    color: var(--header-button-search-color) !important;
}

    .site-search div button:hover {
        background: var(--header-button-search-background-hover) !important;
        color: var(--header-button-search-text-hover) !important;
    }

.site-search div input {
    background: var(--header-input-search-background) !important;
}

.Botton-login {
    border: 1px solid var(--header-button-login-border-color) !important;
}

.tiny-badge {
    background: var(--header-button-cart-number-background) !important;
}


.btn-secondary {
    background-color: var(--header-button-cart-background) !important;
    border: 0.8px solid var(--header-button-cart-border) !important;
    color: var(--header-button-cart-color) !important;
}

    .btn-secondary:hover {
        background-color: var(--header-button-cart-border-hover) !important;
        color: var(--header-button-cart-color-hover) !important;
    }



#site-header {
    background: var(--header-background) !important;
}

#bg-site-footer {
    background: var(--footer-background) !important;
}

#site-footer {
    background: var(--footer-background) !important;
}


#site-furious-notification {
    background: var(--header-notification-background) !important;
    color: var(--header-notification-color) !important;
}

.responsive-mobile-like-menu {
    background: var(--footer-mobile-manu-background) !important;
}

    .responsive-mobile-like-menu li > svg {
        fill: var(--footer-mobile-manu-color) !important;
    }

    .responsive-mobile-like-menu li > a {
        color: var(--footer-mobile-manu-color) !important;
    }



.header-categories {
    background: var(--header-menu-background) !important;
    font-weight: bold !important;
}

.categories-ul > li {
    color: var(--header-menu-color) !important;
}

    .categories-ul > li > a {
        color: inherit !important;
    }

#bgsection {
    background: var(--home-page-section-one-background) !important;
}


#site-tabbed-content, .full-socials, #site-faq, #site-testimonials, #site-testimonials {
    background: var(--home-page-section-two-background) !important;
}

#site-blog {
    background: var(--home-page-section-blog-background) !important;
}

    #site-blog header {
        background: var(--home-page-section-blog-background) !important;
    }


.category-carousel header i.ico-Category1 {
    color: var(--home-page-Category-icon-color) !important;
}


.button-brand.button-light {
    background-color: var(--home-page-button-background) !important;
    color: var(--home-page-button-color) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border: unset;
    transition: all .3s ease;
}


    .button-brand.button-light:hover {
        background-color: var(--home-page-button-background-hover) !important;
        color: var(--home-page-button-color-hover) !important;
    }


.faq-item h5 {
    color: var(--home-page-faq-title-color) !important;
}

.faq-item p {
    color: var(--home-page-faq-summery-color) !important;
}


#shop-page .submit-filter-btn {
    background: var(--listproduct-page-filter-button-background) !important;
    color: var(--listproduct-page-filter-button-color) !important;
}


#shop-page #shop-order-filter-container .shop-product-ordering button.active {
    background: var(--listproduct-page-filters-button-background) !important;
    color: var(--listproduct-page-filters-button-color) !important;
}

#shop-page #shop-order-filter-container .shop-product-ordering button {
    color: var(--listproduct-page-filters-text-button-color) !important;
    background: var(--listproduct-page-filters-text-button-background) !important;
}

    #shop-page #shop-order-filter-container .shop-product-ordering button:hover {
        color: var(--listproduct-page-filters-text-button-color-hover) !important;
        background: var(--listproduct-page-filters-text-button-background-hover) !important;
    }

#shop-page .thumbnail-categories li {
    background: var(--listproduct-page-category-button-background) !important;
    color: var(--listproduct-page-category-button-color) !important;
    transition: all 0.3s ease;
}

    #shop-page .thumbnail-categories li a {
        color: var(--listproduct-page-category-button-color) !important;
    }

    #shop-page .thumbnail-categories li:hover {
        background-color: var(--listproduct-page-category-button-background-hover) !important;
    }



.product-details .single-product-price .primary-price {
    background: var(--productdetails-page-price-button-background) !important;
    color: var(--productdetails-page-price-button-color) !important;
}


.product-content .product-single-add2cart-btn, .product-content .product-single-add2cart-btn + [id^=fast-pay-button-] {
    background: var(--productdetails-page-card-button-background) !important;
    color: var(--productdetails-page-card-button-color) !important;
    transition: all .3s ease;
}

    .product-content .product-single-add2cart-btn + [id^=fast-pay-button-].active, .product-content .product-single-add2cart-btn + [id^=fast-pay-button-]:focus, .product-content .product-single-add2cart-btn + [id^=fast-pay-button-]:hover, .product-content .product-single-add2cart-btn.active, .product-content .product-single-add2cart-btn:focus, .product-content .product-single-add2cart-btn:hover {
        background-color: var(--productdetails-page-card-button-hover) !important;
    }



.purchase-process ul li.active:before {
    background: var(--mycart-page-line-background) !important;
}

.purchase-process li.active a {
    border: 2px solid var(--mycart-page-button-border) !important;
    color: var(--mycart-page-button-color) !important;
}


.buttonclick {
    background: var(--mycart-page-buttons-background) !important;
    color: var(--mycart-page-buttons-color) !important;
    transition: all .3s ease;
}

    .buttonclick a {
        color: inherit !important;
        transition: all .1s ease;
    }

    .buttonclick:hover {
        color: var(--mycart-page-buttons-color-hover) !important;
        background: var(--mycart-page-buttons-background-hover) !important;
    }

        .buttonclick:hover a {
            color: inherit !important;
        }

#profile-code button {
    border-color: var(--public-button-main-background) !important;
    color: var(--public-button-main-background ) !important;
    transition: all .3s ease;
}

    #profile-code button:hover {
        border-color: #ffffff !important;
        background-color: var(--public-button-main-background) !important;
        color: #ffffff !important;
    }

.profile-widget a.btn-info {
    background-color: var(--public-button-main-background) !important;
    color: var(--public-button-main-color ) !important;
    border: unset;
    padding: 6px 14px;
}

    .profile-widget a.btn-info:hover {
        background-color: var(--public-button-main-background-hover) !important;
        color: var(--public-button-main-color-hover ) !important;
    }

.faq-question {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 3px;
    padding-top: 3px;
    color: var(--faq-page-text-color) !important;
}

.faq-items .icon-container {
    color: var(--faq-page-text-color) !important;
}

.faq-answer p {
    color: var(--faq-page-text-answer-color) !important;
}

#site-ContactUs div > i:first-child {
    color: var(--ContactUs-page-icon-color) !important;
}

#site-ContactUs ul li, #site-ContactUs ul li i {
    color: var(--public-text-color) !important;
}

.aparatsvg {
    align-self: center;
    margin-bottom: 9px;
    color: var(--ContactUs-page-icon-color) !important;
}

/*blogs links style*/

.buttonblog {
    border-color: var(--public-link-text-color) !important;
    color: var(--public-link-text-color) !important;
    display: inline-block;
    transition: transform .3s;
}

    .buttonblog:hover {
        color: var(--public-link-text-color) !important;
        transform: translateX(10px);
    }

.site-blog article .more-btn {
    transition: all .3s ease;
}

    .site-blog article .more-btn:hover {
        transform: translateX(10px);
    }

        .site-blog article .more-btn:hover > .link {
            color: var(--public-link-text-color) !important;
        }

.post-meta > .link:hover {
    color: var(--public-link-text-color) !important;
    opacity: .7;
}
/*end blogs links style*/


/*new captcha button - Green button*/
.captchaTd > div > a.btn:hover, #AddAddressModalBtn:hover {
    background-color: #136c42 !important;
    border: 0.8px solid #136c42;
    color: #ffffff !important;
}

/*payment buttons*/
button[type=submit], input[type=submit], .d-grid > .creditPayBtn {
    padding: 10px 13px;
    font-size: .95rem;
}

/*product label*/
.product-container .product-badges span.badge-red, .masterSearch .product-badges span.badge-red {
    background-color: var(--product-label-offer-background) !important;
    color: var(--product-label-offer-color) !important;
}

.product-container .discount-amount {
    background-color: var(--product-label-offer-background) !important;
    color: var(--product-label-offer-color) !important;
}

.product-container .product-badges span.badge-orange {
    background-color: var(--product-label-brand-background) !important;
    color: var(--product-label-brand-color) !important;
}

/*    footer*/
.footertitle {
    color: var(--footer-title-color) !important;
}

#site-footer,
#site-footer ul.footer-info li span,
#site-footer ul.text-footer li a,
#site-footer i,
#site-footer ul.footer-info.text-footer li i {
    color: var(--footer-color) !important;
}

    #site-footer ul.footer-info li span a:hover,
    #site-footer ul.text-footer li a:hover,
    #site-footer i:hover {
        color: var(--footer-color-hover) !important;
    }

.footer-bottom p {
    color: var(--public-text-color);
}
/*    end footer*/

.bage-product {
    color: var(--public-button-proudct-color) !important;
    background-color: var(--public-button-proudct-background) !important;
}

    .bage-product:hover {
        color: var(--public-button-proudct-color-hover) !important;
        background-color: var(--public-button-proudct-background-hover) !important;
    }