* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	touch-action: manipulation;
}

body {
	position: relative;
	background-color: #0c0c0c;
	font-family: 'Onest', sans-serif;
}

body.active {
	overflow: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Onest', sans-serif;
}

ul,
ol {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}

a {
	text-decoration: none !important;
}

button,
a,
input,
img {
	touch-action: manipulation;
}

/* header start */
header {
	transition: 0.3s;
	position: sticky;
	top: 0px;
	width: 100%;
	z-index: 101;
	max-height: 108px;
}

.topHeaderWrapper {
	width: 100%;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background-color: rgb(33, 33, 33);
	mix-blend-mode: normal;
	backdrop-filter: blur(40px);
	border-bottom: 2px solid rgba(255, 255, 255, 0.07);
	box-shadow: none;
}

.topHeaderWrapperInner {
	max-width: 1728px;
	margin: auto;
	top: 0px;
	height: 72px;
	z-index: 100;
	width: 100%;
	padding: 12px 40px;
	display: flex;
	position: relative;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.topHeaderWrapperInner .categoriesBarWrapInner {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin-right: 8px;
	cursor: pointer;
	display: none;
}

.headerLogo {
	display: flex;
	-webkit-box-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	align-items: center;
	height: 40px;
}

.headerSearchBar {
	position: relative;
	width: 100%;
	height: 48px;
	max-width: 920px;
	margin-left: 64px;
	flex: 1 1 0%;
	border-radius: 8px;
	z-index: 12;
}

.headerSearchBarInner {
	display: flex;
	position: relative;
	height: 100%;
	transition: 0.3s;
	width: 100%;
}

.headerSearchBarInner .iconWrap {
	display: flex;
	margin: auto;
	border-radius: 8px 0px 0px 8px;
}

.headerSearchBarInner .iconWrap .iconWrapInner {
	border-radius: 8px 0px 0px 8px;
	background: rgb(255, 255, 255);
	height: 48px;
	width: 48px;
	margin: 0px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}

.headerSearchBarInner input {
	width: 100%;
	height: 48px;
	background: rgb(255, 255, 255);
	border: none;
	outline: none;
	box-sizing: border-box;
	border-right: none;
	border-radius: 0px 8px 8px 0px;
	transition: 0.3s ease-in-out;
	color: rgb(0, 0, 0);
	font-weight: 400;
	font-size: 16px;
}

.headerSearchBarInner input::placeholder {
	color: #9ca3af;
	font-weight: 500;
	font-size: 16px;
}

.headerRightContentBox {
	-webkit-box-align: center;
	align-items: center;
	display: flex;
	margin-left: auto;
	gap: 4px;
}

.headerLanguageSwitcher {
	margin-left: 35px;
}

.headerLanguageSwitcher button {
	cursor: pointer;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	border-radius: 8px;
	padding: 5px 10px;
	height: 48px;
	font-size: 0.875rem;
	line-height: 0.875rem;
	background-color: transparent;
	transition: 0.3s;
	border: none;
	outline: none;
}

.headerLanguageSwitcher button:hover {
	background: rgba(255, 255, 255, 0.15);
}

.headerLanguageSwitcher button .flagImg {
	display: flex;
	height: 16px;
	width: 24px;
	position: relative;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0 8px 0 0;
}

.headerLanguageSwitcher button .flagImg .flagImgInner {
	border-radius: 2px;
	overflow: hidden;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
	height: 16px;
	width: 24px;
}

.headerLanguageSwitcher button .flagImg .flagImgInner img {
	width: 24px;
	height: 24px;
}

.headerLanguageSwitcher button span {
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
}

.headerCartIcon {
	cursor: pointer;
	position: relative;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	width: 48px;
	border-radius: 8px;
	height: 48px;
	transition: 0.3s;
}

.headerCartIcon:hover {
	background: rgba(255, 255, 255, 0.15);
}

.headerCartIconInner img {
	max-width: 22px;
	height: auto;
}

.headerCartIcon .cartCounter {
	position: absolute;
	top: 4px;
	right: 6px;
	z-index: 2;
}

.headerCartIcon .cartCounter span {
	width: 18px;
	height: 18px;
	color: rgb(255, 255, 255);
	background: rgb(72, 133, 255);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 500;
}

.headerButnsWrapper {
	display: grid;
	-webkit-box-align: center;
	align-items: center;
	grid-template-columns: auto auto;
	gap: 12px;
	margin-left: 8px;
}

.headerLoginButn {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	line-height: 1rem;
	border: none;
	background: rgba(255, 255, 255, 0.1);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	width: 120px;
	height: 48px;
}

.headerLoginButn:hover {
	background: rgba(255, 255, 255, 0.15);
}

.headerLoginButn span {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 700;
}

.headerMemberButn {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	line-height: 1rem;
	border: none;
	background: rgb(72, 133, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	width: 120px;
	height: 48px;
}

.headerMemberButn:hover {
	background: rgb(71, 123, 255);
}

.headerMemberButn span {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 700;
}

.headerRightProfileBox {
	flex: 1 1 0%;
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	align-items: center;
	gap: 16px;
	margin-left: 16px;
	display: none;
}

.headerRightProfileBox .profileIcon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border-radius: 50%;
	width: 24px;
	height: 24px;
}

.headerRightProfileBox .profileIcon i {
	color: #212121;
	font-weight: 600;
	font-size: 14px;
}

.bottomHeaderWrapper {
	width: 100%;
	height: 44px;
	position: relative;
	display: flex;
	-webkit-box-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	align-items: center;
	transition: 0.3s;
	z-index: -1;
	opacity: 1;
	pointer-events: inherit;
}

.bottomHeaderOverlay {
	width: 100%;
	height: 44px;
	position: absolute;
	background: rgb(33, 33, 33);
	opacity: 1;
}

.bottomHeaderWrapperInner {
	max-width: 1728px;
	width: 100%;
	position: relative;
	display: flex;
	padding: 0px 40px;
	margin: 0px auto;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	height: 44px;
}

.bottomHeaderContent {
	display: flex;
	flex-direction: row;
	overflow-x: auto;
}

.categoriesBarWrap {
	font-size: 1rem;
	line-height: 1.25rem;
	position: relative;
	height: 44px;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	cursor: pointer;
	padding: 0px 12px;
	white-space: nowrap;
	padding: 0;
	padding-right: 8px;
}

.categoriesBarWrapInner {
	display: flex;
	align-items: center;
	gap: 8px;
}

.categoriesBarWrapInner p {
	margin-bottom: 0;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 400;
}

.bottomHeaderContent ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
}

.bottomHeaderContent ul li {
	line-height: 1.25rem;
	position: relative;
	height: 44px;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	cursor: pointer;
	padding: 0px 12px;
	white-space: nowrap;
}

.bottomHeaderContent ul li:last-child {
	display: flex;
	gap: 4px;
	border-left: 1.5px solid #ffffff1a;
}

.bottomHeaderContent ul li:last-child a img {
	max-width: 24px;
	height: auto;
}

.bottomHeaderContent ul li a {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 400;
}

.bottomHeaderContent ul li a img {
	max-width: 36px;
	height: auto;
}

.headerFiltersBar {
	display: flex;
	flex-direction: row;
	gap: 16px;
	overflow: auto;
	padding: 16px;
	scrollbar-width: none;
	display: none;
}

.headerFiltersBar a {
	position: relative;
	height: 42px;
	min-width: fit-content;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex-direction: column;
	padding: 8px 16px;
	background: rgb(22, 22, 22);
	border: 1px solid rgb(53, 53, 53);
	border-radius: 12px;
}

.headerFiltersBar a span {
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.headerMobSearchBar {
	position: relative;
	padding: 0px 16px 12px;
	background: rgb(33, 33, 33);
	display: none;
}

/* header end */

/* cartPageHeader start */
.cartPageHeader {
	width: 100%;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background-color: rgb(33, 33, 33);
	mix-blend-mode: normal;
	backdrop-filter: blur(40px);
	border-bottom: 2px solid rgba(255, 255, 255, 0.07);
	box-shadow: none;
}

.cartPageHeaderInner {
	max-width: 1728px;
	margin: auto;
	top: 0px;
	height: 72px;
	z-index: 100;
	width: 100%;
	padding: 12px 40px;
	display: flex;
	position: relative;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

.pagesHeadBreadCrumb {
	width: 500px;
	display: flex;
	position: absolute;
	left: 45%;
	transform: translateX(-50%);
}

.pagesHeadBreadCrumbInner {
	width: 100%;
	border-radius: 6px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.pagesHeadBreadCrumbInner a {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
}

.pagesHeadBreadCrumbInner a span {
	background-color: rgb(255, 255, 255);
	color: rgb(49, 53, 70);
	border-radius: 8px;
	border: none;
	height: 40px;
	width: 40px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	position: relative;
}

.pagesHeadBreadCrumbInner a.disabled {
	cursor: default;
}

.pagesHeadBreadCrumbInner a.disabled span {
	background-color: transparent;
	color: rgb(77, 77, 77);
	border: 2px solid rgb(77, 77, 77);
}

.pagesHeadBreadCrumbInner a h3 {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0px;
	margin-left: 12px;
}

.pagesHeadBreadCrumbInner a.disabled h3 {
	color: rgb(144, 144, 144);
}

.pagesHeadBreadCrumbInner .seperator {
	flex-grow: 1;
	margin: 12px;
	border-bottom: 2px solid rgb(77, 77, 77);
}

/* cartPageHeader end */

/* headerSearchBarListBox start */
.headerSearchBarListBox {
	display: block;
	background: rgb(22, 22, 22);
	border-radius: 8px;
	box-sizing: border-box;
	border: 1px solid rgb(53, 53, 53);
	position: absolute;
	width: 100%;
	margin-top: 16px;
	z-index: 10;
	left: 0px;
	overflow: hidden;
	transition: 0.1s;
	opacity: 0;
	pointer-events: none;
}

.headerSearchBarListBox.active {
	opacity: 1;
	pointer-events: auto;
}

.headerSearchBarListBoxInner {
	list-style: none;
	margin: 20px 5px 0px 0px;
	padding: 0px;
	max-height: 500px;
	overflow-y: scroll;
}

.headerSearchBarListBoxInner::-webkit-scrollbar {
	width: 4px;
	border-radius: 30px;
}

.headerSearchBarListBoxInner::-webkit-scrollbar-thumb {
	background: rgb(33, 33, 33);
	border-radius: 30px;
	padding: 20px 0px;
}

.headerSearchBarListBoxInner::-webkit-scrollbar-track {
	background: rgb(22, 22, 22);
	border-radius: 30px;
}

.headerSearchBarListBoxInner h3 {
	font-size: 18px;
	letter-spacing: 0px;
	line-height: 21px;
	color: rgb(255, 255, 255);
	font-weight: 500;
	padding: 0px 20px 20px;
	margin-bottom: 0;
}

.headerSearchBarListBoxInner.dup h3 {
	font-size: 16px;
	padding: 8px 16px 16px;
	font-weight: 700;
}

.headerSearchBarListBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.headerSearchListContent {
	padding: 12px 20px;
	min-height: 115px;
	display: flex;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	overflow: hidden;
}

.headerSearchListContent:hover {
	background: rgb(33, 33, 33);
}

.headerSearchListContent .imgWrap {
	width: 72px;
	height: 102px;
	overflow: hidden;
	border-radius: 6px;
}

.headerSearchListContent .imgWrap img {
	object-fit: cover;
	aspect-ratio: 72 / 102;
	width: 100%;
	border-radius: 6px;
}

.headerSearchListContent .content {
	flex: 1 1 0%;
	margin-left: 12px;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: start;
	justify-content: flex-start;
}

.headerSearchListContent .content h3 {
	padding: 0;
	margin-bottom: 12px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.headerSearchListContent .content .subContent {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 70px;
}

.headerSearchListContent.dup .content .subContent {
	height: unset;
}

.headerSearchListContent .content .subContent .countryName {
	color: rgb(72, 189, 255);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.headerSearchListContent.dup .content .subContent .countryName {
	margin-bottom: 8px;
}

.headerSearchListContent .content .subContent .pricingWrapper {
	display: flex;
	align-items: center;
	gap: 16px;
}

.headerSearchListContent .content .subContent .pricingWrapper .pricing {
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 500;
}

.headerSearchListContent.dup .content .subContent .pricingWrapper .pricing {
	font-size: 16px;
}

.headerSearchListContent .content .subContent .pricingWrapper .regularPrice {
	margin-left: -8px;
	color: rgb(143, 143, 143);
	font-weight: 500;
	font-size: 14px;
	text-decoration: line-through;
}

.headerSearchListContent .content .subContent .pricingWrapper .discountTag {
	background: rgb(218, 14, 62);
	position: relative;
	height: 24px;
	display: flex;
	padding: 0px 8px 0px 6px;
	border-radius: 1px 4px 4px 1px;
	-webkit-box-align: center;
	align-items: center;
}

.headerSearchListContent .content .subContent .pricingWrapper .discountTag::before {
	content: "";
	position: absolute;
	width: 16.9706px;
	height: 16.9706px;
	border-radius: 0px 0px 0px 4px;
	background: rgb(218, 14, 62);
	z-index: 0;
	left: -7.98528px;
	transform: rotate(45deg);
}

.headerSearchListContent .content .subContent .pricingWrapper .discountTag p {
	position: relative;
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

/* headerSearchBarListBox end */

/* bannerSec start */
.bannerSec {
	max-width: 1479px;
	display: grid;
	overflow: auto;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	grid-auto-rows: minmax(130px, auto);
	margin: 32px auto 0px;
	padding: 0px 16px;
}

@media(max-width: 1720px) {
	.bannerSec {
		max-width: 1440px;
	}
}

.sliderBoxWrapper {
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	width: 100%;
}

.sliderBoxWrapper.cardMain {
	grid-area: 1 / 1 / 4 / 3;
}

.sliderBoxWrapperInner {
	display: flex;
	background: rgb(249, 249, 250);
	max-height: 420px;
}

@media (max-width: 1440px) {
	.sliderBoxWrapperInner {
		max-height: 274px;
	}
}

.sliderBoxContainer {
	display: grid;
	position: relative;
	width: 100%;
	grid-template-columns: 100%;
	overflow: hidden;
	background: rgb(249, 249, 250);
	max-height: 420px;
	height: 100%;
}

.bannerCardSlider {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.bannerCardSliderImgBox {
	height: 420px;
	position: relative;
	border-radius: 16px;
	background: rgb(12, 12, 12);
	width: 100%;
}

.bannerCardSliderImgBoxInner {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: initial;
	height: initial;
	background: none;
	opacity: 1;
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.bannerCardSliderImgBoxInner img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	padding: 0;
	border: none;
	margin: auto;
	display: block;
	width: 0;
	height: 0;
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	object-fit: cover;
}

.bannerCardSlider .swiper-pagination {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.bannerCardSlider .swiper-pagination .swiper-pagination-bullet {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	margin: 0px 4px;
	opacity: 0.25;
	background: rgb(255, 255, 255);
}

.bannerCardSlider .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: rgb(255, 255, 255);
}

.bannerCardSlider .swiper-button-prev {
	left: 25px;
}

.bannerCardSlider .swiper-button-prev:after {
	color: #ffffff;
	font-weight: 900;
	font-size: 24px;
}

.bannerCardSlider .swiper-button-next {
	right: 25px;
}

.bannerCardSlider .swiper-button-next:after {
	color: #ffffff;
	font-weight: 900;
	font-size: 24px;
}

.cardsBoxWrapper {
	display: contents;
}

.bannerCardContent {
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	width: 100%;
}

.bannerCardContent.cardFirst {
	grid-area: 1 / 3 / 3 / 4;
}

.bannerCardContent.cardSecond {
	grid-area: 3 / 3;
}

.bannerCardContent.cardThird {
	grid-area: 4 / 3;
}

.bannerCardContent.cardForth {
	grid-area: 4 / 2;
}

.bannerCardContent.cardFifth {
	grid-area: 4 / 1;
}

.bannerCardContent a img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	padding: 0;
	border: none;
	margin: auto;
	display: block;
	width: 0;
	height: 0;
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center;
}

.bannerCardOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.cardsBoxMobWrapper {
	display: none;
}

.bannerMobCardContent {
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	width: 100%;
}

.bannerMobCardContent.cardFirst {
	display: grid;
	grid-auto-rows: minmax(120px, auto);
	grid-area: 2 / 1;
	max-height: 300px;
}

.bannerMobCardContent.cardSecond {
	display: grid;
	grid-auto-rows: minmax(120px, auto);
	grid-area: 2 / 2;
}

.bannerMobCardContent.cardThird {
	display: grid;
	grid-auto-rows: minmax(120px, auto);
	grid-area: 2 / 3;
}

.bannerMobCardContent.cardForth {
	display: grid;
	grid-auto-rows: minmax(120px, auto);
	grid-area: 2 / 4;
}

.bannerMobCardContent a img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	padding: 0;
	border: none;
	margin: auto;
	display: block;
	width: 0;
	height: 0;
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center;
}

.bannerMobCardOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: 1;
}

/* bannerSec end */

/* recommendedSec start */
.recommendedSec {
	content-visibility: auto;
	contain-intrinsic-size: auto 820px;
	padding: 60px 0px 48px;
	background-color: rgb(12, 12, 12);
}

.recommendedSec.bg {
	background-color: rgb(22, 22, 22);
}

.recommendedSecInner {
	max-width: 1232px;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.recommendedSecInner .headContent {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	gap: 16px;
	padding: 0px 16px;
}

.recommendedSecInner .headContent h2 {
	font-size: 26px;
	font-weight: 500;
	color: rgb(255, 255, 255);
	padding: 0px;
	max-width: 1232px;
	margin: 0px auto;
	width: 100%;
}

.recommendedSliderButns {
	display: flex;
	flex-direction: row;
	gap: 12px;
}

.recommendedSliderButns .swiper-button-prev,
.recommendedSliderButns .swiper-button-next {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	margin-top: unset;
	display: flex;
	height: 36px;
	width: 36px;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	transition: 0.3s;
}

.recommendedSliderButns .swiper-button-prev:hover,
.recommendedSliderButns .swiper-button-next:hover {
	opacity: 1;
	cursor: pointer;
	transform: scale(1.05);
	background-color: rgba(255, 255, 255, 0.25);
}

.recommendedSliderButns .swiper-button-prev::after,
.recommendedSliderButns .swiper-button-next::after {
	font-size: 12px;
	font-weight: 900;
	color: rgb(255, 255, 255);
}

.recommendedSliderButns .swiper-button-disabled {
	opacity: 0.3;
	pointer-events: none;
}

.recommendedSliderWrap {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0px 16px;
}

.recommendedSlider {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.recommendedSliderBox {
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	border: 1px solid rgb(53, 53, 53);
	min-width: 100%;
	background: rgb(22, 22, 22);
	outline: none;
	transition: 0.2s;
}

.recommendedSliderBox:hover {
	border: 1px solid rgb(53, 53, 53);
	background: rgb(33, 33, 33);
	box-shadow: none;
}

.recommendedSliderBoxInner {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	transition: 0.5s;
}

.recommendedSliderBoxInner .imgWrap {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: initial;
	height: initial;
	background: none;
	opacity: 1;
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.recommendedSliderBoxInner .imgWrap img {
	width: 100%;
	height: auto;
}

.recommendedSliderBoxInner .content {
	display: flex;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	transition: 0.5s;
	padding: 12px;
	height: 100%;
	border-radius: 0px 0px 8px 8px;
	flex: 1 1 0%;
}

.recommendedSliderBoxInner .content h3 {
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 8px;
}

.recommendedSliderBoxInner .content .countryName {
	color: rgb(72, 189, 255);
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.recommendedSliderBoxInner .content .pricingBar {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	border: 1px solid rgb(156, 96, 234);
	background: rgba(156, 96, 234, 0.133);
	height: 32px;
	width: 100%;
	border-radius: 4px;
	padding: 8px;
	gap: 6px;
	margin-bottom: 8px;
}

.recommendedSliderBoxInner .content .pricingBar .iconWrap {
	height: 16px;
	width: 16px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.recommendedSliderBoxInner .content .pricingBar .iconWrap img {
	border-radius: 50%;
}

.recommendedSliderBoxInner .content .pricingBar .subContent {
	display: flex;
	align-items: center;
	gap: 4px;
}

.recommendedSliderBoxInner .content .pricingBar .subContent span {
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 500;
}

.recommendedSliderBoxInner .content .pricingBar .subContent p {
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0;
}

.recommendedSliderBoxInner .content .pricing {
	position: relative;
	line-height: 1;
}

.recommendedSliderBoxInner .content .pricing span {
	color: rgb(143, 143, 143);
	font-weight: 400;
	font-size: 12px;
	display: block;
}

.recommendedSliderBoxInner .content .pricing .pricingBottom {
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	justify-content: space-between;
	align-items: flex-end;
	/* height: 100%; */
	flex: 1 1 0%;
}

.recommendedSliderBoxInner .content .pricing .pricingBottom p {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 16px;
}
.recommendedSliderBoxInner .content .pricing .pricingBottom p span{
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
}

.recommendedSliderBoxInner .content .pricing .pricingBottom .tag {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 24px;
	width: 48px;
	background: rgb(218, 14, 62);
	display: flex;
	align-items: center;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 12px;
}

.recommendedSecInner .showButn {
	position: relative;
	text-align: center;
}

.recommendedSecInner .showButn a {
	display: flex;
	width: fit-content;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: 40px;
	margin: 0px auto;
	border-radius: 20px;
	padding: 8px 24px;
	background-color: rgba(255, 255, 255, 0.15);
	opacity: 1;
	pointer-events: auto;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 14px;
	transition: 0.3s;
}

.recommendedSecInner .showButn a:hover {
	cursor: pointer;
	transform: scale(1.02);
	background-color: rgba(255, 255, 255, 0.25);
}

/* recommendedSec end */

/* explorePlatformSec start */
.explorePlatformSec {
	position: relative;
	content-visibility: auto;
	contain-intrinsic-size: auto 820px;
	padding: 48px 0px;
	background-color: rgb(22, 22, 22);
}

.explorePlatformWrapper {
	max-width: 1232px;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.explorePlatformWrapper .headContent {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	gap: 16px;
	padding: 0px 16px;
}

.explorePlatformWrapper .headContent h2 {
	font-size: 26px;
	font-weight: 500;
	color: rgb(255, 255, 255);
	padding: 0px;
	max-width: 1232px;
	margin: 0px auto;
	width: 100%;
}

.explorePlatformSlider {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0px 16px;
}

.explorePlatformSlider .swiper-wrapper {
	transition-timing-function: linear;
}

.explorePlatformBox {
	flex-shrink: 0;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.explorePlatformBox a {
	position: relative;
	width: 100%;
}

.explorePlatformBoxInner {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	border-radius: 12px;
	border: 1px solid rgb(53, 53, 53);
	height: 110px;
	width: 210px;
}

.explorePlatformBoxInner img{
	max-width: 100%;
	width: 124px;
	height: 50px;
	object-fit: contain;
}
/* explorePlatformSec end */

/* driffleDiscountSec start */
.driffleDiscountSec {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 0px auto;
	min-height: 382px;
	width: 100%;
	overflow: hidden;
}

.driffleDiscountLeft {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: flex-end;
	-webkit-box-pack: center;
	justify-content: center;
	gap: 24px;
	margin: 0px auto;
	background: rgb(23, 23, 23);
	width: 100%;
	padding: 0px 80px;
}

.driffleDiscountLeft .bgImage {
	display: flex;
	position: absolute;
	top: -50px;
	left: -40px;
	z-index: 1;
}

.driffleDiscountLeft .bgImage img {
	height: 276px;
	width: 276px;
	transform: rotate(180deg);
}

.driffleDiscountLeft h3 {
	position: relative;
	z-index: 1;
	color: #ffffff;
	font-weight: 500;
	font-size: 40px;
	width: 502px;
	margin-bottom: 0px;
	line-height: 42px;
}

.driffleDiscountLeft .joinNowButn {
	position: relative;
	width: 502px;
}

.driffleDiscountLeft .joinNowButn a {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	line-height: 1rem;
	border: none;
	background: rgb(72, 133, 255);
	color: rgb(255, 255, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	min-width: 180px;
	width: fit-content;
	background: rgb(156, 96, 234);
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 16px;
}

.driffleDiscountLeft .joinNowButn a:hover {
	background: rgba(156, 96, 234, 0.933);
}

.driffleDiscountRight {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	-webkit-box-pack: center;
	justify-content: center;
	gap: 24px;
	margin: 0px auto;
	background: linear-gradient(101.06deg, rgb(128, 44, 236) 28%, rgb(168, 102, 251) 80%);
	width: 100%;
	padding: 0px 40px 0px 80px;
}

.driffleDiscountRight h3 {
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
}

.driffleDiscountRight ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.driffleDiscountRight ul li {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 8px;
}

.driffleDiscountRight ul li p {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0px;
}

/* driffleDiscountSec end */

/* driffleMobDiscountSec start */
.driffleMobDiscountSec {
	position: relative;
	display: flex;
	padding: 16px;
	display: none;
}

.driffleMobDiscountInner {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 16px;
	border-radius: 8px;
	border: 1.5px solid rgb(156, 96, 234);
	background: rgba(46, 28, 97, 0.2);
	width: 100%;
}

.driffleMobDiscountInner .logoWrap {
	height: 45px;
	cursor: pointer;
	min-width: 172px;
	width: 172px;
	position: relative;
	margin: 0px auto;
}

.driffleMobDiscountInner .logoWrap img {
	width: 100%;
	height: 100%;
}

.driffleMobDiscountInner .infoMesg {
	text-align: center;
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
	margin-top: -8px;
}

.driffleMobDiscountInner ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.driffleMobDiscountInner ul li {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 8px;
}

.driffleMobDiscountInner ul li p {
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0px;
}

.driffleMobDiscountInner button {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	border: none;
	width: 100%;
	background: rgb(156, 96, 234);
	color: rgb(255, 255, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	border: none;
	outline: none;
}

.driffleMobDiscountInner a {
	display: block;
	text-align: center;
	color: rgb(156, 96, 234);
	font-size: 14px;
	font-weight: 600;
}

/* driffleMobDiscountSec end */

/* gamesCategorySec start */
.gamesCategorySec {
	position: relative;
	content-visibility: auto;
	contain-intrinsic-size: auto 820px;
	padding: 48px 0px;
	background-color: rgb(22, 22, 22);
}

.gamesCategorySecInner {
	max-width: 1232px;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.gamesCategorySecInner .headContent {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	gap: 16px;
	padding: 0px 16px;
}

.gamesCategorySecInner .headContent h2 {
	font-size: 26px;
	font-weight: 500;
	color: rgb(255, 255, 255);
	padding: 0px;
	max-width: 1232px;
	margin: 0px auto;
	width: 100%;
}

.gamesCategorySlider {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0px 16px;
}

.gamesCategorySlider .swiper-wrapper {
	transition-timing-function: linear;
}

.gamesCategoryContent {
	flex-shrink: 0;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.gamesCategoryContentInner {
	aspect-ratio: 1 / 1;
	display: flex;
	min-width: 157px;
	width: 100%;
	height: 104px;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	padding: 20px 20px 16px;
	background: rgb(53, 53, 53);
	border-radius: 16px;
	opacity: 1;
	cursor: pointer;
	border: 1px solid rgb(53, 53, 53);
}

.gamesCategoryContentInner:hover {
	background: rgb(83, 83, 83);
}

.gamesCategoryContentInner a .subContent {
	display: flex;
	flex-direction: column;
	width: 100%;
	cursor: pointer;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: end;
	justify-content: flex-end;
	flex: 1 1 0%;
}

.gamesCategoryContentInner a .subContent .iconWrap {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: 38px;
	width: 38px;
}

.gamesCategoryContentInner a .subContent h3 {
	margin-top: 12px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1rem;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	text-transform: capitalize;
	color: rgb(255, 255, 255);
}

/* gamesCategorySec end */

/* discoverPriceSec start */
.discoverPriceSec {
	position: relative;
	content-visibility: auto;
	contain-intrinsic-size: auto 820px;
	padding: 48px 0px;
	background-color: rgb(22, 22, 22);
}

.discoverPriceSecInner {
	max-width: 1232px;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.discoverPriceSecInner .headContent {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	gap: 16px;
	padding: 0px 16px;
}

.discoverPriceSecInner .headContent h2 {
	font-size: 26px;
	font-weight: 500;
	color: rgb(255, 255, 255);
	padding: 0px;
	max-width: 1232px;
	margin: 0px auto;
	width: 100%;
}

.discoverPriceBoxWraper {
	display: flex;
	padding: 0px 16px;
}

.discoverPriceBoxInner {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(179px, 1fr));
	position: relative;
	place-items: center;
	width: 100%;
	gap: 16px;
}

.discoverPriceBox .subContent {
	width: 189px;
	height: 104px;
	padding: 16px;
	cursor: pointer;
	border-radius: 16px;
	background: center center / 150% 100% rgb(53, 53, 53);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: rgb(255, 255, 255);
	display: grid;
	place-items: center;
	place-content: center;
	font-size: 32px;
	line-height: 36px;
	text-align: center;
	transition: 0.3s;
}

.discoverPriceBox .subContent:hover {
	background: 100% 50% rgb(83, 83, 83);
}

.discoverPriceBox .subContent .timePeriod {
	color: rgb(143, 143, 143);
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

.discoverPriceBox .subContent .currencyType {
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
}

.discoverPriceBox .subContent .pricing {
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 500;
}

/* discoverPriceSec end */

/* newsletterSec start */
.newsletterSec {
	position: relative;
	content-visibility: auto;
	contain-intrinsic-size: auto 820px;
	padding: 48px 0px;
	background-color: rgb(12, 12, 12);
}

.newsletterSecInner {
	max-width: 1232px;
	margin: 0px auto;
	padding: 60px;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 96px;
	-webkit-box-align: center;
	align-items: center;
}

.newsletterMobImages {
	display: flex;
	flex-direction: column;
	gap: 10px;
	display: none;
}

.newsletterMobImages .firstRow,
.newsletterMobImages .secondRow {
	display: flex;
	gap: 10px;
	justify-content: center;
	width: 100%;
}

.newsletterLeft {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	color: rgb(255, 255, 255);
}

.newsletterLeft h2 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 32px;
	line-height: 36px;
	max-width: 619px;
}

.newsletterLeft form {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 12px;
	width: 100%;
}

.newsletterLeft form .inputWrap {
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: 100%;
	border-radius: 8px;
	border: none;
}

.newsletterLeft form .inputWrap input {
	background: rgb(255, 255, 255);
	border-radius: 8px;
	padding: 12px 16px;
	font-size: 16px;
	line-height: 24px;
	outline: none;
	width: 100%;
	color: rgb(0, 0, 0);
	border: none;
	outline: none;
}

.newsletterLeft form .inputWrap input::placeholder {
	color: #9ca3af;
	font-weight: 500;
	font-size: 16px;
}

.newsletterLeft form button {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	font-size: 16px;
	line-height: 16px;
	border: none;
	background: rgb(72, 133, 255);
	color: rgb(255, 255, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	width: 156px;
	height: 48px;
}

.newsletterLeft form button:hover {
	background: rgb(71, 123, 255);
}

.newsletterLeft .newsletterContent {
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	color: rgb(143, 143, 143);
	position: relative;
}

.newsletterLeft .newsletterContent p {
	margin-bottom: 8px;
}

.newsletterLeft .newsletterContent p a {
	color: rgb(53, 157, 255);
	font-size: 14px;
	font-weight: 500;
}

.newsletterLeft .newsletterContent p#toggleContent {
	display: none;
}

.newsletterLeft .newsletterContent .seeMoreButn {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer;
}

.newsletterLeft .newsletterContent .seeMoreButn span {
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.newsletterLeft .newsletterContent .seeMoreButn.active svg {
	transform: rotate(90deg);
}

.newsletterRight {
	position: relative;
	width: 323.5px;
}

.newsletterRight .firstRow {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	gap: 10px;
	margin-bottom: 10px;
}

.newsletterRight .secondColsWrap {
	display: flex;
	gap: 10px;
}

.newsletterRight .secondColsWrap .secondRow {
	display: grid;
	grid-template-columns: 56px 56px;
	width: 100%;
	gap: 10px;
	margin-bottom: 10px;
}

.newsletterRight .secondColsWrap .secondRow .secondRowRoundWrap {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.newsletterRight .secondColsWrap .thirdRow {
	height: 56px;
	width: 124px;
	background: rgb(33, 33, 33);
	border-radius: 52px;
	position: relative;
}

.newsletterRight .secondColsWrap .forthRow {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.newsletterRight .secondColsWrap .fifthRow {
	display: flex;
	align-items: center;
	gap: 10px;
}

.newsletterRight .secondColsWrap .fifthRow .fifthRowOne {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.newsletterRight .secondColsWrap .fifthRow .fifthRowOne .subRow {
	display: flex;
	align-items: center;
	gap: 10px;
}

.newsletterRight .secondColsWrap .fifthRow .fifthRowTwo {
	height: 122px;
	width: 56px;
	position: relative;
	background: rgb(33, 33, 33);
	border-radius: 52px;
}

/* newsletterSec end */

/* footer start */
footer {
	position: relative;
	width: 100%;
	display: flex;
	background: rgb(33, 33, 33);
	flex-direction: column;
	box-sizing: border-box;
}

.footerContainer {
	margin: 0px auto;
	max-width: 1524px;
	padding: 0px 24px;
	width: 100%;
}

@media (max-width: 1440px) {
	.footerContainer {
		max-width: 1392px;
	}
}

.footerPaymentBar {
	border-bottom: 1px solid rgb(52, 52, 52);
	padding: 12px 18px;
}

.footerPaymentBarInner {
	display: flex;
	flex-direction: row;
	gap: 16px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	margin: 0px auto;
	width: 100%;
}

.footerPaymentBarInner .paymentCols {
	width: 100%;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 8px;
	color: rgb(143, 143, 143);
	font-size: 14px;
	line-height: 14px;
}

.footerPaymentBarInner .paymentCols p {
	margin-bottom: 0;
}

.footerPaymentBarInner .paymentCols .imgWrap img {
	max-width: 100%;
	height: 24px;
}

.footerMainContent {
	width: 100%;
	min-width: 100%;
	margin: 40px auto 32px;
	padding: 0px 16px;
	max-width: 1524px;
	display: flex;
	gap: 48px;
}

.footerMainContentLeft {
	margin: 0px;
	max-width: 256px;
}

.footerMainContentLeft .svgOne {
	margin-bottom: 8px;
}

.footerMainContentLeft .svgTwo svg {
	width: 226.53px;
	height: 41.53px;
	margin-bottom: 8px;
}

.footerMainContentLeft .svgTwo .trustScoreBar {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 255px;
}

.footerMainContentLeft .svgTwo .trustScoreBar .left {
	display: flex;
	align-items: center;
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
	gap: 4px;
}

.footerMainContentLeft .svgTwo .trustScoreBar .left::after {
	content: "|";
	margin: 0 2px;
}

.footerMainContentLeft .svgTwo .trustScoreBar .right {
	display: flex;
	align-items: center;
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
	gap: 4px;
	margin-left: 4px;
}

.footerLanguageSwitcherWrap {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin-top: 42px;
}

.footerLanguageSwitcherWrap.mob {
	display: none;
}

.footerLanguageSwitcher button {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	line-height: 1rem;
	border: none;
	background: rgb(53, 53, 53);
	color: rgb(255, 255, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	height: 48px;
}

.footerLanguageSwitcher button .flagImg {
	display: flex;
	height: 16px;
	width: 24px;
	position: relative;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0 8px 0 0;
}

.footerLanguageSwitcher button .flagImg .flagImgInner {
	border-radius: 2px;
	overflow: hidden;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
	height: 16px;
	width: 24px;
}

.footerLanguageSwitcher button .flagImg .flagImgInner img {
	width: 24px;
	height: 24px;
}

.footerLanguageSwitcher button .contentWrap {
	display: flex;
	align-items: center;
	gap: 8px;
}

.footerLanguageSwitcher button .contentWrap>div {
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 16px;
}

.footerLanguageSwitcherWrap .themeChanger {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	line-height: 1rem;
	border: none;
	background: rgb(53, 53, 53);
	color: rgb(255, 255, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	width: 48px;
	height: 48px;
}

.footerMainContentRight {
	display: flex;
	flex-direction: row;
	gap: 48px;
	width: 100%;
}

.footerMainContentRight>div {
	flex: 1 1 0%;
}

.footerMainContentRight>div h3 {
	margin-bottom: 8px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.footerMainContentRight>div ul li {
	margin-bottom: 12px;
}

.footerMainContentRight>div ul li:last-child {
	margin-bottom: 0px;
}

.footerMainContentRight>div ul li a {
	color: rgb(128, 128, 128);
	font-size: 16px;
	font-weight: 500;
}

.footerMainContentRight>div ul li a i {
	font-size: 20px;
}

.footerMainContentRight>div ul li a:hover {
	color: rgb(255, 255, 255);
}

.footerAddressBar {
	margin: 0px 16px;
}

.footerAddressBarInner {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	margin: 0px auto 16px;
	border-top: 1px solid rgb(52, 52, 52);
	padding: 0px 16px 0px 0px;
	-webkit-box-pack: start;
	justify-content: flex-start;
}

.footerAddressBarInnerWrap {
	display: flex;
	flex-direction: row;
	gap: 12px;
	padding-top: 16px;
	color: rgb(191, 191, 191);
}

.footerAddressBarInnerWrap .content {
	flex: 0.2 1 0%;
}

.footerAddressBarInnerWrap .content h3 {
	margin-bottom: 8px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.footerAddressBarInnerWrap .content p {
	margin-bottom: 0px;
	color: rgb(128, 128, 128);
	font-size: 14px;
	font-weight: 500;
}

.footerBottomBar {
	width: 100%;
	margin: 0px auto;
	padding: 0px 16px 16px;
}

.footerBottomBarInner {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgb(52, 52, 52);
	color: rgb(191, 191, 191);
	text-align: center;
}

.footerBottomBarInner .linkWrap {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	margin: auto;
}

.footerBottomBarInner .linkWrap .linkWrapInner {
	flex: 1 1 0%;
	display: flex;
	flex-direction: row;
	gap: 36px;
	line-height: 20px;
	-webkit-box-align: center;
	align-items: center;
}

.footerBottomBarInner .linkWrap .linkWrapInner ul {
	display: flex;
	gap: 24px;
	-webkit-box-align: center;
	align-items: center;
	margin-right: 24px;
	text-align: start;
}

.footerBottomBarInner .linkWrap .linkWrapInner ul li a {
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 14px;
}

.footerBottomBarInner .linkWrap .socialIcons {
	display: none;
}

.footerBottomBarInner .linkWrap .socialIcons ul {
	display: flex;
	flex-direction: row;
	gap: 16px;
	-webkit-box-align: center;
	align-items: center;
}

.footerBottomBarInner .linkWrap .socialIcons ul li a i {
	color: #ffffff;
	font-weight: 900;
	font-size: 24px;
}

/* footer end */

/* updateSettingPopup start */
.updateSettingPopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
}

.updateSettingPopupBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgb(22, 22, 22);
	box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
	outline: none;
	padding: 24px;
	width: 376px;
	border-radius: 8px;
	transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
	display: none;
	transition: 0.4s;
}

.updateSettingPopupBox.active {
	display: block;
}

.updateSettingPopupBox .headContent {
	width: 100%;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	align-items: center;
}

.updateSettingPopupBox .headContent h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 500;
}

.updateSettingPopupClose {
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	background-color: transparent;
	cursor: pointer;
	user-select: none;
	vertical-align: middle;
	appearance: none;
	text-align: center;
	font-size: 1.5rem;
	color: rgba(0, 0, 0, 0.54);
	outline: 0px;
	border-width: 0px;
	border-style: initial;
	border-color: initial;
	border-image: initial;
	margin: 0px;
	text-decoration: none;
	flex: 0 0 auto;
	padding: 8px;
	border-radius: 50%;
	overflow: visible;
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.updateSettingPopupClose img {
	width: 22px;
	height: 22px;
	filter: invert(1);
}

.updateSettingPopupBox .headSubcontent {
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.updateSettingPopupBox .headSubcontent p {
	margin-bottom: 0px;
	color: rgb(143, 143, 143);
	font-size: 16px;
	font-weight: 500;
}

.updateSettingPopupBox .inputBoxWrapper {
	position: relative;
	padding-top: 16px;
}

.settingPopupInputWrapper {
	margin-bottom: 16px;
}

.settingPopupInputWrapper label {
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.settingPopupInputWrapper .inputBox {
	position: relative;
	background: rgb(33, 33, 33);
	height: 52px;
	border-radius: 8px;
	padding: 12px;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	color: rgb(255, 255, 255);
	outline: none;
	width: 100%;
	cursor: pointer;
}

.settingPopupInputWrapper .inputBox .content {
	display: flex;
	align-items: center;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.settingPopupInputWrapper .inputBox .content .flagImg {
	display: flex;
	height: 16px;
	width: 24px;
	position: relative;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0px 8px 0px 0px;
}

.settingPopupInputWrapper .inputBox .content .flagImg img {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	font-size: 24px;
	line-height: 24px;
}

.settingPopupInputWrapper .inputBox input {
	outline: none;
	padding: 12px;
	position: absolute;
	inset: 0px;
	background: rgb(33, 33, 33);
	border-radius: 8px;
	height: 52px;
	display: none;
}

.settingPopupInputWrapper .inputBox .downArrow {
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	background-color: transparent;
	cursor: pointer;
	user-select: none;
	vertical-align: middle;
	appearance: none;
	text-align: center;
	color: rgba(0, 0, 0, 0.54);
	font-size: 1.75rem;
	outline: 0px;
	border-width: 0px;
	border-style: initial;
	border-color: initial;
	border-image: initial;
	margin: 0px;
	text-decoration: none;
	flex: 0 0 auto;
	border-radius: 50%;
	overflow: visible;
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
	padding: 12px;
}

.settingPopupInputWrapper .inputBox .downArrow:hover {
	background-color: rgba(0, 0, 0, 0.04);
}

.settingPopupInputWrapper .inputBox .downArrow img {
	height: 12px;
	width: 12px;
	transform: rotate(0deg);
	filter: invert(1);
}

.settingPopupInputWrapper .inputBox .downArrow.active img {
	transform: rotate(180deg);
}

.updateSettingPopupButns {
	display: flex;
	gap: 16px;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.updateSettingPopupButns button {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	line-height: 1rem;
	border: none;
	padding: 16px;
	gap: 8px;
	opacity: 1;
	width: 100%;
	height: 48px;
}

.updateSettingPopupButns button.save {
	background: rgb(72, 133, 255);
}

.updateSettingPopupButns button.save:hover {
	background: rgb(71, 123, 255);
}

.updateSettingPopupButns button.cancel {
	background: rgb(53, 53, 53);
}

.updateSettingPopupButns button.cancel:hover {
	background: rgb(83, 83, 83);
}

.updateSettingPopupButns button span {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.inputPopupList {
	list-style: none;
	padding: 0px;
	margin: 8px 0px 0px;
	position: fixed;
	background: rgb(33, 33, 33);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	width: calc(100% - 48px);
	max-height: 200px;
	overflow: hidden scroll;
	z-index: 2;
}

.inputPopupList#countrySelecDropdown {
	display: none;
}

.inputPopupList#currencySelecDropdown {
	display: none;
}

.inputPopupList#languageSelecDropdown {
	display: none;
}

.inputPopupList::-webkit-scrollbar {
	width: 8px;
	border-radius: 4px;
}

.inputPopupList::-webkit-scrollbar-thumb {
	background: rgb(106, 106, 106);
	border-radius: 4px;
}

.inputPopupList::-webkit-scrollbar-track {
	background: rgb(29, 29, 29);
	border-radius: 4px;
}

.inputPopupList li {
	height: 48px;
	cursor: pointer;
	padding: 12px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	gap: 8px;
}

.inputPopupList li:hover {
	background: rgb(12, 12, 12);
}

.inputPopupList li .imgWrap {
	border-radius: 2px;
	overflow: hidden;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
	height: 16px;
	width: 24px;
}

.inputPopupList li .imgWrap img {
	width: 100%;
	height: auto;
}

/* updateSettingPopup end */

/* loginPopup start */
.loginPopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
}

.loginPopupBox {
	height: 100%;
	outline: 0px;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

#loginPopupBox.active {
	opacity: 1;
	transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
}

#registerPopupBox.active {
	opacity: 1;
	transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
}

.loginPopupInner {
	border-radius: 8px;
	background: rgb(22, 22, 22);
	color: rgba(0, 0, 0, 0.87);
	box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
	position: relative;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	max-height: calc(100% - 64px);
	max-width: 900px;
	width: 460px;
	transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
	margin: 0px;
	transition: 0.4s;
}

.loginPopupInner.e-mailPopupInner {
	max-height: calc(100% - 125px);
	width: 460px;
}

.loginPopupInnerWrapper {
	display: grid;
	grid-template-columns: 1fr;
}

.loginPopupInnerWrapper.e-mailPopupInnerWrapper {
	display: grid;
	position: relative;
	grid-template-columns: 1fr;
}

.loginPopupClose {
	cursor: pointer;
	text-align: center;
	font-size: 1.5rem;
	color: rgba(0, 0, 0, 0.54);
	position: absolute;
	right: 12px;
	top: 12px;
	outline: 0px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.loginPopupClose img {
	height: 26px;
	width: 26px;
	filter: invert(1);
}

/* .e-mailPopupBgImg{
position: absolute;
right: -95px;
top: 30px;
}

.e-mailPopupBgImg .imgWrap{
box-sizing: border-box;
display: inline-block;
overflow: hidden;
width: 120px;
height: 120px;
background: none;
opacity: 1;
border: 0px;
margin: 0px;
padding: 0px;
position: relative;
}

.e-mailPopupBgImg .imgWrap img{
width: 100%;
height: 100%;
} */

.loginPopupImgBox {
	flex: 1 1 0%;
	background: rgb(33, 33, 33);
	padding: 40px;
	display: grid;
	place-items: center;
	display: none;
}

.loginPopupImgBoxInner {
	max-height: 400px;
	position: relative;
}

.loginPopupImgBoxInner .imgBox {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 400px;
	height: 400px;
	background: none;
	opacity: 1;
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.loginPopupImgBoxInner .imgBox img {
	max-width: 100%;
	height: auto;
}

.loginPopupContentBox {
	flex: 1 1 0%;
	background: rgb(22, 22, 22);
	border-radius: 8px 0px 0px 8px;
	padding: 40px;
	overflow: scroll;
	width: 100%;
	scrollbar-width: none;
}

.loginPopupContentBox.e-mailPopupContentBox {
	padding: 24px;
}

.loginPopupContentBoxInner {
	position: relative;
	height: 100%;
}

.loginPopupContentBoxInner h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
}

.loginPopupContentBoxInner ul {
	display: flex;
	flex-direction: row;
	gap: 16px;
	margin: 16px 0px 0px;
	padding: 16px 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.loginPopupContentBoxInner.register ul {
	flex-direction: column;
}

.loginPopupContentBoxInner ul li {
	cursor: pointer;
	border: 1px solid rgb(53, 53, 53);
	background-color: rgb(33, 33, 33);
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center;
	color: rgb(255, 255, 255);
	border-radius: 8px;
	padding: 0px;
	width: 100%;
	height: 56px;
	text-align: center;
}

.loginPopupContentBoxInner.register ul li {
	height: 48px;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 20px;
}

.loginPopupContentBoxInner ul li:hover {
	background: rgb(83, 83, 83);
}

.loginPopupContentBoxInner ul li img {
	max-width: 100%;
	height: auto;
}

.loginPopupContentBoxInner ul li p {
	margin-bottom: 0px;
	margin-left: 24px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
	display: none;
}

.loginPopupContentBoxInner.register ul li p {
	display: block;
}

.loginPopupForm {
	position: relative;
	margin-bottom: 24px;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.loginPopupForm .inputWrap {
	position: relative;
	margin-bottom: 16px;
}

.loginPopupForm .inputWrap label {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 8px;
	display: block;
	display: none;
}

.loginPopupForm .inputWrap input {
	padding: 8px 10px 10px;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	background: transparent;
	color: rgb(255, 255, 255);
	border: 1px solid rgb(43, 43, 43);
	box-sizing: border-box;
	border-radius: 8px;
	height: 48px;
	outline: none;
}

.loginPopupButnWrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-top: 16px;
	gap: 22px;
}

.loginPopupButnWrap button {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	line-height: 1rem;
	border: none;
	background: rgb(72, 133, 255);
	color: rgb(255, 255, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	width: 100%;
	height: 48px;
}

.loginPopupButnWrap button:hover {
	background: rgb(71, 123, 255);
}

.loginPopupButnWrap button span {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.loginPopupButnWrap .forgotPassword {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}

.loginPopupcreateAccountButn {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	font-size: 16px;
	line-height: 16px;
	border: none;
	background: rgb(53, 53, 53);
	color: rgb(255, 255, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	width: 100%;
	height: 48px;
}

.loginPopupRegisterBar {
	margin-top: 24px;
	padding: 16px 0px 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: rgb(143, 143, 143);
}

.loginPopupRegisterBar p {
	margin-bottom: 0;
	color: rgb(143, 143, 143);
	font-size: 16px;
	font-weight: 500;
	display: none;
}

.loginPopupRegisterBar.register p {
	display: block;
}

.loginPopupRegisterBar p span {
	color: rgb(255, 255, 255);
	cursor: pointer;
}

.loginPopupDetailContent p {
	margin-bottom: 0;
	color: rgb(143, 143, 143);
	font-size: 14px;
	font-weight: 500;
}

.loginPopupDetailContent p a {
	color: rgb(255, 255, 255);
	text-decoration: underline !important;
}

/* loginPopup start */

/* categoriesSidebar start */
.categoriesSidebar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
	display: none;
}

.categoriesSidebarBox {
	width: 372px;
	height: 100vh;
	max-height: 100vh;
	position: fixed;
	top: 0px;
	left: -100%;
	padding: 20px 8px;
	transition: 0.4s;
	background: rgb(33, 33, 33);
	overflow: hidden;
	z-index: 200;
}

.categoriesSidebarBox.active {
	left: 0;
}

.categoriesSidebarHead {
	padding: 0px 12px 20px 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-bottom: 8px;
}

.categoriesSidebarHead .logoWrap a img {
	height: 30px;
	cursor: pointer;
	min-width: 122px;
	width: 122px;
	position: relative;
	object-fit: cover;
}

.categoriesSidebarClose {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.categoriesSidebarClose img {
	width: 24px;
	height: 24px;
	filter: invert(1);
}

.categoriesSidebarBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.categoriesSidebarBox ul li {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	color: rgb(255, 255, 255);
	cursor: pointer;
	border-radius: 8px;
	margin-bottom: 2px;
}

.categoriesSidebarBox ul li:hover {
	background: rgb(53, 53, 53);
}

.categoriesSidebarBox ul li a {
	position: relative;
	padding: 8px 12px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 16px;
}

.categoriesSidebarBox ul li a::after {
	content: '';
	background-image: url(../images/arrowLeft.svg);
	position: absolute;
	top: 8px;
	right: 4px;
	width: 24px;
	height: 24px;
	transform: rotate(180deg);
}

/* categoriesSidebar end */

/* singleProductPageWrapper start */
.singleProductPageWrapper {
	display: flex;
	background: rgb(12, 12, 12);
	flex-direction: column;
}

.singleProductPageInner {
	display: flex;
	max-width: 1524px;
	margin: auto;
	background: rgb(12, 12, 12);
	width: 100%;
	padding: 22px 40px 40px 24px;
}

@media (max-width: 1440px) {
	.singleProductPageInner {
		max-width: 1392px;
	}
}

.singleProductLeftContent {
	flex: 1 1 0%;
	max-width: inherit;
	overflow: auto;
	padding-left: 16px;
	padding-right: 16px;
}

.breadcrumbList {
	position: relative;
	margin-bottom: 16px;
	margin-top: 12px;
}

.breadcrumbList ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}

.breadcrumbList ul li {
	margin: 0px 8px 0px 0px;
	padding: 0px;
}

.breadcrumbList ul li a {
	color: rgb(150, 150, 150);
	font-size: 14px;
	font-weight: 400;
}

.breadcrumbList ul li a:hover {
	text-decoration: underline !important;
}

.breadcrumbList ul li::after {
	content: "›";
	margin: 0px 10px;
	font-size: 16px;
	line-height: 14px;
	color: rgb(150, 150, 150);
}

.breadcrumbList ul li:last-child:after {
	display: none;
}

.singleProductDetailContent {
	display: flex;
	gap: 16px;
	position: relative;
	margin-bottom: 16px;
}

.singleProductDetailContent .imgBox {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid rgb(33, 33, 33);
	cursor: pointer;
	min-width: 184px;
	max-width: 184px;
	min-height: 276px;
	max-height: 276px;
}

.singleProductDetailContent .imgBox img {
	max-width: 100%;
	height: auto;
	object-fit: cover;
}

.singleProductDetailContent .imgBox .viewAllButn {
	padding: 8px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.7);
	position: absolute;
	bottom: 12px;
	left: 12px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	line-height: 16px;
	width: fit-content;
	place-content: start;
	overflow: hidden;
}

.singleProductDetailContent .imgBox .viewAllButn p {
	margin-bottom: 0px;
	color: rgb(0, 0, 0);
	font-size: 12px;
	font-weight: 500;
}

.singleProductDetailContent .content {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
}

.singleProductDetailContent .content .titleWrap {
	display: flex;
	gap: 12px;
	-webkit-box-align: center;
	align-items: center;
	height: fit-content;
	margin-bottom: 12px;
}

.singleProductDetailContent .content .titleWrap h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
}

.singleProductDetailContent .content .titleWrap .wishlistIcon {
	position: relative;
	cursor: pointer;
}

.singleProductDetailContent .content .productSubdetails {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: start;
	justify-content: flex-start;
	gap: 12px;
}

.singleProductDetailContent .content .productSubdetails a {
	display: flex;
	max-height: 24px;
	width: max-content;
	padding: 4px 8px;
	background: rgb(85, 57, 204);
	border-radius: 6px;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
}

.singleProductDetailContent .content .productSubdetails .digitalKey {
	display: flex;
	max-height: 24px;
	-webkit-box-align: center;
	align-items: center;
	height: 100%;
	width: max-content;
	padding: 4px 8px;
	border: 1px solid rgb(53, 53, 53);
	background: rgb(53, 53, 53);
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 6px;
	box-shadow: none;
}

.singleProductDetailContent .content .productSubdetails .seperator {
	height: 20px;
	width: 1px;
	background: rgba(255, 255, 255, 0.1);
}

.singleProductDetailContent .content .productSubdetails .ratingStarList {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	height: 24px;
}

.singleProductDetailContent .content .productSubdetails .ratingStarList ul {
	display: flex;
	margin-left: -2px;
	margin-top: -2px;
}

.singleProductDetailContent .content .productSubdetails .ratingStarList ul li {
	position: relative;
	cursor: pointer;
}

.singleProductDetailContent .content .mobRatingStarList {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 6px;
	height: 24px;
	margin-top: 4px;
	display: none;
}

.singleProductDetailContent .content .mobRatingStarList ul {
	display: flex;
	margin-left: -2px;
	margin-top: -2px;
}

.singleProductDetailContent .content .mobRatingStarList ul li {
	position: relative;
	cursor: pointer;
}

.singleProductDetailContent .content .mobRatingStarList p {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
}

.singleProductDetailContent .content .seperator {
	height: 1px;
	width: 100%;
	background: rgba(255, 255, 255, 0.1);
}

.singleProductDetailContent .content .specificationList {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	gap: 24px 8px;
}

.singleProductDetailContent .content .specificationList .innerList {
	-webkit-box-flex: 1;
	flex-grow: 1;
	width: 100%;
	display: flex;
	gap: 12px;
	-webkit-box-align: start;
	align-items: start;
	height: 56px;
}

.singleProductDetailContent .content .specificationList .innerList .imgMain {
	height: 56px;
	width: 56px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	background: rgb(22, 22, 22);
	border-radius: 8px;
	box-shadow: none;
	border: 1px solid rgb(33, 33, 33);
}

.singleProductDetailContent .content .specificationList .innerList .content {
	flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	height: 100%;
	gap: 2px;
	width: 100%;
}

.singleProductDetailContent .content .specificationList .innerList .content p {
	margin-bottom: 0px;
	color: rgb(143, 143, 143);
	font-size: 14px;
	font-weight: 500;
}

.singleProductDetailContent .content .specificationList .innerList .content p strong {
	color: rgb(255, 255, 255);
}

.singleProductDetailContent .content .specificationList .innerList .content a {
	color: rgb(53, 157, 255);
	font-weight: 500;
	font-size: 12px;
}

.regionVariationBar {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 32px;
}

.regionVariationBar .topContent {
	display: flex;
	flex-direction: row;
	gap: 12px;
	-webkit-box-align: center;
	align-items: center;
	padding-top: 16px;
}

.regionVariationBar .topContent .region {
	color: rgb(191, 191, 191);
	font-size: 14px;
	font-weight: 500;
}

.regionVariationBar .topContent .dropDownWrap {
	position: relative;
	display: flex;
	width: 100%;
}

.regionVariationBar .topContent .dropDownInner {
	width: 100%;
	height: 40px;
	border: 1px solid rgb(53, 53, 53);
	padding: 16px;
	font-size: 16px;
	line-height: 20px;
	color: rgb(255, 255, 255);
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	cursor: pointer;
	border-radius: 8px;
	box-shadow: none;
	max-width: 230px;
	background: #161616;
}

.regionVariationBar .topContent .dropDownInner p {
	margin-bottom: 0;
	display: flex;
	align-items: center;
	width: max-content;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.regionVariationBar .topContent .dropDownInner img {
	filter: invert(1);
}

.regionVariationBar .topContent .variation {
	color: rgb(53, 157, 255);
	font-size: 14px;
	font-weight: 500;
	text-wrap: nowrap;
	;
	cursor: pointer;
}

.regionVariationBar .topContent .dropDownWrap ul {
	width: 100%;
	max-width: 230px;
	background: rgb(53, 53, 53);
	border-radius: 8px;
	box-shadow: none;
	position: absolute;
	top: calc(100% + 8px);
	overflow: hidden;
	z-index: 100;
	padding: 12px;
	height: fit-content;
	max-height: 400px;
	overflow: auto;
	transition: max-height 0.25s ease-in-out;
	display: none;
}

.regionVariationBar .topContent .dropDownWrap ul li {
	cursor: pointer;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 8px;
}

.regionVariationBar .topContent .dropDownWrap ul li:last-child {
	border-bottom: none;
	margin-bottom: 0px;
}

.regionVariationBar .topContent .dropDownWrap ul li .content {
	display: flex;
	flex-direction: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 8px;
	padding: 12px 16px;
	margin-bottom: 8px;
}

.regionVariationBar .topContent .dropDownWrap ul li:last-child .content {
	margin-bottom: 0px;
}

.regionVariationBar .topContent .dropDownWrap ul li .content:hover {
	background: rgb(75, 75, 75);
}

.regionVariationBar .topContent .dropDownWrap ul li p {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.regionVariationBar .topContent .dropDownWrap ul li img {
	display: none;
}

.regionVariationBar .seperator {
	display: flex;
	width: 100%;
	height: 1px;
	background-color: rgb(33, 33, 33);
}

.packagesSelection {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(auto-fill, minmax(172px, 1fr));
	gap: 16px;
	-webkit-box-pack: start;
	justify-content: start;
}

.packagesSelectionInner {
	border: 1px solid rgb(33, 33, 33);
	overflow: hidden;
	border-radius: 8px;
	box-sizing: border-box;
	min-width: 172px;
	width: 100%;
	cursor: pointer;
	background-color: rgb(22, 22, 22);
	position: relative;
	opacity: 1;
}

.packagesSelectionInner.active {
	border: 2px solid rgb(72, 133, 255);
}

.packagesSelectionInner .topContent {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	background-color: rgb(33, 33, 33);
	gap: 16px;
	padding: 10px;
	height: 40px;
	width: 100%;
}

.packagesSelectionInner .topContent p {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.packagesSelectionInner .topContent .inputWrap {
	display: flex;
	flex-direction: row;
	height: 20px;
	width: 20px;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.packagesSelectionInner .topContent .inputWrap input {
	height: 20px;
	width: 20px;
	appearance: none;
	border: 2px solid rgb(68, 68, 68);
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	position: relative;
}

.packagesSelectionInner .topContent .inputWrap input:checked {
	border-color: rgb(72, 133, 255);
}

.packagesSelectionInner .topContent .inputWrap input::before {
	content: "";
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease-in-out;
}

.packagesSelectionInner .topContent .inputWrap input:checked::before {
	transform: translate(-50%, -50%) scale(1);
	background-color: rgb(72, 133, 255);
}

.packagesSelectionInner .bottomContent {
	min-height: 40px;
	background-color: rgb(22, 22, 22);
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	padding: 10px;
}

.packagesSelectionInner .bottomContent span {
	color: rgb(143, 143, 143);
	font-size: 12px;
	font-weight: 500;
}

.packagesSelectionViewall {
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
}

.packagesSelectionViewall button {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 20px;
	font-size: 16px;
	line-height: 16px;
	border: none;
	background: rgb(53, 53, 53);
	color: rgb(255, 255, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	height: 40px;
}

.packagesSelectionViewall button:hover {
	background: rgb(83, 83, 83);
}

.packagesSelectionViewall button i {
	font-size: 10px;
}

.productImpNoticeBox {
	padding: 18px;
	background: rgb(22, 22, 22);
	margin: auto auto 32px;
	width: 100%;
	border-radius: 8px;
	box-shadow: none;
	border: 1px solid rgb(33, 33, 33);
	display: flex;
	align-items: flex-start;
}

.productImpNoticeBox .iconWrap {
	position: relative;
	margin: 0 10px 0 0px;
}

.productImpNoticeBox .iconWrap i {
	color: rgb(255, 141, 7);
}

.productImpNoticeBox .content {
	display: flex;
	gap: 10px;
	flex-direction: column;
}

.productImpNoticeBox .content h3 {
	color: rgb(255, 141, 7);
	font-size: 14px;
	font-size: 600;
	line-height: 18px;
	margin-bottom: 0px;
}

.productImpNoticeBox .content p {
	color: rgb(255, 141, 7);
	font-size: 14px;
	font-size: 600;
	line-height: 18px;
	margin-bottom: 0px;
}

.offerProductList {
	position: relative;
	margin-bottom: 32px;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.offerProductList .headContent {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-bottom: 16px;
	width: 100%;
}

.offerProductList .headContent h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 600;
}

.offerProductList .headContent .rightContent {
	position: relative;
}

.offerProductList .headContent .rightContentInner {
	display: flex;
	flex-direction: row;
	gap: 2px;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	cursor: pointer;
}

.offerProductList .headContent .rightContentInner span {
	color: rgb(143, 143, 143);
	font-size: 14px;
	font-weight: 500;
}

.offerProductList .headContent .rightContentInner p {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
	margin-left: 2px;
}

.offerProductList .headContent .rightContentInner img {
	filter: invert(1);
}

.offerProductList .headContent .rightContent ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: auto;
	background: rgb(22, 22, 22);
	color: rgb(255, 255, 255);
	box-shadow: none;
	padding: 8px;
	border-radius: 8px;
	display: none;
	z-index: 1;
}

.offerProductList .headContent .rightContent ul li {
	display: block;
	width: 100%;
	background: transparent;
	border-radius: 8px;
	padding: 8px 16px;
	cursor: pointer;
}

.offerProductList .headContent .rightContent ul li.active {
	background-color: rgba(25, 118, 210, 0.08);
}

.offerProductList .headContent .rightContent ul li p {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0px;
}

.choiceOfferProduct {
	position: relative;
	width: 100%;
}

.choiceOfferProductinner {
	position: relative;
	border-radius: 0px 8px 8px;
	padding: 0px;
	margin-bottom: 12px;
	margin-top: 24px;
	overflow: visible;
}

.choiceOfferProductinner.dup {
	margin-top: 0px !important;
}

.choiceOfferProductinner.dup:last-child() {
	margin-bottom: 0px;
}

.choiceOfferProductinner .offerTag {
	position: absolute;
	top: 0px;
	left: 0px;
	transform: translateY(-98%);
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
	background: linear-gradient(120deg, rgb(253, 200, 1) 100%, rgb(253, 200, 1) 100%);
	color: rgb(139, 84, 29);
	padding: 4px 0px 4px 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	z-index: 10;
}

.choiceOfferProductinner .offerTag::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	right: -13px;
	width: 30px;
	height: 100%;
	background: inherit;
	transform: skewX(38deg);
	border-top-right-radius: 6px;
}

.choiceOfferProductinner .offerTag span {
	color: rgb(139, 84, 29);
	font-size: 12px;
	font-weight: 700;
}

.choiceOfferProductinner .contentBox {
	position: relative;
	background: linear-gradient(95.83deg, rgb(255, 204, 0) 3.89%, rgb(221, 134, 0) 97.43%);
	border-radius: 0px 8px 8px;
	padding: 1px;
}

.choiceOfferProductinner.dup .contentBox {
	background: none;
	border-radius: 8px;
	padding: 0px;
}

.choiceOfferProductinner .contentBoxInner {
	background: rgb(22, 22, 22);
	border: 1px solid rgb(33, 33, 33);
	border-radius: 8px;
	padding: 12px;
	display: flex;
	flex-direction: column;
}

.choiceOfferProductinner.dup .contentBoxInner {
	padding: 18px 16px;
}

.choiceOfferSubcontent {
	position: relative;
	padding: 16px 0px;
	display: flex;
}

.choiceOfferSubcontent.dup {
	padding: 0px;
}

.choiceOfferSubcontent .leftContent {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	height: 40px;
}

.choiceOfferSubcontent .leftContent .imgBox {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	width: 57px;
	height: 78px;
}

.choiceOfferSubcontent .leftContent .imgBox img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.choiceOfferSubcontent .leftContent .titleWrap {
	display: flex;
	flex-direction: column;
	width: 80%;
	gap: 2px;
	margin-left: 12px;
	overflow: auto;
}

.choiceOfferSubcontent .leftContent .titleWrap span {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	color: rgb(128, 128, 128);
	font-size: 10px;
	font-weight: 600;
	overflow: auto;
	margin: auto 0px;
	text-transform: uppercase;
}

.choiceOfferSubcontent .leftContent .titleWrap h3 {
	color: rgb(255, 255, 255);
	font-size: 13px;
	line-height: 18px;
	font-weight: 900;
	margin-bottom: 20px;
}

.choiceOfferSubcontent .rightContent {
	flex: 1 1 0%;
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	align-items: center;
	gap: 12px;
}

.choiceOfferSubcontent .rightContent .hoverContent {
	display: flex;
	gap: 12px;
	height: 40px;
}

.choiceOfferSubcontent .rightContent .hoverContent .buyPlus {
	display: none;

}

.choiceOfferProductinner .contentBoxInner:hover .choiceOfferSubcontent .rightContent .hoverContent .buyPlus {
	display: flex;
	gap: 12px;
}

.choiceOfferSubcontent .rightContent .hoverContent .buyPlus .buyPlusPrice {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	flex-direction: row;
	gap: 6px;
	width: max-content;
}

.choiceOfferSubcontent .rightContent .hoverContent .buyPlus .buyPlusPrice span {
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.choiceOfferSubcontent .rightContent .hoverContent .buyPlus .buyPlusPrice .svgWrap {
	cursor: pointer;
}

.choiceOfferSubcontent .rightContent .hoverContent .buyPlus button {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	border: none;
	background: radial-gradient(100% 100% at 0% 0%, rgb(182, 126, 253) 0%, rgba(118, 38, 220, 0.933) 68.08%);
	color: rgb(255, 255, 255);
	padding: 0px 20px;
	min-width: 150px;
	gap: 8px;
	opacity: 1;
	width: fit-content;
	height: 40px;
}

.choiceOfferSubcontent .rightContent .hoverContent .buyPlus button:hover {
	background: radial-gradient(100% 100% at 0% 0%, rgb(182, 126, 253) 0%, rgb(118, 38, 220) 68.08%);
}

.choiceOfferSubcontent .rightContent .hoverContent .salePrice {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	-webkit-box-pack: center;
	justify-content: center;
	width: max-content;
}

.choiceOfferProductinner .contentBoxInner:hover .choiceOfferSubcontent .rightContent .hoverContent .salePrice {
	display: none;
}

.choiceOfferSubcontent .rightContent .hoverContent .salePrice .salePriceWrap {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	flex-direction: row;
	gap: 6px;
	line-height: 1;
}

.choiceOfferSubcontent .rightContent .hoverContent .salePrice .salePriceWrap span {
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.choiceOfferSubcontent .rightContent .hoverContent .salePrice p {
	color: rgb(157, 96, 234);
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0px;
}

.choiceOfferSubcontent .rightContent .hoverContent .seperator {
	width: 1px;
	height: 100%;
	background: rgb(53, 53, 53);
}

.choiceOfferSubcontent .rightContent .regularPrice {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	flex-direction: row;
	gap: 6px;
	width: max-content;
}

.choiceOfferSubcontent .rightContent .regularPrice span {
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.choiceOfferSubcontent .rightContent .regularPrice .svgWrap {
	cursor: pointer;
}

.choiceOfferSubcontent .rightContent .butnWrap {
	display: flex;
	gap: 12px;
}

.choiceOfferSubcontent .rightContent .butnWrap .atcButn {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	border: none;
	background: rgb(53, 53, 53);
	gap: 8px;
	opacity: 1;
	width: 40px;
	height: 40px;
}

.choiceOfferSubcontent .rightContent .butnWrap button {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	font-size: 16px;
	line-height: 16px;
	border: none;
	background: rgb(72, 133, 255);
	color: rgb(255, 255, 255);
	padding: 0px 20px;
	min-width: 120px;
	gap: 8px;
	opacity: 1;
	width: fit-content;
	height: 40px;
}

.choiceOfferSubcontent .rightContent .butnWrap button:hover {
	background: rgb(71, 123, 255);
}

.offerProductList h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 600;
	min-height: 32px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 16px;
}

.choiceOfferSubcontent .otherOfferSubContent {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	height: 40px;
}

.choiceOfferSubcontent .otherOfferSubContent .imgBox {
	position: relative;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
}

.choiceOfferSubcontent .otherOfferSubContent .contentWrap {
	margin-left: 12px;
	display: flex;
	flex-direction: column;
}

.choiceOfferSubcontent .otherOfferSubContent .contentWrap .topContent {
	display: flex;
	align-items: center;
	gap: 2px;
	margin-bottom: 6px;
}

.choiceOfferSubcontent .otherOfferSubContent .contentWrap .topContent a {
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 600;
}

.choiceOfferSubcontent .otherOfferSubContent .contentWrap .topContent a:hover {
	color: rgb(72, 133, 255);
}

.choiceOfferSubcontent .otherOfferSubContent .contentWrap .topContent img {
	width: 16px;
	height: 16px;
}

.choiceOfferSubcontent .otherOfferSubContent .contentWrap .bottomContent {
	display: flex;
	align-items: center;
	gap: 4px;
	line-height: 1;
}

.choiceOfferSubcontent .otherOfferSubContent .contentWrap .bottomContent p {
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0;
}

.choiceOfferSubcontent .otherOfferSubContent .contentWrap .bottomContent i {
	font-size: 8px;
	color: rgb(255, 205, 27);
}

.choiceOfferSubcontent .otherOfferSubContent .contentWrap .bottomContent span {
	color: rgb(143, 143, 143);
	font-size: 12px;
	font-weight: 500;
}

.choiceOfferSubcontent .otherOfferSubContent .imgBox .inner {
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgb(255, 255, 255);
	background: rgba(0, 0, 0, 0);
	height: 42px;
	width: 42px;
	opacity: 0.2;
	top: -1px;
	left: -1px;
}

.choiceOfferSubcontent .otherOfferSubContent .imgBox img {
	height: 100%;
	border-radius: 50%;
}

.choiceOfferProductLoadButn {
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	margin-top: 4px;
}

.choiceOfferProductLoadButn button {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 20px;
	font-size: 16px;
	line-height: 16px;
	border: none;
	background: rgb(53, 53, 53);
	color: rgb(255, 255, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	height: 40px;
}

.choiceOfferProductLoadButn button:hover {
	background: rgb(83, 83, 83);
}

.choiceOfferProductLoadButn button img {
	filter: invert(1);
}

.singleProductDescription {
	margin-bottom: 32px;
	position: relative;
}

.singleProductDescription h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 600;
	min-height: 32px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 16px;
}

.singleProductDescriptionInner {
	color: rgb(191, 191, 191);
	border: 1px solid rgb(33, 33, 33);
	padding: 20px;
	border-radius: 8px;
	background: rgb(22, 22, 22) !important;
}

.singleProductDescriptionInner h4 {
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	margin-bottom: 12px;
	max-width: 638px;
}

.singleProductDescriptionInner a {
	background: rgb(33, 33, 33);
	border: none;
	border-radius: 16px;
	padding: 8px 12px;
	color: rgb(250, 249, 246);
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	width: fit-content;
	margin-right: 10px;
	max-height: 30px;
	cursor: pointer;
	transition: 0.3s;
	display: block;
	max-width: max-content;
}

.singleProductDescriptionInner a:hover {
	background: rgb(79, 79, 79);
}

.singleProductDescriptionInner .innerContent {
	max-height: 80px;
	overflow: hidden;
	transition: 1s ease-in-out;
	margin-top: 16px;
	position: relative;
	font-size: 0.875rem;
	line-height: 20px;
	letter-spacing: 0.1px;
	text-align: justify;
	color: rgb(191, 191, 191) !important;
}

.singleProductDescriptionInner .innerContent.active {
	max-height: 100%;
}

.singleProductDescriptionInner .innerContent p {
	color: rgb(191, 191, 191);
	font-size: 14px;
	font-weight: 500;
}

.singleProductDescriptionInner .innerContent h4 {
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 22px;
}

.singleProductDescriptionInner .innerContent ul {
	margin: 0;
	padding-left: 20px;
	list-style: disc;
}

.singleProductDescriptionInner .innerContent ul li {
	margin-bottom: 16px;
	color: rgb(191, 191, 191);
	font-size: 14px;
	font-weight: 500;
}

.singleProductDescriptionInner .innerContent ol {
	margin: 0;
	padding-left: 20px;
	list-style: auto;
}

.singleProductDescriptionInner .innerContent ol li {
	margin-bottom: 16px;
	color: rgb(191, 191, 191);
	font-size: 14px;
	font-weight: 500;
}

.singleProductDescriptionOverlay {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background-image: linear-gradient(transparent, rgb(22, 22, 22));
	display: none;
}

.singleProductDescriptionOverlay.show-overlay {
	display: block !important;
}

.singleProductDescriptionInner button {
	color: rgb(255, 255, 255);
	font-weight: 500;
	width: fit-content;
	margin-top: 16px;
	text-align: left;
	z-index: 2;
	display: flex;
	-webkit-box-align: end;
	align-items: end;
	font-size: 14px;
	background: transparent;
	border: none;
	outline: none;
}

.singleProductReviews {
	position: relative;
	margin-bottom: 32px;
}

.singleProductReviews h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 600;
	min-height: 32px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 16px;
}

.singleProductReviewBox {
	position: relative;
	padding: 24px;
	background: rgb(22, 22, 22);
	border-radius: 8px;
	border: 1px solid rgb(33, 33, 33);
	box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 32px;
}

.singleProductReviewBoxInner {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	overflow: hidden;
}

.singleProductReviewBoxInner .rateContent {
	display: flex;
	gap: 8px;
	-webkit-box-flex: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	align-items: center;
}

.singleProductReviewBoxInner .rateContent .rateContentInner>div {
	display: flex;
	align-items: center;
	gap: 8px;
}

.singleProductReviewBoxInner .rateContent .rateContentInner ul {
	display: flex;
	align-items: center;
	gap: 2px;
}

.singleProductReviewBoxInner .rateContent .rateContentInner ul li i {
	font-size: 16px;
	color: rgb(255, 205, 27);
}

.singleProductReviewBoxInner .rateContent .rateContentInner ul li:last-child i {
	color: rgba(255, 255, 255, 0.1);
}

.singleProductReviewBoxInner .rateContent .rateContentInner h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 21px;
	font-weight: 500;
	line-height: 13px;
}

.singleProductReviewBoxInner .rateContent .ratingCount {
	/* margin-top: 8px; */
	color: rgb(154, 154, 154);
	font-size: 14px;
	font-weight: 500;
}

.singleProductReviewBoxInner button {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	border: none;
	background: rgb(53, 53, 53);
	color: rgb(255, 255, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	width: fit-content;
	min-width: 154px;
	height: 48px;
}

.singleProductReviewBoxInner button:hover {
	background: rgb(83, 83, 83);
}

.singleProductReviewListWrap {
	display: flex;
	flex-direction: column;
}

.singleProductReviewList {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 16px;
	padding: 16px 0px;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.singleProductReviewList:last-child {
	border-top: none;
	margin-top: 0px;
	padding: 16px 0px 0px;
	border-bottom: none;
}

.singleProductReviewListInner {
	display: flex;
	gap: 16px;
	-webkit-box-align: center;
	align-items: center;
}

.singleProductReviewListInner ul {
	display: flex;
	align-items: center;
	gap: 2px;
}

.singleProductReviewListInner ul li i {
	font-size: 16px;
	color: rgb(255, 205, 27);
}

.singleProductReviewListInner .profileText {
	position: relative;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	font-size: 1.25rem;
	line-height: 1;
	border-radius: 50%;
	overflow: hidden;
	user-select: none;
	color: rgb(255, 255, 255);
	background-color: transparent;
	margin-left: -8px;
}

.singleProductReviewListInner h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
}

.singleProductReviewListInner .date {
	color: rgb(191, 191, 191);
	font-size: 14px;
	font-weight: 500;
}

.singleProductReviewListMobInner {
	display: flex;
	flex-direction: column;
	gap: 16px;
	-webkit-box-align: center;
	align-items: flex-start;
	display: none;
}

.singleProductReviewListMobInner ul {
	display: flex;
	align-items: center;
	gap: 2px;
}

.singleProductReviewListMobInner ul li i {
	font-size: 16px;
	color: rgb(255, 205, 27);
}

.singleProductReviewListMobInner .custDetails {
	display: flex;
	align-items: center;
	gap: 8px;
}

.singleProductReviewListMobInner .profileText {
	position: relative;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 1.25rem;
	line-height: 1;
	border-radius: 50%;
	overflow: hidden;
	user-select: none;
	color: rgb(255, 255, 255);
	background-color: transparent;
	margin-left: -8px;
}

.singleProductReviewListMobInner h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
	min-height: unset;
	line-height: 24px;
}

.singleProductReviewListMobInner .date {
	color: rgb(191, 191, 191);
	font-size: 14px;
	font-weight: 500;
}

.singleProductReviewList .time {
	margin-top: 8px;
	color: rgb(191, 191, 191);
	font-size: 16px;
	font-weight: 500;
}

.productOrderDetails {
	position: relative;
	margin-bottom: 32px;
}

.productOrderDetails h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 600;
	min-height: 32px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 16px;
}

.productOrderDetailBox {
	position: relative;
	background: rgb(22, 22, 22);
	border: 1px solid rgb(33, 33, 33);
	border-radius: 8px;
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.productOrderDetailBox ul {
	list-style: none;
	padding: 0px 0px 24px;
	margin: 0px;
	width: 100%;
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.productOrderDetailBox ul li {
	padding: 0px;
	margin: 0px;
	max-width: 144px;
	width: 144px;
}

.productOrderDetailBox ul li span {
	color: rgb(143, 143, 143);
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

.productOrderDetailBox ul li p {
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	margin: 12px 0px 0px;
}

.productOrderDetailBox .languageBox {
	list-style: none;
	padding-top: 24px;
	padding-bottom: 8px;
	color: rgb(255, 255, 255);
}

.productOrderDetailBox .languageBox span {
	color: rgb(143, 143, 143);
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

.productOrderDetailBox .languageBox p {
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	margin: 12px 0px 0px;
}

.signleGallaryImages {
	position: relative;
	margin-bottom: 32px;
}

.signleGallaryImages h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 600;
	min-height: 32px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 16px;
}

.gallaryImagesWrap {
	display: flex;
	overflow: auto hidden;
	scrollbar-width: none;
	gap: 8px;
	width: 100%;
}

.gallaryImagesWrap .imgWrap {
	position: relative;
	padding-right: 8px;
	width: 180px;
	min-width: 180px;
	height: 100px;
	min-height: 100px;
	border-radius: 8px;
	overflow: hidden;
}

.gallaryImagesWrap .imgWrap .imgWrapInner {
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
	width: 178px;
	height: 100px;
	background: none;
	opacity: 1;
	border: 0;
	margin: 0;
	padding: 0;
	position: relative;
}

.gallaryImagesWrap .imgWrap .imgWrapInner img {
	max-width: 100%;
	height: 100%;
}

.trendingProductsSec {
	position: relative;
	margin-bottom: 32px;
}

.trendingProductsSec .headContent {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	gap: 16px;
}

.trendingProductsSec .headContent h2 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 600;
	min-height: 32px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 16px;
}

.trendingProductSliderButns {
	display: flex;
	flex-direction: row;
	gap: 12px;
}

.trendingProductSliderButns .swiper-button-prev,
.trendingProductSliderButns .swiper-button-next {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	margin-top: unset;
	display: flex;
	height: 36px;
	width: 36px;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	transition: 0.3s;
}

.trendingProductSliderButns .swiper-button-prev:hover,
.trendingProductSliderButns .swiper-button-next:hover {
	opacity: 1;
	cursor: pointer;
	transform: scale(1.05);
	background-color: rgba(255, 255, 255, 0.25);
}

.trendingProductSliderButns .swiper-button-prev::after,
.trendingProductSliderButns .swiper-button-next::after {
	font-size: 12px;
	font-weight: 900;
	color: rgb(255, 255, 255);
}

.trendingProductSliderButns .swiper-button-disabled {
	opacity: 0.3;
	pointer-events: none;
}

.trendingProductSliderWrap {
	position: relative;
	display: flex;
	flex-direction: column;
}

.trendingProductSlider {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.trendingProductSliderBox {
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	border: 1px solid rgb(53, 53, 53);
	min-width: 100%;
	background: rgb(22, 22, 22);
	outline: none;
	transition: 0.2s;
}

.trendingProductSliderBoxInner {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	transition: 0.5s;
}

.trendingProductSliderBoxInner .imgWrap {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	width: initial;
	height: initial;
	background: none;
	opacity: 1;
	border: 0px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.trendingProductSliderBoxInner .imgWrap img {
	width: 100%;
	height: auto;
}

.trendingProductSliderBoxInner .content {
	display: flex;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	transition: 0.5s;
	padding: 12px;
	height: 100%;
	border-radius: 0px 0px 8px 8px;
	flex: 1 1 0%;
}

.trendingProductSliderBoxInner .content h3 {
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 8px;
}

.trendingProductSliderBoxInner .content .countryName {
	color: rgb(72, 189, 255);
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.trendingProductSliderBoxInner .content .pricingBar {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	border: 1px solid rgb(156, 96, 234);
	background: rgba(156, 96, 234, 0.133);
	height: 32px;
	width: 100%;
	border-radius: 4px;
	padding: 8px;
	gap: 6px;
	margin-bottom: 8px;
}

.trendingProductSliderBoxInner .content .pricingBar .iconWrap {
	height: 32px;
	width: 16px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.trendingProductSliderBoxInner .content .pricingBar .subContent {
	display: flex;
	align-items: center;
	gap: 4px;
}

.trendingProductSliderBoxInner .content .pricingBar .subContent span {
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 500;
}

.trendingProductSliderBoxInner .content .pricingBar .subContent p {
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0;
}

.trendingProductSliderBoxInner .content .pricing {
	position: relative;
	line-height: 1;
}

.trendingProductSliderBoxInner .content .pricing span {
	color: rgb(143, 143, 143);
	font-weight: 400;
	font-size: 12px;
	display: block;
}

.trendingProductSliderBoxInner .content .pricing .pricingBottom {
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	justify-content: space-between;
	align-items: flex-end;
	height: 100%;
	flex: 1 1 0%;
}

.trendingProductSliderBoxInner .content .pricing .pricingBottom p {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 16px;
}

.trendingProductSliderBoxInner .content .pricing .pricingBottom .tag {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 24px;
	width: 48px;
	background: rgb(218, 14, 62);
	display: flex;
	align-items: center;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 12px;
}

.singleProductRightContent {
	position: relative;
	width: 343px;
	margin-top: 48px;
	padding-bottom: 0px;
	z-index: 10;
}

.singleProductRightContent .pricingDetails {
	position: relative;
	border-radius: 12px;
	box-sizing: border-box;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex: 1 1 0%;
	height: fit-content;
	min-width: 300px;
	width: auto;
	margin-bottom: 16px;
	transition: 0.3s;
}

.singleProductRightContent .pricingDetails .innerContent {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex-direction: column;
	background: rgb(22, 22, 22);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(33, 33, 33);
	border-radius: 12px;
}

.singleProductRightContent .pricingDetails .innerContent .topBar {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-height: 56px;
	-webkit-box-pack: justify;
	justify-content: flex-start;
	-webkit-box-align: start;
	align-items: flex-start;
	padding: 12px;
	border-radius: 12px 12px 0px 0px;
	background: transparent;
	border-bottom: 1px solid rgb(33, 33, 33);
}

.singleProductRightContent .pricingDetails .innerContent .topBar.active {
	background: linear-gradient(272.66deg, rgba(125, 68, 195, 0.2) 0%, rgba(125, 68, 195, 0) 100%);
}

.singleProductRightContent .pricingDetails .innerContent .topBar span {
	color: rgb(120, 120, 120);
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
}

.singleProductRightContent .pricingDetails .innerContent .topBar h3 {
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0px;
}
.singleProductRightContent .pricingDetails .innerContent .topBar h3 span{
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 600;
}
.singleProductRightContent .pricingDetails .innerContent .bottomBar {
	display: flex;
	flex-direction: row;
	padding: 12px;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	background: linear-gradient(92.66deg, rgba(125, 68, 195, 0.2) 0%, rgba(125, 68, 195, 0) 100%);
	border-bottom: 1px solid rgb(33, 33, 33);
}

.singleProductRightContent .pricingDetails .innerContent .bottomBar.active {
	background: linear-gradient(272.66deg, rgba(125, 68, 195, 0.2) 0%, rgba(125, 68, 195, 0) 100%);
}

.singleProductRightContent .pricingDetails .innerContent .bottomBar .content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.singleProductRightContent .pricingDetails .innerContent .bottomBar .content span {
	display: flex;
	align-items: center;
	gap: 5px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.singleProductRightContent .pricingDetails .innerContent .bottomBar .content span img {
	max-width: 32px;
	height: auto;
}

.singleProductRightContent .pricingDetails .innerContent .bottomBar .content h3 {
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0px;
}

.singleProductRightContent .pricingDetails .innerContent .bottomBar label {
	width: 60px;
	height: 34px;
	transform: scale(0.6) translateX(30%);
	cursor: pointer;
}

.singleProductRightContent .pricingDetails .innerContent .bottomBar label input {
	opacity: 0;
	width: 0px;
	height: 0px;
	background: red;
}

.singleProductRightContent .pricingDetails .innerContent .bottomBar label .toggleBox {
	position: absolute;
	cursor: pointer;
	inset: 0px;
	background-color: rgb(22, 22, 22);
	transition: 0.4s;
	border-radius: 34px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.singleProductRightContent .pricingDetails .innerContent .bottomBar label input:checked~.toggleBox {
	background-color: rgb(159, 98, 235);
	border-color: rgb(159, 98, 235);
}

.singleProductRightContent .pricingDetails .innerContent .bottomBar label .toggleBox .toggleInner {
	position: absolute;
	height: 24px;
	width: 24px;
	left: 4px;
	border: 2px solid rgb(159, 98, 235);
	background-color: rgb(22, 22, 22);
	transition: 0.4s;
	border-radius: 50%;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	padding: 0px;
	margin: 0px;
}

.singleProductRightContent .pricingDetails .innerContent .bottomBar label input:checked~.toggleBox .toggleInner {
	background-color: rgb(255, 255, 255);
	transform: translateX(24px);
}

.singleProductRightContent .pricingDetails .innerContent .priceDetails {
	position: relative;
	padding: 12px;
	border-bottom: 1px solid #212121;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
}

.singleProductRightContent .pricingDetails .innerContent .priceDetails p {
	color: rgb(143, 143, 143);
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.singleProductRightContent .pricingDetails .innerContent .priceDetails svg {
	cursor: pointer;
}

.singleProductRightContent .pricingDetails .innerContent .butnsBar {
	padding: 12px;
	display: flex;
	gap: 12px;
	flex-direction: row;
}

.singleProductRightContent .pricingDetails .innerContent .butnsBar .atcButn {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 8px;
	border: none;
	background: rgb(53, 53, 53);
	gap: 8px;
	opacity: 1;
	width: 48px;
	height: 48px;
}

.singleProductRightContent .pricingDetails .innerContent .butnsBar .atcButn:hover {
	background: rgb(83, 83, 83);
}

.singleProductRightContent .pricingDetails .innerContent .butnsBar button {
	flex: 1;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	border: none;
	background: rgb(72, 133, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	width: 100%;
	height: 48px;
}

.singleProductRightContent .pricingDetails .innerContent .butnsBar button:hover {
	background: rgb(71, 123, 255);
}

.singleProductRightContent .pricingDetails .innerContent .butnsBar button.active {
	background: radial-gradient(100% 100% at 0% 0%, rgba(182, 126, 253, 0.867) 0%, rgba(118, 38, 220, 0.867) 68.08%);
}

.singleProductRightContent .pricingDetails .innerContent .butnsBar button.active:hover {
	background: radial-gradient(100% 100% at 0% 0%, rgb(182, 126, 253) 0%, rgb(118, 38, 220) 68.08%);
}

.singleProductRightContent .pricingDetails .innerContent .butnsBar button span {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.singleProductRightContent .pricingDetails .innerContent .butnsBar button.active {
	background: radial-gradient(100% 100% at 0% 0%, rgba(182, 126, 253, 0.867) 0%, rgba(118, 38, 220, 0.867) 68.08%);
}

.singleProductRightContent .exploreBenefitsBar {
	display: flex;
	flex-direction: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 12px;
	border: 1px solid rgb(33, 33, 33);
	background: rgb(22, 22, 22);
	border-radius: 8px;
	margin-bottom: 16px;
	cursor: pointer;
}

.singleProductRightContent .exploreBenefitsBar .leftContent {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 8px;
}

.singleProductRightContent .exploreBenefitsBar .leftContent .imgBox {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: 28px;
	padding: 6px 10px;
	border-radius: 8px;
	border: 2px solid rgb(157, 96, 234);
}

.singleProductRightContent .exploreBenefitsBar .leftContent .imgBox img {
	max-width: 32px;
	height: auto;
}

.singleProductRightContent .exploreBenefitsBar .leftContent p {
	margin-bottom: 0px;
	color: rgb(159, 98, 235);
	font-weight: 500;
	font-size: 14px;
}

.singleProductRightContent .exploreBenefitsBar .iconWrap i {
	color: rgb(159, 98, 235);
	font-weight: 600;
	font-size: 14px;
}

.singleProductRightContent .specifiPointsBar {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
	margin-bottom: 12px;
	background: rgb(22, 22, 22);
	border-radius: 8px;
	border: 1px solid rgb(33, 33, 33);
	/* overflow: auto; */
}

.singleProductRightContent .specifiPointsBar .contentWrap {
	/* position: relative; */
	display: flex;
	cursor: pointer;
	background: rgb(22, 22, 22);
	border-right: 1px solid rgb(33, 33, 33);
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	gap: 6px;
	padding: 12px;
	min-height: 56px;
	height: 100%;
}

.singleProductRightContent .specifiPointsBar .contentWrap img {
	max-width: 20px;
	height: auto;
}

.singleProductRightContent .specifiPointsBar .contentWrap span {
	color: rgb(191, 191, 191);
	font-size: 12px;
	font-weight: 500;
}

.singleProductRightContent .specifiPointsBar .contentWrap .tooltipWrap {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	width: 100%;
	max-width: 100%;
	height: auto;
	display: none;
}

.singleProductRightContent .specifiPointsBar .contentWrap:hover .tooltipWrap {
	display: block;
}

.singleProductRightContent .specifiPointsBar .contentWrap .tooltipWrap .inner {
	width: 100%;
	font-size: 12px;
	padding: 6px 12px;
	border: 1px solid rgb(53, 53, 53);
	border-radius: 12px;
	background: rgb(33, 33, 33);
	margin-bottom: 9px;
	transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 133ms cubic-bezier(0.4, 0, 0.2, 1);
}

.singleProductRightContent .specifiPointsBar .contentWrap .tooltipWrap .inner p {
	display: flex;
	padding: 8px 4px;
	text-align: center;
	margin-bottom: 0;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.singleProductRightContent .specifiPointsBar .contentWrap .tooltipWrap .inner .tooltipArrow {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	overflow: hidden;
	width: 16px;
	height: 8.52px;
	box-sizing: border-box;
	color: rgba(97, 97, 97, 0.9);
}

.singleProductRightContent .specifiPointsBar .contentWrap .tooltipWrap .inner .tooltipArrow::before {
	transform-origin: 100% 0px;
	background: rgb(33, 33, 33);
	border: 1px solid rgb(53, 53, 53);
	content: "";
	margin: auto;
	display: block;
	width: 100%;
	height: 100%;
	background-color: currentcolor;
	transform: rotate(45deg);
}

.singleProductRightContent .offerStartingBar {
	width: fit-content;
	margin: 0 auto;
	background: rgb(4, 33, 98);
	border-radius: 16px;
	height: 27px;
	padding: 5px 11px 5px 8px;
	cursor: pointer;
	transition: 0.1s ease-in-out;
}

.singleProductRightContent .offerStartingBar p {
	margin-bottom: 0;
	color: rgb(72, 133, 255);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

/* singleProductPageWrapper end */

/* singleCategorySec start */
.singleCategorySec {
	max-width: 1422px;
	margin: auto auto 40px;
	padding-top: 24px;
}

@media (max-width: 1439px) {
	.singleCategorySec {
		padding: 16px 16px 0px;
	}
}

@media (min-width: 768px) {
	.singleCategorySecInner {
		display: flex;
	}
}

.singleCategorySidebar {
	height: fit-content;
	min-height: 500px;
	border-radius: 8px;
	box-shadow: none;
	background: rgb(22, 22, 22);
	margin-right: 24px;
	width: 100%;
	max-width: 286px;
	box-sizing: border-box;
}

.singleCategorySidebarOverlay {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
}

.singleCategorySidebar .headContent {
	padding: 22px 24px;
	border-radius: 8px 8px 0px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.singleCategorySidebar .headContent h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
}

.singleCategorySidebar .headContent .rightContent {
	display: flex;
	align-items: center;
	gap: 15px;
}

.singleCategorySidebar .headContent .rightContent a {
	color: rgb(53, 157, 255);
	font-weight: 600;
	font-size: 16px;
}

.singleCategorySidebarClose img {
	height: 26px;
	width: 26px;
	filter: invert(1);
}

.singleCategorySidebarBody {
	position: relative;
	padding: 24px 16px;
}

.categorySidebarListWrap {
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 24px;
	padding-bottom: 0px;
}

.categorySidebarListWrap:nth-of-type(1) {
	padding-top: 0px;
	border-top: none;
	margin-top: 0px;
	padding-bottom: 0px;
}

.categorySidebarListWrap .titleWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	margin-bottom: 12px;
}

.categorySidebarListWrap .titleWrap h3 {
	display: flex;
	align-items: center;
	gap: 8px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0px;
}

.categorySidebarListWrap .titleWrap h3 span {
	width: 18px;
	height: 18px;
	color: rgb(255, 255, 255);
	background: rgb(72, 133, 255);
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 12px;
}

.categorySidebarListWrap .titleWrap .toggleIcon img {
	filter: invert(1);
	width: 10px;
	transition: .4s all;
}

.categorySidebarListWrap .titleWrap .toggleIcon.active img {
	transform: rotate(180deg);
}

.categorySidebarListInner {
	display: none;
	margin-top: 12px;
}

.categorySidebarListWrap .inputWrap {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 8px;
	-webkit-box-pack: start;
	justify-content: flex-start;
	padding: 0px 12px;
	background: rgb(33, 33, 33);
	margin-bottom: 16px;
}

.categorySidebarListWrap .inputWrap.dup {
	padding: 0px;
}

.categorySidebarListWrap .inputWrap .iconWrap {
	position: relative;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.categorySidebarListWrap .inputWrap input {
	background: 0% 0% no-repeat padding-box padding-box rgba(0, 0, 0, 0);
	color: rgb(255, 255, 255);
	width: 100%;
	border-radius: 4px;
	padding: 8px 12px;
	flex: 1 1 0%;
	height: 40px;
	font-size: 14px;
	font-weight: 400;
	border: none;
	outline: none;
}

.categorySidebarListWrap .inputWrap input::placeholder {
	color: rgb(191, 191, 191);
	font-size: 14px;
	font-weight: 400;
}

.categorySidebarListWrap ul {
	margin: 0;
	list-style: none;
	margin-bottom: 16px;
	padding: 0px;
	max-height: 500px;
	overflow: hidden scroll;
}

.categorySidebarListWrap ul::-webkit-scrollbar {
	width: 8px;
	border-radius: 4px;
}

.categorySidebarListWrap ul::-webkit-scrollbar-thumb {
	background: rgb(106, 106, 106);
	border-radius: 4px;
}

.categorySidebarListWrap ul::-webkit-scrollbar-track {
	display: inline-block;
	background: rgb(29, 29, 29);
	border-radius: 4px;
}

.categorySidebarListWrap ul li {
	position: relative;
	margin-bottom: 16px;
}

.categorySidebarListWrap ul li:last-child {
	margin-bottom: 0px;
}

.categorySidebarListWrap ul li label input {
	display: none;
}

.categorySidebarListWrap ul li label .contentWrap {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.categorySidebarListWrap ul li label .contentWrap .customInput {
	position: relative;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-color: rgb(33, 33, 33);
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
}

.categorySidebarListWrap ul li label input:checked~.contentWrap .customInput {
	background-color: rgb(72, 133, 255);
}

.categorySidebarListWrap ul li label .contentWrap .customInput::after {
	content: "";
	position: absolute;
	display: none;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%) rotate(40deg);
	width: 6px;
	height: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
	border-image: initial;
	border-width: 0px 2px 2px 0px;
}

.categorySidebarListWrap ul li label input:checked~.contentWrap .customInput::after {
	display: block;
}

.categorySidebarListWrap ul li label .contentWrap p {
	margin-bottom: 0;
	margin-left: 8px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.categorySidebarListWrap ul li label .contentWrap p span {
	color: rgb(143, 143, 143);
	font-size: 12px;
	font-weight: 500;
}

.categorySidebarPriceRange {
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	color: rgb(255, 255, 255);
}

.categorySidebarPriceRange input[type=number] {
	appearance: none;
	-moz-appearance: textfield;
	background: 0% 0% no-repeat padding-box padding-box rgb(33, 33, 33);
	color: rgb(255, 255, 255);
	width: 80px;
	border-radius: 4px;
	padding: 8px 12px;
	flex: 1 1 0%;
	height: 32px;
	max-width: 111px;
	font-size: 14px;
	border: none;
	outline: none;
}

.categorySidebarPriceRange input[type=number]::-webkit-inner-spin-button,
.categorySidebarPriceRange input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.singleCategoryRightBox {
	width: 100%;
	min-height: 100vh;
	color: rgb(255, 255, 255);
	background: rgb(12, 12, 12);
}

.singleCategoryFilterBox {
	position: relative;
	background: rgb(22, 22, 22);
	border-radius: 8px;
	padding: 16px 24px;
	box-shadow: none;
}

.singleCategoryFilterWrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 16px;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 20px;
	gap: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.singleCategoryFilterWrap .title {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.singleCategoryFilterWrap ul {
	display: flex;
	align-items: center;
	gap: 12px;
}

.singleCategoryFilterWrap ul li {
	border-radius: 60px;
	padding: 10px 12px;
	display: flex;
	gap: 4px;
	-webkit-box-align: center;
	align-items: center;
	color: rgb(255, 255, 255);
	max-width: fit-content;
	background: rgb(33, 33, 33);
	white-space: nowrap;
	line-height: 1;
}

.singleCategoryFilterWrap ul li span {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 700;
}

.singleCategoryFilterWrap ul li .removeFilter {
	position: relative;
	line-height: 1;
	cursor: pointer;
}

.singleCategoryFilterWrap ul li .removeFilter img {
	filter: invert(1);
}

.singleCategoryFilterWrap a {
	color: rgb(191, 191, 191);
	font-size: 16px;
	font-weight: 500;
	padding: 8px;
}

.singleCategoryTitleBar {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
}

.singleCategoryTitleBar h3 {
	flex: 1 1 0%;
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 600;
}

.singleCategoryTitleBar .dropFilterBox {
	position: relative;
}

.singleCategoryTitleBar .dropFilterBox .dropFilterSelec {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 4px;
	cursor: pointer;
}

.singleCategoryTitleBar .dropFilterBox .dropFilterSelec p {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
}

.singleCategoryTitleBar .dropFilterBox .dropFilterSelec img {
	filter: invert(1);
}

.singleCategoryTitleBar .dropFilterBox .dropFilterDropdown {
	position: absolute;
	margin-top: 24px;
	padding: 8px 16px;
	border-radius: 8px;
	background: rgb(22, 22, 22);
	top: 100%;
	right: 0px;
	z-index: 1;
	display: none;
}

.singleCategoryTitleBar .dropFilterBox .dropFilterDropdown ul {
	list-style: none;
	margin: 0px;
	padding: 8px 0px;
	position: relative;
	outline: 0px;
}

.singleCategoryTitleBar .dropFilterBox .dropFilterDropdown ul li {
	-webkit-tap-highlight-color: transparent;
	background-color: transparent;
	font-weight: 400;
	letter-spacing: 0.15008px;
	position: relative;
	text-decoration: none;
	min-height: 48px;
	white-space: nowrap;
	padding: 14px 16px;
	font-size: 16px;
	line-height: 1.25rem;
	color: rgb(255, 255, 255);
	border-radius: 8px;
	cursor: pointer;
}

.singleCategoryTitleBar .dropFilterBox .dropFilterDropdown ul li:hover {
	background: rgb(33, 33, 33);
}

.singleCategoryProductCards {
	display: grid;
	padding-top: 20px;
	gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.singleCategoryPagination {
	-webkit-box-pack: center;
	justify-content: center;
	margin: 40px 10px 0px;
	display: flex;
}

.singleCategoryPagination ul {
	display: flex;
	align-items: center;
}

.singleCategoryPagination ul li {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0px 4px;
	min-height: 44px;
	min-width: 44px;
	border: 2px solid transparent;
	background-color: transparent;
	border-radius: 8px;
	cursor: pointer;
	transition: 0.3s;
}

.singleCategoryPagination ul li:hover {
	transform: scale(1.04);
	border: 2px solid rgb(53, 53, 53);
}

.singleCategoryPagination ul li.active {
	transform: scale(1.04);
	border: 2px solid rgb(53, 53, 53);
}

.singleCategoryPagination ul li.disabled {
	cursor: default !important;
}

.singleCategoryPagination ul li.disabled:hover {
	transform: unset !important;
	border: none !important;
}

.singleCategoryPagination ul li span {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.singleCategoryPagination ul li img {
	filter: invert(1);
}

.singleCategoryPagination ul li.disabled img {
	filter: contrast(0.5);
}

.singleCategoryRelateContent {
	overflow: hidden;
	margin: 32px 0px 64px;
	padding: 16px;
	border-radius: 8px;
	color: rgb(191, 191, 191);
	font-size: 16px;
	font-weight: 500;
	background: rgb(22, 22, 22);
	min-height: auto;
}

.singleCategoryRelateContent h3 {
	margin-bottom: 0px;
	color: rgb(191, 191, 191);
	font-size: 19px;
	font-weight: 600;
	line-height: 22px;
}

.singleCategoryRelateContent p {
	margin-bottom: 0px;
}

.singleCategoryRelateContent p a {
	color: rgb(72, 133, 255);
}

.singleCategoryRelateContent ul {
	list-style: revert;
	padding: revert;
}

.singleCategoryRelateContent ul li {
	margin-bottom: 16px;
}

.singleCategoryRelateContent ul li:last-child {
	margin-bottom: 0px;
}

/* singleCategorySec start */

/* cartPageSec start */
.cartPageSec {
	max-width: 1112px;
	padding: 0px 16px;
	position: relative;
	margin: 16px auto 40px;
	min-height: calc(-400px + 100vh);
	scroll-behavior: smooth;
}

.cartPageSecWrapper {
	display: flex;
	padding-top: 40px;
}

.cartPageLeftContent {
	display: flex;
	flex: 1 1 0%;
	flex-direction: column;
	gap: 16px;
	padding: 0px;
}

.cartPageLeftContent h3 {
	font-size: 20px;
	line-height: 24px;
	color: rgb(255, 255, 255);
	font-weight: 600;
	margin-bottom: 0px;
}

.cartProductDetailBox {
	width: 100%;
	border-radius: 8px;
	background-color: rgb(22, 22, 22);
	box-sizing: border-box;
	margin-bottom: 16px;
	border: 1px solid rgb(33, 33, 33);
}

.cartProductDetailBox .headContent {
	position: relative;
	padding: 12px 16px;
	border-bottom: 1px solid rgb(43, 43, 43);
}

.cartProductDetailBox .headContent p {
	color: rgb(128, 128, 128);
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0px;
}

.cartProductDetailBox .headContent p a {
	color: rgb(191, 191, 191);
	font-size: 14px;
	font-weight: 600;
}

.cartProductDetailBox .bodyContent {
	position: relative;
	padding: 16px;
}

.cartProductDetailBox .bodyContentInner {
	display: grid;
	grid-template-columns: auto 1fr;
}

.cartProductDetailBox .bodyContentInner a .imgWrap {
	height: 180px;
	width: 128px;
	cursor: pointer;
}

.cartProductDetailBox .bodyContentInner a .imgWrap img {
	height: 100%;
	width: 100%;
	border-radius: 8px;
	object-fit: cover;
	object-position: center center;
}

.cartProductDetailBox .bodyContentInner .productDetails {
	display: flex;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-left: 12px;
}

.cartProductDetailBox .bodyContentInner .productDetails .titleBox {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cartProductDetailBox .bodyContentInner .productDetails .titleBox .title {
	display: flex;
	flex-direction: row;
	gap: 10px;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.cartProductDetailBox .bodyContentInner .productDetails .titleBox .title h3 {
	display: block;
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.cartProductDetailBox .bodyContentInner .productDetails .titleBox .title a {
	display: flex;
	max-height: 24px;
	width: max-content;
	padding: 4px 6px;
	background: rgb(85, 57, 204);
	border-radius: 6px;
	color: rgb(255, 255, 255);
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
}

.cartProductDetailBox .bodyContentInner .productDetails .titleBox .state {
	color: rgb(72, 189, 255);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.cartProductDetailBox .bodyContentInner .productDetails .productDetailsCategory{
	display: none;
	max-height: 24px;
	width: max-content;
	padding: 4px 6px;
	background: rgb(85, 57, 204);
	border-radius: 6px;
	color: rgb(255, 255, 255);
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
}

.cartProductDetailBox .bodyContentInner .productDetails .productDetailsBottom {
	border-top: 1px solid rgb(43, 43, 43);
	display: flex;
	width: 100%;
	-webkit-box-align: end;
	align-items: end;
	padding-top: 8px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-top: 6px;
}

.cartProductDetailBox .bodyContentInner .productDetails .productDetailsBottom .content {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 10px;
}

.cartProductDetailBox .bodyContentInner .productDetails .productDetailsBottom .content .trashIcon {
	position: relative;
	cursor: pointer;
}

.cartProductDetailBox .bodyContentInner .productDetails .productDetailsBottom .content .quantityBar {
	box-sizing: border-box;
	border-radius: 6px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex: 1 1 0%;
	max-height: 30px;
	max-width: 88px;
	width: 100%;
	gap: 8px;
}

.cartProductDetailBox .bodyContentInner .productDetails .productDetailsBottom .content .quantityBar .quantityBarBox {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex: 1 1 0%;
	width: 24px;
	min-width: 24px;
	height: 24px;
	border-radius: 4px;
	background: rgb(33, 33, 33);
	color: #fff;
	cursor: pointer;
}

.cartProductDetailBox .bodyContentInner .productDetails .productDetailsBottom .content .quantityBar .quantityBarBox span {
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.cartProductDetailBox .bodyContentInner .productDetails .productDetailsBottom .price {
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 600;
}

.cartProductDetailBox .productDetailsBottom {
	border-top: 1px solid rgb(43, 43, 43);
	display: flex;
	width: 100%;
	-webkit-box-align: end;
	align-items: end;
	padding-top: 8px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-top: 12px;
	display: none;
}

.cartProductDetailBox .productDetailsBottom .content {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 10px;
}

.cartProductDetailBox .productDetailsBottom .content .trashIcon {
	position: relative;
	cursor: pointer;
}

.cartProductDetailBox .productDetailsBottom .content .quantityBar {
	box-sizing: border-box;
	border-radius: 6px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex: 1 1 0%;
	max-height: 30px;
	max-width: 88px;
	width: 100%;
	gap: 8px;
}

.cartProductDetailBox .productDetailsBottom .content .quantityBar .quantityBarBox {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex: 1 1 0%;
	width: 24px;
	min-width: 24px;
	height: 24px;
	border-radius: 4px;
	background: rgb(33, 33, 33);
	cursor: pointer;
}

.cartProductDetailBox .productDetailsBottom .content .quantityBar .quantityBarBox span {
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.cartProductDetailBox .productDetailsBottom .price {
	color: rgb(255, 255, 255);
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
}

.cartPageRightContent {
	position: sticky;
	top: 100px;
	flex: 0 1 360px;
	max-width: 343px;
	align-self: flex-start;
	margin-left: 16px;
	display: flex;
	gap: 16px;
	flex-direction: column;
}

.cartPageRightContent h3 {
	font-size: 20px;
	line-height: 24px;
	color: rgb(255, 255, 255);
	font-weight: 600;
	margin-bottom: 0px;
}

.cartPagePriceDetails .head {
	display: flex;
	gap: 6px;
	height: 32px;
	width: 100%;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	padding: 0px 16px;
	border-radius: 8px 8px 0px 0px;
	border: 1px solid rgb(33, 33, 33);
	background: rgb(22, 22, 22);
}

.cartPagePriceDetails .head.active {
	background: radial-gradient(100% 100% at 0% 0%, rgba(182, 126, 253, 0.867) 0%, rgba(118, 38, 220, 0.867) 68.08%);
}

.cartPagePriceDetails .head.active img {
	filter: brightness(5);
}

.cartPagePriceDetails .head span {
	height: 16px;
	width: fit-content;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	color: rgb(156, 96, 234);
	background-color: rgb(41, 41, 41);
	border-radius: 8px;
	padding: 4px 6px;
	letter-spacing: 0.8px;
	font-size: 8px;
	text-transform: uppercase;
	font-weight: 500;
}

.cartPagePriceDetails .head.active span {
	color: rgb(255, 255, 255);
	background-color: rgb(156, 96, 234);
}

.cartPagePriceDetails .head .seperator {
	width: 2px;
	height: 16px;
	background-color: rgb(41, 41, 41);
}

.cartPagePriceDetails .head.active .seperator {
	background-color: rgb(156, 96, 234);
}

.cartPagePriceDetails .head .saveInfo {
	color: rgb(156, 96, 234);
	font-size: 12px;
	font-weight: 500;
}

.cartPagePriceDetails .head.active .saveInfo {
	color: rgb(255, 255, 255);
}

.cartPagePriceDetails .bodyContent {
	position: relative;
	border-radius: 0px 0px 8px 8px;
	border-top: none;
	border-right: 1px solid rgb(33, 33, 33);
	border-bottom: 1px solid rgb(33, 33, 33);
	border-left: 1px solid rgb(33, 33, 33);
	border-image: initial;
	padding: 16px;
	height: fit-content;
	background: rgb(22, 22, 22);
}

.cartPagePriceDetails .bodyContent p {
	margin-bottom: 2px;
	line-height: 20px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.cartPagePriceDetails .bodyContent h3 {
	margin-bottom: 0px;
	line-height: 40px;
	color: rgb(255, 255, 255);
	font-size: 32px;
	font-weight: 600;
}

.cartPagePriceDetails .bodyContent .info {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
	color: rgb(143, 143, 143);
}

.cartPagePriceDetails .bodyContent .info span {
	text-transform: uppercase;
	line-height: 16px;
	margin-top: 3px;
	color: rgb(143, 143, 143);
	font-size: 12px;
	font-weight: 500;
}

.cartPagePriceDetails .bodyContent .info svg {
	position: relative;
	cursor: pointer;
}

.cartPagePriceDetails .bodyContent a {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 8px;
	line-height: 16px;
	border: none;
	background: rgb(72, 133, 255);
	padding: 16px;
	gap: 8px;
	opacity: 1;
	width: 100%;
	height: 48px;
	margin-top: 16px;
}

.cartPagePriceDetails .bodyContent a:hover {
	background: rgb(72, 133, 255);
	opacity: 0.95;
}

.cartPagePriceDetails .bodyContent a span {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
}

.aboutDrifflePlusContent {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 16px;
	border: 2px solid rgb(156, 96, 234);
	border-radius: 8px;
	background: transparent;
	overflow: hidden;
	padding: 16px 0px;
}

.aboutDrifflePlusContent.active {
	background: rgba(156, 96, 234, 0.133);
}

.aboutDrifflePlusContent .bgPlusLogo {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 60px;
	height: 60px;
}

.aboutDrifflePlusContent .bgPlusLogo img {
	height: 60px;
	width: 60px;
	transform: rotate(-90deg);
}

.aboutDrifflePlusContent .title {
	position: relative;
	padding: 0px 16px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.aboutDrifflePlusContent .title h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
}

.aboutDrifflePlusContent .title h3 span {
	color: rgb(159, 98, 235);
}

.aboutDrifflePlusContent .bodyContent {
	display: flex;
	flex-direction: row;
	gap: 16px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 0px 0px 0px 16px;
}

.aboutDrifflePlusContent .bodyContent ul li {
	position: relative;
	margin-bottom: 12px;
}

.aboutDrifflePlusContent .bodyContent ul li:last-child {
	margin-bottom: 0px;
}

.aboutDrifflePlusContent .bodyContent ul li p {
	margin-bottom: 0px;
	line-height: 18px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
	padding-left: 30px;
}

.aboutDrifflePlusContent .bodyContent ul li::before {
	content: '';
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	position: absolute;
	height: 18px;
	width: 18px;
	vertical-align: middle;
	margin: 0px;
	background-image: url("../images/purpleTick.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.aboutDrifflePlusContent .bodyContent .toggleButn {
	position: relative;
	display: flex;
	gap: 8px;
	width: 60px;
	margin-right: -8px;
}

.aboutDrifflePlusContent .bodyContent .toggleButn label {
	width: 60px;
	height: 34px;
	transform: scale(0.6) translate(-40%, -30%);
	cursor: pointer;
}

.aboutDrifflePlusContent .bodyContent .toggleButn label input {
	display: none;
}

.aboutDrifflePlusContent .bodyContent .toggleButn label .toggleButnInner {
	position: absolute;
	cursor: pointer;
	inset: 0px;
	background-color: rgba(156, 96, 234, 0.5);
	transition: 0.4s;
	border-radius: 34px;
	border: 2px solid transparent;
}

.aboutDrifflePlusContent .bodyContent .toggleButn label input:checked~.toggleButnInner {
	background-color: rgb(156, 96, 234);
	border-color: transparent;
}

.aboutDrifflePlusContent .bodyContent .toggleButn label .toggleButnInner::before {
	position: absolute;
	content: "";
	height: 24px;
	width: 24px;
	left: 4px;
	bottom: 3px;
	background-color: rgb(255, 255, 255);
	transition: 0.4s;
	border-radius: 50%;
}

.aboutDrifflePlusContent .bodyContent .toggleButn label input:checked~.toggleButnInner::before {
	transform: translateX(24px);
}

.cartPageReviewBar a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	line-height: 1;
}

.cartPageReviewBar a p {
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}

/* cartPageSec end */

/* checkoutPageSec start */
.checkoutPageSec {
	max-width: 1112px;
	padding: 40px 16px;
	margin: auto;
	min-height: calc(-72px + 100vh);
}

@media (max-width: 1439px) {
	.checkoutPageSec {
		margin: 0px auto;
	}
}

.checkoutPageWrapper {
	display: flex;
}

.checkoutPageLeftContent {
	flex: 1 1 auto;
	margin-right: 16px;
}

.paymentFailedNote{
	position: relative;
	padding: 16px 20px;
	background: rgb(60, 29, 29);
	border: 2px solid rgb(207, 51, 51);
	box-shadow: none;
	border-radius: 12px;
	margin: 0px 0px 24px;
	display: flex;
	align-items: flex-start;
	-webkit-box-pack: center;
	justify-content: space-between;
	width: 100%;
	gap: 16px;
}

.paymentFailedNote .leftContent{
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1 1 0%;
	width: 100%;
	min-height: 36px;
}

.paymentFailedNote .leftContent p{
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.paymentFailedNote .close img{
	cursor: pointer;
	filter: invert(1);
}

.checkoutPageStep {
	padding-bottom: 24px;
	margin-bottom: 28px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
}

.checkoutPageStep:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}

.checkoutPageStep .titleWrap {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 8px;
}

.checkoutPageStep .titleWrap p {
	margin-bottom: 0px;
	display: flex;
	padding: 6px 12px;
	height: 30px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 16px;
	-webkit-box-align: center;
	align-items: center;
	width: fit-content;
	white-space: nowrap;
	color: rgb(112, 159, 255);
	background: rgb(11, 37, 90);
}

.checkoutPageStep .titleWrap h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 600;
}

.checkoutPageStep ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 24px 0px 0px;
}

.checkoutPageStep ul li {
	cursor: pointer;
	background-color: rgb(22, 22, 22);
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	color: rgb(255, 255, 255);
	border-radius: 8px;
	padding: 10px 20px;
	width: 100%;
	height: 48px;
	text-align: center;
	border: 1px solid rgb(33, 33, 33);
}

.checkoutPageStep ul li:hover {
	background: rgb(83, 83, 83);
}

.checkoutPageStep ul li p {
	margin-bottom: 0px;
	margin-left: 24px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
}

.checkoutPageStep .notice {
	position: relative;
	margin-top: 12px;
}

.checkoutPageStep .notice p {
	margin-bottom: 0px;
	color: rgb(128, 128, 128);
	font-size: 14px;
	font-weight: 500;
}

.debitCardDetailsBox{
	margin-top: 20px;
	/* gap: 12px; */
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	border: 1px solid rgb(33, 33, 33);
	background-color: rgb(22, 22, 22);
}

.debitCardDetailsBox .topBar{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 16px;
	height: 72px;
	opacity: 1;
	filter: none;
	cursor: pointer;
}

.debitCardDetailsBox .topBar .left{
	display: flex;
	align-items: center;
	gap: 12px;
}

.debitCardDetailsBox .topBar .left .inputWrap{
	display: flex;
	flex-direction: row;
	height: 20px;
	width: 20px;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.debitCardDetailsBox .topBar .left .inputWrap input{
	height: 20px;
	width: 20px;
	appearance: none;
	border: 2px solid rgb(68, 68, 68);
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	position: relative;
}

.debitCardDetailsBox .topBar .left .inputWrap input:checked{
	border-color: rgb(72, 133, 255);
}

.debitCardDetailsBox .topBar .left .inputWrap input::before{
	content: "";
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease-in-out;
}

.debitCardDetailsBox .topBar .left .inputWrap input:checked::before{
	transform: translate(-50%, -50%) scale(1);
	background-color: rgb(72, 133, 255);
}

.debitCardDetailsBox .topBar .left .cardImgWrap{
	display: flex;
	align-items: center;
	gap: 8px;
}

.debitCardDetailsBox .topBar .left .cardImgWrap.express{
	border-radius: 6px;
	height: 40px;
	width: 97px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	opacity: 1;
	background: rgb(255, 255, 255);
}

.debitCardDetailsBox .topBar .left .cardImgWrap img{
	max-width: 100%;
	height: auto;
}

.debitCardDetailsBox .topBar .left .cardImgWrap p{
	margin-bottom: 0px;
	color: rgb(128, 128, 128);
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
}

.debitCardDetailsBox .topBar .right a{
	color: rgb(128, 128, 128);
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
}

.debitCardBoxBody{
	padding: 16px;
	background: rgb(22, 22, 22);
	transition: 0.3s;
	height: auto;
	border-radius: 0px 0px 8px 8px;
	overflow: visible;
	border-top: 1px solid rgb(33, 33, 33);
	display: none;
}

.debitCardFieldsWrapMain{
	display: flex;
	gap: 8px;
}

.debitCardFieldsWrap{
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
	width: 100%;
}

.debitCardFieldsWrap label{
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
	color: rgb(128, 128, 128);
	text-transform: capitalize;
	margin-bottom: 12px;
	display: block;
}

.debitCardFieldsWrap input{
	background: rgb(33, 33, 33);
	border: 1px solid rgb(33, 33, 33);
	padding: 0px 16px;
	width: 100%;
	border-radius: 8px;
	height: 51px;
	display: grid;
	cursor: text;
	outline: none;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
}

.debitCardFieldsWrap .errorNote{
	margin-top: 8px;
	margin-bottom: 0px;
	color: rgb(255, 87, 87);
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
}

.debitCardBoxBody form .formNotice{
	margin-bottom: 8px;
	color: rgb(191, 191, 191);
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
}

.debitCardBoxBody form button{
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: default;
	border-radius: 8px;
	border: none;
	background: rgb(72, 133, 255);
	padding: 12px 16px;
	gap: 8px;
	opacity: 1;
	width: 100%;
	height: 48px;
	font-size: 16px;
	line-height: 16px;
	color: rgb(255, 255, 255);
	font-weight: 600;
}

.debitCardBoxBody form button:disabled{
	opacity: 0.5;
}

.checkoutPageRightContent {
	min-width: 343px;
	max-width: 343px;
	position: sticky;
	top: 100px;
	height: fit-content;
}

.checkoutPageRightContent h3 {
	margin-bottom: 16px;
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 600;
}

.checkoutPageRightSidebar {
	position: relative;
	width: 100%;
	height: fit-content;
	border-radius: 8px;
	padding: 16px;
	border: 1px solid rgb(33, 33, 33);
	background: rgb(22, 22, 22);
}

.checkoutPageRightSidebar .bodyContent {
	position: relative;
}

.checkoutPageRightSidebar .bodyContentInner {
	display: grid;
	grid-template-columns: auto 1fr;
}

.checkoutPageRightSidebar .bodyContentInner a .imgWrap {
	cursor: pointer;
	height: 91px;
	width: 65px;
}

.checkoutPageRightSidebar .bodyContentInner a .imgWrap img {
	height: 100%;
	width: 100%;
	border-radius: 8px;
	object-fit: cover;
	object-position: center center;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails {
	display: flex;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-left: 12px;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .titleBox {
	display: flex;
	flex-direction: column;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .titleBox .title {
	display: flex;
	flex-direction: row;
	gap: 10px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-bottom: 4px;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .titleBox .title h3 {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .titleBox .title a {
	display: flex;
	max-height: 18px;
	width: max-content;
	padding: 2px 6px;
	background: rgb(85, 57, 204);
	border-radius: 6px;
	color: rgb(255, 255, 255);
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .titleBox .soldBy {
	color: rgb(128, 128, 128);
	font-size: 12px;
	font-weight: 500;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .titleBox .soldBy a {
	color: rgb(191, 191, 191);
	font-weight: 600;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .productDetailsBottom {
	display: flex;
	width: 100%;
	-webkit-box-align: end;
	align-items: end;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .productDetailsBottom .content {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 10px;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .productDetailsBottom .content .trashIcon {
	position: relative;
	cursor: pointer;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .productDetailsBottom .content .quantityBar {
	box-sizing: border-box;
	border-radius: 6px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex: 1 1 0%;
	max-height: 30px;
	max-width: 88px;
	width: 100%;
	gap: 8px;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .productDetailsBottom .content .quantityBar .quantityBarBox {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex: 1 1 0%;
	width: 24px;
	min-width: 24px;
	height: 24px;
	border-radius: 4px;
	background: rgb(33, 33, 33);
	cursor: pointer;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .productDetailsBottom .content .quantityBar .quantityBarBox#quantityfigr_cart {
	background-color: transparent;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .productDetailsBottom .content .quantityBar .quantityBarBox span {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.checkoutPageRightSidebar .bodyContentInner .productDetails .productDetailsBottom .price {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
}

.checkoutPageRightContent .infoContent p {
	margin-bottom: 0px;
	margin-top: 12px;
	color: rgb(128, 128, 128);
	font-size: 12px;
	font-weight: 500;
}

.checkoutPageRightContent .infoContent p a {
	color: rgb(53, 157, 255);
}

.checkoutPageRightContent .keyDiscount {
	position: relative;
	display: flex;
	gap: 4px;
	-webkit-box-align: center;
	align-items: center;
	margin-top: 12px;
}

.checkoutPageRightContent .keyDiscount span {
	color: rgb(156, 96, 234);
}

.checkoutPageRightContent .keyDiscount p {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 600;
}

.checkoutPageRightContent .keyDiscount .svgWrap {
	cursor: pointer;
}

.checkoutPageRightContent .keyDiscount .svgWrap .tooltipWrap {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	width: 100%;
	max-width: 100%;
	height: auto;
	display: none;
}

.checkoutPageRightContent .keyDiscount .svgWrap:hover .tooltipWrap {
	display: block;
}

.checkoutPageRightContent .keyDiscount .svgWrap .tooltipWrap .inner {
	width: 100%;
	font-size: 12px;
	padding: 6px 12px;
	border: 1px solid rgb(53, 53, 53);
	border-radius: 12px;
	background: rgb(33, 33, 33);
	margin-bottom: 9px;
	transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 133ms cubic-bezier(0.4, 0, 0.2, 1);
}

.checkoutPageRightContent .keyDiscount .svgWrap .tooltipWrap .inner p {
	display: flex;
	padding: 8px 4px;
	text-align: center;
	margin-bottom: 0;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.checkoutPageRightContent .keyDiscount .svgWrap .tooltipWrap .inner .tooltipArrow {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	overflow: hidden;
	width: 16px;
	height: 8.52px;
	box-sizing: border-box;
	color: rgba(97, 97, 97, 0.9);
}

.checkoutPageRightContent .keyDiscount .svgWrap .tooltipWrap .inner .tooltipArrow::before {
	transform-origin: 100% 0px;
	background: rgb(33, 33, 33);
	border: 1px solid rgb(53, 53, 53);
	content: "";
	margin: auto;
	display: block;
	width: 100%;
	height: 100%;
	background-color: currentcolor;
	transform: rotate(45deg);
}

.checkoutPageRightContent .couponBar {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 16px;
	padding-bottom: 16px;
	margin-top: 16px;
	padding-top: 16px;
}

.checkoutPageRightContent .couponBar .couponBarInner {
	width: 100%;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
	height: 48px;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
}

.checkoutPageRightContent .couponBar .couponBarInner .textWrap {
	font-size: 12px;
	color: rgb(191, 191, 191);
	font-weight: 500;
}

.checkoutPageRightContent .couponBar .couponBarInner .textWrap img {
	margin: 0px 6px 0px 0px;
}

.checkoutPageRightContent .couponBar .couponBarInner .iconWrap img {
	filter: invert(0.4);
}

.checkoutPageRightContent .itemsDetails {
	position: relative;
	/* 	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 16px; */
	margin-bottom: 10px;
}

.checkoutPageRightContent .itemsDetails ul li {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.checkoutPageRightContent .itemsDetails ul li:last-child {
	margin-bottom: 0px;
}

.checkoutPageRightContent .itemsDetails ul li .subTotal {
	color: rgb(128, 128, 128);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.checkoutPageRightContent .itemsDetails ul li .amount {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

.checkoutPageRightContent .itemsDetails ul li .savings {
	color: rgb(128, 128, 128);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.checkoutPageRightContent .itemsDetails ul li .savings span {
	color: rgb(156, 96, 234);
}

.checkoutPageRightContent .itemsDetails ul li .discount {
	color: rgb(156, 96, 234);
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

.checkoutPageRightContent .pricingDetails {
	position: relative;
	/* 	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 16px;
	margin-bottom: 16px; */
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	align-items: flex-start;
}

.checkoutPageRightContent .pricingDetails .leftContent {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
}

.checkoutPageRightContent .pricingDetails .rightContent .price {
	color: rgb(255, 255, 255);
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
	text-align: right;
}

.checkoutPageRightContent .pricingDetails .rightContent .info {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: end;
	gap: 4px;
	color: rgb(143, 143, 143);
}

.checkoutPageRightContent .pricingDetails .rightContent .info p {
	margin-bottom: 0px;
	color: rgb(143, 143, 143);
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}

.checkoutPageRightContent .pricingDetails .rightContent .info .svgWrap {
	position: relative;
	cursor: pointer;
}

.checkoutPageRightContent .membersipDetails ul li {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	gap: 8px;
}

.checkoutPageRightContent .membersipDetails ul li p {
	margin-bottom: 0px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}

.checkoutPageRightContent .membersipDetails ul li .price {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
}

.checkoutPageRightContent .membersipDetails ul li span {
	color: rgb(143, 143, 143);
	font-size: 12px;
	font-weight: 500;
}

.checkoutPageRightContent .membersipDetails ul li .iconWrap {
	position: relative;
	cursor: pointer;
}

/* checkoutPageSec end */


/* mobileFooter start */
.mobileFooter {
	display: none;
	height: 55px;
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	background: rgb(22, 22, 22);
	position: fixed;
	bottom: -1px;
	box-shadow: none;
	z-index: 50;
}

.mobileFooterInner {
	justify-content: space-around;
	display: flex;
	max-width: 767px;
	margin: 0px auto;
}

.mobileFooterInner .textBox {
	width: 100px;
	height: 56px;
	display: grid;
	grid-template-columns: 1fr;
	place-content: center;
	justify-items: center;
	gap: 4px;
}

.mobileFooterInner .textBox i {
	color: rgb(191, 191, 191);
	font-size: 20px;
	font-weight: 900;
}

.mobileFooterInner .textBox.active i {
	color: #ffffff;
}

.mobileFooterInner .textBox .iconWrap {
	position: relative;
}

.mobileFooterInner .textBox .iconWrap .counter {
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 2;
	width: 18px;
	height: 18px;
	color: rgb(255, 255, 255);
	background: rgb(72, 133, 255);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 500;
}

.mobileFooterInner .textBox p {
	color: rgb(191, 191, 191);
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0px;
	text-align: center;
	line-height: 16px;
}

.mobileFooterInner .textBox.active p {
	color: #ffffff;
}

/* mobileFooter end */


/* applyFilterbutn start */
.applyFilterbutn {
	position: sticky;
	inset: 0px 0px 54px;
	z-index: 10;
	height: 50px;
	display: none;
	background: rgb(53, 53, 53);
}

.applyFilterButnInner {
	flex: 1 1 0%;
	color: rgb(53, 157, 255);
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	gap: 2px;
}

.applyFilterButnInner span {
	font-weight: 500;
	font-size: 16px;
}

/* applyFilterbutn end */


/* singleCategoryMobFilter start */
.singleCategoryMobFilter {
	position: relative;
	box-shadow: none;
	padding: 12px;
	background: rgb(22, 22, 22);
	border-radius: 8px;
	display: none;
}

.singleCategoryMobFilter .inputWrap {
	position: relative;
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 8px;
	-webkit-box-pack: start;
	justify-content: flex-start;
	padding: 0px 12px;
	background: rgb(33, 33, 33);
	width: 150px;
	transition: 0.6s;
}

.singleCategoryMobFilter .inputWrap.active {
	flex: 1 1 0%;
}

.singleCategoryMobFilter .inputWrap .iconWrap {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	z-index: 1;
}

.singleCategoryMobFilter .inputWrap input {
	position: relative;
	background: 0% 0% no-repeat padding-box padding-box rgba(0, 0, 0, 0);
	color: rgb(255, 255, 255);
	flex: 1 1 0%;
	height: 40px;
	width: 100%;
	padding: 12px 8px 12px 24px;
	font-size: 16px;
	border-radius: 8px;
	border: none;
	outline: none;
}

.singleCategoryMobFilter .dropFilterBox {
	flex: 1 1 0%;
}

/* singleCategoryMobFilter end */


/* headerSearchBarPopup start */
.headerSearchBarPopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(12, 12, 12);
	z-index: 999;
	display: none;
}

.headerSearchBarListBoxInner.dup {
	max-height: 100%;
	margin-top: 0px;
}

.headerSearchBarListBoxInner.dup ul {
	padding: 0px 16px;
}

.headerSearchListContent.dup {
	padding: 12px;
	min-height: 115px;
	display: flex;
	border-top: none;
	overflow: hidden;
	background: rgb(22, 22, 22);
	border-radius: 8px;
	margin-bottom: 12px;
}

.headerSearchListContent.dup:hover {
	background: rgb(33, 33, 33);
}

.headerSearchListContent.dup .content h3 {
	padding: 0;
}

.headerSearchBarListBoxInner.dup .headContent {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	height: 56px;
	gap: 8px;
	padding: 8px;
	position: sticky;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	background: rgb(12, 12, 12);
}

.headerSearchBarListBoxInner.dup .headContent .rightArrow,
.headerSearchBarListBoxInner.dup .headContent .headerSearchBarPopupClose {
	position: relative;
	padding: 8px;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.headerSearchBarListBoxInner.dup .headContent .rightArrow img,
.headerSearchBarListBoxInner.dup .headContent .headerSearchBarPopupClose img {
	filter: invert(1);
}

.headerSearchBarListBoxInner.dup .headContent .rightArrow img {
	transform: rotate(180deg);
}

.headerSearchBarListBoxInner.dup .headContent .inputWrap {
	position: relative;
	flex: 1 1 0%;
}

.headerSearchBarListBoxInner.dup .headContent .inputWrap input {
	width: 100%;
	background: rgba(0, 0, 0, 0);
	padding: 8px 8px 8px 0px;
	border: none;
	outline: none;
	color: rgb(255, 255, 255);
	font-weight: 500;
	font-size: 16px;
}

.headerSearchBarListBoxInner.dup .headContent .inputWrap input::placeholder {
	color: #97a3af;
}

/* headerSearchBarPopup start */


/* categoryFilterPopup start */
.categoryFilterPopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
}

.categoryFilterPopupInner {
	position: absolute;
	bottom: -150%;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 70vh;
	margin: 0;
	background: rgb(22, 22, 22);
	overflow-x: hidden;
	overflow-y: scroll;
	transition: 0.4s;
}

.categoryFilterPopupInner.active {
	bottom: 0;
}

.categoryFilterPopupInner .headContent {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 16px;
	border-radius: 8px 8px 0px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.categoryFilterPopupInner .headContent h3 {
	margin-bottom: 0;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
}

.categoryFilterPopupInner .topListing {
	padding: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.categoryFilterPopupInner .topListing ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.categoryFilterPopupInner .topListing ul li {
	position: relative;
	margin-bottom: 16px;
}

.categoryFilterPopupInner .topListing ul li:last-child {
	margin-bottom: 0px;
}

.categoryFilterPopupInner .topListing ul li label input {
	display: none;
}

.categoryFilterPopupInner .topListing ul li label .contentWrap {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.categoryFilterPopupInner .topListing ul li label .contentWrap .customInput {
	position: relative;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-color: rgb(33, 33, 33);
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
}

.categoryFilterPopupInner .topListing ul li label input:checked~.contentWrap .customInput {
	background-color: rgb(72, 133, 255);
}

.categoryFilterPopupInner .topListing ul li label .contentWrap .customInput::after {
	content: "";
	position: absolute;
	display: none;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%) rotate(40deg);
	width: 6px;
	height: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
	border-image: initial;
	border-width: 0px 2px 2px 0px;
}

.categoryFilterPopupInner .topListing ul li label input:checked~.contentWrap .customInput::after {
	display: block;
}

.categoryFilterPopupInner .topListing ul li label .contentWrap p {
	margin-bottom: 0;
	margin-left: 8px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 700;
}

.categoryFilterTabWrap {
	display: grid;
	grid-template-columns: 140px 1fr;
	height: calc(100% - 110px);
	overflow: hidden;
}

.categoryFilterTabSidebar {
	display: flex;
	width: 100%;
	flex-direction: column;
	background: rgb(33, 33, 33);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	height: 100%;
}

.categoryFilterTabSidebarList {
	padding: 12px 16px;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
	color: rgb(255, 255, 255);
	background: transparent;
}

.categoryFilterTabSidebarList.active {
	color: rgb(53, 157, 255);
	background: rgb(29, 43, 92);
}

.categoryFilterTabSidebarList span {
	width: 18px;
	height: 18px;
	color: rgb(255, 255, 255);
	background: rgb(72, 133, 255);
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 12px;
	font-weight: 600;
}

.categoryFilterTabBody {
	position: relative;
	padding: 16px;
	height: 100%;
	max-height: calc(-110px + 70vh);
	overflow: auto;
}

.categoryFilterTabContent {
	position: relative;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex-direction: column;
	-webkit-box-align: start;
	align-items: start;
	gap: 8px;
	display: none;
}

.categoryFilterTabContent.active {
	display: flex;
}

.categoryFilterTabContent p {
	margin-bottom: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
}

.categoryFilterTabContent input {
	width: 100%;
	max-width: 184px;
	padding: 14px 16px;
	font-size: 16px;
	border-radius: 8px;
	margin-bottom: 4px;
	background: 0% 0% no-repeat padding-box padding-box rgb(33, 33, 33);
	color: rgb(255, 255, 255);
	flex: 1 1 0%;
	height: 32px;
	outline: none;
	border: none;
}

.categoryFilterTabContent ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.categoryFilterTabContent ul li {
	position: relative;
	margin-bottom: 16px;
}

.categoryFilterTabContent ul li:last-child {
	margin-bottom: 0px;
}

.categoryFilterTabContent ul li label input {
	display: none;
}

.categoryFilterTabContent ul li label .contentWrap {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.categoryFilterTabContent ul li label .contentWrap .customInput {
	position: relative;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-color: rgb(33, 33, 33);
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
}

.categoryFilterTabContent ul li label input:checked~.contentWrap .customInput {
	background-color: rgb(72, 133, 255);
}

.categoryFilterTabContent ul li label .contentWrap .customInput::after {
	content: "";
	position: absolute;
	display: none;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%) rotate(40deg);
	width: 6px;
	height: 10px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
	border-image: initial;
	border-width: 0px 2px 2px 0px;
}

.categoryFilterTabContent ul li label input:checked~.contentWrap .customInput::after {
	display: block;
}

.categoryFilterTabContent ul li label .contentWrap p {
	margin-bottom: 0;
	margin-left: 8px;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 700;
}

.categoryFilterTabContent ul li label .contentWrap p span {
	color: rgb(143, 143, 143);
	font-size: 12px;
	font-weight: 700;
}

/* categoryFilterPopup end */


/* appliedMobileFilterBox start */
.appliedMobileFilterBox {
	position: relative;
	border-radius: 8px;
	width: 100%;
	background: rgb(22, 22, 22);
	padding: 12px 16px;
	margin-top: 16px;
	box-shadow: none;
	display: none;
}

.appliedMobileFilterBox .headContent {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-bottom: 16px;
}

.appliedMobileFilterBox .headContent h3 {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
}

.appliedMobileFilterBox .headContent a {
	color: #bfbfbf;
	font-size: 14px;
	font-weight: 600;
}

.appliedMobileFilterBox ul {
	display: flex;
	gap: 8px;
	overflow: auto;
	scrollbar-width: none;
}

.appliedMobileFilterBox ul li {
	border-radius: 60px;
	display: flex;
	padding: 8.5px 12px;
	gap: 2px;
	-webkit-box-align: center;
	align-items: center;
	max-width: fit-content;
	background: rgb(33, 33, 33);
	white-space: nowrap;
}

.appliedMobileFilterBox ul li p {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
}

.appliedMobileFilterBox ul li img {
	filter: invert(0.7);
}

/* appliedMobileFilterBox end */


/* categoryMobFilterList start */
.categoryMobFilterList {
	position: relative;
	border-radius: 0px;
	max-width: 100%;
	overflow-y: scroll;
	display: flex;
	gap: 12px;
	margin: 0px 0px 16px;
	width: 100%;
	scrollbar-width: none;
	display: none;
}

.categoryMobFilterList a {
	border-radius: 8px;
	cursor: pointer;
	background: rgb(33, 33, 33);
	display: grid;
	place-content: center;
	transition: 0.3s;
	color: rgb(255, 255, 255);
	font-size: 16px;
	line-height: 20px;
	padding: 12px 20px;
	white-space: nowrap;
}

.categoryMobFilterList a.active {
	background: rgb(29, 43, 92);
}

.categoryMobFilterList a span {
	font-size: 16px;
	line-height: 22px;
	color: #ffffff;
	font-weight: 600;
}

.categoryMobFilterList a.active span {
	color: rgb(53, 157, 255);
}

/* categoryMobFilterList end */


/* stickyATCButn start */
.stickyATCButn {
	position: fixed;
	z-index: 11;
	bottom: 0px;
	width: 100%;
	left: 0px;
	right: 0px;
	display: none;
	flex-direction: column;
}

.stickyATCButn .topBarWrap {
	position: relative;
}

.stickyATCButn .topBarMain {
	height: 32px;
	width: 100%;
	-webkit-box-pack: start;
	justify-content: center;
	-webkit-box-align: center;
	align-items: flex-start;
	padding: 0px 16px;
	border-radius: 8px 8px 0px 0px;
	border: 1px solid rgb(33, 33, 33);
	background: rgb(38, 38, 38);
	display: flex;
	flex-direction: column;
}

.stickyATCButn .topBar {
	display: flex;
	align-items: center;
	gap: 6px;
}

.stickyATCButn .topBar span {
	height: 16px;
	width: fit-content;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	color: rgb(156, 96, 234);
	background-color: rgb(41, 41, 41);
	border-radius: 8px;
	padding: 4px 6px;
	letter-spacing: 0.8px;
	font-size: 8px;
	text-transform: uppercase;
	font-weight: 500;
}

.stickyATCButn .topBar .seperator {
	width: 2px;
	height: 16px;
	background-color: rgb(41, 41, 41);
}

.stickyATCButn .topBar .saveInfo {
	color: rgb(156, 96, 234);
	font-size: 12px;
	font-weight: 500;
}

.stickyATCButn .topbarDup {
	display: none;
}

.stickyATCButn .topbarDup p {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
	line-height: 24px;
}

.stickyATCButn .topbarDup p span {
	color: rgb(157, 96, 234);
}

.stickyATCButn .toggleButnWrap {
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	bottom: 0px;
	width: 72px;
	background: rgb(38, 38, 38);
	border-radius: 40px;
	top: -10px;
	right: 14px;
	position: absolute;
}

.stickyATCButn .toggleButnWrap label {
	width: 60px;
	height: 34px;
	transform: scale(0.65);
	cursor: pointer;
}

.stickyATCButn .toggleButnWrap label input {
	opacity: 0;
	width: 0px;
	height: 0px;
	background: red;
}

.stickyATCButn .toggleButnWrap label .toggleBox {
	position: absolute;
	cursor: pointer;
	inset: 0px;
	background-color: rgb(22, 22, 22);
	transition: 0.4s;
	border-radius: 34px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.stickyATCButn .toggleButnWrap label input:checked~.toggleBox {
	background-color: rgb(159, 98, 235);
	border-color: rgb(159, 98, 235);
}

.stickyATCButn .toggleButnWrap label .toggleBox .toggleInner {
	position: absolute;
	height: 24px;
	width: 24px;
	left: 4px;
	border: 2px solid rgb(159, 98, 235);
	background-color: rgb(22, 22, 22);
	transition: 0.4s;
	border-radius: 50%;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	padding: 0px;
	margin: 0px;
}

.stickyATCButn .toggleButnWrap label input:checked~.toggleBox .toggleInner {
	background-color: rgb(255, 255, 255);
	transform: translateX(24px);
}

.stickyATCButn .bottomBar {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 8px 16px;
	background: rgb(38, 38, 38);
	border-bottom: 1px solid rgb(53, 53, 53);
	border-top: 1px solid rgb(53, 53, 53);
}

.stickyATCButn .bottomBar p {
	margin-bottom: 0;
	color: rgb(128, 128, 128);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.stickyATCButn .bottomBar .price {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
}

.stickyATCButn .bottomBar .price span {
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
}

.stickyATCButn .atcButn {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	padding: 12px 16px;
	background-color: rgb(38, 38, 38);
}

.stickyATCButn .atcButn a {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	font-size: 16px;
	line-height: 16px;
	border: none;
	background: rgb(72, 133, 255);
	color: rgb(255, 255, 255);
	font-weight: 600;
	padding: 12px 16px;
	gap: 8px;
	opacity: 1;
	width: 100%;
	height: 40px;
}

.stickyATCButn .atcButn a.active {
	background: radial-gradient(100% 100% at 0% 0%, rgb(182, 126, 253) 0%, rgba(118, 38, 220, 0.933) 68.08%);
}

.stickyATCButn .cartSubtotal{
	position: relative;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding: 16px;
	border-top: 1px solid rgb(53, 53, 53);
	background: rgb(33, 33, 33);
}

.stickyATCButn .pricingDetails{
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	gap: 16px;
	-webkit-box-align: center;
	align-items: center;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgb(43, 43, 43);
}

.stickyATCButn .pricingDetails h3{
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

.stickyATCButn .pricingDetails .rightContent{
	position: relative;
	text-align: end;
}

.stickyATCButn .pricingDetails .rightContent .price{
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
}

.stickyATCButn .pricingDetails .rightContent .info{
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
}

.stickyATCButn .pricingDetails .rightContent .info p{
	color: rgb(143, 143, 143);
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 0px;
	line-height: 16px;
}

.stickyATCButn .membershipDetails{
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	gap: 16px;
	-webkit-box-align: center;
	align-items: center;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgb(43, 43, 43);
	display: none;
}

.stickyATCButn .membershipDetails .leftContent{
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.stickyATCButn .membershipDetails .leftContent h3{
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
}

.stickyATCButn .membershipDetails .leftContent p{
	margin-bottom: 0px;
	color: rgb(143, 143, 143);
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}

.stickyATCButn .membershipDetails .rightContent{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: end;
	gap: 18px;
}

.stickyATCButn .membershipDetails .rightContent .price{
	color: #ffffff;
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
}

.stickyATCButn .checkoutbutnButn{
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	border: none;
	background: rgb(72, 133, 255);
	padding: 12px 16px;
	gap: 8px;
	opacity: 1;
	width: 100%;
	height: 48px;
}

.stickyATCButn .checkoutbutnButn.active{
	background: radial-gradient(100% 100% at 0% 0%, rgba(182, 126, 253, 0.867) 0%, rgba(118, 38, 220, 0.867) 68.08%);
}

.stickyATCButn .checkoutbutnButn a{
	font-size: 16px;
	line-height: 16px;
	color: rgb(255, 255, 255);
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
}
/* stickyATCButn end */


/* singleProductMobSidebar start */
.singleProductMobSidebar {
	position: relative;
	margin-bottom: 12px;
	display: none;
}

.singleProductMobSidebar .innerContent {
	position: relative;
	border-radius: 12px;
	box-sizing: border-box;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex: 1 1 0%;
	height: fit-content;
	min-width: 300px;
	width: auto;
	margin-bottom: 16px;
	transition: 0.3s;
}

.singleProductMobSidebar .innerContentWrap {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex-direction: column;
	background: rgb(22, 22, 22);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(33, 33, 33);
	border-radius: 12px;
}

.singleProductMobSidebar .innerContentWrap .topBar {
	display: flex;
	flex-direction: row;
	gap: 4px;
	min-height: 56px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 12px;
	border-radius: 12px 12px 0px 0px;
	background: transparent;
	border-bottom: 1px solid rgb(33, 33, 33);
}

.singleProductMobSidebar .innerContentWrap .topBar.active {
	background: linear-gradient(272.66deg, rgba(125, 68, 195, 0.2) 0%, rgba(125, 68, 195, 0) 100%);
}

.singleProductMobSidebar .innerContentWrap .topBar span {
	color: rgb(120, 120, 120);
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 14px;
}

.singleProductMobSidebar .innerContentWrap .topBar h3 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
}

.singleProductMobSidebar .innerContentWrap .topBar .inputWrap {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	gap: 8px;
}

.singleProductMobSidebar .innerContentWrap .topBar .inputWrap input {
	height: 20px;
	width: 20px;
	appearance: none;
	border: 2px solid rgb(68, 68, 68);
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	position: relative;
}

.singleProductMobSidebar .innerContentWrap .topBar .inputWrap input::before {
	content: "";
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: rgb(72, 133, 255);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: transform 0.2s ease-in-out;
	display: none;
}

.singleProductMobSidebar .innerContentWrap .topBar.active .inputWrap input::before {
	background-color: rgb(157, 96, 234);
}

.singleProductMobSidebar .innerContentWrap .topBar .inputWrap input:checked {
	border-color: rgb(72, 133, 255);
}

.singleProductMobSidebar .innerContentWrap .topBar.active .inputWrap input:checked {
	border-color: rgb(157, 96, 234);
}

.singleProductMobSidebar .innerContentWrap .topBar .inputWrap input:checked::before {
	display: block;
}

.singleProductMobSidebar .innerContentWrap .priceDetails {
	position: relative;
	padding: 12px;
	border-bottom: 1px solid #212121;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
}

.singleProductMobSidebar .innerContentWrap .priceDetails p {
	margin-bottom: 0;
	color: rgb(143, 143, 143);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.singleProductMobSidebar .exploreBenefitsBar {
	display: flex;
	flex-direction: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 12px;
	border: 1px solid rgb(33, 33, 33);
	background: rgb(22, 22, 22);
	border-radius: 8px;
	margin-bottom: 16px;
	cursor: pointer;
}

.singleProductMobSidebar .exploreBenefitsBar .leftContent {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 8px;
}

.singleProductMobSidebar .exploreBenefitsBar .leftContent .imgBox {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: 28px;
	padding: 6px 10px;
	border-radius: 8px;
	border: 2px solid rgb(157, 96, 234);
}

.singleProductMobSidebar .exploreBenefitsBar .leftContent .imgBox img {
	max-width: 32px;
	height: auto;
}

.singleProductMobSidebar .exploreBenefitsBar .leftContent p {
	margin-bottom: 0px;
	color: rgb(159, 98, 235);
	font-weight: 500;
	font-size: 14px;
}

.singleProductMobSidebar .exploreBenefitsBar .iconWrap i {
	color: rgb(159, 98, 235);
	font-weight: 600;
	font-size: 14px;
}

.singleProductMobSidebar .offerStartingBar {
	width: fit-content;
	margin: 0 auto;
	background: rgb(4, 33, 98);
	border-radius: 16px;
	height: 27px;
	padding: 5px 11px 5px 8px;
	cursor: pointer;
	transition: 0.1s ease-in-out;
}

.singleProductMobSidebar .offerStartingBar p {
	margin-bottom: 0;
	color: rgb(72, 133, 255);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

/* singleProductMobSidebar end */


/* specificationMobList start */
.specificationMobList {
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	background: rgb(22, 22, 22);
	border: 1px solid rgb(33, 33, 33);
	margin-bottom: 12px;
	display: none;
}

.specificationMobList .listWrap {
	display: flex;
	width: 100%;
	padding: 12px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	border-bottom: 1px solid rgb(33, 33, 33);
}

.specificationMobList .listWrap .leftContent {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
}

.specificationMobList .listWrap .leftContent p {
	margin-bottom: 0px;
	color: rgb(143, 143, 143);
	font-size: 12px;
	font-weight: 500;
}

.specificationMobList .rightContent {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
}

.specificationMobList .rightContent p {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
}

/* specificationMobList end */


/* specifiPointsMobBar start */
.specifiPointsMobBar {
	display: none;
}

.specifiPointsMobBar .specifiPointsBar {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
	margin-bottom: 12px;
	background: rgb(22, 22, 22);
	border-radius: 8px;
	border: 1px solid rgb(33, 33, 33);
	/* overflow: auto; */
}

.specifiPointsMobBar .specifiPointsBar .contentWrap {
	position: relative;
	display: flex;
	cursor: pointer;
	background: rgb(22, 22, 22);
	border-right: 1px solid rgb(33, 33, 33);
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	gap: 6px;
	padding: 12px;
	min-height: 56px;
	height: 100%;
}

.specifiPointsMobBar .specifiPointsBar .contentWrap img {
	max-width: 20px;
	height: auto;
}

.specifiPointsMobBar .specifiPointsBar .contentWrap span {
	color: rgb(191, 191, 191);
	font-size: 12px;
	font-weight: 500;
}

.specifiPointsMobBar .specifiPointsBar .contentWrap .tooltipWrap {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	width: 100%;
	max-width: max-content;
	height: auto;
	display: none;
}

.specifiPointsMobBar .specifiPointsBar .contentWrap:hover .tooltipWrap {
	display: block;
}

.specifiPointsMobBar .specifiPointsBar .contentWrap .tooltipWrap .inner {
	width: 100%;
	max-width: max-content;
	font-size: 12px;
	padding: 6px 12px;
	border: 1px solid rgb(53, 53, 53);
	border-radius: 12px;
	background: rgb(33, 33, 33);
	margin-bottom: 9px;
	transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 133ms cubic-bezier(0.4, 0, 0.2, 1);
}

.specifiPointsMobBar .specifiPointsBar .contentWrap .tooltipWrap .inner p {
	display: flex;
	padding: 8px 4px;
	text-align: center;
	margin-bottom: 0;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 500;
}

.specifiPointsMobBar .specifiPointsBar .contentWrap .tooltipWrap .inner .tooltipArrow {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	overflow: hidden;
	width: 16px;
	height: 8.52px;
	box-sizing: border-box;
	color: rgba(97, 97, 97, 0.9);
}

.specifiPointsMobBar .specifiPointsBar .contentWrap .tooltipWrap .inner .tooltipArrow::before {
	transform-origin: 100% 0px;
	background: rgb(33, 33, 33);
	border: 1px solid rgb(53, 53, 53);
	content: "";
	margin: auto;
	display: block;
	width: 100%;
	height: 100%;
	background-color: currentcolor;
	transform: rotate(45deg);
}

/* specifiPointsMobBar end */


/* mobSelecDropdownBox start */
.mobSelecDropdownBox {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px;
	background: rgb(22, 22, 22);
	border: 1px solid rgb(33, 33, 33);
	border-radius: 8px;
	margin-bottom: 16px;
	display: none;
}

.mobSelecDropdownBox .innerList {
	display: flex;
	flex-direction: row;
	gap: 12px;
	-webkit-box-align: center;
	align-items: center;
}

.mobSelecDropdownBox .innerList .title {
	color: rgb(191, 191, 191);
	font-size: 14px;
	font-weight: 600;
}

.mobSelecDropdownBox .innerList .dropDownWrap {
	display: flex;
	border-radius: 8px;
	width: 100%;
	padding: 10px 16px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	height: 42px;
	border: 1px solid rgb(53, 53, 53);
}

.mobSelecDropdownBox .innerList .dropDownWrap p {
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
}

.mobSelecDropdownBox .innerList .dropDownWrap img {
	filter: invert(0.5);
}

/* mobSelecDropdownBox end */


/* regionSelecPopup start */
.regionSelecPopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
}

.regionSelecPopupBox {
	height: fit-content;
	position: absolute;
	bottom: -150%;
	left: 0;
	width: 100%;
	max-width: 100%;
	margin: 0;
	background: rgb(22, 22, 22);
	border-radius: 8px 8px 0px 0px;
	transition: 0.4s;
}

.regionSelecPopupBox.active {
	bottom: 0;
}

.regionSelecPopupBox .headContent {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 12px 16px;
	border-bottom: 1px solid rgb(33, 33, 33);
}

.regionSelecPopupBox .headContent h3 {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
}

.regionSelecPopupBox .headContent img {
	filter: invert(1);
}

.regionSelecPopupBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	max-height: 80vh;
}

.regionSelecPopupBox ul li {
	display: flex;
	flex-direction: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid rgb(33, 33, 33);
}

.regionSelecPopupBox ul li p {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
}

.regionSelecPopupBox ul li .inputWrap {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	gap: 8px;
}

.regionSelecPopupBox ul li .inputWrap input {
	height: 20px;
	width: 20px;
	appearance: none;
	border: 2px solid rgb(68, 68, 68);
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	position: relative;
}

.regionSelecPopupBox ul li .inputWrap input:checked {
	border-color: rgb(72, 133, 255);
}

.regionSelecPopupBox ul li .inputWrap input::before {
	content: "";
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: rgb(72, 133, 255);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: transform 0.2s ease-in-out;
	display: none;
}

.regionSelecPopupBox ul li .inputWrap input:checked:before {
	display: block;
}

/* regionSelecPopup end */


/* editionSelecPopup start */
.editionSelecPopup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
}

.editionSelecPopupBox {
	height: fit-content;
	position: absolute;
	bottom: -150%;
	left: 0;
	width: 100%;
	max-width: 100%;
	margin: 0;
	background: rgb(22, 22, 22);
	border-radius: 8px 8px 0px 0px;
	transition: 0.4s;
}

.editionSelecPopupBox.active {
	bottom: 0;
}

.editionSelecPopupBox .headContent {
	display: flex;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 12px 16px;
	border-bottom: 1px solid rgb(33, 33, 33);
}

.editionSelecPopupBox .headContent h3 {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
}

.editionSelecPopupBox .headContent img {
	filter: invert(1);
}

.editionSelecPopupBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	max-height: 80vh;
}

.editionSelecPopupBox ul li {
	display: flex;
	flex-direction: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid rgb(33, 33, 33);
}

.editionSelecPopupBox ul li p {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
}

.editionSelecPopupBox ul li .rightContent {
	display: flex;
	gap: 12px;
	-webkit-box-align: center;
	align-items: center;
}

.editionSelecPopupBox ul li .rightContent .price {
	display: flex;
	flex-direction: column;
	gap: 2px;
	align-items: flex-end;
}

.editionSelecPopupBox ul li .rightContent .price span {
	color: rgb(143, 143, 143);
	font-size: 11px;
	font-weight: 600;
	line-height: 11px;
}

.editionSelecPopupBox ul li .rightContent .price p {
	margin-bottom: 0;
	color: rgb(255, 255, 255);
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}

.editionSelecPopupBox ul li .inputWrap {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	gap: 8px;
}

.editionSelecPopupBox ul li .inputWrap input {
	height: 20px;
	width: 20px;
	appearance: none;
	border: 2px solid rgb(68, 68, 68);
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	position: relative;
}

.editionSelecPopupBox ul li .inputWrap input:checked {
	border-color: rgb(72, 133, 255);
}

.editionSelecPopupBox ul li .inputWrap input::before {
	content: "";
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: rgb(72, 133, 255);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: transform 0.2s ease-in-out;
	display: none;
}

.editionSelecPopupBox ul li .inputWrap input:checked::before {
	display: block;
}

/* editionSelecPopup end */


/* pricingMobBar start */
.choiceOfferSubcontent .pricingMobBar {
	position: relative;
	padding-top: 12px;
	margin-top: 36px;
	border-top: 1px solid rgb(33, 33, 33);
	display: flex;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	display: none;
}

.choiceOfferSubcontent .pricingMobBar .leftContent {
	display: flex;
	align-items: center;
	gap: 4px;
}

.choiceOfferSubcontent .pricingMobBar .leftContent h3 {
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0px;
}

.choiceOfferSubcontent .pricingMobBar .inputWrap input {
	height: 20px;
	width: 20px;
	appearance: none;
	border: 2px solid rgb(68, 68, 68);
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	position: relative;
}

.choiceOfferSubcontent .pricingMobBar .inputWrap input:checked {
	border-color: rgb(72, 133, 255);
}

.choiceOfferSubcontent .pricingMobBar .inputWrap input::before {
	content: "";
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: rgb(72, 133, 255);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: transform 0.2s ease-in-out;
	display: none;
}

.choiceOfferSubcontent .pricingMobBar .inputWrap input:checked::before {
	display: block;
}

/* pricingMobBar end */


/* choiceOfferProductMob start */
.choiceOfferProductMob {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	display: none;
}

.choiceMoblOfferProduct {
	display: flex;
	flex-direction: column;
	background: rgb(22, 22, 22);
	border-radius: 8px;
	padding: 12px;
	border: 1px solid rgb(33, 33, 33);
}

.choiceMoblOfferProduct.active {
	border: 2px solid rgb(72, 133, 255);
}

.choiceMoblOfferProduct .topBar {
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	flex: 1 1 0%;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 12px;
	border-bottom: 1px solid rgb(33, 33, 33);
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.choiceMoblOfferProduct .topBar .pricing {
	display: flex;
	align-items: center;
	gap: 4px;
}

.choiceMoblOfferProduct .topBar .pricing p {
	margin-bottom: 0pc;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
}

.choiceMoblOfferProduct .topBar .inputWrap {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	gap: 8px;
}

.choiceMoblOfferProduct .topBar .inputWrap input {
	height: 20px;
	width: 20px;
	appearance: none;
	border: 2px solid rgb(68, 68, 68);
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	position: relative;
}

.choiceMoblOfferProduct .topBar .inputWrap input::before {
	content: "";
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: rgb(72, 133, 255);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: transform 0.2s ease-in-out;
	display: none;
}

.choiceMoblOfferProduct .topBar .inputWrap input:checked {
	border-color: rgb(72, 133, 255);
}

.choiceMoblOfferProduct .topBar .inputWrap input:checked::before {
	display: block;
}

.choiceMoblOfferProduct .bottomBar {
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	flex: 1 1 0%;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.choiceMoblOfferProduct .bottomBar .leftContent {
	display: flex;
	align-items: center;
	gap: 2px;
}

.choiceMoblOfferProduct .bottomBar .leftContent a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

.choiceMoblOfferProduct .bottomBar .rightContent {
	display: flex;
	align-items: center;
	gap: 4px;
	line-height: 1;
}

.choiceMoblOfferProduct .bottomBar .rightContent p {
	color: rgb(255, 255, 255);
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0;
}

.choiceMoblOfferProduct .bottomBar .rightContent i {
	font-size: 8px;
	color: rgb(255, 205, 27);
}

.choiceMoblOfferProduct .bottomBar .rightContent span {
	color: rgb(143, 143, 143);
	font-size: 12px;
	font-weight: 500;
}

/* choiceOfferProductMob end */

/* cartPageMobHeader start */
.cartPageMobHeader {
	height: 56px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	width: 100%;
	position: fixed;
	background-color: rgb(33, 33, 33);
	top: 0px;
	z-index: 25;
	color: rgb(255, 255, 255);
	display: none;
}

.cartPageMobHeader .titleWrap{
	display: flex;
	align-items: center;
	gap: 8px;
}

.cartPageMobHeader .titleWrap img{
	filter: invert(1);
	transform: rotate(180deg);
}

.cartPageMobHeader h3{
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.cartPageMobHeader h3 span{
	height: 24px;
	width: 24px;
	background: rgb(73, 73, 73);
	color: rgb(255, 255, 255);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 16px;
}

.cartPageMobHeader button{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	outline: none;
	width: 20px;
	height: 20px;
}

.cartPageMobHeader button img{
	filter: invert(1);
}
/* cartPageMobHeader end */


/* stickyOrderSummary start */
.stickyOrderSummary{
	position: sticky;
	bottom: 0px;
	width: 100%;
	left: 0px;
	right: 0px;
	z-index: 40;
	background-color: rgb(22, 22, 22);
	border-radius: 8px 8px 0px 0px;
	max-height: 400px;
	overflow: scroll;
	display: none;
}

.stickyOrderSummaryBox{
	position: relative;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	border-radius: 8px 8px 0px 0px;
	border-top: 1px solid rgb(53, 53, 53);
	background: rgb(33, 33, 33);
	padding: 12px 0px;
}

.stickyOrderSummaryBox .topBar{
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	gap: 16px;
	-webkit-box-align: center;
	align-items: center;
	height: 32px;
	padding: 0px 16px 12px;
	border-bottom: 1px solid rgb(53, 53, 53);
}

.stickyOrderSummaryBox .topBar h3{
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

.stickyOrderSummaryClose img{
	transform: rotate(-90deg);
	cursor: pointer;
	filter: invert(1);
}

.stickyOrderSummaryBody{
	position: relative;
	padding: 12px 16px;
}

.stickyOrderSummaryTotal{
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgb(53, 53, 53);
}

.stickyOrderSummaryTotal .topContent{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.stickyOrderSummaryTotal .topContent .info{
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
}

.stickyOrderSummaryTotal .topContent .info p{
	margin-bottom: 0px;
	color: rgb(128, 128, 128);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.stickyOrderSummaryTotal .topContent .price{
	color: rgb(128, 128, 128);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}

.stickyOrderSummaryTotal .bottomContent{
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	align-items: flex-start;
}

.stickyOrderSummaryTotal .bottomContent p{
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
}

.stickyOrderSummaryTotal .bottomContent .pricingwrap{
	display: flex;
	flex-direction: column;
	gap: 0px;
	align-items: flex-end;
}

.stickyOrderSummaryTotal .bottomContent .pricingwrap h3{
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
}

.stickyOrderSummaryTotal .bottomContent .pricingwrap .info{
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	gap: 4px;
}

.stickyOrderSummaryTotal .bottomContent .pricingwrap .info p{
	margin-bottom: 0px;
	color: rgb(128, 128, 128);
	font-size: 10px;
	font-weight: 500;
	line-height: 14px;
}

.stickyOrderSummaryBody .membershipDetails{
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	gap: 16px;
	-webkit-box-align: center;
	align-items: center;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgb(53, 53, 53);
}

.stickyOrderSummaryBody .membershipDetails .leftContent{
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.stickyOrderSummaryBody .membershipDetails .leftContent h3{
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
}

.stickyOrderSummaryBody .membershipDetails .leftContent p{
	margin-bottom: 0px;
	color: rgb(143, 143, 143);
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}

.stickyOrderSummaryBody .membershipDetails .rightContent{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: end;
}

.stickyOrderSummaryBody .membershipDetails .rightContent .price{
	color: #ffffff;
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
}

.stickyOrderSummaryBody .payNowButn{
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	place-content: center;
	cursor: pointer;
	border-radius: 8px;
	border: none;
	background: rgb(72, 133, 255);
	padding: 12px 16px;
	gap: 8px;
	opacity: 1;
	width: 100%;
	height: 48px;
	font-size: 16px;
	line-height: 16px;
	color: rgb(255, 255, 255);
	font-weight: 600;
}

.stickyOrderSummaryBody .payNowButn:disabled{
	opacity: 0.5;
}

.stickyOrderSummaryBody .note p{
	margin-top: 12px;
	margin-bottom: 0px;
	color: rgb(128, 128, 128);
	font-size: 11px;
	font-weight: 500;
	line-height: 14px;
}
/* stickyOrderSummary end */


/* orderSummaryMobPopup start */
.orderSummaryMobPopup{
	position: sticky;
	bottom: 0px;
	width: 100%;
	left: 0px;
	right: 0px;
	z-index: 40;
	background-color: rgb(22, 22, 22);
	border-radius: 8px 8px 0px 0px;
	max-height: 400px;
	overflow: scroll;
	display: none;
}

.orderSummaryMobPopupBox .topBar{
	padding: 16px 16px 12px;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.orderSummaryMobPopupBox .topBar h3{
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

.orderSummaryMobPopupClose img{
	filter: invert(1);
}

.checkoutPageRightContent.popup{
	position: relative;
	width: 100%;
	max-width: 100%;
	top: 0;
	display: block;
}
/* orderSummaryMobPopup end */
.ajax-add-to-cart.loading {
	position: relative;
	pointer-events: none;
	background-color: rgb(72, 133, 255) !important;
	z-index: 11;
	font-size: 0px !important;
}
.ajax-add-to-cart.loading svg , .ajax-add-to-cart.loading span{
	display: none;
}
.ajax-add-to-cart.loading:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	margin: -7.5px 0 0 -7.5px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
.page-checkout header , .page-checkout footer , .page-cart header , .page-cart footer{
	display: none;
}
/* driffle responsive start */
@media(max-width: 1236px) {
	.newsletterSecInner {
		padding: 60px 24px;
	}

	.footerContainer {
		padding: 0px;
	}
}

@media(max-width: 1024px) {
	.mobSelecDropdownBox {
		display: flex;
	}

	.choiceOfferSubcontent .pricingMobBar {
		display: flex;
	}

	.specificationMobList {
		display: flex;
	}

	.specifiPointsMobBar {
		display: block;
	}

	.singleProductMobSidebar {
		display: block;
	}

	.bannerSec {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: minmax(130px, auto);
		margin: 0px auto 0px;
	}

	.sliderBoxWrapper.cardMain {
		grid-row: 1;
	}

	.bannerCardSliderImgBox {
		height: 280px;
	}

	.bannerCardSlider .swiper-pagination {
		bottom: 12px;
		background: #00000099;
		width: fit-content;
		border-radius: 24px;
		padding: 0px 2px;
	}

	.bannerCardContent.cardFirst {
		grid-area: 2 / 1 / 4;
		max-height: 272px;
	}

	.bannerCardContent.cardSecond {
		grid-area: 2 / 2;
	}

	.bannerCardContent.cardThird {
		grid-area: 3 / 2;
	}

	.bannerCardContent.cardForth {
		grid-area: 4 / 2;
	}

	.bannerCardContent.cardFifth {
		grid-area: 4 / 1;
	}

	.footerMainContent {
		flex-direction: column;
	}

	.footerAddressBarInnerWrap .content {
		flex: 1 1 0%;
	}

	.headerSearchBar {
		display: none;
	}

	.headerRightContentBox {
		display: none;
	}

	.bottomHeaderWrapper {
		display: none;
	}

	.topHeaderWrapper {
		border-bottom: none;
	}

	.topHeaderWrapperInner {
		padding: 10px 16px;
	}

	.headerRightProfileBox {
		display: flex;
	}

	header {
		max-height: max-content;
	}

	.headerFiltersBar {
		display: flex;
	}

	.headerMobSearchBar {
		display: block;
	}

	.footerBottomBar {
		padding: 0px 16px 60px;
	}

	.footerMainContentRight>div:last-child {
		display: none;
	}

	.footerAddressBarInnerWrap>div:nth-of-type(2) {
		display: none;
	}

	.footerPaymentBarInner .paymentCols .imgWrap img {
		height: 20px;
	}

	.footerMainContentRight>div h3 {
		font-size: 14px;
	}

	.footerAddressBarInnerWrap .content h3 {
		font-size: 14px;
	}

	.footerLanguageSwitcherWrap {
		display: none;
	}

	.footerLanguageSwitcherWrap.mob {
		display: flex;
		margin-bottom: 32px;
		margin-top: 16px;
	}

	.driffleDiscountSec {
		display: none;
	}

	.driffleMobDiscountSec {
		display: flex;
	}

	.mobileFooter {
		display: block;
	}

	.recommendedSecInner .headContent h2 {
		font-size: 20px;
	}

	.explorePlatformWrapper .headContent h2 {
		font-size: 20px;
	}

	.gamesCategorySecInner .headContent h2 {
		font-size: 20px;
	}

	.discoverPriceSecInner .headContent h2 {
		font-size: 20px;
	}

	.topHeaderWrapperInner .categoriesBarWrapInner {
		display: flex;
	}

	.footerBottomBarInner .linkWrap .socialIcons {
		display: block;
	}

	.applyFilterbutn {
		display: flex;
	}

	.singleCategorySidebar {
		display: none;
	}

	.stickyATCButn {
		display: flex;
	}

	.singleProductLeftContent {
		padding-left: 0px;
		padding-right: 0px;
	}

	.singleProductRightContent {
		display: none;
	}

	.breadcrumbList {
		display: none;
	}

	.singleProductDetailContent .imgBox {
		min-width: 100px;
		min-height: 132px;
		max-width: 100px;
		max-height: 132px;
	}

	.singleProductDetailContent .imgBox .viewAllButn p {
		display: none;
	}

	.singleProductDetailContent .content .titleWrap h3 {
		font-size: 16px;
		-webkit-box-flex: 1;
		flex-grow: 1;
		line-height: 20px;
	}

	.singleProductPageInner {
		padding: 16px;
	}

	.singleProductDetailContent .content .productSubdetails {
		gap: 6px;
	}

	.singleProductDetailContent .content .productSubdetails a {
		font-size: 10px;
		align-items: center;
		justify-content: center;
		max-height: 18px;
	}

	.singleProductDetailContent .content .productSubdetails .digitalKey {
		font-size: 10px;
		align-items: center;
		justify-content: center;
		max-height: 18px;
	}

	.singleProductDetailContent .content .seperator {
		display: none;
	}

	.singleProductDetailContent .content .specificationList {
		display: none;
	}

	.choiceOfferSubcontent .leftContent .titleWrap {
		width: 100%;
		margin-left: 12px;
	}

	.choiceOfferSubcontent .leftContent .titleWrap h3 {
		/* margin-bottom: 0px; */
		min-height: unset;
	}

	.choiceOfferSubcontent .leftContent {
		gap: 8px;
	}

	.choiceOfferSubcontent .rightContent {
		display: none;
	}

	.choiceOfferSubcontent {
		flex-direction: column;
	}

	.choiceOfferSubcontent {
		padding: 16px 0px 0px;
	}

	.choiceOfferProductDesktop {
		display: none;
	}

	.choiceOfferProductMob {
		display: flex;
	}

	.choiceOfferProductLoadButn {
		margin-top: 16px;
	}

	.pageFooterWrapper {
		padding-bottom: 90px;
	}

	.cartPageHeader {
		display: none;
	}

	.cartPageSec {
		padding-top: 55px;
		padding-bottom: 120px;
	}

	.checkoutPageSec{
		padding-top: 70px;
	}

	.cartPageLeftContent h3 {
		display: none;
	}

	.cartProductDetailBox {
		margin-bottom: 0px;
	}

	.cartPageSecWrapper {
		flex-direction: column;
		padding-top: 0px;
	}

	.cartPageRightContent {
		display: none;
	}

	.cartPageHeader{
		display: none;
	}

	.cartPageMobHeader{
		display: flex;
	}

	.stickyOrderSummary{
		display: block;
	}

	.checkoutPageRightContent{
		display: none;
	}

	.checkoutPageLeftContent{
		margin-right: 0px;
	}
}

@media(max-width: 991px) {
	.explorePlatformSlider .swiper-wrapper {
		transition-timing-function: unset !important;
	}
}

@media(max-width: 768px) {
	.bannerSec {
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: minmax(80px, auto);
	}

	.sliderBoxWrapper.cardMain {
		grid-area: 1 / 1 / auto / 5;
	}

	.cardsBoxWrapper {
		display: none;
	}

	.cardsBoxMobWrapper {
		display: contents;
	}

	.newsletterSecInner {
		gap: 40px;
	}

	.footerBottomBarInner .linkWrap .linkWrapInner {
		flex-wrap: wrap;
		row-gap: 16px;
	}

	.recommendedSliderButns {
		display: none;
	}

	.trendingProductSliderButns {
		display: none;
	}

	.loginPopupInner {
		height: 70vh;
		position: absolute;
		bottom: -150%;
		left: 0;
		width: 100%;
		max-width: 100%;
		margin: 0;
	}

	.loginPopupBox.active .loginPopupInner {
		bottom: 0;
	}

	#loginPopupInner.active {
		bottom: 0;
	}

	#registerPopupInner.active {
		bottom: 0;
	}

	.loginPopupContentBox {
		padding: 24px;
	}

	.loginPopupContentBoxInner h3 {
		font-size: 20px;
	}
}

@media(max-width: 767px) {
	.discoverPriceBoxInner {
		grid-template-columns: 1fr 1fr;
		box-shadow: none;
		place-items: normal;
		gap: 12px;
		padding: 0px;
	}

	.discoverPriceBox .subContent {
		min-width: 107px;
		min-height: 59px;
		width: 100%;
		height: 100%;
		font-size: 15px;
		line-height: 15px;
		padding: 8px;
		background-size: 100% 100%;
	}

	.discoverPriceBox .subContent .currencyType {
		font-size: 15px;
	}

	.discoverPriceBox .subContent .pricing {
		font-size: 15px;
	}

	.newsletterSec {
		padding: 20px 0px 28px;
	}

	.newsletterSecInner {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 40px 16px;
	}

	.newsletterMobImages {
		display: flex;
	}

	.newsletterRight {
		display: none;
	}

	.newsletterLeft h2 {
		font-size: 24px;
		line-height: 30px;
		margin: 0px auto;
		text-align: center;
	}

	.newsletterLeft form {
		flex-direction: column;
	}

	.newsletterLeft form button {
		width: 100%;
		font-size: 14px;
	}

	.footerBottomBarInner .linkWrap {
		flex-direction: column;
		-webkit-box-align: start;
		align-items: flex-start;
	}

	.footerBottomBarInner .linkWrap .linkWrapInner ul {
		flex-direction: column;
		-webkit-box-align: start;
		align-items: flex-start;
		margin: 0px 0px 16px;
	}

	.footerBottomBarInner .linkWrap .linkWrapInner {
		flex-direction: column;
	}

	.footerMainContentRight {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}

	.footerMainContentRight>div ul li a {
		font-size: 14px;
	}

	.footerMainContentRight>div ul li {
		margin-bottom: 8px;
	}

	.recommendedSec.bg {
		padding: 20px 0px 28px;
	}

	.gamesCategoryContentInner {
		padding: 16px 0px;
		max-height: 120px;
		height: auto;
		min-width: fit-content;
		width: 100%;
		box-shadow: none;
		margin: 0px;
	}

	.gamesCategorySlider .swiper-wrapper {
		transition-timing-function: unset !important;
	}

	.bannerCardSliderImgBox {
		height: 178px;
	}

	.recommendedSliderBox {
		max-width: 240px;
		min-width: 140px;
		flex: 0 0 160px;
	}

	.singleCategoryFilterBox {
		display: none;
	}

	.singleCategoryMobFilter {
		display: block;
	}

	.singleCategoryPagination {
		display: none;
	}

	.updateSettingPopupBox {
		position: absolute;
		top: unset;
		left: 0;
		transform: unset;
		bottom: -150%;
		width: 100%;
		height: 70vh;
		overflow-y: scroll;
		display: unset;
		transition: 0.4s all;
	}

	.updateSettingPopupBox.active {
		bottom: 0;
	}

	.categoryMobFilterList {
		display: flex;
	}

	.appliedMobileFilterBox {
		display: block;
	}

	.mobSelecDropdownBox .innerList {
		flex-direction: column;
		align-items: flex-start;
	}

	.singleProductReviewBoxInner {
		flex-direction: column;
		gap: 12px;
	}

	.singleProductReviewListInner {
		display: none;
	}

	.singleProductReviewListMobInner {
		display: flex;
	}

	.topHeaderWrapperInner {
		height: 66px;
	}

	.headerLogo a img {
		width: 96px;
		height: 24px;
		object-fit: cover;
	}

	.cartProductDetailBox .bodyContentInner a .imgWrap{
		height: 130px;
		width: 92px;
	}

	.cartProductDetailBox .bodyContentInner .productDetails .titleBox .title h3{
		font-size: 12px;
		line-height: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.cartProductDetailBox .bodyContentInner .productDetails .titleBox .state{
		font-size: 12px;
		line-height: 16px;
	}

	.cartProductDetailBox .bodyContentInner .productDetails .productDetailsBottom{
		display: none;
	}

	.cartProductDetailBox .headContent p{
		font-size: 12px;
	}

	.cartProductDetailBox .bodyContentInner .productDetails .titleBox .title a{
		display: none;
	}

	.cartProductDetailBox .productDetailsBottom{
		display: flex;
	}
}

@media (max-width: 600px) {
	.bannerMobCardContent {
		min-height: 80px;
		max-width: 300px;
		max-height: 120px;
		aspect-ratio: 1 / 1;
	}
}

@media(max-width: 575px) {
	.headerFiltersBar {
		gap: 8px;
	}

	.recommendedSliderBoxInner .content .pricingBar .subContent span {
		font-size: 9px;
	}

	.recommendedSliderBoxInner .content .pricingBar .subContent p {
		font-size: 9px;
	}

	.recommendedSliderBoxInner .content .pricing .pricingBottom p {
		font-size: 12px;
	}

	.recommendedSliderBoxInner .content .pricing .pricingBottom .tag {
		width: 40px;
		height: 20px;
	}

	.bannerCardSlider .swiper-button-prev:after,
	.bannerCardSlider .swiper-button-next:after {
		font-size: 12px;
	}

	.bannerCardSlider .swiper-button-next {
		right: 15px;
	}

	.bannerCardSlider .swiper-button-prev {
		left: 15px;
	}

	.footerAddressBarInnerWrap {
		flex-direction: column;
		gap: 22px;
	}

	.singleCategoryProductCards {
		gap: 16px;
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		padding: 16px 0px;
	}

	.singleCategoryTitleBar .dropFilterBox .dropFilterSelec p {
		font-size: 14px;
	}

	.singleProductDetailContent .content .titleWrap .wishlistIcon {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 60px;
	}

	.singleProductDetailContent .content .titleWrap h3 {
		font-size: 13px;
	}

	.singleProductDetailContent .content .titleWrap {
		margin-bottom: 5px;
	}

	.singleProductDetailContent .content .productSubdetails .ratingStarList {
		display: none;
	}

	.singleProductDetailContent .content .mobRatingStarList {
		display: flex;
	}
}

@media(max-width: 375px) {}

/* driffle responsive end */