/*--------------------------------------------------------------
                       Normalize
--------------------------------------------------------------*/
:root {
	--main-color-one: var(--main-color-one);
	--main-color-one-rgb: 0, 96, 68;
	--main-color-two: var(--secondary-color);
	--main-color-two-rgb: 0, 136, 221;
	--main-color-three: #2f4fff;
	--main-color-three-rgb: 47, 79, 255;
	--main-color-four: #f0997d;
	--main-color-four-rgb: 240, 153, 125;
	--customer-profile: #05cd99;
	--customer-profile-rgb: 5, 205, 153;
	--dashboard-color: #e9edf7;
	--footer-bg: #00192b;
	--heading-color: #1b1c25;
	--heading-color-rgb: 27, 28, 37;
	--paragraph-color: #666666;
	--paragraph-white: #f1f1f1;
	--paragraph-white-2: #e2e2e2;
	--body-color: #999999;
	--review-color: #fabe50;
	--yellow-color: #f4f300;
	--blue-color: #62cdff;
	--review-color-rgb: 250, 190, 80;
	--stock-color: #5ab27e;
	--success-color: #1f9960;
	--success-color-rgb: 31, 153, 96;
	--updatedOffer-bg-1: #fff6d6;
	--updatedOffer-bg-2: #c0f4ff;
	--updatedOffer-bg-3: #d2fffc;
	--border-color: #f0f0f0;
	--border-two: #efefef;
	--border-color-2: #ebebeb;
	--gray-color: #f3f3f3;
	--gray-two: #f7f7f7;
	--section-bg: #fdde67;
	--section-bg-2: #f9f9f9;
	--white: #fff;
	--white-rgb: 255, 255, 255;
	--black: #000000;
	--black-rgb: 0, 0, 0;
	--box-shadow: #f0f0f0;
	--search-bg: #f2f4f7;
	--danger-color: #dd0303;
	--delete-color: #ee0000;
	--delete-color-rgb: 238, 0, 0;
	--heading-font: "Rubik", sans-serif;
	--body-font: "Roboto", sans-serif;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	font-family: var(--body-font);
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	-moz-osx-font-smoothing: grayscale;
	/* Firefox */
	-webkit-font-smoothing: antialiased;
	/* WebKit  */
}

body {
	margin: 0;
	color: var(--body-color);
	font-family: var(--body-font);
	font-size: 16px;
	background: #f3f3f3 !important;
}

@media only screen and (max-width: 991.98px) {
	body {
		overflow-x: hidden;
	}
}

@media only screen and (max-width: 480px) {
	body {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	body {
		font-size: 14px;
	}
}

h1 {
	font-size: 60px;
	line-height: 1.0833333333;
}

h2 {
	font-size: 36px;
	line-height: 1.4444444444;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	h2 {
		font-size: 30px;
	}
}

@media only screen and (max-width: 575.98px) {
	h2 {
		font-size: 27px;
	}
}

@media only screen and (max-width: 480px) {
	h2 {
		font-size: 26px;
	}
}

@media only screen and (max-width: 375px) {
	h2 {
		font-size: 24px;
	}
}

h3 {
	font-size: 28px;
	line-height: 1.0833333333;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	h3 {
		font-size: 26px;
	}
}

@media only screen and (max-width: 575.98px) {
	h3 {
		font-size: 25px;
	}
}

@media only screen and (max-width: 480px) {
	h3 {
		font-size: 24px;
	}
}

@media only screen and (max-width: 375px) {
	h3 {
		font-size: 22px;
	}
}

h4 {
	font-size: 24px;
	line-height: 1.0833333333;
}

@media only screen and (max-width: 575.98px) {
	h4 {
		font-size: 23px;
	}
}

@media only screen and (max-width: 375px) {
	h4 {
		font-size: 21px;
	}
}

h5 {
	font-size: 20px;
	line-height: 1.2380952381;
}

@media only screen and (max-width: 375px) {
	h5 {
		font-size: 18px;
	}
}

h6 {
	font-size: 18px;
	line-height: 1.2380952381;
}

@media only screen and (max-width: 375px) {
	h6 {
		font-size: 16px;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--heading-color);
	font-family: var(--heading-font);
	margin: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	display: -webkit-box;
}

p {
	color: var(--body-color);
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin-bottom: 0;
	line-height: 26px;
	font-size: 16px;
}

a {
	color: inherit;
	text-decoration: none;
	color: var(--body-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none;
	color: inherit;
}

pre {
	word-break: break-word;
}

a i {
	padding: 0 2px;
}

img {
	max-width: 100%;
}

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

ul li {
	list-style: none;
}

ol {
	counter-reset: counter;
	padding-left: 0;
}

ol li {
	list-style: none;
}

ol li:before {
	counter-increment: counter;
	content: counter(counter);
	font-weight: 500;
	margin-right: 10px;
}

span {
	display: inline-block;
}

.desktop-center {
	text-align: center;
}

.topbar-bg-4 {
	background-color: var(--main-color-one);
}

.homeFour-bg {
	background-color: var(--main-color-one);
}

.section-bg {
	background-color: var(--section-bg);
}

.section-bg-2 {
	background-color: var(--section-bg-2);
}

.updatedOffer-bg-1 {
	background-color: var(--updatedOffer-bg-1);
}

.updatedOffer-bg-2 {
	background-color: var(--updatedOffer-bg-2);
}

.updatedOffer-bg-3 {
	background-color: var(--updatedOffer-bg-3);
}

/* Chrome */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox  */
input[type="number"] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}

.form-control {
	width: 100%;
}

textarea {
	width: 100%;
	padding: 15px 15px 0;
}

/* Common Style */
.margin-0 {
	margin: 0 !important;
}

.padding-0 {
	padding: 0 !important;
}

.radius-parcent-50 {
	border-radius: 50%;
}

.radius-50 {
	border-radius: 50px;
}

.radius-40 {
	border-radius: 40px;
}

.radius-35 {
	border-radius: 35px;
}

.radius-30 {
	border-radius: 30px;
}

.radius-20 {
	border-radius: 20px;
}

.radius-15 {
	border-radius: 15px;
}

.radius-10 {
	border-radius: 10px;
}

.radius-5 {
	border-radius: 5px;
}

.radius-0 {
	border-radius: 0px !important;
}

.no-shadow {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.single-border-top {
	border-top: 1px solid var(--border-color);
}

.single-border {
	border: 1px solid var(--border-color);
}

.color-light {
	color: var(--paragraph-color) !important;
}

.color-extra-light {
	color: var(--body-color) !important;
}

.color-heading {
	color: var(--heading-color);
}

.body-bg-1 {
	background: #f1f3f4;
}

.body-bg-2 {
	background: #fffaf5;
}

.body-bg-3 {
	background: #1b1c25;
}

.bg-color-one {
	background: var(--main-color-one);
}

.bg-color-two {
	background: var(--main-color-two);
}

.bg-color-three {
	background: var(--main-color-three);
}

.bg-color-four {
	background: var(--main-color-four);
}

.bg-item-one {
	background: #fff1e8;
}

.bg-item-two {
	background: #e9f6ff;
}

.bg-item-three {
	background: #ffecf0;
}

.bg-item-four {
	background: #fff8f0;
}

.bg-item-five {
	background: var(--gray-two);
}

.bg-item-badge {
	background: var(--gray-two);
}

.color-one {
	color: var(--main-color-one);
}

.color-two {
	color: var(--main-color-two);
}

.color-three {
	color: var(--main-color-three);
}

.color-four {
	color: var(--main-color-four);
}

.color-stock {
	color: var(--stock-color);
}

.review-color {
	color: var(--review-color);
}

.color-yellow {
	color: #ffba5c;
}

.footer-bg {
	background: #f9f9f9;
}

.footer-bg-2 {
	background: #22232f;
}

.footer-bg-3 {
	background: var(--gray-two);
}

.shop-color-1 {
	background: #f83a26 !important;
}

.shop-color-2 {
	background: #30bb6f !important;
}

.shop-color-3 {
	background: #ab47bc !important;
}

.shop-color-4 {
	background: #ffc576 !important;
}

.shop-color-5 {
	background: #040b25 !important;
}

.shop-color-6 {
	background: #ff9800 !important;
}

.shop-color-7 {
	background: #ff695c !important;
}

.brand-bg-1 {
	background-color: #ed1c24;
}

.brand-bg-2 {
	background-color: #1b1b1b;
}

.brand-bg-3 {
	background-color: #f65b65;
}

.brand-bg-4 {
	background-color: #0088dd;
}

.brand-bg-5 {
	background-color: #fabe50;
}

.brand-bg-6 {
	background-color: #5ab27e;
}

.main-bg-one {
	background-color: var(--main-color-one);
}

.main-bg-two {
	background-color: var(--main-color-two);
}

.main-bg-three {
	background-color: var(--main-color-three);
}

.main-bg-four {
	background-color: var(--main-color-four);
}

.bg-color-stock {
	background: var(--stock-color);
}

.facebook-bg {
	background-color: #3b5999 !important;
}

.twitter-bg {
	background-color: #55acee !important;
}

.pintarest-bg {
	background-color: #c40014 !important;
}

.youtube-bg {
	background-color: #ff1544 !important;
}

.instagram-bg {
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(#fea038),
		color-stop(#ff8841),
		color-stop(#ff704e),
		color-stop(#ff575f),
		color-stop(#ff3e71),
		color-stop(#fa3080),
		color-stop(#f12690),
		color-stop(#e523a0),
		color-stop(#d12dac),
		color-stop(#bb37b7),
		color-stop(#a140bf),
		to(#8347c5)
	) !important;
	background: linear-gradient(
		to top,
		#fea038,
		#ff8841,
		#ff704e,
		#ff575f,
		#ff3e71,
		#fa3080,
		#f12690,
		#e523a0,
		#d12dac,
		#bb37b7,
		#a140bf,
		#8347c5
	) !important;
}

.linkedin-bg {
	background-color: #326de4 !important;
}

.bg-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.no-margin {
	margin: 0;
}

.lazyloads {
	display: block;
}

.extra-padding-bottom {
	padding-bottom: 20px;
}

.desktop-reverse-margin-24 {
	margin: -24px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.desktop-reverse-margin-24 {
		margin: unset;
	}
}

.border-1 {
	border: 1px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-2px {
	border: 2px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-3px {
	border: 3px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-4px {
	border: 4px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-5px {
	border: 5px solid rgba(221, 221, 221, 0.9);
}

.heading-title {
	font-size: 30px;
	line-height: 36px;
}

.heading-title:hover {
	color: var(--main-color-one);
}

.heading-title.hover-color-two:hover {
	color: var(--main-color-two);
}

.heading-title.hover-color-three:hover {
	color: var(--main-color-three);
}

.heading-title.hover-color-four:hover {
	color: var(--main-color-four);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.heading-title {
		font-size: 26px;
	}
}

@media only screen and (max-width: 375px) {
	.heading-title {
		font-size: 24px;
	}
}

.common-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	color: var(--heading-color);
	min-height: 72px;
}

@media only screen and (max-width: 767.98px) {
	.common-title {
		font-size: 22px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 480px) {
	.common-title {
		font-size: 21px;
	}
}

@media only screen and (max-width: 375px) {
	.common-title {
		font-size: 20px;
	}
}

.common-title.white-color {
	color: var(--white);
}

.common-title:hover {
	color: var(--main-color-one);
}

.common-title.hover-color-two:hover {
	color: var(--main-color-two);
}

.common-title.hover-color-three:hover {
	color: var(--main-color-three);
}

.common-title.hover-color-four:hover {
	color: var(--main-color-four);
}

.white-color {
	color: var(--white);
}

.center-text {
	text-align: center;
}

.common-title-two {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	font-family: var(--heading-font);
	color: var(--heading-color);
}

.common-title-two.white-color {
	color: var(--white);
}

.common-title-two:hover {
	color: var(--main-color-one);
}

.common-title-two.hover-color-two:hover {
	color: var(--main-color-two);
}

.common-title-two.hover-color-three:hover {
	color: var(--main-color-three);
}

.common-title-two.hover-color-four:hover {
	color: var(--main-color-four);
}

.common-title-three {
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	font-family: var(--heading-font);
	color: var(--heading-color);
}

.common-title-three.white-color {
	color: var(--white);
}

.common-title-three:hover {
	color: var(--main-color-one);
}

.common-title-three.hover-color-two:hover {
	color: var(--main-color-two);
}

.common-title-three.hover-color-three:hover {
	color: var(--main-color-three);
}

.common-title-three.hover-color-four:hover {
	color: var(--main-color-four);
}

.common-para {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: var(--body-color);
}

.common-para.white-color {
	color: var(--white);
}

.common-price-title {
	font-size: 28px;
	font-weight: 500;
	line-height: 40px;
}

.common-price-title.white-color {
	color: var(--white);
}

.common-price-title-two {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
}

.common-price-title-two.white-color {
	color: var(--white);
}

.tab-content-item {
	display: none;
}

.tab-content-item.active {
	display: block;
	-webkit-animation: 1s fade-effects;
	animation: 1s fade-effects;
}

@-webkit-keyframes fade-effects {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes fade-effects {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

.border-1 {
	border: 1px solid #e8e8e8;
}

.slider-inner-margin .slick-slide {
	margin: 12px;
}

.slider-inner-margin .slick-list {
	margin: -12px;
}

.slider-inner-margin-10 .slick-slide {
	margin: 5px;
}

.slider-inner-margin-10 .slick-list {
	margin: -5px;
}

.slick-slider-items.margin-reverse-24 {
	margin: -24px 0 0;
}

.global-slick-init:hover.nav-style-two .prev-icon,
.global-slick-init:hover.nav-style-two .next-icon {
	visibility: visible;
	opacity: 1;
}

.global-slick-init.nav-style-two .prev-icon,
.global-slick-init.nav-style-two .next-icon {
	visibility: hidden;
	opacity: 0;
}

.nav-style-two {
	position: relative;
}

.nav-style-two.nav-color-two .prev-icon,
.nav-style-two.nav-color-two .next-icon {
	background: var(--main-color-two);
	color: var(--white);
}

.nav-style-two.nav-color-two .prev-icon:hover,
.nav-style-two.nav-color-two .next-icon:hover {
	color: var(--main-color-two);
	background: #fff;
}

.nav-style-two.nav-color-three .prev-icon,
.nav-style-two.nav-color-three .next-icon {
	background: var(--main-color-three);
	color: var(--white);
}

.nav-style-two.nav-color-three .prev-icon:hover,
.nav-style-two.nav-color-three .next-icon:hover {
	color: var(--main-color-three);
	background: #fff;
}

.nav-style-two .prev-icon,
.nav-style-two .next-icon {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -20px;
	font-size: 24px;
	cursor: pointer;
	z-index: 99;
	background: #fff;
	color: var(--main-color-one);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-style-two .prev-icon:hover,
.nav-style-two .next-icon:hover {
	color: var(--white);
	background: var(--main-color-one);
}

@media only screen and (max-width: 375px) {
	.nav-style-two .prev-icon,
	.nav-style-two .next-icon {
		left: -12px;
	}
}

.nav-style-two .next-icon {
	left: auto;
	right: -20px;
}

@media only screen and (max-width: 375px) {
	.nav-style-two .next-icon {
		right: -12px;
	}
}

.nav-style-one {
	position: relative;
}

.nav-style-one.nav-color-two .prev-icon:hover,
.nav-style-one.nav-color-two .next-icon:hover {
	color: var(--main-color-two);
}

.nav-style-one.nav-color-three .prev-icon:hover,
.nav-style-one.nav-color-three .next-icon:hover {
	color: var(--main-color-three);
}

.nav-style-one .prev-icon,
.nav-style-one .next-icon {
	position: absolute;
	right: 0;
	top: -105px;
	font-size: 24px;
	cursor: pointer;
	z-index: 99;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.nav-style-one .prev-icon:hover,
.nav-style-one .next-icon:hover {
	color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.nav-style-one .prev-icon,
	.nav-style-one .next-icon {
		top: -90px;
	}
}

.nav-style-one .prev-icon {
	right: 30px;
}

.dot-style-one.banner-dots .slick-dots li {
	height: 5px;
	width: 15px;
	display: block;
	border-radius: 0;
}

.dot-style-one.banner-dots .slick-dots li.slick-active {
	width: 40px;
}

.dot-style-one.banner-dots.dot-color-two .slick-dots li.slick-active {
	background: var(--main-color-two);
}

.dot-style-one.banner-dots.dot-color-three .slick-dots li.slick-active {
	background: var(--main-color-three);
}

.dot-style-one.dot-absolute .slick-dots {
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media only screen and (max-width: 480px) {
	.dot-style-one.dot-absolute .slick-dots {
		bottom: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.dot-style-one.dot-absolute .slick-dots {
		bottom: 10px;
	}
}

.dot-style-one.dot-style-two .slick-dots li {
	height: 5px;
	width: 12px;
	border-radius: 0;
}

.dot-style-one.dot-style-two .slick-dots li.slick-active {
	background: var(--main-color-one);
	width: 35px;
	border-radius: 2px;
}

.dot-style-one.dot-style-three .slick-dots li {
	border-radius: 0;
}

.dot-style-one.dot-color-two .slick-dots li.slick-active {
	background: var(--main-color-two);
}

.dot-style-one.dot-color-three .slick-dots li.slick-active {
	background: var(--main-color-three);
}

.dot-style-one.dot-color-four .slick-dots li.slick-active {
	background: var(--main-color-four);
}

.dot-style-one .slick-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 30px;
}

.dot-style-one .slick-dots li {
	text-indent: -9999px;
	height: 10px;
	width: 10px;
	background: #ddd;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.dot-style-one .slick-dots li.slick-active {
	background: var(--main-color-one);
}

.dot-style-one .slick-dots li button {
	border: 0;
	outline: none;
}

.body-overlay-desktop {
	position: fixed;
	height: 100vh;
	width: 100%;
	top: 0;
	left: 100%;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	background: rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.body-overlay-desktop.active {
	visibility: visible;
	opacity: 1;
	z-index: 9;
	left: 0;
}

.btn-wrapper button {
	outline: none;
}

.btn-wrapper button:focus {
	outline: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	section.promo-area.padding-top-10 {
		padding-top: 0 !important;
	}
}

@media (max-width: 991px) and (min-width: 320px) {
	.row.margin-top-65 {
		margin-top: 45px !important;
	}

	.row.margin-top-40 {
		margin-top: 20px !important;
	}

	.row.margin-top-10 {
		margin-top: 0px !important;
	}

	.col-lg-12.margin-top-10 {
		margin-top: 0px !important;
	}

	.btn-wrapper.margin-top-50 {
		margin-top: 30px !important;
	}
}

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

.fw-900 {
	font-weight: 900 !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-13 {
	font-size: 13px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-15 {
	font-size: 15px !important;
}

.fs-17 {
	font-size: 17px !important;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-22 {
	font-size: 22px !important;
}

.fs-24 {
	font-size: 24px !important;
}

.fs-25 {
	font-size: 25px !important;
}

.fs-26 {
	font-size: 26px !important;
}

.fs-27 {
	font-size: 27px !important;
}

.fs-28 {
	font-size: 28px !important;
}

.fs-30 {
	font-size: 30px !important;
}

.fs-32 {
	font-size: 32px !important;
}

.fs-36 {
	font-size: 36px !important;
}

.fs-46 {
	font-size: 46px !important;
}

.fs-65 {
	font-size: 65px !important;
}

.ff-rubik {
	font-family: var(--rubik-font) !important;
}

.ff-roboto {
	font-family: var(--roboto-font) !important;
}

.ff-opensans {
	font-family: var(--opensans-font) !important;
}

.ff-montserrat {
	font-family: var(--montserrat-font) !important;
}

.ff-jost {
	font-family: var(--jost-font) !important;
}

.ff-playfair {
	font-family: var(--playfair-font) !important;
}

.padding-left-50 {
	padding-left: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.padding-left-50 {
		padding-left: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.padding-left-50 {
		padding-left: 0;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-left-50 {
		padding-left: 0;
	}
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-top-25 {
	padding-top: 25px;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-top-35 {
	padding-top: 35px;
}

.padding-top-40 {
	padding-top: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-top-40 {
		padding-top: 30px !important;
	}
}

.padding-top-45 {
	padding-top: 45px;
}

.padding-top-55 {
	padding-top: 55px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-top-55 {
		padding-top: 40px !important;
	}
}

.padding-top-50 {
	padding-top: 50px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-top-50 {
		padding-top: 35px !important;
	}
}

.padding-top-60 {
	padding-top: 60px;
}

.padding-top-65 {
	padding-top: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-top-65 {
		padding-top: 35px !important;
	}
}

.padding-top-70 {
	padding-top: 70px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-top-70 {
		padding-top: 40px !important;
	}
}

.padding-top-75 {
	padding-top: 75px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-top-75 {
		padding-top: 45px !important;
	}
}

.padding-top-80 {
	padding-top: 80px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-top-80 {
		padding-top: 60px !important;
	}
}

.padding-top-85 {
	padding-top: 85px;
}

.padding-top-90 {
	padding-top: 90px;
}

.padding-top-95 {
	padding-top: 95px;
}

.padding-top-100 {
	padding-top: 100px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-top-100 {
		padding-top: 70px !important;
	}
}

.padding-top-105 {
	padding-top: 105px;
}

.padding-top-110 {
	padding-top: 110px;
}

.padding-top-115 {
	padding-top: 115px;
}

.padding-top-120 {
	padding-top: 120px;
}

.padding-top-125 {
	padding-top: 125px;
}

.padding-top-130 {
	padding-top: 130px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-top-130 {
		padding-top: 80px !important;
	}
}

.padding-top-135 {
	padding-top: 135px;
}

.padding-top-140 {
	padding-top: 140px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-top-140 {
		padding-top: 80px !important;
	}
}

.padding-top-145 {
	padding-top: 140px;
}

.padding-top-150 {
	padding-top: 150px;
}

.padding-top-160 {
	padding-top: 160px;
}

.padding-top-190 {
	padding-top: 190px;
}

.padding-top-210 {
	padding-top: 210px;
}

.padding-top-260 {
	padding-top: 260px;
}

.padding-top-300 {
	padding-top: 300px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-bottom-15 {
	padding-bottom: 15px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-bottom-25 {
	padding-bottom: 25px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

.padding-bottom-35 {
	padding-bottom: 35px;
}

.padding-bottom-40 {
	padding-bottom: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-bottom-40 {
		padding-bottom: 30px !important;
	}
}

.padding-bottom-45 {
	padding-bottom: 45px;
}

.padding-bottom-50 {
	padding-bottom: 50px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-bottom-50 {
		padding-bottom: 35px !important;
	}
}

.padding-bottom-55 {
	padding-bottom: 55px;
}

.padding-bottom-60 {
	padding-bottom: 60px;
}

.padding-bottom-65 {
	padding-bottom: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-bottom-65 {
		padding-bottom: 40px !important;
	}
}

.padding-bottom-70 {
	padding-bottom: 70px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-bottom-70 {
		padding-bottom: 40px !important;
	}
}

.padding-bottom-75 {
	padding-bottom: 75px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-bottom-75 {
		padding-bottom: 45px !important;
	}
}

.padding-bottom-80 {
	padding-bottom: 80px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-bottom-80 {
		padding-bottom: 60px !important;
	}
}

.padding-bottom-85 {
	padding-bottom: 85px;
}

.padding-bottom-90 {
	padding-bottom: 90px;
}

.padding-bottom-95 {
	padding-bottom: 95px;
}

.padding-bottom-100 {
	padding-bottom: 100px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-bottom-100 {
		padding-bottom: 70px !important;
	}
}

.padding-bottom-110 {
	padding-bottom: 110px;
}

.padding-bottom-105 {
	padding-bottom: 105px;
}

.padding-bottom-115 {
	padding-bottom: 115px;
}

.padding-bottom-120 {
	padding-bottom: 120px;
}

.padding-bottom-125 {
	padding-bottom: 125px;
}

.padding-bottom-130 {
	padding-bottom: 130px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-bottom-130 {
		padding-bottom: 80px !important;
	}
}

.padding-bottom-140 {
	padding-bottom: 140px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.padding-bottom-140 {
		padding-bottom: 80px !important;
	}
}

.padding-bottom-135 {
	padding-bottom: 135px;
}

.padding-bottom-200 {
	padding-bottom: 200px;
}

.padding-bottom-280 {
	padding-bottom: 280px;
}

.padding-bottom-285 {
	padding-bottom: 285px;
}

.padding-bottom-150 {
	padding-bottom: 150px;
}

.padding-bottom-160 {
	padding-bottom: 160px;
}

.padding-bottom-165 {
	padding-bottom: 165px;
}

.padding-bottom-170 {
	padding-bottom: 170px;
}

.padding-bottom-180 {
	padding-bottom: 180px;
}

.padding-bottom-215 {
	padding-bottom: 215px;
}

.padding-bottom-300 {
	padding-bottom: 300px;
}

.padding-bottom-460 {
	padding-bottom: 460px;
}

.margin-top-minus-90 {
	margin-top: -90px;
}

.margin-top-minus-100 {
	margin-top: -100px;
}

.margin-top-120 {
	margin-top: 120px;
}

.margin-top-150 {
	margin-top: 150px;
}

.margin-top-160 {
	margin-top: 160px;
}

.padding-120 {
	padding-top: 120px;
	padding-bottom: 120px;
}

.padding-110 {
	padding-top: 110px;
	padding-bottom: 110px;
}

.padding-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.padding-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.padding-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.padding-65 {
	padding-top: 65px;
	padding-bottom: 65px;
}

.padding-70 {
	padding-top: 70px;
	padding-bottom: 70px;
}

.padding-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.padding-90 {
	padding-top: 90px;
	padding-bottom: 90px;
}

.padding-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-15 {
	margin-top: 15px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-top-35 {
	margin-top: 35px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-top-45 {
	margin-top: 45px;
}

.margin-top-50 {
	margin-top: 50px;
}

.margin-top-55 {
	margin-top: 55px;
}

.margin-top-60 {
	margin-top: 60px;
}

.margin-top-65 {
	margin-top: 65px;
}

.margin-top-70 {
	margin-top: 70px;
}

.margin-top-80 {
	margin-top: 80px;
}

.margin-top-90 {
	margin-top: 90px;
}

.margin-top-100 {
	margin-top: 100px;
}

.margin-top-110 {
	margin-top: 110px;
}

.margin-top-120 {
	margin-top: 120px;
}

.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-15 {
	margin-bottom: 15px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-25 {
	margin-bottom: 25px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.margin-bottom-35 {
	margin-bottom: 35px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-bottom-50 {
	margin-bottom: 50px;
}

.margin-bottom-55 {
	margin-bottom: 55px;
}

.margin-bottom-60 {
	margin-bottom: 60px;
}

.margin-bottom-70 {
	margin-bottom: 70px;
}

.margin-bottom-80 {
	margin-bottom: 80px;
}

.margin-bottom-90 {
	margin-bottom: 90px;
}

.margin-bottom-100 {
	margin-bottom: 100px;
}

.margin-bottom-110 {
	margin-bottom: 110px;
}

.margin-bottom-120 {
	margin-bottom: 120px;
}

.margin-bottom-150 {
	margin-bottom: 150px;
}

.margin-top-100 {
	margin-bottom: 100px;
}

.margin-top-120 {
	margin-top: 120px;
}

.min-height-600 {
	min-height: 600px;
}

.overflow-hidden {
	overflow: hidden;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Keyframes Animation
--------------------------------------------------------------*/
@-webkit-keyframes floating {
	0% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}

	50% {
		-webkit-transform: translatey(-50px);
		transform: translatey(-50px);
	}

	100% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}
}

@keyframes floating {
	0% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}

	50% {
		-webkit-transform: translatey(-50px);
		transform: translatey(-50px);
	}

	100% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}
}

@-webkit-keyframes round-moving {
	from {
		-webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
		transform: rotate(0deg) translateX(120px) rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
		transform: rotate(360deg) translateX(120px) rotate(-360deg);
	}
}

@keyframes round-moving {
	from {
		-webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
		transform: rotate(0deg) translateX(120px) rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
		transform: rotate(360deg) translateX(120px) rotate(-360deg);
	}
}

@-webkit-keyframes round-moving2 {
	from {
		-webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
		transform: rotate(0deg) translateX(60px) rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
		transform: rotate(360deg) translateX(60px) rotate(-360deg);
	}
}

@keyframes round-moving2 {
	from {
		-webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
		transform: rotate(0deg) translateX(60px) rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
		transform: rotate(360deg) translateX(60px) rotate(-360deg);
	}
}

@-webkit-keyframes pulsing {
	0% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@keyframes pulsing {
	0% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

/*----------------------------------------------
    # Nav bar
----------------------------------------------*/
.mobile-logo {
	display: none;
}

@media only screen and (max-width: 991px) {
	.mobile-logo {
		display: block;
	}

	.desktop-logo {
		display: none !important;
	}
}

.navbar-area {
	position: relative;
	z-index: 95;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area {
		padding: 0;
	}
}

.navbar-area.nav-absolute {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0px;
	z-index: 99;
}

.navbar-area.nav-two .nav-container .navbar-collapse .navbar-nav {
	text-align: center;
}

.navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav li {
	color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li {
	color: var(--white);
}

.navbar-area.white-nav
	.nav-container
	.nav-right-content
	ul
	li
	.track-icon-list
	.single-icon
	.icon {
	color: var(--white);
}

.navbar-area.white-nav
	.nav-container
	.nav-right-content
	ul
	li
	.track-icon-list
	.single-icon.hover-color-two:hover
	.icon:hover {
	color: var(--main-color-two);
}

.navbar-area.white-nav
	.nav-container
	.nav-right-content
	ul
	li
	.login-account
	.accounts {
	color: var(--white);
}

.navbar-area.white-nav
	.nav-container
	.nav-right-content
	ul
	li
	.login-account
	.accounts.hover-color-two:hover {
	color: var(--main-color-two);
}

.navbar-area .nav-container {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 10px 15px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.navbar-area .nav-container {
		padding: 20px 0;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area .nav-container {
		padding: 15px 0;
	}
}

.navbar-area .nav-container .logo-wrapper .logo img {
	max-width: 200px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area .nav-container .logo-wrapper .logo img {
		max-width: 160px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area .nav-container .logo-wrapper .logo img {
		max-width: 150px;
	}
}

.navbar-area .nav-container .navbar-collapse .navbar-nav {
	display: block;
	width: 100%;
	text-align: left;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.nav-margin-top {
	margin-top: 15px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.desktop-center {
	text-align: center;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
	display: inline-block;
	font-size: 16px;
	font-family: var(--body-font);
	text-transform: capitalize;
	color: var(--heading-color);
	font-weight: 400;
	line-height: 32px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
	margin-left: 0px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav li {
		font-size: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav li {
		font-size: 14px;
	}
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item {
	background: none;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children {
	padding-right: 0;
	position: relative;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	> a {
	padding: 10px 20px;
	position: relative;
	z-index: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		> a {
		padding: 10px 10px;
	}
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	> a::after {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	/* IE 9 */
	-webkit-transform: translateY(-50%);
	/* Chrome, Safari, Opera */
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	top: 1px;
	left: 4px;
	position: relative;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children:hover
	> .sub-menu {
	visibility: visible;
	opacity: 1;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu {
	position: absolute;
	text-align: left;
	min-width: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0;
	top: 100%;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
	background-color: var(--white);
	z-index: 992;
	border-bottom: 5px solid var(--main-color-one);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu.column-count-two {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 50px;
	-webkit-column-rule-style: solid;
	-moz-column-rule-style: solid;
	column-rule-style: solid;
	-webkit-column-rule-color: rgba(221, 221, 221, 0.3);
	-moz-column-rule-color: rgba(221, 221, 221, 0.3);
	column-rule-color: rgba(221, 221, 221, 0.3);
	-webkit-column-rule-width: 2px;
	-moz-column-rule-width: 2px;
	column-rule-width: 2px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu.column-count-two {
		-webkit-column-count: unset;
		-moz-column-count: unset;
		column-count: unset;
	}
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu.column-count-two
	li {
	margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu.column-count-two
		li {
		margin-bottom: 0;
	}
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li {
	display: block;
	margin-left: 0;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		li {
		margin-bottom: 0;
	}
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li:last-child {
	margin-bottom: -1px;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	+ li {
	border-top: 1px solid #e2e2e2;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a {
	display: block;
	padding: 10px 30px;
	background-color: var(--white);
	white-space: nowrap;
	color: var(--heading-color);
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-one);
	color: var(--white);
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children {
	position: relative;
	z-index: 0;
	padding-right: 0px;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children
	> .sub-menu {
	left: 100%;
	top: 0px;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children
	> .sub-menu
	.sub-menu
	.sub-menu {
	left: auto;
	right: 100%;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children:hover
	> .sub-menu {
	visibility: visible;
	opacity: 1;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children:hover
	> .sub-menu
	li:hover:before {
	color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
	padding: 10px 28px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
		padding: 7px 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
		padding: 5px 10px;
	}
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-one);
	background: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area .nav-container .nav-right-content {
		display: none;
	}
}

.navbar-area .nav-container .nav-right-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.navbar-area .nav-container .nav-right-content ul li {
	display: inline-block;
	margin: 0 15px;
}

.navbar-area .nav-container .nav-right-content ul li:last-child {
	margin-right: 0;
	margin-left: 0;
}

.navbar-area .nav-container .nav-right-content ul li a {
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.navbar-area .nav-container .nav-right-content ul li .info-bar-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.navbar-area .nav-container .nav-right-content ul li .info-bar-item {
		gap: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area .nav-container .nav-right-content ul li .info-bar-item {
		gap: 30px;
	}
}

.index-02 {
	padding: 0px 0;
}

.index-02 .navbar-inner-all {
	background: var(--main-color-two);
	position: relative;
	z-index: 1;
	padding: 17px 0 18px;
	border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.index-02 .navbar-inner-all {
		padding: 18px 0 18px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.index-02 .navbar-inner-all {
		padding: 18px 0 19px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.index-02 .navbar-inner-all {
		padding: 10px 0;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.index-02 .navbar-inner-all {
		padding: 10px 15px;
	}
}

@media only screen and (max-width: 480px) {
	.index-02 .navbar-inner-all {
		padding: 5px 10px;
	}
}

.index-02 .navbar-inner-all::before {
	content: "";
	position: absolute;
	left: -10%;
	top: 0;
	height: 100%;
	width: 100%;
	background: var(--main-color-two);
	z-index: -1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.index-02 .navbar-inner-all::before {
		display: none;
	}
}

.navbar-inner-all {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-inner-all {
		display: block;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.show-nav-right-contents {
		position: absolute;
		right: 0px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 30px;
		color: var(--heading-color);
	}

	.show-nav-right-contents:hover {
		color: var(--heading-color);
	}

	.show-nav-right-contents.white-color {
		color: var(--white);
	}

	.show-nav-right-contents.white-color:hover {
		color: var(--white);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-right-content {
		visibility: hidden;
		opacity: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		margin-top: -20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-right-content.show {
		visibility: visible;
		opacity: 1;
		margin-top: 10px;
	}
}

.single-right-content .btn-track {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-right-content .btn-track:hover {
	color: var(--main-color-one);
}

.single-right-content .btn-track .track-icon {
	color: var(--main-color-one);
}

.single-right-content .user-icon-price {
	background: rgba(var(--main-color-three-rgb), 0.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.single-right-content .user-icon-price .user-icon {
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--main-color-three);
	color: var(--white);
	height: 46px;
	width: 46px;
}

.single-right-content .user-icon-price .user-price {
	font-size: 20px;
	line-height: 30px;
	padding: 0 10px;
	color: var(--main-color-three);
}

@media only screen and (max-width: 991px) {
	.navbar-area.index-02 .nav-container .navbar-collapse.show .navbar-nav {
		background: transparent;
	}

	.navbar-area.index-03 .nav-container .navbar-right-content {
		margin-top: -50px;
	}

	.navbar-area.index-03 .nav-container .navbar-right-content.show {
		margin-top: 10px;
	}

	.navbar-area.white-nav .navbar-toggler {
		border: 1px solid rgba(255, 255, 255, 0.8);
	}

	.navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::before,
	.navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::after {
		background: rgba(255, 255, 255, 0.8);
	}

	.navbar-area.white-nav .navbar-toggler .navbar-toggler-icon {
		background: rgba(255, 255, 255, 0.8);
	}

	.navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::before,
	.navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::after {
		background: rgba(255, 255, 255, 0.8);
	}

	.navbar-area .navbar-toggler {
		position: absolute;
		right: 40px;
		top: 50%;
		-webkit-box-shadow: none;
		box-shadow: none;
		/* IE 9 */
		-webkit-transform: translateY(-50%);
		/* Chrome, Safari, Opera */
		transform: translateY(-50%);
		border: 1px solid rgba(0, 0, 0, 0.5);
		outline: none;
	}

	.navbar-area .navbar-toggler.active .navbar-toggler-icon {
		background: none;
	}

	.navbar-area .navbar-toggler.active .navbar-toggler-icon::before,
	.navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
		background: rgba(0, 0, 0, 0.5);
		top: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.navbar-area .navbar-toggler .navbar-toggler-icon {
		background: rgba(0, 0, 0, 0.5);
		display: inline-block;
		width: 25px;
		height: 2px;
		margin: 10px -4px 10px;
		position: relative;
	}

	.navbar-area .navbar-toggler .navbar-toggler-icon::before,
	.navbar-area .navbar-toggler .navbar-toggler-icon::after {
		position: absolute;
		content: "";
		height: 2px;
		width: 25px;
		background: rgba(0, 0, 0, 0.5);
		top: -7px;
		left: 0;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	.navbar-area .navbar-toggler .navbar-toggler-icon::after {
		top: auto;
		bottom: -7px;
	}

	.navbar-area .nav-container {
		position: relative;
		z-index: 0;
		min-height: 50px;
		padding: 5px 0px 5px;
	}

	.navbar-area .nav-container .responsive-mobile-menu {
		display: block;
		position: relative;
		width: 100%;
	}

	.navbar-area .nav-container .navbar-brand {
		display: block;
	}

	.navbar-area .nav-container .navbar-brand .navbar-toggler {
		position: absolute;
		right: 10px;
		border: 1px solid #e2e2e2;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.navbar-area .nav-container .navbar-collapse.show .navbar-nav {
		background: #ddd;
	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav {
		display: block;
		margin-top: 30px;
	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav li {
		display: block;
		text-align: left;
		line-height: 30px;
		padding: 10px 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
		padding: 17px 20px;
	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
		border-bottom: none;
	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
		margin-left: 0;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children:before {
		top: 25px;
		right: 20px;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children:hover {
		padding-bottom: 0;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children:hover
		> .sub-menu {
		visibility: visible;
		height: auto;
		opacity: 1;
		background-color: transparent;
		border-bottom: none;
		padding-top: 10px;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu {
		position: initial;
		display: block;
		width: 100%;
		border-top: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-left: 0;
		padding-bottom: 0;
		visibility: hidden;
		opacity: 0;
		height: 0;
		overflow: hidden;
		max-height: 250px;
		overflow-y: scroll;
		/* @include transition(height 500ms); */
		-webkit-transition: all 500ms linear;
		transition: all 500ms linear;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		.sub-menu
		.menu-item-has-children:before {
		content: "";
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		li {
		padding: 0;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		li.menu-item-has-children:hover:before {
		color: var(--white);
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		li
		+ li {
		border-top: none;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		li:first-child {
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}
}

@media only screen and (max-width: 575px) {
	.navbar-area .nav-container {
		padding: 0 15px;
	}

	.navbar-area .nav-container .logo-wrapper .logo img {
		max-width: 140px;
	}
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li a:hover {
	color: var(--heading-color);
}

.navbar-area.nav-color-two
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu {
	border-color: var(--main-color-two);
}

.navbar-area.nav-color-two
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-two);
}

.navbar-area.nav-color-two
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children:hover
	> .sub-menu
	li:hover:before {
	color: var(--white);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-three);
}

.navbar-area.nav-color-three
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu {
	border-color: var(--main-color-three);
}

.navbar-area.nav-color-three
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-three);
}

.navbar-area.nav-color-three
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children:hover
	> .sub-menu
	li:hover:before {
	color: var(--white);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-four);
}

.navbar-area.nav-color-four
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu {
	border-color: var(--main-color-four);
}

.navbar-area.nav-color-four
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-four);
}

.navbar-area.nav-color-four
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children:hover
	> .sub-menu
	li:hover:before {
	color: var(--white);
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children:hover:hover
	> .megamenu-area {
	visibility: visible;
	opacity: 1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children:hover:hover
		> .megamenu-area {
		height: auto;
		padding: 20px 0;
	}
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.single-category-megamenu:hover
	.category-contents
	.titles {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.single-category-megamenu
	.category-contents
	.collection-btn:hover {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.new-collection
	.product-collection-btn:hover {
	background: var(--main-color-two) !important;
}

.nav-color-two .single-right-content .btn-track:hover {
	color: var(--main-color-two);
}

.nav-color-two .single-right-content .btn-track .track-icon {
	color: var(--main-color-two);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.single-category-megamenu:hover
	.category-contents
	.titles {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.single-category-megamenu
	.category-contents
	.collection-btn:hover {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.new-collection
	.product-collection-btn:hover {
	background: var(--main-color-three) !important;
}

.nav-color-three .single-right-content .btn-track:hover {
	color: var(--main-color-three);
}

.nav-color-three .single-right-content .btn-track .track-icon {
	color: var(--main-color-three);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.single-category-megamenu:hover
	.category-contents
	.titles {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.single-category-megamenu
	.category-contents
	.collection-btn:hover {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.new-collection
	.product-collection-btn:hover {
	background: var(--main-color-four) !important;
}

.nav-color-four .single-right-content .btn-track:hover {
	color: var(--main-color-four);
}

.nav-color-four .single-right-content .btn-track .track-icon {
	color: var(--main-color-four);
}

.white-nav
	.megamenu-area
	.megamenu-single
	.new-collection
	.product-collection-btn {
	background: var(--heading-color);
	color: var(--white);
}

.white-nav
	.megamenu-area
	.megamenu-single
	.new-collection
	.product-collection-btn:hover {
	background: var(--main-color-two) !important;
}

.megamenu-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
	box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
	position: absolute;
	top: 100%;
	left: 10%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9;
	max-width: 1600px;
	width: 1560px;
	max-height: 570px;
	overflow-y: auto;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.megamenu-area {
		max-width: 1000px;
		gap: 40px;
		min-width: 100%;
		left: 50%;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.megamenu-area {
		max-width: 830px;
		min-width: 100%;
		gap: 40px;
		max-height: 350px;
		overflow-y: auto;
		left: 50%;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.megamenu-area {
		min-width: 100%;
		max-width: 800px;
		gap: 30px;
		left: auto;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		right: 0;
		max-height: 350px;
		overflow-y: auto;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.megamenu-area {
		min-width: 100%;
		max-width: 600px;
		gap: 30px;
		left: auto;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		right: 0;
		max-height: 350px;
		overflow-y: auto;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.megamenu-area {
		max-width: 100%;
		left: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		min-width: 100%;
		position: initial;
		border-top: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-left: 0;
		padding: 0;
		height: 0;
		overflow: hidden;
		max-height: 250px;
		overflow-y: scroll;
		-webkit-transition: all 500ms linear;
		transition: all 500ms linear;
	}
}

.megamenu-area.color-two
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-two);
}

.megamenu-area.color-two
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-two);
}

.megamenu-area.color-three
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-three);
}

.megamenu-area.color-three
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-three);
}

.megamenu-area.color-four
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-four);
}

.megamenu-area.color-four
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-four);
}

.megamenu-single:not(:last-child) {
	margin-right: 45px;
}

.megamenu-single .megamenu-heading-title {
	font-size: 24px;
	font-weight: 500;
	padding: 0px 0 20px 0;
}

.megamenu-single .megamenu-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 5px !important;
}

.megamenu-single .megamenu-items .megamenu-thumbs {
	margin-right: 20px;
	border: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 80px;
	width: 70px;
	font-size: 30px;
}

.megamenu-single .megamenu-items .megamenu-thumbs i {
	color: var(--main-color-one);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-two i {
	color: var(--main-color-two);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-three i {
	color: var(--main-color-three);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-four i {
	color: var(--main-color-four);
}

.megamenu-single .megamenu-items .megamenu-contents {
	text-align: left;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
	color: var(--main-color-one);
}

.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-one);
	font-size: 20px;
	font-weight: 500;
}

.megamenu-single .megamenu-items .megamenu-contents .price-updates .old-price {
	color: var(--body-color);
	text-decoration: line-through;
}

.megamenu-single .megamenu-items-big {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0 !important;
}

@media only screen and (max-width: 480px) {
	.megamenu-single .megamenu-items-big {
		display: block;
	}
}

.megamenu-single .megamenu-items-big .megamenu-thumbs {
	height: 200px;
	width: 250px;
	margin-right: 20px;
}

@media only screen and (max-width: 375px) {
	.megamenu-single .megamenu-items-big .megamenu-thumbs {
		margin-right: 0;
	}
}

.megamenu-single .megamenu-items-big .megamenu-thumbs img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.megamenu-single .megamenu-items-big .megamenu-contents {
	text-align: left;
}

@media only screen and (max-width: 480px) {
	.megamenu-single .megamenu-items-big .megamenu-contents {
		margin-top: 15px;
	}
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
	color: var(--main-color-one);
}

.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-one);
	font-size: 20px;
	font-weight: 500;
}

.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.price-updates
	.old-price {
	color: var(--body-color);
	text-decoration: line-through;
}

.megamenu-single .new-collection {
	padding: 0px 0 !important;
	display: inline-block;
	height: 400px;
	width: 350px;
	position: relative;
	z-index: 2;
}

.megamenu-single .new-collection:hover .product-collection-btn {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 375px) {
	.megamenu-single .new-collection {
		height: 100%;
		width: 280px;
	}
}

.megamenu-single .new-collection img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.megamenu-single .new-collection .product-collection-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	padding: 10px 20px;
	background: #fff;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	visibility: hidden;
	opacity: 0;
}

.megamenu-single .new-collection .product-collection-btn:hover {
	background: var(--main-color-one) !important;
	color: #fff !important;
}

.category-megamenu .single-category-megamenu {
	padding: 10px;
}

.category-megamenu > .single-category-megamenu {
	width: calc(100% / 5 - 19.2px);
	min-width: 125px;
	display: inline-block;
	width: 150px;
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
	.category-megamenu > .single-category-megamenu {
		width: 140px;
	}
}

.mega-menu-single-section .menu-title {
	margin-bottom: 20px;
}

/*@media screen and (min-width: 992px) and (max-width: 1199.98px) {*/
/*  .category-megamenu>.single-category-megamenu {*/
/*    width: calc(100% / 1 - 0px);*/
/*  }*/
/*}*/

.cate-list .category-megamenu .single-megamenu > .submenu-title {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	color: var(--heading-color);
}

.cate-list .category-megamenu .single-megamenu > .submenu-title {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	color: var(--heading-color);
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.mega-menu-single-section .round-menu-product:not(:last-child) a {
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 10px;
	padding-inline: 10px;
	margin-bottom: 10px;
	transition: all 0.3s;
	display: block;
}

.mega-menu-single-section .round-menu-product a:hover {
	color: var(--main-color-two);
	border-color: var(--main-color-two);
}

.categoryNav__list .mega-menu-single-section .round-menu-product a:hover {
	color: var(--main-color-one);
	border-color: var(--main-color-one);
}

.categoryNav__list
	.mega-menu-single-section
	.round-menu-product:not(:last-child)
	a {
	margin-bottom: 0px;
	display: block;
}

.megamenu-single .single-category-megamenu {
	padding: 30px 50px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.megamenu-single .single-category-megamenu:hover .category-contents {
	visibility: visible;
	opacity: 1;
	bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.megamenu-single .single-category-megamenu {
		padding: 30px;
	}
}

@media only screen and (max-width: 375px) {
	.megamenu-single .single-category-megamenu {
		padding: 20px;
	}
}

.megamenu-single .single-category-megamenu .category-thumb {
	height: 200px;
	width: 200px;
	display: inline-block;
}

.megamenu-single .single-category-megamenu .category-thumb img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.megamenu-single .single-category-megamenu .category-contents {
	background: #fff;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	padding: 30px 20px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.megamenu-single .single-category-megamenu .category-contents .titles:hover {
	color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.megamenu-single .single-category-megamenu .category-contents .titles {
		font-size: 28px;
	}
}

@media only screen and (max-width: 375px) {
	.megamenu-single .single-category-megamenu .category-contents .titles {
		font-size: 24px;
	}
}

.megamenu-single .single-category-megamenu .category-contents .collection-btn {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 500;
	padding: 0 !important;
	text-decoration: underline;
	color: var(--paragraph-color);
}

@media only screen and (max-width: 767.98px) {
	.megamenu-single
		.single-category-megamenu
		.category-contents
		.collection-btn {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.megamenu-single
		.single-category-megamenu
		.category-contents
		.collection-btn {
		font-size: 14px;
	}
}

.megamenu-single
	.single-category-megamenu
	.category-contents
	.collection-btn:hover {
	color: var(--main-color-one);
}

/*--------------------------------------------------------------
	04. Footer Style
--------------------------------------------------------------*/
.footer-top-border {
	border-bottom: 1px solid #ddd;
}

.footer-top-border.white-color {
	border-color: #ddd;
}

.hover-color-two .footer-widget .footer-inner .footer-link-list .list:hover a {
	color: var(--main-color-two);
}

.hover-color-two
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control:focus {
	-webkit-box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
	box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
	border-color: rgba(0, 136, 221, 0.3);
}

.hover-color-two
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	button {
	background: var(--main-color-two);
}

.hover-color-three
	.footer-widget
	.footer-inner
	.footer-link-list
	.list:hover
	a {
	color: var(--main-color-three);
}

.hover-color-three
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control:focus {
	-webkit-box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
	box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
	border-color: rgba(255, 128, 93, 0.3);
}

.hover-color-three
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	button {
	background: var(--main-color-three);
}

.style-02 .footer-widget .footer-inner .footer-social-list .lists a {
	background: #fff !important;
	color: var(--main-color-two);
}

.style-02 .footer-widget .footer-inner .footer-social-list .lists a:hover {
	background: var(--main-color-two) !important;
	color: #fff !important;
}

.style-02
	.footer-middle-border
	div[class*="col"]:not(:last-child)
	.footer-widget::after {
	content: "";
	position: absolute;
	height: 200px;
	width: 1px;
	right: 25%;
	top: 0;
	background: rgba(221, 221, 221, 0.5);
	z-index: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.style-02
		.footer-middle-border
		div[class*="col"]:not(:last-child)
		.footer-widget::after {
		right: 20%;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.style-02
		.footer-middle-border
		div[class*="col"]:not(:last-child)
		.footer-widget::after {
		right: 15%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.style-02
		.footer-middle-border
		div[class*="col"]:not(:last-child)
		.footer-widget::after {
		right: 5%;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.style-02
		.footer-middle-border
		div[class*="col"]:not(:last-child)
		.footer-widget::after {
		display: none;
	}
}

.style-02
	.footer-middle-border
	div[class*="col"]:nth-last-of-type(2)
	.footer-widget::after {
	background: none;
	display: none;
}

.footer-widget {
	position: relative;
	z-index: 1;
}

.footer-widget .widget-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	text-transform: capitalize;
	position: relative;
	font-family: var(--heading-font);
	color: var(--heading-color);
}

.footer-widget .logo-borders {
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

.footer-widget .footer-inner .footer-logo {
	text-align: center;
}

.footer-widget .footer-inner .footer-para {
	font-size: 16px;
	color: var(--paragraph-color);
	line-height: 28px;
}

.footer-widget .footer-inner .footer-link-list {
	padding: 0;
}

.footer-widget .footer-inner .footer-link-list li {
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footer-widget .footer-inner .footer-link-list li:not(:last-child) {
	margin-bottom: 15px;
}

.footer-widget .footer-inner .footer-link-list li:hover a {
	color: var(--main-color-one);
}

.footer-widget .footer-inner .footer-link-list li a {
	font-size: 16px;
	font-weight: 400;
	color: var(--paragraph-color);
	position: relative;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	z-index: 1;
}

.white-color .footer-widget .footer-inner .footer-link-list li a {
	color: var(--white);
}

.footer-widget .footer-inner .footer-link-list li a:hover {
	color: var(--main-color-two);
	padding-left: 20px;
}

.footer-widget .footer-inner .footer-link-list li a:hover::before {
	visibility: visible;
	opacity: 1;
}

.footer-color-two .footer-widget .footer-inner .footer-link-list li a:hover {
	color: var(--main-color-two);
}

.footer-widget .footer-inner .footer-link-list li a::before {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footer-widget .footer-inner .footer-link-address {
	padding: 0;
}

.footer-widget .footer-inner .footer-link-address li:not(:last-child) {
	margin-bottom: 15px;
}

.footer-widget .footer-inner .footer-link-address li .address {
	font-size: 16px;
	line-height: 26px;
	display: block;
	color: var(--paragraph-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footer-widget .footer-inner .footer-link-address li .address:hover {
	color: var(--main-color-one);
	letter-spacing: 1px;
}

.footer-widget .footer-inner .footer-link-address li .address:hover i {
	color: var(--main-color-one);
}

.footer-widget .footer-inner .footer-link-address li .address i {
	color: var(--main-color-one);
	transition: all 0.3s;
}

.color-two .footer-widget .footer-inner .footer-link-address li .address i {
	color: var(--main-color-two);
}

.color-two .footer-widget .footer-inner .footer-link-address li .address:hover {
	color: var(--main-color-two);
}

.color-two
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover
	i {
	color: var(--main-color-two);
}

.color-three
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover {
	color: var(--main-color-three);
}

.color-three
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover
	i {
	color: var(--main-color-three);
}

.color-four
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover {
	color: var(--main-color-four);
}

.color-four
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover
	i {
	color: var(--main-color-four);
}

.color-five
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover {
	color: var(--main-color-five);
}

.color-five
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover
	i {
	color: var(--main-color-five);
}

.footer-widget .footer-inner .footer-social-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
}

@media only screen and (max-width: 575.98px) {
	.footer-widget .footer-inner .footer-social-list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.footer-widget .footer-inner .footer-social-list li a {
	color: var(--heading-color);
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border-radius: 5px;
	background: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {
	.footer-widget .footer-inner .footer-social-list li a {
		font-size: 18px;
		height: 35px;
		width: 35px;
	}
}

@media only screen and (max-width: 375px) {
	.footer-widget .footer-inner .footer-social-list li a {
		height: 30px;
		width: 30px;
	}
}

.footer-widget .footer-inner .footer-social-list li a:hover {
	color: var(--white);
	background: var(--main-color-one);
}

.footer-widget .footer-inner .footer-social-list li:not(:last-child) a {
	margin-right: 10px;
}

.footer-widget .footer-inner .subscribe-para {
	font-size: 16px;
	color: var(--paragraph-color);
}

.footer-widget .footer-inner .subscribe-form {
	margin-top: 30px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single {
	position: relative;
	max-width: 255px;
}

.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control {
	width: 100%;
	height: 55px;
	line-height: 55px;
	border-radius: 5px;
	background: #fff;
	color: var(--paragraph-color);
	border: 1px solid #fff;
	padding: 0 60px 0 20px;
	-webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control::-webkit-input-placeholder {
	color: var(--body-color);
	font-size: 16px;
}

.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control::-moz-placeholder {
	color: var(--body-color);
	font-size: 16px;
}

.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control:-ms-input-placeholder {
	color: var(--body-color);
	font-size: 16px;
}

.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control::-ms-input-placeholder {
	color: var(--body-color);
	font-size: 16px;
}

.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control::placeholder {
	color: var(--body-color);
	font-size: 16px;
}

.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control:focus {
	border: 1px solid rgba(var(--main-color-one-rgb), 0.2);
	-webkit-box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
	box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
}

.footer-widget .footer-inner .subscribe-form .widget-form-single button {
	outline: none;
	border: 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	width: 50px;
	background: var(--main-color-one);
	font-size: 20px;
	color: var(--white);
	border-radius: 3px;
	margin: 5px;
	cursor: pointer;
}

.footer-widget .footer-inner .payment-list {
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.footer-widget .footer-inner .payment-list {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 767.98px) {
	.footer-widget .footer-inner .payment-list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.footer-widget .footer-inner .payment-list .list {
	background-color: var(--white);
}

.footer-widget .footer-inner .payment-list .list:not(:last-child) {
	margin-right: 15px;
}

.footer-widget .footer-inner .privacy-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (max-width: 767.98px) {
	.footer-widget .footer-inner .privacy-list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.footer-widget .footer-inner .privacy-list li {
	position: relative;
	z-index: 2;
}

.footer-widget .footer-inner .privacy-list li:hover a {
	color: var(--main-color-one);
}

.footer-widget .footer-inner .privacy-list li:not(:last-child) {
	padding-right: 20px;
}

.footer-widget .footer-inner .privacy-list li:not(:first-child) {
	padding-left: 20px;
}

.footer-widget .footer-inner .privacy-list li:not(:first-child)::before {
	content: "";
	position: absolute;
	left: 0;
	height: 20px;
	width: 2px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: var(--body-color);
}

.footer-widget .footer-inner .privacy-list li a {
	color: var(--paragraph-color);
}

.footer-widget .footer-inner .footer-social-two {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
	padding: 0;
}

@media only screen and (max-width: 575.98px) {
	.footer-widget .footer-inner .footer-social-two {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.footer-widget .footer-inner .footer-social-two .lists a {
	color: var(--paragraph-color);
	font-size: 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footer-widget .footer-inner .footer-social-two .lists a:hover {
	color: var(--main-color-one);
}

.footer-widget .footer-inner .footer-social-two .lists:not(:last-child) a {
	margin-right: 10px;
}

.footer-widget .footer-inner .footer-call {
	display: block;
	color: var(--paragraph-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footer-widget .footer-inner .footer-call:hover {
	color: var(--main-color-one);
}

.copyright-area {
	padding: 25px 0;
}

.copyright-area.copyright-border {
	border-top: 1px solid #dddddd;
}

.copyright-area.copyright-border.white-color {
	border-color: rgba(221, 221, 221, 0.3);
}

.copyright-area.style-02 {
	padding: 0 0 25px;
}

.copyright-area .copyright-contents {
	font-size: 16px;
	color: var(--paragraph-color);
	text-align: center;
}

@media only screen and (max-width: 767.98px) {
	.copyright-area .copyright-contents {
		text-align: center;
		margin-top: 10px;
	}
}

.white-color .footer-widget .widget-title {
	color: var(--white);
}

.white-color .footer-widget .footer-inner .subscribe-para {
	color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-link-list .list a {
	color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-link-list .list a:hover {
	color: var(--main-color-two);
}

.white-color .footer-widget .footer-inner .footer-link-address .list .address {
	color: var(--paragraph-white-2);
}

.white-color
	.footer-widget
	.footer-inner
	.footer-link-address
	.list
	.address:hover {
	color: var(--main-color-two);
}

.white-color .footer-widget .footer-inner .footer-social-list .lists a {
	background: #ddd;
	color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-social-list .lists a:hover {
	background: var(--main-color-one);
	color: var(--paragraph-white-2);
}

.white-color
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control {
	-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
	box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
}

.white-color .footer-widget .footer-inner .payment-list .list {
	color: var(--paragraph-white-2);
}

.footer-color-two .footer-widget .footer-inner .footer-link-list .list::before {
	color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-link-list .list:hover a {
	color: var(--main-color-two);
}

.footer-color-two
	.footer-widget
	.footer-inner
	.footer-link-address
	.list
	.address:hover {
	color: var(--main-color-two);
}

.footer-color-two
	.footer-widget
	.footer-inner
	.footer-link-address
	.list
	.address
	i {
	color: var(--main-color-two);
}

.footer-color-two
	.footer-widget
	.footer-inner
	.footer-social-list
	.lists
	a:hover {
	color: var(--white);
	background: var(--main-color-two);
}

.footer-color-two
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control:focus {
	border: 1px solid rgba(var(--main-color-two-rgb), 0.2);
	-webkit-box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.1);
	box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.1);
}

.footer-color-two
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	button {
	background: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .privacy-list li:hover a {
	color: var(--main-color-two);
}

.footer-color-two
	.footer-widget
	.footer-inner
	.footer-social-two
	.lists
	a:hover {
	color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-call:hover {
	color: var(--main-color-two);
}

.footer-color-three
	.footer-widget
	.footer-inner
	.footer-link-list
	.list::before {
	color: var(--main-color-three);
}

.footer-color-three
	.footer-widget
	.footer-inner
	.footer-link-list
	.list:hover
	a {
	color: var(--main-color-three);
}

.footer-color-three
	.footer-widget
	.footer-inner
	.footer-link-address
	.list
	.address:hover {
	color: var(--main-color-three);
}

.footer-color-three
	.footer-widget
	.footer-inner
	.footer-link-address
	.list
	.address
	i {
	color: var(--main-color-three);
}

.footer-color-three
	.footer-widget
	.footer-inner
	.footer-social-list
	.lists
	a:hover {
	color: var(--white);
	background: var(--main-color-three);
}

.footer-color-three
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control:focus {
	border: 1px solid rgba(255, 128, 93, 0.2);
	-webkit-box-shadow: 0 0 20px rgba(255, 128, 93, 0.1);
	box-shadow: 0 0 20px rgba(255, 128, 93, 0.1);
}

.footer-color-three
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	button {
	background: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .privacy-list li:hover a {
	color: var(--main-color-three);
}

.footer-color-three
	.footer-widget
	.footer-inner
	.footer-social-two
	.lists
	a:hover {
	color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-call:hover {
	color: var(--main-color-three);
}

.footer-middle-border div[class*="col"]:not(:last-child) .footer-widget::after {
	content: "";
	position: absolute;
	height: 200px;
	width: 1px;
	right: 25%;
	top: 0;
	background: rgba(221, 221, 221, 0.5);
	z-index: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.footer-middle-border
		div[class*="col"]:not(:last-child)
		.footer-widget::after {
		right: 20%;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.footer-middle-border
		div[class*="col"]:not(:last-child)
		.footer-widget::after {
		right: 15%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.footer-middle-border
		div[class*="col"]:not(:last-child)
		.footer-widget::after {
		right: 5%;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.footer-middle-border
		div[class*="col"]:not(:last-child)
		.footer-widget::after {
		display: none;
	}
}

.footer-list-bars .footer-inner .footer-link-list .list {
	padding-left: 40px;
}

.footer-list-bars .footer-inner .footer-link-list .list::before {
	content: "";
	position: absolute;
	height: 1px;
	width: 30px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: var(--main-color-one);
	z-index: -1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footer-list-bars .footer-inner .footer-link-list .list:hover {
	padding-left: 30px;
}

.footer-list-bars .footer-inner .footer-link-list .list:hover:before {
	width: 20px;
}

/* .footer-bg-side {
    position: relative;
    z-index: 2;
    &::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 38%;
        background: $gradient-bg-2;
        z-index: -1;
        @include responsive(xl) {
            width: 33%;
        }
        @include responsive(lg) {
            width: 32%;
        }
        @include responsive(allPhone) {
            display: none;
        }
    }
    .footer-logo {}
    .footer-widget {
        .footer-inner {
            .footer-para {
                color: $white;
                @include responsive(allPhone) {
                    color: var(--paragraph-color);
                }
            }
        }
    }
} */
/* Banner  */
.banner-area {
	position: relative;
	z-index: 1;
	padding: 0;
	overflow: hidden;
}

.banner-middle-content {
	position: relative;
	z-index: 2;
}

.banner-middle-content .banner-middle-image {
	position: relative;
	z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.banner-middle-content .banner-middle-image::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		background: rgba(255, 255, 255, 0.3);
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-middle-content .banner-middle-image::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		background: rgba(255, 255, 255, 0.3);
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-middle-content .banner-middle-image::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		background: rgba(255, 255, 255, 0.3);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-middle-content .banner-middle-image::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		background: rgba(255, 255, 255, 0.3);
	}
}

.banner-middle-content .banner-middle-image .banner-single-thumb {
	position: absolute;
	right: 0;
	bottom: 0;
}
.banner-middle-content .banner-middle-image .middle-content {
	max-width: 400px;
	padding: 220px 0 220px 50px;
	position: relative;
	z-index: 5;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.banner-middle-content .banner-middle-image .middle-content {
		padding: 180px 0 180px 50px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.banner-middle-content .banner-middle-image .middle-content {
		padding: 134px 0 134px 50px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-middle-content .banner-middle-image .middle-content {
		padding: 112px 0 112px 50px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-middle-content .banner-middle-image .middle-content {
		padding: 120px 0 120px 50px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-middle-content .banner-middle-image .middle-content {
		max-width: 330px;
		padding: 150px 0 150px 40px;
	}
}

@media only screen and (max-width: 575.98px) {
	.banner-middle-content .banner-middle-image .middle-content {
		max-width: 300px;
		padding: 120px 0 120px 40px;
	}
}

@media only screen and (max-width: 375px) {
	.banner-middle-content .banner-middle-image .middle-content {
		max-width: 250px;
		padding: 80px 0 80px 40px;
	}
}

.banner-middle-content .banner-middle-image .middle-content .middle-span {
	font-size: 22px;
	line-height: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.banner-middle-content .banner-middle-image .middle-content .middle-span {
		color: var(--heading-color) !important;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-middle-content .banner-middle-image .middle-content .middle-span {
		font-size: 20px !important;
		color: var(--heading-color) !important;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-middle-content .banner-middle-image .middle-content .middle-span {
		font-size: 18px !important;
		color: var(--heading-color) !important;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-middle-content .banner-middle-image .middle-content .middle-span {
		font-size: 18px !important;
		color: var(--heading-color) !important;
	}
}

@media only screen and (max-width: 375px) {
	.banner-middle-content .banner-middle-image .middle-content .middle-span {
		font-size: 15px !important;
	}
}

.banner-middle-content
	.banner-middle-image
	.middle-content
	.banner-middle-title {
	font-size: 46px;
	line-height: 65px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 40px;
		line-height: 50px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 36px;
		line-height: 50px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 32px;
		line-height: 1.2;
	}
}

@media only screen and (max-width: 575.98px) {
	.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 28px;
	}
}

@media only screen and (max-width: 375px) {
	.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 26px;
	}
}

.banner-middle-content
	.banner-middle-image
	.middle-content
	.banner-middle-title:hover {
	color: var(--main-color-one);
}

.banner-middle-content
	.banner-middle-image
	.middle-content
	.banner-middle-title.hover-color-two:hover {
	color: var(--main-color-two);
}

.banner-middle-content
	.banner-middle-image
	.middle-content
	.banner-middle-title.hover-color-three:hover {
	color: var(--main-color-three);
}

.banner-middle-content
	.banner-middle-image
	.middle-content
	.banner-middle-title.hover-color-four:hover {
	color: var(--main-color-four);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-middle-content .banner-middle-image .middle-content .btn-buy {
		margin-top: 20px;
		font-size: 18px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-right-image-content {
		margin-top: 24px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

@media only screen and (max-width: 767.98px) {
	.banner-right-image-content {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-right-image-content .single-right-image {
		padding: 23px 0;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-right-image-content .single-right-image:not(:last-child) {
		margin-bottom: 0;
		margin-right: 24px;
	}
}

@media only screen and (max-width: 767.98px) {
	.banner-right-image-content .single-right-image:not(:last-child) {
		margin-right: 0;
		margin-bottom: 24px;
	}
}

.single-right-image {
	display: block;
	position: relative;
	z-index: 2;
	padding: 0;
}

.single-right-image:not(:last-child) {
	margin-bottom: 35px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.single-right-image:not(:last-child) {
		margin-bottom: 25px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-right-image:not(:last-child) {
		margin-bottom: 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-right-image::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		background: rgba(255, 255, 255, 0.3);
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-right-image::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		background: rgba(255, 255, 255, 0.3);
	}
}

.single-right-image img {
	margin: 0 auto;
	text-align: center;
}

.single-right-image .banner-right-contents {
	position: absolute;
	top: 30px;
	left: 30px;
	right: 0;
	text-align: left;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-right-image .banner-right-contents {
		top: 20px;
		left: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-right-image .banner-right-contents {
		top: 20px;
		left: 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-right-image .banner-right-contents {
		top: 20px;
		left: 20px;
		font-size: 22px !important;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-right-image .banner-right-contents {
		font-size: 20px !important;
	}
}

.single-right-image .banner-right-title {
	text-transform: uppercase;
	z-index: 9;
}

.single-right-image .banner-right-title:hover {
	color: var(--main-color-one);
}

.single-right-image .btn-shop-right {
	color: var(--main-color-one);
	font-size: 18px;
	font-weight: 500;
	display: inline-block;
	-webkit-text-decoration: underline var(--main-color-one);
	text-decoration: underline var(--main-color-one);
}

.banner-two {
	padding-top: 5px;
}

.banner-two .banner-middle-content .banner-middle-image .middle-content {
	max-width: 650px;
	padding: 175px 0 175px 50px;
	/* padding: 50px 0 50px 50px; */
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.banner-two .banner-middle-content .banner-middle-image .middle-content {
		max-width: 550px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.banner-two .banner-middle-content .banner-middle-image .middle-content {
		max-width: 500px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-two .banner-middle-content .banner-middle-image .middle-content {
		max-width: 500px;
		padding: 175px 0 175px 50px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-two .banner-middle-content .banner-middle-image .middle-content {
		max-width: 450px;
		padding: 175px 0 175px 50px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-two .banner-middle-content .banner-middle-image .middle-content {
		max-width: 400px;
	}
}

@media only screen and (max-width: 767.98px) {
	.banner-two .banner-middle-content .banner-middle-image .middle-content {
		padding: 170px 0 170px 30px;
	}
}

@media only screen and (max-width: 575.98px) {
	.banner-two .banner-middle-content .banner-middle-image .middle-content {
		padding: 90px 0 90px 30px;
	}
}

@media only screen and (max-width: 480px) {
	.banner-two .banner-middle-content .banner-middle-image .middle-content {
		padding: 100px 0 100px 30px;
	}
}

@media only screen and (max-width: 375px) {
	.banner-two .banner-middle-content .banner-middle-image .middle-content {
		padding: 20px 0 80px 20px;
	}
}

.banner-two
	.banner-middle-content
	.banner-middle-image
	.middle-content
	.middle-span
	.percent {
	font-size: 30px;
	color: var(--main-color-two);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.middle-span
		.percent {
		font-size: 26px;
	}
}

@media only screen and (max-width: 575.98px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.middle-span
		.percent {
		font-size: 24px;
	}
}

@media only screen and (max-width: 480px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.middle-span
		.percent {
		font-size: 22px;
	}
}

@media only screen and (max-width: 375px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.middle-span
		.percent {
		font-size: 20px;
	}
}

.banner-two
	.banner-middle-content
	.banner-middle-image
	.middle-content
	.banner-middle-title {
	font-size: 65px;
	line-height: 80px;
	text-transform: uppercase;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 50px;
		line-height: 65px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 45px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 45px;
		line-height: 60px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 40px;
		line-height: 55px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 36px;
		line-height: 45px;
	}
}

@media only screen and (max-width: 575.98px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 32px;
		line-height: 40px;
	}
}

@media only screen and (max-width: 480px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 30px;
	}
}

@media only screen and (max-width: 375px) {
	.banner-two
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 26px;
	}
}

.banner-two
	.banner-middle-content
	.banner-middle-image
	.middle-content
	.banner-middle-title:hover {
	color: var(--main-color-two);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-right-sidebar {
		margin-top: 24px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-right-sidebar {
		margin-top: 24px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-right-sidebar {
		margin-top: 24px;
	}
}

.banner-three .banner-middle-content .banner-middle-image .middle-content {
	max-width: 650px;
	padding: 230px 0 230px 80px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.banner-three .banner-middle-content .banner-middle-image .middle-content {
		max-width: 550px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.banner-three .banner-middle-content .banner-middle-image .middle-content {
		max-width: 500px;
		padding: 250px 0 250px 80px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-three .banner-middle-content .banner-middle-image .middle-content {
		max-width: 500px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-three .banner-middle-content .banner-middle-image .middle-content {
		max-width: 450px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-three .banner-middle-content .banner-middle-image .middle-content {
		max-width: 400px;
		padding: 170px 0 170px 50px;
	}
}

@media only screen and (max-width: 767.98px) {
	.banner-three .banner-middle-content .banner-middle-image .middle-content {
		padding: 170px 0 170px 30px;
	}
}

@media only screen and (max-width: 575.98px) {
	.banner-three .banner-middle-content .banner-middle-image .middle-content {
		padding: 100px 0 100px 30px;
	}
}

@media only screen and (max-width: 375px) {
	.banner-three .banner-middle-content .banner-middle-image .middle-content {
		padding: 80px 0 80px 20px;
	}
}

.banner-three
	.banner-middle-content
	.banner-middle-image
	.middle-content
	.middle-span
	.percent {
	font-size: 30px;
	color: var(--main-color-three);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.middle-span
		.percent {
		font-size: 26px;
	}
}

@media only screen and (max-width: 575.98px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.middle-span
		.percent {
		font-size: 24px;
	}
}

@media only screen and (max-width: 480px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.middle-span
		.percent {
		font-size: 22px;
	}
}

@media only screen and (max-width: 375px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.middle-span
		.percent {
		font-size: 20px;
	}
}

.banner-three
	.banner-middle-content
	.banner-middle-image
	.middle-content
	.banner-middle-title {
	font-size: 60px;
	line-height: 80px;
	text-transform: uppercase;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 60px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 45px;
		line-height: 60px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 45px;
		line-height: 60px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 40px;
		line-height: 55px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 36px;
		line-height: 45px;
	}
}

@media only screen and (max-width: 575.98px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 32px;
		line-height: 40px;
	}
}

@media only screen and (max-width: 480px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 30px;
	}
}

@media only screen and (max-width: 375px) {
	.banner-three
		.banner-middle-content
		.banner-middle-image
		.middle-content
		.banner-middle-title {
		font-size: 26px;
	}
}

.banner-three
	.banner-middle-content
	.banner-middle-image
	.middle-content
	.banner-middle-title:hover {
	color: var(--main-color-three);
}

.banner-three .trendy-product-wrapper .single-trendy-products {
	padding-top: 20px;
}

/* Topbar area */
.topbar-area {
	/* padding: 4px 0; */
	padding: 2px 0;
	font-size: 12px;
}

.topbar-logo .topbar-area.index-03 {
	padding: 0;
}

.topbar-logo {
	max-width: 140px;
}

.hover-color-two .topbar-social li a:hover {
	color: var(--main-color-two);
}

.hover-color-two .topbar-faq a:hover {
	color: var(--main-color-two);
}

.hover-color-two .call-us a:hover {
	color: var(--main-color-two);
}

.hover-color-three .topbar-social li a:hover {
	color: var(--main-color-three);
}

.hover-color-three .topbar-faq a:hover {
	color: var(--main-color-three);
}

.hover-color-three .call-us a:hover {
	color: var(--main-color-three);
}

.hover-color-four .topbar-social li a:hover {
	color: var(--main-color-four);
}

.hover-color-four .topbar-faq a:hover {
	color: var(--main-color-four);
}

.hover-color-four .call-us a:hover {
	color: var(--main-color-four);
}

.topbar-select-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.language-content {
	z-index: 9998;
}

.language-content:not(:last-child) {
	margin-right: 10px;
}

.language-content.ussd-content .nice-select {
	width: 90px;
}

@media only screen and (max-width: 375px) {
	.language-content.ussd-content .nice-select {
		width: 70px;
	}
}

.language-content .nice-select {
	background: none;
	border: 0;
	display: inline-block;
	color: var(--white);
	width: 85px;
	height: 30px;
	line-height: 30px;
}

.language-content .nice-select.open {
	border: 0;
}

.language-content .nice-select:focus {
	outline: none;
	border: 0;
}

.language-content .nice-select::after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	right: 15px;
}

@media only screen and (max-width: 375px) {
	.language-content .nice-select::after {
		width: 7px;
		height: 7px;
	}
}

@media only screen and (max-width: 375px) {
	.language-content .nice-select {
		padding: 0;
		width: 60px;
	}
}

.language-content .nice-select .option.selected {
	background: #040b25;
	color: var(--white);
	font-weight: 400;
}

.language-content .nice-select .option:hover {
	background: #fff;
	color: #040b25;
}

.language-content .nice-select .list {
	width: 100%;
	background: #040b25;
}

.language-content .nice-select .nice-select-search-box {
	background: #040b25;
}

.language-content .nice-select .nice-select-search-box .nice-select-search {
	background: none;
	color: var(--white);
}

.topbar-left-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.topbar-left-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.topbar-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
}

.topbar-social li:not(:last-child) {
	margin-right: 5px;
}

.topbar-social li a {
	font-size: 20px;
	color: var(--white);
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.topbar-social li a:hover {
	color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.topbar-social li a {
		font-size: 18px;
	}
}

@media only screen and (max-width: 575.98px) {
	.topbar-social li a {
		font-size: 16px;
	}
}

.topbar-right-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.topbar-right-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 10px;
	}
}

.topbar-faq:not(:first-child) {
	margin-left: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.topbar-faq:not(:first-child) {
		margin-left: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.topbar-faq:not(:first-child) {
		margin-left: 10px;
	}
}

.topbar-faq a {
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.topbar-faq a:hover {
	color: var(--main-color-one);
}

@media only screen and (max-width: 575.98px) {
	.topbar-faq a {
		font-size: 14px;
	}
}

.call-us {
	margin-left: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.call-us {
		margin-left: 20px;
	}
}

@media only screen and (max-width: 575.98px) {
	.call-us {
		font-size: 14px;
	}
}

@media only screen and (max-width: 375px) {
	.call-us {
		margin-left: 10px;
	}
}

.call-us a {
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.call-us a:hover {
	color: var(--main-color-one);
}

@media only screen and (max-width: 575.98px) {
	.call-us a {
		font-size: 14px;
	}
}

.topbar-bg-1 {
	background-color: #040b25;
}

.topbar-right-contents .list,
.topbar-right-offer .list {
	display: flex;
	align-items: center;
	gap: 15px;
	flex-wrap: wrap;
}

.topbar-right-contents .list li a,
.topbar-right-offer .list li a {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-white);
	transition: all 0.3s;
}

.topbar-right-contents .list li a:hover,
.topbar-right-offer .list li a:hover {
	color: var(--white);
	text-decoration: underline;
}

/* Topbar-bottom-area */
.topbar-bottom-area {
	padding: 30px 0 15px;
	position: relative;
	z-index: 96;
}

.topbar-bottom-area.index-02 {
	padding-top: 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.topbar-bottom-area {
		padding: 10px 0;
	}
}

.topbar-bottom-area.index-03 {
	padding: 15px 0;
	z-index: 9;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.index-02 .category-searchbar {
		z-index: 4;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.index-03 .category-searchbar {
		z-index: 4;
	}
}

.category-searchbar {
	position: relative;
	z-index: 4;
}

.category-searchbar .category-select {
	position: absolute;
	top: 0;
	right: 70px;
}

.category-searchbar .category-select .nice-select {
	border: 0;
	outline: none;
	background: none;
	color: var(--heading-color);
}

.category-searchbar .category-select .nice-select::after {
	right: 10px;
}

.category-searchbar .form--control {
	padding: 0 200px 0 20px;
}

.single-searchbar {
	position: relative;
}

.label-1 {
	font-size: 14px;
	font-width: 400;
	color: var(--paragraph-color);
}

.form--control {
	height: 55px;
	font-size: 15px;
	border: 1px solid #ddd;
	width: 100%;
	padding: 0 100px 0 20px;
	color: var(--body-color);
}

.form--control.input-height-1 {
	height: 42px;
}

.form--control.input-height-2 {
	height: 45px;
}

.form--control.input-height-3 {
	height: 50px;
}

.form--checkbox-1 {
	height: 20px;
	width: 20px;
	border: 1px solid #ddd;
	transition: all 0.3s;
}

.form--checkbox-1:before {
}

.checkbox-label-1 {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	font-size: 14px;
	color: var(--paragraph-color);
}

.right-position-button {
	position: absolute;
	right: 0;
	height: calc(100% - 4px);
	padding: 0 20px;
	font-size: 20px;
	background: var(--main-color-one);
	border: 0;
	outline: none;
	color: var(--white);
	cursor: pointer;
}

.right-position-button.margin-2 {
	margin: 2px;
}

.topbar-bottom-right-content {
	margin-left: 100px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.topbar-bottom-right-content {
		margin-left: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.topbar-bottom-right-content {
		margin-left: 30px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.topbar-bottom-right-content {
		margin-left: 0;
		margin-top: 20px;
	}
}

.topbar-bottom-right-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-end;
}

@media screen and (max-width: 991.98px) {
	.topbar-bottom-right-flex {
		justify-content: space-between;
	}
}

.nicescroll-rails {
	background: none;
}

.nicescroll-cursors {
	background-color: var(--body-color) !important;
	width: 5px !important;
}

.search-suggestions .nicescroll-cursors {
	background-color: var(--main-color-one) !important;
	width: 5px !important;
}

.color-one .nicescroll-cursors {
	background-color: var(--main-color-two) !important;
}

.color-two .nicescroll-cursors {
	background-color: var(--main-color-two) !important;
}

.color-three .nicescroll-cursors {
	background-color: var(--main-color-three) !important;
}

.searchbar-suggetions {
	position: relative;
}

.searchbar-suggetions .search-suggestions {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 30px 20px;
	-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.4);
	box-shadow: 0 0 10px rgba(221, 221, 221, 0.4);
	visibility: hidden;
	opacity: 0;
	max-height: 550px;
	overflow-y: hidden;
}
@media only screen and (max-width: 480px) {
	.searchbar-suggetions .search-suggestions {
		padding: 30px 10px;
	}
}

.searchbar-suggetions .search-suggestions.show {
	visibility: visible;
	opacity: 1;
}

.item-suggestions:not(:last-child) {
	margin-bottom: 20px;
}

.item-suggestions .item-title {
	font-size: 18px;
	width: 100%;
	background-color: rgba(221, 221, 221, 0.2);
	padding: 5px 10px;
}

.category-suggestion {
	max-height: 300px;
}

.category-suggestion-list {
	max-height: 100px;
	overflow-y: auto;
	padding: 0 10px;
	scrollbar-color: var(--main-color-one) var(--border-color);
	scrollbar-width: thin;
}
.category-suggestion-list::-webkit-scrollbar {
	width: 3px;
}
.category-suggestion-list::-webkit-scrollbar-track {
	background-color: var(--border-color);
}
.category-suggestion-list::-webkit-scrollbar-thumb {
	width: 3px;
	background-color: var(--main-color-one);
	border-radius: 10px;
}
.category-suggestion-list .list:not(:last-child) {
	margin-bottom: 10px;
}

.category-suggestion-list .list .item {
	font-size: 16px;
	color: var(--heading-color);
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.category-suggestion-list .list .item:hover {
	color: var(--main-color-one);
}

.product-suggestion-list {
	max-height: 260px;
	overflow-y: auto;
	padding: 0 10px;
	scrollbar-color: var(--main-color-one) var(--border-color);
	scrollbar-width: thin;
}
.product-suggestion-list::-webkit-scrollbar {
	width: 3px;
}
.product-suggestion-list::-webkit-scrollbar-track {
	background-color: var(--border-color);
}
.product-suggestion-list::-webkit-scrollbar-thumb {
	width: 3px;
	background-color: var(--main-color-one);
	border-radius: 10px;
}

.product-suggestion-list .list:not(:last-child) {
	margin-bottom: 20px;
}

.product-suggestion-list .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

@media only screen and (max-width: 480px) {
	.product-suggestion-list .item {
		display: block;
	}
}

.product-suggestion-list .item .product-image {
	border: 1px solid rgba(221, 221, 221, 0.5);
	padding: 5px 15px;
	height: 100px;
	width: 120px;
}

.product-suggestion-list .item .product-image img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.product-suggestion-list .item .product-image {
		width: 80px;
		height: 100px;
		padding: 10px 0px;
	}
}

.product-suggestion-list .item .product-info {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media only screen and (max-width: 480px) {
	.product-suggestion-list .item .product-info .product-info-top {
		margin-top: 10px;
	}
}

.product-suggestion-list .item .product-info .product-info-top .product-name {
	font-size: 18px;
	line-height: 28px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.product-suggestion-list
		.item
		.product-info
		.product-info-top
		.product-name {
		font-size: 17px;
	}
}

.product-suggestion-list .item .product-info .product-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.product-suggestion-list .item .product-info .product-price {
		gap: 7px;
	}
}

.product-suggestion-list
	.item
	.product-info
	.product-price
	.price-update-through {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.product-suggestion-list
	.item
	.product-info
	.product-price
	.price-update-through
	.flash-price {
	font-size: 20px;
	color: var(--heading-color);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.product-suggestion-list
		.item
		.product-info
		.product-price
		.price-update-through
		.flash-price {
		font-size: 18px;
	}
}

.product-suggestion-list
	.item
	.product-info
	.product-price
	.price-update-through
	.flash-old-prices {
	font-size: 15px;
	text-decoration: line-through;
}

.product-suggestion-list .item .product-info .product-price .main-price {
	font-size: 18px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.product-suggestion-list .item .product-info .product-price .main-price {
		font-size: 17px;
	}
}

.product-suggestion-list .item .product-info .stock-out {
	font-size: 16px;
	background: var(--main-color-one);
	color: var(--white);
	padding: 5px 10px;
	display: inline-block;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.product-suggestion-list .item .product-info .stock-out {
		font-size: 15px;
		padding: 5px 5px;
	}
}

.color-two .product-suggestion-list .item .product-info .stock-out {
	background: var(--main-color-two);
}

.color-two .category-suggestion-list .list .item:hover {
	color: var(--main-color-two);
}

.color-three .product-suggestion-list .item .product-info .stock-out {
	background: var(--main-color-three);
}

.color-three .category-suggestion-list .list .item:hover {
	color: var(--main-color-three);
}

.track-order {
	font-size: 16px;
	line-height: 28px;
	color: var(--paragraph-color);
}

.track-order:hover {
	color: var(--main-color-one);
}

.track-icon-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

.track-icon-list.white-color .single-icon .icon {
	color: var(--white);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.track-icon-list .single-icon {
	position: relative;
}

.track-icon-list .single-icon .icon {
	font-size: 26px;
	color: var(--heading-color);
}

.track-icon-list .single-icon .icon:hover {
	color: var(--main-color-one);
}

@media only screen and (max-width: 375px) {
	.track-icon-list .single-icon .icon {
		font-size: 20px;
	}
}

.track-icon-list .single-icon.hover-color-two .icon:hover {
	color: var(--main-color-two);
}

.track-icon-list .single-icon.hover-color-three .icon:hover {
	color: var(--main-color-three);
}

.track-icon-list .single-icon.hover-color-four .icon:hover {
	color: var(--main-color-four);
}

.track-icon-list .single-icon .icon-notification {
	position: absolute;
	top: -2px;
	right: -10px;
	font-size: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 22px;
	width: 22px;
	background: var(--main-color-one);
	color: var(--white);
	border-radius: 50%;
}

@media only screen and (max-width: 375px) {
	.track-icon-list .single-icon .icon-notification {
		height: 18px;
		width: 18px;
		font-size: 12px;
	}
}

.track-icon-list .single-icon .icon-notification.bg-color-one {
	background: var(--main-color-one);
}

.track-icon-list .single-icon .icon-notification.bg-color-two {
	background: var(--main-color-two);
}

.track-icon-list .single-icon .icon-notification.bg-color-three {
	background: var(--main-color-three);
}

.track-icon-list .single-icon .icon-notification.bg-color-four {
	background: var(--main-color-four);
}

.login-account {
	position: relative;
	z-index: 3;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.topbar-bottom-area.index-02 .track-icon-list-item .login-account {
	display: none;
}

.login-account:hover .account-list-item {
	visibility: visible;
	opacity: 1;
	top: 100%;
	background: #fff;
}

.login-account .account-list-item {
	position: absolute;
	top: 130%;
	right: 0;
	background: #fff;
	z-index: 9998;
	-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
	box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
	width: 220px;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: block !important;
	margin-left: 0 !important;
}

.login-account .account-list-item.hover-color-two .list a:hover {
	background: var(--main-color-two);
}

.login-account .account-list-item.hover-color-three .list a:hover {
	background: var(--main-color-three);
}

.login-account .account-list-item.hover-color-four .list a:hover {
	background: var(--main-color-four);
}

.login-account .account-list-item .list {
	margin: 0 !important;
	display: block !important;
}

.login-account .account-list-item .list a {
	display: block;
	font-size: 15px;
	font-weight: 400;
	padding: 10px 20px;
	color: var(--heading-color);
	border-bottom: 1px solid rgba(221, 221, 221, 0.7);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.login-account .account-list-item .list a:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.login-account.style-02 {
	position: relative;
	z-index: 9999;
}

.login-account.style-02 .account-list-item .list a:hover {
	background: var(--main-color-three);
}

.login-account.style-02 .accounts {
	color: var(--white);
	background: var(--main-color-one);
	padding: 10px 20px;
}

.login-account.style-02 .accounts:hover {
	background: #fff;
	color: var(--main-color-one);
}

.login-account.style-02 .accounts:hover i {
	color: var(--main-color-one);
}

.login-account.style-02 .accounts i {
	color: var(--white);
}

.login-account.style-02 .accounts.bg-color-two {
	background: var(--main-color-two);
}

.login-account.style-02 .accounts.bg-color-two:hover {
	background: #fff;
	color: var(--main-color-two);
}

.login-account.style-02 .accounts.bg-color-two:hover i {
	color: var(--main-color-two);
}

.login-account.style-02 .accounts.bg-color-three {
	background: var(--main-color-three);
}

.login-account.style-02 .accounts.bg-color-three:hover {
	background: #fff;
	color: var(--main-color-three);
}

.login-account.style-02 .accounts.bg-color-three:hover i {
	color: var(--main-color-three);
}

.login-account.style-02 .accounts.bg-color-four {
	background: var(--main-color-four);
}

.login-account.style-02 .accounts.bg-color-four:hover {
	background: #fff;
	color: var(--main-color-four);
}

.login-account.style-02 .accounts.bg-color-four:hover i {
	color: var(--main-color-four);
}

.login-account.white-color .accounts {
	color: var(--white);
}

.login-account.white-color .accounts:hover {
	color: var(--main-color-one);
}

.login-account.white-color .accounts:hover i {
	color: var(--main-color-one);
}

.login-account.white-color .accounts i {
	color: var(--white);
}

.login-account .accounts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	color: var(--paragraph-color);
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.login-account .accounts:hover {
	color: var(--main-color-one);
}

.login-account .accounts.hover-color-two i {
	color: var(--main-color-two);
}

.login-account .accounts.hover-color-two:hover {
	color: var(--main-color-two);
}

.login-account .accounts.hover-color-two:hover i {
	color: var(--main-color-two);
}

.login-account .accounts.hover-color-three i {
	color: var(--main-color-three);
}

.login-account .accounts.hover-color-three:hover {
	color: var(--main-color-three);
}

.login-account .accounts.hover-color-three:hover i {
	color: var(--main-color-three);
}

.login-account .accounts.hover-color-four i {
	color: var(--main-color-four);
}

.login-account .accounts.hover-color-four:hover {
	color: var(--main-color-four);
}

.login-account .accounts.hover-color-four:hover i {
	color: var(--main-color-four);
}

.login-account .accounts i {
	font-size: 26px;
	color: var(--main-color-one);
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

@media only screen and (max-width: 375px) {
	.login-account .accounts i {
		font-size: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.login-account .accounts {
		gap: 5px;
	}
}

.cart-shopping {
	position: relative;
	z-index: 2;
}

.cart-shopping:hover .addto-cart-contents {
	visibility: visible;
	opacity: 1;
	top: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.cart-shopping:hover .addto-cart-contents {
		-webkit-transform: translateX(-65%) scale(1);
		transform: translateX(-65%) scale(1);
	}
	.index-02 .cart-shopping:hover .addto-cart-contents {
		transform: translateX(-12%);
	}
}

@media only screen and (max-width: 480px) {
	.cart-shopping:hover .addto-cart-contents {
		-webkit-transform: translateX(-38%);
		transform: translateX(-38%);
	}
	.index-02 .cart-shopping:hover .addto-cart-contents {
		transform: translateX(-12%);
	}
}

@media only screen and (max-width: 375px) {
	.cart-shopping:hover .addto-cart-contents {
		-webkit-transform: translateX(-35%);
		transform: translateX(-35%);
	}
	.index-02 .cart-shopping:hover .addto-cart-contents {
		transform: translateX(-12%);
	}
}

.cart-shopping .addto-cart-contents {
	position: absolute;
	right: 0;
	top: 130%;
	z-index: 3;
	width: 500px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
	box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
	padding: 20px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.cart-shopping .addto-cart-contents {
		right: auto;
		left: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@media (min-width: 300px) and (max-width: 575px) {
	.cart-shopping .addto-cart-contents {
		width: 400px;
	}
}
@media only screen and (max-width: 480px) {
	.cart-shopping .addto-cart-contents {
		width: 320px;
	}
}

@media only screen and (max-width: 480px) {
	.cart-shopping .addto-cart-contents {
		width: 270px;
		padding: 10px;
		right: 100%;
	}
}

.cart-shopping .addto-cart-contents .cart-total-amount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 20px;
}

.cart-shopping .single-addto-cart-wrappers {
	max-height: 240px;
	overflow-y: auto;
}

.cart-shopping .single-addto-carts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.cart-shopping .single-addto-carts:not(:last-child) {
	margin-bottom: 10px;
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-thumb {
	height: 70px;
	width: 70px;
	flex-shrink: 0;
}

.cart-shopping
	.single-addto-carts
	.addto-cart-flex-contents
	.addto-cart-thumb
	img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
@media screen and (max-width: 480px) {
	.cart-shopping .single-addto-carts .addto-cart-flex-contents {
		flex-wrap: wrap;
	}
	.cart-shopping
		.single-addto-carts
		.addto-cart-flex-contents
		.addto-cart-thumb {
		width: 50px;
	}
	.addto-cart-title {
		font-size: 14px;
	}
}
.addto-cart-img-contents {
	flex: 1;
}
.addto-cart-title {
	font-size: 16px;
}
.cart-shopping
	.single-addto-carts
	.addto-cart-flex-contents
	.addto-cart-img-contents
	.price-updates {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.cart-shopping
	.single-addto-carts
	.addto-cart-flex-contents
	.addto-cart-img-contents
	.price-updates
	.old-price {
	text-decoration: line-through;
}

.cart-shopping
	.single-addto-carts
	.addto-cart-flex-contents
	.addto-cart-img-contents
	.price-updates
	.price-title {
	color: var(--main-color-one);
}

.color-two
	.cart-shopping
	.single-addto-carts
	.addto-cart-flex-contents
	.addto-cart-img-contents
	.price-updates
	.price-title {
	color: var(--main-color-two);
}

.color-three
	.cart-shopping
	.single-addto-carts
	.addto-cart-flex-contents
	.addto-cart-img-contents
	.price-updates
	.price-title {
	color: var(--main-color-three);
}

.color-four
	.cart-shopping
	.single-addto-carts
	.addto-cart-flex-contents
	.addto-cart-img-contents
	.price-updates
	.price-title {
	color: var(--main-color-four);
}

.color-five
	.cart-shopping
	.single-addto-carts
	.addto-cart-flex-contents
	.addto-cart-img-contents
	.price-updates
	.price-title {
	color: var(--main-color-five);
}

.cart-shopping .btn-wrapper .cart-btn {
	color: var(--white);
	font-size: 16px;
	font-weight: 500;
	font-family: var(--body-font);
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	line-height: 24px;
	padding: 10px 35px;
	border: 1px solid var(--main-color-one);
	background-color: var(--main-color-one);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.cart-shopping .btn-wrapper .cart-btn {
		line-height: 28px;
	}
}

@media only screen and (max-width: 575.98px) {
	.cart-shopping .btn-wrapper .cart-btn {
		line-height: 24px;
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.cart-shopping .btn-wrapper .cart-btn {
		padding: 8px 25px;
		font-size: 14px;
	}
}

.cart-shopping .btn-wrapper .cart-btn:hover {
	background: none;
	color: var(--main-color-one);
}

.cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
	background: none;
	color: var(--main-color-one);
	border: 1px solid var(--main-color-one);
}

.cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
	background-color: var(--main-color-one);
	color: var(--white);
}

.color-two .right-position-button {
	background: var(--main-color-two);
}

.color-two .track-icon-list .single-icon .icon:hover {
	color: var(--main-color-two);
}

.color-two .track-icon-list .single-icon .icon-notification {
	background: var(--main-color-two);
}

.color-two .cart-shopping .btn-wrapper .cart-btn {
	background-color: var(--main-color-two);
	border-color: var(--main-color-two);
}

.color-two .cart-shopping .btn-wrapper .cart-btn:hover {
	color: var(--main-color-two);
	background: none;
}

.color-two .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
	border: 1px solid var(--main-color-two);
	background: none;
	color: var(--main-color-two);
}

.color-two .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
	background-color: var(--main-color-two);
	color: var(--white);
}

.color-two .login-account .accounts i {
	color: var(--main-color-two);
}

.color-two .login-account .accounts:hover {
	color: var(--main-color-two);
}

.color-two .login-account .account-list-item .list a:hover {
	background-color: var(--main-color-two);
}

.color-three .right-position-button {
	background: var(--main-color-three);
}

.color-three .track-icon-list .single-icon .icon:hover {
	color: var(--main-color-three);
}

.color-three .track-icon-list .single-icon .icon-notification {
	background: var(--main-color-three);
}

.color-three .cart-shopping .btn-wrapper .cart-btn {
	background-color: var(--main-color-three);
	border-color: var(--main-color-three);
}

.color-three .cart-shopping .btn-wrapper .cart-btn:hover {
	color: var(--main-color-three);
	background: none;
}

.color-three .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
	border: 2px solid var(--main-color-three);
	background: none;
	color: var(--main-color-three);
}

.color-three .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
	background-color: var(--main-color-three);
	color: var(--white);
}

.color-three .login-account .accounts i {
	color: var(--main-color-three);
}

.color-three .login-account .accounts:hover {
	color: var(--main-color-three);
}

.color-three .login-account .account-list-item .list a:hover {
	background-color: var(--main-color-three);
}

.color-four .right-position-button {
	background: var(--main-color-four);
}

.color-four .track-icon-list .single-icon .icon:hover {
	color: var(--main-color-four);
}

.color-four .track-icon-list .single-icon .icon-notification {
	background: var(--main-color-four);
}

.color-four .cart-shopping .btn-wrapper .cart-btn {
	background-color: var(--main-color-four);
	border-color: var(--main-color-four);
}

.color-four .cart-shopping .btn-wrapper .cart-btn:hover {
	color: var(--main-color-four);
	background: none;
}

.color-four .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
	border: 2px solid var(--main-color-four);
	background: none;
	color: var(--main-color-four);
}

.color-four .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
	background-color: var(--main-color-four);
	color: var(--white);
}

.color-four .login-account .accounts i {
	color: var(--main-color-four);
}

.color-four .login-account .accounts:hover {
	color: var(--main-color-four);
}

.color-four .login-account .account-list-item .list a:hover {
	background-color: var(--main-color-four);
}

/* Top-menu-category */
@media (min-width: 300px) and (max-width: 991.98px) {
	.index-02 .top-menu-category {
		z-index: 2;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.index-03 .top-menu-category {
		z-index: 5;
	}
}

.top-menu-category {
	position: relative;
	z-index: 1;
	max-width: 100%;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.top-menu-category {
		margin-bottom: 6px;
	}
}

.top-menu-category .navbar-nav-side {
	font-size: 14px;
	max-width: 100%;
	width: 100%;
}

.top-menu-category.style-02 .cate-list:hover {
	background: rgba(0, 136, 221, 0.1);
}

.top-menu-category.style-02 .cate-list:hover.menu-item-has-children::after {
	color: var(--main-color-two);
}

.top-menu-category.style-02
	.cate-list:hover
	.category-menu-inner
	.category-menu-image
	img {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.top-menu-category.style-02
	.cate-list:hover
	.category-menu-inner
	.category-list
	.title {
	color: var(--main-color-two);
}

.top-menu-category.style-03 .navbar-area-side {
	visibility: hidden;
	opacity: 0;
}

.top-menu-category.style-03 .navbar-area-side.active {
	visibility: visible;
	opacity: 1;
}

.single-category-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* padding: 17px 30px 18px; */
	height: 38px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-category-flex {
		padding: 18px 30px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-category-flex {
		padding: 18px 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-category-flex {
		padding: 10px 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-category-flex {
		padding: 15px 20px;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-category-flex {
		padding: 13px 20px;
	}
}

@media only screen and (max-width: 375px) {
	.single-category-flex {
		padding: 10px 20px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.index-02 .navbar-area-side {
		max-height: 540px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.index-02 .navbar-area-side {
		max-height: 540px;
		top: 95px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.index-02 .navbar-area-side {
		max-height: 540px;
		top: 74px;
	}
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.index-02 .cate-list {
		/* padding: 6px 20px; */
		padding: 12px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.index-02 .cate-list {
		padding: 12px 10px;
	}
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.index-02 .cate-list.menu-item-has-children::after {
		top: 8px;
	}
}

.index-02 .cate-list .category-megamenu {
	border-color: var(--main-color-two);
}

.index-03 .navbar-area-side {
	visibility: hidden;
	opacity: 0;
}

.index-03 .navbar-area-side.active {
	visibility: visible;
	opacity: 1;
}

.index-03 .cate-list:hover .category-menu-inner .category-menu-image img {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.index-03 .cate-list:hover .category-menu-inner .category-list .title {
	color: var(--main-color-three);
}

.index-03 .cate-list .category-megamenu {
	border-color: var(--main-color-three);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.inner-page .navbar-area-side {
		visibility: visible;
		opacity: 1;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.inner-page .navbar-area-side.active {
		visibility: hidden;
		opacity: 0;
	}
}

.navbar-area-side {
	position: absolute;
	left: 0;
	top: 85px;
	z-index: 99;
	background-color: var(--white);
	border: 1px solid #f0f0f0;
	border-radius: 10px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	max-width: 100%;
	width: 100%;
}
@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area-side {
		visibility: hidden;
		opacity: 0;
		padding: 10px;
		width: 100%;
		top: 75px;
	}
}

@media only screen and (max-width: 575.98px) {
	.navbar-area-side {
		top: 70px;
	}
}

@media only screen and (max-width: 375px) {
	.navbar-area-side {
		top: 60px;
	}
}

.navbar-area-side.active {
	visibility: hidden;
	opacity: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area-side.active {
		visibility: visible;
		opacity: 1;
	}
}

.navbar-nav-side > li,
.cate-list {
	width: 100%;
	display: inline-block;
	/* padding: 6px 20px; */
	padding: 8px 12px;
	/* -webkit-transition: all 0.3s; */
	transition: all 0.1s;
}
.cate-list.menu-item-has-children:hover,
.top-menu-category.style-02 .cate-list:hover,
.navbar-nav-side > li:hover {
	background-color: #525d62;
	color: #fff;
}

.navbar-nav-side > li:not(:last-child),
.cate-list:not(:last-child) {
	border-bottom: 1px solid #f0f0f0;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.navbar-nav-side > li,
	.cate-list {
		padding: 6px 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-nav-side > li,
	.cate-list {
		padding: 6px 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-nav-side > li,
	.cate-list {
		padding: 15px 10px;
	}
}

.navbar-nav-side li.menu-item-has-children,
.cate-list.menu-item-has-children {
	position: relative;
	z-index: 1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-nav-side li.menu-item-has-children.active::after,
	.cate-list.menu-item-has-children.active::after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

.navbar-nav-side li.menu-item-has-children::after,
.cate-list.menu-item-has-children::after {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	top: 12px;
	right: 20px;
	position: absolute;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.navbar-nav-side li.menu-item-has-children::after,
	.cate-list.menu-item-has-children::after {
		/* top: 20px; */
		top: 8px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.navbar-nav-side li::after,
	.cate-list.menu-item-has-children::after {
		right: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-nav-side li.menu-item-has-children::after,
	.cate-list.menu-item-has-children::after {
		right: 5px;
		top: 12px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-nav-side li.menu-item-has-children::after,
	.cate-list.menu-item-has-children::after {
		top: 17px;
		right: 7px;
	}
}

.navbar-nav-side li.menu-item-has-children:hover::after,
.cate-list.menu-item-has-children:hover::after {
	color: var(--main-color-one);
}

.navbar-nav-side li.menu-item-has-children:hover .category-megamenu,
.cate-list.menu-item-has-children:hover .category-megamenu {
	visibility: visible;
	opacity: 1;
	top: 0;
}

.navbar-nav-side li:hover .category-menu-inner .category-menu-image img,
.cate-list:hover .category-menu-inner .category-menu-image img {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.navbar-nav-side li:hover .category-menu-inner .category-list .title,
.cate-list:hover .category-menu-inner .category-list .title {
	color: var(--main-color-one);
}

.navbar-nav-side li .category-megamenu,
.cate-list .category-megamenu {
	position: absolute;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
	left: 100%;
	top: 100%;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
	background-color: var(--white);
	z-index: 992;
	border-bottom: 4px solid var(--main-color-one);
	visibility: hidden;
	opacity: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	padding: 20px 20px 20px;
	max-width: 800px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-height: 370px;
	overflow-y: auto;
	gap: 24px;
	scrollbar-width: thin;
	scrollbar-color: #aaa #dbdbdb;
}

.navbar-nav-side li .category-megamenu::-webkit-scrollbar,
.cate-list .category-megamenu::-webkit-scrollbar {
	width: 5px;
	background-color: #dbdbdb;
}

.navbar-nav-side li .category-megamenu::-webkit-scrollbar-thumb,
.cate-list .category-megamenu::-webkit-scrollbar-thumb {
	background-color: #aaa;
	border-radius: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-nav-side li .category-megamenu,
	.cate-list .category-megamenu {
		max-width: calc(100vw - 300px);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-nav-side li .category-megamenu,
	.cate-list .category-megamenu {
		display: block;
		left: 0;
		max-height: 250px;
		overflow-y: scroll;
	}
}

.navbar-nav-side li .category-megamenu .single-megamenu,
.cate-list .category-megamenu .single-megamenu {
	min-width: 125px;
	display: inline-block;
	width: 150px;
}

.cate-list
	.category-megamenu
	.single-megamenu
	.single-category-megamenu
	> .submenu-title {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	color: var(--heading-color);
	min-height: 40px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cate-list
	.category-megamenu
	.single-megamenu
	.single-category-megamenu:not(:first-child) {
	margin-top: 24px;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.cate-list
	.category-megamenu
	.single-megamenu
	.megamenu-product
	.megamenu-thumbs {
	height: 170px;
	width: 200px;
}

.cate-list
	.category-megamenu
	.single-megamenu
	.megamenu-product
	.megamenu-thumbs
	img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.cate-list
	.category-megamenu
	.single-megamenu
	.megamenu-product
	.megamenu-contents {
	padding-top: 20px;
}

.cate-list
	.category-megamenu
	.single-megamenu
	.megamenu-product
	.megamenu-contents
	.megamenu-title {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.cate-list
	.category-megamenu
	.single-megamenu
	.megamenu-product
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-one);
}

.cate-list
	.category-megamenu
	.single-megamenu
	.megamenu-product
	.megamenu-contents
	.megamenu-title.hover-color-two:hover {
	color: var(--main-color-two);
}

.cate-list
	.category-megamenu
	.single-megamenu
	.megamenu-product
	.megamenu-contents
	.megamenu-title.hover-color-three:hover {
	color: var(--main-color-three);
}

.cate-list
	.category-megamenu
	.single-megamenu
	.megamenu-product
	.megamenu-contents
	.megamenu-title.hover-color-four:hover {
	color: var(--main-color-four);
}

.cate-list
	.category-megamenu
	.single-megamenu
	.megamenu-product
	.megamenu-contents
	.price-updates {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.cate-list
	.category-megamenu
	.single-megamenu
	.megamenu-product
	.megamenu-contents
	.price-updates
	.price-title {
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
}

.cate-list
	.category-megamenu
	.single-megamenu
	.megamenu-product
	.megamenu-contents
	.price-updates
	.old-price {
	text-decoration: line-through;
}

.cate-list .category-megamenu .single-megamenu .new-collection {
	height: 250px;
	width: 220px;
	display: block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.cate-list .category-megamenu .single-megamenu .new-collection:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.cate-list .category-megamenu .single-megamenu .new-collection img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu {
	padding: 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cate-list
	.category-megamenu
	.single-megamenu
	.single-category-megamenu:hover
	.category-contents
	.titles {
	color: var(--main-color-one);
}

.cate-list
	.category-megamenu
	.single-megamenu
	.single-category-megamenu:hover
	.category-contents
	.titles.hover-color-two {
	color: var(--main-color-two);
}

.cate-list
	.category-megamenu
	.single-megamenu
	.single-category-megamenu:hover
	.category-contents
	.titles.hover-color-three {
	color: var(--main-color-three);
}

.cate-list
	.category-megamenu
	.single-megamenu
	.single-category-megamenu
	.category-thumb {
	height: 100%;
	width: 100%;
	max-width: 200px;
}

.cate-list
	.category-megamenu
	.single-megamenu
	.single-category-megamenu
	.category-thumb
	> a {
	padding: 0;
}

.cate-list
	.category-megamenu
	.single-megamenu
	.single-category-megamenu
	.category-thumb
	img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.cate-list
		.category-megamenu
		.single-megamenu
		.single-category-megamenu
		.category-contents
		.titles {
		font-size: 28px;
	}
}

@media only screen and (max-width: 375px) {
	.cate-list
		.category-megamenu
		.single-megamenu
		.single-category-megamenu
		.category-contents
		.titles {
		font-size: 24px;
	}
}

.cate-list
	.category-megamenu
	.single-megamenu
	.single-category-megamenu
	.category-contents
	.collection-btn {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 500;
	text-decoration: underline;
}

@media only screen and (max-width: 767.98px) {
	.cate-list
		.category-megamenu
		.single-megamenu
		.single-category-megamenu
		.category-contents
		.collection-btn {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.cate-list
		.category-megamenu
		.single-megamenu
		.single-category-megamenu
		.category-contents
		.collection-btn {
		font-size: 14px;
	}
}

.cate-list
	.category-megamenu
	.single-megamenu
	.single-category-megamenu
	.category-contents
	.collection-btn:hover {
	color: var(--main-color-one);
}

.cate-list .category-menu-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.cate-list .category-menu-inner .category-menu-image {
	max-height: 50px;
	max-width: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin-right: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.cate-list .category-menu-inner .category-menu-image {
		margin-right: 10px;
	}
}

.cate-list .category-menu-inner .category-menu-image img {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.cate-list .category-menu-inner .category-menu-image i {
	color: var(--main-color-one);
}

.cate-list .category-menu-inner .category-menu-image.color-two i {
	color: var(--main-color-two);
}

.cate-list .category-menu-inner .category-menu-image.color-three i {
	color: var(--main-color-three);
}

.cate-list .category-menu-inner .category-menu-image.color-four i {
	color: var(--main-color-four);
}

.cate-list .category-menu-inner .category-list .title {
	color: var(--heading-color);
	font-weight: 400;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 18px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.cate-list .category-menu-inner .category-list .title {
		font-size: 16px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.cate-list .category-menu-inner .category-list .title {
		font-size: 15px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.cate-list .category-menu-inner .category-list .title {
		font-size: 16px;
		font-weight: 400;
	}
}

.cate-list .category-menu-inner .category-list .subtitles {
	display: block;
	color: var(--body-color);
	margin-top: 5px;
}

@media (min-width: 320px) and (max-width: 991px) {
	.cate-list.menu-item-has-children.active .category-megamenu {
		height: auto;
		visibility: visible;
		opacity: 1;
		padding: 20px 10px;
		min-width: 100%;
	}

	.cate-list.menu-item-has-children.active::after {
		color: var(--main-color-one);
	}

	.cate-list.menu-item-has-children .category-megamenu {
		position: initial;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 20px 20px;
		padding-top: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-top: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-left: 0;
		padding-bottom: 0;
		visibility: hidden;
		opacity: 0;
		height: 0;
		overflow: hidden;
		max-height: 250px;
		overflow-y: scroll;
		-webkit-transition: all 500ms linear;
		transition: all 500ms linear;
	}
}

.round-menu-product img {
}

.style-two-category-heading {
	-webkit-line-clamp: 2;
	line-height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	min-height: 48px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: var(--heading-color);
	margin-top: 7px;
}

.style-two-category-wrapper {
	width: 669px;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}

@media (min-width: 100px) and (max-width: 991px) {
	.cate-list.menu-item-has-children .category-megamenu {
		min-width: 100%;
		max-width: 100%;
	}

	.cate-list.menu-item-has-children
		.category-megamenu
		.single-category-megamenu {
		width: calc(100% / 3 - 16px);
	}

	.categoryNav__list
		.cate-list.menu-item-has-children
		.category-megamenu
		.single-category-megamenu {
		width: calc(100% / 1 - 0px);
	}

	.cate-list.menu-item-has-children
		.category-megamenu
		.single-megamenu
		> .single-category-megamenu {
		width: calc(100% / 1 - 0px);
	}

	.style-two-category-heading {
		width: auto;
		height: auto;
		font-size: 16px;
	}
}

@media (min-width: 100px) and (max-width: 767.98px) {
	.cate-list.menu-item-has-children
		.category-megamenu
		.single-category-megamenu {
		width: calc(100% / 2 - 12px);
	}

	.cate-list.menu-item-has-children
		.category-megamenu
		.single-megamenu
		> .single-category-megamenu {
		width: calc(100% / 1 - 0px);
	}

	.categoryNav__list
		.cate-list.menu-item-has-children
		.category-megamenu
		.single-megamenu {
		width: calc(100% / 1 - 0px);
	}
}

@media (min-width: 100px) and (max-width: 375px) {
	.cate-list.menu-item-has-children
		.category-megamenu
		.single-category-megamenu {
		width: calc(100% / 1 - 0px);
	}

	.cate-list.menu-item-has-children
		.category-megamenu
		.single-megamenu
		> .single-category-megamenu {
		width: calc(100% / 1 - 0px);
	}

	.categoryNav__list
		.cate-list.menu-item-has-children
		.category-megamenu
		.single-megamenu {
		width: calc(100% / 1 - 0px);
	}
}

@media (min-width: 100px) and (max-width: 991px) {
	.cate-list.menu-item-has-children .category-megamenu .single-megamenu {
		padding: 0;
	}

	.cate-list.menu-item-has-children .category-megamenu .single-megamenu {
		width: calc(100% / 3 - 16px);
	}

	.categoryNav__list
		.cate-list.menu-item-has-children
		.category-megamenu
		.single-megamenu {
		width: calc(100% / 1 - 0px);
	}
}

@media (min-width: 100px) and (max-width: 767.98px) {
	.cate-list.menu-item-has-children .category-megamenu .single-megamenu {
		width: calc(100% / 2 - 12px);
	}
}

@media (min-width: 100px) and (max-width: 375px) {
	.cate-list.menu-item-has-children .category-megamenu .single-megamenu {
		width: calc(100% / 1 - 0px);
	}
}

/* Promo area */
.promo-area {
	overflow: hidden;
}

.single-promo {
	padding: 30px;
	-webkit-box-shadow: 0 0 10px var(--gray-two);
	box-shadow: 0 0 10px var(--gray-two);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-promo {
		margin: 0;
		padding: 30px 10px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-promo {
		margin: 0;
		padding: 30px 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-promo {
		padding: 20px;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-promo {
		margin: 0;
	}
}

.single-promo.sidebar-promo {
	display: block;
}

.single-promo.sidebar-promo:not(:last-child) {
	margin-bottom: 24px;
}

.single-promo .promo-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.single-promo .promo-inner-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	color: var(--heading-color);
}
.single-promo .promo-inner-para {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: var(--body-color);
}

@media only screen and (max-width: 375px) {
	.single-promo .promo-inner {
		display: block;
	}
}

.single-promo .icon {
	font-size: 45px;
	margin-right: 20px;
}

.single-promo .contents .common-para {
	margin-top: 10px;
}

/* Updated Area */
.updated-area {
	overflow: hidden;
}

.updated-area div[class*="col"]:nth-child(4n + 1) .single-updated {
	background-color: #fff1e8;
}

.updated-area div[class*="col"]:nth-child(4n + 1) .single-updated::before {
	background: #fbead9;
}

.updated-area div[class*="col"]:nth-child(4n + 1) .single-updated::after {
	border-color: #fbead9;
}

.updated-area div[class*="col"]:nth-child(4n + 2) .single-updated {
	background-color: #e9f6ff;
}

.updated-area div[class*="col"]:nth-child(4n + 2) .single-updated::before {
	background: #d6efff;
}

.updated-area div[class*="col"]:nth-child(4n + 2) .single-updated::after {
	border-color: #d6efff;
}

.updated-area div[class*="col"]:nth-child(4n + 3) .single-updated {
	background-color: #ffecf0;
}

.updated-area div[class*="col"]:nth-child(4n + 3) .single-updated::before {
	background: #ffe0e6;
}

.updated-area div[class*="col"]:nth-child(4n + 3) .single-updated::after {
	border-color: #ffe0e6;
}

.updated-area div[class*="col"]:nth-child(4n + 4) .single-updated {
	background-color: #fff8f0;
}

.updated-area div[class*="col"]:nth-child(4n + 4) .single-updated::before {
	background: #fff2e3;
}

.updated-area div[class*="col"]:nth-child(4n + 4) .single-updated::after {
	border-color: #fff2e3;
}

.single-updated {
	position: relative;
	z-index: 2;
	background-color: #fff1e8;
	overflow: hidden;
}

.single-updated.column-four::before,
.single-updated.column-four::after {
	height: 250px;
	width: 250px;
}

.single-updated.column-four
	.updated-image-contents
	.updated-contents
	.updated-title {
	font-size: 18px;
}

.single-updated.column-four .updated-flex-contents {
	padding: 20px 0;
}

.single-updated.column-four .updated-flex-contents .updated-img {
	height: 70px;
	width: 100px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.single-updated.column-four .updated-flex-contents .updated-img {
		height: 140px;
		width: 140px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-updated.column-four .updated-flex-contents .updated-img {
		height: 110px;
		width: 100px;
	}
}

.single-updated.style-02 .updated-flex-contents {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-updated.style-02 .updated-flex-contents {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

.single-updated.style-02 .updated-flex-contents .updated-img {
	margin-right: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-updated.style-02 .updated-flex-contents .updated-img {
		margin-right: 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-updated.style-02 .updated-flex-contents .updated-img {
		margin: 0 auto 20px;
	}
}

.single-updated.style-02 .updated-flex-contents .updated-contents {
	margin-right: 0;
}

.single-updated::before,
.single-updated::after {
	content: "";
	position: absolute;
	left: -70px;
	top: -70px;
	height: 300px;
	width: 300px;
	z-index: -1;
	border-radius: 50%;
	background: #fbead9;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-updated::before,
	.single-updated::after {
		height: 200px;
		width: 200px;
	}
}

.single-updated::after {
	left: auto;
	right: -150px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 50px solid #fbead9;
	background: transparent;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-updated::after {
		right: -100px;
	}
}

.single-updated .updated-shapes {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	display: none;
}

.single-updated .updated-image-contents {
	position: relative;
	z-index: 1;
	padding: 0 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-updated .updated-image-contents {
		padding: 10px 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-updated .updated-image-contents .updated-contents {
		text-align: center;
	}
}

.single-updated .updated-image-contents .updated-contents .updated-top {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 8px;
	display: block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-updated .updated-image-contents .updated-contents .updated-top {
		font-size: 16px;
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-updated .updated-image-contents .updated-contents .updated-top {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.single-updated .updated-image-contents .updated-contents .updated-top {
		font-size: 14px;
	}
}

.single-updated .updated-image-contents .updated-contents .updated-title {
	font-size: 36px;
	line-height: 42px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-updated .updated-image-contents .updated-contents .updated-title {
		font-size: 32px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 480px) {
	.single-updated .updated-image-contents .updated-contents .updated-title {
		font-size: 28px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.single-updated .updated-image-contents .updated-contents .updated-title {
		font-size: 26px;
	}
}

.updated-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* -ms-flex-wrap: wrap;
	flex-wrap: wrap; */
	padding: 30px 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.updated-flex-contents {
		padding: 10px 0;
		display: block;
	}
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.updated-flex-contents {
		padding: 20px 0;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.updated-flex-contents {
		padding: 60px 0;
	}
}

.updated-flex-contents .updated-img {
	height: 230px;
	width: 300px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.updated-flex-contents .updated-img {
		height: 190px;
		width: 220px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.updated-flex-contents .updated-img {
		height: 130px;
		width: 170px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.updated-flex-contents .updated-img {
		height: 200px;
		width: 260px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.updated-flex-contents .updated-img {
		height: 180px;
		width: 200px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.updated-flex-contents .updated-img {
		height: 200px;
		width: 260px;
		margin: 20px auto 0;
	}
}

.updated-flex-contents .updated-img img {
	border-radius: 10px;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.updated-flex-contents .updated-contents {
	margin-right: 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.updated-flex-contents .updated-contents {
		margin-right: 10px;
	}
}

/* Store Area */
.store-area {
	position: relative;
	z-index: 1;
}

.flash-contents-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.flash-contents-wrapper {
		display: block;
	}
}

.flash-contents-wrapper .global-card-contents {
	padding: 25px 50px 30px;
}

@media only screen and (max-width: 375px) {
	.flash-contents-wrapper .global-card-contents {
		padding: 25px 30px 30px;
	}
}

@media only screen and (max-width: 375px) {
	.flash-contents-wrapper .global-card-contents .global-card-left {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-right: 0;
	}
}

.flash-wrapper-single {
	max-width: 405px;
	height: 100%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin-right: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.flash-wrapper-single {
		margin: 0 auto;
	}
}

.flash-store-sliders.nav-style-two .prev-icon,
.flash-store-sliders.nav-style-two .next-icon {
	visibility: hidden;
	opacity: 0;
}

.flash-store-sliders:hover.nav-style-two .prev-icon,
.flash-store-sliders:hover.nav-style-two .next-icon {
	visibility: visible;
	opacity: 1;
}

.flash-right-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.flash-right-wrapper {
		max-height: 660px;
		overflow-y: scroll;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.flash-right-wrapper {
		max-height: 660px;
		overflow-y: scroll;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.flash-right-wrapper {
		max-height: 660px;
		overflow-y: scroll;
	}
}

.flash-right-wrapper.style-02 .flash-item-image {
	max-height: 130px;
	max-width: 120px;
}

.flash-right-wrapper.style-02 .flash-item-contents {
	margin-left: 15px !important;
}

.flash-right-wrapper .flash-col-items {
	width: calc((100% / 3) - 15px);
	margin-top: 24px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.flash-right-wrapper .flash-col-items {
		width: calc((100% / 3) - 23px);
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.flash-right-wrapper .flash-col-items {
		width: calc((100% / 2) - 18px);
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.flash-right-wrapper .flash-col-items {
		width: calc((100% / 2) - 18px);
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.flash-right-wrapper .flash-col-items {
		width: calc((100% / 1) - 15px);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.flash-right-wrapper .flash-col-items {
		width: calc((100% / 2) - 12px);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.flash-right-wrapper .flash-col-items:nth-child(2n + 2) {
		margin-right: 0px;
	}
}

@media only screen and (max-width: 767.98px) {
	.flash-right-wrapper .flash-col-items {
		width: 100%;
		margin-right: 0;
	}
}

.grid-item-four {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.grid-item-four .flash-col-items {
	width: calc((100% / 4) - 18px);
	margin-right: 24px;
}

.grid-item-four .flash-col-items:nth-of-type(4n + 4) {
	margin-right: 0;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.grid-item-four .flash-col-items:nth-of-type(4n + 4) {
		margin-right: 24px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.grid-item-four .flash-col-items:nth-of-type(4n + 4) {
		margin-right: 24px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.grid-item-four .flash-col-items:nth-of-type(3n + 3) {
		margin-right: 0px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.grid-item-four .flash-col-items:nth-of-type(3n + 3) {
		margin-right: 0px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.grid-item-four .flash-col-items:nth-child(2n + 2) {
		margin-right: 0px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.grid-item-four .flash-col-items:nth-child(2n + 2) {
		margin-right: 0px;
	}
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.grid-item-four .flash-col-items {
		width: calc((100% / 4) - 18px);
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.grid-item-four .flash-col-items {
		width: calc((100% / 3) - 16px);
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.grid-item-four .flash-col-items {
		width: calc((100% / 3) - 16px);
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.grid-item-four .flash-col-items {
		width: calc((100% / 2) - 12px);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.grid-item-four .flash-col-items {
		width: calc((100% / 2) - 12px);
	}
}

@media only screen and (max-width: 767.98px) {
	.grid-item-four .flash-col-items {
		width: 100%;
		margin-right: 0;
	}
}

.single-flash-item.style-02
	.flash-flex-item
	.flash-item-image
	.flash-thumb-icons
	.lists
	.icon {
	height: 28px;
	width: 28px;
	font-size: 16px;
	border-radius: 0;
}

.single-trendy-products.style-02 .thumb-top-contents .percent-box {
	padding: 2px 5px;
	line-height: 18px;
}

.single-flash-item.style-02
	.flash-flex-item
	.flash-item-image
	.thumb-top-contents
	.percent-box {
	font-size: 12px;
	line-height: 16px;
	padding: 3px 10px;
}

.single-flash-item:hover .flash-flex-item .flash-item-image {
	position: relative;
	z-index: 1;
}

.single-flash-item:hover .flash-flex-item .flash-item-image img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.single-flash-item:hover .flash-flex-item .flash-item-image .flash-thumb-icons {
	visibility: visible;
	opacity: 1;
	bottom: 20px;
}

.single-flash-item .flash-flex-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (max-width: 767.98px) {
	.single-flash-item .flash-flex-item {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media only screen and (max-width: 375px) {
	.single-flash-item .flash-flex-item {
		display: block;
	}
}

.single-flash-item .flash-flex-item .flash-item-image {
	display: initial;
	height: 194px;
	width: 200px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-flash-item .flash-flex-item .flash-item-image {
		height: 160px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-flash-item .flash-flex-item .flash-item-image {
		height: 150px;
	}
}

@media only screen and (max-width: 480px) {
	.single-flash-item .flash-flex-item .flash-item-image {
		height: 170px;
		width: 170px;
	}
}

@media only screen and (max-width: 375px) {
	.single-flash-item .flash-flex-item .flash-item-image {
		display: block;
		margin-bottom: 15px;
	}
}

.single-flash-item .flash-flex-item .flash-item-image img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: -100px;
	right: 0px;
	left: 0;
	text-align: center;
	z-index: 9;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.single-flash-item
	.flash-flex-item
	.flash-item-image
	.flash-thumb-icons.hover-color-two
	.lists
	.icon:hover {
	background-color: var(--main-color-two);
}

.single-flash-item
	.flash-flex-item
	.flash-item-image
	.flash-thumb-icons.hover-color-three
	.lists
	.icon:hover {
	background-color: var(--main-color-three);
}

.single-flash-item
	.flash-flex-item
	.flash-item-image
	.flash-thumb-icons.hover-color-four
	.lists
	.icon:hover {
	background-color: var(--main-color-four);
}

.single-flash-item
	.flash-flex-item
	.flash-item-image
	.flash-thumb-icons
	.lists:not(:last-child) {
	margin-right: 5px;
}

.single-flash-item
	.flash-flex-item
	.flash-item-image
	.flash-thumb-icons
	.lists
	.icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 36px;
	width: 36px;
	border-radius: 5px;
	background: #fff;
	color: var(--paragraph-color);
	font-size: 16px;
	-webkit-box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
	box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-flash-item
	.flash-flex-item
	.flash-item-image
	.flash-thumb-icons
	.lists
	.icon:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.single-flash-item .flash-flex-item .flash-item-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 20px;
}

@media only screen and (max-width: 375px) {
	.single-flash-item .flash-flex-item .flash-item-contents {
		margin-left: 0;
	}
}

.single-flash-item .flash-flex-item .flash-item-contents .title {
	font-size: 18px;
	line-height: 24px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-flash-item .flash-flex-item .flash-item-contents .title:hover {
	color: var(--main-color-one);
}

.single-flash-item
	.flash-flex-item
	.flash-item-contents
	.title.hover-color-two:hover {
	color: var(--main-color-two);
}

.single-flash-item
	.flash-flex-item
	.flash-item-contents
	.title.hover-color-three:hover {
	color: var(--main-color-three);
}

.single-flash-item
	.flash-flex-item
	.flash-item-contents
	.title.hover-color-four:hover {
	color: var(--main-color-four);
}

/* Shop Area */
.shop-area {
	overflow: hidden;
}

.shop-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-right {
		gap: 30px;
	}
}

@media only screen and (max-width: 767.98px) {
	.shop-right {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-top: 20px;
	}
}

.shop-nice-select .nice-select {
	font-size: 16px;
	color: var(--paragraph-color);
	border: 1px solid rgba(221, 221, 221, 0.4);
	outline: none;
	height: 48px;
	line-height: 48px;
}

@media only screen and (max-width: 575.98px) {
	.shop-nice-select .nice-select {
		padding: 0 30px 0 0;
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.shop-nice-select .nice-select {
		padding: 0 25px 0 10px;
		font-size: 14px;
	}
}

.shop-nice-select .nice-select::after {
	border-bottom: 2px solid var(--paragraph-color);
	border-right: 2px solid var(--paragraph-color);
	right: 10px;
}

.shop-nice-select .nice-select .list {
	min-width: 100% !important;
}

.single-shops {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.single-shops .shop-flex-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 10px;
}

.shop-flex-icon.layout-list {
	gap: 10px;
	margin-left: 0;
}

.layout-list .layout-item a,
.single-shops .shop-icons {
	font-size: 24px;
	height: 40px;
	width: 40px;
	background: #efefef;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.layout-list .layout-item a.current,
.layout-list .layout-item a.active,
.single-shops .shop-icons.current,
.single-shops .shop-icons.active {
	background: var(--main-color-one);
	color: var(--white);
}

.layout-list .layout-item a.current,
.layout-list .layout-item a.active,
.single-shops .shop-icons a.current,
.single-shops .shop-icons a.active {
	background: var(--main-color-one);
	color: var(--white);
}

.selectder-filter-contents .selected-flex-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.selectder-filter-contents .selected-flex-list li {
	font-size: 16px;
	color: var(--body-colors);
	line-height: 26px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {
	.selectder-filter-contents .selected-flex-list li {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.selectder-filter-contents .selected-flex-list li {
		font-size: 14px;
	}
}

.selectder-filter-contents .selected-flex-list li a {
	color: var(--paragraph-color);
	position: relative;
	z-index: 2;
}

.selectder-filter-contents .selected-flex-list li a:hover {
	color: var(--main-color-one);
}

.selectder-filter-contents .selected-flex-list li a:hover::after {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.selectder-filter-contents .selected-flex-list li:not(:last-child) a {
	padding-right: 20px;
}

@media only screen and (max-width: 480px) {
	.selectder-filter-contents .selected-flex-list li:not(:last-child) a {
		padding-right: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.selectder-filter-contents .selected-flex-list li:not(:last-child) a {
		padding-right: 10px;
	}
}

.selectder-filter-contents .selected-flex-list li:not(:last-child) a::after {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	position: absolute;
	right: -8px;
	-webkit-transition: all 100ms;
	transition: all 100ms;
}

@media only screen and (max-width: 375px) {
	.selectder-filter-contents
		.selected-flex-list
		li:not(:last-child)
		a::after {
		font-size: 14px;
		right: -6px;
	}
}

@media only screen and (max-width: 480px) {
	.selectder-filter-contents
		.selected-flex-list
		li:not(:last-child)
		a::after {
		right: -7px;
	}
}

.selectder-filter-contents .selected-flex-list li:not(:first-child) a {
	padding-left: 20px;
}

@media only screen and (max-width: 480px) {
	.selectder-filter-contents .selected-flex-list li:not(:first-child) a {
		padding-left: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.selectder-filter-contents .selected-flex-list li:not(:first-child) a {
		padding-left: 10px;
	}
}

.shop-sidebar-all {
	position: sticky;
	top: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-sidebar-all {
		position: unset;
	}
}

.shop-contents-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-contents-wrapper {
		display: block;
	}
}

.shop-contents-wrapper.style-02 {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.shop-contents-wrapper.style-02 .shop-sidebar-content {
	margin-right: 0;
	margin-left: 30px;
}

.shop-contents-wrapper.style-02 .shop-close-main {
	left: auto;
	right: 0%;
}

.shop-contents-wrapper.style-02 .shop-close-main.active {
	right: 0;
}

.shop-contents-wrapper.style-02 .shop-close-main .close-bars {
	right: auto;
	left: -40px;
}

@media only screen and (max-width: 375px) {
	.shop-contents-wrapper.style-02 .shop-close-main .close-bars {
		left: -28px;
	}
}

.shop-contents-wrapper.style-02 .shop-icon .sidebar-icon {
	margin-left: auto;
}

.shop-contents-wrapper .shop-sidebar-content {
	width: 400px;
	margin-right: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-contents-wrapper .shop-sidebar-content {
		width: 300px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-contents-wrapper .shop-sidebar-content {
		width: 250px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-contents-wrapper .shop-sidebar-content {
		width: 375px;
	}
}

.shop-contents-wrapper .shop-grid-contents {
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-contents-wrapper .shop-grid-contents {
		max-height: 2090px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-contents-wrapper .shop-grid-contents {
		max-height: 2090px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

.single-shop-left {
	padding: 32px 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-shop-left {
		padding: 22px 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-shop-left {
		padding: 15px 20px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-shop-left {
		padding: 15px 20px 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-shop-left {
		padding: 15px 20px 20px;
	}
}

.single-shop-left .shop-left-title.open .title::after {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.single-shop-left .shop-left-title .title {
	cursor: pointer;
	position: relative;
	line-height: 36px;
}

.single-shop-left .shop-left-title .title::after {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	font-size: 16px;
	position: absolute;
	right: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list {
	font-size: 16px;
	line-height: 26px;
	position: relative;
	text-align: left;
	z-index: 2;
	padding-left: 30px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list::before {
	content: "";
	position: absolute;
	height: 20px;
	width: 20px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	left: 0;
	top: 12px;
	background: none;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 15px;
	color: var(--white);
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list a {
	display: block;
	padding: 10px 0;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list.show
	> .submenu {
	display: block;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list.active::before {
	font-family: "Line Awesome Free";
	font-weight: 900;
	content: "";
	background: var(--main-color-one);
	border-color: var(--main-color-one);
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list.active
	> a {
	color: var(--paragraph-color);
	font-weight: 500;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list:hover > a {
	color: var(--main-color-one);
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list:hover::before {
	border-color: var(--main-color-one);
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list.menu-item-has-children {
	padding-left: 0;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list.menu-item-has-children:hover::after {
	color: var(--main-color-one);
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list.menu-item-has-children::before {
	display: none !important;
	border: 0;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list.menu-item-has-children
	> .submenu {
	padding-left: 20px;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list .submenu {
	display: none;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list
	.submenu
	.list {
	line-height: 22px;
	font-size: 14px;
	font-weight: 400;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list
	.submenu
	.list::before {
	top: 6px;
	height: 18px;
	width: 18px;
	font-size: 12px;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list
	.submenu
	.list
	a {
	padding: 5px 0;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list.menu-item-has-children::after {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	font-family: "Line Awesome Free";
	font-weight: 900;
	cursor: pointer;
	z-index: -1;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list.menu-item-has-children.open::after {
	content: "";
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.shop-lists
	.list:last-child
	a {
	padding-bottom: 0;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list {
	position: relative;
	z-index: 1;
	margin-top: 10px;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.color-lists
	.list:not(:last-child) {
	margin-right: 10px;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.color-lists
	.list.active::before {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	position: absolute;
	color: var(--white);
	font-size: 18px;
	left: 0;
	right: 0;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 200ms;
	transition: all 200ms;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list a {
	display: block;
	height: 27px;
	width: 27px;
	background: #f83a26;
}

.single-shop-left .shop-left-title .shop-left-list .size-lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list {
	margin-top: 10px;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.size-lists
	.list:not(:last-child) {
	margin-right: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list.active a {
	background: var(--main-color-one);
	border-color: var(--main-color-one);
	color: var(--white);
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 5px 10px;
	font-size: 14px;
	background: #fff;
	color: var(--paragraph-color);
	border: 1px solid #dddddd;
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list {
	position: relative;
	z-index: 2;
	display: block;
	padding-left: 30px;
	margin-top: 10px;
}

.single-shop-left
	.shop-left-title
	.shop-left-list
	.filter-lists
	.list.active::before {
	font-family: "Line Awesome Free";
	font-weight: 900;
	content: "";
	background: var(--main-color-one);
	border-color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list a {
	font-size: 16px;
	line-height: 26px;
	color: #ffba5c;
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list::before {
	content: "";
	position: absolute;
	height: 20px;
	width: 20px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	left: 0;
	top: 4px;
	background: none;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 15px;
	color: var(--white);
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list {
	margin-right: 10px;
	margin-top: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list.active a {
	background: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
	border: 1px solid #dddddd;
	font-size: 15px;
	color: var(--paragraph-color);
	padding: 7px 10px;
	display: inline-block;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
		padding: 7px 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
		padding: 7px 10px;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
		font-size: 14px;
		padding: 5px 15px;
	}
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a:hover {
	background: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
}

.shop-icon {
	display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-icon {
		display: block;
	}
	.shop-icon-text {
		display: -webkit-box;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-icon .sidebar-icon {
		font-size: 24px;
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 40px;
		width: 40px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: var(--main-color-one);
		-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
		box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
		z-index: 95;
		color: var(--white);
		margin-bottom: 20px;
	}
	.shop-icon .sidebar-icon-text {
		height: unset;
		width: auto;
		font-size: 18px;
		padding: 7px 15px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-close-main {
		z-index: 1;
		position: absolute;
		left: -100%;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		z-index: 99;
		background: #fff;
		max-width: 375px;
		display: block;
		padding: 20px;
		transition: all 0.5s;
	}

	.shop-close-main.active {
		visibility: visible;
		opacity: 1;
		left: 0;
	}
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 480px) {
	.shop-close-main {
		max-width: 320px;
	}
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 375px) {
	.shop-close-main {
		max-width: 270px;
	}
}

.shop-close-main .close-bars {
	display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-close-main .close-bars {
		display: block;
		position: absolute;
		right: -40px;
		top: 0;
		font-size: 24px;
		color: var(--white);
		background: var(--main-color-one);
		-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
		box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 40px;
		width: 40px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 375px) {
	.shop-close-main .close-bars {
		height: 28px;
		width: 28px;
		font-size: 20px;
		right: -28px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.body-overlay {
		position: fixed;
		height: 100vh;
		width: 100%;
		top: 0;
		left: 100%;
		z-index: -1;
		visibility: hidden;
		opacity: 0;
		background: rgba(0, 0, 0, 0.1);
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}

	.body-overlay.active {
		visibility: visible;
		opacity: 1;
		z-index: 99;
		left: 0;
	}
}

.single-blog-item .content .title {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	color: var(--heading-color);
	margin-top: 12px;
	margin-bottom: 15px;
}

.single-blog-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.single-blog-item:not(:last-child) {
	margin-bottom: 24px;
}

.single-blog-item .post-meta {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 10px;
}

.single-blog-item .post-meta li,
.single-blog-item .post-meta a {
	display: flex;
	align-items: baseline;
	gap: 4px;
	font-size: 16px;
	line-height: 20px;
	color: var(--paragraph-color);
}

.single-blog-item .img-box {
	max-width: 400px;
	flex-shrink: 0;
}

.single-blog-item .content {
	flex-grow: 1;
}

.blog-contents-inner p,
.single-blog-item .content p {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.recent-post-contents .recent-post-single:not(:last-child) {
	margin-bottom: 20px;
}

.recent-post-contents .recent-post-single .recent-post-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

@media only screen and (max-width: 480px) {
	.recent-post-contents .recent-post-single .recent-post-flex {
		display: block;
	}
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-post-thumb {
	margin-right: 15px;
	height: 80px;
	min-width: 80px;
	display: inline-block;
}

@media only screen and (max-width: 480px) {
	.recent-post-contents
		.recent-post-single
		.recent-post-flex
		.recent-post-thumb {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

.recent-post-contents
	.recent-post-single
	.recent-post-flex
	.recent-post-thumb
	img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.recent-post-contents
	.recent-post-single
	.recent-post-flex
	.recent-blog-contents
	.recent-post-title {
	font-size: 18px;
	line-height: 28px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

@media only screen and (max-width: 480px) {
	.recent-post-contents
		.recent-post-single
		.recent-post-flex
		.recent-blog-contents
		.recent-post-title {
		font-size: 16px;
		line-height: 24px;
	}
}

.recent-post-contents
	.recent-post-single
	.recent-post-flex
	.recent-blog-contents
	.recent-date {
	display: block;
	margin-top: 5px;
}

.sidebar-search-form .single-search-sidebar {
	position: relative;
	z-index: 1;
}

.sidebar-search-form .single-search-sidebar .form--control {
	border: 0;
	background: rgba(221, 221, 221, 0.2);
	padding: 0 40px 0 15px;
}

.sidebar-search-form .single-search-sidebar button {
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
	background: none;
	font-size: 20px;
	z-index: 2;
	border: 0;
	cursor: pointer;
	outline: none;
}

/* Shop List */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.value-input-area {
		margin-top: 20px;
	}
}

.value-input-area.style-02 .size-lists {
	margin-top: 10px;
}

.value-input-area.style-02 .size-lists li {
	font-size: 13px;
	height: 30px;
	width: 35px;
}

.value-input-area.style-02 .color-list {
	margin-top: 10px;
}

.value-input-area.style-02 .color-list li {
	height: 18px;
	width: 18px;
}

.value-input-area .input-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.value-input-area .input-list .form--input {
	width: auto;
	border: 0;
	outline: none;
	color: var(--body-color);
}

.value-input-area .size-lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.value-input-area .size-lists {
		margin-top: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.value-input-area .size-lists {
		margin-top: 15px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.value-input-area .size-lists {
		margin-top: 15px;
	}
}

.value-input-area .size-lists li {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 16px;
	height: 45px;
	width: 45px;
	border: 1px solid #999;
}

.value-input-area .size-lists li.active {
	border-color: var(--main-color-one);
}

@media only screen and (max-width: 480px) {
	.value-input-area .size-lists li {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.value-input-area .size-lists li {
		font-size: 14px;
		height: 40px;
		width: 40px;
	}
}

.value-input-area .color-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 20px;
	margin-top: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.value-input-area .color-list {
		margin-top: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.value-input-area .color-list {
		margin-top: 15px;
	}
}

.value-input-area .color-list li {
	cursor: pointer;
	display: inline-block;
	height: 20px;
	width: 20px;
	border: 1px solid transparent;
	position: relative;
	z-index: 1;
}

.value-input-area .color-list li.active {
	height: 16px;
	width: 16px;
}

.value-input-area .color-list li.active::before {
	content: "";
	position: absolute;
	height: calc(100% + 8px);
	width: calc(100% + 8px);
	left: -4px;
	top: -4px;
	border: 1px solid #f83a26;
	border-radius: 50%;
}

.value-input-area .color-list li.shop-color-2 {
	border-color: #30bb6f;
}

.value-input-area .color-list li.shop-color-2.active::before {
	border: 1px solid #30bb6f;
}

.value-input-area .color-list li.shop-color-3 {
	border-color: #ab47bc;
}

.value-input-area .color-list li.shop-color-3.active::before {
	border: 1px solid #ab47bc;
}

.value-input-area .color-list li.shop-color-4 {
	border-color: #ffc576;
}

.value-input-area .color-list li.shop-color-4.active::before {
	border: 1px solid #ffc576;
}

.value-input-area .color-list li.shop-color-5 {
	border-color: #040b25;
}

.value-input-area .color-list li.shop-color-5.active::before {
	border: 1px solid #040b25;
}

.value-input-area .color-list li.shop-color-6 {
	border: 1px solid #ff9800;
}

.value-input-area .color-list li.shop-color-6.active::before {
	border: 1px solid #ff9800;
}

.value-input-area .color-list li.shop-color-7 {
	border: 1px solid #ff695c;
}

.value-input-area .color-list li.shop-color-7.active::before {
	border: 1px solid #ff695c;
}

.shop-list-wrapper {
	padding: 20px;
}

.shop-list-wrapper .shop-wrapper-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px 10px;
}

@media (min-width: 100px) and (max-width: 767.98px) {
	.shop-list-wrapper .shop-wrapper-flex {
		display: grid;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.shop-list-wrapper.style-02 .shop-wrapper-flex {
		display: block;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-list-wrapper.style-02 .shop-wrapper-flex {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-list-wrapper.style-02 .shop-wrapper-flex {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-list-wrapper.style-02 .signle-shop-list .shop-list-flex {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-list-wrapper.style-02 .signle-shop-list .shop-list-flex .shop-thumbs {
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-list-wrapper.style-02
		.signle-shop-list
		.shop-list-flex
		.shop-thumbs
		img {
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-list-wrapper.style-02
		.signle-shop-list
		.shop-list-flex
		.shop-list-contents {
		margin-top: 30px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.shop-list-wrapper.style-02 .single-shop-cart {
		margin-top: 30px;
		text-align: left;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-list-wrapper.style-02 .single-shop-cart {
		margin-top: 30px;
		text-align: left;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-list-wrapper.style-02 .single-shop-cart {
		margin-top: 30px;
		text-align: left;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.shop-list-wrapper.style-02 .single-shop-cart::before {
		display: none;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-list-wrapper.style-02 .single-shop-cart::before {
		display: none;
	}
}

.shop-list-wrapper.style-02 .single-shop-cart .shop-cart-flex {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.center-text .btn-shop-botttom {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.single-shop-cart {
	text-align: center;
	position: relative;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-shop-cart {
		margin-top: 24px;
		margin: 24px auto;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-shop-cart {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-shop-cart {
		text-align: left;
	}
}

.single-shop-cart .price-title {
	font-size: 32px;
	line-height: 36px;
}

.single-shop-cart .shop-cart-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-shop-cart .shop-cart-flex {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-shop-cart .shop-cart-flex {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 480px) {
	.single-shop-cart .shop-cart-flex {
		gap: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.single-shop-cart .shop-cart-flex {
		gap: 20px;
	}
}

.single-shop-cart .btn-shop-botttom {
	font-size: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media only screen and (max-width: 767.98px) {
	.single-shop-cart .btn-shop-botttom {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 375px) {
	.single-shop-cart .btn-shop-botttom {
		font-size: 20px;
	}
}

.single-shop-cart .btn-shop-botttom .icons {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin: 5px 5px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 40px;
	width: 40px;
}

.single-shop-cart .btn-shop-botttom .icons:hover {
	color: var(--main-color-one);
	border-color: var(--main-color-one);
}

.single-shop-cart .btn-shop-botttom.hover-color-two .icons:hover {
	color: var(--main-color-two);
}

.single-shop-cart .btn-shop-botttom.hover-color-three .icons:hover {
	color: var(--main-color-three);
}

.single-shop-cart .btn-shop-botttom.hover-color-four .icons:hover {
	color: var(--main-color-four);
}

.discount-countdown-list {
	position: absolute;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9;
	background: rgba(255, 255, 255, 0.5);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.signle-shop-list {
	flex: 1;
	max-width: 650px;
}

.signle-shop-list .shop-list-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

@media only screen and (max-width: 767.98px) {
	.signle-shop-list .shop-list-flex {
		display: block;
	}
}

.signle-shop-list .shop-thumbs {
	height: 260px;
	width: 260px;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}

.signle-shop-list .shop-thumbs img {
	width: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1599.98px) {
	.signle-shop-list .shop-thumbs {
		max-width: 250px;
	}
}

.signle-shop-list .shop-thumbs .campaign-countdown {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	z-index: 2;
}

@media only screen and (max-width: 767.98px) {
	.signle-shop-list .shop-thumbs {
		height: 100%;
		width: 100%;
	}
}

.signle-shop-list .shop-thumbs img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.signle-shop-list .shop-list-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media only screen and (max-width: 767.98px) {
	.signle-shop-list .shop-list-contents {
		padding-top: 20px;
	}
}

.signle-shop-list .shop-list-contents .shop-list-title {
	font-size: 22px !important;
	line-height: 36px;
}

.signle-shop-list .shop-list-contents .global-shop-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
}

@media only screen and (max-width: 767.98px) {
	.signle-shop-list .shop-list-contents .global-shop-list {
		margin-top: 15px;
	}
}

.signle-shop-list .shop-list-contents .global-shop-list .list .star {
	color: #ffba5c;
}

.signle-shop-list .shop-list-contents .global-shop-list .list .shop-size {
	position: relative;
}

.signle-shop-list
	.shop-list-contents
	.global-shop-list
	.list:not(:last-child)
	.shop-size {
	padding-right: 10px;
}

.signle-shop-list
	.shop-list-contents
	.global-shop-list
	.list:not(:last-child)
	.shop-size::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #999;
	z-index: -1;
	height: 12px;
	width: 2px;
}

.signle-shop-list
	.shop-list-contents
	.global-shop-list
	.list:not(:first-child)
	.shop-size {
	padding-left: 10px;
}

.signle-shop-list .shop-list-contents .global-shop-list .list .color-list {
	display: inline-block;
	height: 15px;
	width: 15px;
	margin-left: 10px;
}

.signle-shop-list .shop-list-contents .global-shop-list .list .artificial {
	margin-left: 10px;
}

/* Shop Details Area */
.single-shop-details-wrapper {
	padding: 0 10px;
}

.shop-details-thums img {
	width: 100%;
}
.shop-details-thums.shop-details-thums-small {
	height: 130px;
	width: auto;
}

.shop-details-thums.shop-details-thums-small img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
@media (min-width: 300px) and (max-width: 991.98px) {
	.single-shop-details-wrapper {
		margin-top: 20px;
	}
}

.single-shop-details-wrapper .common-para {
	margin-top: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-shop-details-wrapper .common-para {
		margin-top: 15px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-shop-details-wrapper .common-para {
		margin-top: 15px !important;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-shop-details-wrapper .price-update-through {
		margin-top: 15px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-shop-details-wrapper .price-update-through {
		margin-top: 15px !important;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-shop-details-wrapper .price-update-through .flash-prices {
		font-size: 28px !important;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-shop-details-wrapper .price-update-through .flash-old-prices {
		font-size: 20px !important;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.quantity-area {
		margin-top: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.quantity-area {
		margin-top: 20px;
	}
}

.details-title {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--heading-color);
}

@media screen and (max-width: 575px) {
	.details-title {
		font-size: 30px;
	}
}

@media screen and (max-width: 480px) {
	.details-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 375px) {
	.details-title {
		font-size: 24px;
	}
}

.quick-view-modal {
	position: relative;
}

.quick-view-close-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--delete-color);
	color: var(--delete-color);
	border-radius: 50%;
	font-size: 16px;
	line-height: 20px;
	height: 35px;
	width: 35px;
	background: var(--white);
	transition: all 0.3s;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
}

@media screen and (min-width: 576px) {
	.quick-view-close-btn {
		right: -10px;
		top: -10px;
	}
}

.quick-view-close-btn:hover {
	background-color: var(--delete-color);
	color: var(--white);
}

.quick-view-value-input-area {
}

.quick-view-value-input-area .form--input {
	border: 1px solid var(--border-color);
	padding: 5px 12px;
	font-size: 16px;
	font-weight: 500;
	color: var(--heading-color);
	height: 42px;
	width: auto;
	border: 0;
	outline: none;
}

.quick-view-value-input-area .input-list {
	display: flex;
	align-items: baseline;
	gap: 12px;
}

.quick-view-value-input-area .input-list strong {
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	color: var(--heading-color);
	display: block;
}

.quick-view-size-lists {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 15px;
}

.quick-view-size-lists li {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--border-color);
	padding: 7px 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	cursor: pointer;
}

.quantity-area .quantity-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px;
}

.product-quantity {
	position: relative;
	z-index: 3;
}

.product-quantity .quantity-input {
	width: 100px;
	height: 45px;
	border: 1px solid #999;
	color: var(--paragraph-color);
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	text-align: center;
}

.product-quantity .substract,
.product-quantity .plus {
	color: var(--paragraph-color);
	z-index: 9;
	cursor: pointer;
	position: absolute;
	left: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.product-quantity .substract:hover,
.product-quantity .plus:hover {
	color: var(--main-color-one);
}

.product-quantity .plus {
	left: auto;
	right: 5px;
}

.quantity-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.quantity-btn {
		margin-top: 25px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.quantity-btn {
		margin-top: 25px;
	}
}

.quantity-btn .heart-btn {
	height: 52px;
	width: 52px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid var(--main-color-one);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.quantity-btn .heart-btn:hover {
	background: var(--main-color-one);
	color: var(--white);
}

@media only screen and (max-width: 375px) {
	.quantity-btn .heart-btn {
		height: 45px;
		width: 45px;
		font-size: 24px !important;
	}
}

.visit__btn,
.chatContact__btn {
	font-size: 16px;
	font-weight: 400;
	font-family: var(--body-font);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	text-transform: capitalize;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	gap: 5px;
	cursor: pointer;
	line-height: 20px;
	padding: 10px 25px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background-color: var(--main-color-one);
	color: var(--white-text);
	position: relative;
	z-index: 0;
	overflow: hidden;
	border: 1px solid transparent;
}

.chatContact__btn i {
	font-size: 14px;
}

.visit__btn__outline {
	font-size: 16px;
	font-weight: 400;
	font-family: var(--body-font);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	text-transform: capitalize;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	gap: 5px;
	cursor: pointer;
	line-height: 20px;
	padding: 13px 25px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background-color: unset;
	color: var(--paragraph-color);
	border: 1px solid var(--border-color);
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.visit__btn__outline:hover {
	border-color: var(--main-color-one);
	color: var(--main-color-one);
}


.global-card-thumb .stock-available, .global-card-thumb  .stock-available {
	font-weight: 500;
    line-height: 26px;
    font-size: 12px;
    padding: 5px 0;
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.quick-view-availability,
.availability,
.stock-available {
	font-weight: 500;
    line-height: 26px;
    font-size: 12px;
    padding: 5px 0;
   
}

.stock-available .count-stock {
	color: var(--body-color);
}

.shop-border-top {
	border-top: 1px solid rgba(221, 221, 221, 0.4);
}

.product-sold-btn {
	font-size: 16px;
	background: rgba(90, 178, 126, 0.1);
	color: #5ab27e;
	padding: 10px 20px;
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.product-sold-btn:hover {
	background: #5ab27e;
	color: var(--white);
}

.guaranteed-checkout {
	font-size: 16px;
	display: block;
}

.details-checkout-shop .payment-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-details-stock .stock-category {
		margin-top: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-details-stock .stock-category {
		margin-top: 20px;
	}
}

.checkout__card__wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px;
}

.checkout__card__wrap:not(:last-child) {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--border-two);
}

.checkout__card__wrap__product {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	max-width: 300px;
}

.checkout__card__thumb {
	flex-shrink: 0;
	max-width: 80px;
}

.shop-details-stock .stock-category li {
	font-size: 16px;
	line-height: 26px;
}

@media only screen and (max-width: 480px) {
	.shop-details-stock .stock-category li {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.shop-details-stock .stock-category li {
		font-size: 14px;
	}
}

.shop-details-stock .stock-category li:not(:last-child) {
	padding-bottom: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-details-stock .stock-category li:not(:last-child) {
		margin-top: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-details-stock .stock-category li:not(:last-child) {
		margin-top: 15px;
	}
}

.category-list strong {
	color: var(--heading-color);
}

.shop-details-stock .stock-category li a:hover {
	color: var(--main-color-one);
}

.shop-details-stock .stock-category .category-list .list-item {
	padding-left: 3px;
}

.shop-details-stock
	.stock-category
	.category-list
	.list-item:not(:last-child)::after {
	content: ",";
}

.shop-details-stock .size-chart-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-details-stock .size-chart-list {
		margin-top: 25px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-details-stock .size-chart-list {
		margin-top: 25px;
	}
}

.shop-details-stock .size-chart-list li a {
	font-size: 16px;
	line-height: 26px;
	display: inline-block;
	border-bottom: 1px solid #999;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 480px) {
	.shop-details-stock .size-chart-list li a {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.shop-details-stock .size-chart-list li a {
		font-size: 14px;
		line-height: 22px;
	}
}

.shop-details-stock .size-chart-list li a:hover {
	color: var(--main-color-one);
	border-color: var(--main-color-one);
}

.shop-details-thums {
	height: 500px;
	padding: 10px;
}
.shop-details-thums img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.shop-details-top-slider .shop-details-thumb-wrapper .shop-details-thums img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.shop-details-click-img .shop-small-thumb-wrapper {
	cursor: pointer;
}

.shop-description-list .list {
	font-size: 18px;
	line-height: 24px;
	margin-top: 15px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-description-list .list {
		font-size: 16px;
	}
}

@media only screen and (max-width: 575.98px) {
	.shop-description-list .list {
		font-size: 15px;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 375px) {
	.shop-description-list .list {
		font-size: 14px;
	}
}

.single-shop-details-wrapper {
	max-width: 585px;
}

.details-tab-wrapper .details-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.details-tab-wrapper .details-tab {
		gap: 15px;
	}
}

@media only screen and (max-width: 480px) {
	.details-tab-wrapper .details-tab {
		gap: 0 10px;
	}
}

.details-tab-wrapper .details-tab li {
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 10px;
	background: none;
	color: var(--paragraph-color);
	-webkit-transition: all 300ms;
	transition: all 300ms;
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
}

.details-tab-wrapper .details-tab li::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: var(--main-color-one);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.details-tab-wrapper .details-tab li {
		font-size: 16px;
		font-weight: 400;
		padding: 7px 20px;
	}
}

@media only screen and (max-width: 575.98px) {
	.details-tab-wrapper .details-tab li {
		font-size: 15px;
		padding: 6px 20px;
		line-height: 26px;
	}
}

@media only screen and (max-width: 375px) {
	.details-tab-wrapper .details-tab li {
		font-size: 14px;
		padding: 0px 2px;
	}
}

.details-tab-wrapper .details-tab li.active {
	color: var(--white);
}

.details-tab-wrapper .details-tab li.active::before {
	width: 100%;
	visibility: visible;
	opacity: 1;
}

.details-tab-wrapper .details-tab li:hover {
	color: var(--heading-color);
}

.details-tab-wrapper .details-tab.hover-color-two li.active {
	background: var(--main-color-two);
	color: var(--white);
	border-color: var(--main-color-two);
}

.details-tab-wrapper .details-tab.hover-color-two li:hover {
	background: var(--main-color-two);
	color: var(--white);
	border-color: var(--main-color-two);
}

.details-tab-wrapper .details-tab.hover-color-three li.active {
	background: var(--main-color-three);
	color: var(--white);
	border-color: var(--main-color-three);
}

.details-tab-wrapper .details-tab.hover-color-three li:hover {
	background: var(--main-color-three);
	color: var(--white);
	border-color: var(--main-color-three);
}

.details-tab-wrapper .details-tab.hover-color-four li.active {
	background: var(--main-color-four);
	color: var(--white);
	border-color: var(--main-color-four);
}

.details-tab-wrapper .details-tab.hover-color-four li:hover {
	background: var(--main-color-four);
	color: var(--white);
	border-color: var(--main-color-four);
}

.details-tab-wrapper .tab-content-item {
	border: 1px solid var(--border-color);
	padding: 20px;
	margin-top: 20px;
}

.wishlist-compare .wishlist-compare-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 12px;
}

.wishlist-compare .wishlist-compare-btn .btn-details {
	display: inline-block;
	font-size: 18px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.wishlist-compare .wishlist-compare-btn .btn-details i {
	margin-right: 3px;
}

.wishlist-compare .wishlist-compare-btn .btn-details:hover {
	color: var(--main-color-one);
}

.btn-buyNow {
	color: var(--paragraph-color);
	font-size: 16px;
	font-weight: 500;
	font-family: var(--body-font);
	display: inline-block;
	border-radius: 0px;
	text-align: center;
	cursor: pointer;
	line-height: 24px;
	padding: 10px 35px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background: unset;
	color: var(--main-color-one);
	border: 1px solid var(--main-color-one);
}

.wishlist-compare .wishlist-compare-btn .btn-addCompare,
.wishlist-compare .wishlist-compare-btn .btn-buyNow {
	font-size: 16px;
}

.btn-buyNow:hover {
	background-color: var(--main-color-one);
	color: var(--white) !important;
}

.btn-addCompare {
	font-size: 16px;
	font-weight: 500;
	font-family: var(--body-font);
	display: inline-block;
	border-radius: 0px;
	text-align: center;
	cursor: pointer;
	line-height: 24px;
	padding: 10px 35px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background: unset;
	color: var(--paragraph-color);
	border: 1px solid var(--border-color);
}

.btn-addCompare:hover {
	background-color: unset;
	color: var(--main-color-one);
	border-color: var(--main-color-one);
}

.tags-area-shop .tags-shop-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tags-area-shop .tags-shop-list .list {
	margin-top: 10px;
}

.tags-area-shop .tags-shop-list .list:not(:last-child) {
	margin-right: 10px;
}

.tags-area-shop .tags-shop-list .list a {
	font-size: 15px;
	display: inline-block;
	padding: 5px 12px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	color: var(--paragraph-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.tags-area-shop .tags-shop-list .list a:hover {
	background: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
}

.single-details-tab .tab-description .description-para {
	font-size: 18px;
	line-height: 30px;
	color: var(--paragraph-color);
	padding-top: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-details-tab .tab-description .description-para {
		font-size: 16px;
	}
}

@media only screen and (max-width: 480px) {
	.single-details-tab .tab-description .description-para {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.single-details-tab .tab-description .description-para {
		font-size: 14px;
	}
}

.about-seller-flex-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 40px 0;
	gap: 30px;
}

@media only screen and (max-width: 480px) {
	.about-seller-flex-content {
		display: block;
	}
}

@media only screen and (max-width: 575.98px) {
	.about-seller-flex-content {
		padding: 30px 0;
	}
}

.about-seller-flex-content:not(:first-child) {
	border-top: 2px solid rgba(221, 221, 221, 0.5);
}

.about-seller-flex-content .about-seller-thumb {
	height: 80px;
	min-width: 80px;
	border-radius: 10px;
	display: block;
}

@media only screen and (max-width: 480px) {
	.about-seller-flex-content .about-seller-thumb {
		width: 80px;
		margin-bottom: 15px;
	}
}

.about-seller-flex-content .about-seller-thumb img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.about-seller-flex-content .about-seller-content .title {
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
}

.about-seller-flex-content .about-seller-content .about-seller-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 10px;
}

.about-seller-flex-content .about-seller-content .about-seller-list .icon {
	color: var(--main-color-one);
	font-size: 12px;
}

.about-seller-flex-content .about-seller-content .about-seller-list .reviews {
	margin-left: 10px;
}

.about-seller-flex-content .about-seller-content .about-review-para {
	font-size: 16px;
	font-weight: 400;
	color: var(--paragraph-color);
	margin-top: 20px;
	line-height: 26px;
}

.about-seller-flex-content .about-seller-content .review-date {
	margin-top: 20px;
	display: block;
}

.seller-details-box {
	border: 1px solid rgba(221, 221, 221, 0.5);
	padding: 30px;
	border-radius: 10px;
}

@media only screen and (max-width: 480px) {
	.seller-details-box {
		padding: 20px 10px;
	}
}

.seller-details-box .seller-box-list {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

@media only screen and (max-width: 480px) {
	.seller-details-box .seller-box-list {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

.seller-details-box .seller-box-list .box-list {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	margin-bottom: 20px;
}

.seller-details-box .seller-box-list .box-list strong {
	display: block;
	font-size: 20px;
	font-weight: 500;
	color: var(--heading-color);
	font-family: var(--heading-font);
	line-height: 28px;
	margin-top: 5px;
}

.seller-details-box .seller-details-para {
	font-size: 18px;
	line-height: 30px;
	color: var(--paragraph-color);
}

@media only screen and (max-width: 575.98px) {
	.seller-details-box .seller-details-para {
		font-size: 16px;
	}
}

@media only screen and (max-width: 375px) {
	.seller-details-box .seller-details-para {
		font-size: 14px;
	}
}

.payment-list .payments {
	position: relative;
	z-index: 1;
	border: 2px solid transparent;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: calc(100% / 5 - 8px);
}

.payment-list .payments.selected {
	border-color: var(--main-color-one);
}

.payment-list .payments.selected::before {
	visibility: visible;
	opacity: 1;
}

.payment-list .payments::before {
	font-family: "Line Awesome Free";
	font-weight: 900;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	height: 18px;
	width: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: var(--main-color-one);
	color: var(--white);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.shop-details-faq-contents {
	height: 650px;
	overflow-y: auto;
}

.shop-details-faq-contents .faq-contents .faq-item {
	margin-top: 0;
}

.shop-details-faq-contents .faq-contents .faq-item:last-child {
	border-bottom: 2px solid #ddd;
}

.shop-details-faq-contents .faq-contents .faq-item.open .faq-title {
	background: none;
	color: var(--heading-color);
}

.shop-details-faq-contents .faq-contents .faq-item.open .faq-title::after {
	content: "";
	color: var(--paragraph-color);
}

.shop-details-faq-contents .faq-contents .faq-item.active .faq-panel {
	display: block;
	background: none;
	padding: 0;
}

.shop-details-faq-contents .faq-contents .faq-item:not(:first-child) {
	margin-top: 0;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-title {
	font-size: 24px;
	font-weight: 500;
	border: none;
	padding: 50px 0 30px;
	border-top: 2px solid #ddd !important;
	font-family: var(--heading-font);
	color: var(--heading-color);
}

.shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
	content: "";
	color: var(--paragraph-color);
	font-size: 24px;
	right: 0;
	margin-top: 15px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
		margin-top: 0;
		font-size: 22px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
		margin-top: 0;
		font-size: 22px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
		margin-top: 0;
		font-size: 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
		margin-top: 0;
		font-size: 18px;
	}
}

@media only screen and (max-width: 480px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
		font-size: 16px;
	}
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title {
		padding: 30px 0;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title {
		padding: 20px 0;
		font-size: 22px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title {
		padding: 20px 0;
		font-size: 22px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title {
		padding: 20px 0;
		font-size: 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title {
		padding: 20px 0;
		font-size: 18px;
	}
}

@media only screen and (max-width: 480px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title {
		font-size: 17px;
	}
}

@media only screen and (max-width: 375px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-title {
		font-size: 16px;
	}
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel {
	padding: 0;
	background: none !important;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
	font-size: 18px;
	line-height: 30px;
	padding-bottom: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
		font-size: 16px;
		line-height: 28px;
		padding-bottom: 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
		font-size: 16px;
		line-height: 28px;
		padding-bottom: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
		font-size: 16px;
		line-height: 28px;
		padding-bottom: 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
		font-size: 16px;
		line-height: 28px;
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
		font-size: 14px;
		line-height: 26px;
	}
}

.shop-details-faq-contents
	.faq-contents
	.faq-item
	.faq-panel
	.tab-information
	.about-seller-flex-content {
	padding: 0 0 10px;
}

.shop-details-faq-contents
	.faq-contents
	.faq-item
	.faq-panel
	.tab-information
	.seller-details-box {
	border: 0;
	padding: 10px 0 30px;
}

.shop-details-faq-contents
	.faq-contents
	.faq-item
	.faq-panel
	.tab-information
	.seller-details-box
	.seller-details-para {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-review {
	padding-bottom: 30px;
}

.shop-details-faq-contents
	.faq-contents
	.faq-item
	.faq-panel
	.tab-review
	.about-seller-flex-content {
	padding: 20px 0;
}

.shop-details-faq-contents
	.faq-contents
	.faq-item
	.faq-panel
	.tab-review
	.about-seller-flex-content:first-child {
	padding-top: 0;
}

.shop-details-faq-contents
	.faq-contents
	.faq-item
	.faq-panel
	.tab-review
	.about-seller-flex-content
	.about-seller-content
	.about-review-para {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.shop-details-right-sidebar {
	position: sticky;
	top: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-details-right-sidebar {
		margin-top: 30px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-details-right-sidebar {
		margin-top: 30px;
	}
}

.single-sidebar-details {
	padding: 20px;
}

.single-sidebar-details .title-sidebar-global {
	font-size: 22px;
	font-weight: 500;
}

.single-sidebar-details .shop-details-gift .gift-icon {
	font-size: 60px;
	color: var(--main-color-one);
}

.single-sidebar-details .best-seller-sidebar:hover .seller-thumb img {
	-webkit-transform: rotate(5deg) scale(1.2);
	transform: rotate(5deg) scale(1.2);
}

.single-sidebar-details .best-seller-sidebar:hover .thumb-brand {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.single-sidebar-details .best-seller-sidebar .thumb-brand {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 80px;
	width: 80px;
	background-color: #f7f7f7;
	margin: 0px auto;
	position: relative;
	z-index: 9;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-sidebar-details .best-seller-sidebar .thumb-brand.brand-thumb-border {
	border: 3px solid #fff;
}

.single-sidebar-details .shop-details-share .share-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.single-sidebar-details .shop-details-share .share-list .list {
	margin: 0px 5px 5px;
}

.single-sidebar-details .shop-details-share .share-list .list .social-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20px;
	height: 40px;
	width: 40px;
	background: rgba(221, 221, 221, 0.4);
	color: var(--heading-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-sidebar-details
	.shop-details-share
	.share-list
	.list
	.social-icon:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.single-sidebar-details .shop-product-slider .nav-style-two .prev-icon,
.single-sidebar-details .shop-product-slider .nav-style-two .next-icon {
	height: 35px;
	width: 35px;
	font-size: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-details-list .promo-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-details-list .promo-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 0 20px;
	}
}

.shop-details-list .promo-list .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.shop-details-list .promo-list .list:not(:first-child) {
	margin-top: 24px;
}

.shop-details-list .promo-list .list .icon {
	margin-right: 10px;
	font-size: 30px;
	color: var(--main-color-one);
}

.shop-details-list .promo-list .list .promon-icon-contents .promo-title:hover {
	color: var(--main-color-one);
}

.shop-details-list .promo-list .list .promon-icon-contents .promo-para {
	font-size: 15px;
	line-height: 26px;
	display: block;
	margin-top: 5px;
}

.sidebar-wrapper-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

.sidebar-wrapper-btn .btn-visit-chat {
	margin-top: 20px;
}

.sidebar-wrapper-btn .visit-btn {
	background: var(--main-color-one);
	color: var(--white);
	padding: 7px 15px;
	display: inline-block;
	border: 2px solid var(--main-color-one);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.sidebar-wrapper-btn .visit-btn:hover {
	background: none;
	color: var(--main-color-one);
}

.sidebar-wrapper-btn .visit-btn.visit__btn__outline {
	background: unset;
	color: var(--paragraph-color);
	padding: 10px 15px;
	border: 1px solid var(--border-color);
}

.sidebar-wrapper-btn .visit-btn.visit__btn__outline:hover {
	border-color: var(--main-color-one);
	color: var(--main-color-one);
	background-color: unset;
}

.sidebar-wrapper-btn .btn-message-chat {
	padding: 6px 10px;
	font-size: 18px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.sidebar-wrapper-btn .btn-message-chat.chat-border {
	border: 2px solid var(--main-color-one);
	color: var(--main-color-one);
}

.sidebar-wrapper-btn .btn-message-chat.chat-border:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.shop-popup-color-two .value-input-area .size-lists li.active {
	border-color: var(--main-color-two);
}

.shop-popup-color-two .product-quantity .substract:hover,
.shop-popup-color-two .product-quantity .plus:hover {
	color: var(--main-color-two);
}

.shop-popup-color-two .quantity-btn .heart-btn {
	border-color: var(--main-color-two);
}

.shop-popup-color-two .quantity-btn .heart-btn:hover {
	background-color: var(--main-color-two);
	color: var(--white);
}

.shop-popup-color-two
	.wishlist-compare
	.wishlist-compare-btn
	.btn-details:hover {
	color: var(--main-color-two);
}

.shop-popup-color-two .payment-list .payments.selected {
	border-color: var(--main-color-two);
}

.shop-popup-color-two .payment-list .payments::before {
	background: var(--main-color-two);
}

.shop-popup-color-two .shop-details-stock .stock-category li a:hover {
	color: var(--main-color-two);
}

.shop-popup-color-two .tags-area-shop .tags-shop-list .list a:hover {
	background: var(--main-color-two);
	color: var(--white);
	border-color: var(--main-color-two);
}

.shop-popup-color-three .value-input-area .size-lists li.active {
	border-color: var(--main-color-three);
}

.shop-popup-color-three .product-quantity .substract:hover,
.shop-popup-color-three .product-quantity .plus:hover {
	color: var(--main-color-three);
}

.shop-popup-color-three .quantity-btn .heart-btn {
	border-color: var(--main-color-three);
}

.shop-popup-color-three .quantity-btn .heart-btn:hover {
	background-color: var(--main-color-three);
	color: var(--white);
}

.shop-popup-color-three
	.wishlist-compare
	.wishlist-compare-btn
	.btn-details:hover {
	color: var(--main-color-three);
}

.shop-popup-color-three .payment-list .payments.selected {
	border-color: var(--main-color-three);
}

.shop-popup-color-three .payment-list .payments::before {
	background: var(--main-color-three);
}

.shop-popup-color-three .shop-details-stock .stock-category li a:hover {
	color: var(--main-color-two);
}

.shop-popup-color-three .tags-area-shop .tags-shop-list .list a:hover {
	background: var(--main-color-three);
	color: var(--white);
	border-color: var(--main-color-three);
}

.shop-popup-color-four .value-input-area .size-lists li.active {
	border-color: var(--main-color-four);
}

.shop-popup-color-four .product-quantity .substract:hover,
.shop-popup-color-four .product-quantity .plus:hover {
	color: var(--main-color-four);
}

.shop-popup-color-four .quantity-btn .heart-btn {
	border-color: var(--main-color-four);
}

.shop-popup-color-four .quantity-btn .heart-btn:hover {
	background-color: var(--main-color-four);
	color: var(--white);
}

/* Discount Popup Area */
.discount-popup-wrapper {
	max-width: 900px;
	margin: 200px auto;
	text-align: center;
	padding: 80px 20px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.discount-popup-wrapper {
		max-width: 500px;
		padding: 50px 10px;
		margin: 100px auto;
	}
}

@media only screen and (max-width: 767.98px) {
	.discount-popup-wrapper {
		max-width: 400px;
	}
}

@media only screen and (max-width: 575.98px) {
	.discount-popup-wrapper {
		max-width: 350px;
	}
}

@media only screen and (max-width: 480px) {
	.discount-popup-wrapper {
		max-width: 300px;
	}
}

@media only screen and (max-width: 375px) {
	.discount-popup-wrapper {
		max-width: 280px;
	}
}

.discount-popup-wrapper .close-icon {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 99;
	cursor: pointer;
	font-size: 24px;
	color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.discount-popup-wrapper .close-icon {
		top: 10px;
		right: 15px;
	}
}

.discount-popup-contents .popup-title {
	font-size: 60px;
	line-height: 80px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.discount-popup-contents .popup-title {
		font-size: 55px;
		line-height: 70px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.discount-popup-contents .popup-title {
		font-size: 50px;
		line-height: 65px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.discount-popup-contents .popup-title {
		font-size: 50px;
		line-height: 60px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.discount-popup-contents .popup-title {
		font-size: 36px;
		line-height: 40px;
	}
}

@media only screen and (max-width: 767.98px) {
	.discount-popup-contents .popup-title {
		font-size: 32px;
	}
}

@media only screen and (max-width: 480px) {
	.discount-popup-contents .popup-title {
		font-size: 28px;
		line-height: 36px;
	}
}

.discount-popup-contents .popup-para {
	font-size: 18px;
	line-height: 30px;
	max-width: 460px;
	margin: 0 auto;
	margin-top: 20px;
	color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.discount-popup-contents .popup-para {
		font-size: 16px;
		line-height: 28px;
	}
}

.discount-popup-contents .popup-form {
	max-width: 500px;
	margin: 50px auto 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.discount-popup-contents .popup-form {
		margin: 30px auto 0;
	}
}

.discount-popup-contents .popup-form .single-input {
	position: relative;
	z-index: 1;
}

.discount-popup-contents .popup-form .single-input .form--control {
	border: 0;
	outline: none;
	background: #fff;
	padding: 0 140px 0 20px;
}

@media only screen and (max-width: 375px) {
	.discount-popup-contents .popup-form .single-input .form--control {
		height: 50px;
	}
}

.discount-popup-contents .popup-form .single-input button {
	background: var(--main-color-one);
	color: var(--white);
	border: 0;
	outline: none;
	padding: 10px 30px;
	position: absolute;
	right: 0;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}

@media only screen and (max-width: 480px) {
	.discount-popup-contents .popup-form .single-input button {
		font-size: 15px;
		padding: 8px 20px;
	}
}

.discount-popup-contents .popup-form .checkbox-inlines {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.discount-popup-contents .popup-form .checkbox-inlines {
		margin-top: 30px;
	}
}

.discount-overlays {
	position: fixed;
	height: 100vh;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.7);
}

.popup-color-two
	.global-timer.discount-countdown
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__value {
	color: var(--main-color-two);
}

.popup-color-two .discount-popup-contents .popup-form .single-input button {
	background-color: var(--main-color-two);
}

.popup-color-two .checkbox-inlines .check-input:checked {
	background-color: var(--main-color-two);
	border-color: var(--main-color-two);
}

.popup-color-three
	.global-timer.discount-countdown
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__value {
	color: var(--main-color-three);
}

.popup-color-three .discount-popup-contents .popup-form .single-input button {
	background-color: var(--main-color-three);
}

.popup-color-three .checkbox-inlines .check-input:checked {
	background-color: var(--main-color-three);
	border-color: var(--main-color-three);
}

.popup-color-four
	.global-timer.discount-countdown
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__value {
	color: var(--main-color-four);
}

.popup-color-four .discount-popup-contents .popup-form .single-input button {
	background-color: var(--main-color-four);
}

.popup-color-four .checkbox-inlines .check-input:checked {
	background-color: var(--main-color-four);
	border-color: var(--main-color-four);
}

.popup-modal {
	position: relative;
	z-index: 9;
}

.shop-detail-cart-content {
	max-width: 1000px;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(0%) scale(0.6);
	transform: translateY(0%) scale(0.6);
	left: 0;
	right: 0;
	background: #fff;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.shop-detail-cart-content.active {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.shop-detail-cart-content.active {
		top: 0;
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.shop-detail-cart-content.active {
		top: 0;
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-detail-cart-content.active {
		top: 0;
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-detail-cart-content.active {
		top: 0;
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}
}

.shop-detail-cart-content .shop-details-cart-images {
	max-width: 575px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-detail-cart-content .shop-details-cart-images {
		max-width: 575px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-detail-cart-content .shop-details-cart-images {
		max-width: 100%;
	}
}

.shop-detail-cart-content .shop-details-cart-contents {
	overflow-y: auto;
	max-height: 700px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.shop-detail-cart-content .shop-details-cart-contents {
		max-height: 690px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-detail-cart-content .shop-details-cart-contents {
		padding: 0 30px;
	}
}

@media only screen and (max-width: 480px) {
	.shop-detail-cart-content .shop-details-cart-contents {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 375px) {
	.shop-detail-cart-content .shop-details-cart-contents {
		padding: 0 10px;
	}
}

.shop-detail-cart-content .single-shop-details-wrapper {
	max-width: 100%;
	max-height: 700px;
	overflow-y: auto;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-detail-cart-content .single-shop-details-wrapper {
		margin-top: 20px;
	}
}

.shop-detail-cart-content .single-shop-details-wrapper .close-icon {
	font-size: 24px;
	position: absolute;
	right: 30px;
	top: 20px;
	cursor: pointer;
	z-index: 999;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-detail-cart-content .single-shop-details-wrapper .close-icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 50px;
		width: 50px;
		background: var(--main-color-one);
		color: var(--white);
		right: 20px;
		top: 20px;
	}
}

@media only screen and (max-width: 575.98px) {
	.shop-detail-cart-content .single-shop-details-wrapper .close-icon {
		height: 40px;
		width: 40px;
		top: 10px;
		right: 10px;
	}
}

.shop-details-popup-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 50px;
	background: #fff;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.shop-details-popup-flex {
		display: block;
		height: 100vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

.slingle-client {
	max-width: 100%;
	height: 70px;
	background: #f5f5f5;
	padding: 10px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slingle-client img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	max-height: 50px;
}

/*---------------------------------------
    21. Global Card Area
---------------------------------------*/
.global-card-item {
	border: 1px solid var(--border-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.global-card-item, .global-card-item.style-02 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	border: 0;
	box-shadow: 2px 3px 10px #dddddd;
	border-radius: 8px;
	overflow: hidden;
}

.global-card-item.center-text {
	text-align: center;
}

.global-card-item.center-text .single-global-card {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.global-card-item:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.global-card-item:hover .global-card-thumb img {
	-webkit-transform: rotate(5deg) scale(1.2);
	transform: rotate(5deg) scale(1.2);
}

.global-card-item:hover .global-card-thumb.selling-thumb-overlay::before {
	visibility: visible;
	opacity: 1;
}

.global-card-item:hover .global-card-thumb .global-thumb-icons {
	visibility: visible;
	opacity: 1;
	top: 20px;
}

.global-card-item.style-02:hover .global-thumb-icons {
	top: auto;
	bottom: 20px;
}

.global-card-item.style-02 .global-thumb-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: auto;
	bottom: -100px;
	left: 0;
	right: 0;
	text-align: center;
}

.global-card-item.style-02 .global-thumb-icons .lists {
	margin: 5px 5px;
}

.global-card-item.style-02 .global-thumb-icons .lists .icon {
	height: 35px;
	width: 35px;
	font-size: 20px;
}

.global-card-item.style-03 {
	border: 0;
	box-shadow: 2px 3px 10px #dddddd !important;
	border-radius: 8px!important;
	overflow: hidden!important;
}

.global-card-item.style-03:hover .global-thumb-icons {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

.global-card-item.style-03 .global-thumb-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: 50%;
	left: 50%;
}

.global-card-item .common-title-two {
	min-height: 40px;
}

.global-card-item.style-03 .global-thumb-icons .lists {
	margin: 5px 5px;
}

.global-card-item.style-03 .global-thumb-icons .lists .icon {
	height: 35px;
	width: 35px;
	font-size: 20px;
	border-radius: 0;
}

.global-card-item.style-03 .global-card-contents {
	padding: 25px 0px 0px;
}

.global-card-item.style-03 .global-card-contents .campaign-countdown {
	margin-bottom: 10px;
}

.global-card-item .global-card-thumb {
	overflow: hidden;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 250px;
	background: var(--gray-two);
}

.global-card-item .global-card-thumb img {
	/* -webkit-transition: all 0.3s;
	transition: all 0.3s; */
	width: 100%;
	object-fit: contain;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.global-card-item .global-card-thumb img {
		width: 100%;
	}
}

.global-card-item.vendor-global-card-item .global-thumb-icons .lists .icon {
	height: 30px;
	width: 30px;
	font-size: 16px;
}

.vendor-global-card-item .global-thumb-icons .lists:not(:last-child) {
	margin-bottom: 5px;
}

.global-card-contents {
	padding: 20px 20px 24px;
}

.global-card-item.style-02 .global-card-contents {
	padding: 20px 0px 0;
}

.global-card-contents .discount-countdown {
	margin: -15px 0 5px;
}

.thumb-top-contents {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
	display: block;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.thumb-top-contents.right-side {
	left: auto;
	right: 10px;
}

.thumb-top-contents .percent-box {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 15px;
	color: var(--white);
}

.thumb-top-contents .percent-box:not(:last-child) {
	margin-bottom: 10px;
}

.special-offer-small {
	display: block;
}

.special-offer-small img {
	width: unset;
}

.global-thumb-icons {
	display: block;
	position: absolute;
	top: -100px;
	right: 20px;
	z-index: 9;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.global-thumb-icons.hover-color-two .lists .icon:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.global-thumb-icons.hover-color-three .lists .icon:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.global-thumb-icons.hover-color-four .lists .icon:hover {
	background: var(--main-color-four);
	color: var(--white);
}

.global-thumb-icons .lists:not(:last-child) {
	margin-bottom: 10px;
}

.global-thumb-icons .lists .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 35px;
	width: 35px;
	border-radius: 5px;
	background: #fff;
	color: var(--paragraph-color);
	font-size: 18px;
	-webkit-box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
	box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.global-thumb-icons .lists .icon:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.card-reviews {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--paragraph-color);
}

.card-reviews.color-one .ratings i {
	color: var(--main-color-one);
}

.card-reviews.color-two .ratings i {
	color: var(--main-color-two);
}

.card-reviews.color-three .ratings i {
	color: var(--main-color-three) !important;
}

.card-reviews .ratings {
	margin: 5px;
}

.card-reviews .ratings i {
	color: var(--review-color);
}

.single-global-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 12px;
}

@media only screen and (max-width: 375px) {
	.single-global-card {
		display: block;
		margin-top: 0 !important;
	}
}

.single-global-card .global-card-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 10px;
}

@media only screen and (max-width: 375px) {
	.single-global-card .global-card-left {
		margin-right: 10px;
	}
}

.single-global-card .global-card-left .price {
	font-size: 20px;
	font-weight: 500;
	line-height: 36px;
	margin-right: 20px;
}

.single-global-card .global-card-left .price.color-1 {
	color: var(--main-color-one);
}

.single-global-card .global-card-left .price.color-2 {
	color: var(--main-color-two);
}

.single-global-card .global-card-left .price.color-3 {
	color: var(--main-color-three);
}

.single-global-card .global-card-right {
	padding-top: 10px;
}

.global-sale.sale-right-gap {
	margin-right: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.global-sale.sale-right-gap {
		margin-right: 10px;
	}
}

.global-flex-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.global-flex-icon .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: var(--gray-two);
	color: var(--heading-color);
	height: 40px;
	width: 40px;
	font-size: 22px;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.global-flex-icon .icon:not(:last-child) {
	margin-right: 10px;
}

.global-flex-icon .icon:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.global-flex-icon .icon.hover-color-two:hover {
	background-color: var(--main-color-two);
}

.global-flex-icon .icon.hover-color-three:hover {
	background-color: var(--main-color-three);
}

.global-flex-icon .icon.hover-color-four:hover {
	background-color: var(--main-color-four);
}

.global-flex-icon .icon.hover-color-five:hover {
	background-color: var(--main-color-five);
}

.global-flex-icon .icon.secondary-outline-1 {
	background: none;
	border: 1px solid #2974ff;
	color: #2974ff;
}

.global-flex-icon .icon.secondary-outline-1:hover {
	background: #2974ff;
	color: var(--white);
}

.global-flex-icon .icon.secondary-outline-1.cart-loading::before {
	background-color: #2974ff;
}

.global-flex-icon .icon.outline-color-1 {
	background: none;
	border: 1px solid var(--main-color-one);
	color: var(--main-color-one);
}

.global-flex-icon .icon.outline-color-1:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.global-flex-icon .icon.outline-color-1.cart-loading::before {
	background-color: var(--main-color-one);
}

.global-flex-icon .icon.outline-color-2 {
	background: none;
	border: 1px solid var(--main-color-two);
	color: var(--main-color-two);
}

.global-flex-icon .icon.outline-color-2:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.global-flex-icon .icon.outline-color-2.cart-loading::before {
	background-color: var(--main-color-two);
}

.global-flex-icon .icon.outline-color-3 {
	background: none;
	border: 1px solid var(--main-color-three);
	color: var(--main-color-three);
}

.global-flex-icon .icon.outline-color-3:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.global-flex-icon .icon.outline-color-3.cart-loading::before {
	background-color: var(--main-color-three);
}

.global-flex-icon .icon.text-preview {
	background: none;
	border: 1px solid rgba(221, 221, 221, 0.5);
	display: inline-block;
	height: unset;
	width: unset;
	font-size: 14px;
	padding: 8px 20px;
	color: var(--heading-color);
}

.global-flex-icon .icon.text-preview:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.global-flex-icon .icon.text-preview.hover-color-one:hover {
	background: var(--main-color-one);
}

.global-flex-icon .icon.text-preview.hover-color-two:hover {
	background: var(--main-color-two);
}

.global-flex-icon .icon.text-preview.hover-color-two.cart-loading::before {
	background-color: var(--main-color-two) !important;
}

.global-flex-icon .icon.text-preview.hover-color-three:hover {
	background: var(--main-color-three);
}

.global-flex-icon .icon.text-preview.hover-color-three.cart-loading::before {
	background-color: var(--main-color-three) !important;
}

.global-flex-icon .icon.bg-color-two {
	background: var(--main-color-two);
	color: var(--white);
}

.global-flex-icon .icon.bg-color-two.cart-loading::before {
	background-color: var(--main-color-two) !important;
}

.global-flex-icon .icon.bg-color-three {
	background: var(--main-color-three);
	color: var(--white);
}

.global-flex-icon .icon.bg-color-three.cart-loading::before {
	background-color: var(--main-color-three) !important;
}

.bg-color-two {
	background: var(--main-color-two);
	color: var(--white);
}

.bg-color-two.cart-loading::before {
	background-color: var(--main-color-two) !important;
}

.bg-color-three {
	background: var(--main-color-three);
	color: var(--white);
}

.bg-color-three.cart-loading::before {
	background-color: var(--main-color-three) !important;
}

.preview-button .icon {
	border: 2px solid #2974ff;
	padding: 10px 18px;
	font-size: 18px;
	display: inline-block;
	color: var(--paragraph-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.preview-button .icon {
		padding: 10px 15px;
	}
}

@media only screen and (max-width: 375px) {
	.preview-button .icon {
		font-size: 16px;
	}
}

.preview-button .icon i {
	color: #2974ff;
	margin-right: 5px;
	font-size: 20px;
}

.preview-button .icon:hover {
	background: #2974ff;
	color: var(--white);
}

.preview-button .icon:hover i {
	color: var(--white);
}

.preview-button .icon.cart-loading::before {
	background-color: #2974ff;
}

.cart-loading {
	position: relative;
	z-index: 0;
}

.cart-loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9;
	height: auto;
	width: auto;
	visibility: hidden;
	opacity: 0;
}

.cart-loading.active-loading::before {
	visibility: visible;
	opacity: 1;
}

.cart-loading::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	border-color: rgba(0, 0, 0, 0.9);
	color: var(--white);
	border: 2px solid transparent;
	top: 0;
	left: 0;
	text-align: center;
	border-radius: inherit;
	z-index: 5;
	visibility: hidden;
	opacity: 0;
	background-image: url(../img/loading-cart.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.cart-loading.bg-two::before {
	background-color: var(--main-color-two);
	color: var(--white);
}

.cart-loading.bg-three::before {
	background-color: var(--main-color-three);
	color: var(--white);
}

.center-text .single-global-card {
	display: -ms-grid;
	display: grid;
}

.center-text .rating-wrap {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.center-text .global-card-left {
	margin-right: 0;
}

@media only screen and (max-width: 375px) {
	.center-text .global-card-left {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-right: 0;
	}
}

/* Clothing area */
.clothing-wrapper {
	padding: 0 60px;
	position: relative;
	z-index: 2;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.clothing-wrapper {
		padding: 0 40px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.clothing-wrapper {
		padding: 0 40px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.clothing-wrapper {
		padding: 0 30px;
	}
}

@media only screen and (max-width: 480px) {
	.clothing-wrapper {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 575.98px) {
	.clothing-wrapper .clothing-thumb {
		display: none;
	}
}

.clothing-wrapper .clothing-thumb img {
	position: absolute;
	z-index: -1;
}

.clothing-wrapper .clothing-thumb img:nth-child(1) {
	bottom: 0;
	right: 30%;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.clothing-wrapper .clothing-thumb img:nth-child(1) {
		right: 25%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.clothing-wrapper .clothing-thumb img:nth-child(1) {
		display: none !important;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.clothing-wrapper .clothing-thumb img:nth-child(1) {
		display: none !important;
	}
}

.clothing-wrapper .clothing-thumb img:nth-child(2) {
	bottom: 0;
	right: 12%;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.clothing-wrapper .clothing-thumb img:nth-child(2) {
		right: 7%;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.clothing-wrapper .clothing-thumb img:nth-child(2) {
		right: 0;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.clothing-wrapper .clothing-thumb img:nth-child(2) {
		right: 0;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.clothing-wrapper .clothing-thumb img:nth-child(2) {
		right: 0;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.clothing-wrapper .clothing-thumb img:nth-child(2) {
		right: 0;
	}
}

.clothing-contents {
	padding: 60px 0;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.clothing-contents {
		max-width: 500px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.clothing-contents {
		max-width: 500px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.clothing-contents {
		max-width: 420px;
		padding: 40px 0;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.clothing-contents {
		max-width: 380px;
		padding: 40px 0;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.clothing-contents {
		max-width: 400px;
	}
}

@media only screen and (max-width: 767.98px) {
	.clothing-contents {
		max-width: 300px;
	}
}

@media only screen and (max-width: 575.98px) {
	.clothing-contents {
		max-width: 100%;
		padding: 40px 0;
	}
}

@media only screen and (max-width: 480px) {
	.clothing-contents {
		padding: 30px 0;
	}
}

.clothing-contents .percent-discount {
	margin-bottom: 15px;
	display: block;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.clothing-contents .percent-discount {
		font-size: 20px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.clothing-contents .percent-discount {
		font-size: 18px !important;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.clothing-contents .percent-discount {
		font-size: 18px !important;
	}
}

@media only screen and (max-width: 767.98px) {
	.clothing-contents .percent-discount {
		font-size: 16px !important;
	}
}

.clothing-contents .clothing-title {
	font-size: 60px;
	line-height: 65px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.clothing-contents .clothing-title {
		font-size: 55px;
		line-height: 60px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.clothing-contents .clothing-title {
		font-size: 48px;
		line-height: 60px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.clothing-contents .clothing-title {
		font-size: 40px;
		line-height: 50px;
	}
}

@media only screen and (max-width: 767.98px) {
	.clothing-contents .clothing-title {
		font-size: 35px;
		line-height: 40px;
	}
}

@media only screen and (max-width: 480px) {
	.clothing-contents .clothing-title {
		font-size: 32px;
		line-height: 40px;
	}
}

.clothing-contents .cmn_btn {
	border: 1px solid var(--main-color-one);
}

.clothing-contents .cmn_btn:hover {
	background: none;
	color: var(--main-color-one);
}

/* Products Area */
.single-products {
	padding: 30px;
}

.single-products.product-border {
	border: 1px solid rgba(221, 221, 221, 0.3);
}

.single-products.hover-color-two .product-lists .list:hover a {
	color: var(--main-color-two) !important;
}

.single-products.hover-color-three .product-lists .list:hover a {
	color: var(--main-color-three) !important;
}

.single-products.hover-color-four .product-lists .list:hover a {
	color: var(--main-color-four) !important;
}

.single-products .products-thumb {
	margin-right: 30px;
	height: 285px;
	width: 230px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-products .products-thumb {
		height: 240px;
		width: 200px;
		margin-right: 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-products .products-thumb {
		height: 240px;
		width: 200px;
		margin-right: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.single-products .products-thumb {
		margin: 0 auto 10px;
	}
}

.single-products .products-thumb img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.single-products .product-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.single-products .product-contents .common-title-two {
	line-height: 24px;
}

.single-products .product-contents .product-lists .list {
	display: block;
	font-size: 16px;
	color: var(--paragraph-color);
	line-height: 24px;
}

.single-products .product-contents .product-lists .list:not(:last-child) {
	margin-bottom: 10px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-products .product-contents .product-lists .list:not(:last-child) {
		margin-bottom: 5px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-products .product-contents .product-lists .list:not(:last-child) {
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 480px) {
	.single-products .product-contents .product-lists .list {
		font-size: 16px;
		line-height: 28px;
	}
}

.single-products .product-contents .product-lists .list a {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-products .product-contents .product-lists .list:hover a {
	color: var(--main-color-one);
}

.product-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

@media only screen and (max-width: 480px) {
	.product-flex-contents {
		display: block;
		text-align: center;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.product-bundle-wrapper {
		max-height: 915px;
		overflow-y: scroll;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.product-bundle-wrapper {
		max-height: 778px;
		overflow-y: scroll;
	}
}

/* Global Flex Card */
.global-flex-card:hover .global-flex-item .global-item-image {
	position: relative;
	z-index: 1;
}

.global-flex-card:hover .global-flex-item .global-item-image img {
	-webkit-transform: rotate(5deg) scale(1.2);
	transform: rotate(5deg) scale(1.2);
}

.global-flex-card:hover
	.global-flex-item
	.global-item-image
	.global-thumb-icons {
	visibility: visible;
	opacity: 1;
	top: 30px;
}

.global-flex-card.style-02:hover
	.global-flex-item
	.global-item-image
	.global-thumb-icons {
	top: 10px;
}

.global-flex-card.style-02 .global-flex-item .global-item-image {
	max-width: 150px;
	max-height: 150px;
}

.global-flex-card.style-02
	.global-flex-item
	.global-item-image
	.thumb-top-contents
	.percent-box {
	font-size: 12px;
	padding: 3px 10px;
	line-height: 16px;
}

.global-flex-card.style-02
	.global-flex-item
	.global-item-image
	.global-thumb-icons
	.lists
	a {
	height: 28px;
	width: 28px;
	font-size: 16px;
	border-radius: 0;
}

.global-flex-card.style-02 .global-flex-item .global-item-contents {
	margin-left: 20px;
}

.global-flex-card .global-flex-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (max-width: 767.98px) {
	.global-flex-card .global-flex-item {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media only screen and (max-width: 480px) {
	.global-flex-card .global-flex-item {
		display: block;
	}
}

.global-flex-card .global-flex-item .global-item-image {
	display: initial;
	height: 260px;
	width: 260px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.global-flex-card .global-flex-item .global-item-image {
		max-height: 220px;
		max-width: 220px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.global-flex-card .global-flex-item .global-item-image {
		max-height: 220px;
		max-width: 220px;
	}
}

@media only screen and (max-width: 480px) {
	.global-flex-card .global-flex-item .global-item-image {
		display: block;
	}
}

.global-flex-card .global-flex-item .global-item-image img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.global-flex-card
	.global-flex-item
	.global-item-image
	.global-thumb-icons
	.lists
	a {
	height: 35px;
	width: 35px;
	font-size: 20px;
}

.global-flex-card .global-flex-item .global-item-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.global-flex-card .global-flex-item .global-item-contents {
		margin-left: 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.global-flex-card .global-flex-item .global-item-contents {
		margin-left: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.global-flex-card .global-flex-item .global-item-contents {
		margin-left: 0;
		margin-top: 15px;
	}
}

.global-flex-card .global-flex-item .global-item-contents .title {
	font-size: 18px;
	line-height: 24px;
}

.global-flex-card .global-flex-item .global-item-contents .title:hover {
	color: var(--main-color-one);
}

.global-flex-card
	.global-flex-item
	.global-item-contents
	.title.hover-color-two:hover {
	color: var(--main-color-two);
}

.global-flex-card
	.global-flex-item
	.global-item-contents
	.title.hover-color-three:hover {
	color: var(--main-color-three);
}

.global-flex-card
	.global-flex-item
	.global-item-contents
	.title.hover-color-four:hover {
	color: var(--main-color-four);
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.product-bundle {
		max-height: 675px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.product-bundle {
		max-height: 620px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.product-bundle .product-bundle-wrapper {
		max-height: 100%;
		overflow: unset;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.product-bundle .product-bundle-wrapper {
		max-height: 100%;
		overflow: unset;
	}
}

/* Best Seller Area */
.best-seller-item:hover .seller-thumb img {
	-webkit-transform: rotate(5deg) scale(1.2);
	transform: rotate(5deg) scale(1.2);
}

.best-seller-item:hover .thumb-brand {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.best-seller-item.style-02 {
	padding: 30px;
}

.best-seller-item.style-02 .thumb-brand {
	margin: 0 auto;
}

.best-seller-item .seller-thumb {
	overflow: hidden;
	max-width: 100%;
	height: 200px;
	margin: 0 auto;
}

@media only screen and (max-width: 480px) {
	.best-seller-item .seller-thumb {
		margin: 0 auto;
		max-height: 260px;
		max-width: 260px;
	}
}

.best-seller-item .seller-thumb img {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.best-seller-item .thumb-brand {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 80px;
	width: 80px;
	background-color: #ed1c24;
	margin: -40px auto 0;
	position: relative;
	z-index: 9;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.best-seller-item .thumb-brand.brand-thumb-border {
	border: 3px solid #fff;
	border-radius: 50%;
}

.slick-slide:nth-child(6n + 2) .thumb-brand {
	background-color: #1b1b1b;
}

.slick-slide:nth-child(6n + 3) .thumb-brand {
	background-color: #f65b65;
}

.slick-slide:nth-child(6n + 4) .thumb-brand {
	background-color: #0088dd;
}

.slick-slide:nth-child(6n + 5) .thumb-brand {
	background-color: #fabe50;
}

.slick-slide:nth-child(6n + 6) .thumb-brand {
	background-color: #5ab27e;
}

/* Download */
.download-flex-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.download-left-contents {
	-ms-flex-preferred-size: 66%;
	flex-basis: 66%;
	margin-right: 20px;
	position: relative;
	z-index: 1;
}

.download-wrapper .download-left-contents {
	margin-right: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.download-left-contents {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.download-left-contents {
		-ms-flex-preferred-size: 62%;
		flex-basis: 62%;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.download-left-contents {
		-ms-flex-preferred-size: 54%;
		flex-basis: 54%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.download-left-contents {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
}

.download-left-contents .download-mobile-img img {
	position: absolute;
	z-index: 1;
	border-radius: 30px 30px 0 0;
	max-width: 250px;
}

/* @media (min-width: 1200px) and (max-width: 1399.98px) {
  .download-left-contents .download-mobile-img img {
    display: none;
  }
} */

@media (min-width: 992px) and (max-width: 1199.98px) {
	.download-left-contents .download-mobile-img img {
		max-width: 200px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.download-left-contents .download-mobile-img img {
		display: none;
	}
}

.download-left-contents .download-mobile-img img:nth-child(1) {
	bottom: 0;
	right: 40px;
}

.download-left-contents .download-mobile-img img:nth-child(2) {
	bottom: 0;
	right: 300px;
}

/* @media (min-width: 1400px) and (max-width: 1599.98px) {
  .download-left-contents .download-mobile-img img:nth-child(2) {
    display: none;
  }
} */

/* @media (min-width: 1200px) and (max-width: 1399.98px) {
  .download-left-contents .download-mobile-img img:nth-child(2) {
    display: none;
  }
} */

@media (min-width: 992px) and (max-width: 1199.98px) {
	.download-left-contents .download-mobile-img img:nth-child(2) {
		right: 250px;
	}
}

.download-left-contents .download-contents {
	max-width: 470px;
	padding: 100px 0 100px 80px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.download-left-contents .download-contents {
		max-width: 430px;
		padding: 100px 0 100px 50px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.download-left-contents .download-contents {
		padding: 100px 0 100px 40px;
		max-width: 430px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.download-left-contents .download-contents {
		padding: 90px 0 90px 50px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.download-left-contents .download-contents {
		padding: 70px 30px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.download-left-contents .download-contents {
		text-align: center;
		margin: 0 auto;
		padding: 50px 30px;
		max-width: 400px;
	}
}

@media only screen and (max-width: 575.98px) {
	.download-left-contents .download-contents {
		padding: 40px 20px;
	}
}

@media only screen and (max-width: 375px) {
	.download-left-contents .download-contents {
		padding: 30px 10px;
	}
}

.download-left-contents .download-contents .span-title {
	line-height: 30px;
	font-size: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.download-left-contents .download-contents .span-title {
		font-size: 18px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.download-left-contents .download-contents .span-title {
		font-size: 16px;
	}
}

@media only screen and (max-width: 480px) {
	.download-left-contents .download-contents .span-title {
		font-size: 15px;
		line-height: 24px;
	}
}

.download-left-contents .download-contents .download-title {
	font-size: 46px;
	line-height: 65px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.download-left-contents .download-contents .download-title {
		line-height: 50px;
		font-size: 42px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.download-left-contents .download-contents .download-title {
		line-height: 50px;
		font-size: 42px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.download-left-contents .download-contents .download-title {
		line-height: 50px;
		font-size: 38px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.download-left-contents .download-contents .download-title {
		line-height: 42px;
		font-size: 36px;
	}
}

@media only screen and (max-width: 575.98px) {
	.download-left-contents .download-contents .download-title {
		font-size: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.download-left-contents .download-contents .download-title {
		line-height: 36px;
		font-size: 28px;
	}
}

.download-left-contents
	.download-contents
	.download-form.color-two
	.single-input
	.form--control:focus {
	border-color: rgba(0, 136, 221, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
	box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
}

.download-left-contents
	.download-contents
	.download-form.color-two
	.single-input
	button {
	background-color: var(--main-color-two);
}

.download-left-contents
	.download-contents
	.download-form.color-three
	.single-input
	.form--control:focus {
	border-color: rgba(255, 128, 93, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
	box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
}

.download-left-contents
	.download-contents
	.download-form.color-three
	.single-input
	button {
	background-color: var(--main-color-three);
}

.download-left-contents
	.download-contents
	.download-form.color-four
	.single-input
	.form--control:focus {
	border-color: rgba(255, 105, 92, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(255, 105, 92, 0.1);
	box-shadow: 0 0 10px rgba(255, 105, 92, 0.1);
}

.download-left-contents
	.download-contents
	.download-form.color-four
	.single-input
	button {
	background-color: var(--main-color-four);
}

.download-left-contents .download-contents .download-form .single-input {
	position: relative;
}

.download-left-contents
	.download-contents
	.download-form
	.single-input
	.form--control {
	height: 60px;
	border: 1px solid #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding: 0px 80px 0 15px;
}

.download-left-contents
	.download-contents
	.download-form
	.single-input
	.form--control:focus {
	border-color: rgba(249, 80, 62, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
	box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
}

.download-left-contents .download-contents .download-form .single-input button {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: var(--main-color-one);
	color: var(--white);
	font-size: 24px;
	padding: 0 18px;
	border: 0;
	outline: none;
	height: 50px;
	border-radius: 5px;
	margin: 5px;
}

.download-left-contents .download-contents .googleplay-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.download-left-contents .download-contents .googleplay-btn {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.download-left-contents .download-contents .googleplay-btn a {
	margin-top: 25px;
}

.download-left-contents .download-contents .googleplay-btn a:not(:last-child) {
	margin-right: 10px;
	display: inline-block;
}

.download-right-contents {
	padding: 34px 30px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.download-right-contents {
		padding: 50px 20px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.download-right-contents {
		padding: 45px 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.download-right-contents {
		padding: 27px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.download-right-contents {
		padding: 30px 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.download-right-contents {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-top: 24px;
	}
}

@media only screen and (max-width: 575.98px) {
	.download-right-contents {
		padding: 30px 20px;
	}
}

@media only screen and (max-width: 375px) {
	.download-right-contents {
		padding: 20px 10px;
	}
}

.download-right-contents .download-contents-right .right-title {
	font-size: 65px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.download-right-contents .download-contents-right .right-title {
		font-size: 55px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.download-right-contents .download-contents-right .right-title {
		font-size: 45px;
	}
}

@media only screen and (max-width: 575.98px) {
	.download-right-contents .download-contents-right .right-title {
		font-size: 36px;
	}
}

@media only screen and (max-width: 375px) {
	.download-right-contents .download-contents-right .right-title {
		font-size: 32px;
	}
}

.download-right-contents .download-contents-right .btn-shop {
	font-size: 25px;
	line-height: 33px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration: underline;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.download-right-contents .download-contents-right .btn-shop {
		font-size: 20px;
	}
}

@media only screen and (max-width: 575.98px) {
	.download-right-contents .download-contents-right .btn-shop {
		font-size: 18px;
	}
}

@media only screen and (max-width: 375px) {
	.download-right-contents .download-contents-right .btn-shop {
		font-size: 16px;
	}
}

.download-right-contents .download-contents-right .btn-shop:hover {
	color: var(--main-color-one) !important;
}

.download-right-contents .download-contents-right .download-right-thumb {
	max-height: 363px;
	max-width: 500px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.download-right-contents .download-contents-right .download-right-thumb {
		max-width: 450px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.download-right-contents .download-contents-right .download-right-thumb {
		max-width: 432px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.download-right-contents .download-contents-right .download-right-thumb {
		max-width: 400px;
	}
}

/* About Download */
.about-download-wrapper {
	padding: 35px 140px 60px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.about-download-wrapper {
		padding: 35px 120px 60px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.about-download-wrapper {
		padding: 25px 50px 50px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.about-download-wrapper {
		padding: 25px 70px 50px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.about-download-wrapper {
		padding: 25px 50px 50px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.about-download-wrapper {
		padding: 25px 30px 50px;
	}
}

.about-download-title {
	font-size: 36px;
	line-height: 43px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.about-download-title {
		font-size: 32px;
		line-height: 40px;
	}
}

@media only screen and (max-width: 480px) {
	.about-download-title {
		font-size: 30px;
		line-height: 36px;
	}
}

.about-download-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.about-download-flex .about-download-title {
	-ms-flex-preferred-size: 45%;
	flex-basis: 45%;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.about-download-flex .about-download-title {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.about-download-flex .about-download-title {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.about-download-flex .about-download-title {
		-ms-flex-preferred-size: 65%;
		flex-basis: 65%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.about-download-flex .about-download-title {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}

@media only screen and (max-width: 767.98px) {
	.about-download-flex .about-download-title {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.about-download-flex .about-appstore {
		margin-top: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.about-download-flex .about-appstore {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 767.98px) {
	.about-download-flex .about-appstore {
		margin-top: 20px;
	}
}

.about-download-form {
	padding-left: 150px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.about-download-form {
		padding-left: 100px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.about-download-form {
		padding-left: 70px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.about-download-form {
		padding-left: 0;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.about-download-form {
		padding-left: 0;
		max-width: 500px;
	}
}

.about-download-form .about-single-input {
	position: relative;
}

.about-download-form .about-single-input .form--control {
	height: 60px;
	border: 1px solid #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding: 0px 120px 0 15px;
}

.about-download-form .about-single-input .form--control:focus {
	border-color: rgba(249, 80, 62, 0.3);
	-webkit-box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
	box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
}

.about-download-form .about-single-input button {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: var(--main-color-one);
	color: var(--white);
	padding: 0 18px;
	border: 0;
	outline: none;
	height: 50px;
	border-radius: 5px;
	margin: 5px;
}

@media only screen and (max-width: 375px) {
	.about-download-form .about-single-input button {
		position: relative;
		top: 20px;
	}
}

/* Instagram area */
.instagram-wrapper {
	position: relative;
	z-index: 2;
}

.single-instagram .instagram-image {
	max-height: 270px;
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.single-instagram .instagram-image:hover::before {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.single-instagram .instagram-image:hover .icon {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) rotateY(180deg);
	transform: translate(-50%, -50%) rotateY(180deg);
}

.single-instagram .instagram-image::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.single-instagram .instagram-image {
		height: 280px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-instagram .instagram-image {
		height: 250px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-instagram .instagram-image {
		height: 240px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-instagram .instagram-image {
		height: 250px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-instagram .instagram-image {
		height: auto;
	}
}

.single-instagram .instagram-image img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.single-instagram .instagram-image .icon {
	font-size: 30px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	background-color: var(--white);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

@media only screen and (max-width: 480px) {
	.single-instagram .instagram-image .icon {
		height: 40px;
		width: 40px;
		font-size: 24px;
	}
}

.single-instagram .instagram-image .icon:hover {
	color: #fff !important;
	background-color: var(--main-color-one);
}

.single-instagram .instagram-image .icon.hover-color-two:hover {
	color: var(--main-color-two);
}

.single-instagram .instagram-image .icon.hover-color-three:hover {
	color: var(--main-color-three);
}

.single-instagram .instagram-image .icon.hover-color-four:hover {
	color: var(--main-color-four);
}

.instagram-flex-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 24px;
}

.single-instagram {
	width: calc(100% / 3 - 16px);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-instagram {
		width: calc(100% / 6 - 20px);
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-instagram {
		width: calc(100% / 6 - 20px);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-instagram {
		width: calc(100% / 6 - 20px);
	}
}

@media only screen and (max-width: 767.98px) {
	.single-instagram {
		width: calc(100% / 4 - 18px);
	}
}

@media only screen and (max-width: 575.98px) {
	.single-instagram {
		width: calc(100% / 4 - 18px);
	}
}

@media only screen and (max-width: 480px) {
	.single-instagram {
		width: calc(100% / 4 - 18px);
	}
}

@media only screen and (max-width: 375px) {
	.single-instagram {
		width: calc(100% / 2 - 12px);
	}
}

.instagram-flex-wrapper .single-instagram .instagram-thumb {
	max-height: 108px;
	max-width: 108px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.instagram-flex-wrapper .single-instagram .instagram-thumb {
		max-height: 100%;
		max-width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.instagram-flex-wrapper .single-instagram .instagram-thumb {
		max-height: 100%;
		max-width: 100%;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.instagram-flex-wrapper .single-instagram .instagram-thumb {
		max-height: 100%;
		max-width: 100%;
	}
}

/* Discount Banner */
.discount-banner-area {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-top: 35px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.discount-banner-area {
		padding-top: 60px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.discount-banner-area {
		padding-top: 50px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.discount-banner-area {
		padding-top: 50px;
	}
}

.discount-banner-area.bg-item-two::before {
	position: absolute;
	content: "";
	height: 410px;
	width: 410px;
	border-radius: 50%;
	background: #d9f0ff;
	z-index: -1;
	top: -130px;
	left: -110px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
	.discount-banner-contents {
		margin-bottom: 47px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.discount-banner-contents {
		margin-bottom: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.discount-banner-contents {
		margin-bottom: 20px;
	}
}

.discount-banner-contents .percent-descount-title {
	font-size: 36px;
	font-weight: 400;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.discount-banner-contents .percent-descount-title {
		font-size: 32px;
	}
}

@media only screen and (max-width: 575.98px) {
	.discount-banner-contents .percent-descount-title {
		font-size: 28px;
	}
}

@media only screen and (max-width: 375px) {
	.discount-banner-contents .percent-descount-title {
		font-size: 26px;
	}
}

.discount-banner-contents .percent-descount-title .percent-title {
	display: block;
	font-size: 65px;
	line-height: 70px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.discount-banner-contents .percent-descount-title .percent-title {
		font-size: 48px;
		line-height: 55px;
	}
}

@media only screen and (max-width: 575.98px) {
	.discount-banner-contents .percent-descount-title .percent-title {
		font-size: 40px;
		line-height: 48px;
	}
}

@media only screen and (max-width: 375px) {
	.discount-banner-contents .percent-descount-title .percent-title {
		font-size: 36px;
		line-height: 42px;
	}
}

.ad_thumb {
	margin: 0 auto;
	text-align: center;
}

.ad_thumb img {
	margin: 0 auto;
}

/* Left Right area */
.left-right-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.left-right-wrapper .wrapper-left {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	margin-right: 24px;
}

.left-right-wrapper .wrapper-right {
	-ms-flex-preferred-size: 75%;
	flex-basis: 75%;
}

/* Save area */
.save-inner-wrapper {
	padding: 30px 100px 0;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.save-inner-wrapper {
		padding: 30px 60px 0;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.save-inner-wrapper {
		padding: 30px 30px 0;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.save-inner-wrapper {
		padding: 30px 50px 0;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.save-inner-wrapper {
		padding: 30px 30px 0;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.save-inner-wrapper {
		padding: 20px 30px 0;
	}
}

@media only screen and (max-width: 375px) {
	.save-inner-wrapper {
		padding: 20px 20px 0;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-save-wrapper {
		margin-bottom: 30px;
	}
}

.save-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.save-flex-contents .save-contents {
	margin-right: 10px;
}

.save-contents .save-subtitle {
	font-size: 22px;
	line-height: 30px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.save-contents .save-subtitle {
		font-size: 20px;
		line-height: 28px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.save-contents .save-subtitle {
		font-size: 20px;
		line-height: 28px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.save-contents .save-subtitle {
		font-size: 20px;
		line-height: 28px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.save-contents .save-subtitle {
		font-size: 20px;
		line-height: 28px;
	}
}

@media only screen and (max-width: 575.98px) {
	.save-contents .save-subtitle {
		font-size: 18px;
		line-height: 28px;
	}
}

@media only screen and (max-width: 375px) {
	.save-contents .save-subtitle {
		font-size: 17px;
	}
}

.save-contents .save-title {
	font-size: 46px;
	line-height: 65px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.save-contents .save-title {
		font-size: 40px;
		line-height: 60px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.save-contents .save-title {
		font-size: 38px;
		line-height: 55px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.save-contents .save-title {
		font-size: 38px;
		line-height: 55px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.save-contents .save-title {
		font-size: 36px;
		line-height: 48px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.save-contents .save-title {
		font-size: 36px;
		line-height: 48px;
	}
}

@media only screen and (max-width: 575.98px) {
	.save-contents .save-title {
		font-size: 32px;
		line-height: 42px;
	}
}

@media only screen and (max-width: 480px) {
	.save-contents .save-title {
		font-size: 30px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 375px) {
	.save-contents .save-title {
		font-size: 28px;
	}
}

@media only screen and (max-width: 767.98px) {
	.save-button {
		margin-top: 20px;
	}
}

.save-button .btn-wrapper .btn-bg-white {
	border: 2px solid #fff;
}

/* Offer area */
.offer-thumb-slider img {
	margin: 0 auto;
}

/* Side Left area */
.sidebar-wrapper {
	padding: 25px 20px;
}

.sidebar-title {
	font-size: 28px;
	line-height: 40px;
	margin: -4px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.sidebar-countdown-area {
		margin-top: 30px;
	}
}

.trendy-product-wrapper .single-trendy-products {
	position: relative;
}

.trendy-product-wrapper
	.single-trendy-products.style-02
	.trendy-flex-content
	.trendy-thumb {
	height: 112px;
	flex-shrink: 0;
	width: 110px;
}

.trendy-product-wrapper .single-trendy-products .trendy-flex-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.trendy-product-wrapper
	.single-trendy-products
	.trendy-flex-content
	.trendy-thumb {
	margin-right: 20px;
	max-width: 120px;
	max-height: 120px;
	padding: 10px;
	position: relative;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.trendy-product-wrapper
		.single-trendy-products
		.trendy-flex-content
		.trendy-thumb {
		margin-right: 8px;
		max-height: 120px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.trendy-product-wrapper
		.single-trendy-products
		.trendy-flex-content
		.trendy-thumb {
		margin-right: 15px;
	}
}

.trendy-product-wrapper
	.single-trendy-products
	.trendy-flex-content
	.trendy-thumb
	img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.trendy-product-wrapper
	.single-trendy-products
	.trendy-flex-content
	.products-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media only screen and (max-width: 375px) {
	.trendy-product-wrapper
		.single-trendy-products
		.trendy-flex-content
		.products-contents {
		margin-top: 15px;
	}

	.common-title-three.hover-color-two {
		line-height: 22px;
	}
}

.single-news-update .news-flex-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (max-width: 375px) {
	.single-news-update .news-flex-content {
		display: block;
	}
}

.single-news-update .news-flex-content .news-update-thumb {
	margin-right: 15px;
	max-width: 150px;
	max-height: 120px;
	overflow: hidden;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-news-update .news-flex-content .news-update-thumb {
		max-width: 115px;
		margin-right: 10px;
		height: 110px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-news-update .news-flex-content .news-update-thumb {
		max-width: 120px;
		margin-right: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.single-news-update .news-flex-content .news-update-thumb {
		max-width: 115px;
	}
}

.single-news-update .news-flex-content .news-update-thumb img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.single-news-update .news-flex-content .news-update-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media only screen and (max-width: 375px) {
	.single-news-update .news-flex-content .news-update-contents {
		margin-top: 15px;
	}
}

.single-news-update .news-flex-content .news-update-contents .dates {
	font-size: 16px;
	line-height: 28px;
}

/* Gift Voucher */
.gift-voucher-inner {
	position: relative;
	z-index: 1;
}

.gift-voucher-contents {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 9;
}

.gift-voucher-contents .gift-voucher-title {
	font-size: 52px;
	line-height: 62px;
}

.gift-voucher-contents .gift-voucher-title .voucher-small {
	font-size: 36px;
	display: block;
	line-height: 43px;
}

/* Blog area */
/* .single_blog {
    &__thumbs {
        img {}
    }
    &__contents {
        position: relative;
        z-index: 1;
        .blog-tags {
            .single-tag {
                display: inline-block;
                i {
                    color: var(--main-color-three);
                }
            }
        }
        .btn-read-details {
            text-decoration: underline;
        }
    }
} */
.single-blog:hover .blog-thumbs img {
	-webkit-transform: rotate(5deg) scale(1.2);
	transform: rotate(5deg) scale(1.2);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.single-blog .blog-thumbs {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.single-blog .blog-thumbs img {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

@media only screen and (max-width: 575.98px) {
	.single-blog .blog-thumbs img {
		width: 100%;
	}
}

.single-blog .blog-thumbs .thumbs-date {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

.single-blog .blog-thumbs .thumbs-date .dates {
	display: inline-block;
	padding: 10px 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-blog .blog-thumbs .thumbs-date .dates {
		padding: 5px 15px;
	}
}

.single-blog .blog-thumbs .thumbs-date .dates:hover {
	background: #fff;
	color: var(--main-color-three);
}

.single-blog .blog-thumbs .thumbs-date .dates .date {
	font-size: 24px;
	line-height: 28px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-blog .blog-thumbs .thumbs-date .dates .date {
		font-size: 20px;
	}
}

.single-blog .blog-thumbs .thumbs-date .dates .month {
	font-size: 18px;
	line-height: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-blog .blog-thumbs .thumbs-date .dates .month {
		font-size: 16px;
	}
}

.single-blog .blog-contents {
	position: relative;
	z-index: 1;
}

.single-blog .blog-contents .blog-tags .single-tag {
	display: inline-block;
	color: var(--paragraph-color);
	font-size: 14px;
	line-height: 32px;
}

.single-blog .blog-contents .blog-tags .single-tag i {
	color: var(--main-color-three);
	margin-right: 2px;
}

.single-blog .blog-contents .blog-tags .single-tag:not(:last-child) {
	margin-right: 10px;
}

.single-blog .blog-contents .btn-read-details {
	text-decoration: underline;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: inline-block;
}

.single-blog .blog-contents .btn-read-details:hover {
	color: var(--main-color-three);
}

.single-blog .blog-contents .btn-read-details.color-one:hover {
	color: var(--main-color-one);
}

.single-blog .blog-contents .btn-read-details.color-two:hover {
	color: var(--main-color-two);
}

.single-blog .blog-contents .btn-read-details.color-four:hover {
	color: var(--main-color-four);
}

.single-blog-list .blog-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 575.98px) {
	.single-blog-list .blog-flex-contents {
		display: block;
	}
}

.single-blog-list .blog-image {
	max-width: 400px;
	max-height: 300px;
	margin-right: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-blog-list .blog-image {
		max-width: 280px;
		height: 300px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-blog-list .blog-image {
		max-width: 280px;
		height: 250px;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-blog-list .blog-image {
		max-width: 100%;
		display: block;
		margin-right: 0;
		max-height: 100%;
		height: 100%;
	}
}

.single-blog-list .blog-image img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.single-blog-list .blog-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media only screen and (max-width: 575.98px) {
	.single-blog-list .blog-contents {
		margin-top: 15px;
	}
}

.single-blog-list .blog-contents .category {
	display: block;
}

.single-blog-list .blog-contents .category a {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
}

.single-blog-list .blog-contents .category a:not(:last-child)::after {
	content: ",";
	font-size: 18px;
	padding: 0 3px;
}

.single-blog-list .blog-contents .dates {
	display: block;
	font-size: 16px;
}

.single-blog-list .blog-contents .blog-para {
	font-size: 18px;
	line-height: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-blog-list .blog-contents .blog-para {
		font-size: 16px;
		line-height: 26px;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
	}
}

/* Blog Details area */
.blog-sidebar-contents {
	position: sticky;
	top: 0;
	z-index: 9;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.blog-sidebar-contents {
		position: unset;
	}
}

.single-blog-details:not(:first-child) {
	margin-top: 35px;
}

.single-blog-details .blog-details-title {
	font-size: 36px;
	line-height: 48px;
	margin: -6px 0 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-blog-details .blog-details-title {
		font-size: 34px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-blog-details .blog-details-title {
		font-size: 30px;
		line-height: 40px;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-blog-details .blog-details-title {
		font-size: 28px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-blog-details .blog-details-title {
		font-size: 26px;
	}
}

@media only screen and (max-width: 480px) {
	.single-blog-details .blog-details-title {
		font-size: 24px;
	}
}

@media only screen and (max-width: 375px) {
	.single-blog-details .blog-details-title {
		font-size: 22px;
		line-height: 32px;
	}
}

.single-blog-details .blog-details-flex .btn-wrapper {
	margin-right: 20px;
}

.single-blog-details .blog-details-flex .dates {
	font-size: 18px;
	line-height: 30px;
}

.single-blog-details .blog-details-flex .dates i {
	color: var(--main-color-one);
}

.single-blog-details .blog-details-para {
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	color: var(--paragraph-color);
	-webkit-line-clamp: unset;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-blog-details .blog-details-para {
		font-size: 17px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-blog-details .blog-details-para {
		font-size: 16px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-blog-details .blog-details-para {
		font-size: 16px;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-blog-details .blog-details-para {
		font-size: 15px;
		-webkit-line-clamp: 4;
	}
}

@media only screen and (max-width: 375px) {
	.single-blog-details .blog-details-para {
		font-size: 14px;
	}
}

.single-blog-details blockquote {
	margin: 35px auto 7px;
	display: inline-block;
	max-width: 1030px;
}

.single-blog-details blockquote .blockquote-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

@media only screen and (max-width: 575.98px) {
	.single-blog-details blockquote .blockquote-contents {
		display: block;
	}
}

.single-blog-details blockquote .blockquote-contents .blocquote-thumb {
	margin-right: 20px;
	height: 100px;
	width: 100px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-blog-details blockquote .blockquote-contents .blocquote-thumb {
		margin-right: 15px;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-blog-details blockquote .blockquote-contents .blocquote-thumb {
		margin-right: 0;
	}
}

.single-blog-details blockquote .blockquote-contents .blocquote-thumb img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.single-blog-details blockquote .content-inner {
	position: relative;
	z-index: 1;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.single-blog-details blockquote .content-inner .inner-contents-blackquote {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (max-width: 575.98px) {
	.single-blog-details blockquote .content-inner .inner-contents-blackquote {
		display: block;
	}
}

.single-blog-details blockquote .content-inner .icon-quote {
	margin-left: 30px;
	color: var(--body-color);
	font-size: 90px;
	line-height: 1;
}

.single-blog-details blockquote .content-inner .sub-title-blackquote {
	padding-left: 40px;
	position: relative;
	z-index: 2;
	display: inline-block;
}

.single-blog-details
	blockquote
	.content-inner
	.sub-title-blackquote:not(:last-child) {
	margin-right: 10px;
}

.single-blog-details blockquote .content-inner .sub-title-blackquote::before {
	content: "";
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: var(--main-color-one);
}

.single-blog-details blockquote .content-inner .blackquote-title {
	font-size: 28px;
	font-weight: 400;
	position: relative;
	line-height: 40px;
	margin: -15px 0 0;
	-webkit-text-decoration: 3px solid #ddd underline;
	text-decoration: 3px solid #ddd underline;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-blog-details blockquote .content-inner .blackquote-title {
		font-size: 26px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-blog-details blockquote .content-inner .blackquote-title {
		font-size: 24px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-blog-details blockquote .content-inner .blackquote-title {
		font-size: 26px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-blog-details blockquote .content-inner .blackquote-title {
		font-size: 24px;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-blog-details blockquote .content-inner .blackquote-title {
		margin: 10px 0 0;
	}
}

@media only screen and (max-width: 480px) {
	.single-blog-details blockquote .content-inner .blackquote-title {
		font-size: 23px;
	}
}

@media only screen and (max-width: 375px) {
	.single-blog-details blockquote .content-inner .blackquote-title {
		font-size: 22px;
	}
}

.blog-details-thumb-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.blog-details-thumb-flex {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.blog-details-thumb-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.blog-details-thumb-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.blog-details-thumb-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.blog-details-thumb-flex .thumb {
		height: auto;
	}
}

@media only screen and (max-width: 575.98px) {
	.blog-details-thumb-flex .thumb {
		height: auto;
	}
}

.blog-details-thumb-flex .thumb img {
	width: 100%;
}

.blog-details-thumb-flex .blog-thumb-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.blog-details-thumb-flex .blog-thumb-content {
		margin-right: 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.blog-details-thumb-flex .blog-thumb-content {
		margin-right: 0px;
		margin-top: 24px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.blog-details-thumb-flex .blog-thumb-content {
		margin-right: 0px;
		margin-top: 24px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.blog-details-thumb-flex .blog-thumb-content {
		margin-right: 0px;
		margin-top: 24px;
	}
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.blog-thumb-content .blog-details-para {
		-webkit-line-clamp: 5;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.blog-thumb-content .blog-details-para {
		-webkit-line-clamp: 5;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.blog-thumb-content .blog-details-para {
		-webkit-line-clamp: 5;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.blog-thumb-content .blog-details-para {
		-webkit-line-clamp: 3;
	}
}

.blog-thumb-content .blog-details-para:first-child {
	margin-top: 0;
}

/* Tag Area */
.social-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.social-share .single-social-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.social-share .single-social-list .list {
	margin: 5px 0;
}

.social-share .single-social-list .list:not(:last-child) {
	margin-right: 10px;
}

.social-share .single-social-list .list .icon {
	font-size: 16px;
	background: rgba(221, 221, 221, 0.3);
	color: var(--heading-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 35px;
	width: 35px;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.social-share .single-social-list .list .icon:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.tag-title {
	font-size: 20px;
	line-height: 32px;
	margin-right: 20px;
	margin-top: 7px;
}

.single-tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.single-tag .tag-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.single-tag .tag-list .list {
	margin: 5px 0;
}

.single-tag .tag-list .list:not(:last-child) {
	margin-right: 10px;
}

.single-tag .tag-list .list .tags {
	font-size: 16px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	padding: 5px 15px;
	display: inline-block;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-tag .tag-list .list .tags:hover {
	background: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
}

/* Comment area */
.details-comment-content .single-commetns {
	width: 100%;
	margin-top: 30px;
}

.details-comment-content .single-commetns .comment-label {
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	color: var(--heading-color);
	display: block;
	margin-bottom: 15px;
}

.details-comment-content .single-commetns .form--control {
	height: 60px;
	border: 1px solid rgba(221, 221, 221, 0.5);
	outline: none;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	font-size: 14px;
	line-height: 22px;
	color: var(--paragraph-color);
	padding: 0 20px;
	width: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.details-comment-content .single-commetns .form--control:focus {
	-webkit-box-shadow: 0 0 18px rgba(249, 80, 62, 0.1);
	box-shadow: 0 0 18px rgba(249, 80, 62, 0.1);
	border-color: rgba(249, 80, 62, 0.3);
}

.details-comment-content .single-commetns .form--message {
	padding: 20px 20px;
	height: 160px;
}

.details-comment-content button {
	font-size: 18px;
	font-weight: 500;
	line-height: 34px;
	background: var(--main-color-one);
	color: var(--white);
	border: 0;
	outline: none;
	border-radius: 5px;
	padding: 15px 35px;
	cursor: pointer;
	margin-top: 35px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.details-comment-content button {
		font-size: 16px;
		padding: 10px 30px;
	}
}

.comments-flex-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 30px;
}

@media only screen and (max-width: 575.98px) {
	.comments-flex-item {
		display: block;
	}
}

.comment-list .comment-list {
	margin-left: 120px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.comment-list .comment-list {
		margin-left: 70px;
	}
}

@media only screen and (max-width: 767.98px) {
	.comment-list .comment-list {
		margin-left: 50px;
	}
}

@media only screen and (max-width: 375px) {
	.comment-list .comment-list {
		margin-left: 30px;
	}
}

.comment-list .blog-details-flex-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 40px 0;
	gap: 30px;
	border-bottom: 2px solid rgba(221, 221, 221, 0.5);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.comment-list .blog-details-flex-content {
		gap: 20px;
	}
}

@media only screen and (max-width: 575.98px) {
	.comment-list .blog-details-flex-content {
		gap: 10px;
		padding: 30px 0 20px;
	}
}

@media only screen and (max-width: 480px) {
	.comment-list .blog-details-flex-content {
		display: block;
	}
}

.comment-list .blog-details-flex-content .blog-details-thumb {
	height: 80px;
	min-width: 80px;
	border-radius: 10px;
	display: block;
}

@media only screen and (max-width: 480px) {
	.comment-list .blog-details-flex-content .blog-details-thumb {
		width: 80px;
		margin-bottom: 15px;
	}
}

.comment-list .blog-details-flex-content .blog-details-thumb img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.comment-list .blog-details-flex-content .blog-details-content .title {
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
}

.comment-list
	.blog-details-flex-content
	.blog-details-content
	.details-review-para {
	font-size: 18px;
	font-weight: 400;
	color: var(--paragraph-color);
	margin-top: 10px;
	line-height: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.comment-list
		.blog-details-flex-content
		.blog-details-content
		.details-review-para {
		font-size: 16px;
	}
}

@media only screen and (max-width: 575.98px) {
	.comment-list
		.blog-details-flex-content
		.blog-details-content
		.details-review-para {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.comment-list
		.blog-details-flex-content
		.blog-details-content
		.details-review-para {
		font-size: 14px;
	}
}

.comment-list .blog-details-flex-content .blog-details-content .review-date {
	margin-top: 10px;
	display: block;
}

.comment-list .blog-details-flex-content .blog-details-content .btn-replay {
	font-size: 16px;
	font-weight: 500;
	margin-top: 15px;
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.comment-list
	.blog-details-flex-content
	.blog-details-content
	.btn-replay:hover {
	color: var(--main-color-one);
}

/* Badge Area */
.breadcrumb-area {
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.breadcrumb-shapes img {
	position: absolute;
	z-index: -1;
}

.breadcrumb-shapes img:nth-child(1) {
	left: 10%;
	bottom: 40%;
	-webkit-animation: 9s round-moving2 linear infinite;
	animation: 9s round-moving2 linear infinite;
}

.breadcrumb-shapes img:nth-child(2) {
	right: 6%;
	top: 35%;
	-webkit-animation: 12s round-moving2 linear infinite;
	animation: 12s round-moving2 linear infinite;
}

.breadcrumb-shapes img:nth-child(3) {
	right: 6%;
	bottom: -50px;
	-webkit-animation: 5s pulsing linear infinite;
	animation: 5s pulsing linear infinite;
}

.breadcrumb-padding {
	padding: 15px 0;
}

.breadcrumb-contents {
	text-align: center;
}

.breadcrumb-contents .badge-title {
	font-size: 36px;
	line-height: 43px;
}
.breadcrumb-title  {
	font-size: 24px;
}

@media only screen and (max-width: 767.98px) {
	.breadcrumb-contents .badge-title {
		font-size: 32px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 480px) {
	.breadcrumb-contents .badge-title {
		font-size: 30px;
	}
}

@media only screen and (max-width: 375px) {
	.breadcrumb-contents .badge-title {
		font-size: 28px;
	}
}

.breadcrumb-contents .breadcrumb-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.breadcrumb-contents .breadcrumb-list .list {
	color: var(--paragraph-color);
	position: relative;
	z-index: 2;
	font-size: 17px;
	font-weight: 400;
	line-height: 30px;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.breadcrumb-contents .breadcrumb-list .list {
		font-size: 16px;
	}
}

@media only screen and (max-width: 480px) {
	.breadcrumb-contents .breadcrumb-list .list {
		font-size: 15px;
	}
}

.breadcrumb-contents .breadcrumb-list .list:hover {
	color: var(--main-color-one);
}

.breadcrumb-contents .breadcrumb-list .list:not(:last-child) {
	padding-right: 20px;
}

.breadcrumb-contents .breadcrumb-list .list:not(:last-child)::after {
	content: "";
	position: absolute;
	background: var(--body-color);
	height: 15px;
	width: 2px;
	right: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.breadcrumb-contents .breadcrumb-list .list:not(:first-child) {
	padding-left: 20px;
}

.breadcrumb-contents.hover-color-one .bage-list .list:hover {
	color: var(--main-color-one);
}

.breadcrumb-contents.hover-color-two .bage-list .list:hover {
	color: var(--main-color-two);
}

.breadcrumb-contents.hover-color-three .bage-list .list:hover {
	color: var(--main-color-three);
}

.breadcrumb-contents.hover-color-four .bage-list .list:hover {
	color: var(--main-color-four);
}

/* About area */
.about-flex-thumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.about-thumb:not(:first-child) {
	margin-left: 24px;
}

@media only screen and (max-width: 480px) {
	.about-thumb:not(:first-child) {
		margin-left: 15px;
	}
}

.about-contents-wrapper {
	padding-left: 55px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.about-contents-wrapper {
		padding-left: 40px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.about-contents-wrapper {
		padding-left: 30px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.about-contents-wrapper {
		padding-left: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.about-contents-wrapper {
		padding-left: 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.about-contents-wrapper {
		padding-left: 0;
	}
}

.about-paragraph .para {
	font-size: 18px;
	line-height: 36px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.about-paragraph .para {
		font-size: 17px;
		line-height: 36px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.about-paragraph .para {
		font-size: 16px;
		line-height: 32px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.about-paragraph .para {
		font-size: 16px;
		line-height: 28px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.about-paragraph .para {
		font-size: 16px;
		line-height: 28px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.about-contents {
		margin-top: 20px;
	}
}

.about-contents .about-top {
	font-size: 20px;
	line-height: 26px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.about-contents .about-top {
		font-size: 18px;
	}
}

@media only screen and (max-width: 480px) {
	.about-contents .about-top {
		font-size: 16px;
	}
}

.about-contents .about-title {
	font-size: 46px;
	line-height: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.about-contents .about-title {
		font-size: 40px;
		line-height: 55px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.about-contents .about-title {
		font-size: 42px;
		line-height: 60px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.about-contents .about-title {
		font-size: 42px;
		line-height: 60px;
	}
}

@media only screen and (max-width: 767.98px) {
	.about-contents .about-title {
		font-size: 36px;
		line-height: 48px;
	}
}

@media only screen and (max-width: 575.98px) {
	.about-contents .about-title {
		font-size: 32px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 480px) {
	.about-contents .about-title {
		font-size: 28px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.about-contents .about-title {
		font-size: 26px;
	}
}

/* Contacts Area  */
.contact-address-wrapper {
	padding: 50px 100px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.contact-address-wrapper {
		padding: 50px 70px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.contact-address-wrapper {
		padding: 50px 40px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.contact-address-wrapper {
		padding: 50px 50px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.contact-address-wrapper {
		padding: 50px 50px;
	}
}

@media only screen and (max-width: 575.98px) {
	.contact-address-wrapper {
		padding: 40px 40px;
	}
}

@media only screen and (max-width: 480px) {
	.contact-address-wrapper {
		padding: 40px 30px;
	}
}

@media only screen and (max-width: 375px) {
	.contact-address-wrapper {
		padding: 30px 20px;
	}
}

.sub-title {
	font-size: 18px;
	line-height: 36px;
}

@media only screen and (max-width: 767.98px) {
	.sub-title {
		font-size: 18px;
	}
}

@media only screen and (max-width: 575.98px) {
	.sub-title {
		font-size: 17px;
	}
}

@media only screen and (max-width: 480px) {
	.sub-title {
		font-size: 16px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.sub-title {
		font-size: 15px;
	}
}

.contact-title {
	font-size: 36px;
	line-height: 43px;
}

@media only screen and (max-width: 575.98px) {
	.contact-title {
		font-size: 32px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 375px) {
	.contact-title {
		font-size: 28px;
	}
}

.single-address:not(:last-child) {
	margin-bottom: 24px;
}

.single-address .address-subtitle {
	font-size: 22px;
	line-height: 36px;
	display: block;
}

@media only screen and (max-width: 575.98px) {
	.single-address .address-subtitle {
		font-size: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.single-address .address-subtitle {
		font-size: 18px;
	}
}

.single-address .main-address {
	font-size: 16px;
	line-height: 28px;
	display: block;
	color: var(--paragraph-color);
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

@media only screen and (max-width: 575.98px) {
	.single-address .main-address {
		font-size: 17px;
	}
}

@media only screen and (max-width: 375px) {
	.single-address .main-address {
		font-size: 15px;
	}
}

.single-address .main-address:hover {
	color: var(--main-color-one);
}

.single-address .main-address:hover a {
	-webkit-text-decoration-color: var(--main-color-one);
	text-decoration-color: var(--main-color-one);
}

.single-address .main-address a {
	-webkit-text-decoration: 3px solid #ddd underline;
	text-decoration: 3px solid #ddd underline;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

.single-address .main-address:not(:last-child) {
	margin-bottom: 5px;
}

.input-label {
	font-size: 18px;
	font-weight: 500;
	display: block;
}

@media only screen and (max-width: 575.98px) {
	.input-label {
		font-size: 16px;
	}
}

@media only screen and (max-width: 375px) {
	.input-label {
		font-size: 15px;
	}
}

.contact-form-wrapper {
	padding-left: 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.contact-form-wrapper {
		padding-left: 30px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.contact-form-wrapper {
		padding-left: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.contact-form-wrapper {
		padding-left: 0;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.contact-form-wrapper {
		padding-left: 0;
	}
}

.single-flex-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

@media only screen and (max-width: 480px) {
	.single-flex-input {
		display: block;
	}
}

.single-flex-input .single-input {
	width: 100%;
}

.single-flex-input .single-input:not(:first-child) {
	margin-left: 24px;
}

@media only screen and (max-width: 575.98px) {
	.single-flex-input .single-input:not(:first-child) {
		margin-left: 0;
	}
}

.single-flex-input .single-input .form--control {
	width: 100%;
	border: 1px solid rgba(221, 221, 221, 0.4);
	-webkit-box-shadow: 0 0 10px transparent;
	box-shadow: 0 0 10px transparent;
	height: 60px;
	padding: 0px 20px 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.single-flex-input .single-input .form--control:focus {
	border-color: rgba(var(--main-color-one-rgb), 0.3);
	-webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.05);
	box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.05);
}

.single-flex-input .single-input .form--message {
	padding: 15px 20px 0;
	height: 130px;
}

/* Contact Map */
.google-map-area iframe,
.contact-map iframe {
	width: 100%;
	height: 600px;
	border-radius: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.google-map-area iframe,
	.contact-map iframe {
		height: 500px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.google-map-area iframe,
	.contact-map iframe {
		height: 450px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.google-map-area iframe,
	.contact-map iframe {
		max-height: 400px;
	}
}

@media only screen and (max-width: 575.98px) {
	.google-map-area iframe,
	.contact-map iframe {
		max-height: 300px;
	}
}

@media only screen and (max-width: 480px) {
	.google-map-area iframe,
	.contact-map iframe {
		max-height: 270px;
	}
}

@media only screen and (max-width: 375px) {
	.google-map-area iframe,
	.contact-map iframe {
		max-height: 220px;
	}
}

/* Error Area */
.single-title {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.2;
	margin: -5px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-title {
		font-size: 36px;
		line-height: 50px;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-title {
		font-size: 30px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 375px) {
	.single-title {
		font-size: 26px;
		line-height: 32px;
	}
}

.error-thumb img {
	margin: 0 auto;
}

/* Order Tracking */
.tracking-wrapper {
	max-width: 600px;
	margin: 0 auto;
}

.tracking-form .single-input .form--control {
	border: 1px solid rgba(221, 221, 221, 0.4);
	-webkit-box-shadow: 0 0 10px transparent;
	box-shadow: 0 0 10px transparent;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.tracking-form .single-input .form--control:focus {
	-webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
	box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
	border-color: rgba(var(--main-color-one-rgb), 0.3);
}

/* Cart  */
.table-list-content.style-02 {
	max-width: 1250px;
	margin: 0 auto;
}

.table-list-content .custom--table.table-border {
	border: 1px solid var(--border-two);
}

.table-list-content .custom--table thead.head-bg {
	background: var(--gray-two);
}

.table-list-content .custom--table thead tr th {
	padding: 20px 5px;
	font-family: var(--rubik-font);
	font-size: 16px;
	font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.table-list-content .custom--table thead tr th {
		white-space: nowrap;
	}
}

.table-list-content .custom--table thead tr th:first-child {
	padding-left: 20px;
}

.table-list-content .custom--table thead tr th:last-child {
	padding-right: 20px;
}

.table-list-content .custom--table thead tr th:nth-child(1) {
	text-align: left;
}

.table-list-content .custom--table tbody tr {
	border-bottom: 1px solid rgba(221, 221, 221, 0.4);
	position: relative;
	z-index: 1;
}

.table-list-content .custom--table tbody tr td {
	padding: 20px;
}

.table-list-content .custom--table tbody tr td:first-child {
	padding-left: 20px;
	width: 220px;
}

.table-list-content .custom--table tbody tr td:last-child {
	padding-right: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.table-list-content .custom--table tbody tr td:last-child {
		padding-right: 7px;
	}
}

.table-list-content .custom--table tbody tr td .close-table-cart {
	position: unset;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 5px;
	font-size: 20px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.table-list-content .custom--table tbody tr td .close-table-cart:hover {
	color: var(--main-color-one);
	-webkit-transform: translateY(-50%) scale(1.3);
	transform: translateY(-50%) scale(1.3);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.table-list-content .custom--table tbody tr td .close-table-cart {
		top: 10px;
		right: auto;
		left: 10px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		background: var(--main-color-one);
		color: var(--white);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 30px;
		width: 30px;
		margin-left: auto;
		margin-bottom: 10px;
		margin-right: 10px;
	}

	.table-list-content .custom--table tbody tr td .close-table-cart:hover {
		-webkit-transform: translateY(0) scale(1.3);
		transform: translateY(0) scale(1.3);
		background: #fff;
		color: var(--main-color-one);
	}
}

.table-list-content .custom--table tbody tr td .product-name-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
	max-width: calc(100% - 20px);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.table-list-content .custom--table tbody tr td .product-name-table {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.table-list-content .custom--table tbody tr td .product-name-table {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: block;
	}
}

.table-list-content .custom--table tbody tr td .product-name-table a {
	flex-shrink: 0;
}

.table-list-content .custom--table tbody tr td .product-name-table .thumbs {
	height: 110px;
	width: 110px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.table-list-content .custom--table tbody tr td .product-name-table .thumbs {
		margin-left: auto;
		height: 120px;
		width: 120px;
	}
}

.table-list-content
	.custom--table
	tbody
	tr
	td
	.product-name-table
	.carts-contents {
	text-align: left;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.table-list-content
	.custom--table
	tbody
	tr
	td
	.product-name-table
	.carts-contents
	.name-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: var(--heading-color);
}

.table-list-content
	.custom--table
	tbody
	tr
	td
	.product-name-table
	.carts-contents
	p {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.table-list-content
		.custom--table
		tbody
		tr
		td
		.product-name-table
		.carts-contents {
		margin-left: 0px;
		text-align: right;
	}
}

.table-list-content
	.custom--table
	tbody
	tr
	td
	.product-name-table
	.carts-contents
	.name-title {
	font-size: 18px;
	font-weight: 500;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.table-list-content
		.custom--table
		tbody
		tr
		td
		.product-name-table
		.carts-contents
		.name-title {
		margin-top: 10px;
	}
}

.table-list-content .custom--table tbody tr td.price-td {
	font-weight: 500;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.table-list-content .custom--table tbody tr td.price-td {
		margin-right: 10px;
	}
}

.table-list-content .custom--table tbody tr td.color-one {
	color: var(--main-color-one);
}

.table-list-content .custom--table tbody tr td.color-two {
	color: var(--main-color-two);
}

.table-list-content .custom--table tbody tr td.color-three {
	color: var(--main-color-three);
}

.table-list-content .custom--table tbody tr td.color-four {
	color: var(--main-color-four);
}

.table-list-content .custom--table tbody tr td .product-quantity {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	width: 120px;
	text-align: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.table-list-content .custom--table tbody tr td .product-quantity {
		margin-right: 10px;
		margin-left: auto;
		display: inline-block;
	}
}

.table-list-content
	.custom--table
	tbody
	tr
	td
	.product-quantity
	.quantity-input {
	border: 1px solid rgba(221, 221, 221, 0.4);
	width: 100%;
	position: relative;
	z-index: 1;
}

.table-list-content
	.custom--table
	tbody
	tr
	td
	.product-quantity
	.quantity-input::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: rgba(221, 221, 221, 0.4);
}

.table-list-content .custom--table tbody tr td .product-quantity .substract,
.table-list-content .custom--table tbody tr td .product-quantity .plus {
	padding: 0 5px;
	left: 5px;
}

.table-list-content .custom--table tbody tr td .product-quantity .plus {
	left: auto;
	right: 5px;
}

.table-update-btn .btn-table {
	font-size: 18px;
	padding: 10px 30px;
	color: var(--paragraph-color);
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 480px) {
	.table-update-btn .btn-table {
		padding: 8px 18px;
	}
}

@media only screen and (max-width: 375px) {
	.table-update-btn .btn-table {
		font-size: 16px;
	}
}

.table-update-btn .btn-table.btn-border-1 {
	border: 1px solid rgba(221, 221, 221, 0.4);
}

.table-update-btn .btn-table:hover {
	background: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
}

.coupon-wrapper {
	padding: 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.coupon-wrapper {
		padding: 35px 35px 40px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.coupon-wrapper {
		padding: 40px 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.coupon-wrapper {
		max-width: 500px;
		margin: 0 auto;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.coupon-wrapper {
		max-width: 500px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 480px) {
	.coupon-wrapper {
		padding: 30px;
	}
}

@media only screen and (max-width: 375px) {
	.coupon-wrapper {
		padding: 20px 10px;
	}
}

.flex-coupon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.coupon-flex-list .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: var(--paragraph-color);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
}

.coupon-flex-list .list:not(:last-child) {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-two);
}

.coupon-flex-list .list b:nth-child(1) {
	font-weight: 400;
	color: var(--paragraph-color);
}

.coupon-flex-list .list b:nth-child(2) {
	font-weight: 700;
	color: var(--heading-color);
}

/* Checkout */
.summery-title {
	font-size: 36px;
	line-height: 43px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.summery-title {
		font-size: 32px;
	}
}

@media only screen and (max-width: 575.98px) {
	.summery-title {
		font-size: 30px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 375px) {
	.summery-title {
		font-size: 28px;
	}
}

.checkout-title i {
	color: var(--main-color-one);
}

.click-open-form:hover {
	color: var(--main-color-one);
	font-weight: 500;
}

.checkout-form-open {
	max-width: 500px;
	background: #fff;
	height: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 500ms linear;
	transition: all 500ms linear;
}

.checkout-form-open.active {
	height: auto;
	visibility: visible;
	opacity: 1;
	margin-top: 30px;
}

.checkout-signup-form-wrapper {
	max-width: 700px;
	height: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.checkout-form-open.active,
.checkout-signup-form-wrapper.active {
	height: auto;
	visibility: visible;
	opacity: 1;
	margin-top: 30px;
	background: var(--gray-two);
	padding: 20px;
}

.checkout-address-form-wrapper {
	max-width: 700px;
	height: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.checkout-address-form-wrapper.active {
	height: auto;
	visibility: visible;
	opacity: 1;
	margin-top: 30px;
	background: #fff;
}

.signin-contents .btn-submit {
	margin-top: 20px;
}

.create-accounts {
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	gap: 10px;
	color: var(--heading-color) !important;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.create-accounts {
		font-size: 18px;
	}
}

@media only screen and (max-width: 575.98px) {
	.create-accounts {
		font-size: 16px;
	}
}

.create-accounts:hover {
	color: var(--heading-color);
}

.create-accounts::before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 20px;
	width: 20px;
	border: 1px solid #ddd;
	content: "";
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.create-accounts.active::before {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	background: var(--main-color-one);
	color: var(--white);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 12px;
	border-color: var(--main-color-one);
}

.checkout-form .input-flex-item .single-input .form--message {
	height: 120px;
}

.checkout-form .checkbox-inlines .checkbox-label {
	color: var(--heading-color);
	font-size: 18px;
}

.checkout-order-summery {
	padding: 40px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.checkout-order-summery {
		padding: 40px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.checkout-order-summery {
		padding: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.checkout-order-summery {
		padding: 30px;
	}
}

@media only screen and (max-width: 991.98px) {
	.checkout-order-summery {
		padding: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.checkout-order-summery {
		padding: 30px;
	}
}

@media only screen and (max-width: 375px) {
	.checkout-order-summery {
		padding: 20px 10px;
	}
}

.checkout-cart-wrapper {
	max-height: 240px;
	overflow-y: auto;
}

.single-checkout-cart-items .single-check-carts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.single-checkout-cart-items
	.single-check-carts
	.check-cart-flex-contents
	.checkout-cart-thumb {
	height: 100px;
	width: 100px;
}

.single-checkout-cart-items
	.single-check-carts
	.check-cart-flex-contents
	.checkout-cart-thumb
	img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.single-checkout-cart-items
	.single-check-carts
	.check-cart-flex-contents
	.checkout-cart-img-contents {
	text-align: left;
	margin-left: 10px;
}

.single-checkout-cart-items
	.single-check-carts
	.check-cart-flex-contents
	.checkout-cart-img-contents
	.product-items {
	margin-top: 10px;
}

.single-checkout-cart-items .single-check-carts .checkout-cart-price {
	font-size: 18px;
}

.checkout-flex-list .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 15px 0;
	color: var(--paragraph-color);
	font-size: 18px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.checkout-flex-list .list {
		font-size: 16px;
		padding: 10px 0;
	}
}

@media only screen and (max-width: 375px) {
	.checkout-flex-list .list {
		font-size: 15px;
		padding: 10px 0;
	}
}

.checkout-flex-list .list span.product-qnt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

.checkout-flex-list .list span .product-cross {
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}

.checkout-flex-list .list span .product-cross::after {
	font-family: "Line Awesome Free";
	font-weight: 900;
	content: "";
	position: absolute;
	right: -20px;
}

.checkout-flex-list .list .input-values {
	width: 40px;
	background: none;
	border: none;
	outline: none;
}

.coupon-form {
	position: relative;
}

.coupon-form .single-input label {
	display: block;
}

.coupon-form .single-input .form--control {
	height: 60px;
	background: #fff;
	border: 1px solid rgba(221, 221, 221, 0.4);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.coupon-form .single-input .form--control:focus {
	border-color: rgba(var(--main-color-one-rgb), 0.3);
	-webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
	box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
}

.coupon-form .apply-coupon {
	position: absolute;
	right: 5px;
	height: 50px;
	border: 0;
	outline: none;
	padding: 5px 20px;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid transparent;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: var(--main-color-one);
	color: var(--white);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.coupon-form .apply-coupon:hover {
	background: none;
	color: var(--main-color-one);
	border-color: var(--main-color-one);
}

.btn-coupon {
	outline: none;
	border: 1px solid #ddd;
	background: #ddd;
	padding: 15px;
	cursor: pointer;
	font-size: 18px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-coupon.btn-bg-heading {
	background: var(--heading-color);
	color: var(--white);
	border: 2px solid transparent;
}

.btn-coupon.btn-bg-heading:hover {
	background: none;
	color: var(--heading-color);
	border-color: var(--heading-color);
}

.payment-inlines .payment-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.payment-inlines .payment-card .single-card {
	background: #fff;
	padding: 5px 10px;
	position: relative;
	z-index: 2;
	margin-bottom: 10px;
	border: 2px solid transparent;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.payment-inlines .payment-card .single-card.active {
	border-color: var(--main-color-one);
}

.payment-inlines .payment-card .single-card.active::before {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	background: var(--main-color-one);
	color: var(--white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 16px;
	width: 16px;
	font-size: 10px;
	border-radius: 50%;
	position: absolute;
	top: -7px;
	right: -7px;
	z-index: 9;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.payment-inlines .payment-card .single-card:not(:last-child) {
	margin-right: 10px;
}

.checkout__card {
	border: 1px solid var(--border-two);
}

.checkout__card__header {
	background-color: var(--gray-two);
	padding: 15px 20px;
	border-bottom: 1px solid var(--border-two);
}

.checkout__card__footer {
	border-top: 1px solid var(--border-two);
}

/* Sign In Sign Up */
.signin-wrappers {
	max-width: 450px;
	margin: 0 auto;
}

.signin-wrappers.style-02 {
	max-width: 550px;
}

.input-flex-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (max-width: 480px) {
	.input-flex-item {
		display: block;
	}
}

.input-flex-item .single-input {
	width: 100%;
}

.input-flex-item .single-input:not(:first-child) {
	margin-left: 24px;
}

@media only screen and (max-width: 480px) {
	.input-flex-item .single-input:not(:first-child) {
		margin-left: 0;
	}
}

.input-flex-item .single-input .form--control {
	border: 1px solid rgba(221, 221, 221, 0.4);
}

.single-input {
	display: inline-block;
	width: 100%;
}

.single-input .form--control {
	border: 1px solid rgba(221, 221, 221, 0.4);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 0 0 10px transparent;
	box-shadow: 0 0 10px transparent;
}

.single-input .form--control:focus {
	border-color: rgba(var(--main-color-one-rgb), 0.3);
	-webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
	box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
}

.single-input .form--message {
	padding: 15px 0 0 15px;
}

.label-title {
	font-size: 16px;
	font-weight: 500;
	color: var(--heading-color);
}

@media only screen and (max-width: 480px) {
	.label-title {
		font-size: 15px;
	}
}

.single-checbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px;
}

.or-contents {
	text-align: center;
	position: relative;
	z-index: 2;
}

.or-contents::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	background: rgba(221, 221, 221, 0.4);
	width: 100%;
	height: 1px;
	z-index: -1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.or-contents .or-para {
	background: #fff;
	padding: 10px 30px;
	color: var(--paragraph-color);
}

.signin-others .single-other-signin .btn-others {
	padding: 13px 10px;
	display: inline-block;
	border: 1px solid rgba(221, 221, 221, 0.4);
	color: var(--paragraph-color);
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.signin-others .single-other-signin .btn-others:hover {
	background: var(--heading-color);
	color: var(--white);
}

.signin-others .single-other-signin .btn-others img {
	margin-right: 5px;
}

.special-account {
	border: 1px solid var(--border-color);
	padding: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: var(--paragraph-color);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: all 0.3s;
}

.special-account:hover {
	background: var(--heading-color);
	border-color: var(--heading-color);
	color: var(--white);
}

.special-account:hover .special-account-para {
	color: var(--white);
}

.special-account-para {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	transition: all 0.3s;
}

.signin-contents {
	background: var(--gray-two);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px var(--gray-two);
}

.sign-in.register {
	padding: 20px;
	background: var(--gray-two);
	border-radius: 10px;
	box-shadow: 0 0 10px var(--gray-two);
}

.signin__account__para {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}

.signin__account__para a {
	font-size: 18px;
	font-weight: 500;
	color: var(--heading-color);
	transition: all 0.3s;
}

.signin__account__para a:hover {
	color: var(--main-color-one);
}

.form-check-label {
	font-size: 16px;
	line-height: 24px;
	color: var(--paragraph-color);
	margin-bottom: 5px;
}

/* Compare Area */
.single-compare .compare-contents .compare-review-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 5px;
}

.single-compare .compare-contents .compare-review-list .list {
	margin: 2px;
	font-size: 20px;
}

.single-compare .compare-contents .common-price-title-two {
	margin-top: 15px;
}

@media only screen and (max-width: 480px) {
	.single-compare .compare-contents .compare-content-list {
		margin-top: 20px;
	}
}

.single-compare .compare-contents .compare-content-list .list {
	border-bottom: 1px solid rgba(221, 221, 221, 0.4);
	padding: 20px 0;
	font-size: 18px;
	line-height: 32px;
	color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-compare .compare-contents .compare-content-list .list {
		padding: 15px 0;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-compare .compare-contents .compare-content-list .list {
		font-size: 16px;
	}
}

@media only screen and (max-width: 480px) {
	.single-compare .compare-contents .compare-content-list .list {
		font-size: 15px;
		padding: 10px 0;
	}
}

.single-compare .compare-contents .compare-content-list .list .common-para {
	color: var(--paragraph-color);
}

.single-compare .compare-contents .cmn_btn {
	font-size: 18px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-compare .compare-contents .cmn_btn {
		font-size: 17px;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-compare .compare-contents .cmn_btn {
		font-size: 16px;
	}
}

@media only screen and (max-width: 375px) {
	.single-compare .compare-contents .cmn_btn {
		font-size: 15px;
	}
}

.single-compare .compare-contents .btn-remove {
	border-bottom: 2px solid rgba(221, 221, 221, 0.6);
	color: var(--paragraph-color);
	padding-bottom: 2px;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-compare .compare-contents .btn-remove:hover {
	color: var(--main-color-one);
	border-color: transparent;
	letter-spacing: 1px;
}

@media only screen and (max-width: 575.98px) {
	.single-compare .compare-contents .btn-remove {
		font-size: 16px;
	}
}

@media only screen and (max-width: 375px) {
	.single-compare .compare-contents .btn-remove {
		font-size: 15px;
	}
}

/* Dashboard area */
.admin-dashboard-padding-30 {
	padding: 30px;
}

.dashboard-logo {
	max-width: 170px;
	margin-inline: auto;
}

@media only screen and (max-width: 480px) {
	.admin-dashboard-padding-30 {
		padding: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.admin-dashboard-padding-30 {
		padding: 20px 15px;
	}
}

.dashboard-area {
	background: var(--dashboard-color);
	min-height: 100vh;
	overflow: hidden;
}

.color-profile {
	color: var(--customer-profile);
}

.dashboard-common-title {
	font-size: 18px;
	line-height: 30px;
}

.dashboard-common-title-two {
	font-size: 24px;
	line-height: 32px;
	margin: -7px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-common-title-two {
		font-size: 23px;
	}
}

@media only screen and (max-width: 575.98px) {
	.dashboard-common-title-two {
		font-size: 22px;
	}
}

@media only screen and (max-width: 375px) {
	.dashboard-common-title-two {
		font-size: 21px;
	}
}

.dashboard-pagination .pagination li {
	margin: 5px 10px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-pagination .pagination li {
		margin: 5px 5px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-pagination .pagination li {
		margin: 5px 5px;
	}
}

.dashboard-pagination .pagination li.active .page-link {
	background: var(--customer-profile);
	color: var(--white);
	border-color: transparent;
}

.dashboard-pagination .pagination li .page-link {
	background: #fff;
	color: #666;
	border: 1px solid;
	font-size: 16px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	padding: 8px 17px;
	display: inline-block;
	cursor: pointer;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.dashboard-pagination .pagination li .page-link:hover {
	background: var(--customer-profile);
	color: var(--white);
	border-color: transparent;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-pagination .pagination li .page-link {
		font-size: 16px;
		padding: 7px 15px;
	}
}

@media only screen and (max-width: 480px) {
	.dashboard-pagination .pagination li .page-link {
		font-size: 15px;
		padding: 5px 10px;
	}
}

.badge-notification {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 10px;
	height: 22px;
	width: 22px;
	background: var(--main-color-one);
	color: var(--white);
	border-radius: 3px;
}

@media only screen and (max-width: 575.98px) {
	.showing-contents {
		text-align: center;
	}
}

/*
.dashboard-padding {
  padding: 50px;
}
@media (min-width: 1600px) and (max-width: 1849.98px) {
  .dashboard-padding {
    padding: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-padding {
    padding: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-padding {
    padding: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-padding {
    padding: 20px;
  }
}
@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-padding {
    padding: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .dashboard-padding {
    padding: 20px;
  }
}
@media only screen and (max-width: 375px) {
  .dashboard-padding {
    padding: 20px 10px;
  }
} */

.dashboard-contents-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 24px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-contents-wrapper {
		gap: 24px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-contents-wrapper {
		gap: 24px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-contents-wrapper {
		display: block;
		padding: 12px 12px;
	}
}

.dashboard-left-content .nicescroll-rails {
	background: none;
}

.dashboard-left-content .nicescroll-cursors {
	background-color: var(--customer-profile) !important;
	width: 5px !important;
}

.dashboard-left-content {
	background: #fff;
	text-align: center;
	height: 100%;
	padding: 0;
	border-radius: 0px;
	display: block;
	padding: 20px 20px;
	width: 335px;
	height: calc(100vh - 0px);
	overflow-y: hidden;
	position: fixed;
	z-index: 9;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.dashboard-left-content {
		/* height: calc(100vh - 80px); */
		padding: 30px 10px;
		width: 280px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.dashboard-left-content {
		/* height: calc(100vh - 60px); */
		padding: 30px 10px;
		width: 280px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-left-content {
		/* height: calc(100vh - 40px); */
		padding: 30px 10px;
		width: 260px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-left-content {
		/* height: calc(100vh - 40px); */
		padding: 30px 10px;
		width: 260px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-left-content {
		height: 100vh;
	}
}

@media only screen and (max-width: 375px) {
	.dashboard-left-content {
		max-width: 280px;
	}
}

.dashboard-bottom {
	height: calc(100vh - 195px);
	overflow-y: auto;
	padding: 0 7px 0 0;
	scrollbar-color: var(--customer-profile) #f3f3f3;
	scrollbar-width: thin;
}

.dashboard-bottom::-webkit-scrollbar {
	background-color: #f3f3f3;
	width: 5px;
	border-radius: 10px;
}

.dashboard-bottom::-webkit-scrollbar-thumb {
	background: var(--customer-profile);
	border-radius: 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-bottom {
		height: calc(100vh - 175px);
	}
}

.dashboard-list > li.active > a,
.dashboard-list .list.active > a {
	background: var(--customer-profile);
	font-weight: 500;
	color: var(--white);
}

.dashboard-list li.main_dropdown.active > .collapse {
	display: block;
}

.dashboard-list li.main_dropdown.open > a::after,
.dashboard-list .list.has-children.open > a::after {
	content: "";
}

li.main_dropdown ul {
	display: block;
	height: 100%;
}

.dashboard-list li.main_dropdown > a,
.dashboard-list .list.has-children > a {
	position: relative;
}

.dashboard-list li.main_dropdown > a::after,
.dashboard-list .list.has-children > a::after {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	position: absolute;
	right: 15px;
	font-size: 18px;
}

.dashboard-list li.acitve > .collapse > li {
	list-style: disc;
}

.dashboard-list li.acitve > .collapse,
.dashboard-list .list.show > .submenu {
	display: block;
}

.dashboard-list li a,
.dashboard-list .list a {
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--heading-color);
	font-family: var(--rubik-font);
	gap: 10px;
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background-color: var(--gray-two);
	text-align: left;
}

.dashboard-list li a i,
.dashboard-list .list a i {
	font-size: 13px;
}

.dashboard-list li:not(:last-child) > a {
	margin-bottom: 10px;
}

.dashboard-list li > ul li a {
	padding: 10px 15px;
}

.dashboard-list li > ul li:last-child a {
	margin-bottom: 10px;
}

.dashboard-list li > .collapse,
.dashboard-list .list > .submenu {
	padding-left: 15px;
	display: none;
	border-left: 4px solid var(--customer-profile);
}

.dashboard-list li > .collapse li.main_dropdown > a,
.dashboard-list .list > .submenu .list.has-children > a {
	font-size: 16px;
}

.dashboard-list li.main_dropdown > .collapse li.active {
	background: none;
}

.dashboard-list li.main_dropdown > .collapse li.selected > a,
.dashboard-list li.main_dropdown > .collapse li.active > a,
.dashboard-list .list > .submenu .list.selected > a {
	color: var(--customer-profile);
	background-color: rgba(var(--customer-profile-rgb), 0.1);
}

.dashboard-list li > .collapse li.active a::before,
.dashboard-list .list > .submenu .list.selected a::before {
	background: var(--customer-profile);
}

.dashboard-list li.main_dropdown > .collapse li.main_dropdown.active > a {
	background-color: var(--customer-profile);
	color: var(--white);
}

/* .dashboard-list li>.collapse .main_dropdown a,
.dashboard-list .list>.submenu .list a {
  font-size: 14px;
  line-height: 22px;
  padding: 3px 0 3px 15px;
  position: relative;
  font-weight: 400;
} */

/* .dashboard-list li>.collapse .main_dropdown a::before,
.dashboard-list .list>.submenu .list a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 6px;
  width: 6px;
  background: #999;
  border-radius: 50%;
} */

.dashboard-right-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 360px;
	padding-block: 20px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.dashboard-right-contents {
		margin-left: 304px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.dashboard-right-contents {
		margin-left: 304px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-right-contents {
		margin-left: 284px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-right-contents {
		margin-left: 284px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-right-contents {
		margin-left: 0;
	}
}

/* Dashboard Top Contents */
.dashboard-top-contents.dashboard__card,
.card-body.dashboard__card,
.dashboard__card {
	padding: 20px;
	background: #fff;
	border: 1px solid var(--border-two);
	border-radius: 10px;
	height: 100%;
}

.dashboard__card.mediaUploads__card {
	height: auto;
}

.dashboard__card:not(:last-child) {
	margin-bottom: 24px;
}

.dashboard__card.card__two {
	padding: 0;
}

.dashboard__card.card__two .dashboard__card__header,
.dashboard__card.card__two .card-header {
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: unset;
	border-bottom: 1px solid var(--border-two);
}

.dashboard__card .card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: unset;
	border-bottom: 1px solid var(--border-color);
}

.dashboard__card__header.center-text,
.dashboard__card__header.desktop-center,
.dashboard__card__header.text-center {
	display: block;
}

.dashboard__card.card__two .dashboard__card__body,
.dashboard__card.card__two .card-body {
	padding: 20px;
}

.dashboard__card__body.overflow__vertically {
	overflow: auto;
}

.dashboard__card .card-body {
	padding: 0px;
}

.dashboard__card__title,
.dashboard__card .header-title,
.header-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: var(--heading-color);
}

.card-header .title {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: var(--heading-color);
}

.dashboard__card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px 10px;
}

.dashboard__card__header__right,
.dashboard__card__header__right.d-flex {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

@media screen and (max-width: 575px) {
	.dashboard__card__header {
		flex-wrap: wrap;
	}
}

.dashboard__card__flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px 10px;
}

.dashboard-left-date {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
}

.dashboard-top-contents {
	background: #fff;
	padding: 20px 20px;
	border-radius: 10px;
}

.dashboard-left-heading,
.heading-two {
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--heading-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-left-heading,
	.heading-two {
		font-size: 30px;
	}
}

@media only screen and (max-width: 767.98px) {
	.dashboard-left-heading,
	.heading-two {
		font-size: 28px;
	}
}

@media only screen and (max-width: 575.98px) {
	.dashboard-left-heading,
	.heading-two {
		font-size: 28px;
	}
}

@media only screen and (max-width: 480px) {
	.dashboard-left-heading,
	.heading-two {
		font-size: 26px;
	}
}

@media only screen and (max-width: 375px) {
	.dashboard-left-heading,
	.heading-two {
		font-size: 22px;
	}
}

.heading-three {
	font-size: 28px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.heading-three {
		font-size: 26px;
	}
}

@media only screen and (max-width: 575.98px) {
	.heading-three {
		font-size: 25px;
	}
}

@media only screen and (max-width: 375px) {
	.heading-three {
		font-size: 23px;
	}
}

.dashboard-left-flex .d-flex {
	flex-wrap: wrap;
}
.dashboard-left-flex > div h2 + h2 {
	display: none;
}
@media only screen and (max-width: 1199.98px) {
	.dashboard-left-flex .d-flex > h2 {
		font-size: 32px;
	}
}

@media only screen and (max-width: 991px) {
	.dashboard-left-flex .d-flex > h2 {
		font-size: 28px;
	}
}

@media only screen and (max-width: 767px) {
	.dashboard-left-flex .d-flex > h2 {
		font-size: 26px;
	}
}

@media only screen and (max-width: 575px) {
	.dashboard-left-flex .d-flex > h2 {
		font-size: 24px;
	}
}

@media only screen and (max-width: 480px) {
	.dashboard-left-flex .d-flex > h2 {
		font-size: 24px;
	}
}

@media only screen and (max-width: 375px) {
	.dashboard-left-flex .d-flex > h2 {
		font-size: 22px;
	}
}

.dashboard__card__search {
	max-width: 350px;
}

.dashboard__card__search__icon {
	position: relative;
}

.dashboard__card__search input {
	height: 42px;
	padding: 0 15px;
	padding-left: 40px;
}

.dashboard__card__search .icon {
	position: absolute;
	left: 15px;
	bottom: 7px;
	color: var(--paragraph-color);
	font-size: 16px;
	border: 0;
	background-color: unset;
	padding: 0;
	cursor: pointer;
}

.dashboard-flex-contetns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 24px 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-flex-contetns {
		gap: 24px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: space-between;
	}

	.dashboard-flex-contetns .dashboard-right-flex .author-flex-contents {
		margin-top: 0;
	}

	.dashboard-left-flex .d-flex {
		justify-content: flex-start;
		text-align: left;
	}
}

@media (min-width: 200px) and (max-width: 450px) {
	.dashboard-flex-contetns {
		flex-direction: column;
		gap: 0;
	}
	.dashboard-left-date {
		text-align: center;
	}

	.dashboard-left-flex .d-flex {
		justify-content: center;
	}

	.dashboard-right-flex .author-thumb-contents .author-account-list {
		transform: translateX(50px);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-flex-contetns .rating-wrap {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.dashboard-right-flex {
	flex-shrink: 0;
}

.dashboard-flex-contetns .dashboard-right-flex .author-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-flex-contetns .dashboard-right-flex .author-flex-contents {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 24px;
	}
}

.author-thumb-contents {
	position: relative;
	z-index: 3;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.author-thumb-contents:hover .author-account-list {
	visibility: visible;
	opacity: 1;
	top: 100%;
	background: #fff;
}

.author-thumb-contents .author-thumb {
	max-height: 40px;
	max-width: 40px;
	font-size: 20px;
	color: var(--heading-color);
}

.dashboard-right-flex .author-thumb-contents .author-thumb {
	font-size: 24px;
	background: var(--gray-two);
	height: 40px;
	width: 40px;
	border-radius: 50%;
	text-align: center;
}

@media only screen and (max-width: 575.98px) {
	.author-thumb-contents .author-thumb {
		max-height: 50px;
		max-width: 50px;
	}
}

.author-thumb-contents .author-thumb img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px;
}

.author-thumb-contents .author-account-list {
	position: absolute;
	top: 130%;
	right: 0;
	background: #fff;
	z-index: 9998;
	-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
	box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
	width: 190px;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: block !important;
	margin-left: 0 !important;
}

.author-thumb-contents .author-account-list .list {
	margin: 0 !important;
	display: block !important;
}

.author-thumb-contents .author-account-list .list a {
	display: block;
	font-size: 15px;
	font-weight: 400;
	padding: 10px 20px;
	color: var(--heading-color);
	border-bottom: 1px solid rgba(221, 221, 221, 0.7);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.author-thumb-contents .author-account-list .list a:hover {
	background: var(--customer-profile);
	color: var(--white);
}

.single-icon-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.single-icon-flex .single-icon {
	font-size: 20px;
	color: var(--heading-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
}

.single-icon-flex .single-icon:hover {
	color: #05cd99;
}

.badge-icon {
	position: absolute;
	top: -3px;
	right: -3px;
	background: var(--delete-color);
	color: var(--white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	font-size: 9px;
}

.notification-list-wrapper .nicescroll-rails {
	background: none;
}

.notification-list-wrapper .nicescroll-cursors {
	background-color: var(--customer-profile) !important;
	width: 5px !important;
}

.dashboard-right-contents .nicescroll-rails {
	background: none;
}

.dashboard-right-contents .nicescroll-cursors {
	background-color: var(--customer-profile) !important;
	width: 5px !important;
}

.notification-list-wrapper {
	position: relative;
}

.notification-list-wrapper .notification-title {
	border-bottom: 1px solid rgba(221, 221, 221, 0.5);
	padding: 0px 15px 10px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.notification-list-wrapper .all-notification {
	font-size: 15px;
	font-weight: 500;
	color: #333;
	padding: 20px 15px 0;
	display: inline-block;
}

.notifications-parent {
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#top-bar-notification-icon {
	cursor: pointer;
	font-size: 28px;
	color: var(--heading-color);
}

.notifications-parent .notification-list-wrapper.active {
	visibility: visible;
	opacity: 1;
	top: 100%;
	background: #fff;
}

.notifications-parent .notification-list-wrapper {
	position: absolute;
	top: 130%;
	right: 0;
	z-index: 9998;
	-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
	box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
	width: 250px;
	background: #fff;
	padding: 20px 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: block !important;
	margin-left: 0 !important;
}

.notifications-parent .notification-list {
	max-height: 250px;
	overflow-y: auto;
	padding: 0 7px;
}

@media only screen and (max-width: 480px) {
	.notifications-parent .notification-list {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}

	.dashboard-right-flex .notifications-parent .notification-list {
		transform: translateX(0);
	}

	.dashboard-right-flex .notifications-parent .notification-list-wrapper {
		transform: translateX(80px);
	}
}

@media only screen and (max-width: 375px) {
	.dashboard-right-flex .notifications-parent .notification-list-wrapper {
		transform: translateX(140px);
	}
}

.notifications-parent .notification-list .list {
	display: block;
	padding: 5px 15px;
	color: var(--heading-color);
	border-bottom: 1px solid rgba(221, 221, 221, 0.7);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.notifications-parent .notification-list .list:hover {
	background: var(--customer-profile);
	color: var(--white);
}

.notifications-parent
	.notification-list
	.list:hover
	.notification-list-flex
	.notification-icon {
	background-color: var(--white);
	color: var(--heading-color);
}

.notifications-parent .notification-list .list .notification-list-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 12px;
}

.notifications-parent
	.notification-list
	.list
	.notification-list-flex
	.notification-author {
	height: 40px;
	width: 40px;
}

.notifications-parent
	.notification-list
	.list
	.notification-list-flex
	.notification-author
	img {
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
}

.notifications-parent
	.notification-list
	.list
	.notification-list-flex
	.notification-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	font-size: 18px;
	background: rgba(0, 0, 0, 0.1);
	color: var(--heading-color);
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.notifications-parent
	.notification-list
	.list
	.notification-list-flex
	.notification-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.notifications-parent
	.notification-list
	.list
	.notification-list-flex
	.notification-contents
	.list-title {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	margin: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.notifications-parent
	.notification-list
	.list
	.notification-list-flex
	.notification-contents
	.list-sub {
	font-size: 14px;
	font-weight: 400;
	margin-top: 2px;
	display: block;
}

.top-search-input {
	max-width: 300px;
}

.top-search-input.w-100 {
	max-width: 100%;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.top-search-input {
		margin: 20px auto 0;
	}
}

.top-search-input .top-input-form {
	position: relative;
}

.top-search-input .top-input-form .form--control {
	padding: 0 15px 0 50px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
}

.top-search-input .top-input-form .form--control:focus {
	-webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
	box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
	border-color: rgba(5, 205, 153, 0.3);
}

.top-search-input .top-input-form .search-btn {
	position: absolute;
	top: 50%;
	left: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 20px;
	color: #333;
	background: none;
	outline: none;
	border: 0;
}

/* Dashboard Customer Profile view */
.admin-profile-flex-view {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 24px 12px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.admin-profile-flex-view {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.admin-profile-flex-view {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.admin-profile-flex-view {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.admin-profile-flex-view {
		display: block;
	}
}

.admin-profile-flex-view .flex-view-item {
	width: 100%;
}

.dashboard-week-earning {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: var(--heading-color);
}

.author-thumbs.bg-image {
	height: 210px;
	width: 210px;
}

.admin-customer-author-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media only screen and (max-width: 767.98px) {
	.admin-customer-author-flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.admin-view-customer-address {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 24px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.admin-view-customer-address {
		display: block;
	}
}

@media only screen and (max-width: 767.98px) {
	.admin-view-customer-address {
		display: block;
	}
}

.admin-view-customer-address .single-admin-customer-details {
	width: 100%;
}

/* Dashboard Vendor Preview Profile */
.single-preview-photo:not(:first-child) {
	margin-top: 40px;
}

/* Dashboard Campaign */
.campaign-photo {
	height: 100px;
	width: 230px;
	margin: 0 auto;
	border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.campaign-photo {
		height: 90px;
		width: 170px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.campaign-photo {
		height: 80px;
		width: 150px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.campaign-photo {
		height: 70px;
		width: 100px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.campaign-photo {
		margin-left: auto;
		margin-right: 0;
		height: 80px;
		width: 150px;
	}
}

@media only screen and (max-width: 375px) {
	.campaign-photo {
		height: 70px;
		width: 120px;
	}
}

.dashboard-campaign-single.campaign-padding-30 {
	padding: 30px;
}

@media only screen and (max-width: 480px) {
	.dashboard-campaign-single.campaign-padding-30 {
		padding: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.dashboard-campaign-single.campaign-padding-30 {
		padding: 20px 15px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-campaign-single .dashboard-flex-input {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-campaign-single .dashboard-flex-input {
		display: block;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-campaign-single .dashboard-flex-input {
		display: block;
	}
}

.sidebar-campaign-list .list:not(:last-child) {
	margin-bottom: 10px;
}

.sidebar-campaign-list .list.active a {
	background: var(--customer-profile);
	color: var(--white);
}

.sidebar-campaign-list .list.active a::after {
	font-family: "Line Awesome Free";
	font-weight: 900;
	content: "";
	position: absolute;
	right: 20px;
}

.sidebar-campaign-list .list a {
	font-size: 16px;
	font-weight: 500;
	color: var(--heading-color);
	background: var(--dashboard-color);
	padding: 10px 20px;
	border-radius: 5px;
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
}

/* Dashboard withdraw Info */
.dashboard-withdraw-info-wrapper {
	padding: 6px 30px 30px;
}

@media only screen and (max-width: 375px) {
	.dashboard-withdraw-info-wrapper {
		padding: 0px 20px 24px;
	}
}

@media only screen and (max-width: 480px) {
	.single-admin-withdraw-info .contact-info-list .list {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.single-admin-withdraw-info .contact-info-list .list {
		font-size: 14px;
	}
}

.withdraw-single-padding {
	padding: 30px;
}

@media only screen and (max-width: 375px) {
	.withdraw-single-padding {
		padding: 20px 15px;
	}
}

.withdraw-info-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 0 24px;
}

@media only screen and (max-width: 480px) {
	.withdraw-info-flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.withdraw-info-flex .nice-select-two {
	width: 100%;
}

.withdraw-info-flex .dashboard-btn-wrapper {
	width: 100%;
}

.btn-withdraw-info {
	height: 100%;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-withdraw-info.dashboard-bg:hover {
	background: none;
	color: var(--customer-profile);
}

/* Dashboard Promo */
.orders-child:nth-child(4n + 2) .single-orders {
	background: var(--main-color-one);
}

.orders-child:nth-child(4n + 3) .single-orders {
	background: #c71f66;
}

.orders-child:nth-child(4n + 4) .single-orders {
	background: #6560ff;
}

.single-orders {
	background: var(--customer-profile);
	padding: 35px 30px;
	border-radius: 10px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.single-orders.style-padding {
	padding: 29px 25px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-orders {
		padding: 20px 15px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-orders {
		padding: 20px 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-orders {
		padding: 25px 20px;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-orders {
		padding: 20px 15px;
	}
}

.single-orders .orders-shapes {
	position: absolute;
	top: -50px;
	right: -100px;
	height: 200%;
	width: 220px;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	background: rgba(255, 255, 255, 0.2);
	z-index: -1;
}

.single-orders .orders-flex-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-orders .orders-flex-content {
		gap: 10px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-orders .orders-flex-content {
		gap: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-orders .orders-flex-content {
		gap: 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-orders .orders-flex-content {
		gap: 20px;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-orders .orders-flex-content {
		gap: 10px;
	}
}

.single-orders .contents {
	flex: 1;
}

.single-orders .orders-flex-content .icon {
	font-size: 50px;
	color: var(--white);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-orders .orders-flex-content .icon {
		font-size: 40px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-orders .orders-flex-content .icon {
		font-size: 40px;
		text-align: right;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-orders .orders-flex-content .icon {
		font-size: 40px;
		text-align: right;
	}
}

.single-orders .orders-flex-content .contents .order-titles {
	font-size: 36px;
	font-weight: 500;
	line-height: 55px;
	color: var(--white);
	margin: 0;
	word-break: break-all;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-orders .orders-flex-content .contents .order-titles {
		font-size: 34px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-orders .orders-flex-content .contents .order-titles {
		font-size: 30px;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-orders .orders-flex-content .contents .order-titles {
		font-size: 28px;
	}
}

.single-orders .orders-flex-content .contents .order-para {
	font-size: 16px;
	line-height: 26px;
	color: var(--white);
}

@media only screen and (max-width: 767.98px) {
	.single-orders .orders-flex-content .contents .order-para {
		font-size: 15px;
	}
}

/* Dashboard Contact Info */
.single-contact-dashboard {
	border-radius: 20px;
}

.single-contact-dashboard.contact-padding {
	padding: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-contact-dashboard.contact-padding {
		padding: 20px 20px;
	}
}

@media only screen and (max-width: 480px) {
	.single-contact-dashboard.contact-padding {
		padding: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.single-contact-dashboard.contact-padding {
		padding: 20px 10px;
	}
}

.contact-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.contact-flex-contents {
		display: block;
	}
}

@media only screen and (max-width: 575.98px) {
	.contact-flex-contents {
		gap: 10px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

.contact-left-content .contact-title {
	font-size: 18px;
}

.contact-right-contents .edit-profile {
	background: var(--customer-profile);
	color: var(--white);
	font-size: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
	padding: 8px 15px;
	border-radius: 5px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.contact-right-contents .edit-profile {
		margin-top: 18px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.contact-info-list.style-02 .list {
	display: inline-block;
	width: 100%;
}

.contact-info-list.style-02 .list:not(:last-child) {
	margin-bottom: 40px;
}

.contact-info-list.style-02 .list .span-title {
	width: 150px;
	line-height: 28px;
}

@media only screen and (max-width: 375px) {
	.contact-info-list.style-02 .list .span-title {
		width: 120px;
	}
}

.contact-info-list.style-02 .list .title {
	margin-top: 0;
	display: inline-block;
	line-height: 28px;
}

.contact-info-list .list {
	display: block;
	font-size: 16px;
	line-height: 26px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.contact-info-list .list {
		font-size: 15px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.contact-info-list .list {
		font-size: 15px;
	}
}

.contact-info-list .list:not(:last-child) {
	margin-bottom: 24px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.contact-info-list .list:not(:last-child) {
		margin-bottom: 17px;
	}
}

.contact-info-list .list .title {
	margin-top: 10px;
	display: block;
}

.contact-billing-address .single-billing-address {
	border-radius: 20px;
	padding: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.contact-billing-address .single-billing-address {
		padding: 20px 20px;
	}
}

@media only screen and (max-width: 480px) {
	.contact-billing-address .single-billing-address {
		padding: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.contact-billing-address .single-billing-address {
		padding: 20px 10px;
	}
}

.contact-billing-address .single-billing-address:not(:last-child) {
	margin-bottom: 26px;
}

.dashboard-flex-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 24px;
}

@media only screen and (max-width: 575.98px) {
	.dashboard-flex-input {
		display: flex !important;
		flex-direction: column;
	}
}

.dashboard-flex-input .dashboard-input {
	width: 100%;
}

.dashboard-input {
	position: relative;
	display: inline-block;
	width: 100%;
}

.dashboard-input .bootstrap-tagsinput {
	width: 100%;
	height: 55px;
	padding: 9px 15px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	overflow-y: auto;
}

.dashboard-input .bootstrap-tagsinput:focus {
	-webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
	box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
	border-color: rgba(5, 205, 153, 0.3);
}

.dashboard-input .bootstrap-tagsinput .tag {
	background: var(--body-color);
	padding: 2px 5px;
	margin: 2px 0;
	line-height: 26px;
	border-radius: 5px;
	font-size: 14px;
}

.dashboard-input .tags_input {
	width: 100%;
}

.dashboard-input .form--control {
	width: 100%;
	height: 55px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	font-size: 15px;
	padding: 0 15px;
}

@media only screen and (max-width: 375px) {
	.dashboard-input .form--control {
		font-size: 14px;
	}
}

.dashboard-input .form--control:focus {
	-webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
	box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
	border-color: rgba(5, 205, 153, 0.3);
}

.dashboard-input .form--message {
	padding: 15px;
}

.dashboard-label {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--heading-color);
	margin-bottom: 8px;
}

@media only screen and (max-width: 375px) {
	.dashboard-label {
		font-size: 14px;
	}
}

.toggle-password {
	position: absolute;
	bottom: 15px;
	right: 20px;
	cursor: pointer;
}

.hide-icon {
	display: none;
}

.toggle-password.show-pass .hide-icon {
	display: block;
}

.toggle-password.show-pass .show-icon {
	display: none;
}

/* Dashboard Recent Orders */
.recent-order-wrapper {
	border-radius: 20px;
	padding: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.recent-order-wrapper {
		padding: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.recent-order-wrapper {
		padding: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.recent-order-wrapper {
		padding: 30px 150px;
	}
}

@media only screen and (max-width: 480px) {
	.recent-order-wrapper {
		padding: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.recent-order-wrapper {
		padding: 20px 10px;
	}
}

.action-icon .icon {
	color: var(--customer-profile);
}

.action-icon .icon:nth-child(3n + 2) {
	color: var(--main-color-two);
}

.action-icon .icon:nth-child(3n + 3) {
	color: var(--main-color-one);
}

.dashboard-table thead tr {
	border-bottom: 1px solid rgba(221, 221, 221, 0.4);
}

.dashboard-table thead tr th {
	color: var(--heading-color);
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	padding: 10px 15px;
}

.dashboard-table thead tr th:first-child {
	text-align: left;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.dashboard-table thead tr th {
		font-size: 15px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-table thead tr th {
		font-size: 14px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-table thead tr th {
		font-size: 14px;
	}
}

.table-wrap thead tr th {
	text-align: unset;
}

.dashboard-table tbody {
	overflow: unset;
}

.dashboard-table tbody tr {
	border-bottom: 1px solid rgba(221, 221, 221, 0.4);
}

.dashboard-table tbody tr td {
	text-align: left;
	padding-inline: 8px;
	font-size: 16px;
	word-break: break-word;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.dashboard-table tbody tr td {
		font-size: 15px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-table tbody tr td {
		font-size: 14px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-table tbody tr td {
		font-size: 14px;
	}
}

.dashboard-table tbody tr td:first-child {
	text-align: left;
}

.dashboard-table tbody tr td .logo-brand {
	height: 55px;
	width: 60px;
	max-width: 70px;
	flex-shrink: 0;
}
.table-wrap .logo-brand-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	flex-wrap: wrap;
	padding-inline: 10px;
}
.table-wrap .logo-brand {
	flex-shrink: 0;
	max-width: 80px;
}
.table-wrap .logo-brand-contents b,
.table-wrap .logo-brand-contents p {
	word-break: keep-all;
}
.table-wrap tbody tr td {
	padding-inline: 10px;
}
.dashboard-table tbody tr td .logo-brand img {
	border-radius: 5px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.dashboard-table tbody tr td .btn-status {
	background: #f9503e;
	color: var(--white);
	font-size: 16px;
	padding: 8px 15px;
	border-radius: 5px;
}

.dashboard-table tbody tr td .action-icon {
	margin: 5px 10px;
}

.dashboard-table tbody tr td .action-icon .icon {
	font-size: 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.dashboard-table tbody tr td .action-icon .icon:hover {
	color: var(--customer-profile);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-table tbody tr td .action-icon .icon {
		font-size: 18px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-table tbody tr td .action-icon .icon {
		font-size: 16px;
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-table .custom--table {
		overflow-x: scroll;
	}
}

.row-check {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 20px;
	width: 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	font-size: 14px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.row-check {
		height: 18px;
		width: 18px;
		font-size: 12px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.row-check {
		height: 17px;
		width: 17px;
		font-size: 12px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.row-check {
		height: 15px;
		width: 15px;
		font-size: 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.row-check {
		margin-left: auto;
	}
}

.row-check.checked {
	background: #05cd99;
	color: var(--white);
	border-color: transparent;
}

.row-check.checked::before {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
}

.res-row-check {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 20px;
	width: 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	font-size: 14px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.res-row-check {
		height: 18px;
		width: 18px;
		font-size: 12px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.res-row-check {
		height: 17px;
		width: 17px;
		font-size: 12px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.res-row-check {
		height: 15px;
		width: 15px;
		font-size: 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.res-row-check {
		margin-left: auto;
	}
}

.res-row-check.checked {
	background: #05cd99;
	color: var(--white);
	border-color: transparent;
}

.res-row-check.checked::before {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
}

.payment {
	font-size: 15px;
	padding: 5px 20px;
	border-radius: 5px;
	background: rgba(221, 221, 221, 0.1);
	color: #333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.payment {
		padding: 5px 15px;
		font-size: 14px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.payment {
		padding: 5px 10px;
		font-size: 14px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.payment {
		padding: 5px 10px;
		font-size: 13px;
	}
}

.payment:hover {
	background: #333;
	color: var(--white);
}

.payment.paid {
	background: rgba(5, 205, 153, 0.1);
	color: #05cd99;
}

.payment.paid:hover {
	background: #05cd99;
	color: var(--white);
}

.payment.due {
	background: rgba(249, 80, 62, 0.3);
	color: #f9503e;
}

.payment.due:hover {
	background: #f9503e;
	color: var(--white);
}

.add-dropdown-text {
	position: relative;
	z-index: 1;
	color: var(--white);
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 15px;
	padding: 7px 10px;
}

.add-dropdown-text:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.add-dropdown-text {
		font-size: 14px;
		padding: 5px 8px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.add-dropdown-text {
		font-size: 14px;
		padding: 5px 7px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.add-dropdown-text {
		font-size: 13px;
		padding: 5px 5px;
	}
}

[value="Active"].add-dropdown-text {
	background: #05cd99;
	border: 2px solid #05cd99;
	color: var(--white);
}

[value="Active"].add-dropdown-text:hover {
	background: none;
	color: #05cd99;
}

[value="Inactive"].add-dropdown-text {
	background: #f9503e;
	border: 2px solid #f9503e;
	color: var(--white);
}

[value="Inactive"].add-dropdown-text:hover {
	background: none;
	color: #f9503e;
}

[value="Pending"].add-dropdown-text {
	background: #fabe50;
	border: 2px solid #fabe50;
}

[value="Pending"].add-dropdown-text:hover {
	background: none;
	color: #fabe50;
}

[value="Completed"].add-dropdown-text {
	background: #05cd99;
	border: 2px solid #05cd99;
}

[value="Completed"].add-dropdown-text:hover {
	background: none;
	color: #05cd99;
}

[value="Canceled"].add-dropdown-text {
	background: #f9503e;
	border: 2px solid #f9503e;
}

[value="Canceled"].add-dropdown-text:hover {
	background: none;
	color: #f9503e;
}

.status-dropdown {
	display: inline-block;
	position: relative;
}

.dashboard-table [data-label] {
	position: relative;
}

.dashboard-table [data-label]::before {
	position: absolute;
	content: attr(data-label);
	font-weight: 700;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 10px;
	padding: 8px 20px;
	display: none;
	font-size: 14px;
}

/* Dashboard Profile Photo */
.profile-photo-change {
	border-radius: 10px;
}

.profile-photo-change .photo-upload {
	display: inline-block;
	padding: 10px 30px 25px;
	text-align: center;
	width: 100%;
	border: 2px dashed #ddd;
	border-radius: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.profile-photo-change .photo-upload {
		padding: 5px 15px 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.profile-photo-change .photo-upload {
		padding: 5px 20px 15px;
	}
}

@media only screen and (max-width: 480px) {
	.profile-photo-change .photo-upload {
		padding: 10px 15px 20px;
	}
}

.profile-photo-change .photo-upload .upload-icon {
	font-size: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.profile-photo-change .photo-upload .upload-icon {
		font-size: 35px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.profile-photo-change .photo-upload .upload-icon {
		font-size: 35px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.profile-photo-change .photo-upload .upload-icon {
		font-size: 40px;
	}
}

@media only screen and (max-width: 480px) {
	.profile-photo-change .photo-upload .upload-icon {
		font-size: 30px;
	}
}

.profile-photo-change .photo-upload .upload-para {
	font-size: 15px;
}

.upload-finish {
	position: relative;
	z-index: 1;
}

.upload-finish .upload-thumb {
	max-width: 120px;
	max-height: 120px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.upload-finish .upload-thumb img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.upload-finish .upload-thumb .close-thumb {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	background: #ddd;
	color: #333;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.upload-finish .upload-thumb .close-thumb:hover {
	background: #05cd99;
	color: var(--white);
}

.upload-finish .photo-name {
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.upload-finish .photo-size {
	display: block;
	font-size: 12px;
}

.dashboard-btn-wrapper .btn-submit {
	font-size: 18px;
	font-weight: 500;
	padding: 12px 35px;
	display: inline-block;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-btn-wrapper .btn-submit {
		font-size: 16px;
		padding: 12px 25px;
	}
}

@media only screen and (max-width: 480px) {
	.dashboard-btn-wrapper .btn-submit {
		font-size: 16px;
		padding: 12px 20px;
	}
}

@media only screen and (max-width: 375px) {
	.dashboard-btn-wrapper .btn-submit {
		font-size: 15px;
		padding: 10px 15px;
	}
}

.dashboard-btn-wrapper .btn-submit.dashboard-bg {
	background: var(--main-color-one);
	color: var(--white);
	border: 2px solid var(--main-color-one);
}

.dashboard-btn-wrapper .btn-submit.dashboard-bg:hover {
	background: none;
	color: var(--main-color-one);
}

.dashboard-btn-wrapper .btn-submit.btn-medium {
	font-size: 16px;
	padding: 10px 25px;
}

/* Dashboard Wallet */
.wallet-child:nth-child(1) .single-wallet {
	background: var(--customer-profile);
	padding: 25px 25px;
	border-radius: 10px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.wallet-child:nth-child(1) .single-wallet {
		padding: 20px 15px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.wallet-child:nth-child(1) .single-wallet {
		padding: 20px 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.wallet-child:nth-child(1) .single-wallet {
		padding: 25px 20px;
	}
}

@media only screen and (max-width: 767.98px) {
	.wallet-child:nth-child(1) .single-wallet {
		padding: 20px 15px;
	}
}

.wallet-child:nth-child(1) .single-wallet .wallet-shapes {
	position: absolute;
	top: -50px;
	right: -100px;
	height: 200%;
	width: 220px;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	background: rgba(255, 255, 255, 0.2);
	z-index: -1;
}

.wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	gap: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
		gap: 10px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
		gap: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
		gap: 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
		gap: 20px;
	}
}

@media only screen and (max-width: 767.98px) {
	.wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
		gap: 10px;
	}
}

.wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
	font-size: 50px;
	color: var(--white);
	height: unset;
	width: unset;
	border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
		font-size: 40px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
		font-size: 40px;
		text-align: right;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
		font-size: 40px;
		text-align: right;
	}
}

.wallet-child:nth-child(1)
	.single-wallet
	.wallet-flex-content
	.wallet-contents
	.wallet-titles {
	font-size: 36px;
	font-weight: 500;
	line-height: 55px;
	color: var(--white);
	margin: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.wallet-child:nth-child(1)
		.single-wallet
		.wallet-flex-content
		.wallet-contents
		.wallet-titles {
		font-size: 34px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.wallet-child:nth-child(1)
		.single-wallet
		.wallet-flex-content
		.wallet-contents
		.wallet-titles {
		font-size: 30px;
	}
}

@media only screen and (max-width: 767.98px) {
	.wallet-child:nth-child(1)
		.single-wallet
		.wallet-flex-content
		.wallet-contents
		.wallet-titles {
		font-size: 28px;
	}
}

.wallet-child:nth-child(1)
	.single-wallet
	.wallet-flex-content
	.wallet-contents
	.wallet-para {
	font-size: 16px;
	line-height: 26px;
	color: var(--white);
}

@media only screen and (max-width: 767.98px) {
	.wallet-child:nth-child(1)
		.single-wallet
		.wallet-flex-content
		.wallet-contents
		.wallet-para {
		font-size: 15px;
	}
}

.add-money {
	position: relative;
	z-index: 3;
}

.add-money .icon {
	cursor: pointer;
}

.add-money .add-money-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	padding: 50px 30px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
	box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border: 1px solid var(--customer-profile);
	overflow: hidden;
	width: 400px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.add-money .add-money-wrapper {
		left: auto;
		right: 0;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.add-money .add-money-wrapper {
		left: auto;
		right: 0;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.add-money .add-money-wrapper {
		left: auto;
		right: 0;
		padding: 40px 20px;
	}
}

@media only screen and (max-width: 480px) {
	.add-money .add-money-wrapper {
		width: 320px;
	}
}

@media only screen and (max-width: 375px) {
	.add-money .add-money-wrapper {
		width: 280px;
		padding: 30px 10px;
	}
}

.add-money .add-money-wrapper .add-money-close {
	position: absolute;
	top: 0;
	right: 0;
	height: 35px;
	width: 35px;
	background: var(--customer-profile);
	color: var(--white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer;
}

.add-money.add-wallet .add-money-wrapper {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	top: -100%;
}

.dashboard_checkbox,
.dashboard-checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	cursor: pointer;
	gap: 10px;
}

.dashboard_checkbox.on_track_checkbox,
.dashboard-checkbox.on-track-checkbox {
	gap: 5px;
}

.dashboard_checkbox.on_track_checkbox .check_input,
.dashboard-checkbox.on-track-checkbox .check-input {
	border-radius: 50%;
}

.dashboard_checkbox.on_track_checkbox .check_input:checked + .checkbox_label,
.dashboard-checkbox.on-track-checkbox .check-input:checked + .checkbox-label {
	color: var(--customer-profile);
	font-weight: 500;
}

.dashboard_checkbox .check_input,
.dashboard-checkbox .check-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 18px;
	min-width: 18px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #dddddd;
	border-radius: 0px;
	margin-top: 3px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.dashboard_checkbox .check_input::after,
.dashboard-checkbox .check-input::after {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	font-size: 10px;
	color: var(--white);
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(1.6) rotate(90deg);
	transform: scale(1.6) rotate(90deg);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.dashboard_checkbox .check_input:checked,
.dashboard-checkbox .check-input:checked {
	background: var(--customer-profile);
	border-color: var(--customer-profile);
	background: var(--customer-profile);
}

.dashboard_checkbox .check_input:checked::after,
.dashboard-checkbox .check-input:checked::after {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1.2) rotate(0deg);
	transform: scale(1.2) rotate(0deg);
}

.dashboard_checkbox .checkbox_label,
.dashboard-checkbox .checkbox-label {
	cursor: pointer;
	text-align: left;
	line-height: 26px;
	font-size: 16px;
	font-weight: 400;
	color: var(--heading-color);
	margin: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {
	.dashboard_checkbox .checkbox_label,
	.dashboard-checkbox .checkbox-label {
		font-size: 15px;
	}
}

.add-money-cards .payment-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.add-money-cards .payment-card .single-card {
	background: #fff;
	padding: 5px 10px;
	position: relative;
	z-index: 2;
	margin-bottom: 10px;
	border: 2px solid transparent;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.add-money-cards .payment-card .single-card.active {
	border-color: var(--customer-profile);
}

.add-money-cards .payment-card .single-card.active::before {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	background: var(--customer-profile);
	color: var(--white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 16px;
	width: 16px;
	font-size: 10px;
	border-radius: 50%;
	position: absolute;
	top: -7px;
	right: -7px;
	z-index: 9;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.add-money-cards .payment-card .single-card:not(:last-child) {
	margin-right: 10px;
}

.single-wallet {
	padding: 25px 25px;
	background: #fff;
	border-radius: 20px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.single-wallet {
		padding: 35px 25px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-wallet {
		padding: 34px 25px;
	}
}

.wallet-flex-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 30px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.wallet-flex-content {
		gap: 10px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.wallet-flex-content {
		gap: 10px;
	}
}

@media only screen and (max-width: 375px) {
	.wallet-flex-content {
		gap: 15px;
	}
}

.wallet-flex-content .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 75px;
	width: 75px;
	color: var(--customer-profile);
	background: rgba(var(--customer-profile-rgb), 0.1);
	font-size: 50px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.wallet-flex-content .icon {
		height: 55px;
		width: 55px;
		font-size: 40px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.wallet-flex-content .icon {
		height: 50px;
		width: 50px;
		font-size: 36px;
	}
}

.wallet-flex-content .wallet-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.wallet-flex-content .wallet-contents .wallet-titles {
	font-size: 24px;
	line-height: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.wallet-flex-content .wallet-contents .wallet-titles {
		font-size: 20px;
		line-height: 26px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.wallet-card-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 0 24px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.wallet-card-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 0 24px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.wallet-card-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 0 24px;
	}
}

.single-card-info {
	padding: 30px;
	border-radius: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-card-info {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 250px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-card-info {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 250px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-card-info {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 250px;
	}
}

/* Dashboard Reward Point */
.redeem-reward-point-wrapper {
	padding: 20px 30px;
	border-radius: 20px;
}

@media only screen and (max-width: 375px) {
	.redeem-reward-point-wrapper {
		padding: 20px 10px;
	}
}

.reward-point-title {
	font-size: 20px;
	line-height: 30px;
}

.reward-point-title .max-redeem {
	font-size: 14px;
	font-weight: 400;
}

.redeem-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.redeem-flex-contents {
		display: block;
	}
}

@media only screen and (max-width: 575.98px) {
	.redeem-flex-contents {
		display: block;
	}
}

@media only screen and (max-width: 767.98px) {
	.redeem-flex-contents {
		display: block;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.redeem-flex-contents .redeem-button-wrapper {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 767.98px) {
	.redeem-flex-contents .redeem-button-wrapper {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 575.98px) {
	.redeem-flex-contents .redeem-button-wrapper {
		margin-top: 20px;
	}
}

.redeem-form {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 0 24px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 480px) {
	.redeem-form {
		display: block;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.redeem-form .redeem-control {
		-ms-flex-preferred-size: 60%;
		flex-basis: 60%;
	}
}

.redeem-form .form--control {
	height: 54px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	background: none;
	-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
	padding: 0 15px;
}

.redeem-form .form--control:focus {
	-webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
	box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
	border-color: rgba(5, 205, 153, 0.4);
}

.redeem-button-wrapper .btn-redeem {
	background: var(--customer-profile);
	color: var(--white);
	font-size: 15px;
	padding: 16px 20px;
	border-radius: 5px;
	display: inline-block;
}

.earn-money {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 24px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media only screen and (max-width: 480px) {
	.earn-money {
		margin-top: 10px;
	}
}

.earn-money .equal-sign {
	font-size: 24px;
	color: #333;
}

.earn-money .money {
	font-size: 24px;
	font-weight: 500;
	color: var(--main-color-three);
	word-break: break-all;
}

.redeem-promo {
	padding: 0 24px 24px;
	border-radius: 20px;
}

@media only screen and (max-width: 375px) {
	.redeem-promo {
		padding: 0 10px 24px;
	}
}

.reward-child:nth-child(3n + 2) .single-reward {
	background: rgba(var(--main-color-three-rgb), 0.1);
}

.reward-child:nth-child(3n + 2) .single-reward .reward-contents .reward-titles {
	color: var(--main-color-three);
}

.reward-child:nth-child(3n + 2) .single-reward .reward-contents .reward-btn {
	background: var(--main-color-three);
}

.reward-child:nth-child(3n + 2)
	.single-reward
	.reward-contents
	.reward-btn:hover {
	color: var(--main-color-three);
	border-color: var(--main-color-three);
}

.reward-child:nth-child(3n + 2) .single-reward .reward-lock-icon .lockunlock {
	background: var(--main-color-three);
}

.reward-child:nth-child(3n + 3) .single-reward {
	background: rgba(0, 136, 221, 0.1);
}

.reward-child:nth-child(3n + 3) .single-reward .reward-contents .reward-titles {
	color: #0088dd;
}

.reward-child:nth-child(3n + 3) .single-reward .reward-contents .reward-btn {
	background: #0088dd;
}

.reward-child:nth-child(3n + 3)
	.single-reward
	.reward-contents
	.reward-btn:hover {
	color: #0088dd;
	border-color: #0088dd;
}

.reward-child:nth-child(3n + 3) .single-reward .reward-lock-icon .lockunlock {
	background: #0088dd;
}

.single-reward {
	background: rgba(var(--customer-profile-rgb), 0.1);
	padding: 35px 30px;
	border-radius: 10px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.single-reward {
		padding: 35px 16px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-reward {
		padding: 20px 15px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-reward {
		padding: 20px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-reward {
		padding: 30px 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-reward {
		padding: 25px 20px;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-reward {
		padding: 20px 15px;
	}
}

.single-reward.disabled .reward-contents .reward-btn {
	background: #e9edf7 !important;
	color: #999 !important;
}

.single-reward.disabled .reward-contents .reward-btn:hover {
	background: #e9edf7 !important;
	border-color: #e9edf7 !important;
}

.single-reward.disabled .reward-lock-icon .unlock {
	visibility: hidden;
	opacity: 0;
}

.single-reward.disabled .reward-lock-icon .lock {
	visibility: visible;
	opacity: 1;
}

.single-reward.disabled .reward-lock-icon .lockunlock {
	background: #e9edf7 !important;
	color: #999;
}

.single-reward .reward-lock-icon .lockunlock {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px;
	background: var(--customer-profile);
	color: var(--white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 35px;
	width: 35px;
	border-radius: 0 10px 0 10px;
}

.single-reward .reward-lock-icon .lock {
	visibility: hidden;
	opacity: 0;
}

.single-reward .reward-flex-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.single-reward .reward-flex-content {
		gap: 10px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-reward .reward-flex-content {
		gap: 10px;
		display: block;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-reward .reward-flex-content {
		gap: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-reward .reward-flex-content {
		gap: 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-reward .reward-flex-content {
		gap: 20px;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-reward .reward-flex-content {
		gap: 10px;
	}
}

@media only screen and (max-width: 375px) {
	.single-reward .reward-flex-content {
		display: block;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-reward .reward-flex-content .icon-img {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 375px) {
	.single-reward .reward-flex-content .icon-img {
		margin-bottom: 10px;
	}
}

.single-reward .reward-flex-content .reward-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.single-reward .reward-flex-content .reward-contents .reward-titles {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	color: var(--white);
	margin: 0;
	color: var(--customer-profile);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-reward .reward-flex-content .reward-contents .reward-titles {
		font-size: 22px;
	}
}

@media only screen and (max-width: 767.98px) {
	.single-reward .reward-flex-content .reward-contents .reward-titles {
		font-size: 20px;
	}
}

.single-reward .reward-flex-content .reward-contents .reward-para {
	font-size: 16px;
	line-height: 26px;
	color: #666;
}

@media only screen and (max-width: 767.98px) {
	.single-reward .reward-flex-content .reward-contents .reward-para {
		font-size: 15px;
		display: block;
	}
}

.single-reward .reward-flex-content .reward-contents .reward-btn {
	background: var(--customer-profile);
	color: var(--white);
	font-size: 15px;
	padding: 5px 20px;
	border: 2px solid transparent;
	border-radius: 5px;
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-reward .reward-flex-content .reward-contents .reward-btn:hover {
	background: none;
	color: var(--customer-profile);
	border-color: var(--customer-profile);
}

.recent-reward-wrapper {
	padding: 30px;
	border-radius: 20px;
}

@media only screen and (max-width: 375px) {
	.recent-reward-wrapper {
		padding: 20px 10px;
	}
}

.recent-reward-wrapper .dashboard-common-title {
	font-size: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.recent-reward-wrapper .dashboard-common-title {
		font-size: 18px;
	}
}

.reward-point-list .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 10px;
	padding-top: 18px;
	border-top: 1px solid rgba(221, 221, 221, 0.4);
}

.reward-point-list .list:not(:last-child) {
	padding-bottom: 18px;
}

.reward-point-list .list .date-list .reward-point {
	color: var(--heading-color);
}

.reward-point-list .list .date-list .point-date {
	font-size: 12px;
	display: block;
	margin-top: 6px;
}

.reward-point-list .list .main-points {
	font-weight: 500;
	color: var(--heading-color);
}

/* Dashboard Order Status */
.order-status-area {
	padding: 50px 40px;
	border-radius: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.order-status-area {
		padding: 40px 40px;
	}
}

@media only screen and (max-width: 480px) {
	.order-status-area {
		padding: 30px 20px;
	}
}

@media only screen and (max-width: 375px) {
	.order-status-area {
		padding: 20px 20px;
	}
}

.order-top-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
}

.status-delivery-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.status-delivery-flex {
		gap: 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.status-delivery-flex {
		gap: 10px;
	}
}

.status-delivery-flex .status-date {
	font-size: 15px;
}

.order-status-right .vendor-name {
	font-size: 16px;
	line-height: 28px;
}

.order-status-right .vendor-name .names {
	color: var(--customer-profile);
	margin-left: 5px;
}

.order-step-area {
	padding: 0 100px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.order-step-area {
		padding: 0 50px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.order-step-area {
		padding: 0;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.order-step-area {
		padding: 0;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.order-step-area {
		padding: 0;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.order-step-area {
		padding: 0;
	}
}

.order-step-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.single-step {
	text-align: center;
	position: relative;
	z-index: 1;
	width: 100%;
	width: calc((100% / 5) - 0px);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-step {
		width: calc((100% / 4) - 0px);
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.single-step {
		width: calc((100% / 3) - 0px);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-step {
		width: calc((100% / 3) - 0px);
	}
}

@media only screen and (max-width: 575.98px) {
	.single-step {
		width: calc((100% / 2) - 0px);
	}
}

@media only screen and (max-width: 375px) {
	.single-step {
		width: calc((100% / 1) - 0px);
	}
}

.single-step.order-complete::before,
.single-step.order-complete::after {
	background: var(--customer-profile);
}

.single-step.order-complete .step-number {
	background: var(--customer-profile);
	color: var(--white);
	border-color: var(--customer-profile);
}

.single-step.order-complete .step-number .num {
	display: none;
}

.single-step.order-complete .step-number .icon {
	display: block;
	font-size: 20px;
}

.single-step:first-child::before {
	display: none;
}

@media only screen and (max-width: 375px) {
	.single-step:first-child::before {
		display: block;
	}
}

.single-step:last-child::after {
	display: none;
}

@media only screen and (max-width: 375px) {
	.single-step:last-child::after {
		display: block;
	}
}

.single-step::before,
.single-step::after {
	content: "";
	position: absolute;
	height: 2px;
	width: 50%;
	top: 20px;
	left: 0;
	background: #ddd;
	z-index: -1;
}

.single-step::after {
	left: auto;
	right: 0;
}

.single-step .step-number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border: 1px dashed #666;
	background: #fff;
	border-radius: 50%;
	margin: 0 auto 15px;
}

.single-step .step-number .icon {
	display: none;
}

.single-step .step-title {
	font-size: 16px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-step .step-title {
		font-size: 15px;
	}
}

.status-bottom-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.status-bottom-flex {
		gap: 30px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.status-bottom-flex {
		gap: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.status-bottom-flex {
		gap: 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.status-bottom-flex {
		gap: 20px;
	}
}

.status-bottom-flex .status-left-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 24px 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.status-bottom-flex .status-left-content {
		gap: 24px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.status-bottom-flex .status-left-content {
		gap: 24px 10px;
	}
}

.status-bottom-flex .status-left-content .single-left-contents {
	max-width: 350px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.status-bottom-flex .status-left-content .single-left-contents {
		max-width: 300px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.status-bottom-flex .status-left-content .single-left-contents {
		max-width: 300px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.status-bottom-flex .status-left-content .single-left-contents {
		max-width: 300px;
	}
}

.status-bottom-flex .status-left-content .single-left-contents .address-para {
	line-height: 28px;
	font-size: 16px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.status-bottom-flex
		.status-left-content
		.single-left-contents
		.address-para {
		font-size: 15px;
	}
}

.count-list .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 10px 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.count-list .list {
		gap: 10px 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.count-list .list {
		gap: 10px 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.count-list .list {
		gap: 10px 40px;
	}
}

@media only screen and (max-width: 375px) {
	.count-list .list {
		gap: 10px 50px;
	}
}

.count-list .list .left {
	color: var(--paragraph-color);
}

.count-list .list:not(:last-child) {
	margin-bottom: 15px;
}

/* Data Table Style */
.dataTables_wrapper .dataTables_length select {
	border: 1px solid var(--border-color);
	border-radius: 5px;
	height: 40px !important;
}

.dataTables_wrapper .dataTables_filter input {
	border: 1px solid var(--border-color);
	border-radius: 5px;
	height: 40px;
	padding-right: 15px;
}

table.dataTable thead th,
table.dataTable thead td {
	border-bottom: 1px solid var(--border-color);
	color: var(--paragraph-color);
}

table.dataTable thead tr th {
	color: var(--heading-color);
}

table.dataTable thead tr th:first-child {
	padding-left: 10px;
}

table.dataTable tbody tr td {
	color: var(--paragraph-color);
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	border-color: var(--border-two);
}

.data-table-style tbody,
td,
tfoot,
th,
thead,
tr {
	border-color: var(--border-two);
}

table.dataTable.no-footer {
	border-bottom: 1px solid var(--border-two);
	border-color: var(--border-two) !important;
}

.table-wrap .table > :not(:first-child) {
	border-color: var(--border-two);
}

.dataTables_wrapper .dataTables_info {
	padding-top: 30px;
}

.dataTables_wrapper .dataTables_paginate {
	padding-top: 24px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	color: #fff !important;
	border: 1px solid var(--customer-profile);
	background: var(--customer-profile);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: var(--customer-profile) !important;
	background: none;
	border-color: var(--customer-profile);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #fff !important;
	border: 1px solid var(--customer-profile);
	background: var(--customer-profile);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
	border: 1px solid var(--customer-profile);
	color: var(--customer-profile) !important;
	text-indent: -9999px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	z-index: 1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next::after {
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	content: "";
	display: block;
	pointer-events: none;
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	right: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
	border-bottom: 2px solid #666;
	border-left: 2px solid #666;
	content: "";
	display: block;
	pointer-events: none;
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);

	z-index: 99;
	left: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
	border: 1px solid var(--customer-profile);
	color: #333 !important;
	background: none;
}

.dataTables_wrapper
	.dataTables_paginate
	.paginate_button.previous.disabled::before {
	border-color: rgba(221, 221, 221, 0.5);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled::after {
	border-color: rgba(221, 221, 221, 0.5);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
	border-color: rgba(221, 221, 221, 0.3);
	color: #666 !important;
}

/* Dashboard Close */
@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-left-content {
		z-index: 1;
		position: fixed;
		left: -100%;
		top: 0;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		z-index: 99;
		background: #fff;
		text-align: center;
		border-radius: 10px;
		display: block;
		height: calc(100vh - 0px);
		transition: all 0.5s;
	}

	.dashboard-left-content.active {
		visibility: visible;
		opacity: 1;
		left: 0;
	}
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 480px) {
	.dashboard-left-content {
		width: 280px;
	}
}

.dashboard-left-content .close-bars {
	position: absolute;
	right: 3px;
	top: 3px;
	font-size: 24px;
	color: var(--white);
	background: var(--customer-profile);
	-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
	box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 35px;
	width: 35px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	border-radius: 5px;
	display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-left-content .close-bars {
		display: block;
	}
}

.dashboard-icon {
	display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-icon {
		display: block;
	}
}

.dashboard-icon .sidebar-icon {
	font-size: 28px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 45px;
	width: 45px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: var(--customer-profile);
	-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
	box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
	z-index: 95;
	border-radius: 5px;
	color: var(--white);
}

/* Vendor Dashboard css */
/* Vendor Sign In */
.vendor-signin-wrapper {
	max-width: 520px;
	margin: 0 auto;
}

.vendor-signin-wrapper-inner {
	padding: 30px;
	border: 1px solid var(--border-color);
	border-radius: 10px;
	box-shadow: 0 0 10px #f1f1f1;
}

.admin-login-wrapper {
	max-width: 500px;
	padding-left: 50px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.admin-login-wrapper {
		padding-top: 50px;
	}
}

@media only screen and (max-width: 480px) {
	.admin-login-wrapper {
		padding-left: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.admin-login-wrapper {
		padding-left: 10px;
	}
}

.center-text {
	text-align: center;
}

.remember-password-flex {
	gap: 10px;
}

.conditions {
	font-weight: 500;
	display: inline-block;
}

.conditions:hover {
	color: var(--customer-profile);
}

.account-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	font-size: 16px;
}

.account-bottom .account-title {
	color: var(--paragraph-color);
}

.account-bottom .signup-login {
	color: var(--main-color-one);
}

/* vendor reg */
.single-vendor-reg {
	padding: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.single-vendor-reg {
		padding: 30px;
	}
}

@media only screen and (max-width: 575.98px) {
	.single-vendor-reg {
		padding: 30px 20px;
	}
}

@media only screen and (max-width: 375px) {
	.single-vendor-reg {
		padding: 20px 15px;
	}
}

/*vendor Dashboard */
.color-calendar.basic .calendar__header {
	padding: 0;
}

.color-calendar.basic .calendar__body {
	padding: 10px 0 0;
}

.color-calendar .calendar__days {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (minmax(20px, 55px)) [7];
	grid-template-columns: repeat(7, minmax(20px, 55px));
	-ms-grid-rows: (minmax(30px, 40px)) [4];
	grid-template-rows: repeat(4, minmax(30px, 40px));
}

.color-calendar .calendar__days > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.color-calendar .calendar__days > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}

.color-calendar .calendar__days > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.color-calendar .calendar__days > *:nth-child(4) {
	-ms-grid-row: 1;
	-ms-grid-column: 4;
}

.color-calendar .calendar__days > *:nth-child(5) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
}

.color-calendar .calendar__days > *:nth-child(6) {
	-ms-grid-row: 1;
	-ms-grid-column: 6;
}

.color-calendar .calendar__days > *:nth-child(7) {
	-ms-grid-row: 1;
	-ms-grid-column: 7;
}

.color-calendar .calendar__days > *:nth-child(8) {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
}

.color-calendar .calendar__days > *:nth-child(9) {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
}

.color-calendar .calendar__days > *:nth-child(10) {
	-ms-grid-row: 2;
	-ms-grid-column: 3;
}

.color-calendar .calendar__days > *:nth-child(11) {
	-ms-grid-row: 2;
	-ms-grid-column: 4;
}

.color-calendar .calendar__days > *:nth-child(12) {
	-ms-grid-row: 2;
	-ms-grid-column: 5;
}

.color-calendar .calendar__days > *:nth-child(13) {
	-ms-grid-row: 2;
	-ms-grid-column: 6;
}

.color-calendar .calendar__days > *:nth-child(14) {
	-ms-grid-row: 2;
	-ms-grid-column: 7;
}

.color-calendar .calendar__days > *:nth-child(15) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

.color-calendar .calendar__days > *:nth-child(16) {
	-ms-grid-row: 3;
	-ms-grid-column: 2;
}

.color-calendar .calendar__days > *:nth-child(17) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}

.color-calendar .calendar__days > *:nth-child(18) {
	-ms-grid-row: 3;
	-ms-grid-column: 4;
}

.color-calendar .calendar__days > *:nth-child(19) {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
}

.color-calendar .calendar__days > *:nth-child(20) {
	-ms-grid-row: 3;
	-ms-grid-column: 6;
}

.color-calendar .calendar__days > *:nth-child(21) {
	-ms-grid-row: 3;
	-ms-grid-column: 7;
}

.color-calendar .calendar__days > *:nth-child(22) {
	-ms-grid-row: 4;
	-ms-grid-column: 1;
}

.color-calendar .calendar__days > *:nth-child(23) {
	-ms-grid-row: 4;
	-ms-grid-column: 2;
}

.color-calendar .calendar__days > *:nth-child(24) {
	-ms-grid-row: 4;
	-ms-grid-column: 3;
}

.color-calendar .calendar__days > *:nth-child(25) {
	-ms-grid-row: 4;
	-ms-grid-column: 4;
}

.color-calendar .calendar__days > *:nth-child(26) {
	-ms-grid-row: 4;
	-ms-grid-column: 5;
}

.color-calendar .calendar__days > *:nth-child(27) {
	-ms-grid-row: 4;
	-ms-grid-column: 6;
}

.color-calendar .calendar__days > *:nth-child(28) {
	-ms-grid-row: 4;
	-ms-grid-column: 7;
}

.color-calendar .calendar__picker .calendar__picker-month-option {
	padding: 12px 0;
	font-weight: 500;
	color: var(--heading-color);
	border-radius: 10px;
	border: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-month-option::after {
	background: rgba(221, 221, 221, 0.3);
	border-radius: 10px;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-month-selected::after {
	background: var(--customer-profile);
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-month-option:hover {
	color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-month-option:hover:after {
	background: var(--customer-profile);
	opacity: 1;
	color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-month-selected {
	color: var(--white);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.color-calendar.basic .calendar__picker-year-today {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.color-calendar .calendar__picker .calendar__picker-year-option {
	padding: 12px 0;
	font-weight: 500;
	color: var(--heading-color);
	border-radius: 10px;
	border: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-year-option::after {
	background: rgba(221, 221, 221, 0.3);
	border-radius: 10px;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-year-selected::after {
	background: var(--customer-profile);
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-year-option:hover {
	color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-year-option:hover:after {
	background: var(--customer-profile);
	opacity: 1;
	color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-year-selected {
	color: var(--white);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.color-calendar.basic .calendar__days .calendar__day-bullet {
	background: var(--customer-profile);
}

.color-calendar.basic
	.calendar__days
	.calendar__day-selected
	.calendar__day-box {
	background: var(--customer-profile);
	-webkit-box-shadow: 0 0 10px rgba(var(--customer-profile-rgb), 0.1);
	box-shadow: 0 0 10px rgba(var(--customer-profile-rgb), 0.1);
	height: 30px;
	width: 30px;
	border-radius: 50%;
}

.color-calendar.basic .calendar__days .calendar__day-today .calendar__day-box {
	height: 30px;
	width: 30px;
	border-radius: 50%;
}

.color-calendar.basic
	.calendar__days
	.calendar__day-text:hover
	~ .calendar__day-box {
	height: 30px;
	width: 30px;
	border-radius: 50%;
}

.color-calendar.basic .calendar__days .calendar__day-box:hover {
	height: 30px;
	width: 30px;
	border-radius: 50%;
}

.color-calendar.basic .calendar__days .calendar__day {
	font-weight: 400;
	font-size: 14px;
	height: 30px;
	width: 30px;
	border-radius: 50%;
}

.color-calendar .calendar__monthyear {
	font-size: 18px;
}

.color-calendar.basic .calendar__weekdays .calendar__weekday {
	font-weight: 500;
	opacity: 1;
	font-size: 13px;
	color: var(--heading-color);
}

.color-calendar.basic .calendar__arrow-inner::after {
	background: rgba(221, 221, 221, 0.3);
	opacity: 1;
}

.color-calendar.basic .calendar__arrow-inner:hover::after {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: var(--customer-profile);
	opacity: 1;
}

.color-calendar.basic .calendar__arrow-inner:hover::before {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #fff !important;
}

.color-calendar.basic .calendar__arrow-inner::before {
	color: var(--heading-color);
	font-size: 16px;
}

.chart-height #bar-chart {
	max-height: 180px !important;
}

.dashboard-seller-list.style-02 .list:not(:last-child) {
	margin-bottom: 30px;
}

.dashboard-seller-list.style-03 .list:not(:last-child) {
	margin-bottom: 30px;
}

.dashboard-seller-list.style-03
	.list
	.vendor-seller-thumb-content
	.seller-thumbs {
	height: 35px;
	width: 35px;
}

.dashboard-seller-list.style-03
	.list
	.vendor-seller-thumb-content
	.seller-name-title {
	font-size: 16px;
}

.dashboard-seller-list.style-03
	.list
	.dashbaord-price-contents
	.track-money-withdraw {
	padding: 3px 10px;
	font-size: 14px;
	background: rgba(var(--customer-profile-rgb), 0.1);
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.dashboard-seller-list.style-03
	.list
	.dashbaord-price-contents
	.track-money-withdraw:hover {
	background-color: var(--customer-profile);
	color: var(--white);
}

.dashboard-seller-list.style-03
	.list
	.dashbaord-price-contents
	.track-money-withdraw.color-one {
	background: rgba(var(--main-color-one-rgb), 0.1);
}

.dashboard-seller-list.style-03
	.list
	.dashbaord-price-contents
	.track-money-withdraw.color-one:hover {
	background: var(--main-color-one);
}

.dashboard-seller-list .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px;
}

@media only screen and (max-width: 767.98px) {
	.dashboard-seller-list .list {
		gap: 10px;
	}
}

.dashboard-seller-list .list:not(:last-child) {
	margin-bottom: 15px;
}

.dashboard-seller-list .list .vendor-seller-thumb-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.dashboard-seller-list .list .vendor-seller-thumb-content .seller-thumbs {
	height: 50px;
	width: 50px;
}

.dashboard-seller-list .list .vendor-seller-thumb-content .seller-thumbs img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.dashboard-seller-list .list .vendor-seller-thumb-content .seller-name-title {
	font-size: 16px;
	line-height: 24px;
	display: block;
}

.dashboard-seller-list .list .dashbaord-price-contents .dashbaord-seller-price {
	font-size: 18px;
}

.vendor-seller-btn {
	text-align: right;
}

.view-all-btn {
	display: inline-block;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.view-all-btn i {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.view-all-btn:hover {
	color: var(--customer-profile);
	letter-spacing: 1px;
}

.view-all-btn:hover i {
	margin-left: 5px;
}

.seller-title-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px 5px;
}

.chart-icon {
	background: var(--dashboard-color);
	color: var(--customer-profile);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 35px;
	width: 35px;
	font-size: 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.chart-icon:hover {
	color: var(--white);
	background: var(--customer-profile);
}

.dashboard-flex-order-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 25px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 375px) {
	.dashboard-flex-order-contents {
		gap: 15px;
	}
}

.dashboard-flex-order-contents .dashboard-order-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 75px;
	width: 75px;
	font-size: 50px;
	color: var(--white);
	background-color: var(--customer-profile);
}

@media only screen and (max-width: 375px) {
	.dashboard-flex-order-contents .dashboard-order-icon {
		height: 65px;
		width: 65px;
		font-size: 40px;
	}
}

.dashboard-order-content .order-price-title {
	font-size: 36px;
	word-break: break-all;
}

/* vendor profile */
.dashboard-top-flex-contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 24px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.dashboard-top-flex-contents {
		display: block;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-top-flex-contents {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-top-flex-contents {
		display: block;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-top-flex-contents {
		display: block;
	}
}

.profile-details-padding {
	padding: 30px 80px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.profile-details-padding {
		padding: 20px;
	}
}

.profile-contents .profile-review .star-icon {
	font-size: 14px;
	color: #fabe50;
}

.profile-contents .profile-call {
	color: var(--paragraph-color);
	display: block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.profile-contents .profile-call:hover {
	color: var(--customer-profile);
}

.profile-contents .visit-site {
	font-size: 14px;
	padding: 7px 15px;
	color: var(--white);
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.profile-contents .visit-site:hover {
	background: none;
	color: var(--customer-profile);
}

.dashboard-profile-thumb-contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.dashboard-profile-thumb-contents {
		margin-top: 24px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-profile-thumb-contents {
		margin-top: 24px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-profile-thumb-contents {
		margin-top: 24px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-profile-thumb-contents {
		margin-top: 24px;
	}
}

.edit-profile-btn-wrapper.right-text {
	text-align: right;
}

.edit-profile-btn-wrapper .edit-profile {
	padding: 7px 15px;
	font-size: 14px;
	color: var(--white);
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.edit-profile-btn-wrapper .edit-profile:hover {
	color: var(--customer-profile);
	background: none;
}

.dashboard-flex-item-two {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 0 24px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.dashboard-flex-item-two {
		display: block;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-flex-item-two {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-flex-item-two {
		display: block;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-flex-item-two {
		display: block;
	}
}

.dashboard-flex-item-two .single-flex-dashbaord {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 50%;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.dashboard-flex-item-two .single-flex-dashbaord {
		width: 100%;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-flex-item-two .single-flex-dashbaord {
		width: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-flex-item-two .single-flex-dashbaord {
		width: 100%;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-flex-item-two .single-flex-dashbaord {
		width: 100%;
	}
}

.dashboard-flex-all {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 0 24px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.dashboard-flex-all {
		display: block;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-flex-all {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-flex-all {
		display: block;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-flex-all {
		display: block;
	}
}

.dashboard-flex-item-four {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	gap: 0 24px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-flex-item-four {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

@media only screen and (max-width: 767.98px) {
	.dashboard-flex-item-four {
		display: block;
	}
}

.dashboard-flex-item-four .single-flex-dashbaord-two {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	width: 50%;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-flex-item-four .single-flex-dashbaord-two {
		width: 100%;
	}
}

.dashboard-flex-item-four .dashboard-single-profile {
	height: unset;
}

.dashboard-flex-row-profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 0 24px;
}

@media only screen and (max-width: 767.98px) {
	.dashboard-flex-row-profile {
		display: block;
	}
}

.dashboard-flex-row-profile .dashboard-single-profile {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.dashboard-single-profile {
	height: 100%;
}

.dashboard-profile-padding {
	padding: 40px 30px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.dashboard-profile-padding {
		padding: 30px 15px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.dashboard-profile-padding {
		padding: 30px 15px;
	}
}

@media only screen and (max-width: 375px) {
	.dashboard-profile-padding {
		padding: 20px 15px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.single-dashboard-profile {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.single-dashboard-profile {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

.profile-single-contents .dashboard-earning-para {
	display: block;
	line-height: 28px;
	padding: 0 35px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.profile-single-contents .dashboard-earning-para {
		padding: 0 20px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.profile-single-contents .dashboard-earning-para {
		padding: 0 20px;
	}
}

.profile-single-contents .dashboard-percent-discount {
	background: rgba(var(--customer-profile-rgb), 0.1);
	padding: 5px 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.profile-single-contents .dashboard-percent-discount:hover {
	background: var(--customer-profile);
	color: var(--white);
}

.earning-btn-wrapper .all-earning-btn {
	display: inline-block;
	padding: 10px 15px;
	font-size: 15px;
}

.earning-btn-wrapper .all-earning-btn:hover {
	background: none;
	color: var(--customer-profile);
}

.profile-contact-list .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

@media only screen and (max-width: 767.98px) {
	.profile-contact-list .list {
		gap: 10px;
	}
}

.profile-contact-list .list:not(:last-child) {
	margin-bottom: 15px;
}

.profile-contact-list .list .icon {
	font-size: 24px;
}

.profile-contact-list .list .profile-contact {
	text-align: left;
}

.profile-contact-list .list .profile-contact .label-title {
	font-size: 14px;
	line-height: 24px;
	display: block;
}

.profile-contact-list .list .profile-contact .contact {
	font-size: 16px;
	line-height: 26px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.profile-contact-list .list .profile-contact .contact:hover {
	color: var(--customer-profile);
}

.dashboard-orders-padding {
	padding: 43px 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.dashboard-orders-padding {
		padding: 43px 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-orders-padding {
		padding: 48px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-orders-padding {
		padding: 48px 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-orders-padding {
		padding: 48px 20px;
	}
}

@media only screen and (max-width: 375px) {
	.dashboard-orders-padding {
		padding: 20px 15px;
	}
}

/* vendor edit profile */
.vendor-padding {
	padding: 30px;
}

@media only screen and (max-width: 575.98px) {
	.vendor-padding {
		padding: 20px 20px;
	}
}

@media only screen and (max-width: 375px) {
	.vendor-padding {
		padding: 20px 10px;
	}
}

.vendor-title {
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.vendor-title {
		font-size: 26px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 575.98px) {
	.vendor-title {
		font-size: 25px;
	}
}

@media only screen and (max-width: 375px) {
	.vendor-title {
		font-size: 23px;
	}
}

/* vendor Order Status */
.change-status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

.change-status .nice-select-two .nice-select::after {
	right: 15px;
}

.change-btn .das-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 28px;
	padding: 12px 25px;
	background: transparent;
	border: 2px solid transparent;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.change-btn .das-btn.dashboard-bg {
	background: var(--customer-profile);
	color: var(--white);
	border: 2px solid var(--customer-profile);
}

.change-btn .das-btn.dashboard-bg:hover {
	background: none;
	color: var(--customer-profile);
}

/* vendor Add Products */
.add-product-btn .das-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 28px;
	padding: 16px 25px;
	background: transparent;
	border: 2px solid transparent;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.add-product-btn .das-btn.dashboard-bg {
	background: var(--customer-profile);
	color: var(--white);
	border: 2px solid var(--customer-profile);
}

.add-product-btn .das-btn.dashboard-bg:hover {
	background: none;
	color: var(--customer-profile);
}

/* vendor Withdraw Request */
.dashboard-withdraw-request {
	padding: 6px 30px 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-withdraw-request {
		padding: 6px 20px 30px;
	}
}

@media only screen and (max-width: 480px) {
	.dashboard-withdraw-request {
		padding: 6px 15px 30px;
	}
}

/* vendor Coupon List */
.dashboard-coupon-list {
	padding: 30px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-coupon-list {
		padding: 20px;
	}
}

.permission-group-wrapper:not(:first-child) {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid var(--border-color);
}

.vendor__switch__header {
	display: flex;
	align-items: center;
	gap: 10px;
}

.vendor__switch__title {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: var(--heading-color);
}

.switch_inlines {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.switch_inlines__title {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: var(--heading-color);
}

.vendor-coupon-switch {
	position: relative;
	z-index: 1;
}

.vendor-coupon-switch .custom-switch {
	height: 0;
	width: 0;
	visibility: hidden;
	position: absolute;
}

.vendor-coupon-switch .custom-switch:checked + .switch-label {
	background: var(--customer-profile);
}

.vendor-coupon-switch .custom-switch:checked + .switch-label::after {
	left: calc(100% - 5px);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.vendor-coupon-switch.d-flex {
	gap: 10px;
}

.vendor-coupon-switch .switch-label {
	cursor: pointer;
	text-indent: -9999px;
	width: 41px;
	height: 19px;
	background: #dddddd;
	display: block;
	border-radius: 100px;
	position: relative;
	margin: auto;
}

.vendor-coupon-switch.d-flex .switch-label {
	margin: unset;
}

.vendor-coupon-switch:not(:last-child) {
	margin-bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.vendor-coupon-switch .switch-label {
		margin: 0;
		margin-left: auto;
	}
}

.vendor-coupon-switch .switch-label.active::after {
	width: 25px;
}

.vendor-coupon-switch .switch-label::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 16px;
	height: 9px;
	background: #fff;
	border-radius: 60px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

/* vendor Coupon Code */
.dashboard-coupon-code {
	padding: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-coupon-code {
		padding: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.dashboard-coupon-code {
		padding: 20px 15px;
	}
}

/* vendor Dashboard Products Add */
.dashboard-flex-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 12px 24px;
}

.dashboard-bg {
	background: var(--customer-profile);
	color: var(--white);
	border: 2px solid var(--customer-profile);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.dashboard-products-add {
	padding: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.dashboard-products-add {
		padding: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.dashboard-products-add {
		padding: 20px 15px;
	}
}

.product-add-left-wrapper {
	padding: 10px;
}

.single-product-add .product-left-info:not(:last-child) {
	margin-bottom: 24px;
}

.single-product-add .product-left-info.open .title::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.single-product-add .product-left-info.show .product-add-list {
	display: block;
}

.single-product-add .product-left-info .title {
	background: var(--dashboard-color);
	color: var(--heading-color);
	padding: 12px 20px;
	border-radius: 5px;
	font-size: 18px;
	position: relative;
	cursor: pointer;
}

.single-product-add .product-left-info .title::after {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	position: absolute;
	right: 20px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.single-product-add .product-left-info .product-add-list {
	padding-left: 30px;
	display: none;
}

.single-product-add .product-left-info .product-add-list .list.selected a {
	color: var(--customer-profile);
}

.single-product-add
	.product-left-info
	.product-add-list
	.list.selected
	a::before {
	background: var(--customer-profile);
}

.single-product-add .product-left-info .product-add-list .list a {
	font-size: 16px;
	font-weight: 400;
	display: inline-block;
	position: relative;
	padding-left: 20px;
	margin-top: 15px;
}

.single-product-add .product-left-info .product-add-list .list a::before {
	content: "";
	position: absolute;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background: rgba(221, 221, 221, 0.5);
	left: 0;
	top: 7px;
}

.add-new-attr {
	display: inline-block;
	color: var(--paragraph-color);
	background: var(--dashboard-color);
	padding: 7px 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.add-new-attr:hover {
	color: var(--white);
	background: var(--customer-profile);
}

.input-flex-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

.delete-item {
	font-size: 24px;
}

.dashboard-attr-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0 24px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-attr-flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.dashboard-attr-flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 767.98px) {
	.dashboard-attr-flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dashboard-attr-flex .dashboard-input {
		-ms-flex-preferred-size: 47%;
		flex-basis: 47%;
	}
}

@media only screen and (max-width: 767.98px) {
	.dashboard-attr-flex .dashboard-input {
		-ms-flex-preferred-size: 47%;
		flex-basis: 47%;
	}
}

@media only screen and (max-width: 575.98px) {
	.dashboard-attr-flex .dashboard-input {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}

.add-new-category {
	padding: 7px 15px;
}

.add-new-category.dashboard-bg:hover {
	background: none;
	color: var(--customer-profile);
}

/*-------------------------
    Section Title
-------------------------*/
.section-title {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
}

.section-title.text-left {
	text-align: left;
}

.section-title.white-color {
	color: var(--white);
}

.section-title.white-color .title {
	color: var(--white);
}

.section-title.section-border-bottom {
	border-bottom: 1px solid rgba(221, 221, 221, 0.4);
	padding-bottom: 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.section-title.section-border-bottom {
		padding-bottom: 20px;
	}
}

.section-title.section-title-two .title {
	font-family: var(--jost-font);
	font-size: 40px;
	line-height: 65px;
	text-transform: uppercase;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.section-title.section-title-two .title {
		font-size: 32px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 575.98px) {
	.section-title.section-title-two .title {
		font-size: 27px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.section-title.section-title-two .title {
		font-size: 24px;
		line-height: 28px;
	}
}

.section-title.section-title-two .see-all {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.section-title.section-title-two .see-all.arrow-two::after {
	content: "";
}

.section-title.section-title-two .see-all.color-two:hover {
	color: var(--main-color-two);
}

.section-title.section-title-two .see-all.color-two::after {
	background: var(--main-color-two);
}

.section-title.section-title-two .see-all.color-three:hover {
	color: var(--main-color-three);
}

.section-title.section-title-two .see-all.color-three::after {
	background: var(--main-color-three);
}

.section-title.section-title-two .see-all.color-four:hover {
	color: var(--main-color-four);
}

.section-title.section-title-two .see-all.color-four::after {
	background: var(--main-color-four);
}

.section-title.section-title-two .see-all::after {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	background: var(--main-color-one);
	color: var(--white);
	height: 58px;
	width: 58px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 24px;
	border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.section-title.section-title-two .see-all::after {
		height: 40px;
		width: 40px;
	}
}

.section-title .title {
	font-size: 36px;
	font-weight: 500;
	line-height: 43px;
	color: var(--heading-color);
	margin: -6px 0 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.section-title .title {
		font-size: 30px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 575.98px) {
	.section-title .title {
		font-size: 25px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.section-title .title {
		font-size: 22px;
		line-height: 28px;
	}
}

.section-title .title .title-image {
	position: relative;
	z-index: 2;
	padding: 16px 0;
}

.section-title .title .title-image img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	left: 0;
	text-align: center;
	width: 100%;
}

.section-title .title-left {
	display: -webkit-box;
}

.section-title .hot-deal {
	color: var(--white);
	font-size: 15px;
	padding: 3px 15px;
	position: relative;
	line-height: 24px;
	z-index: 1;
	margin-left: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.section-title .hot-deal {
		font-size: 14px;
		line-height: 22px;
	}
}

.section-title .hot-deal.bg-color-two::before {
	border-right: 15px solid var(--main-color-two);
}

.section-title .hot-deal.bg-color-three::before {
	border-right: 15px solid var(--main-color-three);
}

.section-title .hot-deal.bg-color-four::before {
	border-right: 15px solid var(--main-color-four);
}

.section-title .hot-deal::before {
	content: "";
	position: absolute;
	left: -14px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: transparent;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 15px solid var(--main-color-one);
	border-bottom: 8px solid transparent;
}

.see-all {
	cursor: pointer;
	font-weight: 500;
	color: var(--heading-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	min-width: 100px;
	text-align: right;
}

.see-all:hover {
	color: var(--main-color-one);
}

.see-all::after {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	color: var(--main-color-one);
}

.see-all.arrow-two::after {
	content: "";
}

.see-all.hover-color-two:hover {
	color: var(--main-color-two);
}

.see-all.hover-color-two::after {
	color: var(--main-color-two);
}

.see-all.hover-color-three:hover {
	color: var(--main-color-three);
}

.see-all.hover-color-three::after {
	color: var(--main-color-three);
}

.see-all.hover-color-four:hover {
	color: var(--main-color-four);
}

.see-all.hover-color-four::after {
	color: var(--main-color-four);
}

@media only screen and (max-width: 575.98px) {
	.see-all {
		font-size: 19px;
	}
}

@media only screen and (max-width: 375px) {
	.see-all {
		font-size: 17px;
	}
}

.section-title-three {
	text-align: center;
}

.section-title-three .title {
	font-size: 55px;
	line-height: 65px;
	font-weight: 400;
	font-family: var(--playfair-font);
	display: inline-block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.section-title-three .title {
		font-size: 45px;
		line-height: 55px;
	}
}

@media only screen and (max-width: 575.98px) {
	.section-title-three .title {
		font-size: 36px;
		line-height: 42px;
	}
}

@media only screen and (max-width: 480px) {
	.section-title-three .title {
		font-size: 32px;
		line-height: 33px;
	}
}

@media only screen and (max-width: 375px) {
	.section-title-three .title {
		font-size: 30px;
		line-height: 30px;
	}
}

.section-title-three .title .line-round {
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
}

.section-title-three .title .title-right {
	position: relative;
	z-index: 2;
	padding-bottom: 10px;
}

.section-title-three .title .title-right img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.section-title-four .title {
	font-family: var(--montserrat-font);
	font-size: 50px;
	font-weight: 700;
	line-height: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.section-title-four .title {
		font-size: 36px;
		line-height: 45px;
	}
}

@media only screen and (max-width: 575.98px) {
	.section-title-four .title {
		font-size: 30px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 480px) {
	.section-title-four .title {
		font-size: 28px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.section-title-four .title {
		font-size: 26px;
		line-height: 30px;
	}
}

.section-title-four .title .center-title-img {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: -20px;
	margin: 0 auto;
}

.black-themes .section-title .title {
	color: var(--white);
}

/*---------------------------------------
    ## Button
---------------------------------------*/
.btn-wrapper {
	display: block;
}

.btn_wrapper.d-flex,
.btn-wrapper.d-flex {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.cmn_btn {
	color: var(--paragraph-color);
	font-size: 16px;
	font-weight: 500;
	font-family: var(--body-font);
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	line-height: 20px;
	padding: 10px 25px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	box-shadow: 0 0 20px #6a6a6a5c;
}

@media only screen and (max-width: 575.98px) {
	.cmn_btn {
		padding: 8px 22px;
		font-size: 15px;
		line-height: 28px;
	}
}

@media only screen and (max-width: 375px) {
	.cmn_btn {
		padding: 7px 18px;
		font-size: 14px;
	}
}

.cmn_btn.btn_bg_1 {
	background: var(--main-color-one);
	color: var(--white);
	border: 1px solid var(--main-color-one);
}

.cmn_btn.btn_bg_1:hover {
	background: none;
	color: var(--main-color-one);
}

.cmn_btn.btn_bg_2 {
	background: var(--main-color-two);
	color: var(--white);
	border: 1px solid var(--main-color-two);
}

.cmn_btn.btn_bg_2:hover {
	background: none;
	color: var(--main-color-two);
}

.cmn_btn.btn_bg_3 {
	background: var(--main-color-three);
	color: var(--white);
	border: 1px solid var(--main-color-three);
}

.cmn_btn.btn_bg_3:hover {
	background: none;
	color: var(--main-color-three);
}

.cmn_btn.btn_bg_4 {
	background: var(--main-color-four);
	color: var(--white);
	border: 1px solid var(--main-color-four);
}

.cmn_btn.btn_bg_4:hover {
	background: none;
	color: var(--main-color-four);
}

.cmn_btn.shop-color-2 {
	background: #30bb6f;
	color: var(--white);
}

.cmn_btn.btn_bg_profile {
	color: var(--white);
	background: var(--customer-profile);
	border: 1px solid var(--customer-profile);
}

.cmn_btn.btn_bg_profile:hover {
	background: #fff;
	color: var(--customer-profile);
}

.custom__form .cmn_btn.btn_bg_profile,
.custom_form .cmn_btn.btn_bg_profile,
.custom-form .cmn_btn.btn_bg_profile {
	color: var(--white);
}

.custom__form .cmn_btn.btn_bg_profile:hover,
.custom_form .cmn_btn.btn_bg_profile:hover,
.custom-form .cmn_btn.btn_bg_profile:hover {
	color: var(--customer-profile);
}

.cmn_btn.btn_bg_white {
	background: #fff;
	color: var(--heading-color);
}

.cmn_btn.btn_bg_white:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.cmn_btn.btn_bg_white.hover-bg-two:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.cmn_btn.btn_bg_white.hover-bg-three:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.cmn_btn.btn_bg_white.hover-bg-four:hover {
	background: var(--main-color-four);
	color: var(--white);
}

.cmn_btn.btn_white {
	background-color: var(--white);
	border: 2px solid #fff;
}

.cmn_btn.btn_white.color-one {
	color: var(--main-color-one);
}

.cmn_btn.btn_white.color-one:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.cmn_btn.btn_white.color-two {
	color: var(--main-color-two);
}

.cmn_btn.btn_white.color-two:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.cmn_btn.btn_white.color-three {
	color: var(--main-color-three);
}

.cmn_btn.btn_white.color-three:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.cmn_btn.btn_white.color-four {
	color: var(--main-color-four);
}

.cmn_btn.btn_white.color-four:hover {
	background: var(--main-color-four);
	color: var(--white);
}

.cmn_btn.btn_medium {
	padding: 7px 25px;
}

@media only screen and (max-width: 375px) {
	.cmn_btn.btn_medium {
		padding: 8px 20px;
		font-size: 14px;
	}
}

.cmn_btn.btn_small {
	padding: 7px 18px;
}

@media only screen and (max-width: 375px) {
	.cmn_btn.btn_small {
		padding: 5px 15px;
		font-size: 14px;
	}
}

.cmn_btn.btn_bg_heading {
	background: var(--heading-color);
	color: var(--white);
}

.cmn_btn.btn_bg_danger {
	background: #ff7a7a;
	color: var(--white);
}

.cmn_btn.btn_bg_steam {
	background: #ddd;
	color: var(--heading-color);
}

.cmn_btn.btn_border {
	border: 1px solid #ddd;
}

.cmn_btn.btn_outline_steam {
	border: 2px solid #ddd;
	color: var(--heading-color);
}

.cmn_btn.btn_outline_steam:hover {
	background: #ddd;
	color: var(--white);
}

.cmn_btn.btn_outline_one {
	padding: 7px 35px;
	border: 2px solid var(--main-color-one);
}

.cmn_btn.btn_outline_one.color-one {
	color: var(--main-color-one);
}

.cmn_btn.btn_outline_one:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.cmn_btn.btn_outline_two {
	padding: 7px 35px;
	border: 2px solid var(--main-color-two);
}

.cmn_btn.btn_outline_two.color-two {
	color: var(--main-color-two);
}

.cmn_btn.btn_outline_two:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.cmn_btn.btn_outline_three {
	padding: 7px 35px;
	border: 2px solid var(--main-color-three);
}

.cmn_btn.btn_outline_three.color-three {
	color: var(--main-color-three);
}

.cmn_btn.btn_outline_three:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.cmn_btn.btn_outline_four {
	padding: 7px 35px;
	border: 2px solid var(--main-color-four);
}

.cmn_btn.btn_outline_four.color-four {
	color: var(--main-color-four);
}

.cmn_btn.btn_outline_four:hover {
	background: var(--main-color-four);
	color: var(--white);
}

.btn-wrapper .cmn-btn {
	color: var(--paragraph-color);
	font-size: 16px;
	font-weight: 500;
	font-family: var(--body-font);
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	line-height: 34px;
	padding: 7px 35px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

@media only screen and (max-width: 575.98px) {
	.btn-wrapper .cmn-btn {
		padding: 10px 25px;
		font-size: 15px;
		line-height: 28px;
	}
}

@media only screen and (max-width: 375px) {
	.btn-wrapper .cmn-btn {
		padding: 5px 15px;
		font-size: 14px;
	}
}

.btn-wrapper .cmn-btn.btn-bg-1 {
	background: var(--main-color-one);
	color: var(--white);
	border: 2px solid var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-bg-1:hover {
	background: none;
	color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-bg-2 {
	background: var(--main-color-two);
	color: var(--white);
	border: 2px solid var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-bg-2:hover {
	background: none;
	color: var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-bg-3 {
	background: var(--main-color-three);
	color: var(--white);
	border: 2px solid var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-bg-3:hover {
	background: none;
	color: var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-bg-4 {
	background: var(--main-color-four);
	color: var(--white);
	border: 2px solid var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-bg-4:hover {
	background: none;
	color: var(--main-color-four);
}

.btn-wrapper .cmn-btn.shop-color-2 {
	background: #30bb6f;
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white {
	background: #fff;
	color: var(--heading-color);
}

.btn-wrapper .cmn-btn.btn-bg-white:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white.hover-bg-two:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white.hover-bg-three:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white.hover-bg-four:hover {
	background: var(--main-color-four);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white {
	background-color: var(--white);
	border: 2px solid #fff;
}

.btn-wrapper .cmn-btn.btn-white.color-one {
	color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-white.color-one:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white.color-two {
	color: var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-white.color-two:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white.color-three {
	color: var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-white.color-three:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white.color-four {
	color: var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-white.color-four:hover {
	background: var(--main-color-four);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-medium {
	padding: 7px 25px;
}

@media only screen and (max-width: 375px) {
	.btn-wrapper .cmn-btn.btn-medium {
		padding: 5px 15px;
		font-size: 14px;
	}
}

.btn-wrapper .cmn-btn.btn-small {
	padding: 5px 18px;
}

@media only screen and (max-width: 375px) {
	.btn-wrapper .cmn-btn.btn-small {
		padding: 5px 15px;
		font-size: 14px;
	}
}

.btn-wrapper .cmn-btn.extra-width {
	width: 220px;
}

.btn-wrapper .cmn-btn.btn-bg-heading {
	background: var(--heading-color);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-steam {
	background: #ddd;
	color: var(--heading-color);
}

.btn-wrapper .cmn-btn.btn-border {
	border: 1px solid #ddd;
}

.btn-wrapper .cmn-btn.btn-outline-steam {
	border: 2px solid #ddd;
	color: var(--heading-color);
}

.btn-wrapper .cmn-btn.btn-outline-steam:hover {
	background: #ddd;
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-one {
	padding: 7px 35px;
	border: 2px solid var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-one.color-one {
	color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-one:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-two {
	padding: 7px 35px;
	border: 2px solid var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-outline-two.color-two {
	color: var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-outline-two:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-three {
	padding: 7px 35px;
	border: 2px solid var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-outline-three.color-three {
	color: var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-outline-three:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-four {
	padding: 7px 35px;
	border: 2px solid var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-outline-four.color-four {
	color: var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-outline-four:hover {
	background: var(--main-color-four);
	color: var(--white);
}

.cmn_btn.completed {
	background: rgba(29, 191, 115, 0.1);
	color: #1dbf73;
	text-align: center;
	border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.cmn_btn.completed {
		text-align: right;
	}
}

.cmn_btn.canceled {
	background: rgba(255, 23, 71, 0.1);
	color: #ff1747;
	text-align: center;
	border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.cmn_btn.canceled {
		text-align: right;
	}
}

.cmn_btn.pending {
	background: rgba(255, 179, 7, 0.1);
	color: #ffb307;
	text-align: center;
	border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.cmn_btn.pending {
		text-align: right;
	}
}

.cmn_btn.cart-btn {
	font-size: 20px;
	font-weight: 500;
	color: var(--body-color);
	padding: 10px 70px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.cmn_btn.cart-btn {
		padding: 10px 50px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.cmn_btn.cart-btn {
		padding: 10px 35px;
		font-size: 18px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.cmn_btn.cart-btn {
		padding: 10px 35px;
		font-size: 18px;
	}
}

.cmn_btn.cart-btn.btn-bg-one {
	background: var(--main-color-one);
	border: 1px solid var(--main-color-one);
	color: var(--white);
}

.cmn_btn.cart-btn.btn-bg-one:hover {
	background: 0;
	color: var(--main-color-one);
}

.cmn_btn.cart-btn.btn-bg-one:hover::after {
	color: var(--main-color-one);
}

.cmn_btn.cart-btn::after {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	font-size: 20px;
	margin-left: 5px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.cmn_btn.cart-btn:hover {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
}

.cmn_btn.cart-btn:hover::after {
	color: var(--white);
}

.btn-see-more {
	font-size: 18px;
	font-weight: 500;
	color: var(--paragraph-color);
}

.btn-see-more:hover {
	color: var(--main-color-one);
}

.btn-see-more::after {
	content: "";
	font-size: 20px;
	font-family: "Line Awesome Free";
	font-weight: 900;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.btn-see-more {
		font-size: 16px;
	}

	.btn-see-more::after {
		font-size: 18px;
	}
}

@media only screen and (max-width: 480px) {
	.btn-see-more {
		font-size: 15px;
	}

	.btn-see-more::after {
		font-size: 16px;
	}
}

@media only screen and (max-width: 375px) {
	.btn-see-more {
		font-size: 14px;
	}

	.btn-see-more::after {
		font-size: 15px;
	}
}

.btn-submit {
	border: 0;
	outline: none;
	background: inherit;
	cursor: pointer;
	font-size: 18px;
	font-weight: 500;
	background: var(--main-color-one);
	color: var(--white);
	padding: 12px 35px;
	border: 1px solid var(--main-color-one);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-submit:hover {
	background: none;
	color: var(--main-color-one);
}

.btn-submit.bg-color-two {
	background: var(--main-color-two);
	border-color: var(--main-color-two);
}

.btn-submit.bg-color-two:hover {
	background: none;
	color: var(--main-color-two);
}

.btn-submit.bg-color-three {
	background: var(--main-color-three);
	border-color: var(--main-color-three);
}

.btn-submit.bg-color-three:hover {
	background: none;
	color: var(--main-color-three);
}

.btn-submit.bg-color-four {
	background: var(--main-color-four);
	border-color: var(--main-color-four);
}

.btn-submit.bg-color-four:hover {
	background: none;
	color: var(--main-color-four);
}

.btn-submit.btn_md,
.btn-submit.btn-md,
.btn-submit.btn_medium,
.btn-submit.btn-medium {
	padding: 12px 30px;
}

.btn-submit.btn_sm,
.btn-submit.btn-sm,
.btn-submit.btn_small,
.btn-submit.btn-small {
	padding: 9px 22px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.btn-submit {
		font-size: 18px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.btn-submit {
		font-size: 16px;
		padding: 15px 30px;
	}
}

@media only screen and (max-width: 480px) {
	.btn-submit {
		font-size: 15px;
		padding: 12px 25px;
	}

	.btn-submit.btn_md,
	.btn-submit.btn-md,
	.btn-submit.btn_medium,
	.btn-submit.btn-medium {
		padding: 10px 25px;
	}

	.btn-submit.btn_sm,
	.btn-submit.btn-sm,
	.btn-submit.btn_small,
	.btn-submit.btn-small {
		padding: 7px 20px;
	}
}

@media only screen and (max-width: 375px) {
	.btn-submit {
		font-size: 14px;
		padding: 10px 18px;
	}

	.btn-submit.btn_md,
	.btn-submit.btn-md,
	.btn-submit.btn_medium,
	.btn-submit.btn-medium {
		padding: 10px 23px;
	}

	.btn-submit.btn_sm,
	.btn-submit.btn-sm,
	.btn-submit.btn_small,
	.btn-submit.btn-small {
		padding: 6px 20px;
	}
}

.btn-buy {
	font-size: 20px;
	font-weight: 500;
	margin-top: 20px;
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.btn-buy {
		font-size: 16px;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 375px) {
	.btn-buy {
		margin-top: 10px;
	}
}

.btn-buy:hover {
	text-decoration: underline;
}

.btn-buy:hover.icon::before {
	text-decoration: none;
	display: inherit;
}

.btn-buy.icon::before {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	font-size: 20px;
	margin-right: 5px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-decoration: none;
}

.btn-buy.btn-color-two {
	color: var(--main-color-two);
}

.btn-buy.btn-color-three {
	color: var(--main-color-three);
}

.btn-buy.btn-color-four {
	color: var(--main-color-four);
}

.btn-color-one {
	color: var(--main-color-one);
}

.btn-color-one:hover {
	color: var(--main-color-one);
}

.btn-decoration {
	text-decoration: underline;
}

.btn-decoration.icon {
	text-decoration: none;
}

.btn-decoration.icon::before {
	text-decoration: none;
}

.btn-product {
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	color: var(--heading-color);
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.btn-product {
		font-size: 15px;
	}
}

.btn-product i {
	color: var(--main-color-one);
}

.btn-product:hover {
	color: var(--main-color-one);
	letter-spacing: 1px;
}

.btn-product.hover-color-two i {
	color: var(--main-color-two);
}

.btn-product.hover-color-two:hover {
	color: var(--main-color-two);
}

.btn-product.hover-color-three i {
	color: var(--main-color-three);
}

.btn-product.hover-color-three:hover {
	color: var(--main-color-three);
}

.btn-product.hover-color-four i {
	color: var(--main-color-four);
}

.btn-product.hover-color-four:hover {
	color: var(--main-color-four);
}

.btn-shop {
	display: inline-block;
	font-size: 25px;
	line-height: 33px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration: underline;
}

.btn-shop:hover {
	color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.btn-shop {
		font-size: 21px;
		line-height: 28px;
	}
}

@media only screen and (max-width: 575.98px) {
	.btn-shop {
		font-size: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.btn-shop {
		font-size: 18px;
	}
}

.btn-shop.hover-color-two:hover {
	color: var(--main-color-two);
}

.btn-shop.hover-color-three:hover {
	color: var(--main-color-three);
}

.btn-shop.hover-color-four:hover {
	color: var(--main-color-four);
}

/*---------------------------------------
    ## Back Top
---------------------------------------*/
.back-to-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 50px;
	height: 50px;
	background-color: var(--main-color-one);
	color: var(--white);
	text-align: center;
	line-height: 50px;
	border-radius: 5px;
	z-index: 99;
	font-size: 25px;
	cursor: pointer;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	display: none;
}

@media only screen and (max-width: 575.98px) {
	.back-to-top {
		height: 40px;
		width: 40px;
		font-size: 22px;
		line-height: 40px;
		bottom: 20px;
		right: 20px;
	}
}

.back-to-top.bg-color-two {
	background: var(--main-color-two);
}

.back-to-top.bg-color-three {
	background: var(--main-color-three);
}

.back-to-top.bg-color-four {
	background: var(--main-color-four);
}

/* Nice Select Style */
.nice-select {
	width: 100%;
	height: 55px;
	line-height: 55px;
	font-size: 14px;
	font-weight: 400;
	color: var(--body-color);
	border: 1px solid rgba(221, 221, 221, 0.4);
	-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.nice-select:focus {
	border: 1px solid #ddd;
}

.nice-select .nice-select-search-box {
	height: auto;
}

.nice-select .nice-select-search-box .nice-select-search {
	vertical-align: top;
}

.nice-select:after {
	border-bottom: 2px solid var(--body-color);
	border-right: 2px solid var(--body-color);
	height: 8px;
	margin-top: -5px;
	right: 20px;
	width: 8px;
}

@media only screen and (max-width: 375px) {
	.nice-select:after {
		right: 10px;
	}
}

.nice-select.open {
	border: 1px solid #ddd;
}

.nice-select.open .list {
	width: 100%;
}

.nice-select .list {
	width: 100%;
	margin-top: 10px;
}

.nice-select-two .nice-select {
	display: block;
	border: 1px solid rgba(221, 221, 221, 0.4);
	-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.nice-select-two .nice-select.open::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.nice-select-two .nice-select:after {
	border-top: 6px solid var(--body-color);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 0;
	height: 0;
	margin-top: -5px;
	right: 20px;
	width: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 375px) {
	.nice-select-two .nice-select:after {
		right: 10px;
	}
}

/* Isootope List */
.isootope-list {
	position: relative;
	/* margin-top: -72px; */
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.isootope-list {
		margin-top: -60px;
	}
}

@media only screen and (max-width: 767.98px) {
	.isootope-list {
		position: unset;
		margin-top: 0px;
	}
}

.isootope-list.list-two {
	top: -60px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.isootope-list.list-two {
		position: initial;
		margin-top: 35px;
	}
}

.isootope-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 767.98px) {
	.isootope-button {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-top: 20px;
	}
}

.isootope-button.style-02.color-one .list::before {
	background: var(--main-color-one);
}

.isootope-button.style-02.color-one .list.active {
	background: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
}

.isootope-button.style-02.color-two .list::before {
	background: var(--main-color-two);
}

.isootope-button.style-02.color-two .list.active {
	background: var(--main-color-two);
	color: var(--white);
	border-color: var(--main-color-two);
}

.isootope-button.style-02.color-three .list::before {
	background: var(--main-color-three);
}

.isootope-button.style-02.color-three .list.active {
	background: var(--main-color-three);
	color: var(--white);
	border-color: var(--main-color-three);
}

.isootope-button.style-02.color-four .list::before {
	background: var(--main-color-four);
}

.isootope-button.style-02.color-four .list.active {
	background: var(--main-color-four);
	color: var(--white);
	border-color: var(--main-color-four);
}

.isootope-button.style-02 .list {
	font-family: var(--roboto-font);
	padding: 3px 20px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	font-size: 16px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.isootope-button.style-02 .list {
		font-size: 15px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.isootope-button.style-02 .list {
		font-size: 15px;
		padding: 3px 18px;
		line-height: 24px;
	}
}

@media only screen and (max-width: 375px) {
	.isootope-button.style-02 .list {
		font-size: 14px;
		padding: 3px 15px;
	}
}

.isootope-button.style-02 .list:not(:last-child) {
	margin-right: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.isootope-button.style-02 .list:not(:last-child) {
		margin-right: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.isootope-button.style-02 .list:not(:last-child) {
		margin-right: 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.isootope-button.style-02 .list:not(:last-child) {
		margin-right: 10px;
	}
}

.isootope-button.style-02 .list::before {
	background: var(--main-color-three);
	height: 100%;
	z-index: -1;
}

.isootope-button.style-02 .list.active {
	background: var(--main-color-three);
	color: var(--white);
	border-color: var(--main-color-three);
}

.isootope-button.style-02 .list:hover {
	color: var(--white);
}

.isootope-button.colors-heading .list::before {
	background: var(--heading-color);
}

.isootope-button.colors-heading .list.active {
	color: var(--heading-color);
}

.isootope-button.colors-heading .list:hover {
	color: var(--heading-color);
}

.isootope-button.style-03 .list {
	font-family: var(--roboto-font);
	padding: 8px 35px;
	border: 1px solid #ddd;
	background: #ddd;
	color: var(--heading-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 5px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.isootope-button.style-03 .list {
		padding: 8px 30px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.isootope-button.style-03 .list {
		padding: 7px 25px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.isootope-button.style-03 .list {
		font-size: 15px;
		padding: 6px 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.isootope-button.style-03 .list {
		font-size: 15px;
		padding: 5px 20px;
	}
}

@media only screen and (max-width: 375px) {
	.isootope-button.style-03 .list {
		font-size: 14px;
		padding: 3px 18px;
	}
}

.isootope-button.style-03 .list:not(:last-child) {
	margin-right: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.isootope-button.style-03 .list:not(:last-child) {
		margin-right: 10px;
	}
}

.isootope-button.style-03 .list::before {
	background: var(--main-color-two);
	height: 100%;
	z-index: -1;
}

.isootope-button.style-03 .list.active {
	background: var(--main-color-two);
	color: var(--heading-color);
	border-color: var(--main-color-two);
}

.isootope-button.style-03 .list:hover {
	color: var(--heading-color);
	background: var(--main-color-two);
}

.isootope-button.hover-color-two .list::before {
	background: var(--main-color-two);
}

.isootope-button.hover-color-two .list.active {
	color: var(--main-color-two);
}

.isootope-button.hover-color-two .list:hover {
	color: var(--main-color-two);
}

.isootope-button.hover-color-three .list::before {
	background: var(--main-color-three);
}

.isootope-button.hover-color-three .list.active {
	color: var(--main-color-three);
}

.isootope-button.hover-color-three .list:hover {
	color: var(--main-color-three);
}

.isootope-button.hover-color-four .list::before {
	background: var(--main-color-four);
}

.isootope-button.hover-color-four .list.active {
	color: var(--main-color-four);
}

.isootope-button.hover-color-four .list:hover {
	color: var(--main-color-four);
}

.isootope-button .list {
	font-size: 18px;
	font-family: var(--rubik-font);
	cursor: pointer;
	line-height: 30px;
	margin-top: 5px;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.isootope-button .list {
		font-size: 16px;
	}
}

@media only screen and (max-width: 480px) {
	.isootope-button .list {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.isootope-button .list {
		font-size: 15px;
	}
}

.isootope-button .list::before {
	content: "";
	position: absolute;
	width: 0%;
	height: 2px;
	background: var(--main-color-one);
	bottom: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.isootope-button .list.active {
	color: var(--main-color-one);
}

.isootope-button .list.active::before {
	visibility: visible;
	opacity: 1;
	width: 100%;
}

.isootope-button .list:not(:last-child) {
	margin-right: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.isootope-button .list:not(:last-child) {
		margin-right: 30px;
	}
}

@media only screen and (max-width: 575.98px) {
	.isootope-button .list:not(:last-child) {
		margin-right: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.isootope-button .list:not(:last-child) {
		margin-right: 15px;
	}
}

.isootope-button .list:hover {
	color: var(--main-color-one);
}

.isootope-button .list:hover::before {
	visibility: visible;
	opacity: 1;
	width: 100%;
}

.black-themes .isootope-button.style-03 .list {
	border: 1px solid #22232f;
	background: #22232f;
	color: var(--white);
}

.black-themes .isootope-button.style-03 .list.active {
	background: var(--main-color-two);
	color: var(--heading-color);
}

.black-themes .isootope-button.style-03 .list:hover {
	background: var(--main-color-two);
	color: var(--heading-color);
}

/* Tab Style */
.tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tabs li {
	font-size: 18px;
	font-weight: 500;
	background: inherit;
	cursor: pointer;
}

/* Countdown Css */
.countdown-para {
	line-height: 30px;
}

.global-timer .syotimer__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
}

.global-timer .syotimer__body .syotimer-cell {
	margin: 10px 0;
	background: var(--main-color-one);
	color: var(--white);
	padding: 5px 7px 3px;
	border-radius: 3px;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 375px) {
	.global-timer .syotimer__body .syotimer-cell {
		padding: 5px;
	}
}

.global-timer .syotimer__body .syotimer-cell:not(:last-child) {
	margin-right: 20px;
}

.global-timer .syotimer__body .syotimer-cell:not(:last-child)::after {
	content: ":";
	position: absolute;
	right: -14px;
	color: var(--heading-color);
	font-weight: 500;
	font-size: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
	font-size: 20px;
	color: var(--white);
	font-weight: 500;
	line-height: 1.3;
	font-family: var(--heading-font);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
		font-size: 18px;
	}
}

@media only screen and (max-width: 375px) {
	.global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
		font-size: 17px;
	}
}

@media only screen and (max-width: 375px) {
	.global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
		font-size: 16px;
	}
}

.global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 400;
	line-height: 19px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
		font-size: 16px;
	}
}

@media only screen and (max-width: 375px) {
	.global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
		font-size: 13px;
	}
}

.global-timer.color-two .syotimer__body .syotimer-cell {
	background: var(--main-color-two);
}

.global-timer.color-three .syotimer__body .syotimer-cell {
	background: var(--main-color-three);
}

.global-timer.color-four .syotimer__body .syotimer-cell {
	background: var(--main-color-four);
}

.global-timer.white-color .syotimer__body .syotimer-cell {
	background: #fff;
}

.global-timer.white-color .syotimer__body .syotimer-cell::after {
	color: var(--white);
}

.global-timer.white-color .syotimer__body .syotimer-cell .syotimer-cell__value {
	color: var(--main-color-one);
}

.global-timer.white-color.color-two
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__value {
	color: var(--main-color-two);
}

.global-timer.white-color.color-three
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__value {
	color: var(--main-color-three);
}

.global-timer.simple-timer-two {
	margin-top: 35px;
}

.global-timer.simple-timer-two.radius-0 .syotimer__body .syotimer-cell {
	border-radius: 0;
}

.global-timer.simple-timer-two.color-two .syotimer__body .syotimer-cell {
	background: var(--main-color-two);
}

.global-timer.simple-timer-two.color-three .syotimer__body .syotimer-cell {
	background: var(--main-color-three);
}

.global-timer.simple-timer-two.color-four .syotimer__body .syotimer-cell {
	background: var(--main-color-four);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.global-timer.simple-timer-two {
		margin-top: 20px;
	}
}

.global-timer.simple-timer-two .syotimer__body {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.global-timer.simple-timer-two .syotimer__body .syotimer-cell {
	background: var(--main-color-one);
	color: var(--white);
	padding: 15px 20px;
	border-radius: 10px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.global-timer.simple-timer-two .syotimer__body .syotimer-cell {
		padding: 10px 20px;
	}
}

@media only screen and (max-width: 480px) {
	.global-timer.simple-timer-two .syotimer__body .syotimer-cell {
		padding: 7px 13px;
	}
}

@media only screen and (max-width: 375px) {
	.global-timer.simple-timer-two .syotimer__body .syotimer-cell {
		padding: 5px 10px;
	}
}

.global-timer.simple-timer-two
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__value {
	color: var(--white);
	font-family: var(--jost-font);
	font-weight: 600;
	font-size: 43px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.global-timer.simple-timer-two
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 32px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.global-timer.simple-timer-two
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 28px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.global-timer.simple-timer-two
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 24px;
		line-height: 26px;
	}
}

.global-timer.simple-timer-two
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__unit {
	color: var(--white);
	line-height: 21px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.global-timer.simple-timer-two
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__unit {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.global-timer.simple-timer-two
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__unit {
		font-size: 14px;
	}
}

.global-timer.simple-timer-campaign {
	position: absolute;
	bottom: 30px;
	z-index: 9;
	left: 0;
	right: 0;
	text-align: center;
}

.global-timer.simple-timer-campaign.radius-0 .syotimer__body .syotimer-cell {
	border-radius: 0;
}

.global-timer.simple-timer-campaign.color-two .syotimer__body .syotimer-cell {
	color: var(--main-color-two);
}

.global-timer.simple-timer-campaign.color-two
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__value {
	color: var(--main-color-two);
}

.global-timer.simple-timer-campaign.color-two
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__unit {
	color: var(--main-color-two);
}

.global-timer.simple-timer-campaign.color-three .syotimer__body .syotimer-cell {
	color: var(--main-color-three);
}

.global-timer.simple-timer-campaign.color-three
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__value {
	color: var(--main-color-three);
}

.global-timer.simple-timer-campaign.color-three
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__unit {
	color: var(--main-color-three);
}

.global-timer.simple-timer-campaign.color-four .syotimer__body .syotimer-cell {
	color: var(--main-color-four);
}

.global-timer.simple-timer-campaign.color-four
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__value {
	color: var(--main-color-four);
}

.global-timer.simple-timer-campaign.color-four
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__unit {
	color: var(--main-color-four);
}

.global-timer.simple-timer-campaign .syotimer__body {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.global-timer.simple-timer-campaign .syotimer__body {
		gap: 10px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.global-timer.simple-timer-campaign .syotimer__body {
		gap: 5px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.global-timer.simple-timer-campaign .syotimer__body {
		gap: 10px;
	}
}

.global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
	background: #fff;
	color: var(--paragraph-color);
	padding: 5px 15px;
	border-radius: 10px;
	margin: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
		padding: 5px 10px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
		padding: 5px 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
		padding: 5px 10px;
	}
}

@media only screen and (max-width: 480px) {
	.global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
		padding: 5px 12px;
	}
}

.global-timer.simple-timer-campaign
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__value {
	color: var(--main-color-one);
	font-weight: 600;
	font-size: 36px;
	line-height: 36px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.global-timer.simple-timer-campaign
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 32px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.global-timer.simple-timer-campaign
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 28px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.global-timer.simple-timer-campaign
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 28px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.global-timer.simple-timer-campaign
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 26px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.global-timer.simple-timer-campaign
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 20px;
		line-height: 26px;
	}
}

.global-timer.simple-timer-campaign
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__unit {
	color: var(--paragraph-color);
	line-height: 24px;
	font-size: 14px;
}

.global-timer.discount-countdown.radius-0 .syotimer__body .syotimer-cell {
	border-radius: 0;
}

.global-timer.discount-countdown .syotimer__body {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.global-timer.discount-countdown .syotimer__body {
		gap: 30px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.global-timer.discount-countdown .syotimer__body {
		gap: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.global-timer.discount-countdown .syotimer__body {
		gap: 20px;
	}
}

.global-timer.discount-countdown .syotimer__body .syotimer-cell {
	background: #fff;
	color: var(--main-color-one);
	padding: 5px 15px;
	border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.global-timer.discount-countdown .syotimer__body .syotimer-cell {
		padding: 15px 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.global-timer.discount-countdown .syotimer__body .syotimer-cell {
		padding: 10px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.global-timer.discount-countdown .syotimer__body .syotimer-cell {
		padding: 10px 20px;
	}
}

@media only screen and (max-width: 480px) {
	.global-timer.discount-countdown .syotimer__body .syotimer-cell {
		padding: 5px 12px;
	}
}

.global-timer.discount-countdown
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__value {
	color: var(--main-color-one);
	font-weight: 600;
	font-size: 36px;
	line-height: 36px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.global-timer.discount-countdown
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 32px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.global-timer.discount-countdown
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 28px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.global-timer.discount-countdown
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 28px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.global-timer.discount-countdown
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 26px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.global-timer.discount-countdown
		.syotimer__body
		.syotimer-cell
		.syotimer-cell__value {
		font-size: 20px;
		line-height: 26px;
	}
}

.global-timer.discount-countdown
	.syotimer__body
	.syotimer-cell
	.syotimer-cell__unit {
	color: var(--main-color-one);
	line-height: 20px;
	font-size: 14px;
}

.discount-countdown .global-timer .syotimer__body .syotimer-cell {
	background: var(--body-color);
}

.center-text .global-timer .syotimer__body {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.section-title-countdown {
	position: relative;
}

.section-title-countdown .flash-countdown {
	position: absolute;
	top: -10px;
	left: 230px;
	display: inline-block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.section-title-countdown .flash-countdown {
		left: 200px;
	}
}

@media only screen and (max-width: 575.98px) {
	.section-title-countdown .flash-countdown {
		position: unset;
		left: 0;
		margin: 10px 0 0;
	}
}

/* Price Updated Through */
@media only screen and (max-width: 375px) {
	.center-text .price-update-through {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.price-update-through {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.price-update-through .flash-prices {
	color: var(--heading-color);
	margin-right: 10px;
}

.price-update-through .flash-prices.color-one {
	color: var(--main-color-one);
}

.price-update-through .flash-prices.color-two {
	color: var(--main-color-two);
}

.price-update-through .flash-prices.color-three {
	color: var(--main-color-three);
}

.price-update-through .flash-prices.color-four {
	color: var(--main-color-four);
}

.price-update-through .flash-prices.hover-color-one:hover {
	color: var(--main-color-one);
}

.price-update-through .flash-prices.hover-color-two:hover {
	color: var(--main-color-two);
}

.price-update-through .flash-prices.hover-color-three:hover {
	color: var(--main-color-three);
}

.price-update-through .flash-prices.hover-color-four:hover {
	color: var(--main-color-four);
}

.price-update-through .flash-old-prices {
	text-decoration: line-through;
}

/* Common Review List */
.common-review-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.common-review-list li {
	font-size: 18px;
	color: var(--main-color-one);
	margin: 1px;
}

.common-review-list li .review-count {
	color: var(--body-color);
	margin-left: 5px;
}

/*---------------------------------------
    15. Pagination
---------------------------------------*/
.custom-pagination.color-two .pagination li.active .page-link {
	background: var(--main-color-two);
}

.custom-pagination.color-two .pagination li .page-link:hover {
	background: var(--main-color-two);
}

.custom-pagination.color-three .pagination li.active .page-link {
	background: var(--main-color-three);
}

.custom-pagination.color-three .pagination li .page-link:hover {
	background: var(--main-color-three);
}

.custom-pagination.color-four .pagination li.active .page-link {
	background: var(--main-color-four);
}

.custom-pagination.color-four .pagination li .page-link:hover {
	background: var(--main-color-four);
}

.custom-pagination .pagination li {
	margin: 5px 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.custom-pagination .pagination li {
		margin: 5px 5px;
	}
}

.custom-pagination .pagination li.active .page-link {
	background: var(--main-color-one);
	color: var(--white);
	border-color: transparent;
}

.custom-pagination .pagination li .page-link {
	background: #fff;
	color: var(--body-color);
	border: 1px solid;
	font-size: 18px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	padding: 10px 20px;
	display: inline-block;
	cursor: pointer;
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.custom-pagination .pagination li .page-link:hover {
	background: var(--main-color-one);
	color: var(--white);
	border-color: transparent;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.custom-pagination .pagination li .page-link {
		font-size: 16px;
		padding: 7px 15px;
	}
}

@media only screen and (max-width: 480px) {
	.custom-pagination .pagination li .page-link {
		font-size: 15px;
		padding: 5px 10px;
	}
}

.checkbox-inlines {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	cursor: pointer;
	gap: 10px;
}

.checkbox-inlines .check-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 18px;
	min-width: 18px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #dddddd;
	border-radius: 0px;
	margin-top: 3px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.checkbox-inlines .check-input::after {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 900;
	font-size: 10px;
	color: var(--white);
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(1.6) rotate(90deg);
	transform: scale(1.6) rotate(90deg);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.checkbox-inlines .check-input:checked {
	background: var(--main-color-one);
	border-color: var(--main-color-one);
	background: var(--main-color-one);
}

.checkbox-inlines .check-input:checked::after {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1.2) rotate(0deg);
	transform: scale(1.2) rotate(0deg);
}

.checkbox-inlines .checkbox-label {
	cursor: pointer;
	text-align: left;
	line-height: 26px;
	font-size: 16px;
	font-weight: 400;
	color: var(--heading-color);
	margin: 0;
}

@media only screen and (max-width: 575.98px) {
	.checkbox-inlines .checkbox-label {
		font-size: 15px;
	}
}

/* Faq */
.faq-contents .faq-item.open .faq-title {
	font-weight: 500;
	color: var(--white);
	background: var(--heading-color);
	border-color: transparent;
}

.faq-contents .faq-item.open .faq-title::after {
	content: "";
	color: var(--white);
}

.faq-contents .faq-item.open .faq-panel {
	background: var(--heading-color);
	color: var(--white);
}

.faq-contents .faq-item.open .faq-panel .faq-para {
	color: rgba(255, 255, 255, 0.8);
}

.faq-contents .faq-item.active .faq-panel {
	display: block;
}

.faq-contents .faq-item:not(:first-child) {
	margin-top: 24px;
}

.faq-contents .faq-item .faq-title {
	font-size: 20px;
	font-weight: 500;
	color: var(--heading-color);
	font-family: var(--heading-font);
	line-height: 32px;
	padding: 18px 40px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	background: #fff;
	cursor: pointer;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.faq-contents .faq-item .faq-title {
		font-size: 22px;
		padding: 18px 30px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.faq-contents .faq-item .faq-title {
		font-size: 20px;
		padding: 18px 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.faq-contents .faq-item .faq-title {
		font-size: 19px;
		padding: 18px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.faq-contents .faq-item .faq-title {
		font-size: 18px;
		padding: 18px 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.faq-contents .faq-item .faq-title {
		font-size: 18px;
		line-height: 20px;
		padding: 20px 20px;
	}
}

@media only screen and (max-width: 480px) {
	.faq-contents .faq-item .faq-title {
		font-size: 16px;
		padding: 15px 10px;
	}
}

.faq-contents .faq-item .faq-title::after {
	font-family: "Line Awesome Free";
	font-weight: 900;
	content: "";
	color: var(--paragraph-color);
	position: absolute;
	right: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 18px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.faq-contents .faq-item .faq-title::after {
		right: 30px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.faq-contents .faq-item .faq-title::after {
		right: 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.faq-contents .faq-item .faq-title::after {
		right: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.faq-contents .faq-item .faq-title::after {
		right: 12px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.faq-contents .faq-item .faq-title::after {
		right: 20px;
	}
}

@media only screen and (max-width: 480px) {
	.faq-contents .faq-item .faq-title::after {
		right: 10px;
	}
}

.faq-contents .faq-item .faq-panel {
	display: none;
	padding: 30px 40px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.faq-contents .faq-item .faq-panel {
		padding: 20px 30px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.faq-contents .faq-item .faq-panel {
		padding: 20px 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.faq-contents .faq-item .faq-panel {
		padding: 20px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.faq-contents .faq-item .faq-panel {
		padding: 20px 20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.faq-contents .faq-item .faq-panel {
		padding: 20px 20px;
	}
}

.faq-contents .faq-item .faq-panel .faq-para {
	font-size: 20px;
	line-height: 40px;
	color: var(--paragraph-color);
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
	.faq-contents .faq-item .faq-panel .faq-para {
		font-size: 19px;
	}
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.faq-contents .faq-item .faq-panel .faq-para {
		font-size: 18px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.faq-contents .faq-item .faq-panel .faq-para {
		font-size: 17px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.faq-contents .faq-item .faq-panel .faq-para {
		font-size: 17px;
		line-height: 32px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.faq-contents .faq-item .faq-panel .faq-para {
		font-size: 17px;
	}
}

@media only screen and (max-width: 575.98px) {
	.faq-contents .faq-item .faq-panel .faq-para {
		font-size: 16px;
	}
}

/*=========================================================
          [ Table ]
=========================================================*/
.custom--table {
	width: 100%;
	color: inherit;
	vertical-align: middle;
	font-weight: 400;
}

.custom--table thead {
	font-weight: 700;
	font-size: 18px;
	background: inherit;
	color: inherit;
	font-size: 18px;
	font-weight: 500;
	font-family: var(--heading-font);
}

.custom--table tbody {
	border-top: 0;
	overflow: hidden;
	border-radius: 10px;
}

.custom--table tbody tr:nth-child(odd) {
	background-color: inherit;
}

.custom--table tbody tr:nth-child(even) {
	background-color: inherit;
}

.custom--table tr th {
	font-size: 18px;
	font-weight: 500;
	color: var(--paragraph-color);
}

.custom--table tr td {
	font-size: 18px;
	color: var(--heading-color);
	padding: 20px 0;
	line-height: 22px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.custom--table tr td {
		padding: 10px 0;
	}
}

.custom--table tr td:last-child {
	padding: 0;
	padding-inline: 10px;
}

[data-label] {
	position: relative;
}

[data-label]::before {
	position: absolute;
	content: attr(data-label);
	font-weight: 700;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 10px;
	padding: 8px 20px;
	display: none;
	font-size: 14px;
	max-width: 120px;
}

@media (max-width: 767.98px) {
	.table-responsive-sm {
		overflow-x: unset;
	}

	.table-responsive-sm thead {
		display: none;
	}

	.table-responsive-sm thead tr .check-all-rows {
		display: block;
	}

	.table-responsive-sm [data-label]::before {
		display: block;
	}

	.table-responsive-sm tr td {
		display: block;
		text-align: right;
		padding-right: 5px;
		padding-left: 125px;
	}

	.table-responsive-sm [data-label]::before {
		padding: 8px 10px 8px 5px;
	}
}

@media (max-width: 991.98px) {
	.table-responsive-md {
		overflow-x: unset;
	}

	.table-responsive-md thead {
		display: none;
	}

	.table-responsive-md thead tr .check-all-rows {
		display: block;
	}

	.table-responsive-md [data-label]::before {
		display: block;
	}

	.table-responsive-md tr td {
		display: block;
		text-align: right;
		padding-right: 5px;
		padding-left: 125px;
	}

	.table-responsive-md [data-label]::before {
		padding: 8px 10px 8px 5px;
	}
}

@media (max-width: 1199.98px) {
	.table-responsive-lg {
		overflow-x: unset;
	}

	.table-responsive-lg thead {
		display: none;
	}

	.table-responsive-lg thead tr .check-all-rows {
		display: block;
	}

	.table-responsive-lg [data-label]::before {
		display: block;
	}

	.table-responsive-lg tr td {
		display: block;
		text-align: right;
		padding-right: 5px;
		padding-left: 125px;
	}

	.table-responsive-lg [data-label]::before {
		padding: 8px 10px 8px 5px;
	}
}

/* Ui Range Slider */
.price-range-slider {
	padding: 0 10px;
}

.price-range-slider .ui-range-slider.noUi-target {
	position: relative;
	border-radius: 3px;
	height: 3px;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle {
	top: -9px;
	left: -3px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	z-index: 1;
	background: var(--main-color-one);
	cursor: default;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle::before {
	content: "";
	position: absolute;
	background: #fff;
	height: 5px;
	width: 5px;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: inline-block;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-origin {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-connect {
	background: var(--main-color-one);
}

.price-range-slider .ui-range-slider-footer {
	display: table;
	width: 100%;
	padding-top: 20px;
}

.price-range-slider .ui-range-slider-footer .ui-range-values {
	display: inline-block;
	color: var(--paragraph-color);
}

.price-range-slider .ui-range-slider-footer .ui-range-values .ui-price-title {
	font-size: 16px;
	font-weight: 500;
	margin-right: 10px;
}

.price-range-slider
	.ui-range-slider-footer
	.ui-range-values
	.ui-range-value-min,
.price-range-slider
	.ui-range-slider-footer
	.ui-range-values
	.ui-range-value-max {
	display: inline-block;
	font-size: 16px;
}

.noUi-background {
	background: #dddddd;
}

/* Global Ratings */
@media only screen and (max-width: 375px) {
	.center-text .rating-wrap {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.rating-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.rating-wrap .ratings {
	position: relative;
	z-index: 0;
	width: 80px;
	height: 16px;
	display: inline-block;
}

@media only screen and (max-width: 480px) {
	.rating-wrap .ratings {
		width: 75px;
	}
}

@media only screen and (max-width: 375px) {
	.rating-wrap .ratings {
		width: 70px;
	}
}

.rating-wrap .ratings span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	line-height: 16px;
}

.rating-wrap .ratings span.hide-rating:after {
	color: var(--paragraph-color);
}

.rating-wrap .ratings span.show-rating:after {
	color: #fabe50;
}

.rating-wrap .ratings span.show-rating {
	width: 88% !important;
}

.rating-wrap .ratings span:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "" "" "" "" "";
	width: 100%;
	font-family: "Line Awesome Free";
	font-weight: 900;
}

.rating-wrap .total-ratings {
	margin-left: 5px;
}

/* Search Popup */
.search-area {
	position: relative;
}

.search-bar {
	position: absolute;
	bottom: -20px;
	left: 50%;
	height: auto;
	z-index: 9;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.search-bar.active {
	visibility: visible;
	opacity: 1;
	left: 0;
}

.search-bar.black-theme {
	background: #ddd;
}

.search-bar.black-theme .menu-search-form .search-close {
	background: #05cd99;
	border: 1px solid rgba(5, 205, 153, 0.5);
	color: var(--white);
	top: -52px;
}

.search-bar.black-theme .menu-search-form .search-close:hover {
	background: #ddd;
}

.search-bar.black-theme .menu-search-form .item-search {
	color: var(--paragraph-color);
	-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.search-bar.black-theme
	.menu-search-form
	.item-search::-webkit-input-placeholder {
	color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search::-moz-placeholder {
	color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search:-ms-input-placeholder {
	color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search::-ms-input-placeholder {
	color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search::placeholder {
	color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search:focus {
	border-color: rgba(5, 205, 153, 0.4);
	-webkit-box-shadow: 0 0 15px rgba(5, 205, 153, 0.3);
	box-shadow: 0 0 15px rgba(5, 205, 153, 0.3);
}

.search-bar.black-theme .menu-search-form button {
	background: #05cd99;
}

.search-bar .menu-search-form {
	position: relative;
	z-index: 9;
	width: 100%;
	margin: 0 auto;
	border-radius: 0px;
}

.search-bar .menu-search-form .search-close {
	position: absolute;
	right: 0px;
	top: -40px;
	font-size: 24px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: #f2f3f5;
	padding: 2px 10px;
}

.search-bar .menu-search-form .search-close:hover {
	color: var(--white);
	background: #05cd99;
}

.search-bar .menu-search-form .item-search {
	width: 100%;
	height: 60px;
	background: none;
	border: 1px solid rgba(0, 0, 0, 0.2);
	outline: none;
	text-transform: capitalize;
	padding: 10px 30px;
	padding-right: 120px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 0px;
	color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.search-bar .menu-search-form .item-search {
		padding: 5px 20px;
		padding-right: 120px;
	}
}

@media only screen and (max-width: 375px) {
	.search-bar .menu-search-form .item-search {
		padding: 5px 15px;
		padding-right: 90px;
	}
}

.search-bar .menu-search-form .item-search:focus {
	border-color: rgba(5, 205, 153, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
	box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
}

.search-bar .menu-search-form .item-search::-webkit-input-placeholder {
	color: var(--paragraph-color);
	font-size: 14px;
}

.search-bar .menu-search-form .item-search::-moz-placeholder {
	color: var(--paragraph-color);
	font-size: 14px;
}

.search-bar .menu-search-form .item-search:-ms-input-placeholder {
	color: var(--paragraph-color);
	font-size: 14px;
}

.search-bar .menu-search-form .item-search::-ms-input-placeholder {
	color: var(--paragraph-color);
	font-size: 14px;
}

.search-bar .menu-search-form .item-search::placeholder {
	color: var(--paragraph-color);
	font-size: 14px;
}

.search-bar .menu-search-form button {
	position: absolute;
	right: 0;
	height: 100%;
	padding: 0 30px;
	background: #05cd99;
	border: 0;
	outline: none;
	font-size: 16px;
	font-weight: 500;
	color: var(--white);
	cursor: pointer;
}

@media only screen and (max-width: 375px) {
	.search-bar .menu-search-form button {
		font-size: 14px;
		padding: 0 20px;
	}
}

.form-group {
	padding: 0 0px 10px 0 !important;
}

.media-upload-btn-wrapper .centered {
	width: 130px;
	margin-bottom: 8px;
}

.form-group label {
	margin-bottom: 7px;
	font-weight: bold;
}

.card-body {
	padding: 1.5rem 1.5rem;
}

.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: 0.5;
	border: none;
	background: none;
}

/* .close-toggle-body {
    height: 100%;
    width: 100%;
    left: 100%;
    top: 0;
    position: fixed;
    z-index: 99;
    cursor: zoom-out;
    transition: all .8s;
    &.open {
        background: rgba($black, .01);
        left: 0;
        border-radius: 0;
    }
} */

/* Data table style */

.data-table-style th {
	color: #2c2d35;
}

table.dataTable thead th,
table.dataTable tfoot th {
	border-bottom: none !important;
}

.data-table-style tbody,
td,
tfoot,
th,
thead,
tr {
	border-color: var(--border-two);
	border-style: solid;
	border-width: 1px;
}

/*Custom Bootstrap Class*/

/* .btn-secondary {
  background: var(--customer-profile);
  border-color: var(--customer-profile);
}

.btn-secondary:hover {
  color: var(--customer-profile);
  background: none;
  border-color: var(--customer-profile);
}

.btn-secondary:focus:active,
.btn-secondary:focus {
  box-shadow: none;
  color: var(--customer-profile);
  background: none;
  border-color: var(--customer-profile);
} */

/* .btn-danger {
  border-color: #ff7a7a;
  background: #ff7a7a;
}

.btn-danger:hover {
  background: none;
  color: #ff7a7a;
  border: 1px solid #ff7a7a;
}

.btn-danger:focus:active,
.btn-danger:focus {
  box-shadow: none;
  background: none;
  color: #ff7a7a;
  border-color: #ff7a7a;
} */

/* .btn-primary {
  border-color: #52b5cc;
  background: #52b5cc;
}

.btn-primary:hover {
  color: #52b5cc;
  background: none;
  border-color: #52b5cc;
}

.btn-primary:focus:active,
.btn-primary:focus {
  box-shadow: none;
  color: #52b5cc;
  background: none;
} */

.newsLetterTable tbody tr td:first-child {
	width: 10px;
}

.newsLetterTable tbody tr td:nth-child(2) {
	width: 50px;
}

td.sorting_1 {
	text-align: center;
}

th.sorting_desc {
	text-align: center;
}

.alert.alert-success {
	color: #1ea566;
	background-color: var(--white);
	border: 0;
	border-left: 4px solid #13d57a;
	font-size: 18px;
	text-transform: capitalize;
}

.alert.alert-danger {
	color: #842029;
	background-color: var(--white);
	border: 0;
	border-left: 4px solid #842029;
	font-size: 18px;
	text-transform: capitalize;
}

.form-control {
	width: 100%;
	height: 55px;
	border: 1px solid rgba(221, 221, 221, 0.4);
	-webkit-box-shadow: 0 0 10px rgb(255 255 255 / 10%);
	box-shadow: 0 0 10px rgb(255 255 255 / 10%);
	font-size: 15px;
	padding: 0 15px;
}

.form-control {
	height: 55px;
	font-size: 15px;
	border: 1px solid #ddd;
	width: 100%;
	padding: 0 100px 0 20px;
	color: var(--body-color);
	border-radius: 10px;
}

.form-control:focus {
	-webkit-box-shadow: 0 0 10px rgb(5 205 153 / 10%);
	box-shadow: 0 0 10px rgb(5 205 153 / 10%);
	border-color: rgba(5, 205, 153, 0.3);
}

.nice-select {
	width: 100% !important;
	display: block !important;
	margin-bottom: 10px;
}

/* Update Alert Padding */
.alert.alert-sm {
	padding: 0.5rem;
}

/* table image preview custom size */
table .attachment-preview {
	width: 50px !important;
	height: 50px !important;
}

/* Custom Popup For Media Uploader */
.modal-wrapper {
	border-radius: 0.3rem;
	margin: 0 auto;
	overflow-y: auto;
	position: fixed;
	top: -10%;
	left: 0;
	right: 0;
	z-index: 999999999999;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.modal-wrapper.active {
	visibility: visible;
	top: 5%;
	opacity: 1;
}

.modal-wrapper .modialTittle {
	font-size: 40px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--white);
	margin-bottom: 50px;
	text-align: center;
}

@media (max-width: 575px) {
	.modal-wrapper .modialTittle {
		font-size: 30px;
	}
}

.modal-wrapper .modialTittle span {
	color: var(--main-color-one);
}

.modal-wrapper .close-icon {
	/*right: 15px;*/
	z-index: 10;
	/*top: 15px;*/
	cursor: pointer;
	background: var(--delete-color);
	color: #ffffff;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	display: inline-block;
	background-image: none;
	opacity: 1;
	border: 0;
	/*position: absolute;*/
	/*right: 10px;*/
	/*top: 10px;*/
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.modal-wrapper .close-icon:hover {
	background: #fd2f73;
	color: white;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.body-overlay-desktop {
	position: fixed;
	height: 100vh;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.body-overlay-desktop.active {
	visibility: visible;
	opacity: 1;
	z-index: 9999999999;
}

.btn-vendor-submit {
	background: var(--customer-profile) !important;
	border: 2px solid var(--customer-profile) !important;
}

.btn-vendor-submit:hover {
	color: var(--customer-profile) !important;
	background: none !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #ffffff !important;
	background-color: var(--customer-profile);
	border-color: var(--customer-profile) var(--customer-profile)
		var(--customer-profile);
}

.nav-link {
	color: var(--paragraph-color) !important;
}

/* .btn.btn-info {
  background-color: var(--customer-profile);
  color: white;
} */

/*.nav-pills .nav-link.active, .nav-pills .show>.nav-link {*/
/*  color: var(--customer-profile);*/
/*}*/

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: var(--main-color-two) !important;
	background: none;
}

.nav-pills .nav-link {
	color: var(--heading-color);
	padding: 13px 0px;
	padding-left: 20px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	list-style: dotted;
}

/* Product Delivery Option */
.delivery-item {
	width: fit-content;
	border: 1px solid #ddd;
	padding: 10px 11px;
	height: fit-content;
	padding-top: 15px;
}

.delivery-item .icon {
	font-size: 35px;
	padding: 0px 5px;
}

.general-info-form .content {
	padding-right: 10px;
}

.delivery-item.active .icon {
	color: var(--customer-profile);
}

.delivery-item.active {
	border-color: var(--customer-profile);
	border-width: 2px;
}

/*Select two css*/

.nice-select-two .selection {
	width: 100%;
}

.nice-select-two .select2-container {
	display: block;
	width: 100%;
}

.nice-select-two .select2-container--default .select2-selection--single {
	background-color: var(--white);
	border: 1px solid var(--border-two);
	border-radius: 4px;
	width: 100%;
	height: 48px;
	line-height: 48px;
}

.nice-select-two
	.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	color: var(--body-color);
	line-height: 48px;
}

.nice-select-two
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: 48px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	line-height: 48px;
}

.nice-select-two
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow
	b {
	border-color: var(--border-two) transparent transparent transparent;
	top: 25px;
}

/* Update btn btn-success */
/* .btn-success {
  color: var(--white);
  background-color: var(--customer-profile);
  border-color: var(--customer-profile);
}

.btn-success:hover {
  color: var(--customer-profile);
  background-color: transparent;
  border-color: var(--customer-profile);
} */

/* Media Upload */
/* .media-image-item-wrapper{ */
/*   position: relative; */
/* } */

/* Product Badge */
.badge-item .icon img {
	width: 70px;
	display: flex;
	margin-right: 11px;
	height: 60px;
}

.badge-item .content {
	padding: 8px 0;
}

.badge-item {
	border: 1px solid #ddd;
	padding: 10px;
	padding-right: 30px;
}

.badge-item.active {
	border: 2px solid var(--customer-profile);
}

.table-responsive table {
	width: 100% !important;
}

/* those line are implemented by me  */
.d-flex.gap-2 {
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 0px;
}

.table-cart-row .d-flex {
	justify-content: flex-start;
}

td.price-td {
	text-align: left;
}

span.quantity-number {
	text-align: center;
	padding-left: 20px;
}

td.price-td {
	text-align: left;
}

.product-summary {
	text-align: left;
}

.product-list-title-flex.d-flex.flex-wrap.align-items-center.justify-content-between {
	position: relative;
}

.bulk-delete-wrapper {
	height: auto !important;
	flex-wrap: wrap;
	margin: 0 !important;
}

.select-box-wrap {
	display: flex;
	justify-content: center;
	align-items: baseline;
}

.select-box-wrap button {
	height: 38px;
	border: none;
	cursor: pointer;
	margin: 0;
}

.cursor-pointer {
	cursor: pointer;
}

/* Custom Pagination Implemented by saiful */

.pagination {
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: end;
	justify-content: end;
	margin-top: 20px;
}

.custom-pagination-wrapper {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.custom-pagination-wrapper .pagination {
	margin: 0;
}

.pagination .pagination-list {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.pagination .pagination-list li a {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	border: 1px solid var(--border-color);
	padding: 5px 10px;
	transition: all 0.3s;
}

.pagination .pagination-list li a:hover,
.pagination .pagination-list li a.current {
	color: var(--white);
	border-color: var(--customer-profile);
	background-color: var(--customer-profile);
}

/* This preloader created by deshi riyad vai and those gave me mr sohan */
/* Custom Loader for blog ajax show */
.load-ajax-data {
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid var(--customer-profile);
	border-bottom: 10px solid #ff1747;
	width: 70px;
	height: 70px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	position: absolute;
	top: 250px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
}

section.news-area {
	position: relative;
	z-index: 2;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*Custom Loader for blog ajax show*/

#product-table-body {
	position: relative !important;
}

/* custom arrow*/
.expand .ti-angle-down {
	font-size: 15px;
	line-height: 1;
}

/* .expand .ti-angle-down::after {
  content: "\f107";
  font-family: 'Line Awesome Free';
  font-weight: 900;
} */

.expand .ti-angle-up {
	font-size: 15px;
	line-height: 1;
	font-style: inherit;
}

/* .expand .ti-angle-up:after {
  content: "\f106";
  font-family: 'Line Awesome Free';
  font-weight: 900;
} */

/* .remove-widget .ti-close:after {
  content: "\f00d";
  font-family: 'Line Awesome Free';
  font-weight: 900;
} */

/* .ti-close {
  font-style: inherit;
  font-size: 16px;
  line-height: 1;
} */

.ti-angle-down {
	font-style: inherit;
}

.preview-image i:before {
	content: "\f03e";
	font-family: "Line Awesome Free";
	font-weight: 900;
	font-style: inherit;
}

.preview-image i {
	font-style: inherit;
}

.disabled-option {
	background: transparent !important;
	position: relative !important;
	overflow: hidden;
	color: #8986868f !important;
}

.disabled-option:hover {
	cursor: not-allowed !important;
}

.disabled-option::after {
	content: "";
	position: absolute;
	width: 150%;
	height: 1px;
	background-color: #9b9b9b;
	transform: rotate(45deg);
	top: 13px;
}

.disabled-option::before {
	content: "";
	position: absolute;
	width: 150%;
	height: 1px;
	background-color: #9b9b9b;
	transform: rotate(315deg);
	top: 13px;
}

.value-input-area .color-list li.active::before {
	display: none !important;
}

/*Dashboard New Css */

.user-dashboard-wrapper > ul {
	display: inline-block;
	width: 260px;
	background-color: #1d2228;
	padding-bottom: 5px;
}

.user-dashboard-wrapper {
	display: flex;
	gap: 24px;
}

.user-dashboard-wrapper .tab-content {
	width: calc(100% - 284px);
	flex: 1;
}

.user-dashboard-wrapper {
	padding: 80px 0;
}

.user-dashboard-wrapper ul.nav-pills .nav-item + .nav-item {
	border-top: 1px solid var(--border-two);
}

.user-dashboard-wrapper .mobile_nav,
.user-dashboard-wrapper > ul .mobile_nav {
	display: none;
}

.user-dashboard-wrapper ul.nav-pills .nav-item + .nav-item {
	border-top: 1px solid var(--border-two);
}

.order-service-page-content-area .nav-tabs .nav-item {
	border: none;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--main-color-one);
	line-height: 50px;
	color: var(--white);
	padding: 0;
	text-align: center;
}

.order-service-page-content-area .nav-tabs .nav-item + .nav-item {
	margin-left: 15px;
}

.order-service-page-content-area .nav-tabs .nav-item.active {
	background-color: var(--main-color-one);
	color: #fff;
}

.order-service-page-content-area .nav-tabs .nav-item[disabled] {
	background-color: #e1e1e1;
	color: var(--paragraph-color);
}

.nav {
	flex-wrap: wrap;
	padding-left: 0;
	list-style: none;
}

.user-dashboard-wrapper > ul {
	display: inline-block;
	width: 260px;
	background-color: #f2f3f5;
	padding-bottom: 5px;
}

.user-dashboard-wrapper ul.nav-pills .nav-link.active {
	position: relative;
}

.user-dashboard-wrapper ul.nav-pills .nav-link.active {
	background: #f2f3f5 !important;
	color: var(--heading-color);
}

.user-dashboard-wrapper ul.nav-pills .nav-link.active::after {
	position: absolute;
	content: "";
	left: 0px;
	width: 4px;
	height: 56%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: var(--main-color-two);
	border-radius: 20px;
}

.user-dashboard-wrapper .nav-pills .nav-link.bg-main {
	background: var(--main-color-two);
	color: #fff !important;
}

.user-dashboard-wrapper .nav-pills .nav-link {
	border-radius: 0px;
	padding-top: 9px;
	padding-bottom: 10px;
	color: #494949;
	font-size: 18px;
	padding-left: 22px;
}

.user-dashboard-wrapper ul.nav-pills .nav-item + .nav-item {
	border-top: 1px solid var(--border-two);
}

.user-dashboard-wrapper ul.nav-pills .nav-item + .nav-item:last-child {
	border-bottom: 0;
}

.user-dashboard-card.style-01 {
	background-color: var(--heading-color);
	align-items: center;
	margin-bottom: 30px;
	border-radius: 8px;
	padding: 50px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.user-dashboard-card.style-01::after {
	content: "";
	position: absolute;
	border: 10px solid #3f3f3f;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	z-index: -1;
	right: -19px;
	top: -20px;

	animation: heartbeat 1s infinite alternate;

	@-webkit-keyframes heartbeat {
		to {
			-webkit-transform: scale(1.05);
			transform: scale(1.05);
		}
	}
}

.user-dashboard-card.style-01 .icon {
	font-size: 43px;
	color: var(--white);
	margin-right: 26px;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background-color: #494949;
	line-height: 87px;
	text-align: center;
	z-index: 1;
	position: relative;
	flex-shrink: 0;
}

.user-dashboard-card.style-01 .icon i {
	position: relative;
	left: 0px;
}

.user-dashboard-card.style-01 .icon::before {
	content: "";
	position: absolute;
	border: 10px solid #3d3d3d;
	width: 123%;
	height: 123%;
	border-radius: 50%;
	left: -9px;
	z-index: -1;
	top: -9px;
}

.user-dashboard-card {
	background-color: var(--main-color-one);
	padding: 30px;
	display: flex;
	align-self: flex-start;
}

.user-dashboard-card .icon {
	font-size: 40px;
	line-height: 40px;
	color: var(--white);
	margin-right: 20px;
}

.user-dashboard-card .title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: var(--white);
}

.user-dashboard-card .number {
	font-size: 60px;
	line-height: 70px;
	font-weight: 700;
	display: block;
	color: var(--white);
}

a:hover {
	color: inherit;
}

.user-dahsboard-order-info-wrap .title {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
}

.user-dahsboard-order-info-wrap small {
	font-size: 14px;
}

.user-dahsboard-order-info-wrap .title {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
}

.alert-small {
	font-size: 12px;
	font-weight: 600;
	padding: 2px 5px;
}

.alert-sm {
	padding: 5px 10px;
}

.text-capitalize {
	text-transform: capitalize !important;
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

.user-dahsboard-order-info-wrap small {
	font-size: 14px;
}

small {
	margin-bottom: 10px;
}

.dashboard-form-wrapper .title {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 30px;
}

.order-service-page-content-area .order-title {
	font-size: 30px;
	line-height: 52px;
	font-weight: 700;
	margin-bottom: 30px;
}

.order-service-page-content-area .nav-tabs {
	display: block;
	border: none;
}

.order-service-page-content-area .nav-tabs .nav-item {
	border: none;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
	color: var(--white);
	padding: 0;
	text-align: center;
}

.order-service-page-content-area .tab-content {
	margin-top: 30px;
}

.order-service-page-content-area .nav-tabs .nav-item + .nav-item {
	margin-left: 15px;
}

.order-service-page-content-area .nav-tabs .nav-item.active {
	background-color: var(--main-color-one);
	color: #fff;
}

.order-service-page-content-area .nav-tabs .nav-item[disabled] {
	background-color: #e1e1e1;
	color: var(--paragraph-color);
}

.input-disabled {
	background-color: rgba(211, 211, 211, 0.507);
}

.payment-gateway-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	margin: 20px 0;
}

.payment-gateway-wrapper ul li {
	max-width: 100px;
	cursor: pointer;
	box-sizing: border-box;
	height: 50px;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.payment-gateway-wrapper ul li.selected:after,
.payment-gateway-wrapper ul li.selected:before {
	visibility: visible;
	opacity: 1;
}

.payment-gateway-wrapper ul li:before {
	border: 2px solid #ffc107;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}

.payment-gateway-wrapper ul li::after {
	position: absolute;
	right: 0;
	top: 0;
	width: 15px;
	height: 15px;
	background-color: var(--main-color-two);
	content: "\f00c";
	font-weight: 900;
	color: var(--white);
	font-family: "Line Awesome Free";
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	padding-top: 2px;
	padding-left: 2px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}

.manual_payment_transaction_field.show {
	display: block;
}

.manual_payment_transaction_field {
	display: none;
}

.payment-gateway-wrapper ul li {
	min-width: 80px;
	margin: 5px;
}

.cart-total-wrap .form-group.manual_payment_transaction_field .label,
.order-confirm-area .form-group.manual_payment_transaction_field .label,
.order-tab-wrap .form-group.manual_payment_transaction_field .label {
	font-size: 14px;
	font-weight: 600;
	color: var(--heading-color);
	margin-bottom: 10px;
}

.cart-total-wrap .form-group.manual_payment_transaction_field .form-control,
.order-confirm-area .form-group.manual_payment_transaction_field .form-control,
.order-tab-wrap .form-group.manual_payment_transaction_field .form-control {
	border: 1px solid #e2e2e2;
	font-size: 14px;
}

.cart-total-wrap .form-group.manual_payment_transaction_field .help-info,
.order-confirm-area.form-group.manual_payment_transaction_field .help-info,
.order-tab-wrap .form-group.manual_payment_transaction_field .help-info {
	margin-top: 20px;
	display: block;
}

.payment-gateway-wrapper ul {
	flex-wrap: wrap;
}

button.submit-btn.gd-bg {
	width: 420;
}

.order-confirm-area .title {
	text-align: center;
	font-size: 36px;
	line-height: 46px;
	font-weight: 700;
	margin-bottom: 40px;
}

.error-page-content {
	padding: 50px;
}

.order-cancel-area .title,
.order-success-area .title {
	color: var(--main-color-one);
	font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
	font-weight: 900;
	font-size: 40px;
	margin-bottom: 10px;
}

.order-cancel-area .title,
.order-success-area .title {
	color: var(--main-color-one);
	font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
	font-weight: 900;
	font-size: 40px;
	margin-bottom: 10px;
}

p.order-page-description {
	color: var(--main-color-one);
}

.billing-title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
}

button.submit-btn.gd-bg.pay-now {
	width: 730px;
}

.alert-danger {
	border-left: 5px solid var(--secondary-color);
	background-color: #f2f2f2;
	color: #333;
	border-radius: 0;
}

.alert-warning {
	border-left: 5px solid #e4b82c;
	background-color: #f2f2f2;
	border-color: #e4b82c;
	color: #333;
	border-radius: 0;
}

.alert-success {
	border-left: 5px solid #319a31;
	background-color: #f2f2f2;
	border-color: #319a31;
	color: #333;
	border-radius: 0;
}

.alert-primary {
	border-left: 5px solid #004085;
	border-color: #004085;
	background-color: #f2f2f2;
	color: #333;
	border-radius: 0;
}

.alert-info {
	background-color: #d1ecf1;
	border-color: #17a2b8;
	border-left: 5px solid #17a2b8;
	background-color: #f2f2f2;
	color: #333;
	border-radius: 0;
}

@media only screen and (max-width: 414px) {
	.left-content-area {
		display: none;
	}

	.navbar-area .navbar-collapse {
		left: 0;
		right: initial;
	}
}

@media only screen and (max-width: 768px) {
	.left-content-area {
		display: none;
	}

	.navbar-area .navbar-collapse {
		left: 0;
		right: initial;
	}
}

@media only screen and (max-width: 991.98px) {
	.user-dashboard-wrapper {
		position: relative;
		/* display: block; */
		flex-direction: column;
		gap: 20px 0;
	}

	.user-dashboard-wrapper .mobile_nav,
	.user-dashboard-wrapper > ul .mobile_nav {
		position: unset;
		left: 0px;
		top: 0;
		width: 53px;
		background-color: var(--main-color-one);
		color: white;
		height: 56px;
		text-align: center;
		line-height: 57px;
		transition: all 0.3s;
		display: block;
		border-radius: 8px;
		font-size: 32px;
	}

	.user-dashboard-wrapper > ul {
		position: absolute;
		top: 0;
		left: -100%;
		z-index: 99;
		display: inline-block;
		width: 260px;
		padding-bottom: 5px;
		transition: 0.3s all;
	}

	.user-dashboard-wrapper.show > ul {
		left: 0px;
	}

	.user-dashboard-wrapper .tab-content {
		width: calc(100% - 0px);
	}

	.bodyUser_overlay {
		position: fixed;
		height: 100vh;
		width: 100vw;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 98;
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s;
	}

	.bodyUser_overlay.show {
		visibility: visible;
		opacity: 1;
	}
}

@media only screen and (max-width: 991px) {
	.user-dashboard-card {
		margin-bottom: 30px;
	}

	.user-dashboard-card {
		background-color: var(--main-color-one);
		padding: 30px !important;
		display: flex;
		align-self: flex-start;
	}
}

.dashboard-form-wrapper .title {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 30px;
}

.dashboard-form-wrapper .form-group {
	margin-bottom: 10px;
}

.dashboard-form-wrapper .form-control {
	padding: 7px 15px;
	border: 1px solid #e2e2e2;
	border-radius: 0;
	line-height: 23px;
}

.dashboard-form-wrapper input.form-control {
	height: 50px;
}

.icon-close.color-heading .la-spinner,
.cart-item-count-amount .la-spinner {
	-webkit-animation: 1s rotate_spiner linear infinite;
	animation: 1s rotate_spiner linear infinite;
}

@keyframes rotate_spiner {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#category_create_modal,
#child-category_create_modal,
#badge_edit_modal {
	z-index: 1051 !important;
}

#category_create_modal .select2-container,
#badge_edit_modal .select2-container,
#child-category_create_modal .select2-container {
	z-index: 1056;
}

.swal2-container {
	z-index: 9999999999 !important;
}

.form-group label {
	display: block;
}

.form-group .select2-container {
	display: block;
	width: 100%;
}

.select2-container .selection {
	width: 100%;
}

.mdi-pencil:before {
	content: "\f303";
	font-family: "Line Awesome Free";
	font-weight: 900;
}

/* Those line are added by riyad hossain for checkout page */
.error-wrap li {
	text-transform: capitalize;
}

.popup_modal_checkout {
	position: fixed;
	top: 20px;
	left: 0;
	right: 0;
	z-index: 9992;
	background: #fff;
	max-width: 900px;
	margin-inline: auto;
	padding: 30px;
	transform: scale(0.8);
	transition: all 0.4s;
	visibility: hidden;
	opacity: 0;
	max-height: calc(100vh - 50px);
	overflow-y: auto;
	scrollbar-color: #aaa #ddd;
	scrollbar-width: thin;
}

.popup_modal_checkout.show {
	transform: scale(1);
	visibility: visible;
	opacity: 1;
}

.popup_modal_checkout::-webkit-scrollbar {
	width: 5px;
	background-color: #ddd;
	border-radius: 10px;
}

.popup_modal_checkout::-webkit-scrollbar-thumb {
	background-color: #aaa;
	border-radius: 10px;
}

.popup_modal_checkout_overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	left: 0;
	top: 0;
	z-index: 9990;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s;
}

.popup_modal_checkout_overlay.show {
	visibility: visible;
	opacity: 1;
}

.checkout_modal_close {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
	width: 25px;
	background: red;
	color: var(--white);
	border-radius: 3px;
	font-size: 16px;
	cursor: pointer;
	flex-shrink: 0;
}

/* Those line were added by riyad hossain for checkout page */

.order-shipping-methods-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	border: 1px solid #ddd;
	padding: 10px;
	background: transparent;
	cursor: pointer;
}

.order-shipping-methods-item.active {
	border-color: var(--main-color-one);
	background-color: rgba(var(--main-color-one-rgb), 0.1);
}

.order-shipping-methods-item:not(:last-child) {
	margin-bottom: 10px;
}

.shipping-methods-radio {
	margin-top: 4px;
}

.shipping-methods-radio {
	position: relative;
	padding-left: 20px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
	appearance: none;
}

.shipping-methods-radio:before,
.shipping-methods-radio:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.shipping-methods-radio:checked:before,
.shipping-methods-radio:checked:before {
	border-color: var(--main-color-one);
}

.shipping-methods-radio:checked:after,
.shipping-methods-radio:not(:checked):after {
	content: "";
	width: 14px;
	height: 14px;
	background: var(--main-color-one);
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.shipping-methods-radio:not(:checked):after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.shipping-methods-radio:checked:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.order-shipping-methods-item-left-item {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	flex: 1;
}

.shipping-methods-radio-para p {
	font-size: 16px;
	color: var(--paragraph-color);
	margin: 0;
	font-weight: 500;
}

.value-input-area .size-lists li {
	height: unset;
	width: unset;
	padding: 5px 10px;
}

.value-input-area .color-list li {
	height: 30px;
	width: 30px;
}

.value-input-area .form--input {
	border: 0;
}

.campaign-countdown {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}

.campaign-countdown > div {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid var(--main-color-one);
	color: var(--main-color-one);
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	border-radius: 4px;
}

.faq_container .form-group > label,
.get-in-touch-wrapper .custom-form-builder-form .form-group > label,
.custom-form .dashboard-input > label,
.custom-form .form-group > label,
.custom-form .single-input > label,
.custom-form .single-input > label,
.custom_form .single-input > label,
.custom_form .form-group > label,
.custom__form .single-input > label,
.custom__form .form-group > label {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--heading-color);
	margin-bottom: 8px;
}

.faq_container .form-group > input,
.get-in-touch-wrapper .custom-form-builder-form .form-group > input,
.custom-form .single-input > input,
.custom-form .dashboard-input > input,
.custom-form .form-group > input,
.custom_form .form-group > input,
.custom_form .dashboard-input > input,
.custom_form .single-input > input,
.custom__form .single-input input,
.custom__form .form-control,
.custom__form .dashboard-input input,
.custom__form .form--control,
.custom__form .form-group .form-control,
.custom__form .form-group .select2,
.custom__form .select2,
.custom__form .form-group > input {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	height: 48px;
	border: 1px solid var(--border-two);
	border-radius: 5px;
}

.custom-form .single-input > input[type="checkbox"],
.custom-form .dashboard-input > input[type="checkbox"],
.custom-form .form-group > input[type="checkbox"],
.custom_form .form-group > input[type="checkbox"],
.custom_form .dashboard-input > input[type="checkbox"],
.custom_form .single-input > input[type="checkbox"],
.custom__form .single-input input[type="checkbox"],
.custom__form .form-control[type="checkbox"],
.custom__form .dashboard-input input[type="checkbox"],
.custom__form .form-group .form-control[type="checkbox"],
.custom__form .form-group > input[type="checkbox"] {
	width: 18px;
	height: 18px;
}

.custom-form .single-input > input[type="checkbox"] + label,
.custom-form .dashboard-input > input[type="checkbox"] + label,
.custom-form .form-group > input[type="checkbox"] + label,
.custom_form .form-group > input[type="checkbox"] + label,
.custom_form .dashboard-input > input[type="checkbox"] + label,
.custom_form .single-input > input[type="checkbox"] + label,
.custom__form .single-input input[type="checkbox"] + label,
.custom__form .form-control[type="checkbox"] + label,
.custom__form .dashboard-input input[type="checkbox"] + label,
.custom__form .form-group .form-control[type="checkbox"] + label,
.custom__form .form-group > input[type="checkbox"] + label {
	border-radius: 2px;
	margin: 0;
}

.faq_container .form-group > textarea,
.custom-form .dashboard-input > textarea,
.custom-form .single-input textarea,
.custom-form .form-group > textarea,
.custom_form .single-input textarea,
.custom_form .form-group > textarea,
.custom__form .single-input textarea,
.custom__form .dashboard-input > textarea,
.custom__form .dashboard-input textarea.form--control,
.custom__form .form-group > textarea {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	height: auto;
	border: 1px solid var(--border-color);
	border-radius: 5px;
	padding: 10px 15px 10px;
}

.faq_container .form-group > small,
.custom-form .dashboard-input > small,
.custom-form .form-group > small,
.custom-form .dashboard-input,
.custom_form .form-group > small,
.custom__form .dashboard-input > small,
.custom__form > small,
.custom__form .dashboard-input > p,
.custom__form .form-group > small {
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	display: block;
	margin: 0;
	margin-top: 7px;
}

.faq_container .form-group > select,
.custom-form .dashboard-input .dashboard-input-select > select,
.custom-form .dashboard-input > select,
.custom-form .form-group > select,
.custom_form .form-group > select,
.custom__form .single-input > select,
.custom__form .dashboard-input select,
.custom__form .form-group > select {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	height: 48px;
	border: 1px solid var(--border-color);
	border-radius: 5px;
	width: 100%;
	padding: 0 15px;
}

.get-in-touch-wrapper .custom-form-builder-form .form-group textarea,
.custom-form .single-input > textarea,
.custom-form .dashboard-input > textarea,
.custom-form .form-group > textarea,
.custom_form .form-group > textarea,
.custom_form .dashboard-input > textarea,
.custom_form .single-input > textarea,
.custom__form .single-input textarea,
.custom__form textarea,
.custom__form .dashboard-input textarea,
.custom__form textarea,
.custom__form .form-group textarea,
.custom__form .form-group textarea,
.custom__form textarea,
.custom__form textarea > textarea,
.custom__form .form-group > textarea {
	height: unset !important;
	line-height: 24px;
}

.get-in-touch-wrapper .custom-form-builder-form .form-group textarea {
	padding: 10px 15px;
}

.btn-group button.dropdown-toggle {
	display: inline-block;
	background-color: var(--customer-profile);
	padding: 3px 10px;
	border-radius: 4px;
	color: var(--white);
	text-transform: capitalize;
	border: none;
	font-weight: 600;
}

.btn-group button.dropdown-toggle.low {
	background-color: var(--delete-color);
}

.btn-group button.dropdown-toggle.medium {
	background-color: var(--main-color-one);
}

.btn-group button.dropdown-toggle.high {
	background-color: var(--main-color-two);
}

.btn-group button.dropdown-toggle.urgent {
	background-color: var(--main-color-three);
}

.btn-group button.dropdown-toggle.status-close,
.btn-group button.dropdown-toggle.close {
	background-color: var(--delete-color);
}
.note-btn-group.btn-group button.dropdown-toggle {
	background-color: #fff;
	border-color: rgba(0, 0, 0, 0.2);
	padding: 0.28rem 0.65rem;
	font-size: 13px;
	color: #111;
}
.btn.btn-primary.iconpicker-component {
	background: var(--customer-profile);
	border-color: var(--customer-profile);
	border-right-color: var(--white);
}

.table > :not(:first-child) {
	border-top: 0;
}

select.form-control:not([size]):not([multiple]) {
	height: 42px !important;
	border-radius: 5px;
	line-height: 1;
	padding-inline: 12px;
}

.user-info {
	font-size: 15px;
	text-align: left;
}

.wrapper-container .nav-tabs {
	border-bottom: 0;
	background: #fff;
}

.wrapper-container #vendor-create-form .nav-tabs {
	border-bottom: 1px solid var(--border-color);
	background: #fff;
}

.wrapper-container .card {
	border: 1px solid var(--border-color);
}

.wrapper-container .card-header {
	border: 0;
}

.wrapper-container .pagination .page-item .page-link,
.dataTables_wrapper .dataTables_paginate .page-item .page-link {
	border: 1px solid var(--border-color);
	color: var(--paragraph-color);
}

.wrapper-container .pagination .page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
	border: 1px solid var(--customer-profile);
	background-color: var(--customer-profile);
	color: var(--white);
}

.wrapper-container .pagination .page-item:hover,
.dataTables_wrapper .dataTables_paginate .page-item:hover {
	border-color: var(--customer-profile) !important;
}

.wrapper-container .pagination .page-item:hover::before,
.wrapper-container .pagination .page-item:hover::after,
.dataTables_wrapper .dataTables_paginate .page-item:hover::before,
.dataTables_wrapper .dataTables_paginate .page-item:hover::after {
	border-color: #fff !important;
	z-index: 3;
}

.wrapper-container .pagination .page-item:hover .page-link,
.dataTables_wrapper .dataTables_paginate .page-item:hover .page-link {
	border: 1px solid var(--customer-profile);
	background-color: var(--customer-profile);
	color: var(--white);
}

.wrapper-container .pagination .page-item.next,
.dataTables_wrapper .dataTables_paginate .page-item.next {
	border-color: var(--border-color);
}

.wrapper-container .pagination .page-item.disabled:hover .page-link,
.wrapper-container .pagination .page-item.disabled:hover,
.dataTables_wrapper .dataTables_paginate .page-item.disabled:hover .page-link,
.dataTables_wrapper .dataTables_paginate .page-item.disabled:hover {
	border-color: rgba(221, 221, 221, 0.3) !important;
	color: #666 !important;
	background-color: transparent;
}

.wrapper-container .pagination .page-item .page-link:focus,
.dataTables_wrapper .dataTables_paginate .page-item .page-link:focus,
.dataTables_wrapper .dataTables_paginate .page-item:focus {
	border-color: var(--border-color);
	color: var(--paragraph-color);
	background-color: transparent;
	box-shadow: none;
}

.category-field {
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	color: var(--paragraph-color);
}

.category-field b {
	color: var(--heading-color);
	font-weight: 600;
}

.pagination-info > p {
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
}

.pagination-info > p:not(:last-child) {
	margin-bottom: 10px;
}

.pagination-info strong {
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	color: var(--heading-color);
}

.product-brand + b {
	color: var(--heading-color);
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

.quantity-number,
.product-summary > p {
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: var(--paragraph-color);
}

.dashboard-products-add .nav-pills .nav-link {
	color: var(--heading-color);
	padding: 10px 0px 10px 10px;
	border-bottom: 1px solid var(--border-color);
	list-style: dotted;
}

.dashboard-products-add .nav-pills .nav-link.active,
.dashboard-products-add .nav-pills .show > .nav-link {
	color: var(--customer-profile) !important;
	background: none;
}

.media-image-header {
	margin-bottom: 0px;
}

@media screen and (max-width: 1599px) {
	.custom_table,
	.table-wrap,
	#shipping-zone-create-form,
	.dashboard__card .data-tables,
	.data-tables {
		overflow-x: auto;
	}
}

.img-select.selected:after {
	content: "\f058";
	font-family: "Line Awesome Free" !important;
}

.img-select:not(:last-child) {
	margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
	margin-bottom: 20px;
}

.table-delivery-man-author {
	max-width: 180px;
	width: max-content;
}

.custom__form .dashboard-input .bootstrap-tagsinput input {
	border: unset;
	padding: unset;
}

.inventory_item .form-control {
	height: 42px;
	border-radius: 5px;
}

.inventory_item label {
	font-weight: 400;
	color: var(--heading-color);
}

.form-group .bootstrap-tagsinput {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	height: 48px;
	border: 1px solid var(--border-color);
	border-radius: 5px;
	box-shadow: none;
}

.custom__form .form-group {
	padding: 0 !important;
}

.faq_container .form-group:not(:last-child),
.get-in-touch-wrapper .custom-form-builder-form .form-group:not(:last-child),
.custom-form .dashboard-input:not(:last-child),
.custom__form .dashboard-input:not(:last-child),
.custom__form .form-group:not(:last-child) {
	margin-bottom: 24px;
	padding: 0 !important;
}

.custom-form .dashboard-flex-input:not(:last-child) {
	margin-bottom: 24px;
}

.custom-form .dashboard-flex-input .dashboard-input {
	margin: 0;
}

.chekout__items__title {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: var(--heading-color);
	margin-bottom: 12px;
}

.btn-group-sm > .btn,
.btn-sm,
.btn-xs {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	border-radius: 0.2rem;
}

.btn.btn_bg_profile {
	background-color: var(--customer-profile);
	border-color: var(--customer-profile);
}

.btn.btn_bg_profile:hover {
	background-color: unset;
	color: var(--customer-profile);
}

.btn.btn_bg_1 {
	background-color: var(--main-color-one);
	border-color: var(--main-color-one);
}

.btn.btn_bg_1:hover {
	background-color: unset;
	color: var(--main-color-one);
}

.btn.btn_bg_2 {
	background-color: var(--main-color-two);
	border-color: var(--main-color-two);
}

.btn.btn_bg_2:hover {
	background-color: unset;
	color: var(--main-color-two);
}

.btn.btn_bg_3 {
	background-color: var(--main-color-three);
	border-color: var(--main-color-three);
}

.btn.btn_bg_3:hover {
	background-color: unset;
	color: var(--main-color-three);
}

.btn.btn_bg_4 {
	background-color: var(--main-color-four);
	border-color: var(--main-color-four);
}

.btn.btn_bg_4:hover {
	background-color: unset;
	color: var(--main-color-four);
}

/* Select2 Css */
.select2-dropdown {
	background-color: var(--white);
}

.select2-container {
	position: relative;
	display: -ms-grid;
	display: grid;
	width: 100% !important;
	z-index: 1055;
}

.select2-container--open {
	width: -webkit-fill-available !important;
}

@media (min-width: 100px) and (max-width: 991.98px) {
	.select2-container--open {
		width: -webkit-fill-available !important;
	}
}

.select2-container--open .select2-selection__arrow::after {
	-webkit-transform: translate(50%, -50%) rotate(-135deg) !important;
	transform: translate(50%, -50%) rotate(-135deg) !important;
	margin-top: 0;
}

.select2-container .select2-selection--single {
	background-color: var(--white);
	border: 1px solid var(--border-color);
	border-radius: 4px;
	position: relative;
	height: 48px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	color: var(--paragraph-color);
	height: 48px;
	line-height: 48px;
	padding-right: 30px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
	bottom: 0px;
	right: 6px;
	height: 100%;
	width: 20px;
	line-height: 48px;
	position: absolute;
}

.select2-container .select2-selection--single .select2-selection__arrow::after {
	content: "";
	position: absolute;
	right: 50%;
	-webkit-transform: translate(50%, -50%) rotate(45deg);
	transform: translate(50%, -50%) rotate(45deg);
	top: 50%;
	font-size: 14px;
	height: 8px;
	width: 8px;
	border-right: 2px solid var(--body-color);
	border-bottom: 2px solid var(--body-color);
	background-color: transparent;
	margin-top: -3px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.select2-container .select2-search--dropdown .select2-search__field {
	border: 1px solid var(--border-color);
	background-color: var(--white);
	color: var(--paragraph-color);
}

.select2-container .select2-results__option {
	background-color: rgba(var(--main-color-one-rgb), 0.05);
	color: var(--main-color-one);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.select2-container .select2-results__option:nth-child(even) {
	background-color: var(--white);
}

.select2-container .select2-results__option:not(:first-child) {
	border-top: 1px solid rgba(var(--main-color-one-rgb), 0.1);
}

.select2-container .select2-results__option--highlighted {
	background-color: var(--main-color-one) !important;
	color: var(--white) !important;
}

.select2-container .select2-results__option--selected {
	background-color: var(--main-color-one) !important;
	color: var(--white) !important;
}

.select2-container .dropdown-wrapper {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.select2-container .select2-dropdown {
	border: 1px solid var(--border-color);
	background-color: var(--white);
}

.select2-container--one .select2-results__option {
	background-color: var(--white);
	color: var(--paragraph-color);
	border-top: 1px solid var(--border-color);
}

.select2-container--one .select2-results__option--selected {
	background-color: inherit !important;
	color: var(--main-color-one) !important;
	border-color: var(--main-color-one) !important;
}

.select2-container--one .select2-results__option--highlighted {
	background-color: inherit !important;
	color: var(--main-color-one) !important;
	border-color: var(--main-color-one) !important;
}

.select2-container--two.select2-container--open .select2-selection--single {
	border-color: var(--main-color-one);
}

.select2-container--two.select2-container--open .select2-selection__rendered {
	color: var(--main-color-one);
}

.select2-container--two.select2-container--open
	.select2-selection__arrow::after {
	border-color: var(--main-color-one);
}

.select2-container--two .select2-dropdown {
	border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--two .select2-dropdown .select2-search__field {
	border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--two .select2-results__option {
	background-color: var(--white);
	color: var(--paragraph-color);
	border-top: 1px solid var(--border-color);
}

.select2-container--two .select2-results__option--selected {
	background-color: rgba(var(--main-color-one-rgb), 0.05) !important;
	color: var(--main-color-one) !important;
	border-color: var(--main-color-one) !important;
}

.select2-container--two .select2-results__option--highlighted {
	background-color: rgba(var(--main-color-one-rgb), 0.05) !important;
	color: var(--main-color-one) !important;
	border-color: var(--main-color-one) !important;
}

.select2-container--three.select2-container--open .select2-selection--single {
	border-color: var(--main-color-one);
}

.select2-container--three.select2-container--open .select2-selection__rendered {
	color: var(--main-color-one);
}

.select2-container--three.select2-container--open
	.select2-selection__arrow::after {
	border-color: var(--main-color-one);
}

.select2-container--three .select2-dropdown {
	border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--three .select2-dropdown .select2-search__field {
	border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--three .select2-results__option {
	background-color: var(--search-bg);
	color: var(--paragraph-color);
	border-color: rgba(var(--main-color-one-rgb), 0.3);
	border-top: 1px solid rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--three .select2-results__option:nth-child(even) {
	background-color: var(--white);
}

.select2-container--three .select2-results__option--selected {
	background-color: var(--main-color-one) !important;
	color: var(--white) !important;
}

.select2-container--three .select2-results__option--highlighted {
	background-color: var(--main-color-one) !important;
	color: var(--white) !important;
}

.select2-container--four.select2-container--open .select2-selection--single {
	border-color: rgba(var(--main-color-one-rgb), 0.5);
}

.select2-container--four.select2-container--open .select2-selection__rendered {
	color: var(--main-color-one);
	background-color: rgba(var(--main-color-one-rgb), 0.05);
}

.select2-container--four.select2-container--open
	.select2-selection__arrow::after {
	border-color: rgba(var(--main-color-one-rgb), 0.8);
}

.select2-container--four .select2-dropdown {
	border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--four .select2-dropdown .select2-search__field {
	border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--four .select2-results__option {
	background-color: var(--search-bg);
	color: var(--paragraph-color);
	border-color: rgba(var(--main-color-one-rgb), 0.1);
	border-top: 1px solid rgba(var(--main-color-one-rgb), 0.1);
}

.select2-container--four .select2-results__option:nth-child(even) {
	background-color: var(--white);
}

.select2-container--four .select2-results__option--selected {
	background-color: rgba(var(--main-color-one-rgb), 0.1) !important;
	color: var(--main-color-one) !important;
}

.select2-container--four .select2-results__option--highlighted {
	background-color: rgba(var(--main-color-one-rgb), 0.1) !important;
	color: var(--main-color-one) !important;
}

.select2-container--five .select2-selection--single {
	background-color: var(--white);
	border: 1px solid var(--border-color);
}

.select2-container--five
	.select2-selection--single
	.select2-selection__rendered {
	color: var(--paragraph-color);
}

.select2-container--five .select2-results__option {
	background-color: var(--white);
	color: var(--paragraph-color);
	border-top: 1px solid var(--border-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.select2-container--five .select2-results__option:nth-child(even) {
	background-color: var(--white);
}

.select2-container--five .select2-results__option--highlighted {
	background-color: var(--section-bg-1) !important;
	color: var(--heading-color) !important;
	font-weight: 700;
}

.select2-container--five .select2-results__option--selected {
	background-color: var(--section-bg-1) !important;
	color: var(--heading-color) !important;
	font-weight: 700;
}

.without_border .select2-container {
	display: inline-block;
}

.without_border .select2-container--default .select2-selection--single {
	border: 0;
	height: 24px;
}

.without_border
	.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	height: 24px;
	line-height: 24px;
	padding: 0 50px 0 0;
}

.without_border
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: 24px;
	line-height: 24px;
}

.without_border
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow::after {
	border-right: 2px solid var(--body-color);
	border-bottom: 2px solid var(--body-color);
}

.without_border .select2-container .dropdown-wrapper {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/* Multiple select  */
.select2-container--multiple {
	height: 48px;
	overflow-y: auto;
}

.select2-container--default .select2-selection--multiple {
	background-color: var(--white);
	border: 1px solid var(--border-color);
	border-radius: 4px;
	cursor: text;
	padding-bottom: 5px;
	padding-right: 5px;
	position: relative;
}

.select2-container--default .select2-selection--multiple:focus {
	border: 1px solid var(--border-color);
}

.select2-container--default
	.select2-selection--multiple
	.select2-search--inline
	.select2-search__field {
	margin-top: 0;
	height: 32px;
}

.select2-container--default
	.select2-selection--multiple
	.select2-selection__rendered {
	display: block;
	padding: 0 4px;
	margin: 0;
}

.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice {
	background-color: var(--search-bg);
	border: 1px solid var(--border-color);
	border-radius: 3px;
	margin: 4px 4px 0 0;
	padding: 0 6px 0 22px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	position: relative;
}

.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice__remove {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	margin: 0;
	text-align: center;
	color: var(--delete-color);
	font-weight: bold;
	font-size: 16px;
}

.vendorList__flex {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.vendorList__thumb {
	max-width: 70px;
	flex-shrink: 0;
}

.vendorList__item {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.vendorList__item:not(:last-child) {
	margin-bottom: 10px;
}

.vendorList__label {
	min-width: 160px;
}

.language__list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.language__list li:not(:last-child) {
	margin-bottom: 10px;
}

.language__list__strong {
	font-size: 16px;
}

.language__list__span {
	word-break: break-all;
}

.img-wrap.max-width-100 {
	max-width: 100px;
}

.dashboard__card .note-modal-footer {
	display: inline-table;
	width: 100%;
}

.dashboard__card .note-modal-footer input.btn.note-btn {
	display: inline-block;
	width: 100%;
	background: var(--customer-profile);
	color: var(--white);
	opacity: 1;
}

.table-image {
	max-width: 200px;
}

.table-image.image_150 {
	max-width: 150px;
}

.table-image.image_120 {
	max-width: 120px;
}

.table-image.image_100 {
	max-width: 100px;
}

.table-image.image_90 {
	max-width: 90px;
}

.table-image.image_80 {
	max-width: 80px;
}

.table-image.image_70 {
	max-width: 70px;
}

.table-image.image_60 {
	max-width: 60px;
}

.table-image.image_50 {
	max-width: 50px;
}

.table-image img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.table-fields {
	max-width: 200px;
}

.table-notes {
	max-width: 250px;
}

.widget-handler .content-part input[type="range"] {
	background: var(--customer-profile);
	height: 8px;
}

.wrapper-container {
	overflow: hidden;
}

.item_selected_attributes_flex {
	display: flex;
	align-items: center;
	gap: 10px;
}

.item_selected_attributes_flex .form-group {
	flex: 1;
}

.request__item {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
}

.request__item:not(:last-child) {
	margin-bottom: 12px;
}

.request__left {
	min-width: 150px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: var(--paragraph-color);
}

.request__right {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: var(--heading-color);
}

.payment-list li {
	display: flex;
	align-items: baseline;
	flex-wrap: nowrap;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
}

.payment-list li:not(:first-child) {
	margin-top: 12px;
}

.payment-list-left {
	min-width: 180px;
}

@media screen and (max-width: 480px) {
	.payment-list-left {
		min-width: 160px;
	}
}

@media screen and (max-width: 375px) {
	.payment-list-left {
		min-width: 150px;
	}
}

.payment-list-right {
	font-weight: 500;
	color: var(--heading-color);
	word-break: break-all;
}

.title__one {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--heading-color);
}

.title__two {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--heading-color);
}

.title__three {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--heading-color);
}

.title__four {
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--heading-color);
}

.order__details__single {
	/* border: 1px solid var(--border-two);
  padding: 20px;
  border-radius: 10px; */
}

.order__details__wrap {
}

.order__details__item {
	border: 1px solid var(--border-two);
	padding: 20px;
	border-radius: 10px;
}

.order__details__item:not(:first-child) {
	margin-top: 20px;
}

.order__item {
}

.order__item__single {
	border-bottom: 1px solid var(--border-two);
	padding-bottom: 20px;
}

.order__item__single:not(:first-child) {
	padding-top: 20px;
}

.order__item__single__flex {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px 10px;
}

.order__item__product {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.order__item__product__contents {
	max-width: 250px;
}

.order__item__product__thumb {
	max-width: 80px;
}

.order__item__product__name {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: var(--heading-color);
}

.order__item__product__span {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	display: block;
}

.order__item__product__span__right {
	font-weight: 600;
	color: var(--heading-color);
}

.order__item__estimate {
	max-width: 250px;
	margin-left: auto;
}

.order__item__estimate__single {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	padding-top: 10px;
}

.order__item__estimate__single:not(:last-child) {
	border-bottom: 1px solid var(--border-two);
	padding-bottom: 10px;
}

.order__item__estimate__single strong {
	font-weight: 600;
	color: var(--heading-color);
}

.refunded__product {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border: 1px solid var(--border-two);
	padding: 15px;
	border-radius: 7px;
}

@media screen and (max-width: 575px) {
	.refunded__product {
		flex-wrap: wrap;
	}
}

.order__refund__item:not(:last-child) {
	margin-bottom: 24px;
}

.order__refund__item__available__single:not(:first-child) {
	margin-top: 20px;
}

.refunded__product__main {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	max-width: 230px;
}

.refunded__product__thumb {
	flex-shrink: 0;
}

.refunded__product__info {
	flex-grow: 1;
}

.refunded__product__title {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--heading-color);
}

.refunded__product__para {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
}

.refunded__product__quantity {
}

.refunded__product__quantity__input {
	max-width: 70px;
	text-align: center;
	background: unset;
	padding-inline: 12px;
	height: 42px !important;
}

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

.refunded__product__price__multiply {
	color: var(--paragraph-color);
}

.refunded__product__price {
	font-weight: 600;
	color: var(--heading-color);
}

.orderRequest__item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 15px 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
}

.orderRequest__item:not(:last-child) {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-two);
}

.orderRequest__item__left {
	min-width: 130px;
	word-break: break-all;
}

@media screen and (max-width: 480px) {
	.orderRequest__item__left {
		min-width: 100px;
	}
}

@media screen and (max-width: 375px) {
	.orderRequest__item__left {
		min-width: 80px;
	}
}

.orderRequest__item__right {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	color: var(--heading-color);
	text-align: right;
	margin: 0;
	word-break: break-all;
}

.gig-order-info ul li {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
}

.gig-order-info ul li strong {
	color: var(--heading-color);
}

.gig-order-info ul li:not(:last-child) {
	margin-bottom: 20px;
}

tr td .btn {
	color: var(--paragraph-color);
	font-family: var(--body-font);
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	line-height: 20px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	box-shadow: 0 0 20px var(--border-color);
}

tr td .btn-danger {
	background-color: var(--delete-color);
	color: var(--white);
	border-color: var(--delete-color);
	box-shadow: 0 0 20px rgba(var(--delete-color-rgb), 0.3);
}

tr td .btn-danger:focus,
tr td .btn-danger:hover {
	background-color: rgba(var(--delete-color-rgb), 0.7);
	border-color: rgba(var(--delete-color-rgb), 0.7);
	box-shadow: 0 0 20px rgba(var(--delete-color-rgb), 0.3);
}

tr td .btn-primary {
	background-color: var(--customer-profile);
	color: var(--white);
	border-color: var(--customer-profile);
	box-shadow: 0 0 20px rgba(var(--customer-profile-rgb), 0.3);
}

tr td .btn-primary:focus,
tr td .btn-primary:hover {
	background-color: rgba(var(--customer-profile-rgb), 0.7);
	border-color: rgba(var(--customer-profile-rgb), 0.7);
	box-shadow: 0 0 20px rgba(var(--customer-profile-rgb), 0.3);
}

tr td .btn-secondary {
	background-color: rgba(var(--heading-color-rgb), 0.7);
	color: var(--white);
	border-color: rgba(var(--heading-color-rgb), 0.7);
	box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
}

tr td .btn-secondary:focus,
tr td .btn-secondary:hover {
	background-color: var(--heading-color);
	border-color: var(--heading-color);
	box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
	box-shadow: none;
}

tr td .btn-info {
	background-color: var(--main-color-two);
	color: var(--white);
	border-color: var(--main-color-two);
	box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.3);
}

tr td .btn-info:focus,
tr td .btn-info:hover {
	color: var(--white);
	background-color: rgba(var(--main-color-two-rgb), 0.7);
	border-color: rgba(var(--main-color-two-rgb), 0.7);
	box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.3);
	box-shadow: none;
}

tr td .btn-warning {
	background-color: var(--review-color);
	color: var(--white);
	border-color: var(--review-color);
	box-shadow: 0 0 20px rgba(var(--review-color-rgb), 0.3);
}

tr td .btn-warning:focus,
tr td .btn-warning:hover {
	color: var(--white);
	background-color: rgba(var(--review-color-rgb), 0.7);
	border-color: rgba(var(--review-color-rgb), 0.7);
	box-shadow: 0 0 20px rgba(var(--review-color-rgb), 0.3);
	box-shadow: none;
}

tr td .btn-dark {
	color: var(--white);
	background-color: var(--heading-color);
	border-color: var(--heading-color);
	box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
}

tr td .btn-dark:focus,
tr td .btn-dark:hover {
	background-color: rgba(var(--heading-color-rgb), 0.9);
	color: var(--white);
	border-color: rgba(var(--heading-color-rgb), 0.9);
	box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
	box-shadow: none;
}

tr td .btn-success {
	color: var(--white);
	background-color: var(--success-color);
	border-color: var(--success-color);
	box-shadow: 0 0 20px rgba(var(--success-color-rgb), 0.3);
}

tr td .btn-success:focus,
tr td .btn-success:hover {
	background-color: rgba(var(--success-color-rgb), 0.9);
	color: var(--white);
	border-color: rgba(var(--success-color-rgb), 0.9);
	box-shadow: 0 0 20px rgba(var(--success-color-rgb), 0.3);
	box-shadow: none;
}

tr td .btn-light {
	color: var(--heading-color);
	background-color: var(--border-two);
	border-color: var(--border-two);
	box-shadow: 0 0 20px var(--border-two);
}

tr td .btn-light:focus,
tr td .btn-light:hover {
	background-color: var(--border-color);
	color: var(--heading-color);
	border-color: var(--border-color);
	box-shadow: 0 0 20px var(--border-color);
	box-shadow: none;
}

.subOrder__single__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
}

.subOrder__single__item.no__between {
	justify-content: flex-start;
}

.subOrder__single__item:not(:last-child) {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-two);
}

.subOrder__single__item__right {
	font-size: 14px;
	line-height: 20px;
}

.subOrder__single__item__left h6 {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	color: var(--heading-color);
}

.subOrder__single__item__right h6 {
	font-size: 14px;
	line-height: 20px;
}

.subOrder__single__flex {
	display: flex;
	align-items: center;
	gap: 20px;
}

.subOrder__single__thumb {
	flex-shrink: 0;
	max-width: 150px;
}

.subOrder__single__contents {
	flex: 1;
}

.subOrder__single__title {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--paragraph-color);
}

.subOrder__single__para {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: var(--paragraph-color);
}

.table__input .table__input__select,
.table__input .form-control {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	height: 48px;
	border: 1px solid var(--border-two);
	border-radius: 5px;
	padding-inline: 15px;
}

.table__input .form-checkbox {
	height: 18px;
	width: 18px;
	border-radius: 2px;
	font-size: 14px;
}

.dashboard__card__productWrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px 10px;
}

.dashboard__card__product {
	display: flex;
	align-items: center;
	gap: 20px;
	flex: 1;
}

.dashboard__card__product__thumb {
	max-width: 350px;
	flex-shrink: 0;
}

.dashboard__card__product__thumb img {
	border-radius: 10px;
}

.dashboard__card__product__title {
	font-family: var(--heading-font);
	margin-bottom: 9px;
	line-height: 1.5;
	color: var(--heading-color);
	font-weight: 500;
	font-size: 20px;
	display: block;
}

@media only screen and (min-width: 1200px) and (max-width: 1399.99px) {
	.dashboard__card__product__title {
		font-size: 15px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.dashboard__card__product__title {
		font-size: 21px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.dashboard__card__product__title {
		font-size: 18px;
	}
}

@media (max-width: 575px) {
	.dashboard__card__product__title {
		font-size: 18px;
	}
}

.dashboard__card__product__price__title {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--heading-color);
	display: flex;
	align-items: center;
	gap: 5px;
}

.dashboard__card__product__price__title del {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--body-color);
}

.dashboard__card__product__cate {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 10px;
}

.dashboard__card__product__cate__title {
	font-weight: 500;
	color: var(--heading-color);
	font-size: 18px;
	line-height: 24px;
}

.dashboard__card__product__cate__inner {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.dashboard__card__product__cate__tag {
	font-family: var(--heading-font);
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	border: 1px solid transparent;
	background: rgba(var(--customer-profile-rgb), 0.1);
	color: var(--customer-profile);
	text-transform: capitalize;
	padding: 1px 8px;
	font-size: 15px;
	font-weight: 400;
	display: inline-block;
	border-radius: 6px;
}

.dashboard__card__product__cate__tag:hover {
	background: var(--customer-profile);
	color: var(--white);
}

.dashboard__card__product__month {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: var(--paragraph-color);
}

.nice-select.form-control {
	line-height: 48px;
}

.dd-list li:not(.dd-item) {
	display: none;
}

.dd-list li:not(.dd-item)::before {
	display: none;
}

.dd-list .dd-list {
	margin-top: 20px;
}

/* // for frontend  */

.faq-accordion .card:not(:last-child) {
	margin-bottom: 20px;
}

.faq-accordion .card {
	border: 1px solid var(--border-color);
}

.faq-accordion .card-header {
	padding: 12px;
}

.faq-accordion .card-header {
	padding: 0;
}

.faq-form-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	color: var(--heading-color);
}

.faq-accordion .accordion-btn {
	padding: 12px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: var(--heading-color);
	border: 0;
}

.faq-accordion .accordion-btn:not(.collapsed) {
	background-color: var(--main-color-one);
	color: var(--white);
}

.faq-accordion .accordion-btn:not(.collapsed) .faq__icons i {
	color: var(--white);
}

.faq-accordion .accordion-btn.collapsed .faq__icons .close {
	display: none;
}

.faq-accordion .accordion-btn:not(.collapsed) .faq__icons .close {
	display: block;
}

.faq-accordion .accordion-btn:not(.collapsed) .faq__icons .open {
	display: none;
}

.faq-accordion .accordion-btn {
}

.address-wrapper {
	padding: 20px;
	background-color: var(--gray-two);
	border-radius: 10px;
}

.address-wrapper .address-list {
	margin-top: 24px;
}

.single-address-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.single-address-item:hover .icon-box {
	background-color: var(--main-color-one);
	color: var(--white);
}

.single-address-item:hover .title {
	color: var(--main-color-one);
}

.single-address-item:not(:last-child) {
	margin-bottom: 20px;
}

.single-address-item .icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	background-color: var(--white);
	color: var(--main-color-one);
	border: 1px solid var(--main-color-one);
	border-radius: 50%;
	font-size: 20px;
	flex-shrink: 0;
	transition: all 0.3s;
}

.single-address-item .content {
	flex: 1;
}

.single-address-item .title {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: var(--heading-color);
}

.single-address-item .info {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--paragraph-color);
	margin-top: 5px;
}

.get-in-touch-wrapper .custom-form-builder-form,
.custom__form .custom-form-builder-form {
	margin-top: 24px;
}

.address-wrapper .title-section .title {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	color: var(--heading-color);
}

.get-in-touch-wrapper .title {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	color: var(--heading-color);
}

.single-blog-list-item-style-1 {
	display: flex;
	align-items: center;
	gap: 24px;
	padding-right: 24px;
}

.single-blog-list-item-style-1:not(:last-child) {
	margin-bottom: 24px;
}

.single-blog-list-item-style-1.single-blog-grid-item-style-1 {
	display: unset;
}

@media screen and (max-width: 767.98px) {
	.single-blog-list-item-style-1 {
		display: grid;
	}
}

.single-blog-list-item-style-1 .img-box {
	flex-shrink: 0;
	max-width: 400px;
}

.single-blog-grid-item-style-1 .img-box,
.single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box {
	max-width: 100%;
	height: 250px;
	background: var(--gray-two);
	display: flex;
	align-items: center;
	justify-content: center;
}

.single-blog-grid-item-style-1 .img-box img,
.single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

@media screen and (max-width: 1199.98px) {
	.single-blog-list-item-style-1 .img-box {
		max-width: 350px;
	}
}

@media screen and (max-width: 991.98px) {
	.single-blog-list-item-style-1 .img-box {
		max-width: 300px;
	}
}

@media screen and (max-width: 767.98px) {
	.single-blog-list-item-style-1 .img-box {
		max-width: 100%;
	}

	.single-blog-grid-item-style-1 .img-box,
	.single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box {
		height: auto;
	}
}

@media screen and (max-width: 575px) {
	.single-blog-grid-item-style-1 .img-box,
	.single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box {
		height: auto;
	}
}

.post-meta-list {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.post-meta-item a {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--heading-color);
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: all 0.3s;
}

.post-meta-item a:hover {
	color: var(--main-color-one);
}

.blog-contents-inner-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	color: var(--heading-color);
}

.blog-contents-inner p span,
.blog-contents-inner p,
.blog-contents-inner-info,
.blog-contents-inner-info p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--paragraph-color);
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.blog-contents-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: var(--heading-color);
	text-decoration: none;
	transition: all 0.3s;
}

.blog-contents-btn:hover {
	color: var(--main-color-one);
	letter-spacing: 1px;
}

.blog-details-area-inner .main-img img {
	width: 100%;
	object-fit: contain;
}

.blog-details-tag-and-social-link .social-link-wrap,
.blog-details-tag-and-social-link .tag {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.blog-details-tag-and-social-link .social-link-wrap .name,
.blog-details-tag-and-social-link .tag .name {
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color: var(--heading-color);
}

.blog-details-tag-and-social-link .social-link-list {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.blog-details-tag-and-social-link .tag-btn {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	transition: all 0.3s;
	padding: 5px 15px;
	border: 1px solid var(--border-color);
	border-radius: 5px;
}

.blog-details-tag-and-social-link .tag-btn:hover {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
}

.blog-details-tag-and-social-link .social-link-list a {
	font-size: 16px;
	color: var(--paragraph-color);
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	border: 1px solid var(--border-color);
	border-radius: 3px;
}

.blog-details-tag-and-social-link .social-link-list a:hover {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
	border-radius: 50%;
}

.blog-details-area-inner .content .main-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	color: var(--heading-color);
}

.blog-details-area-inner .content .post-meta {
	margin-top: 15px;
}

.blog-details-area-inner .content {
	margin-top: 24px;
}

.blog-details-area-inner .content p {
	margin-top: 30px;
}

.single-recent-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.single-recent-item:not(:last-child) {
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.single-recent-item .img-box {
	flex-shrink: 0;
	max-width: 90px;
}

.single-recent-item .img-box img {
	object-fit: contain;
}

.widget-area-wrapper {
	position: sticky;
	top: 0;
	z-index: 5;
}

.blog-widget .search-from {
	position: relative;
}

.blog-widget .search-from .form-group {
	padding: 0 !important;
}

.blog-widget .search-from .form-group .form-control {
	height: 48px;
	border: 1px solid var(--border-color);
	border-radius: 5px;
	padding-right: 65px;
	padding-left: 15px;
}

.blog-widget .widget-search-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--main-color-one);
	color: var(--white);
	border: 1px solid var(--main-color-one);
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	height: 48px;
	padding-inline: 15px;
	border-radius: 0 5px 5px 0;
}

.single-recent-item .content .title {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--heading-color);
	transition: all 0.3s;
}

.single-recent-item .content .title:hover {
	color: var(--main-color-one);
}

.blog-widget .single-category-item:not(:last-child) {
	margin-bottom: 10px;
}

.blog-widget .radio-btn-wrapper {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	transition: all 0.3s;
}

.blog-widget .radio-btn-wrapper:hover {
	color: var(--main-color-one);
	font-weight: 500;
}

.single-recent-item .content .product-meta {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
}

.widget-area-wrapper .blog-widget:not(:last-child) {
	margin-bottom: 30px;
}

.widget-area-wrapper .blog-widget .widget-title {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	color: var(--heading-color);
	transition: all 0.3s;
}

.widget-area-wrapper .blog-widget .widget-title:hover {
	color: var(--main-color-one);
}

.blog-widget .tag-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.blog-widget .tag-wrap .tag-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	border: 1px solid var(--border-color);
	padding: 5px 15px;
	border-radius: 5px;
	transition: all 0.3s;
}

.blog-widget .tag-wrap .tag-btn:hover {
	background-color: var(--main-color-one);
	border-color: var(--main-color-one);
	color: var(--white);
}

.pagination-wrapper {
}

.pagination-default .pagination .pagination-list,
.pagination-default .pagination,
.pagination-wrapper .pagination {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	margin-top: 30px;
}

.pagination-default .pagination .pagination-list li a,
.pagination-default .page-item .page-link,
.pagination-wrapper .page-item .page-link {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: var(--paragraph-color);
	border: 1px solid var(--border-color);
	padding: 10px 15px;
	background-color: unset;
}

.pagination-default .pagination .pagination-list li a.current,
.pagination-default .page-item.active .page-link,
.pagination-wrapper .page-item.active .page-link {
	color: var(--white);
	background-color: var(--main-color-one);
	border-color: var(--main-color-one);
}

.pagination-default .pagination .pagination-list li a:hover,
.pagination-default .page-item .page-link:hover,
.pagination-wrapper .page-item .page-link:hover {
	color: var(--white);
	background-color: var(--main-color-one);
	border-color: var(--main-color-one);
}

.pagination-default .pagination .pagination-list li a:focus,
.pagination-default .page-item .page-link:focus,
.pagination-wrapper .page-item .page-link:focus {
	box-shadow: none;
}

.toolbox-wrapper {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

.toolbox-right,
.toolbox-left {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	flex-wrap: wrap;
}

.layout-list {
	display: flex;
	align-items: center;
	gap: 10px;
}

.shop-nice-select select,
.toolbox-sort select {
	height: 40px;
	border: 1px solid var(--border-color);
	padding-inline: 10px;
	border-radius: 5px;
	color: var(--paragraph-color);
}

/*----------------------------
    About
-----------------------------*/

.about-area-wrapper .sec {
	margin-bottom: 100px;
}

.about-area-wrapper .sec:last-child {
	margin-bottom: 0;
}

.about-area-wrapper .sec.custom-reverse .content-box {
	margin-right: 40px;
}

.about-area-wrapper .sec.custom-reverse.flex-row-reverse .content-box {
	margin-left: 40px;
}

.about-area-wrapper .content-box .title {
	font-family: var(--heading-font);
	font-size: 36px;
	font-weight: 700;
	color: var(--heading-color);
	line-height: 1.2;
}

@media screen and (max-width: 991.98px) {
	.about-area-wrapper .content-box .title {
		font-size: 36px;
		line-height: 52px;
	}
}

@media screen and (max-width: 480px) {
	.about-area-wrapper .content-box .title {
		font-size: 32px;
		line-height: 36px;
	}
}

@media screen and (max-width: 375px) {
	.about-area-wrapper .content-box .title {
		font-size: 28px;
		line-height: 36px;
	}
}

.about-area-wrapper .content-box .info {
	font-weight: 400;
}

.about-area-wrapper .content-box .info.mt {
	margin-top: 15px;
}

.about-area-wrapper .content-box .btn-wrapper {
	margin-top: 36px;
}

.about-area-wrapper .content-box .btn-wrapper a {
	padding-left: 40px;
	padding-right: 40px;
	font-weight: 600;
}

.about-area-wrapper .advantage-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 50px;
}

@media screen and (max-width: 991.98px) {
	.about-area-wrapper .sec.custom-reverse .content-box {
		margin-inline: 0px;
	}

	.about-area-wrapper .sec.custom-reverse.flex-row-reverse .content-box {
		margin-left: 0;
	}
}

.about-area-wrapper .advantage-box .support-item-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 50%;
}

.about-area-wrapper .advantage-box .support-item-wrap {
	width: 100%;
	display: flex;
}

@media screen and (max-width: 575px) {
	.about-area-wrapper .advantage-box .support-item-wrap {
		width: auto;
		flex-direction: column;
	}
}

.support-area-wrapper .support-item-wrap .single-support-item .icon-box {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	margin-right: 20px;
}

.support-area-wrapper .support-item-wrap .single-support-item .content {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.support-area-wrapper .support-item-wrap .single-support-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item {
	margin-bottom: 40px;
	width: 48%;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item {
	margin-bottom: 40px;
	width: 48%;
}

@media screen and (max-width: 575px) {
	.about-area-wrapper .advantage-box .support-item-wrap .single-support-item {
		width: auto;
	}
}

.about-area-wrapper
	.advantage-box
	.support-item-wrap
	.single-support-item
	.icon-box
	.icon {
	color: var(--main-color-one);
}

.about-area-wrapper
	.advantage-box
	.support-item-wrap
	.single-support-item::after {
	display: none;
}

.about-area-wrapper
	.advantage-box
	.support-item-wrap
	.single-support-item
	.content
	.title {
	margin-bottom: 0;
}

.about-area-wrapper
	.advantage-box
	.support-item-wrap
	.single-support-item:first-child {
	margin-bottom: 40px;
}

.about-area-wrapper .img-box img {
	border-radius: 10px;
}

.support-area-wrapper .support-item-wrap .single-support-item .content .title {
	font-size: 22px;
	line-height: 28px;
	font-weight: 600;
	text-transform: capitalize;
}

@media screen and (max-width: 1399.98px) and (min-width: 992px) {
	.support-area-wrapper
		.support-item-wrap
		.single-support-item
		.content
		.title {
		font-size: 16px;
		line-height: 25px;
	}

	.support-area-wrapper
		.support-item-wrap
		.single-support-item
		.icon-box
		.icon {
		font-size: 38px;
	}
}

@media screen and (max-width: 767.98px) {
	.support-area-wrapper
		.support-item-wrap
		.single-support-item
		.content
		.title {
		font-size: 16px;
		line-height: 25px;
	}

	.support-area-wrapper
		.support-item-wrap
		.single-support-item
		.icon-box
		.icon {
		font-size: 38px;
	}
}

.support-area-wrapper .support-item-wrap .single-support-item .content .info {
	font-size: 12px;
	line-height: 10px;
	font-weight: 400;
	color: #999999;
	padding-top: 10px;
}

.support-area-wrapper .support-item-wrap .single-support-item .icon-box .icon {
	color: var(--main-color-one);
	font-size: 50px;
	display: inline-block;
	line-height: 0;
}

.about-area-wrapper
	.advantage-box
	.support-item-wrap
	.single-support-item
	.icon-box
	.icon {
	color: var(--main-color-one);
}

/*-------------------------
    Testimonial Area
--------------------------*/
.testimonial-area-wrapper .single-testimonial-item {
	min-height: 344px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	margin: 0 15px;
	-webkit-box-shadow: 0px 0px 16px -7px #00000045;
	box-shadow: 0px 0px 16px -7px #00000045;
	border-radius: 5px;
	overflow: hidden;
}

.testimonial-area-wrapper .single-testimonial-item .top-box {
	min-height: 180px;
	background-color: #f2f3f5;
	padding: 19px 28px 49px;
	-webkit-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}

.testimonial-area-wrapper .single-testimonial-item .top-box .info {
	color: #999999;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box {
	height: 45%;
	position: relative;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .img-box {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -35px;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .img-box img {
	border: 3px solid #fff;
	border-radius: 50%;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .name {
	font-family: var(--heading-font);
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	padding-top: 50px;
	color: #999999;
	text-transform: capitalize;
	-webkit-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}

.testimonial-area-wrapper .slick-list {
	margin: 0 -15px;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .post {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	font-style: italic;
	color: #999999;
	-webkit-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}

.testimonial-area-wrapper
	.single-testimonial-item
	.bottom-box
	.icon-wrap
	.icon {
	color: #999999;
	-webkit-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}

.testimonial-area-wrapper .slick-slide.slick-current .top-box .info {
	color: var(--white);
}

.testimonial-area-wrapper .slick-slide.slick-current .bottom-box .name,
.testimonial-area-wrapper .slick-slide.slick-current .bottom-box .post {
	color: var(--heading-color);
}

.testimonial-area-wrapper
	.slick-slide.slick-current
	.bottom-box
	.icon-wrap
	.icon {
	color: var(--secondary-color);
}

.testimonial-area-wrapper .slick-track {
	padding: 5px 0;
}

.testimonial-area-wrapper .slick-slide.slick-current .top-box {
	background-color: var(--main-color-one);
}

/*---------------------------------------
    ## Button
---------------------------------------*/
.btn-wrapper {
	display: block;
}

.btn-wrapper .btn-default {
	font-size: 16px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	cursor: pointer;
	border: 1px solid var(--main-color-one);
	background-color: var(--main-color-one);
	color: var(--white);
	text-transform: capitalize;
	padding: 9px 30px 11px;
	-webkit-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
	line-height: 20px;
}

.btn-wrapper .btn-default:hover {
	background-color: transparent;
	color: var(--main-color-one);
}

.btn-wrapper .btn-default.transparent-btn-1 {
	background-color: transparent;
	border-color: var(--white);
	color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-1:hover {
	background-color: var(--main-color-one);
	border-color: var(--main-color-one);
	color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-1-reverse {
	background-color: var(--main-color-one);
	border-color: var(--main-color-one);
	color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-1-reverse:hover {
	background-color: transparent;
	border-color: var(--white);
	color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-2 {
	background-color: transparent;
	border-color: #dddddd;
	color: #999999;
}

.btn-wrapper .btn-default.transparent-btn-2 .icon {
	display: inline-block;
	padding-left: 8px;
}

.btn-wrapper .btn-default.transparent-btn-2:hover {
	background-color: var(--main-color-one);
	border-color: var(--main-color-one);
	color: var(--white);
}

.btn-wrapper .btn-default.rounded-btn {
	border-radius: 25px;
}

.btn-wrapper .btn-default.semi-bold {
	font-weight: 600;
}

.btn-wrapper .shop-now-btn-style-01 {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: var(--secondary-color);
	text-transform: capitalize;
	display: inline-block;
	padding: 7px 16px 9px;
	background-color: var(--white);
	-webkit-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}

.btn-wrapper .shop-now-btn-style-01:hover {
	background-color: var(--secondary-color);
	color: var(--white);
}

.blog-details-tag-and-social-link {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}

.relatedProducts-slider .slick-track {
	margin-left: 0;
}

.short-description p {
	color: var(--paragraph-color);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}

/* ==================================================================
  New Home page
====================================================================*/

@media screen and (min-width: 1550px) {
	.container_1608 {
		max-width: 1400px;
	}
}

@media screen and (min-width: 1700px) {
	.container_1608 {
		max-width: 1632px;
	}
}

/*--------------------------------------------------------------
# Keyframes Animation
--------------------------------------------------------------*/
@-webkit-keyframes floating {
	0% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}

	50% {
		-webkit-transform: translatey(-50px);
		transform: translatey(-50px);
	}

	100% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}
}

@keyframes floating {
	0% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}

	50% {
		-webkit-transform: translatey(-50px);
		transform: translatey(-50px);
	}

	100% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
	}
}

@-webkit-keyframes round-moving {
	from {
		-webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
		transform: rotate(0deg) translateX(120px) rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
		transform: rotate(360deg) translateX(120px) rotate(-360deg);
	}
}

@keyframes round-moving {
	from {
		-webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
		transform: rotate(0deg) translateX(120px) rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
		transform: rotate(360deg) translateX(120px) rotate(-360deg);
	}
}

@-webkit-keyframes round-moving2 {
	from {
		-webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
		transform: rotate(0deg) translateX(60px) rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
		transform: rotate(360deg) translateX(60px) rotate(-360deg);
	}
}

@keyframes round-moving2 {
	from {
		-webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
		transform: rotate(0deg) translateX(60px) rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
		transform: rotate(360deg) translateX(60px) rotate(-360deg);
	}
}

@-webkit-keyframes pulsing {
	0% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@keyframes pulsing {
	0% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

/*----------------------------------------------
  # Nav bar
----------------------------------------------*/
.mobile-logo {
	display: none;
}

@media only screen and (max-width: 991px) {
	.mobile-logo {
		display: block;
	}

	.desktop-logo {
		display: none !important;
	}
}

.navbar-area {
	position: relative;
	z-index: 95;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area {
		padding: 0;
	}
}

.navbar-area.nav-absolute {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0px;
	z-index: 99;
}

.navbar-area.nav-two .nav-container .navbar-collapse .navbar-nav {
	text-align: center;
}

.navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav li {
	color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li {
	color: var(--white);
}

.navbar-area.white-nav
	.nav-container
	.nav-right-content
	ul
	li
	.track-icon-list
	.single-icon
	.icon {
	color: var(--white);
}

.navbar-area.white-nav
	.nav-container
	.nav-right-content
	ul
	li
	.track-icon-list
	.single-icon.hover-color-two:hover
	.icon:hover {
	color: var(--main-color-two);
}

.navbar-area.white-nav
	.nav-container
	.nav-right-content
	ul
	li
	.login-account
	.accounts {
	color: var(--white);
}

.navbar-area.white-nav
	.nav-container
	.nav-right-content
	ul
	li
	.login-account
	.accounts.hover-color-two:hover {
	color: var(--main-color-two);
}

.navbar-area .nav-container {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 10px 15px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.navbar-area .nav-container {
		padding: 20px 0;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area .nav-container {
		padding: 15px 0;
	}
}

.navbar-area .nav-container .logo-wrapper .logo img {
	max-width: 200px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area .nav-container .logo-wrapper .logo img {
		max-width: 160px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area .nav-container .logo-wrapper .logo img {
		max-width: 150px;
	}
}

.navbar-area .nav-container .navbar-collapse .navbar-nav {
	display: block;
	width: 100%;
	text-align: left;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.nav-margin-top {
	margin-top: 15px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.desktop-center {
	text-align: center;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
	display: inline-block;
	font-size: 16px;
	font-family: var(--body-font);
	text-transform: capitalize;
	color: var(--heading-color);
	font-weight: 400;
	line-height: 32px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
	margin-left: 0px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav li {
		font-size: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav li {
		font-size: 14px;
	}
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item {
	background: none;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children {
	padding-right: 0;
	position: relative;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	> a {
	padding: 10px 20px;
	position: relative;
	z-index: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		> a {
		padding: 10px 10px;
	}
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	> a::after {
	content: "\f107";
	font-family: "Line Awesome Free";
	font-weight: 900;
	/* IE 9 */
	-webkit-transform: translateY(-50%);
	/* Chrome, Safari, Opera */
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	top: 1px;
	left: 4px;
	position: relative;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children:hover
	> .sub-menu {
	visibility: visible;
	opacity: 1;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu {
	position: absolute;
	text-align: left;
	min-width: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0;
	top: 100%;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
	background-color: var(--white);
	z-index: 992;
	border-bottom: 5px solid var(--main-color-one);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu.column-count-two {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 50px;
	-webkit-column-rule-style: solid;
	-moz-column-rule-style: solid;
	column-rule-style: solid;
	-webkit-column-rule-color: rgba(221, 221, 221, 0.3);
	-moz-column-rule-color: rgba(221, 221, 221, 0.3);
	column-rule-color: rgba(221, 221, 221, 0.3);
	-webkit-column-rule-width: 2px;
	-moz-column-rule-width: 2px;
	column-rule-width: 2px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu.column-count-two {
		-webkit-column-count: unset;
		-moz-column-count: unset;
		column-count: unset;
	}
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu.column-count-two
	li {
	margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu.column-count-two
		li {
		margin-bottom: 0;
	}
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li {
	display: block;
	margin-left: 0;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		li {
		margin-bottom: 0;
	}
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li:last-child {
	margin-bottom: -1px;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	+ li {
	border-top: 1px solid #e2e2e2;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a {
	display: block;
	padding: 10px 30px;
	background-color: var(--white);
	white-space: nowrap;
	color: var(--heading-color);
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-one);
	color: var(--white);
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children {
	position: relative;
	z-index: 0;
	padding-right: 0px;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children
	> .sub-menu {
	left: 100%;
	top: 0px;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children
	> .sub-menu
	.sub-menu
	.sub-menu {
	left: auto;
	right: 100%;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children:hover
	> .sub-menu {
	visibility: visible;
	opacity: 1;
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children:hover
	> .sub-menu
	li:hover:before {
	color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
	padding: 10px 28px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	/* color: #fff; */
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
		padding: 7px 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
		padding: 5px 10px;
	}
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-one);
	background: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area .nav-container .nav-right-content {
		display: none;
	}
}

.navbar-area .nav-container .nav-right-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.navbar-area .nav-container .nav-right-content ul li {
	display: inline-block;
	margin: 0 15px;
}

.navbar-area .nav-container .nav-right-content ul li:last-child {
	margin-right: 0;
	margin-left: 0;
}

.navbar-area .nav-container .nav-right-content ul li a {
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.navbar-area .nav-container .nav-right-content ul li .info-bar-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.navbar-area .nav-container .nav-right-content ul li .info-bar-item {
		gap: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-area .nav-container .nav-right-content ul li .info-bar-item {
		gap: 30px;
	}
}

.index-02 {
	padding: 0px 0;
}

.index-02 .navbar-inner-all {
	background: var(--main-color-two);
	position: relative;
	z-index: 1;
	padding: 17px 0 18px;
	border-radius: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.index-02 .navbar-inner-all {
		padding: 18px 0 18px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.index-02 .navbar-inner-all {
		padding: 10px 15px;
		background: unset;
	}
}

@media only screen and (max-width: 480px) {
	.index-02 .navbar-inner-all {
		padding: 5px 10px;
	}
}

.index-02 .navbar-inner-all::before {
	content: "";
	position: absolute;
	left: -10%;
	top: 0;
	height: 100%;
	width: 100%;
	background: var(--main-color-two);
	z-index: -1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.index-02 .navbar-inner-all::before {
		display: none;
	}
}

.navbar-inner-all {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-inner-all {
		display: block;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.show-nav-right-contents {
		position: absolute;
		right: 0px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 30px;
		color: var(--heading-color);
	}

	.show-nav-right-contents:hover {
		color: var(--heading-color);
	}

	.show-nav-right-contents.white-color {
		color: var(--white);
	}

	.show-nav-right-contents.white-color:hover {
		color: var(--white);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-right-content {
		visibility: hidden;
		opacity: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		margin-top: -20px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-right-content.show {
		visibility: visible;
		opacity: 1;
		margin-top: 10px;
	}
}

.single-right-content .btn-track {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.single-right-content .btn-track:hover {
	color: var(--main-color-one);
}

.single-right-content .btn-track .track-icon {
	color: var(--main-color-one);
}

.single-right-content .user-icon-price {
	background: rgba(var(--main-color-three-rgb), 0.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.single-right-content .user-icon-price .user-icon {
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--main-color-three);
	color: var(--white);
	height: 46px;
	width: 46px;
}

.single-right-content .user-icon-price .user-price {
	font-size: 20px;
	line-height: 30px;
	padding: 0 10px;
	color: var(--main-color-three);
}

@media only screen and (max-width: 991px) {
	.navbar-area.index-02 .nav-container .navbar-collapse.show .navbar-nav {
		background: transparent;
	}

	.navbar-area.index-03 .nav-container .navbar-right-content {
		margin-top: -50px;
	}

	.navbar-area.index-03 .nav-container .navbar-right-content.show {
		margin-top: 10px;
	}

	.navbar-area.white-nav .navbar-toggler {
		border: 1px solid rgba(255, 255, 255, 0.8);
	}
	.navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler {
		border-color: var(--heading-color);
	}
	.navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler-icon {
		background: var(--heading-color);
	}
	.navbar-area.index-02.white-nav
		.navbar-inner-all
		.navbar-toggler-icon:after,
	.navbar-area.index-02.white-nav
		.navbar-inner-all
		.navbar-toggler-icon:before {
		background: var(--heading-color);
	}
	.navbar-area.index-02.white-nav
		.navbar-inner-all
		.navbar-toggler.active
		.navbar-toggler-icon:after,
	.navbar-area.index-02.white-nav
		.navbar-inner-all
		.navbar-toggler.active
		.navbar-toggler-icon:before {
		background: var(--heading-color);
	}
	.navbar-area.index-02.white-nav
		.navbar-inner-all
		.navbar-toggler.active
		.navbar-toggler-icon {
		background: transparent;
	}
	.navbar-area.index-02.white-nav
		.navbar-inner-all
		.navbar-collapse.show
		.navbar-nav {
		background-color: var(--main-color-two);
	}

	.navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::before,
	.navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::after {
		background: rgba(255, 255, 255, 0.8);
	}

	.navbar-area.white-nav .navbar-toggler .navbar-toggler-icon {
		background: rgba(255, 255, 255, 0.8);
	}

	.navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::before,
	.navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::after {
		background: rgba(255, 255, 255, 0.8);
	}

	.navbar-area .navbar-toggler {
		position: absolute;
		right: 40px;
		top: 50%;
		-webkit-box-shadow: none;
		box-shadow: none;
		/* IE 9 */
		-webkit-transform: translateY(-50%);
		/* Chrome, Safari, Opera */
		transform: translateY(-50%);
		border: 1px solid rgba(0, 0, 0, 0.5);
		outline: none;
	}

	.navbar-area .navbar-toggler.active .navbar-toggler-icon {
		background: none;
	}

	.navbar-area .navbar-toggler.active .navbar-toggler-icon::before,
	.navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
		background: rgba(0, 0, 0, 0.5);
		top: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.navbar-area .navbar-toggler .navbar-toggler-icon {
		background: rgba(0, 0, 0, 0.5);
		display: inline-block;
		width: 25px;
		height: 2px;
		margin: 10px -4px 10px;
		position: relative;
	}

	.navbar-area .navbar-toggler .navbar-toggler-icon::before,
	.navbar-area .navbar-toggler .navbar-toggler-icon::after {
		position: absolute;
		content: "";
		height: 2px;
		width: 25px;
		background: rgba(0, 0, 0, 0.5);
		top: -7px;
		left: 0;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	.navbar-area .navbar-toggler .navbar-toggler-icon::after {
		top: auto;
		bottom: -7px;
	}

	.navbar-area .nav-container {
		position: relative;
		z-index: 0;
		min-height: 50px;
		padding: 5px 0px 5px;
	}

	.navbar-area .nav-container .responsive-mobile-menu {
		display: block;
		position: relative;
		width: 100%;
	}

	.navbar-area .nav-container .navbar-brand {
		display: block;
	}

	.navbar-area .nav-container .navbar-brand .navbar-toggler {
		position: absolute;
		right: 10px;
		border: 1px solid #e2e2e2;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.navbar-area .nav-container .navbar-collapse.show .navbar-nav {
		background: #ddd;
	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav {
		display: block;
		margin-top: 30px;
	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav li {
		display: block;
		text-align: left;
		line-height: 30px;
		padding: 10px 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
		padding: 17px 20px;
	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
		border-bottom: none;
	}

	.navbar-area .nav-container .navbar-collapse .navbar-nav li + li {
		margin-left: 0;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children:before {
		top: 25px;
		right: 20px;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children:hover {
		padding-bottom: 0;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children:hover
		> .sub-menu {
		visibility: visible;
		height: auto;
		opacity: 1;
		background-color: transparent;
		border-bottom: none;
		padding-top: 10px;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu {
		position: initial;
		display: block;
		width: 100%;
		border-top: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-left: 0;
		padding-bottom: 0;
		visibility: hidden;
		opacity: 0;
		height: 0;
		overflow: hidden;
		max-height: 250px;
		overflow-y: scroll;
		/* @include transition(height 500ms); */
		-webkit-transition: all 500ms linear;
		transition: all 500ms linear;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		.sub-menu
		.menu-item-has-children:before {
		content: "\f107";
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		li {
		padding: 0;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		li.menu-item-has-children:hover:before {
		color: var(--white);
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		li
		+ li {
		border-top: none;
	}

	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children
		.sub-menu
		li:first-child {
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}
}

@media only screen and (max-width: 575px) {
	.navbar-area .nav-container {
		padding: 0 15px;
	}

	.navbar-area .nav-container .logo-wrapper .logo img {
		max-width: 140px;
	}
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li a:hover {
	/* color: var(--heading-color); */
	color: #fff;
}

.navbar-area.nav-color-two
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu {
	border-color: var(--main-color-two);
}

.navbar-area.nav-color-two
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-two);
}

.navbar-area.nav-color-two
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children:hover
	> .sub-menu
	li:hover:before {
	color: var(--white);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-three);
}

.navbar-area.nav-color-three
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu {
	border-color: var(--main-color-three);
}

.navbar-area.nav-color-three
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-three);
}

.navbar-area.nav-color-three
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children:hover
	> .sub-menu
	li:hover:before {
	color: var(--white);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-four);
}

.navbar-area.nav-color-four
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu {
	border-color: var(--main-color-four);
}

.navbar-area.nav-color-four
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-four);
}

.navbar-area.nav-color-four
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children:hover
	> .sub-menu
	li:hover:before {
	color: var(--white);
}

.navbar-area
	.nav-container
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children:hover:hover
	> .megamenu-area {
	visibility: visible;
	opacity: 1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.navbar-area
		.nav-container
		.navbar-collapse
		.navbar-nav
		li.menu-item-has-children:hover:hover
		> .megamenu-area {
		height: auto;
		padding: 20px 0;
	}
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.single-category-megamenu:hover
	.category-contents
	.titles {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.single-category-megamenu
	.category-contents
	.collection-btn:hover {
	color: var(--main-color-two);
}

.nav-color-two
	.megamenu-area
	.megamenu-single
	.new-collection
	.product-collection-btn:hover {
	background: var(--main-color-two) !important;
}

.nav-color-two .single-right-content .btn-track:hover {
	color: var(--main-color-two);
}

.nav-color-two .single-right-content .btn-track .track-icon {
	color: var(--main-color-two);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.single-category-megamenu:hover
	.category-contents
	.titles {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.single-category-megamenu
	.category-contents
	.collection-btn:hover {
	color: var(--main-color-three);
}

.nav-color-three
	.megamenu-area
	.megamenu-single
	.new-collection
	.product-collection-btn:hover {
	background: var(--main-color-three) !important;
}

.nav-color-three .single-right-content .btn-track:hover {
	color: var(--main-color-three);
}

.nav-color-three .single-right-content .btn-track .track-icon {
	color: var(--main-color-three);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.single-category-megamenu:hover
	.category-contents
	.titles {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.single-category-megamenu
	.category-contents
	.collection-btn:hover {
	color: var(--main-color-four);
}

.nav-color-four
	.megamenu-area
	.megamenu-single
	.new-collection
	.product-collection-btn:hover {
	background: var(--main-color-four) !important;
}

.nav-color-four .single-right-content .btn-track:hover {
	color: var(--main-color-four);
}

.nav-color-four .single-right-content .btn-track .track-icon {
	color: var(--main-color-four);
}

.white-nav
	.megamenu-area
	.megamenu-single
	.new-collection
	.product-collection-btn {
	background: var(--heading-color);
	color: var(--white);
}

.white-nav
	.megamenu-area
	.megamenu-single
	.new-collection
	.product-collection-btn:hover {
	background: var(--main-color-two) !important;
}

.megamenu-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
	box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
	position: absolute;
	top: 100%;
	left: 10%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9;
	max-width: 1600px;
	width: 1560px;
	max-height: 570px;
	overflow-y: auto;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 1550px) and (max-width: 1699.98px) {
	.megamenu-area {
		max-width: 1000px;
		gap: 40px;
		min-width: 100%;
		left: 50%;
	}
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
	.megamenu-area {
		max-width: 830px;
		min-width: 100%;
		gap: 40px;
		max-height: 350px;
		overflow-y: auto;
		left: 50%;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.megamenu-area {
		min-width: 100%;
		max-width: 800px;
		gap: 30px;
		left: auto;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		right: 0;
		max-height: 350px;
		overflow-y: auto;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.megamenu-area {
		min-width: 100%;
		max-width: 600px;
		gap: 30px;
		left: auto;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		right: 0;
		max-height: 350px;
		overflow-y: auto;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.megamenu-area {
		max-width: 100%;
		left: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		min-width: 100%;
		position: initial;
		border-top: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-left: 0;
		padding: 0;
		height: 0;
		overflow: hidden;
		max-height: 250px;
		overflow-y: scroll;
		-webkit-transition: all 500ms linear;
		transition: all 500ms linear;
	}
}

.megamenu-area.color-two
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-two);
}

.megamenu-area.color-two
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-two);
}

.megamenu-area.color-three
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-three);
}

.megamenu-area.color-three
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-three);
}

.megamenu-area.color-four
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.megamenu-title:hover {
	color: var(--main-color-four);
}

.megamenu-area.color-four
	.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-four);
}

.megamenu-single:not(:last-child) {
	margin-right: 45px;
}

.megamenu-single .megamenu-heading-title {
	font-size: 24px;
	font-weight: 500;
	padding: 0px 0 20px 0;
}

.megamenu-single .megamenu-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 5px !important;
}

.megamenu-single .megamenu-items .megamenu-thumbs {
	margin-right: 20px;
	border: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 80px;
	width: 70px;
	font-size: 30px;
}

.megamenu-single .megamenu-items .megamenu-thumbs i {
	color: var(--main-color-one);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-two i {
	color: var(--main-color-two);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-three i {
	color: var(--main-color-three);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-four i {
	color: var(--main-color-four);
}

.megamenu-single .megamenu-items .megamenu-contents {
	text-align: left;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
	color: var(--main-color-one);
}

.megamenu-single
	.megamenu-items
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-one);
	font-size: 20px;
	font-weight: 500;
}

.megamenu-single .megamenu-items .megamenu-contents .price-updates .old-price {
	color: var(--body-color);
	text-decoration: line-through;
}

.megamenu-single .megamenu-items-big {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0 !important;
}

@media only screen and (max-width: 480px) {
	.megamenu-single .megamenu-items-big {
		display: block;
	}
}

.megamenu-single .megamenu-items-big .megamenu-thumbs {
	height: 200px;
	width: 250px;
	margin-right: 20px;
}

@media only screen and (max-width: 375px) {
	.megamenu-single .megamenu-items-big .megamenu-thumbs {
		margin-right: 0;
	}
}

.megamenu-single .megamenu-items-big .megamenu-thumbs img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.megamenu-single .megamenu-items-big .megamenu-contents {
	text-align: left;
}

@media only screen and (max-width: 480px) {
	.megamenu-single .megamenu-items-big .megamenu-contents {
		margin-top: 15px;
	}
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
	color: var(--main-color-one);
}

.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.price-updates
	.price-title {
	color: var(--main-color-one);
	font-size: 20px;
	font-weight: 500;
}

.megamenu-single
	.megamenu-items-big
	.megamenu-contents
	.price-updates
	.old-price {
	color: var(--body-color);
	text-decoration: line-through;
}

.megamenu-single .new-collection {
	padding: 0px 0 !important;
	display: inline-block;
	height: 400px;
	width: 350px;
	position: relative;
	z-index: 2;
}

.megamenu-single .new-collection:hover .product-collection-btn {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 375px) {
	.megamenu-single .new-collection {
		height: 100%;
		width: 280px;
	}
}

.megamenu-single .new-collection img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.megamenu-single .new-collection .product-collection-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	padding: 10px 20px;
	background: #fff;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	visibility: hidden;
	opacity: 0;
}

.megamenu-single .new-collection .product-collection-btn:hover {
	background: var(--main-color-one) !important;
	color: #fff !important;
}

.megamenu-single .single-category-megamenu {
	padding: 30px 50px;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.megamenu-single .single-category-megamenu:hover .category-contents {
	visibility: visible;
	opacity: 1;
	bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.megamenu-single .single-category-megamenu {
		padding: 30px;
	}
}

@media only screen and (max-width: 375px) {
	.megamenu-single .single-category-megamenu {
		padding: 20px;
	}
}

.megamenu-single .single-category-megamenu .category-thumb {
	height: 200px;
	width: 200px;
	display: inline-block;
}

.megamenu-single .single-category-megamenu .category-thumb img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.megamenu-single .single-category-megamenu .category-contents {
	background: #fff;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	padding: 30px 20px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.megamenu-single .single-category-megamenu .category-contents .titles:hover {
	color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.megamenu-single .single-category-megamenu .category-contents .titles {
		font-size: 28px;
	}
}

@media only screen and (max-width: 375px) {
	.megamenu-single .single-category-megamenu .category-contents .titles {
		font-size: 24px;
	}
}

.megamenu-single .single-category-megamenu .category-contents .collection-btn {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 500;
	padding: 0 !important;
	text-decoration: underline;
	color: var(--paragraph-color);
}

@media only screen and (max-width: 767.98px) {
	.megamenu-single
		.single-category-megamenu
		.category-contents
		.collection-btn {
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.megamenu-single
		.single-category-megamenu
		.category-contents
		.collection-btn {
		font-size: 14px;
	}
}

.megamenu-single
	.single-category-megamenu
	.category-contents
	.collection-btn:hover {
	color: var(--main-color-one);
}

/*--------------------------------------------------------------
04. Footer Style
--------------------------------------------------------------*/
.footer-top-border {
	border-bottom: 1px solid #ddd;
}

.footer-top-border.white-color {
	border-color: #ddd;
}

.footer_widget {
	position: relative;
	z-index: 1;
}

.footer_widget__title {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	text-transform: capitalize;
	position: relative;
	font-family: var(--heading-font);
	color: var(--heading-color);
}

.footer_widget__para {
	font-size: 16px;
	line-height: 28px;
	color: var(--paragraph-color);
}

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

.footer_widget__link__list {
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footer_widget__link__list:not(:last-child) {
	margin-bottom: 15px;
}

.footer_widget__link__list:hover a {
	color: var(--main-color-one);
}

.footer_widget__link__list a {
	font-size: 16px;
	font-weight: 400;
	color: var(--paragraph-color);
	position: relative;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	z-index: 1;
}

.footer_widget__link__list a:hover {
	color: var(--main-color-one);
	padding-left: 20px;
}

.footer_widget__link__list a:hover::before {
	visibility: visible;
	opacity: 1;
}

.footer_widget__link__list a::before {
	content: "\f101";
	font-family: "Line Awesome Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footer_widget__social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer_widget__social__list a {
	color: var(--white);
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: #334755;
	border: 2px solid #66757f;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {
	.footer_widget__social__list a {
		font-size: 18px;
		height: 35px;
		width: 35px;
	}
}

@media only screen and (max-width: 375px) {
	.footer_widget__social__list a {
		height: 30px;
		width: 30px;
	}
}

.footer_widget__social__list a:hover {
	color: var(--white);
	background: var(--main-color-one);
	border-color: var(--main-color-one);
}

.footer_widget__social__list:not(:last-child) a {
	margin-right: 10px;
}

.footer_widget__form {
	margin-top: 30px;
}

.footer_widget__form__single {
	position: relative;
	max-width: 380px;
}

.footer_widget__form__single .form--control {
	width: 100%;
	height: 48px;
	line-height: 48px;
	border-radius: 5px;
	background: #334755;
	color: var(--paragraph-color);
	border: 1px solid #66757f;
	padding: 0 100px 0 20px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 30px;
}

.footer_widget__form__single .form--control::-webkit-input-placeholder {
	color: var(--body-color);
	font-size: 16px;
}

.footer_widget__form__single .form--control::-moz-placeholder {
	color: var(--body-color);
	font-size: 16px;
}

.footer_widget__form__single .form--control:-ms-input-placeholder {
	color: var(--body-color);
	font-size: 16px;
}

.footer_widget__form__single .form--control::-ms-input-placeholder {
	color: var(--body-color);
	font-size: 16px;
}

.footer_widget__form__single .form--control::placeholder {
	color: var(--body-color);
	font-size: 16px;
}

.footer_widget__form__single .form--control:focus {
	border: 1px solid rgba(var(--main-color-one-rgb), 0.7);
	-webkit-box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
	box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
}

.footer_widget__form__single button {
	outline: none;
	border: 0;
	position: absolute;
	top: 3px;
	right: 3px;
	height: calc(100% - 6px);
	padding: 0 20px;
	background: var(--white);
	font-size: 16px;
	color: var(--heading-color);
	cursor: pointer;
	border-radius: 30px;
}

.footer_widget__contact__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footer_widget__contact__item:not(:first-child) {
	margin-top: 24px;
}

.footer_widget__contact__item:hover .footer_widget__contact__icon {
	background-color: var(--main-color-one);
	border-color: var(--main-color-one);
	color: var(--white);
}

.footer_widget__contact__item:hover .footer_widget__contact__title {
	color: var(--main-color-one);
}

.footer_widget__contact__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	border: 2px solid #66757f;
	font-size: 24px;
	background-color: #334755;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.footer_widget__contact__contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.footer_widget__contact__subtitle {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	margin-bottom: 5px;
}

.footer_widget__contact__title {
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: var(--heading-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.white-color .footer_widget__title {
	color: var(--white);
}

.white-color .footer_widget__para {
	color: var(--paragraph-white);
}

.white-color .footer_widget__link__list a {
	color: var(--paragraph-white);
}

.white-color .footer_widget__link__list a:hover {
	color: var(--main-color-one);
}

.white-color .footer_widget__contact__subtitle {
	color: var(--paragraph-white);
}

.white-color .footer_widget__contact__title {
	color: var(--white);
}

.white-color .footer-widget .footer-inner .footer-link-address li .address i {
	color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .info {
	color: var(--paragraph-white-2);
}

.white-color
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover
	i {
	color: var(--main-color-two);
}

.white-color.color-two
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover
	i {
	color: var(--main-color-two);
}

.white-color.color-three
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover
	i {
	color: var(--main-color-three);
}

.white-color.color-four
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover
	i {
	color: var(--main-color-four);
}

.white-color.color-five
	.footer-widget
	.footer-inner
	.footer-link-address
	li
	.address:hover
	i {
	color: var(--main-color-five);
}

/* Banner  */
.bg__blue {
	background-color: var(--blue-color);
}

.bg__yellow {
	background-color: var(--yellow-color);
}

.banner__slider {
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.banner__slider__waveShape {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.banner__slider .slick-dots {
	position: absolute;
	left: 50px;
	bottom: 50px;
}

.banner__slider .slick-dots li.slick-active {
	width: 30px;
	border-radius: 10px;
	background-color: var(--white);
}

.banner__height {
	height: 100%;
}

.banner__card {
	padding: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner__card {
		height: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner__card {
		height: 100%;
	}
}

.banner__card.text-center .banner__card__contents {
	max-width: 100%;
}

.banner__card__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner__card__flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 480px) {
	.banner__card__flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
	}
}

.banner__card__subtitle {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	color: var(--heading-color);
	text-transform: uppercase;
}

@media (min-width: 1550px) and (max-width: 1699.98px) {
	.banner__card__subtitle {
		font-size: 18px;
	}
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
	.banner__card__subtitle {
		font-size: 18px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner__card__subtitle {
		font-size: 18px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner__card__subtitle {
		font-size: 18px;
	}
}

@media only screen and (max-width: 480px) {
	.banner__card__subtitle {
		font-size: 16px;
	}
}

.banner__card__title {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.1;
	color: var(--heading-color);
	text-transform: uppercase;
	font-family: var(--DmSans-font);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner__card__title {
		font-size: 36px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner__card__title {
		font-size: 32px;
	}
}

@media only screen and (max-width: 480px) {
	.banner__card__title {
		font-size: 28px;
	}
}

.banner__card__contents {
	max-width: 214px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.banner__card__thumb {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	max-width: 465px;
	margin-inline: auto;
}

@media (min-width: 1550px) and (max-width: 1699.98px) {
	.banner__card__thumb {
		max-width: 235px;
		margin-inline: auto;
	}
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
	.banner__card__thumb {
		max-width: 190px;
		margin-inline: auto;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner__card__thumb {
		max-width: 200px;
		margin-inline: auto;
	}
}

@media only screen and (max-width: 575.98px) {
	.banner__card__thumb {
		max-width: 200px;
		margin-inline: auto;
	}
}

.banner__wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 24px 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner__wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}
}

.banner__wrap__thumb {
	max-width: 510px;
	position: relative;
}

.banner__wrap__thumb__quality {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	background-color: var(--white);
	border-radius: 30px;
	padding: 5px 20px;
	color: var(--heading-color);
	position: absolute;
	bottom: 200px;
	left: -100px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner__wrap__thumb__quality {
		left: 0;
	}
}

.banner__wrap__thumb__quality span {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: var(--heading-color);
}

.banner__contents {
	max-width: 500px;
	padding: 50px 0 50px 50px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner__contents {
		max-width: unset;
		padding: 50px 0 0px 20px;
	}
}

.banner__contents__subtitle {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	color: var(--heading-color);
	text-transform: uppercase;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner__contents__subtitle {
		font-size: 18px;
	}
}

@media only screen and (max-width: 480px) {
	.banner__contents__subtitle {
		font-size: 16px;
	}
}

.banner__contents__title {
	font-size: 64px;
	font-weight: 700;
	line-height: 1.1;
	color: var(--heading-color);
	font-family: var(--DmSans-font);
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
	.banner__contents__title {
		font-size: 52px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner__contents__title {
		font-size: 52px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner__contents__title {
		font-size: 48px;
	}
}

@media only screen and (max-width: 767.98px) {
	.banner__contents__title {
		font-size: 42px;
	}
}

@media only screen and (max-width: 575.98px) {
	.banner__contents__title {
		font-size: 36px;
	}
}

@media only screen and (max-width: 480px) {
	.banner__contents__title {
		font-size: 32px;
	}
}

.btn_bg_yellow {
	background-color: var(--yellow-color);
}

.btn_bg_black {
	background-color: var(--heading-color);
}

/* Topbar new */
.topBar__bg {
	background-color: #00192b;
}

.topBar {
	padding: 15px 0;
}

.topBar__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.topBar__contact__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px 30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.topBar__contact__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.topBar__contact__item__icon {
	font-size: 18px;
	color: #cecece;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.topBar__contact__item__icon:hover {
	color: var(--main-color-one);
}

.topBar__contact__item__para {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #cecece;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.topBar__contact__item__para:hover {
	color: var(--main-color-one);
}

.topBar__right__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.topBar__right__item__icon {
	font-size: 18px;
	color: #cecece;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.topBar__right__item__icon:hover {
	color: var(--main-color-one);
}

.topBar__right__item__para {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #cecece;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.topBar__right__item__para:hover {
	color: var(--main-color-one);
}

/* Category nav css */
.category__nav {
	-webkit-box-shadow: 0px 10px 30px #f5f5f5;
	box-shadow: 0px 10px 30px #f5f5f5;
	padding: 10px 0;
}

.category__nav__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media only screen and (max-width: 375px) {
	.category__nav__flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.category__nav__logoWrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px 48px;
	-ms-flex-preferred-size: 65%;
	flex-basis: 65%;
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
	.category__nav__logoWrapper {
		-ms-flex-preferred-size: 70%;
		flex-basis: 70%;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.category__nav__logoWrapper {
		-ms-flex-preferred-size: 80%;
		flex-basis: 80%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.category__nav__logoWrapper {
		-ms-flex-preferred-size: 80%;
		flex-basis: 80%;
	}
}

.category__nav__logo {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.category__nav__logo::before {
	content: "";
	position: absolute;
	height: 70%;
	width: 1px;
	background-color: #ddd;
	right: -12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.category__nav__right__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.category__nav__right__content {
		gap: 10px;
	}
}

.category__nav__item__icon {
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border: 1px solid rgba(var(--main-color-one-rgb), 0.3);
	color: var(--main-color-one);
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.category__navWrap {
	-ms-flex-preferred-size: 70%;
	flex-basis: 70%;
}

@media only screen and (max-width: 767.98px) {
	.category__navWrap {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}

.category__navWrap__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	gap: 12px 24px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.category__navWrap__flex {
		gap: 12px 10px;
	}
}

.category__menu {
	position: relative;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

.category__menu__btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: var(--main-color-one);
	cursor: pointer;
	padding: 10px 0;
}

.category__menu__btn i {
	font-size: 24px;
	color: var(--main-color-one);
}

.category__menu__list {
	border: 1px solid #ddd;
	background-color: var(--white);
	position: absolute;
	top: 100%;
	left: 0;
	width: 180px;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.category__menu__list.show {
	visibility: visible;
	opacity: 1;
}

.category__menu__list__item {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	background-color: var(--white);
	padding: 10px 20px;
}

.category__menu__list__item:not(:first-child) {
	border-top: 1px solid #ddd;
}

.category__search__form {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
}

.category__search__form__overlay.show {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 8;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.category__search__form.show .category__search__single {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

.category__search__form__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 48px;
	width: 48px;
	border: 1px solid var(--border-color);
	font-size: 24px;
	color: var(--paragraph-color);
	border-radius: 5px;
	cursor: pointer;
}

@media only screen and (max-width: 767.98px) {
	.category__search__form__icon {
		height: 40px;
		width: 40px;
		font-size: 20px;
		border-radius: 50%;
	}
}

.category__search__single {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.category__search__single {
		position: fixed;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -100%);
		transform: translate(-50%, -100%);
		z-index: 9;
		width: 90vw;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
}

.category__search__single__close {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 48px;
	width: 48px;
	border: 1px solid var(--danger-color);
	font-size: 24px;
	color: var(--danger-color);
	background-color: var(--white);
	border-radius: 5px;
	cursor: pointer;
}

.category__search__single__input {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.category__search__single__input .form--control {
	height: 48px;
	color: var(--main-color-one);
	font-size: 14px;
	border-radius: 5px;
}

.category__search__btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--main-color-one);
	height: 48px;
	border: 1px solid #ddd;
	font-size: 20px;
	padding: 0 15px;
	cursor: pointer;
	background-color: var(--white);
	border-radius: 5px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.category__search__btn:hover {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
}

.from_control,
.from__control,
.form--control {
	height: 55px;
	font-size: 15px;
	border: 1px solid var(--border-color);
	width: 100%;
	padding: 0 15px;
	color: var(--body-color);
}

/* Products card css */
.product__offer {
	position: absolute;
	right: 0px;
	top: 10px;
	background-color: var(--main-color-two);
	padding: 5px 10px;
	border-radius: 3px 0 0 3px;
}

.product__offer.color_main {
	background-color: var(--main-color-one);
}

.product__offer__para {
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	color: var(--white);
	display: block;
}

.product__card {
	position: relative;
}

.product__card__thumb {
	background: var(--gray-two);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 250px;
	overflow: hidden;
}

.product__card__thumb img {
	border-radius: 5px;
	object-fit: contain;
}

.product__card__review {
	background-color: rgba(var(--review-rgb), 0.2);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 20px;
	color: var(--review-color);
}

.product__card__contents__title {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	min-height: 45px;
}

.product__card__cart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.product__card__cart__btn {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	background-color: var(--main-color-one);
	border: 1px solid var(--main-color-one);
	color: var(--white);
	padding: 8px 20px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	max-width: 250px;
}

.product__card__cart__btn:hover {
	background-color: unset;
	color: var(--main-color-one);
}

.product__card__cart__btn.btn__black {
	background-color: var(--heading-color);
	border-color: var(--heading-color);
	color: var(--white);
}

.product__card__cart__btn.btn__black:hover {
	color: var(--heading-color);
	background-color: unset;
}

.product__card__cart__outline {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	background-color: unset;
	border: 1px solid var(--main-color-one);
	color: var(--main-color-one);
	padding: 8px 20px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	max-width: 250px;
}

.product__card__cart__outline:hover {
	background-color: var(--main-color-one);
	border-color: var(--main-color-one);
	color: var(--white);
}

.product__card__cart__outline.color-two {
	border: 1px solid var(--main-color-two);
	color: var(--main-color-two);
}

.product__card__cart__outline.color-two:hover {
	background-color: var(--main-color-two);
	border: 1px solid var(--main-color-two);
	color: var(--white);
}

.product__card__cart__outline.color-three {
	border: 1px solid var(--main-color-three);
	color: var(--main-color-three);
}

.product__card__cart__outline.color-three:hover {
	background-color: var(--main-color-three);
	border: 1px solid var(--main-color-three);
	color: var(--white);
}

.product__card__cart__outline.color-four {
	border: 1px solid var(--main-color-four);
	color: var(--main-color-four);
}

.product__card__cart__outline.color-four:hover {
	background-color: var(--main-color-four);
	border: 1px solid var(--main-color-four);
	color: var(--white);
}

.product__card__cart__outline.color-five {
	border: 1px solid var(--main-color-five);
	color: var(--main-color-five);
}

.product__card__cart__outline.color-five:hover {
	background-color: var(--main-color-five);
	border: 1px solid var(--main-color-five);
	color: var(--white);
}

.product__card__cart__outline.btn__black {
	background-color: unset;
	border-color: var(--heading-color);
	color: var(--heading-color);
}

.product__card__cart__outline.btn__black:hover {
	background-color: var(--heading-color);
	color: var(--white);
	border-color: var(--heading-color);
}

.product__card__cart__btn__icon {
	background-color: unset;
	border: 1px solid var(--main-color-one);
	color: var(--main-color-one);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.product__card__cart__btn__icon:hover {
	background-color: var(--main-color-one);
	color: var(--white);
}

.product__card__cart__btn__icon.color-two {
	border-color: var(--main-color-two);
	color: var(--main-color-two);
}

.product__card__cart__btn__icon.color-two:hover {
	background-color: var(--main-color-two);
	color: var(--white);
}

.product__card__cart__btn__icon.color-three {
	border-color: var(--main-color-three);
	color: var(--main-color-three);
}

.product__card__cart__btn__icon.color-three:hover {
	background-color: var(--main-color-three);
	color: var(--white);
}

.product__card__cart__btn__icon.color-four {
	border-color: var(--main-color-four);
	color: var(--main-color-four);
}

.product__card__cart__btn__icon.color-four:hover {
	background-color: var(--main-color-four);
	color: var(--white);
}

.product__card__cart__btn__icon.color-five {
	border-color: var(--main-color-five);
	color: var(--main-color-five);
}

.product__card__cart__btn__icon.color-five:hover {
	background-color: var(--main-color-five);
	color: var(--white);
}

.product__card__cart__btn__icon.btn__black {
	background-color: unset;
	border-color: var(--heading-color);
	color: var(--heading-color);
}

.product__card__cart__btn__icon.btn__black:hover {
	color: var(--white);
	background-color: var(--heading-color);
	border-color: var(--heading-color);
}

.product__card__cart__right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.product__price {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
}

.product__price__current {
	color: var(--main-color-one);
}

.product__price__current.color-two {
	color: var(--main-color-two);
}

.product__price__current.color-three {
	color: var(--main-color-three);
}

.product__price__current.color-four {
	color: var(--main-color-four);
}

.product__price__current.color-five {
	color: var(--main-color-five);
}

.product__price s,
.product__price__old {
	color: var(--body-color);
	font-weight: 400;
	font-size: 15px;
}

/* Category css start */
.single__category.text-center .single__category__thumb {
	margin-inline: auto;
}

.single__category__thumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 110px;
	width: 110px;
	background-color: var(--gray-two);
	border-radius: 50%;
	overflow: hidden;
}

.single__category__thumb img {
	max-width: 100%;
}

.single__category__thumb img {
	width: 80%;
}

.single__category__title {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: var(--heading-color);
}

.append_category {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
}

.append_category .prev-icon,
.append_category .next-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	background-color: var(--white);
	color: var(--heading-color);
	border: 1px solid var(--border-dark);
	font-size: 18px;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.append_category .prev-icon:hover,
.append_category .next-icon:hover {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
}

.bg__dullPink {
	background-color: #de84a8;
}

.bg__fadedOrange {
	background-color: var(--main-color-two);
}

.bg__darkBlue {
	background-color: #7499c6;
}

.bg__dustyGray {
	background-color: #a39a93;
}

.bg__birdFlower {
	background-color: #e1cc33;
}

.bg__bluishCyan {
	background-color: #1db3e6;
}

.bg__magentaPurple {
	background-color: #cea1da;
}

.bg__magentaPurple {
	background-color: var(--main-color-two);
}

/* Promo css start */
.promo__wrapper {
	-webkit-box-shadow: 0 0 20px var(--box-shadow);
	box-shadow: 0 0 20px var(--box-shadow);
	padding: 50px 24px;
	border-radius: 20px;
}

.promo__item__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px 12px;
}

.promo__item__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 70px;
	width: 70px;
	font-size: 40px;
	border-radius: 50%;
	border: 1px solid var(--main-color-one);
	background-color: rgba(var(--main-color-one-rgb), 0.1);
	color: var(--main-color-one);
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.promo__item__icon svg path {
	stroke: var(--main-color-one);
}

.promo__item__title {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	color: var(--heading-color);
}

.promo__item__para {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: var(--paragraph-color);
}

div[class*="col"]:nth-child(4n + 2) .promo__item__icon {
	border-color: #fd8d14;
	background-color: rgba(253, 141, 20, 0.1);
}

div[class*="col"]:nth-child(4n + 2) .promo__item__icon svg path {
	stroke: #fd8d14;
}

div[class*="col"]:nth-child(4n + 3) .promo__item__icon {
	border-color: #525fe1;
	background-color: rgba(82, 95, 225, 0.1);
}

div[class*="col"]:nth-child(4n + 3) .promo__item__icon svg path {
	stroke: #525fe1;
}

div[class*="col"]:nth-child(4n + 4) .promo__item__icon {
	border-color: #2cd4d9;
	background-color: rgba(44, 212, 217, 0.1);
}

div[class*="col"]:nth-child(4n + 4) .promo__item__icon svg path {
	stroke: #2cd4d9;
}

/* All Product css */
.allProduct__tab ul li {
	border-radius: 5px;
	overflow: hidden;
}

.allProduct__item {
	-webkit-box-shadow: 0 0 20px var(--box-shadow);
	box-shadow: 0 0 20px var(--box-shadow);
	overflow: hidden;
}

.allProduct__item__thumb {
	height: 100px;
	background: #f7f7f7;
}

.allProduct__item__thumb a {
	display: block;
	height: 100%;
	width: 100%;
}

.allProduct__item__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.allProduct__item__contents {
	padding: 0 20px 20px;
}

.allProduct__item__brand {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 70px;
	width: 70px;
	background-color: #f2f4f7;
	border-radius: 50%;
	border: 2px solid var(--white);
	margin-top: -35px;
	position: relative;
	-webkit-box-shadow: 0 0 5px var(--box-shadow);
	box-shadow: 0 0 5px var(--box-shadow);
}

.allProduct__item__title {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: var(--heading-color);
	min-height: 48px;
	word-break: break-all;
}

/* Brand Logo Css */
.brand__item__thumb {
	height: 90px;
	width: 100%;
	vertical-align: middle;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid var(--border-two);
	padding: 10px;
}

.brand__item__thumb img {
	margin-inline: auto;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
}

/* Winter Product Css */
.winter__bg1 {
	background-color: #e0f5ff;
}

.winter__bg2 {
	background-color: #fce6df;
}

.winter__bg3 {
	background-color: rgba(243, 245, 101, 0.2);
}

.winterProduct__contents {
	padding: 75px 0 75px 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.winterProduct__contents {
		padding: 55px 0 55px 50px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.winterProduct__contents {
		padding: 40px 0 40px 30px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.winterProduct__contents {
		padding: 75px 0 75px 30px;
	}
}

@media only screen and (max-width: 767.98px) {
	.winterProduct__contents {
		padding: 35px 0 35px 20px;
	}
}

.winterProduct__title {
	font-size: 64px;
	font-weight: 700;
	line-height: 1.1;
	color: var(--main-color-three);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.winterProduct__title {
		font-size: 54px;
	}
}

.winterProduct__subtitle {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--main-color-three);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.winterProduct__subtitle {
		font-size: 30px;
	}
}

.winterProduct__list__item {
	position: relative;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--main-color-three);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	gap: 5px;
}

.winterProduct__list__item:not(:first-child) {
	margin-top: 10px;
}

.winterProduct__list__item::before {
	content: "\f00c";
	font-family: "Line Awesome Free";
	font-weight: 900;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.winterProduct__moreBtn {
	position: relative;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--main-color-three);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	gap: 5px;
}

.winterProduct__moreBtn::before {
	content: "\f067";
	font-family: "Line Awesome Free";
	font-weight: 900;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.winterProduct__single__thumb {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.winterProduct__single__contents {
	padding: 40px 0;
}

.winterProduct__single__contents__title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.1;
	color: var(--heading-color);
	text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.winterProduct__single__contents__title {
		font-size: 18px;
	}
}

/* Counter Css */
.counter__shadow {
	-webkit-box-shadow: 0px -20px 20px var(--box-shadow);
	box-shadow: 0px -20px 20px var(--box-shadow);
}

.counter__item.text-center .counter__item__icon {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-inline: auto;
}

.counter__item__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	background-color: rgba(var(--main-color-two-rgb), 0.1);
	color: var(--main-color-two);
	border: 1px solid var(--main-color-two);
}

.counter__item__icon svg path {
	stroke: var(--main-color-two);
}

.counter__item__title {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	color: var(--heading-color);
}

.counter__item__para {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: var(--paragraph-color);
}

div[class*="col"]:nth-child(3n + 2) .counter__item__icon {
	background-color: rgba(var(--main-color-three-rgb), 0.1);
	color: var(--main-color-three);
	border: 1px solid var(--main-color-three);
}

div[class*="col"]:nth-child(3n + 2) .counter__item__icon svg path {
	stroke: var(--main-color-three);
}

div[class*="col"]:nth-child(3n + 3) .counter__item__icon {
	background-color: rgba(var(--main-color-one-rgb), 0.1);
	color: var(--main-color-one);
	border: 1px solid var(--main-color-one);
}

div[class*="col"]:nth-child(3n + 3) .counter__item__icon svg path {
	stroke: var(--main-color-one);
}

/*-------------------------
  Section Title
-------------------------*/
.section__title {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
}

.section__title.text-left {
	text-align: left;
}

.section__title.text-center {
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.section__title.white-color {
	color: var(--white);
}

.section__title.white-color .title {
	color: var(--white);
}

.section__title.section_borderBottom {
	border-bottom: 1px solid rgba(221, 221, 221, 0.4);
	padding-bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.section__title.section_borderBottom {
		padding-bottom: 20px;
	}
}

.section__title .title {
	font-size: 28px;
	font-weight: 600;
	line-height: 32px;
	color: var(--heading-color);
	margin: -6px 0 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.section__title .title {
		font-size: 30px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 575.98px) {
	.section__title .title {
		font-size: 25px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.section__title .title {
		font-size: 22px;
		line-height: 28px;
	}
}

.section__title .title-left {
	display: -webkit-box;
}

.viewAll_btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2px;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: var(--main-color-one);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.viewAll_btn:hover {
	color: var(--main-color-one);
	letter-spacing: 1px;
}

.viewAll_btn i {
	font-size: 20px;
}

/*---------------------------------------
  ## Button
---------------------------------------*/
.btn-wrapper {
	display: block;
}

.cmn_btn {
	color: var(--paragraph-color);
	font-size: 16px;
	font-weight: 500;
	font-family: var(--body-font);
	display: inline-block;
	text-align: center;
	cursor: pointer;
	line-height: 20px;
	padding: 12px 30px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

@media only screen and (max-width: 575.98px) {
	.cmn_btn {
		padding: 10px 25px;
		font-size: 15px;
	}
}

@media only screen and (max-width: 375px) {
	.cmn_btn {
		padding: 5px 15px;
		font-size: 14px;
	}
}

.cmn_btn.btn_bg_1 {
	background: var(--main-color-one);
	color: var(--white);
	border: 2px solid var(--main-color-one);
}

.cmn_btn.btn_bg_1:hover {
	background: none;
	color: var(--main-color-one);
}

.cmn_btn.btn_bg_2 {
	background: var(--main-color-two);
	color: var(--white);
	border: 2px solid var(--main-color-two);
}

.cmn_btn.btn_bg_2:hover {
	background: none;
	color: var(--main-color-two);
}

.cmn_btn.btn_bg_3 {
	background: var(--main-color-three);
	color: var(--white);
	border: 2px solid var(--main-color-three);
}

.cmn_btn.btn_bg_3:hover {
	background: none;
	color: var(--main-color-three);
}

.cmn_btn.btn_bg_yellow {
	background: var(--yellow-color);
	color: var(--heading-color);
}

.cmn_btn.btn_bg_yellow:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.cmn_btn.btn_bg_black {
	background: var(--heading-color);
	color: var(--white);
	border: 2px solid var(--heading-color);
}

.cmn_btn.btn_bg_black:hover {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: var(--main-color-one);
}

/*---------------------------------------
  ## Back Top
---------------------------------------*/
.back-to-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 50px;
	height: 50px;
	background-color: var(--main-color-one);
	color: var(--white);
	text-align: center;
	line-height: 50px;
	border-radius: 5px;
	z-index: 99;
	font-size: 25px;
	cursor: pointer;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	display: none;
}

@media only screen and (max-width: 575.98px) {
	.back-to-top {
		height: 40px;
		width: 40px;
		font-size: 22px;
		line-height: 40px;
		bottom: 20px;
		right: 20px;
	}
}

.back-to-top.bg-color-two {
	background: var(--main-color-two);
}

.back-to-top.bg-color-three {
	background: var(--main-color-three);
}

.back-to-top.bg-color-four {
	background: var(--main-color-four);
}

/* Tabs Design */
.tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tabs li {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	cursor: pointer;
	padding: 5px 15px;
	-webkit-transition: 300ms;
	transition: 300ms;
	position: relative;
	color: var(--heading-color);
	background-color: var(--border-color);
	z-index: 0;
}

.tabs li::after,
.tabs li::before {
	content: "";
	position: absolute;
	height: 0%;
	width: 0%;
	left: 0%;
	bottom: 0;
	background-color: var(--main-color-one);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	z-index: -1;
}

.tabs li::before {
	bottom: auto;
	top: 0;
	left: auto;
	right: 0;
	background-color: var(--border-color);
}

.tabs li.active {
	color: var(--white);
}

.tabs li.active::after,
.tabs li.active::before {
	width: 100%;
	height: 100%;
	background-color: var(--main-color-one);
}

.tab_content_item_two,
.tab_content_item {
	display: none;
}

.tab_content_item_two.active,
.tab_content_item.active {
	display: block;
	-webkit-animation: 1s fade-effects;
	animation: 1s fade-effects;
}

@keyframes fade-effects {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

/* Countdown Css */
.global__countdown > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
}

.global__countdown__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 5px;
}

.global__countdown__count {
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
	color: var(--main-color-one);
	background-color: unset;
	padding: 0;
}

.global__countdown__name {
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
	color: var(--main-color-one);
}

/* ==================================================================
  New Home page Style Four
====================================================================*/

.btn-flex,
.btn_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 15px;
}

.btn-wrapper .cmn-btn {
	line-height: 28px;
	position: relative;
}

.btn-wrapper .cmn-btn.btn-bg-5 {
	background: var(--main-color-one);
	color: var(--white);
	border: 2px solid var(--main-color-one);
	z-index: 0;
}

.btn-wrapper .cmn-btn.btn-bg-5::after,
.btn-wrapper .cmn-btn.btn-bg-5::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 0%;
	left: 0;
	top: 0;
	background-color: var(--heading-color);
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.btn-wrapper .cmn-btn.btn-bg-5::before {
	background-color: var(--white);
	left: auto;
	right: 0;
}

.btn-wrapper .cmn-btn.btn-bg-5:hover {
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-5:hover::after,
.btn-wrapper .cmn-btn.btn-bg-5:hover::before {
	visibility: visible;
	opacity: 1;
	width: 100%;
}

.btn-wrapper .cmn-btn.btn-bg-5:hover::before {
	width: 100%;
}

.btn-wrapper .cmn-btn.btn-outline-five,
.btn-wrapper .cmn-btn.btn-outline-5 {
	border: 2px solid var(--main-color-one);
	z-index: 0;
	color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-five.color-five,
.btn-wrapper .cmn-btn.btn-outline-5.color-five {
	color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-five::after,
.btn-wrapper .cmn-btn.btn-outline-five::before,
.btn-wrapper .cmn-btn.btn-outline-5::after,
.btn-wrapper .cmn-btn.btn-outline-5::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 0%;
	left: 0;
	top: 0;
	background-color: var(--main-color-one);
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.2);
	transform: scale(0.2);
}

.btn-wrapper .cmn-btn.btn-outline-five::before,
.btn-wrapper .cmn-btn.btn-outline-5::before {
	background-color: var(--heading-color);
	left: auto;
	right: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.btn-wrapper .cmn-btn.btn-outline-five:hover,
.btn-wrapper .cmn-btn.btn-outline-5:hover {
	color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-five:hover::after,
.btn-wrapper .cmn-btn.btn-outline-five:hover::before,
.btn-wrapper .cmn-btn.btn-outline-5:hover::after,
.btn-wrapper .cmn-btn.btn-outline-5:hover::before {
	visibility: visible;
	opacity: 1;
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.btn-wrapper .cmn-btn.btn-outline-five:hover::before,
.btn-wrapper .cmn-btn.btn-outline-5:hover::before {
	width: 100%;
}

/* Topbar Four */
@media only screen and (max-width: 575px) {
	.topbar-four .topbar-left-contents {
		text-align: center;
	}

	.topbar-four .topbar-left-contents .topbar-social {
		justify-content: center;
	}
}

.topbar-four .topbar-left-contents .call-us {
	font-size: 15px;
	margin: 0;
}

.topbar-four .topbar-left-contents .call-us:hover {
	color: var(--heading-color);
}

.topbar-four .language-content {
	z-index: 980;
}

.topbar-four .language-content .nice-select {
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 15px;
	font-weight: 400;
}

.topbar-four .language-content.country-content .nice-select {
	width: auto;
}

@media only screen and (max-width: 375px) {
	.topbar-four .language-content.country-content .nice-select {
		width: unset;
	}
}

.topbar-four .topbar-select-item:not(:last-child)::after {
	background-color: rgba(var(--white-rgb), 0.8);
	right: -5px;
}

.topbar-four .topbar-right-flex {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media only screen and (max-width: 767.98px) {
	.topbar-four .topbar-right-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media only screen and (max-width: 767.98px) {
	.topbar-four .topbar-right-offer {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.topbar-right-contents .list,
	.topbar-right-offer .list {
		justify-content: center;
	}
}

.topbar-four .topbar-right-offer-item:not(:last-child)::after {
	background-color: rgba(var(--white-rgb), 0.8);
}

.topbar-four .topbar-right-offer-para {
	color: rgba(var(--white-rgb), 0.8);
	font-size: 15px;
}

.topbar-four .topbar-right-offer-para strong {
	color: var(--white);
}

.topbar-four .topbar-right-offer-buy {
	color: var(--white);
	font-size: 15px;
}

.topbar-four .topbar-right-offer-buy:hover {
	color: var(--white);
}

@media only screen and (max-width: 767.98px) {
	.topbar-four .topbar-select-content {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.topbar-select-item {
	position: relative;
}

.topbar-select-item:not(:last-child)::after {
	content: "";
	position: absolute;
	height: 70%;
	width: 2px;
	right: -10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: var(--extra-light-color);
}

.topbar-right-offer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.topbar-right-offer-item {
	position: relative;
	font-family: var(--inter-font);
}

.topbar-right-offer-item:not(:last-child) {
	padding-right: 10px;
	margin-right: 10px;
}

.topbar-right-offer-item:not(:last-child)::after {
	content: "";
	position: absolute;
	height: 70%;
	width: 2px;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: var(--extra-light-color);
}

.topbar-right-offer-para {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	color: var(--paragraph-color);
	font-family: var(--inter-font);
}

.topbar-right-offer-buy {
	font-weight: 500;
	color: var(--heading-color);
	border-bottom: 1px solid;
}

.topbar-right-offer-buy:hover {
	color: var(--main-color-one);
}

/* Topbar Bottom Css */
.topbar-bottom-four {
	padding: 20px 0;
	border-bottom: 1px solid var(--border-color);
}

.topbar-bottom-four .category-searchbar .form--control {
	padding: 0 75px 0 20px;
}

.topbar-bottom-four .right-position-button {
	background-color: var(--main-color-one);
}

.color-two.topbar-bottom-four .right-position-button {
	background-color: var(--main-color-two);
}

.color-three.topbar-bottom-four .right-position-button {
	background-color: var(--main-color-three);
}

.color-four.topbar-bottom-four .right-position-button {
	background-color: var(--main-color-four);
}

.color-five.topbar-bottom-four .right-position-button {
	background-color: var(--main-color-five);
}

.topbar-bottom-four .topbar-bottom-right-flex {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 12px 24px;
}

@media only screen and (max-width: 767.98px) {
	.topbar-bottom-four .topbar-bottom-right-flex {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.topbar-bottom-four .track-icon-list {
	gap: 12px 24px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.topbar-bottom-four .track-icon-list {
		gap: 12px 10px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.topbar-bottom-four .track-icon-list {
		gap: 12px 10px;
	}
}

.topbar-bottom-four .track-icon-single:hover {
	color: var(--main-color-one);
}

.color-two.topbar-bottom-four .track-icon-single:hover {
	color: var(--main-color-two);
}

.color-three.topbar-bottom-four .track-icon-single:hover {
	color: var(--main-color-three);
}

.color-four.topbar-bottom-four .track-icon-single:hover {
	color: var(--main-color-four);
}

.color-five.topbar-bottom-four .track-icon-single:hover {
	color: var(--main-color-five);
}

.topbar-bottom-four .track-icon-single .icon {
	color: var(--main-color-one);
}

.color-two.topbar-bottom-four .track-icon-single .icon {
	color: var(--main-color-two);
}

.color-three.topbar-bottom-four .track-icon-single .icon {
	color: var(--main-color-three);
}

.color-four.topbar-bottom-four .track-icon-single .icon {
	color: var(--main-color-four);
}

.color-five.topbar-bottom-four .track-icon-single .icon {
	color: var(--main-color-five);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.topbar-bottom-four .track-icon-single .icon-title {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.track-icon-list-item .icon-title {
		display: none;
	}
}

.track-icon-single {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 3px;
	font-size: 14px;
	font-weight: 400;
	color: var(--paragraph-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.track-icon-single:hover {
	color: var(--main-color-one);
}

.track-icon-single .icon {
	font-size: 22px;
	color: var(--main-color-one);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.track-icon-single .icon-title {
		display: none;
	}
}

.topbar-bottom-four .topbar-bottom-right-content {
	margin-left: 0;
}

.single-right-content
	.login-account
	.account-list-item.hover-color-five
	.list
	a:hover {
	background: var(--main-color-one);
}

.single-right-content .login-account .account-list-item .list a:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.color-two
	.single-right-content
	.login-account
	.account-list-item
	.list
	a:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.color-three
	.single-right-content
	.login-account
	.account-list-item
	.list
	a:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.color-four
	.single-right-content
	.login-account
	.account-list-item
	.list
	a:hover {
	background: var(--main-color-four);
	color: var(--white);
}

.color-five
	.single-right-content
	.login-account
	.account-list-item
	.list
	a:hover {
	background: var(--main-color-five);
	color: var(--white);
}

.single-right-content .login-account .accounts {
	gap: 5px;
	font-size: 14px;
}

.single-right-content .login-account .accounts i {
	color: var(--main-color-one);
}

.color-two .single-right-content .login-account .accounts i {
	color: var(--main-color-two);
}

.color-three .single-right-content .login-account .accounts i {
	color: var(--main-color-three);
}

.color-four .single-right-content .login-account .accounts i {
	color: var(--main-color-four);
}

.color-five .single-right-content .login-account .accounts i {
	color: var(--main-color-five);
}

.single-right-content .login-account .accounts:hover {
	color: var(--main-color-one);
}

.color-two .single-right-content .login-account .accounts:hover {
	color: var(--main-color-two);
}

.color-three .single-right-content .login-account .accounts:hover {
	color: var(--main-color-three);
}

.color-four .single-right-content .login-account .accounts:hover {
	color: var(--main-color-four);
}

.color-five .single-right-content .login-account .accounts:hover {
	color: var(--main-color-five);
}

.single-right-content .login-account .accounts:hover i {
	color: var(--main-color-one);
}

.color-two .single-right-content .login-account .accounts:hover i {
	color: var(--main-color-two);
}

.color-three .single-right-content .login-account .accounts:hover i {
	color: var(--main-color-three);
}

.color-four .single-right-content .login-account .accounts:hover i {
	color: var(--main-color-four);
}

.color-five .single-right-content .login-account .accounts:hover i {
	color: var(--main-color-five);
}

.single-right-content .track-icon-list {
	gap: 20px 12px;
	margin: 0;
}

.single-right-content .track-icon-list .track-icon-single:hover {
	color: var(--main-color-one);
}

.single-right-content .track-icon-list .track-icon-single:hover .icon {
	color: var(--main-color-one);
}

.single-right-content .track-icon-list .single-icon {
	margin: 0;
	color: var(--paragraph-color);
}

.single-right-content .track-icon-list .single-icon:hover {
	color: var(--main-color-one);
}

.single-right-content .track-icon-list .single-icon .icon {
	font-size: 22px;
}

.single-right-content .track-icon-list .single-icon .icon-notification {
	top: -10px;
	right: auto;
	left: 0;
	background-color: var(--main-color-one);
	font-size: 12px;
}

.color-two
	.single-right-content
	.track-icon-list
	.single-icon
	.icon-notification {
	background-color: var(--main-color-two);
}

.color-three
	.single-right-content
	.track-icon-list
	.single-icon
	.icon-notification {
	background-color: var(--main-color-three);
}

.color-four
	.single-right-content
	.track-icon-list
	.single-icon
	.icon-notification {
	background-color: var(--main-color-four);
}

.color-five
	.single-right-content
	.track-icon-list
	.single-icon
	.icon-notification {
	background-color: var(--main-color-five);
}

/* navbar css */
.navbar-area.nav-five .navbar-collapse .navbar-nav li a {
	padding: 10px 12px;
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-one);
}

.navbar-area.nav-five.color-two .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-two);
}

.navbar-area.nav-five.color-three .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-three);
}

.navbar-area.nav-five.color-four .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-four);
}

.navbar-area.nav-five.color-five .navbar-collapse .navbar-nav li a:hover {
	color: var(--main-color-five);
}

.navbar-area.nav-five
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	> a {
	padding: 10px 12px;
}

.navbar-area.nav-five
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu {
	border-color: var(--fmain-color-five);
}

.navbar-area.nav-five
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a {
	padding: 10px 12px;
}

.navbar-area.nav-five
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-one);
}

.navbar-area.nav-five.color-two
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-two);
}

.navbar-area.nav-five.color-three
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-three);
}

.navbar-area.nav-five.color-four
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-four);
}

.navbar-area.nav-five.color-five
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	li
	a:hover {
	background-color: var(--main-color-five);
}

.navbar-area.nav-five
	.navbar-collapse
	.navbar-nav
	li.menu-item-has-children
	.sub-menu
	.menu-item-has-children:hover
	> .sub-menu
	li:hover:before {
	color: var(--white);
}

.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn {
	background-color: var(--main-color-one);
	border: 2px solid var(--main-color-one);
}

.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn:hover {
	background: none;
	color: var(--main-color-one);
}

.color-two.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn {
	background-color: var(--main-color-two);
	border: 2px solid var(--main-color-two);
}

.color-two.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn:hover {
	color: var(--main-color-two);
	background: none;
}

.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
	color: var(--main-color-one);
	border: 2px solid var(--main-color-one);
	background-color: transparent;
}

.navbar-area.nav-five
	.cart-shopping
	.btn-wrapper
	.cart-btn.cart-btn-outline:hover {
	color: var(--white);
	background-color: var(--main-color-one);
}

.color-two.navbar-area.nav-five
	.cart-shopping
	.btn-wrapper
	.cart-btn.cart-btn-outline {
	color: var(--main-color-two);
	border: 2px solid var(--main-color-two);
	background-color: transparent;
}

.color-two.navbar-area.nav-five
	.cart-shopping
	.btn-wrapper
	.cart-btn.cart-btn-outline:hover {
	color: var(--white);
	background-color: var(--main-color-two);
}

.navbar-area.nav-five .navbar-inner-all {
	width: 100%;
}

.nav-category {
	border-right: 1px solid var(--paragraph-color);
	padding-right: 15px;
	cursor: pointer;
	display: inline-block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.nav-category {
		border: 1px solid var(--border-color);
		padding: 5px;
		margin: 10px 0 10px;
	}

	.navbar-inner-all--left {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.nav-five.navbar-area .nav-container .responsive-mobile-menu {
		min-height: 40px;
	}

	.responsive-mobile-menu .logo-wrapper img {
		max-width: 170px;
	}
}

@media only screen and (max-width: 480px) {
	.navbar-inner-all--left {
		flex-wrap: wrap;
	}
}

.nav-category .nav-category-bars {
	font-size: 16px;
	color: var(--heading-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
}

.nav-category .nav-category-bars i {
	font-size: 22px;
}

.categoryNav_overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background-color: rgba(var(--black-rgb), 0.7);
	z-index: 991;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.categoryNav_overlay.show {
	visibility: visible;
	opacity: 1;
}

.categoryNav {
	position: fixed;
	height: 100vh;
	background-color: var(--white);
	padding: 20px;
	z-index: 992;
	top: 0;
	left: 0;
	width: 300px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.categoryNav.show {
	visibility: visible;
	opacity: 1;
	left: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.categoryNav__close {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	background-color: #f0f0f0;
	color: red;
	font-size: 18px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.categoryNav__close:hover {
	background-color: red;
	color: var(--white);
}

.categoryNav__title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--heading-color);
}

.categoryNav__inner {
	position: relative;
}

.categoryNav__inner::-webkit-scrollbar {
	background-color: #ececec;
	width: 5px;
}

.categoryNav__inner::-webkit-scrollbar-thumb {
	background-color: #bdbdbd;
}

.categoryNav__list {
	background-color: #fbfbfb;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.categoryNav__list.menu_visible {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.categoryNav__list.translate-left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.categoryNav__list.translate-right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.categoryNav__list li:not(:last-child) > a {
	border-bottom: 1px solid var(--border-color-2);
}

.categoryNav__list li.has_children a::after {
	content: "\f105";
	font-family: "Line Awesome Free";
	font-weight: 900;
}

.categoryNav__list li a {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--paragraph-color);
	padding: 10px 20px;
	display: block;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.categoryNav__list li a:hover {
	background-color: rgba(var(--main-color-one-rgb), 0.1);
}
.categoryNav__list li .mega-menu-main li a {
	padding: 10px 0px;
}

.categoryNav__list .cate-list {
	padding: 0;
	border: 0;
}

.categoryNav__list .cate-list.menu-item-has-children::after {
	top: 8px;
}

.categoryNav__list .cate-list.show > a {
	background-color: rgba(var(--main-color-one-rgb), 0.1);
}

/* .categoryNav__list .cate-list.menu-item-has-children.show::after {
  content: "\f107";
} */

/* .categoryNav__list .cate-list .category-megamenu {
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
} */

/* .categoryNav__list .cate-list.show .category-megamenu {
  position: initial;
  visibility: visible;
  opacity: 1;
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: fit-content;
  padding: 10px;
  height: 100%;
} */
.categoryNav__list .cate-list.show .category-megamenu {
	top: 0;
	visibility: visible;
	opacity: 1;
}

@media screen and (max-width: 991.98px) {
	.categoryNav__list .cate-list.show .category-megamenu {
		height: 100%;
	}
}

.categoryNav__list li a.back_mainMenu {
	background-color: var(--heading-color);
	color: var(--white);
}

.categoryNav__list li a.back_mainMenu:hover {
	background-color: var(--heading-color);
	color: var(--white);
}

/* Banner Four */
.dot-style-one.dot-color-five .slick-dots li.slick-active {
	background: var(--main-color-one);
}

.banner-four {
	padding: 50px 0;
}

.banner-four .banner-wrapper {
	position: relative;
	padding-top: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-four .banner-wrapper {
		padding-top: 100px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-four .banner-wrapper {
		padding-top: 100px;
	}
}

.banner-four .banner-wrapper-offer {
	position: absolute;
	right: 0;
	top: 0;
}

.banner-four .banner-wrapper-offer-shape {
	position: absolute;
	left: -30%;
	bottom: -25%;
	z-index: -1;
}

.banner-wrapper-thumb {
	max-height: 550px;
}

.banner-four .middle-content .banner-middle-title {
	font-size: 72px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--heading-color);
	font-family: var(--inter-font);
	-webkit-line-clamp: unset;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.banner-four .middle-content .banner-middle-title {
		font-size: 64px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-four .middle-content .banner-middle-title {
		font-size: 54px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-four .middle-content .banner-middle-title {
		font-size: 48px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.banner-four .middle-content .banner-middle-title {
		font-size: 54px;
	}
}

@media only screen and (max-width: 575.98px) {
	.banner-four .middle-content .banner-middle-title {
		font-size: 42px;
	}
}

@media only screen and (max-width: 480px) {
	.banner-four .middle-content .banner-middle-title {
		font-size: 36px;
	}
}

@media only screen and (max-width: 375px) {
	.banner-four .middle-content .banner-middle-title {
		font-size: 32px;
	}
}

.banner-four .middle-content .middle-para {
	font-size: 16px;
	font-weight: 400;
	color: var(--paragraph-color);
	line-height: 28px;
	max-width: 560px;
	font-family: var(--inter-font);
}

.banner-four .middle-content .middle-price {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--heading-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: var(--inter-font);
	gap: 5px;
}

.banner-four .middle-content .middle-price s {
	color: var(--paragraph-color);
	font-size: 20px;
	font-weight: 400;
}

.banner-four .banner-wrapper-offer-inner {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--heading-color);
	border-radius: 50%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 160px;
	width: 160px;
	color: var(--white);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-four .banner-wrapper-offer-inner {
		height: 130px;
		width: 130px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-four .banner-wrapper-offer-inner {
		height: 130px;
		width: 130px;
	}
}

.banner-four .banner-wrapper-offer-inner .parcent {
	font-size: 48px;
	line-height: 1.2;
	font-weight: 700;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-four .banner-wrapper-offer-inner .parcent {
		font-size: 42px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-four .banner-wrapper-offer-inner .parcent {
		font-size: 42px;
	}
}

.banner-four .banner-wrapper-offer-inner .off {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.banner-four .banner-wrapper-offer-inner .off {
		font-size: 28px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-four .banner-wrapper-offer-inner .off {
		font-size: 28px;
	}
}

/* Category */
.browseAl {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: var(--heading-color);
	text-decoration: underline;
	transition: all 0.3s;
}

.browseAl:hover {
	color: var(--main-color-one);
}

.category_wrapper__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 24px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.category_wrapper__item {
	width: calc(12.5% - 21px);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.category_wrapper__item {
		width: calc(16.6666666667% - 20px);
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.category_wrapper__item {
		width: calc(20% - 19.2px);
	}
}

@media only screen and (max-width: 767.98px) {
	.category_wrapper__item {
		width: calc(25% - 18px);
	}
}

@media only screen and (max-width: 575.98px) {
	.category_wrapper__item {
		width: calc(33.3333333333% - 16px);
	}
}

@media only screen and (max-width: 375px) {
	.category_wrapper__item {
		width: calc(50% - 12px);
	}
}

.signle_category__thumb img {
	border-radius: 50%;
}

.signle_category__title {
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	color: var(--heading-color);
}

@media screen and (max-width: 991.98px) and (min-width: 576px) {
	.signle_category__title {
		font-size: 16px;
	}
}

/* Flash Sale */
.flashSale_countdown {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flashSale_countdown__para {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: var(--main-color-one);
}

.loopCounter_global {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 24px;
}

.desktop-center .loopCounter_global,
.center-text .loopCounter_global,
.text-center .loopCounter_global {
	justify-content: center;
}

@media only screen and (max-width: 375px) {
	.loopCounter_global {
		gap: 20px;
	}
}
.global__countdown__item,
.loopCounter_global__item {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: var(--main-color-one);
	position: relative;
	border: 1px solid var(--main-color-one);
	padding: 5px 10px;
	border-radius: 3px;
}

.loopCounter_global__item:not(:last-child)::after {
	content: ":";
	position: absolute;
	right: -14px;
	color: var(--main-color-one);
	font-weight: 500;
	font-size: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media only screen and (max-width: 375px) {
	.loopCounter_global__item:not(:last-child)::after {
		right: -12px;
	}
}

.loopCounter_global .counter-days,
.loopCounter_global .counter-hours,
.loopCounter_global .counter-minutes,
.loopCounter_global .counter-seconds {
	line-height: 22px;
}

/* Flash Sale Css */
.product_card {
	border: 1px solid var(--border-color);
	overflow: hidden;
	height: 100%;
}

.product_card:hover .product_card__thumb__icons {
	visibility: visible;
	opacity: 1;
}

.product_card:hover .product_card__thumb__icons .lists .icon {
	right: 0px;
}

.product_card__thumb {
	position: relative;
	height: 190px;
	background: #f7f7f7;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.product_card__thumb__bgImg {
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	height: 194px;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product_card__thumb__bgImg img {
	max-width: 100%;
	max-height: 100%;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.product_card__thumb__bgImg {
		height: 165px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.product_card__thumb__bgImg {
		height: 214px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.product_card__thumb__bgImg {
		height: 214px;
	}
}

@media only screen and (max-width: 767.98px) {
	.product_card__thumb__bgImg {
		height: 244px;
	}
}

@media only screen and (max-width: 575.98px) {
	.product_card__thumb__bgImg {
		height: 218px;
		background-size: cover;
	}
}

@media only screen and (max-width: 375px) {
	.product_card__thumb__bgImg {
		height: 280px;
	}
}

.product_card__thumb img {
	width: 100%;
}

.product_card__thumb__percent {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
	display: block;
}

.product_card__thumb__percent.right-side {
	left: auto;
	right: 10px;
}

.product_card__thumb__percent .percent-box {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 15px;
	background-color: var(--white);
	color: var(--heading-color);
	border: 1px solid var(--border-color);
}

.product_card__thumb__percent .percent-box:not(:last-child) {
	margin-bottom: 10px;
}

.product_card__thumb__percent .percent-box.bg-delete {
	background-color: var(--delete-color);
	color: var(--white);
	border-color: var(--delete-color);
}

.product_card__thumb__percent .percent-box.bg-topSale {
	background-color: var(--section-bg);
	color: var(--heading-color);
	border-color: var(--section-bg);
}

.product_card__thumb__percent .percent-box.bg-stock {
	background-color: var(--stock-color);
	color: var(--white);
	border-color: var(--stock-color);
}

.product_card__thumb__percent .percent-box.bg-1 {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-2 {
	background-color: var(--main-color-two);
	color: var(--white);
	border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-3 {
	background-color: var(--main-color-three);
	color: var(--white);
	border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-4 {
	background-color: var(--main-color-four);
	color: var(--white);
	border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-5 {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: inherit;
}

.product_card__thumb__icons {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.product_card__thumb__icons.hover-color-one .lists .icon:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.product_card__thumb__icons.hover-color-two .lists .icon:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.product_card__thumb__icons.hover-color-three .lists .icon:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.product_card__thumb__icons.hover-color-four .lists .icon:hover {
	background: var(--main-color-four);
	color: var(--white);
}

.product_card__thumb__icons.hover-color-five .lists .icon:hover {
	background: var(--main-color-five);
	color: var(--white);
}

.product_card__thumb__icons .lists:not(:last-child) {
	margin-bottom: 5px;
}

.product_card__thumb__icons .lists:nth-child(2n + 1) .icon {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n + 2) .icon {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n + 3) .icon {
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n + 4) .icon {
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n + 5) .icon {
	-webkit-transition: all 1s;
	transition: all 1s;
	right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n + 6) .icon {
	-webkit-transition: all 1.2s;
	transition: all 1.2s;
	right: -50px;
}

.product_card__thumb__icons .lists .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	background: var(--white);
	color: var(--paragraph-color);
	font-size: 16px;
	border: 1px solid var(--border-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.product_card__thumb__icons .lists .icon:hover {
	background: var(--main-color-one);
	color: var(--white);
	border-color: inherit;
}

.product_card__contents {
	padding: 12px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.product_card__title {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: var(--heading-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.product_card__title:hover {
	color: var(--main-color-one);
}

.product_card__price {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--heading-color);
}

.product_card__price s {
	font-size: 16px;
	font-weight: 400;
	color: var(--extra-light-color);
}

/* updatedOffer Css */
.updatedOffer__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px 5px;
}

@media only screen and (max-width: 375px) {
	.updatedOffer__flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.updatedOffer__contents {
	padding: 20px 0 20px 20px;
}

.updatedOffer__subtitle {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--paragraph-color);
}

.updatedOffer__title {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.1;
	color: var(--heading-color);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	.updatedOffer__title {
		font-size: 42px;
	}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.updatedOffer__title {
		font-size: 36px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.updatedOffer__title {
		font-size: 36px;
	}
}

.updatedOffer__para {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--paragraph-color);
}

.updatedOffer__thumb {
	max-width: 170px;
}

/* Popular Product Css */
.popularProduct {
	border: 1px solid var(--border-color);
	overflow: hidden;
	padding: 15px;
}

.popularProduct:hover .popularProduct__thumb__icons {
	visibility: visible;
	opacity: 1;
}

.popularProduct:hover .popularProduct__thumb__icons .lists .icon {
	right: 0px;
}

.popularProduct__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.popularProduct__flex {
		gap: 15px;
	}
}

@media only screen and (max-width: 480px) {
	.popularProduct__flex {
		gap: 10px;
	}
}

@media only screen and (max-width: 375px) {
	.popularProduct__flex {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
}

.popularProduct__thumb {
	position: relative;
	max-width: 175px;
	overflow: hidden;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f7f7f7;
	height: 175px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.popularProduct__thumb {
		max-width: 150px;
	}
}

@media only screen and (max-width: 375px) {
	.popularProduct__thumb {
		max-width: 120px;
	}
}

.popularProduct__thumb__percent {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
	display: block;
}

.popularProduct__thumb__percent.right-side {
	left: auto;
	right: 10px;
}

.popularProduct__thumb__percent .percent-box {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 15px;
	background-color: var(--white);
	color: var(--heading-color);
	border: 1px solid var(--border-color);
}

.popularProduct__thumb__percent .percent-box:not(:last-child) {
	margin-bottom: 10px;
}

.popularProduct__thumb__percent .percent-box.bg-delete {
	background-color: var(--delete-color);
	color: var(--white);
	border-color: var(--delete-color);
}

.popularProduct__thumb__percent .percent-box.bg-topSale {
	background-color: var(--section-bg);
	color: var(--heading-color);
	border-color: var(--section-bg);
}

.popularProduct__thumb__percent .percent-box.bg-stock {
	background-color: var(--stock-color);
	color: var(--white);
	border-color: var(--stock-color);
}

.popularProduct__thumb__percent .percent-box.bg-1 {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-2 {
	background-color: var(--main-color-two);
	color: var(--white);
	border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-3 {
	background-color: var(--main-color-three);
	color: var(--white);
	border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-4 {
	background-color: var(--main-color-four);
	color: var(--white);
	border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-5 {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: inherit;
}

.popularProduct__thumb__icons {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.popularProduct__thumb__icons.hover-color-one .lists .icon:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.popularProduct__thumb__icons.hover-color-two .lists .icon:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.popularProduct__thumb__icons.hover-color-three .lists .icon:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.popularProduct__thumb__icons.hover-color-four .lists .icon:hover {
	background: var(--main-color-four);
	color: var(--white);
}

.popularProduct__thumb__icons.hover-color-five .lists .icon:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.popularProduct__thumb__icons .lists:not(:last-child) {
	margin-bottom: 5px;
}

.popularProduct__thumb__icons .lists:nth-child(2n + 1) .icon {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n + 2) .icon {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n + 3) .icon {
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n + 4) .icon {
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n + 5) .icon {
	-webkit-transition: all 1s;
	transition: all 1s;
	right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n + 6) .icon {
	-webkit-transition: all 1.2s;
	transition: all 1.2s;
	right: -50px;
}

.popularProduct__thumb__icons .lists .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	background: var(--white);
	color: var(--paragraph-color);
	font-size: 16px;
	border: 1px solid var(--border-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.popularProduct__thumb__icons .lists .icon:hover {
	background: var(--main-color-one);
	color: var(--white);
	border-color: inherit;
}

.popularProduct__contents {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.popularProduct__title {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	color: var(--heading-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media screen and (max-width: 1399.98px) and (min-width: 1200px) {
	.popularProduct__title {
		font-size: 16px;
	}
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
	.popularProduct__title {
		font-size: 16px;
	}
}

.popularProduct__title:hover {
	color: var(--main-color-one);
}

@media only screen and (max-width: 375px) {
	.popularProduct__title {
		font-size: 16px;
		line-height: 20px;
	}
}

.popularProduct__price {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--heading-color);
}

.popularProduct__price s {
	font-size: 16px;
	font-weight: 400;
	color: var(--extra-light-color);
}

.popularProduct__cartBtn {
	display: inline-block;
	padding: 7px 15px;
	background-color: var(--main-color-one);
	color: var(--white);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	position: relative;
	z-index: 0;
}

.popularProduct__cartBtn::after,
.popularProduct__cartBtn::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 0%;
	left: 0;
	top: 0;
	background-color: var(--heading-color);
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.popularProduct__cartBtn::before {
	background-color: var(--white);
	left: auto;
	right: 0;
}

.popularProduct__cartBtn:hover {
	color: var(--white);
}

.popularProduct__cartBtn:hover::after,
.popularProduct__cartBtn:hover::before {
	visibility: visible;
	opacity: 1;
	width: 100%;
}

.popularProduct__cartBtn:hover::before {
	width: 100%;
}

.popularProduct__cartBtn.btn-bg-2 {
	background-color: var(--main-color-two);
}

.popularProduct__cartBtn.btn-bg-3 {
	background-color: var(--main-color-three);
}

.popularProduct__cartBtn.btn-bg-4 {
	background-color: var(--main-color-four);
}

.popularProduct__cartBtn.btn-bg-5 {
	background-color: var(--main-color-one);
}

.popularProduct__cartBtn.btn-outline-5 {
	background-color: unset;
}

/* Choose Brand Css */
.chooseBrand {
	border: 1px solid var(--border-color);
	padding: 15px;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.chooseBrand__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
}

.chooseBrand__icon {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #f7f7f7;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chooseBrand__icon img {
	border-radius: 50%;
	max-width: 45px;
}

.chooseBrand__contents {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.chooseBrand__title {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--heading-color);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.chooseBrand__title {
		font-size: 16px;
	}
}

@media only screen and (max-width: 767.98px) {
	.chooseBrand__title {
		font-size: 16px;
	}
}

.chooseBrand__para {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: var(--paragraph-color);
}

/* Top Selling Procuct */
.product_card.without_border {
	border: 0;
	padding: 0;
}

.product_card.without_border .product_card__contents {
	padding: 15px 0 0;
}

/* Offer Campaign css */
.offerCampaign__wrapper {
	background-color: var(--main-color-one);
	padding: 30px;
}

@media only screen and (max-width: 575.98px) {
	.offerCampaign__wrapper {
		padding: 20px;
	}
}

.offerCampaign__title {
	font-size: 60px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--white);
	font-family: var(--inter-font);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.offerCampaign__title {
		font-size: 54px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.offerCampaign__title {
		font-size: 42px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.offerCampaign__title {
		font-size: 48px;
	}
}

@media only screen and (max-width: 575.98px) {
	.offerCampaign__title {
		font-size: 36px;
	}
}

@media only screen and (max-width: 480px) {
	.offerCampaign__title {
		font-size: 32px;
	}
}

.offerCampaign__countdown .loopCounter_global__item {
	display: -ms-grid;
	display: grid;
	background-color: unset;
	text-align: center;
	gap: 10px;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
}

@media only screen and (max-width: 375px) {
	.offerCampaign__countdown .loopCounter_global__item {
		font-size: 14px;
	}
}

.offerCampaign__countdown .loopCounter_global__item::after {
	display: none;
}

.offerCampaign__countdown
	.loopCounter_global__item:not(:last-child)
	.counter-days::after,
.offerCampaign__countdown
	.loopCounter_global__item:not(:last-child)
	.counter-hours::after,
.offerCampaign__countdown
	.loopCounter_global__item:not(:last-child)
	.counter-minutes::after,
.offerCampaign__countdown
	.loopCounter_global__item:not(:last-child)
	.counter-seconds::after {
	content: ":";
	position: absolute;
	right: -14px;
	color: var(--white);
	font-weight: 500;
	font-size: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.offerCampaign__countdown .loopCounter_global__item .counter-days,
.offerCampaign__countdown .loopCounter_global__item .counter-hours,
.offerCampaign__countdown .loopCounter_global__item .counter-minutes,
.offerCampaign__countdown .loopCounter_global__item .counter-seconds {
	background-color: var(--white);
	color: var(--main-color-one);
	padding: 5px 10px;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 600;
	position: relative;
}

@media only screen and (max-width: 375px) {
	.offerCampaign__countdown .loopCounter_global__item .counter-days,
	.offerCampaign__countdown .loopCounter_global__item .counter-hours,
	.offerCampaign__countdown .loopCounter_global__item .counter-minutes,
	.offerCampaign__countdown .loopCounter_global__item .counter-seconds {
		font-size: 20px;
	}
}

.offerCampaign__btn {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--main-color-one);
	background-color: var(--section-bg);
	padding: 10px 20px;
	display: inline-block;
	position: relative;
	z-index: 0;
}

.offerCampaign__btn::after,
.offerCampaign__btn::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 0%;
	left: 0;
	top: 0;
	background-color: var(--heading-color);
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.offerCampaign__btn::before {
	background-color: var(--white);
	left: auto;
	right: 0;
}

.offerCampaign__btn:hover {
	color: var(--white);
}

.offerCampaign__btn:hover::after,
.offerCampaign__btn:hover::before {
	visibility: visible;
	opacity: 1;
	width: 100%;
}

.offerCampaign__btn:hover::before {
	width: 100%;
}

.offerCampaign__salesWrapper {
	position: relative;
	padding-top: 50px;
}

@media only screen and (max-width: 767.98px) {
	.offerCampaign__salesWrapper {
		padding-top: 100px;
	}
}

.offerCampaign__salesWrapper__offer {
	position: absolute;
	right: 30px;
	top: 0px;
	z-index: 1;
}

.offerCampaign__salesWrapper__offer__shape {
	position: absolute;
	left: -130px;
	bottom: 0;
	z-index: -1;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.offerCampaign__salesWrapper__offer__shape {
		left: -110px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.offerCampaign__salesWrapper__offer__shape {
		left: -100px;
	}
}

@media only screen and (max-width: 480px) {
	.offerCampaign__salesWrapper__offer__shape {
		display: none;
	}
}

.offerCampaign__salesWrapper__offer__inner {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--section-bg);
	border-radius: 50%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 160px;
	width: 160px;
	color: var(--main-color-one);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.offerCampaign__salesWrapper__offer__inner {
		height: 130px;
		width: 130px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.offerCampaign__salesWrapper__offer__inner {
		height: 130px;
		width: 130px;
	}
}

@media only screen and (max-width: 575.98px) {
	.offerCampaign__salesWrapper__offer__inner {
		height: 130px;
		width: 130px;
	}
}

.offerCampaign__salesWrapper__offer .parcent {
	font-size: 48px;
	line-height: 1.2;
	font-weight: 700;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.offerCampaign__salesWrapper__offer .parcent {
		font-size: 42px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.offerCampaign__salesWrapper__offer .parcent {
		font-size: 42px;
	}
}

@media only screen and (max-width: 575.98px) {
	.offerCampaign__salesWrapper__offer .parcent {
		font-size: 42px;
	}
}

.offerCampaign__salesWrapper__offer .off {
	font-size: 32px;
	line-height: 1.2;
	font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.offerCampaign__salesWrapper__offer .off {
		font-size: 28px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.offerCampaign__salesWrapper__offer .off {
		font-size: 28px;
	}
}

@media only screen and (max-width: 575.98px) {
	.offerCampaign__salesWrapper__offer .off {
		font-size: 28px;
	}
}

.offerCampaign__salesWrapper__thumb {
	display: inline-block;
	border-radius: 50%;
	position: relative;
	z-index: 0;
	max-width: 300px;
	height: 300px;
	background-color: var(--section-bg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media only screen and (max-width: 375px) {
	.offerCampaign__salesWrapper__thumb {
		max-width: 250px;
		height: 250px;
	}
}

/* Best Selling Shop css */
.bestSelling_shop {
	border: 1px solid var(--border-color);
	overflow: hidden;
	height: 100%;
}

.bestSelling_shop:hover .bestSelling_shop__thumb__icons {
	visibility: visible;
	opacity: 1;
}

.bestSelling_shop:hover .bestSelling_shop__thumb__icons .lists .icon {
	right: 0px;
}

.bestSelling_shop__thumb {
	position: relative;
	background-color: #f7f7f7;
}

.bestSelling_shop__thumb__bgImg {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100px;
	display: block;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.bestSelling_shop__thumb__bgImg {
		height: 165px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.bestSelling_shop__thumb__bgImg {
		height: 214px;
	}
}

@media (min-width: 300px) and (max-width: 991.98px) {
	.bestSelling_shop__thumb__bgImg {
		height: 214px;
	}
}

@media only screen and (max-width: 767.98px) {
	.bestSelling_shop__thumb__bgImg {
		height: 244px;
	}
}

@media only screen and (max-width: 575.98px) {
	.bestSelling_shop__thumb__bgImg {
		height: 218px;
		background-size: cover;
	}
}

@media only screen and (max-width: 375px) {
	.bestSelling_shop__thumb__bgImg {
		height: 280px;
	}
}

.bestSelling_shop__thumb img {
	width: 100%;
}

.bestSelling_shop__thumb__percent {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
	display: block;
}

.bestSelling_shop__thumb__percent.right-side {
	left: auto;
	right: 10px;
}

.bestSelling_shop__thumb__percent .percent-box {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 15px;
	background-color: var(--white);
	color: var(--heading-color);
	border: 1px solid var(--border-color);
}

.bestSelling_shop__thumb__percent .percent-box:not(:last-child) {
	margin-bottom: 10px;
}

.bestSelling_shop__thumb__percent .percent-box.bg-delete {
	background-color: var(--delete-color);
	color: var(--white);
	border-color: var(--delete-color);
}

.bestSelling_shop__thumb__percent .percent-box.bg-topSale {
	background-color: var(--section-bg);
	color: var(--heading-color);
	border-color: var(--section-bg);
}

.bestSelling_shop__thumb__percent .percent-box.bg-stock {
	background-color: var(--stock-color);
	color: var(--white);
	border-color: var(--stock-color);
}

.bestSelling_shop__thumb__percent .percent-box.bg-1 {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-2 {
	background-color: var(--main-color-two);
	color: var(--white);
	border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-3 {
	background-color: var(--main-color-three);
	color: var(--white);
	border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-4 {
	background-color: var(--main-color-four);
	color: var(--white);
	border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-5 {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: inherit;
}

.bestSelling_shop__thumb__icons {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.bestSelling_shop__thumb__icons.hover-color-one .lists .icon:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-two .lists .icon:hover {
	background: var(--main-color-two);
	color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-three .lists .icon:hover {
	background: var(--main-color-three);
	color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-four .lists .icon:hover {
	background: var(--main-color-four);
	color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-five .lists .icon:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.bestSelling_shop__thumb__icons .lists:not(:last-child) {
	margin-bottom: 5px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n + 1) .icon {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n + 2) .icon {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n + 3) .icon {
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n + 4) .icon {
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n + 5) .icon {
	-webkit-transition: all 1s;
	transition: all 1s;
	right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n + 6) .icon {
	-webkit-transition: all 1.2s;
	transition: all 1.2s;
	right: -50px;
}

.bestSelling_shop__thumb__icons .lists .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	background: var(--white);
	color: var(--paragraph-color);
	font-size: 16px;
	border: 1px solid var(--border-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.bestSelling_shop__thumb__icons .lists .icon:hover {
	background: var(--main-color-one);
	color: var(--white);
	border-color: inherit;
}

.bestSelling_shop__contents {
	padding: 12px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.bestSelling_shop__brand {
	margin-top: -35px;
	max-width: 45px;
	height: 45px;
	position: relative;
	z-index: 5;
	margin-left: auto;
}

.bestSelling_shop__brand img {
	border-radius: 50%;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.bestSelling_shop__title {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: var(--heading-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.bestSelling_shop__title:hover {
	color: var(--main-color-one);
}

.bestSelling_shop__btn {
	display: inline-block;
	font-size: 14px;
	list-style: 1.1;
	font-weight: 400;
	color: var(--main-color-two);
	border-bottom: 1px solid var(--main-color-two);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.bestSelling_shop__btn:hover {
	letter-spacing: 1px;
	color: var(--main-color-one);
	border-color: inherit;
}

/* Mobile App */
.mobileApp__bgShape {
	position: relative;
	display: inline-block;
	padding-top: 50px;
}

.mobileApp__bgShape::before,
.mobileApp__bgShape::after {
	content: "";
	position: absolute;
	height: calc(100% - 50px);
	width: calc(100% - 50px);
	left: -20px;
	top: 0px;
	background-color: var(--main-color-two);
	/* IE 9 */
	-webkit-transform: rotate(-5deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-5deg);
	border-radius: 20px;
	z-index: -1;
}

.mobileApp__bgShape::after {
	background-color: var(--main-color-one);
	/* IE 9 */
	-webkit-transform: rotate(5deg);
	/* Chrome, Safari, Opera */
	transform: rotate(5deg);
	left: auto;
	right: -20px;
	top: 20px;
}

.mobileApp__thumb {
	height: 550px;
}

.mobileApp__thumb img {
	height: 100%;
	border-radius: 30px;
}

.mobileApp__title {
	font-size: 42px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--heading-color);
	font-family: var(--inter-font);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.mobileApp__title {
		font-size: 36px;
	}
}

@media only screen and (max-width: 767.98px) {
	.mobileApp__title {
		font-size: 36px;
	}
}

@media only screen and (max-width: 480px) {
	.mobileApp__title {
		font-size: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.mobileApp__title {
		font-size: 28px;
	}
}

.mobileApp__para {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: var(--paragraph-color);
	-webkit-line-clamp: 5;
	font-family: var(--inter-font);
	margin-top: 30px;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	text-align: justify;
}

.mobileApp__btn {
	max-width: 160px;
	border-radius: 10px;
}

/* Blog Four */
.blogFour {
	border: 1px solid var(--border-color);
}

.blogFour__thumb {
	position: relative;
	background: #f7f7f7;
	height: 195px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.blogFour__thumb img {
	width: 100%;
}

.blogFour__thumb__tag {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.blogFour__thumb__tag.right-side {
	left: auto;
	right: 10px;
}

.blogFour__thumb__tag .tag_item {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	padding: 3px 12px;
	background-color: var(--white);
	color: var(--heading-color);
	border: 1px solid var(--border-color);
}

.blogFour__thumb__tag .tag_item.bg-delete {
	background-color: var(--delete-color);
	color: var(--white);
	border-color: var(--delete-color);
}

.blogFour__thumb__tag .tag_item.bg-topSale {
	background-color: var(--section-bg);
	color: var(--heading-color);
	border-color: var(--section-bg);
}

.blogFour__thumb__tag .tag_item.bg-stock {
	background-color: var(--stock-color);
	color: var(--white);
	border-color: var(--stock-color);
}

.blogFour__thumb__tag .tag_item.bg-1 {
	background-color: var(--main-color-one);
	color: var(--white);
	border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-2 {
	background-color: var(--main-color-two);
	color: var(--white);
	border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-3 {
	background-color: var(--main-color-three);
	color: var(--white);
	border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-4 {
	background-color: var(--main-color-four);
	color: var(--white);
	border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-5 {
	background-color: var(--white);
	color: var(--heading-color);
	border-color: inherit;
}

.blogFour__contents {
	padding: 15px;
}

.blogFour__title {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: var(--heading-color);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.blogFour__title:hover {
	color: var(--main-color-one);
}

.blogFour__para {
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	color: var(--paragraph-color);
}

.blogFour__btn {
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	color: var(--main-color-one);
	border-bottom: 1px solid var(--main-color-one);
	display: inline-block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.blogFour__btn:hover {
	color: var(--main-color-one);
	letter-spacing: 1px;
}

/* footer css */
.footer-four .footer-widget .footer-inner .footer-link-list .list::before {
	color: var(--main-color-one);
}

.footer-four .footer-widget .footer-inner .footer-link-list .list:hover a {
	color: var(--section-bg);
}

.footer-four .footer-widget .footer-inner .footer-social-list {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.footer-four .footer-widget .footer-inner .footer-social-list .lists a {
	background-color: var(--section-bg);
	border-radius: 0;
	color: var(--heading-color);
	height: 35px;
	width: 35px;
	font-size: 18px;
}

.footer-four .footer-widget .footer-inner .footer-social-list .lists a:hover {
	color: var(--main-color-one);
	background: var(--white);
}

.footer-four
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control:focus {
	border: 1px solid rgba(var(--main-color-one-rgb), 0.2);
	-webkit-box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
	box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
}

.footer-four
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	button {
	background: var(--main-color-one);
}

.footer-four.white-color .footer-widget .widget-title {
	color: var(--white);
}

.footer-four.white-color .footer-widget .footer-inner .widget-para {
	color: var(--paragraph-white-2);
}

.footer-four.white-color .footer-widget .footer-inner .subscribe-para {
	color: var(--paragraph-white-2);
}

.footer-four.white-color
	.footer-widget
	.footer-inner
	.footer-link-list
	.list
	a {
	color: var(--paragraph-white-2);
}

.footer-four.white-color
	.footer-widget
	.footer-inner
	.footer-link-list
	.list
	a:hover {
	color: var(--section-bg);
}

.footer-four.white-color
	.footer-widget
	.footer-inner
	.footer-social-list
	.lists
	a {
	color: var(--heading-color);
}

.footer-four.white-color
	.footer-widget
	.footer-inner
	.footer-social-list
	.lists
	a:hover {
	background: var(--white);
	color: var(--main-color-one);
}

.footer-four.white-color
	.footer-widget
	.footer-inner
	.subscribe-form
	.widget-form-single
	.form--control {
	-webkit-box-shadow: 0 0 10px rgba(var(--white-rgb), 0.1);
	box-shadow: 0 0 10px rgba(var(--white-rgb), 0.1);
}

.footer-four.white-color .footer-widget .footer-inner .payment-list .list {
	background: rgba(var(--white-rgb), 0.7);
}

.footer-four.white-color .copyright-contents {
	color: rgba(var(--white-rgb), 0.7);
}

.footer-four.white-color .copyright-border {
	border-color: rgba(var(--white-rgb), 0.2);
}

.footer-logo-wrapper {
	max-width: 200px;
}

/* Back to top */
.back-to-top.bg-color-five {
	background-color: var(--main-color-five);
}

.error-wrapper-contents {
	max-width: 600px;
	margin-inline: auto;
}

.error-wrapper-title {
	font-size: 150px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--delete-color);
}

.error-wrapper-error-subtitle {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--heading-color);
}

.error-wrapper-error-para {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	color: var(--paragraph-color);
}

.dashboard_posSystem__item__thumb__main {
	height: 150px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--border-color);
}

.dashboard_posSystem__item__thumb__main img {
	object-fit: cover;
}

.dashboard_posSystem__item__title {
	min-height: 48px;
}

.dashboard_posSystem__header__scan__code {
	display: flex;
	gap: 10px !important;
}

.editProduct__contents__title + p {
	color: var(--paragraph-color);
	font-size: 16px;
	font-weight: 400;
	margin-top: 10px;
}

.editProduct__contents__title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--heading-color);
}
.dashboard_posSystem__sidebar {
	z-index: 0;
}

.value-input-area .form--input {
	border: 0;
}
.posBtn.btn_bg_1 {
	background-color: var(--main-color-one);
	color: var(--white);
	border: 1px solid var(--main-color-one);
}

.editProduct .shop-details-thumb-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start !important;
	gap: 10px !important;
	flex-wrap: wrap;
	margin-top: 10px;
}

.editProduct .shop-details-thums {
	width: calc(100% / 2 - 5px);
}

.product__card__cart__btn:hover {
	cursor: pointer;
}

.product__card__cart__btn.product-quick-view-ajax {
	background: inherit;
	color: var(--main-color-one);
}

.product__card__cart__btn.product-quick-view-ajax:hover {
	background: var(--main-color-one);
	color: var(--white);
}

.product__card__cart__btn.product-quick-view-ajax.btn__black {
	background: inherit;
	color: var(--heading-color);
}

.product__card__cart__btn.product-quick-view-ajax.btn__black:hover {
	background: var(--heading-color);
	color: var(--white);
}

section.deal-area:last-child {
	padding-bottom: 50px;
}

@media screen and (min-width: 992px) {
	.footer-middle
		div[class*="col"]:nth-child(2)
		.footer-widget
		.footer-widget {
		padding-left: 3rem !important;
	}
	.footer-area.footer-bg.footer-color-two
		div[class*="col"]:nth-child(2)
		.footer-widget {
		padding-left: 3rem !important;
	}
}

.signin__account__para .active,
label.form-check-label .text-active {
	color: var(--main-color-one) !important;
}

.vendor-signin-area {
	height: 100vh;
	display: grid;
	place-items: center;
}

/* solve summernote content issue */
.note-editable > p {
	max-width: 100%;
	word-break: break-all;
}
.note-editable > div {
	max-width: 100%;
	word-break: break-all;
	padding: 10px;
}
.note-editable > div pre {
	max-width: 100%;
	word-break: break-all;
	display: contents;
}

.payment-slider-item {
	padding: 5px;
	border: 2px solid #ddd;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.payment-slider-item img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}
.payment-slider .prev-icon,
.payment-slider .next-icon {
	width: 30px;
	height: 30px;
	font-size: 18px;
}

.copyright-block a {
	display: inline-block;
	color: var(--customer-profile);
}

.bg-unset {
	background: unset;
}

a.blog-contents-btn.outline-blog-button {
	background: unset;
	color: var(--main-color-one);
	padding: 6px 20px 7px;
}

a.blog-contents-btn.outline-blog-button:hover {
	background: var(--main-color-one);
	color: var(--white);
}
.min-width-100 {
	min-width: 100px;
}
.max-width-200 {
	max-width: 200px;
}
.max-width-300 {
	max-width: 300px;
}
.color-calendar .calendar__days .calendar__day {
	z-index: 0;
}
.color-calendar.basic .calendar__arrow-prev {
	z-index: 0;
}

ul.mega-menu-main .round-menu-product > a {
	height: 150px;
	background: var(--border-color);
	display: block;
}

ul.mega-menu-main .round-menu-product > a img {
	height: 100%;
	object-fit: cover;
}

div#gdpr-cookie-message #gdpr-cookie-close:hover {
	background: var(--white);
	color: var(--delete-color);
	transform: rotate(90deg);
}

.breadcrumb-contents-mini li {
	margin-right: 10px;
	display: inline-block
}

.breadcrumb-contents-mini li:after {
	content: ">";
	display: inline-block;
	width: 10px;
	height: 10px;
}
.breadcrumb-contents-mini li:last-child:after {
	content: "";
	display: none
}
.card-hover:hover{
	box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.3);	
	opacity: 0.8;
}