:root {

    /* All Header setting here =========================================================================================================================================== */

        /* 1st Header Bar Backgrround */
        --header_bg: #3e5c3a; /* Top Header */
        --btn-search-color: #eb303b; /* Header Search Button Background */
        --btn-search-text-color: #fff; /* Header Search Button Text Color */

        /* 2nd Header Bar Background */
        --Main-color-2: #3e5c3a;
        --header-category:#eb303b; /* Header Category Button Background */
        --header-category-color:#fff; /* Header Category Button Text for the 'Categories' word */
        --header-category_burger_button_color: #fff; /* hamburger icon color that show on the left hand side of the 'Categories' word in WEB view  */
        --header-category-mobile-color: #fff; /* hamburger icon color that show on the left hand side of the navbar in mobile view */
        --header-text-color: #fff; /* text color for the web header list */
        --header-user-text: #fff; /* text color for the account info that show at right hand side ---> ' Login | Register ' */
        --icon_user_color: 1; /* user icon can set to 1 or 0, if its set to 1 icon will show in white color, if value set to 0 will show in black color. */
        --icon_cart_color: 0; /* cart icon can set to 1 or 0, if its set to 0 icon will show in white color, iff value set to 1 will show in black color. */

        /* Total Cart at header bar */
        --cart-total-color: #eb303b; /* The background color for the cart total badge that show at the header cart icon */
        --cart-total-color-text : #fff;  /* The total items value text for the cart that show at the header cart icon */
   
    /* END Header Setting color =========================================================================================================================================== */




    /* Product Block here =========================================================================================================================================== */

        --product-price: #6da23a; /* All of the Product Price will show in this color */

    /* End Product Block here =========================================================================================================================================== */





    /* Home Product here =========================================================================================================================================== */

        --Main-color-1: #3e5c3a; /* Home Product Title bar left border color refer to the homepage Home Product or Category */
        --product_block_background: #F5F5F5;

    /* End Jome Product =========================================================================================================================================== */




    /* Footer Color Setting here =========================================================================================================================================== */

        --footer-color: #272727; /* value set for Footer background color */
        --footer-title:#6da23a; /* Footer Title text color */
        --footer-text: #fff;    /* Text color for the normal text that show in Footer */
        --footer_font--: #fff;

    /* End Footer Color Setting =========================================================================================================================================== */




    /* Pagination =========================================================================================================================================== */

        --product_search_paging:#eb303b;
        --product_search_paging_color:#fff; /* current page selected text */
        --product_search_paging_focus:#262626;
        --product_search_paging_focus_color:#fff; /* current focus text */

    /* End Pagination =========================================================================================================================================== */


    /* For Normal Button that you can see in the website =========================================================================================================================================== */

        --btn-primary-color: #f1592a; /* Button color */
        --button_text: #fff; /* Button Text Color */

    /* End Normal Button =========================================================================================================================================== */



    /* Product Detail Page =========================================================================================================================================== */

        --product_detail_description_tab: #6da23a;  /* For The "Description" Tab background color in the product detail page */
        --product_detail_description_tab_text: #fff;    /* color text for the "Description" Tab in the product detail page */
        --box-heading-line-color: #6da23a; /* color for the heading title's bottom line, refer to the 'You may also like' in the product detail page. */

    /* End Product Detail =========================================================================================================================================== */



    /* Cart List and Checkout Page =========================================================================================================================================== */

        --myorder-bg-color: #FCEAC2; /* color will show in the cart List table header and Checkout page(each block header) */

    /* End Card List =========================================================================================================================================== */


    /* Checkout Page =========================================================================================================================================== */

        --shipping_method_selected_background: #eb303b; /* Color for the shipping method button in the checkout page (refer to the shipping method). */
        --shipping_method_selected_text: #fff;  /* Text color for the shipping method button in checkout page. */
        --checkout-secondary-bg:#FCEAC2; /* Checkout Title background */
        --checkout-icon-bg-color: #FCEAC2;  /* icon background */
        --myorder-bg-color2: #FCEAC2; /* Order Summary */
        --checkout-selected-bg: #FEDEDF;
        --checkmark-schedule: green;

    /* End Checkout Page =========================================================================================================================================== */




    /* My Order Page =========================================================================================================================================== */

        --myorder-filter-bg: #eb303b; /* Calender, Filter, and Detail (in each product List) Button Color */
        --myorder-reset-bg: #000; /* Reset Button Color in My Order Page */
        --myorder-reset-text: #fff; /* Text Color for the reset button in My Order Page */
        --myOrder-detail-btn: #f1592a;
        --myorder_active_btn: #540c0c;
        --my_order_status_tab: #eb303b; /* Processing, Complete and cancelled button color when the button is active */
        --myorder-active: #000; /* change button color to this value when hover to the Processing/Complete/cancelled button */
        --myorder-active-text: #fff;    /* text color change to this value if Processing/Complete/cancelled button is hover by user */

    /* End My Order =========================================================================================================================================== */




    /* My WishList Page =========================================================================================================================================== */

        --btn-wishtlist_remove-color: #000; /* Remove button in the my wishlist page */

    /* End My Wishlist Page =========================================================================================================================================== */






    /* My Shipping Address Page =========================================================================================================================================== */

        --default_button_bg--: #eb303b; /* Edit Color Button in My Shipping Address Page */
        --btn-primary-text-color: #fff; /* Add new address button text color */
        --remove_btn: #262626;  /* Remove button outline and text color */
        --shipping_address_default_tag_bg: #6da23a; /* 'Default' box color, if user set the shipping method to default. */
        --shipping_address_default_tag_font: #fff; /* 'Default' text color, if user set the shipping method to default. */

    /* End My Shipping Address Page =========================================================================================================================================== */





    /* Contact Us, Information Page , can refer to Privacy Policy, terms and Conds .... =========================================================================================================================================== */
        
        --page-title-color: #F9F3E3; /* Title bar color that show on the top of the page */

    /* End Information Page =========================================================================================================================================== */

















   /* Home Product Title bar */
   --ttproduct-bg: #F7F7F7;
   --title_border_left: #0b9444;

   /* Web Site button Color */
   --button-text-color: #fff;  /* For My SHipping Address -> 'Add New Address' button. */

   
 
 }