.sld-image img {
    width: 100%;
    height: 700px;
    object-fit: fill !important;
}
.menu-item.active .item-link {
    color: #ffffff !important;
}
a.item-link.seidn {
    color: white;
}

i.icon.icon-arrow-angle-down {
    color: white !important;
}
.menu-item:hover .item-link {
    color: black;
}
    .mega-menu-item {
    text-align: center;
}

header.tf-header.line-bt-2 {
    background: #e7534f;
}
.header-top-inner{
display:flex;
align-items:center;
justify-content:space-between;
}

.header-search{
font-size:14px;
letter-spacing:1px;
}

.logo-site img {
    width: 150px !important;
}
.header-icons .nav-icon{
display:flex;
gap:20px;
align-items:center;
margin:0;
padding:0;
list-style:none;
}

.header-menu{
border-top:1px solid #eee;
}

.box-nav-menu{
justify-content:center;
}
 i.icon.icon-hearth {
    color: white !important;
}
i.icon.icon-cart {
    color: white !important;
}

       
                                            ul.subcategory-list {
    margin-left: -50px;
}
                                                /* Category item with subcategories */
                                                .category-item {
                                                    position: relative;
                                                }

                                                .category-item>a {
                                                    display: block;
                                                    padding: 5px 0;
                                                }

                                                /* Subcategory list - hidden by default */
                                                .subcategory-list {
                                                    position: absolute;
                                                    left: 100%;
                                                    top: 0;
                                                    background: white;
                                                    min-width: 200px;
                                                    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
                                                    padding: 10px 0;
                                                    border-radius: 5px;
                                                    opacity: 0;
                                                    visibility: hidden;
                                                    transition: all 0.3s ease;
                                                    z-index: 1000;
                                                    list-style: none;
                                                    margin: 0;
                                                }

                                                /* Show subcategories on hover */
                                                .category-item:hover .subcategory-list {
                                                    opacity: 1;
                                                    visibility: visible;
                                                }

                                                /* Subcategory items styling */
                                                .subcategory-list li {
                                                    padding: 5px 15px;
                                                }

                                                .subcategory-list li a {
                                                    color: #333;
                                                    font-size: 14px;
                                                    text-decoration: none;
                                                    display: block;
                                                    transition: all 0.3s ease;
                                                }

                                                .subcategory-list li a:hover {
                                                    color: #b76e79;
                                                    /* Your brand color */
                                                    padding-left: 5px;
                                                }

                                                /* For the mega menu layout */
                                                .mega-menu .wrapper-sub-menu {
                                                    display: flex;
                                                    flex-wrap: wrap;
                                                }

                                                .mega-menu-item {
                                                    min-width: 220px;
                                                    position: relative;
                                                }