.allergen-icon{
    width: 20px!important;
    height: 20px!important;
    object-fit: contain;
}
#top-navigation{
    background: var(--header_bg_color);
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{
    background-color: var(--header_text_color);
}
#main-search-banner,
.mobile-home-banner
{
    background: var(--hero_image);
    background-size: cover;
}
#main-search-banner .banner-center h2{
    color: var(--hero_text_color);
}
.cart-handle path{
    fill: var(--header_text_color);
}

.main_layout #dropdownMenuLink,
.main_layout .ssm-toggle-navx
{
    color: var(--header_text_color);
}

.list-inline a,
.siderbar-menu a,
.menu-carousel a,
.drawer-preview-cart a
.dropdown-menu a,
.drawer-menu a{
    color: #000;
}
.section-benefits .benefits-1{
    background: var(--cta1);
}
.section-benefits .benefits-2{
    background: var(--cta2);
}
.section-benefits .benefits-3{
    background: var(--cta3);
}
.section-benefits .benefits-4{
    background: var(--cta4);
}

.btn-accent
{
    background: var(--accent_color_hex);
    color:#fff;
}

.btn.active{
    background: var(--accent_color_hex);    
}

.quantity a.rounded-pill:has(.zmdi-close){
    background: var(--accent_color_hex);  
}
.quantity a.rounded-pill:has(.zmdi-close):hover{
    color: var(--negative_color_hex)!important;  
}
.quantity a.rounded-pill:has(.zmdi-plus){
    background: var(--possitive_color_hex);  
}
.quantity a.rounded-pill:has(.zmdi-minus){
    background: var(--negative_color_hex);  
}
.quantity a.rounded-pill:has(.zmdi-plus):hover{
    color: #000!important;  
}
.quantity a.rounded-pill:has(.zmdi-minus):hover{
    color: #000!important;  
}

.badge.rounded-pill{
    background: var(--accent_color_hex)!important;
    color:#fff;
}
.btn-group label {
    background: var(--secondary_color_hex)!important;
    font-size:12px;;
}
.btn-group .btn.active{
    background:var(--accent_color_hex)!important;
    color:#fff;
}
.btn-group.btn-group-rounded{
    background: var(--secondary_color_hex)!important;
    border-radius:50px !important;
    min-height: 45px;
}
.payment_success .zmdi-check-circle{
    font-size: 350px;
    color: var(--success);
}
.loader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
    animation: spin 2s linear infinite;
    margin-right: 20px;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }