/*your custom css goes here*/

:root{
	--alter: #fab800;
	--alter2: #748d2c;
	--alter3: #023d02;
	--alter4: #462f36;
	--light: #ececec;
}
.aiz-main-wrapper {
    background-color: #f5f5f5;
}
.z-1021{z-index: 1021 !important}
.text-alter{color: var(--alter) !important;}
.text-alter-2{color: var(--alter2) !important;}
.text-alter-3{color: var(--alter3) !important;}
.text-alter-4{color: var(--alter4) !important;}

.bg-alter{background-color: var(--alter) !important;}
.bg-alter-2{background-color: var(--alter2) !important;}
.bg-alter-3{background-color: var(--alter3) !important;}
.bg-alter-4{background-color: var(--alter4) !important;}

.border-alter{border-color: var(--alter) !important;}
.border-alter-2{border-color: var(--alter2) !important;}
.border-alter-3{border-color: var(--alter3) !important;}
.border-alter-4{border-color: var(--alter4) !important;}

.rounded-bottom {
    border-bottom-right-radius: .75rem!important;
    border-bottom-left-radius: .75rem!important;
}
.rounded-left {
    border-top-left-radius: .75rem!important;
    border-bottom-left-radius: .75rem!important;
}
.list-inline.long-gap .list-inline-item:not(:last-child) {
    margin-right: 2rem;
}

.dot-small-black .slick-dots button{
	height: 6px;
	width: 6px;
	background: #000;
}
.dot-small-white .slick-dots button{
	height: 6px;
	width: 6px;
	background: #fff;
}
.dot-small-white .slick-dots .slick-active button{
	background: var(--alter);
}

.separator-white:before{
	background-color: #fff;
}
.separator-alter:before{
	background-color: var(--alter);
}

#category-menu-icon .dropdown-toggle::after {
	content: none
}
.hover-category-menu .all-category::before {
    right: auto;
    left: 20px;
}

.aiz-mobile-bottom-nav {
    border-radius: 10px 10px 0 0;
    box-shadow: 0px -1px 10px rgb(0 0 0 / 15%);
}
@media (max-width: 767.98px) {
	.home-banner-area h2 {
	    font-size: 28px;
	}

	.home-banner-area .btn {
	    font-size: 12px;
	    font-weight: 600;
	    padding: 8px 15px;
	}
}
@media (max-width: 1199.98px){
	.front-header-search {
	    position: absolute;
	    z-index: 1;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    right: 0;
	    left: 0;
	    opacity: 0;
	    transform: translateY(-100%);
	    -webkit-transform: translateY(-100%);
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	}
	.front-header-search.active {
	    transform: translateY(0%);
	    -webkit-transform: translateY(0%);
	    opacity: 1;
	}
}

/* md */
@media (min-width: 768px) {
    .h-md-auto { height: auto; }
}

/* ==========================================================================
   Admin Sidebar Active & Highlight Styles
   ========================================================================== */
.aiz-sidebar {
    scroll-behavior: smooth;
}

/* Custom scrollbar for better visibility and smooth navigation */
.aiz-sidebar::-webkit-scrollbar {
    width: 6px;
}
.aiz-sidebar::-webkit-scrollbar-track {
    background: #10101c;
}
.aiz-sidebar::-webkit-scrollbar-thumb {
    background: #2a2b42;
    border-radius: 3px;
}
.aiz-sidebar::-webkit-scrollbar-thumb:hover {
    background: #377dff;
}

/* Base link transition */
.aiz-side-nav-list .aiz-side-nav-link {
    transition: background-color 0.2s ease, color 0.2s ease, border-left-color 0.2s ease;
    position: relative;
    border-left: 3px solid transparent;
}
[dir="rtl"] .aiz-side-nav-list .aiz-side-nav-link {
    border-left: none;
    border-right: 3px solid transparent;
}

/* Hover state */
.aiz-side-nav-list .aiz-side-nav-link:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}
.aiz-side-nav-list .aiz-side-nav-link:hover .aiz-side-nav-icon {
    color: #377dff !important;
}

/* Active Top-Level Item (e.g. Dashboard, Delivery & Riders) */
.aiz-side-nav-list > .aiz-side-nav-item > .aiz-side-nav-link.active {
    color: #ffffff !important;
    font-weight: 600 !important;
    background: linear-gradient(90deg, rgba(55, 125, 255, 0.24) 0%, rgba(55, 125, 255, 0.05) 100%) !important;
    border-left: 4px solid #377dff !important;
    border-radius: 0 6px 6px 0;
}
[dir="rtl"] .aiz-side-nav-list > .aiz-side-nav-item > .aiz-side-nav-link.active {
    border-left: none !important;
    border-right: 4px solid #377dff !important;
    border-radius: 6px 0 0 6px;
}
.aiz-side-nav-list > .aiz-side-nav-item > .aiz-side-nav-link.active .aiz-side-nav-icon {
    color: #377dff !important;
    filter: drop-shadow(0 0 8px rgba(55, 125, 255, 0.6));
}

/* Parent of Active Submenu (e.g. Suppliers (C08), Products, Accounting) */
.aiz-side-nav-list > .aiz-side-nav-item.mm-active > .aiz-side-nav-link,
.aiz-side-nav-list .aiz-side-nav-link.level-2-active,
.aiz-side-nav-list .aiz-side-nav-link.level-3-active {
    color: #ffffff !important;
    font-weight: 600 !important;
    background-color: rgba(255, 255, 255, 0.07) !important;
    border-left: 4px solid rgba(55, 125, 255, 0.75) !important;
}
[dir="rtl"] .aiz-side-nav-list > .aiz-side-nav-item.mm-active > .aiz-side-nav-link,
[dir="rtl"] .aiz-side-nav-list .aiz-side-nav-link.level-2-active,
[dir="rtl"] .aiz-side-nav-list .aiz-side-nav-link.level-3-active {
    border-left: none !important;
    border-right: 4px solid rgba(55, 125, 255, 0.75) !important;
}
.aiz-side-nav-list > .aiz-side-nav-item.mm-active > .aiz-side-nav-link .aiz-side-nav-icon,
.aiz-side-nav-list .aiz-side-nav-link.level-2-active .aiz-side-nav-icon,
.aiz-side-nav-list .aiz-side-nav-link.level-3-active .aiz-side-nav-icon {
    color: #377dff !important;
}

/* Submenu active item (Level 2 & Level 3 active link) */
.aiz-side-nav-list .level-2 .aiz-side-nav-link.active,
.aiz-side-nav-list .level-3 .aiz-side-nav-link.active {
    color: #ffffff !important;
    font-weight: 600 !important;
    background: linear-gradient(90deg, rgba(55, 125, 255, 0.28) 0%, rgba(55, 125, 255, 0.08) 100%) !important;
    border-left: 3px solid #377dff !important;
    border-radius: 4px !important;
    margin: 2px 10px 2px 20px !important;
    padding: 8px 16px 8px 32px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}
[dir="rtl"] .aiz-side-nav-list .level-2 .aiz-side-nav-link.active,
[dir="rtl"] .aiz-side-nav-list .level-3 .aiz-side-nav-link.active {
    border-left: none !important;
    border-right: 3px solid #377dff !important;
    margin: 2px 20px 2px 10px !important;
    padding: 8px 32px 8px 16px !important;
}

/* Active bullet indicator inside submenu */
.aiz-side-nav-list .level-2 .aiz-side-nav-link.active:after,
.aiz-side-nav-list .level-3 .aiz-side-nav-link.active:after {
    background: #377dff !important;
    box-shadow: 0 0 8px #377dff, 0 0 3px #ffffff !important;
    width: 7px !important;
    height: 7px !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
[dir="rtl"] .aiz-side-nav-list .level-2 .aiz-side-nav-link.active:after,
[dir="rtl"] .aiz-side-nav-list .level-3 .aiz-side-nav-link.active:after {
    left: auto !important;
    right: 14px !important;
}