/*header css starts here*/
.header {
    background: var(--header-bg-color) !important;
}

.header-links a {
    color: var(--header-nav-color) !important;
    background: var(--header-nav-bg-color) !important;
}
.mobile-responsive .c-menu {
    background: var(--header-nav-bg-color) !important;
}
#cart_block_top .click-cart, .logo span {
    color: var(--header-nav-color) !important;
}

.header i, .mobile-responsive i {
    color: var(--header-icon-color) !important;
}

.header-links a.active, .header-links a:hover {
    color: var(--header-nav-color-active-and-hover) !important;
    background: var(--header-nav-bg-color-hover) !important;
}

.header .notification-bubble {
    background: var(--header-notification-bubble-bg-color) !important;
    color: var(--header-notification-bubble-color) !important;
}

.header .cart-bubble, .counter {
    color: var(--header-basket-bubble-color ) !important;
    background: var(--header-basket-bubble-bg-color) !important;
}

.dropdown-menu-header li a {
    color: #000 !important;
}

    .dropdown-menu-header li a i {
        color: #777 !important;
    }

    .dropdown-menu-header li a:hover {
        color: var(--header-nav-color-active-and-hover) !important;
        background: var(--header-nav-bg-color-hover) !important;
    }

        .dropdown-menu-header li a:hover i {
            color: var(--header-nav-color-active-and-hover) !important;
        }

.mobile-responsive .profile-img-wrap {
    color: var(--header-nav-color) !important;
    background: var(--header-bg-color) !important;
}

.mobile-responsive .header-links .redeem-btn {
    background-color: #55BB0E !important;
    color: #FFFFFF !important;
}

    .mobile-responsive .header-links .redeem-btn:hover {
        background-color: #55BB0E !important;
        color: #FFFFFF !important;
    }

.mobile-responsive p {
    color: var(--header-nav-color) !important;
}
.pageheading, .profile-label-name {
    color: var(--header-nav-color) !important;
}
.username-header-label {
    color: var(--header-nav-color) !important;
}
/*.mobile-responsive .header-links i {
    color: var(--header-nav-color) !important;
}*/
/*header css ends here*/
/*slider btn color*/
.slider-btn {
    color: var(--slider-btn-color) !important;
    background: var(--slider-btn-bg-color) !important;
}

.slider-btn:hover {
        color: var(--slider-btn-color-hover) !important;
        background: var(--slider-btn-bg-color-hover ) !important;
}

.slider-heading {
    color: var(--slider-heading-color)!important;
}

.body-p-color .slider-p {
    color: var(--slider-p-color)!important;
}

.slider-content-1 {
    background: var(--slider-bg-color)!important;
}

.owl-dot-style .owl-dots .owl-dot {
    border: 1px solid var(--slider-btn-bg-color) !important;
}

.owl-dot-style .owl-dots .owl-dot.active {
        background: var(--slider-btn-bg-color) !important;
        border: 1px solid var(--slider-btn-bg-color) !important;
}

/*Body,h1, h2, h3, p, a colors css override*/
 .body-heading-color h2, .body-heading-color h3, .body-heading-color h4, .body-heading-color h5, .body-heading-color h6 {
    color: var(--body-heading-color) !important;
}
.nav-pills > li {
    color: var(--body-heading-color) !important;
}
.body-p-color p {
    color: var(--body-p-color) !important;
}

.body-link-color {
    color: var(--body-a-color) !important;
    border-color: var(--body-a-color) !important;
}

    .body-link-color:hover {
        color: var(--body-a-color-hover) !important;
    }

.body-back-top-btn-color {
    color: var( --body-back-to-top-btn-icon-color) !important;
    background: var(--body-back-to-top-btn-bg-color) !important;
}

.body-back-top-btn-color {
    color: var(--body-back-to-top-btn-icon-color-hover) !important;
    background: var(--body-back-to-top-btn-bg-color-hover) !important;
}

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

/*.modal-title i {
    color: var(--body-icon-color) !important;
}*/

.body-btn-default {
    color: var(--body-default-btn-color) !important;
    background: var(--body-default-btn-bg-color) !important;
    border: 1px solid var(--body-default-btn-bg-color) !important;
}

    .body-btn-default:hover {
        color: var(--body-default-btn-color-hover) !important;
        background: var(--body-default-btn-bg-color-hover) !important;
        border: 1px solid var(--body-default-btn-bg-color-hover) !important;
    }



.body-btn-primary {
    color: var(--body-primary-btn-color) !important;
    background: var(--body-primary-btn-bg-color) !important;
    border: 1px solid var(--body-primary-btn-bg-color) !important;
}

    .body-btn-primary:hover {
        color: var(--body-primary-btn-color-hover) !important;
        background: var(--body-primary-btn-bg-color-hover) !important;
        border: 1px solid var(--body-primary-btn-bg-color-hover) !important;
    }

.body-btn-success {
    color: var(--body-success-btn-color) !important;
    background: var(--body-success-btn-bg-color) !important;
    border: 1px solid var(--body-success-btn-bg-color) !important;
}

    .body-btn-success:hover {
        color: var(--body-success-btn-color-hover) !important;
        background: var(--body-success-btn-bg-color-hover) !important;
        border: 1px solid var(--body-success-btn-bg-color-hover) !important;
    }
.disable-btn-map {
    cursor: not-allowed !important;
    color: #000 !important;
    background: #d2d2d2 !important;
    border: 1px solid #d2d2d2 !important;
}
.disable-btn-map:hover {
    cursor: not-allowed !important;
    color: #000 !important;
    background: #d2d2d2 !important;
    border: 1px solid #d2d2d2 !important;
}
.menu-tab-bar a:hover {
    border-bottom: 3px solid var(--body-heading-color) !important;
}

.menu-tab-bar a.active {
    border-bottom: 3px solid var(--body-heading-color) !important;
    
}
.active-menu {
    border-left: 3px solid var(--body-heading-color) !important;
}
    .active-menu::after {
        color: var(--body-heading-color) !important;
    }
 /*.empty-stars {
    color: #d2d2d2;
}*/
/*stars colors*/
.empty-stars {
    color: #d2d2d2 !important;
}

.filled-stars {
    /*color: var(--header-bg-color) !important;*/
    -webkit-text-stroke: 1px #777 !important;
    text-shadow: 1px 1px #777 !important;
}

/*checkboxes colors*/
.radio-custom:checked + .radio-custom-label:before {
    color: var(--body-primary-btn-color) !important;
    background: var(--body-primary-btn-bg-color) !important;
    border: 2px solid var(--body-primary-btn-bg-color) !important;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
    color: var(--body-primary-btn-color) !important;
    background: var(--body-primary-btn-bg-color) !important;
    background-color: var(--body-primary-btn-bg-color) !important;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: var(--body-primary-btn-color) !important;
}
.styled-checkbox:checked + label:after {
    color: var(--body-primary-btn-color) !important;
}
.styled-checkbox:checked + label:before {
    background: var(--body-primary-btn-bg-color);
    color: var(--body-primary-btn-color) !important;
}

.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}
.cd-top {
    background: var(--body-back-to-top-btn-bg-color) !important;
    border: 1px solid var(--body-back-to-top-btn-icon-color) !important;
    color: var(--body-back-to-top-btn-icon-color) !important;
}


.cd-top:hover {
    background: var(--body-back-to-top-btn-bg-color-hover) !important;
    color: var(--body-back-to-top-btn-icon-color-hover)!important;
}
/*Footer css starts here*/
footer {
    background: var( --footer-bg-color) !important;
}

.footer-heading {
    color: var(--footer-heading-color) !important;
    border-bottom: 1px solid var(--footer-heading-color) !important;
}

.footer-links a {
    color: var(--footer-link-color) !important;
}

    .footer-links a:hover {
        color: var(--footer-link-color-hover) !important;
    }

.social-icons a {
    color: var(--footer-icon-color) !important;
}

    .social-icons a:hover {
        color: var(--footer-icon-color-hover) !important;
    }

.need-help-icon svg path {
    fill: var(--footer-icon-color) !important;
}

.appstore-buttons a {
    color: var(--footer-icon-color) !important;
}

    .appstore-buttons a svg path {
        fill: var(--footer-icon-color) !important;
    }

.body-p-color .footer-p {
    color: var(--footer-p-color) !important;
}

.copy-text a {
    color: var(--footer-link-color) !important;
}


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

.footer-btn:hover {
        background: var(--footer-btn-bg-color-hover) !important;
        color: var(--footer-btn-color-hover) !important;
}