/* ---------------------------------------------------------------------------
 * Moved out of assets/css/rtl/main.css (theme 4.9.7).
 * These rules only ever match inside this widget, so they now load with it
 * instead of on every page. They are kept ABOVE this file's own rules to
 * preserve the order they had when main.css was loaded first.
 * Edit them here - they are no longer in main.css.
 * --------------------------------------------------------------------------- */


.btn-outline-dark-2 {
	border: 1px solid #121212;
	color: #121212
}


.btn-outline-dark-2:hover {
	background-color: #121212
}


.top-selling-products-heading .nav-item:not(:last-child) {
	margin-left: 8px
}


@media only screen and (max-width:767px) {
	.top-selling-products-heading .nav-item {
		padding: 10px 12px 9px
	}

	.top-selling-products-heading .nav-item:not(:last-child) {
		margin-left: 4px
	}
}


.new-products-offer-heading {
	margin-bottom: 46px
}


.new-products-offer-heading .nav-item:not(:last-child) {
	margin-left: 21px
}