:root {
    --atlas-font-family-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Cantarell", "Source Code Pro", "Fira Mono", "Droid Sans Mono", Verdana, monospace;
  }

  * {
    /* font-family: var(--atlas-font-family-mono); */
    font-family: 'Almarai', sans-serif !important;


  }
.custum-menu-bar .h-50px,.custum-menu-bar.h-50px,.custum-menu-bar .h-100{
height: unset !important;
}
/* fddf r */
.cart-icon{
    height: fit-content;
    padding: 10px;

}
header.sticky-top{
    position: unset !important;
}
.cart-icon1222eewq{
    height: fit-content;
    padding: 10px;

}

.card-cat-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
}

.card-cat-container .card-cat,.all-cat .card-cat{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 200px;
    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-cat-container .card-cat:hover,.all-cat .card-cat:hover  {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.card-cat-container .icon img , .all-cat   img{
    /* width: 60px;
    height: 60px; */
    margin-bottom: 15px;
}

.card-cat-container .category-name,.all-cat .category-name {
    font-size: 18px;
    color: #333;
    margin: 10px 0;
}

.card-cat-container .category-link {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}
/* Style for the image */
.category-image {
    width: 100%; /* Make the image full width */
    height: auto; /* Maintain aspect ratio */
    object-fit: cover; /* Ensure the image covers the container without distortion */
    border-radius: 8px 8px 0 0; /* Rounded corners at the top */
    transition: transform 0.3s ease;
}

.category-image:hover {
    transform: scale(1.1); /* Slight zoom effect on hover */
}
.card-cat-container .category-link:hover {
    background-color: #0056b3;
}

.cat-parent{
    position: relative;
}
.list-inline-item {
    position: relative; /* Required for proper stacking */
    /* Optional: Ensures the parent has a base z-index */
}
.show.dropdown-menu{
    z-index: 9999;
    position: absolute;
}
/* Ensure the parent element establishes a stacking context */
.list-inline-item {
    position: relative; /* Required for proper stacking */
}

/* Dropdown menu styles */
.dropdown-menu {
    position: absolute; /* Ensures it's positioned relative to the parent */
    top: 100%; /* Places it directly below the parent */
    left: 0;
    z-index: 222; /* Sets the desired z-index */
}

/* start */
.custum-menu-bar .hor-swipe{
    overflow: unset !important;
}
.cat-parent:hover .sub-cats {
    display: block !important; /* Display the dropdown when hovering over the parent */
}