:root {
--announcement-text: #fff;
--announcement-bg-color: #000000;
--form-placeholder: #7c7676;
--form-text: black;
--form-background: #ffffff;
--form-hover: #A0CFC0;
--form-hover-bg: #ffffff;
--font-headings-base-size: 24px;
--font-headings-page-title-size: 54px;
--font-headings-letter-spacing: 0px;
--font-headings-family: Atma;
--font-headings-transform: uppercase;
--font-accent-letter-spacing: 0px;
--font-accent-family: Atma;
--font-accent-transform: initial;
--font-body-base-size: 16px;
--font-body-family: Atma;
--header-font-size: 16px;
--header-text: #000;
--header-bg-color: #fff;
--header-border: #e5e5e5;
--header-btn-hover: #ffffff;
--header-btn-hover-border: #A0CFC0;
--accent-background: #ffffff;
--page-background: #fff;
--page-headings: #212529;
--page-buttons: #A0CFC0;
--page-buttons-accent-bg: #DBC9B1;
--page-buttons-label: #fff;
--page-button-accent: #000000;
--page-button-accent-hover: #bdab93;
--page-hover: #faffff;
--page-sales-price: #A0CFC0;
--page-sales-discount-price: #212529;
--page-text: #141414;
--home-slider: #A0CFC0;
--home-slider-opacity: 40%;
--drawars-background: black;
--drawars-border: #72a192;
--drawars-button: #72a192;
--drawars-text: #fff;
--drawars-overlay: #ffff;
--drawars-overlay-opacity: 60%;
--search-bar-input-text: #FFF;
--search-bar-input-bg: #72a192;
--search-bar-input-foucs-bg: #053425;
--footer-background: black;
--footer-border: #72a192;
--footer-form: #72a192;
--footer-text: #e3e3e3;
--footer-headings: #fff;
--footer-placeholder: #d6d6d6;
--footer-input-text: #ffffff;
--footer-input-foucs-bg: #053425;
--quickview-price: #fff;
--quickview-discount-price: #b6b6b6;
--quickview-backdrop-opacity: 60%;
--white: #fff;
--black: #000;
--tool-tip-darck: #212529;
--price-darck: #212529;
--backdrop-overlay: #ffffffa6;
--input-border-color: rgba(0, 0, 0, 0.25);
--checkout-bg: #fff;
--gray: #7a7a7a;
--gray-dark-2: #444;
--gray-dark: #363a42;
--gray-second: #9b9b9b;
--gray-light-second2: #bdbdbd;
--gray-light-second: #bdbdbd;
--gray-lighter: #f6f6f6;
--gray-light: #f6f6f6;
--border-gray: #ddd;
--brand-success: #4cbb6c;
--brand-warning: #ff9a52;
--brand-danger: #ff4c4c;
--brand-primary: #A0CFC0;
--btn-primary-color: #fff;
--label-bg-color: #000;
--label-color: #fff;
--base-font-size: 1rem;
--font-size-lg: 0.9375rem;
--font-size-sm: 0.875rem;
--font-size-xs: 0.8125rem;
--font-size-h1: 1.75rem;
--font-size-h2: 1.3125rem;
--font-size-h3: 1.125rem;
--font-size-h4: 1.125rem;
--font-size-h5: 1rem;
--font-size-h6: 0.9375rem;


/* Additional CSS with conditional logic and styling */
#form_ContactUs .fileupliod{ display: none!important; }
                #header .header-nav-transparent .cart-products-count { color: var(--header-text)!important; }
                
                #header .header-nav-transparent{
                    background: var(--header-bg-color)!important;
                    border-bottom: 1px solid var(--header-border)!important;
                }
                
                #header .header-nav-transparent a {
                    color: var(--header-text)!important;
                }
                
                #header .header-nav-transparent a:hover {
                    color: var(--header-text);
                    opacity: 0.7;
                    text-decoration: none;
                }
                
                #main .local_mall{
                    color: var(--page-buttons-label);
                    margin-right: 3px;
                    font-size: 18px;
                }
                
                #header .header-nav-transparent .local_mall{
                    color: var(--header-text);
                }
                
                #header .header-nav-transparent .cal-container .material-icons-outlined{
                    color: var(--header-text);
                }
                
                #header .header-nav-transparent .nav-search-btn span {
                    color: var(--header-text);
                }
                
                #header .header-nav-transparent li a {
                    color: var(--header-text);
                }
                
                #header .header-nav-transparent .loginbtn i{
                    color: var(--header-text);
                }
                
                #header .header-nav-transparent #menu-icon .material-icons{
                    color: var(--header-text);
                }
                
            .btn-loading::after{
                display: none;
                font-family: "Material icons outlined";
                font-weight: 400;
                font-style: normal;
                letter-spacing: normal;
                text-transform: none;
                display: inline-block;
                white-space: nowrap;
                word-wrap: normal;
                direction: ltr;
                -webkit-font-feature-settings: "liga";
                -webkit-font-smoothing: antialiased;
                vertical-align: bottom;
                content: "cached";
                -webkit-animation: spin 1s infinite cubic-bezier(.35,0,.25,1);
                -moz-animation: spin 1s infinite cubic-bezier(.35,0,.25,1);
                -ms-animation: spin 1s infinite cubic-bezier(.35,0,.25,1);
                -o-animation: spin 1s infinite cubic-bezier(.35,0,.25,1);
                animation: spin 1s infinite cubic-bezier(.35,0,.25,1);
                font-size: 26px;
            }
            
            .loader {
                border: 2px solid #f3f3f3;
                border-radius: 50%;
                border-top: 2px solid #3498db;
                width: 20px;
                height: 20px;
                -webkit-animation: spin 2s linear infinite; /* Safari */
                animation: spin 2s linear infinite;
            }
            @keyframes spin {
                    0% { transform: rotate(0deg); }
                    100% { transform: rotate(360deg); }
            }
            
            @media (min-width: 768px) {
                ::-webkit-scrollbar {
                    width: 8px;
                }
                ::-webkit-scrollbar-track {
                    background: #f1f1f1; 
                }
                ::-webkit-scrollbar-thumb {
                    background: var(--drawars-button); 
                    border-radius: 2px;
                    cursor: pointer;
                }
                ::-webkit-scrollbar-thumb:hover {
                    background: var(--drawars-button);
                    cursor: pointer;
                }
                #_mobile_top_menu::-webkit-scrollbar-track {
                    background: var(--drawars-background);
                }
                #header #side-cart .scwcon .side-cart-cont::-webkit-scrollbar-track {
                    background: var(--drawars-background);
                }
            }