/* Add custom CSS styles below */ 
.top-navbar:not(.topnav-has-bg) {
    background-color: #010e34;
    color: #77c399;
}
.bg-store-bg-secondary {
    background-color: #010e34;
}
.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
    text-align: right;
    color: #8ae0ac;
}

.bg-primary {
    background-color: #414042;
    background-color: #7bc99d;
}
.text-primary-reverse {
    color: #ff6767;
    color: #010e34;
}
p.py-3.text-sm.text-store-text-secondary{color:white}
:root {
    --font-main: 'almarai';
    --color-primary: #8ae0ac;
    --bg-primary: #ffffff;
    --bg-secondary: #ffffff;
    --header-bg: #ffffff;
    --header-text-color: #111827;
    --store-text-primary: #111827;
    --store-text-secondary: #4b5563;
    --product-bg: #ffffff;
    --color-primary-dark: #88b2ba;
    --color-primary-light: #d4feff;
    --color-primary-reverse: #2f5961;
    --product-image-height: 17rem;
    --product-border-color: #eeeeee;
    --product-enhanced-btn-bg: #ffffff;
    --product-enhanced-btn-color: var(--color-primary);
    --products-per-row: 4;
    --footer-bg: #010e34;
    --footer-text-color: #ffffff;
    --bottom-footer-bg: #000c33;
    --countdown-bg: #f3f4f6;
    --countdown-color: #111827;
    --countdown-border-color: #f3f4f6;
    --bottom-nav-bg: #ffffff;
    --bottom-nav-text-color: #111827;
    --wa-btn-bg: #22c55e;
    --wa-btn-text-color: #ffffff;
}
p.leading-6.text-sm.mb-2.mt-2\.5.md\:mt-4.text-store-text-primary{
color:white;
}
h4.text-base.text-store-text-primary.mb-2{
    color: #8ae0ac;

}
.s-button-primary-outline {
    fill: #414042;
    fill: #f1f1f1;
    color: #414042;
    color: #8ae0ac;
    background: #000b32;
}