.custome-bg{
        background-color: #7ac142 !important;
    }
     .custome-bg:hover{
        background-color: hsl(80.42deg 42.69% 46.91%) !important;
    }
    .category:hover .category__button{
        color:#7ac142 !important;
    }
    body{
        font-family: "Outfit", sans-serif !important;
    }
    .custome-hover li a:hover{
        color: block !important;
        border-color: hsl(80.42deg 42.35% 56.29%) !important;
    }
    .progress-wrap::after{
        color: hsl(80.42deg 42.35% 56.29%) !important;
    }
    .progress-wrap{
        color: hsl(80.42deg 42.35% 56.29%) !important;
    }
    .hover-bg-main-800:hover{
        background-color: hsl(80.42deg 14.78% 53.8%) !important;
    }
    .bg-main-50{
     background-color: #7ac142 !important;
     color: white !important;
    }
    .bg-main-50:hover{
         background-color: hsl(80.42deg 42.35% 56.29%) !important;
         color: white !important;
    }
    .hover-bg-main-100:hover{
         background-color: hsl(80.42deg 26.86% 47.17%) !important;
    }
    .bg-main-600 {
        background-color: white !important;
    }
    .hover-border-main-600:hover {
         border-color: hsl(80.42deg 26.86% 47.17%) !important;
    }
    .stock-in{
      color: #000000 !important;
    }
    .share-list li a:hover{
        background-color: lightgray !important;
    }
    .share-list li button:hover{
        background-color: lightgray !important;
    }
    .share-icon{
        background-color: white !important;
    }
    
    .on-hover-item:hover .on-hover-dropdown {
    display: block;
}

/* Initially, keep the dropdown hidden */
.on-hover-dropdown {
    display: none;
    position: absolute;
    top: 100%; /* Position below the parent */
    left: 0;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.customer-bg {
    background-color: #7ac142 !important;
}
.category__button { 
    cursor: pointer;
}
@media (max-width: 767px) {
    .category__button .d-xs-flex {
        display: inline-flex !important;
    }

    .category__button .d-sm-flex {
        display: none;
    }

    .responsive-dropdown {
        display: none;
    }

    .responsive-dropdown.open {
        display: block;
    }

    .category__button .arrow-icon {
        margin-left: auto;
    }


    .close-responsive-dropdown {
        top: 16px;
        right: 16px;
    }
}


@media (min-width: 768px) {
    .category__button {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .responsive-dropdown {
        display: block;
    }

    .responsive-dropdown.on-hover-dropdown:hover {
        display: block;
    }

    .submenus-submenu__list {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .submenus-submenu__list li {
        padding: 8px 16px;
    }

    .submenus-submenu__list a {
        text-decoration: none;
        color: #333;
    }

    .submenus-submenu__list a:hover {
        color: #007bff;
    }

    .submenus-submenu {
        display: none;
    }

    .has-submenus-submenu:hover .submenus-submenu {
        display: block;
    }

    .bg-color-one {
      background-color: #7ac142 !important;
     }
     .text-main-600 {
        color: hsl(60deg 25% 98.43%) !important;
    }
}
.custome-bg{
        background-color: #7ac142 !important;
    }
     .custome-bg:hover{
        background-color: hsl(80.42deg 42.69% 46.91%) !important;
    }
    .category:hover .category__button{
        color:hsl(80.42deg 42.69% 46.91%) !important;
    }
    body{
        font-family: "Outfit", sans-serif !important;
    }
    .custome-hover li a:hover{
        color: black !important;
        border-color: hsl(80.42deg 42.35% 56.29%) !important;
    }
    .bg-main-50{
     background-color: #7ac142 !important;
     color: white !important;
    }
    .bg-main-50:hover{
         background-color: hsl(80.42deg 42.35% 56.29%) !important;
         color: white !important;
    }
    .hover-bg-main-100:hover{
         background-color: hsl(80.42deg 26.86% 47.17%) !important;
    }
    .bg-main-600 {
        background-color: white !important;
    }
    .btn-main {
        background-color: #7ac142 !important;
        border-color: hsl(80.21deg 42.6% 56.27%) !important;
    }
    .btn-main:hover{
         background-color: hsl(80.21deg 42.6% 56.27%) !important;
        border-color: hsl(80.21deg 42.6% 56.27%) !important;
    }
    .hover-border-main-600:hover {
         border-color: hsl(80.42deg 26.86% 47.17%) !important;
    }
    .stock-in{
      color: #000000 !important;
    }
    .share-list li a:hover{
        background-color: white !important;
    }
    .share-list li button:hover{
        background-color: white !important;
    }
    .share-icon{
        background-color: white !important;
    }
  .custome-ul li  a{
        color:#ffffff !important;
    }
  .custome-ul li a:hover{
        color:#ffffff !important;
    }
    .bg-color-one{
        background-color: #7ac142!important;
    }