/* ---------------------------------------------------------------------------
 * 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.
 * --------------------------------------------------------------------------- */


.top-products {
	margin: 25px 0 0;
	padding-bottom: 65px
}


.top-products::before {
	content: "";
	top: 0;
	right: 0;
	width: 289px;
	height: 883px;
	background: url(../../../assets/images/shape-top-products.png)0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	-webkit-transform: translate(140px, -260px);
	-moz-transform: translate(140px, -260px);
	-ms-transform: translate(140px, -260px);
	-o-transform: translate(140px, -260px);
	transform: translate(140px, -260px);
	z-index: -1
}


.top-products-tabs::after {
	content: "";
	width: -webkit-calc(100% - 350px);
	width: -moz-calc(100% - 350px);
	width: calc(100% - 350px);
	height: 5px;
	left: 0;
	top: 50%;
	background-color: #f8f9fb;
	margin-right: 20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1
}


@media only screen and (max-width:575px) {
	.top-products-tabs::after {
		content: none
	}
}


.top-products-tabs .nav-item:not(:last-child) {
	margin-left: 5px
}


.top-products-tabs .nav-item .nav-link {
	font-size: 16px;
	font-weight: 500;
	color: #212341;
	padding: 10px 26px;
	cursor: pointer;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px
}


.top-products-two {
	margin: 0 0 25px
}


.top-products-two-tabs .nav-item:not(:last-child) {
	margin-left: 6px
}


.top-products-two-tabs .nav-item .nav-link {
	font-size: 16px;
	font-weight: 500;
	color: #212341;
	line-height: 25px;
	-webkit-border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
	padding: 10px 26px;
	cursor: pointer;
	border: 0
}


@media only screen and (max-width:575px) {
	.top-products-two-tabs .nav-item .nav-link {
		font-size: 14px;
		padding: 8px 16px
	}
}


.top-products-two-wrapper {
	background-color: #f8f9fb;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 19px 21px 21px
}


.top-products-two-wrapper::after {
	content: "";
	right: -33px;
	bottom: -35px;
	width: 120px;
	height: 199px;
	background: url(../../../assets/images/pattern-cart.png)0 0 no-repeat;
	z-index: -1
}


@media only screen and (max-width:991px) {
	.top-products-two-wrapper {
		padding: 15px 12px
	}
}


.top-seller-products-two {
	margin-bottom: 47px
}


.top-products-six .nav-pills .nav-item {
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	cursor: pointer;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	padding: 15px 27px;
	z-index: 2
}


.top-products-six .nav-pills .nav-item,
.top-products-six .nav-pills .nav-item::before,
.top-products-six .nav-pills .nav-item::after {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}


.top-products-six .nav-pills .nav-item::before,
.top-products-six .nav-pills .nav-item::after {
	content: "";
	bottom: 0;
	background: url(../../../assets/images/tab-shape-01.png)0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 48px;
	height: 38px;
	z-index: -1;
	opacity: 0;
	visibility: hidden
}


.top-products-six .nav-pills .nav-item::before {
	right: 0;
	-webkit-transform: translate(42px, 7px);
	-moz-transform: translate(42px, 7px);
	-ms-transform: translate(42px, 7px);
	-o-transform: translate(42px, 7px);
	transform: translate(42px, 7px)
}


.top-products-six .nav-pills .nav-item::after {
	left: 0;
	background-image: url(../../../assets/images/tab-shape-02.png);
	-webkit-transform: translate(-42px, 7px);
	-moz-transform: translate(-42px, 7px);
	-ms-transform: translate(-42px, 7px);
	-o-transform: translate(-42px, 7px);
	transform: translate(-42px, 7px)
}


.top-products-six .nav-pills .nav-item.active::before,
.top-products-six .nav-pills .nav-item.active::after {
	opacity: 1;
	visibility: visible
}


@media only screen and (max-width:575px) {
	.top-products-six .nav-pills .nav-item {
		font-size: 13px;
		padding: 12px 16px
	}
}


.top-products-six-wrapper {
	padding: 30px
}


.top-products-six-wrapper::before,
.top-products-six-wrapper::after {
	content: "";
	top: 0;
	width: 100vw;
	height: 100%
}


.top-products-six-wrapper::before {
	right: 0;
	background-color: #fed844;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px
}


.top-products-six-wrapper::after {
	background-color: #fff;
	left: 100%;
	z-index: 2
}


@media only screen and (max-width:991px) {
	.top-products-six-wrapper {
		padding: 30px 15px
	}
}


@media only screen and (max-width:575px) {
	.top-products-six-wrapper {
		margin: 0-12px;
		padding: 30px 12px
	}

	.top-products-six-wrapper::before {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0
	}
}


.top-products-six.gray .nav-pills .nav-item::before {
	background-image: url(../../../assets/images/tab-shape-03.png)
}


.top-products-six.gray .nav-pills .nav-item::after {
	background-image: url(../../../assets/images/tab-shape-04.png)
}


.top-products-six.gray .nav-pills .nav-item.active {
	background-color: #f8f9fb
}


.top-products-six.gray .top-products-six-wrapper::before {
	background-color: #f8f9fb
}


.top-products-six .nav-pills .nav-item::before,
.top-products-six .nav-pills .nav-item::after {
	background: #fed844;
	-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAxIiBkPSJNLTM2NjMtMTMwMjV2LTM4aDUuNjI4Yy4zMzksMTQuNjU1LjA0MSwzMiw0MC4xNjIsMzJoMi4yMXY2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY2My4wMDEgMTMwNjMuMDAyKSIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=)0 0/cover;
	mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAxIiBkPSJNLTM2NjMtMTMwMjV2LTM4aDUuNjI4Yy4zMzksMTQuNjU1LjA0MSwzMiw0MC4xNjIsMzJoMi4yMXY2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY2My4wMDEgMTMwNjMuMDAyKSIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=)0 0/cover;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}


.top-products-six .nav-pills .nav-item::after {
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAyIiBkPSJNLTM4MDAtMTMwMjV2LTZoNi4zODNjMzguMiwwLDM1LjE1LTE3LjM0NSwzNS4yNTYtMzJILTM3NTJ2MzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAwLjAwMSAxMzA2My4wMDIpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAyIiBkPSJNLTM4MDAtMTMwMjV2LTZoNi4zODNjMzguMiwwLDM1LjE1LTE3LjM0NSwzNS4yNTYtMzJILTM3NTJ2MzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAwLjAwMSAxMzA2My4wMDIpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==)
}


.top-products-six .nav-pills .nav-item,
.top-products-six .nav-pills .nav-item::before,
.top-products-six .nav-pills .nav-item::after {
	-webkit-transition: 0s;
	-o-transition: 0s;
	-moz-transition: 0s;
	transition: 0s
}


.top-products-six .nav-pills .nav-item::before,
.top-products-six .nav-pills .nav-item::after {
	background: #fed844;
	-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAxIiBkPSJNLTM2NjMtMTMwMjV2LTM4aDUuNjI4Yy4zMzksMTQuNjU1LjA0MSwzMiw0MC4xNjIsMzJoMi4yMXY2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY2My4wMDEgMTMwNjMuMDAyKSIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=)0 0/cover;
	mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAxIiBkPSJNLTM2NjMtMTMwMjV2LTM4aDUuNjI4Yy4zMzksMTQuNjU1LjA0MSwzMiw0MC4xNjIsMzJoMi4yMXY2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzY2My4wMDEgMTMwNjMuMDAyKSIgZmlsbD0iI2ZmZiIvPg0KPC9zdmc+DQo=)0 0/cover;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}


.top-products-six .nav-pills .nav-item::after {
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAyIiBkPSJNLTM4MDAtMTMwMjV2LTZoNi4zODNjMzguMiwwLDM1LjE1LTE3LjM0NSwzNS4yNTYtMzJILTM3NTJ2MzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAwLjAwMSAxMzA2My4wMDIpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIzOC4wMDMiIHZpZXdCb3g9IjAgMCA0OCAzOC4wMDMiPg0KICA8cGF0aCBpZD0idGFiLXNoYXBlLTAyIiBkPSJNLTM4MDAtMTMwMjV2LTZoNi4zODNjMzguMiwwLDM1LjE1LTE3LjM0NSwzNS4yNTYtMzJILTM3NTJ2MzhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAwLjAwMSAxMzA2My4wMDIpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==)
}


.top-products-two-wrapper .swiper.swiper-top-products-two.overflow-hidden.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
	padding-top: 15px
}


.top-products-two-tabs {
	overflow-x: auto;
	white-space: nowrap;
	scrollbar-width: none;
}