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


.section-heading-two {
	padding: 15px 40px 15px 0
}


.section-heading-two::after {
	content: "";
	top: 0;
	right: 0;
	width: 75%;
	height: 100%;
	background-image: -webkit-gradient(linear, right top, left top, from(#fff9eb), to(#fff));
	background-image: -webkit-linear-gradient(right, #fff9eb, #fff);
	background-image: -moz-linear-gradient(right, #fff9eb, #fff);
	background-image: -o-linear-gradient(right, #fff9eb, #fff);
	background-image: linear-gradient(to left, #fff9eb, #fff);
	z-index: -1;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px
}


@media only screen and (max-width:575px) {
	.section-heading-two {
		padding-right: 12px
	}

	.section-heading-two::after {
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px
	}
}


.top-seller-home {
	margin: 55px 0
}


@media only screen and (max-width:767px) {
	.top-seller-home {
		margin: 70px 0
	}
}


.top-seller-home-five {
	margin-bottom: 25px
}


.top-seller-home-five.pattern::after {
	content: "";
	top: 180px;
	left: 0;
	width: 533px;
	height: 876px;
	background: url(../../../assets/images/pattern-04.png)0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	z-index: -1
}


@media only screen and (max-width:767px) {
	.top-seller-home-five.pattern::after {
		background-position: center center
	}
}


.products-category-two {
	margin: 103px 0 130px
}




.products-category-two .section-heading::after,
.products-category-two .section-heading::before {
	content: "";
	top: 51px;
	left: 0;
	height: 1px
}


.products-category-two .section-heading::after {
	width: 100%;
	background-color: #f5f3fc;
	z-index: -1
}


.products-category-two .section-heading .detail {
	background-color: #fff;
	padding-left: 30px
}


@media only screen and (max-width:575px) {

	.products-category-two .section-heading::after,
	.products-category-two .section-heading::before {
		content: none
	}

	.products-category-two .section-heading-link {
		margin-top: 0
	}
}


.consol-game {
	margin: 145px 0 68px
}


@media only screen and (max-width:767px) {
	.consol-game {
		margin: 80px 0 40px
	}
}


.best-seller-products {
	margin: 145px 0 91px
}


@media only screen and (max-width:767px) {
	.best-seller-products {
		margin: 90px 0 60px
	}
}


.new-products-fourteen .section-heading .detail::before,
.new-products-fourteen .section-heading .detail::after {
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}


.new-products-fourteen .section-heading .detail::before {
	right: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff3f0), to(#ecfcfc));
	background: -webkit-linear-gradient(top, #fff3f0, #ecfcfc);
	background: -moz-linear-gradient(top, #fff3f0, #ecfcfc);
	background: -o-linear-gradient(top, #fff3f0, #ecfcfc);
	background: linear-gradient(to bottom, #fff3f0, #ecfcfc);
	width: 53px;
	height: 106px
}


.new-products-fourteen .section-heading .detail::after {
	right: 16px;
	width: 20px;
	height: 20px;
	background: url(../../../assets/images/tick.svg)0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%
}


.best-selling-fiveteen .section-heading .detail::before {
	content: "";
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 59px;
	height: 59px;
	background: url(../../../assets/images/shape-fiveteen-0043.png)0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%
}


.best-selling-sixteen {
	padding: 40px 0 0;
	background: url(../../../assets/images/shape-bg-dark.png)0 64%no-repeat;
	-webkit-background-size: 100% 74px;
	-moz-background-size: 100% 74px;
	-o-background-size: 100% 74px;
	background-size: 100% 74px
}


.best-selling-sixteen::before {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 57%;
	background-color: #121320;
	z-index: -1
}


.best-selling-sixteen .section-heading {
	z-index: 2
}


.best-selling-sixteen .section-heading::after {
	content: "";
	top: 24px;
	left: 0;
	width: 216px;
	height: 35px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color: rgba(248, 249, 251, .12);
	z-index: -1
}


.best-selling-sixteen .section-heading .detail {
	padding: 14px 35px
}


.best-selling-sixteen .section-heading .detail::before {
	content: "";
	top: 0;
	right: 0;
	background: url(../../../assets/images/shape-sixteen-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: 384px;
	height: 100%;
	z-index: -2
}


.best-selling-sixteen {
	background: 0 0
}


.best-selling-sixteen::before,
.best-selling-sixteen::after {
	background: #121320
}


.best-selling-sixteen::after {
	content: "";
	position: absolute;
	top: -webkit-calc(55% - 6px);
	top: -moz-calc(55% - 6px);
	top: calc(55% - 6px);
	left: 0;
	width: 100%;
	height: 98px;
	-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI3NCIgdmlld0JveD0iMCAwIDE5MjAgNzQiPg0KICA8ZGVmcz4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+DQogICAgICA8cmVjdCB4PSItMjQwIiB5PSIxMDM3IiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI3NCIgZmlsbD0ibm9uZSIvPg0KICAgIDwvY2xpcFBhdGg+DQogIDwvZGVmcz4NCiAgPGcgaWQ9InNoYXBlLWJnLWRhcmsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0MCAtMTAzNykiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIiBzdHlsZT0iaXNvbGF0aW9uOiBpc29sYXRlIj4NCiAgICA8cGF0aCBpZD0iUGF0aF83MzMiIGRhdGEtbmFtZT0iUGF0aCA3MzMiIGQ9Ik0wLDBIMTQ0MFYxMDUxbC03MTguNTY4LDYwTDAsMTA1MVoiIGZpbGw9IiMxMjEzMjAiLz4NCiAgPC9nPg0KPC9zdmc+DQo=)center 0/cover;
	mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI3NCIgdmlld0JveD0iMCAwIDE5MjAgNzQiPg0KICA8ZGVmcz4NCiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+DQogICAgICA8cmVjdCB4PSItMjQwIiB5PSIxMDM3IiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI3NCIgZmlsbD0ibm9uZSIvPg0KICAgIDwvY2xpcFBhdGg+DQogIDwvZGVmcz4NCiAgPGcgaWQ9InNoYXBlLWJnLWRhcmsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0MCAtMTAzNykiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIiBzdHlsZT0iaXNvbGF0aW9uOiBpc29sYXRlIj4NCiAgICA8cGF0aCBpZD0iUGF0aF83MzMiIGRhdGEtbmFtZT0iUGF0aCA3MzMiIGQ9Ik0wLDBIMTQ0MFYxMDUxbC03MTguNTY4LDYwTDAsMTA1MVoiIGZpbGw9IiMxMjEzMjAiLz4NCiAgPC9nPg0KPC9zdmc+DQo=)center 0/cover;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	z-index: -1
}


@media only screen and (max-width:991px) {
	.best-selling-sixteen::after {
		-webkit-mask-size: cover;
		mask-size: cover;
		-webkit-mask-position: center 0;
		mask-position: center 0
	}
}


.top-seller-home-five .swiper-button-next,
.top-seller-home-five .swiper-button-prev {
	top: 47px !important
}


.top-seller-home-five .swiper-button-next,
.top-seller-home-five .swiper-button-prev {
	top: 47px !important
}


.consol-game .section-heading-sub-title {
	margin-bottom: 0
}


.top-seller-home .section-heading-sub-title {
	margin-bottom: 0
}


.best-selling-sixteen .section-heading-title {
	margin-bottom: 0
}


.top-seller-home .overflow-hidden .product {
	-webkit-box-shadow: inset 0 10px 15px rgb(0 0 0/5%) !important;
	-moz-box-shadow: inset 0 10px 15px rgb(0 0 0/5%) !important;
	box-shadow: inset 0 10px 15px rgb(0 0 0/5%) !important
}


.top-seller-home .overflow-hidden .product-hover {
	box-shadow: inset 0 10px 15px rgb(0 0 0/5%) !important;
	border-radius: 25px
}


.detail-product-two .top-seller-home .section-heading .detail::after {
	content: none;
}


.detail-product-three .top-seller-home .section-heading .detail::after {
	content: none
}