/* Add custom CSS styles below */ 
.olla-header-navbar .sicon-shopping-bag:before {
	content: '\e921' !important;
}

#mainnav i,
#mainnav svg {
	font-size: 22px !important;
	color: var(--header-textmain-color) !important;
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	line-height: 1;
	transition:
		transform 0.2s ease,
		color 0.2s ease;
}

#mainnav i:hover,
#mainnav svg:hover {
	transform: scale(1.1);
	color: var(--color-primary) !important;
}

#mainnav .flex.items-center.gap-6 {
	gap: 12px;
	align-items: center;
}