body, h1, h2, h3, h4, h5, h6, p, li {
    font-family: 'Urbanist', sans-serif;
}

p, li {
    font-family: 'Roboto', sans-serif;
}

.h-text-color {
    /*color: #a366d5;*/
    /*color: #d56680;*/
    /*color: #7166d5;*/
    /*color: #53c76e;*/
    /*color: #d59466;*/
    color: #ee2961;

}

#sidebar-menu .menu-link {
    display: block;
    padding: 8px 0;
    color: #696767;
    text-decoration: none;
    transition: color 0.3s ease;
}

#sidebar-menu .menu-link:hover,
#sidebar-menu .menu-link.active {
    color: #ee2961;; /* Reddish color on hover or active */
}

#sidebar-menu .list-group-item {
    background: transparent;
}


/* Smooth transition effect */
.product-title {
    transition: color 0.3s ease, text-decoration 0.3s ease;
}



/*sidebar button on hover*/
/* Sidebar Styling */


.navbar-vertical-collapse {
    transition: width 0.3s ease;
}

.navbar-vertical-collapse.collapsed {
    width: 80px; /* Collapsed width */
}

.navbar-vertical-collapse.collapsed .nav-text,
.navbar-vertical-collapse.collapsed .logo-text,
.navbar-vertical-collapse.collapsed .logo-container h5 {
    display: none; /* Hide text when collapsed */
}

.navbar-vertical-collapse.collapsed .logo-img {
    height: 30px; /* Smaller logo when collapsed */
}

.navbar-vertical-collapse.collapsed .dashboard-link {
    justify-content: center; /* Center icons when collapsed */
}

.navbar-vertical-collapse.collapsed .nav-icon,
.navbar-vertical-collapse.collapsed .sub-nav-icon {
    margin-right: 0; /* Remove margin for icons */
}

.navbar-vertical-collapse.collapsed .nav-group-items .nav-link {
    justify-content: center; /* Center sub-link icons */
    padding: 6px 0; /* Adjust padding for sub-links */
}

.navbar-vertical-collapse.collapsed .nav-group-items .nav-text {
    display: none; /* Hide sub-link text */
}

.toggle-collapse {
    transition: transform 0.3s ease;
}

.navbar-vertical-collapse.collapsed .toggle-collapse i::before {
    content: "\f53d"; /* Bootstrap icon for bi-arrows-expand-vertical */
}

.navbar-vertical-collapse.collapsed .toggle-collapse .nav-text {
    display: none; /* Hide the p tag text when collapsed */
}

.sidebar-nav .dashboard-link {
    padding: 10px 12px;
    transition: all 0.3s ease;
}

.sidebar-nav .dashboard-link:hover {
    background-color: rgba(238, 41, 97, 0.58);
    transform: translateX(5px); /* Slide effect on hover */
    border-radius: 8px;
}

.sidebar-nav .dashboard-link:hover span,
.sidebar-nav .dashboard-link:hover i {
    color: #fff !important; /* White text and icon on hover */
}

.sidebar-nav .dashboard-link.active {
    background-color: #ee2961;
    transform: translateX(5px); /* Slide effect for active state */
    border-radius: 8px;
}

.sidebar-nav .dashboard-link.active span,
.sidebar-nav .dashboard-link.active i {
    color: #fff !important; /* White text and icon on active */
}

.nav-group-items {
    list-style: none;
    padding-left: 0;
    /*background-color: rgba(248, 249, 250, 0.15); !* Light gray background *!*/
    border-radius: 8px;
    margin-top: 5px;
    margin-left: 30px; /* Adjusted from inline style */
}

.nav-group-items li {
    margin-bottom: 4px;
}

.nav-group-items .nav-link {
    padding: 6px 12px;
    transition: all 0.3s ease, transform 0.3s ease;
}

.nav-group-items .panel-item {
    padding: 8px 12px;
    transition: all 0.3s ease;
    border-bottom: 1px solid #e9ecef; /* Separator between items */
}

.nav-group-items .panel-item:last-child {
    border-bottom: none; /* Remove border from the last item */
}

.nav-group-items .panel-item:hover {
    background-color: rgba(238, 41, 97, 0.1); /* Lighter hover for sub-links */
    transform: translateX(3px); /* Subtle slide effect for submenu items */
}

.nav-group-items .panel-item:hover .nav-text,
.nav-group-items .panel-item:hover .sub-nav-icon i {
    color: #dc3545 !important; /* text-danger for sub-link text and icons */
}

.navbar-vertical-collapse.collapsed .nav-group-items {
    background-color: transparent; /* Remove background in collapsed mode */
    box-shadow: none; /* Remove shadow in collapsed mode */
    margin-left: 0; /* Remove margin in collapsed mode */
}

.navbar-vertical-collapse.collapsed .nav-group-items .panel-item {
    padding: 6px 0;
    justify-content: center; /* Center icons in collapsed mode */
}

.navbar-vertical-collapse.collapsed .nav-group-items .panel-item:hover {
    background-color: rgba(238, 41, 97, 0.2); /* Lighter hover in collapsed mode */
    transform: translateX(0); /* No slide in collapsed mode */
}

/* Ensure icons and text align properly */
.nav-icon,
.sub-nav-icon {
    width: 24px;
    text-align: center;
}


.fs-icon-1 {
    font-size: 3.5rem !important;
}


/*product card hover*/
.product-card {
    transition: transform 0.4s ease-in-out;
}

.product-card:hover {
    transform: scale(1.05);
}
.product-card:hover .filter-product-card-body {
    background-color: #fcd4ec !important;
}


.product-card:hover .product-title {
    color: #ee2961!important;
}

.product-img-hover-effect {
    transition: transform 0.3s ease-in-out; /* Smooth transition */
}

.product-img-hover-effect:hover {
    transform: scale(1.3);
}

@media (max-width: 576px) {
    .product-img-height {
        height: 140px !important; /* or any height you prefer for small screens */
    }

    .text-truncate-sm {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 24ch;
    }

    .rounded-sm-3 {
        border-radius: 8px!important;
    }
}

.product-card-body:hover {
    background-color: rgba(119, 119, 119, 0.83) !important;
}


.product-card:hover .product-title {
    color: #ee2961 !important;
}


.brand-cate-img-hover:hover {
    transform: scale(1.2);
}