/* Add custom CSS styles below */ 
h1.font-bold.text-font, h2.text-font {
    color: #fff;
}
salla-tab-header:not(.s-tabs-active),
.item-price,.item-total{
    color: #f3f1f1;
}
.RA_hero_section span.pb-0\.5.lg\:pb-2.text-primary,
.RA_hero_section p,
.NA-products-slider h4.bg-secondary-bg{
    display: none;
}
.RA_hero_section .bg-background.relative {
    background: unset;
}
.RA_hero_section h2 {
    font-weight: 400;
    text-align: center;
}
.RA_hero_section .relative.z-10.lg\:min-w-\[420px\].min-w-\[220px\] {
    justify-items: center;
}
h4.text-font-color.font-bold , .category-grid h2{
    font-weight: 400;
    line-height: normal;
}
.NA-products-slider h1 {
    color: #DEB271;
    font-weight: 400;
}
.category-grid .absolute.inset-0.items-center {
    width: 50%;
    left: 0;
    right: unset;
}

.category-grid h1{
    display: none;
}
.RA-banners .relative.bg-cover.justify-center.p-6.overflow-hidden {
    justify-content: flex-end;
    padding: 0;
}
/*linear clr*/
a.bg-primary.text-background, h3.text-primary.bg-secondary-bg[style="color:#000000; background-color: #deb271;"],
footer.store-footer{
    background: linear-gradient(180deg,rgba(197, 145, 71, 1) 0%, rgba(251, 214, 160, 1) 100%);
}
section[class*="about-us"] .lg\:flex-row-reverse .flex-1.text-center.lg\:text-right {
    justify-items: center;
    text-align: center;
} 
@media (min-width: 1024px) {
    .category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  .category-grid .bg-cover {
    background-size: contain;
    background-repeat: no-repeat;
}
}
b {
    color: #fff;
}
p.text-\[clamp\(1\.25rem\,1\.2113rem\+0\.1649vw\,1\.5rem\)\].text-font {
    color: #fff;
}