@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap');

:root {
	--bs-primary-rgb: 52, 117, 84;
	--bs-secondary-rgb: 219, 48, 34;
	--bs-secondary: #db3022;
	--primary-dark: #12452b;
	--primary-light: #e8ffef;
	--title-color: #222;
	--title-color-rgb: 34, 34, 34;
	--bs-body-color: #666;
	--secondary-body-color: #9b9b9b;
	--bs-light: #f6f6f6;
	--bs-light-rgb: 246, 246, 246;
	--absolute-dark: #222;
	--absolute-dark-rgb: 34, 34, 34;
	--absolute-white: #fff;
	--absolute-white-rgb: 255, 255, 255;
	--shadow-color: rgba(0, 0, 0, 0.05);
	--bs-body-bg-rgb: 248, 248, 250;
	--bs-body-bg: #f8f8fa;
	--bs-border-rgb: 221, 221, 221;
	--bs-border-color: #f4f4f4;
	--bs-dark-rgb: var(--title-color-rgb);
	--bs-dark: var(--title-color);
	--bg-badge: #ddd;
	--box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	--bs-body-font-family: "Lexend Deca", sans-serif;
	--title-font: "Lexend Deca", sans-serif;
	--thin: 100;
	--extra-light: 200;
	--light: 300;
	--regular: 400;
	--medium: 500;
	--semi-bold: 600;
	--bold: 700;
	--extra-bold: 800;
	--dark-color-bold: 900;
	--bs-body-font-size: 0.875rem;
	--h1_fs: 1.75rem;
	--h2_fs: 1.5rem;
	--h3_fs: 1.25rem;
	--h4_fs: 1.125rem;
	--h5_fs: 1rem;
	--h6_fs: 0.875rem;
	--bs-body-line-height: 1.4;
	--title-line-height: 1.2;
}


[theme="dark"] {
	--bs-body-color: #ccd0d3;
	--bs-white: #282828;
	--primary-light: #222;
	--bs-white-rgb: 35, 35, 37;
	--input-bg: #3a3a3a;
	--title-color: rgba(255, 255, 255, 0.8);
	--absolute-white: rgba(255, 255, 255, 0.8);
	--title-color-rgb: 255, 255, 255;
	--bs-dark-rgb: var(--title-color-rgb);
	--bs-dark: var(--title-color);
	--bs-light: #222;
	--bs-light-rgb: 34, 34, 34;
	--bs-body-bg-rgb: 24, 24, 26;
	--bs-body-bg: #18181a;
	--bs-border-rgb: 73, 73, 73;
	--bs-border-color: #494949;
	--bg-badge: #464646;
	--box-shadow: 0 2px 10px rgba(var(--bs-primary-rgb), 0.15);
}


* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "Lexend Deca", sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	scroll-behavior: smooth !important;

}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	font-family: "Lexend Deca", sans-serif !important;

}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0;
}


.model-p {
	width: 100%;
	padding-left: 1rem;
}


body {
	overflow-x: hidden !important;
	padding-top: 185px;
	scroll-behavior: smooth !important;
	-webkit-box-sizing: border-box;
	background-color: #FFF9F9;
	-moz-box-sizing: border-box;
	background-image: url(https://prime-basket.developmentalphawizz.com/resources/themes/alpha_ecom/public/assets/images/bodyBg.png);
	background-size: contain;
	background-attachment: fixed;

}

.stroke__opacity {
	stroke-opacity: 0;
	fill: #000;
}

.card-header h5 {
	margin-bottom: 0 !important;
}

.list-group-item.bg-light-green-actived .stroke__opacity {
	stroke: #3baaaa !important;
	fill: #3baaaa;
}


textarea {
	resize: none;
}

.top-sticky {
	position: sticky;
	top: 10%;
	z-index: 1;
}

.sub-sub.sub_menu li div {
	padding-left: 0px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	display: none;
}

.cursor-pointer {
	cursor: pointer !important;
}

.caption-login img {
	width: 138px;
}

.log-ing {
	position: relative;
}

.hover-and-hidden img {
	max-height: 300px;
	min-height: 300px;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
}

.media-body .add_to_compare {
	display: none !important;
}

.btn.btn-primary {
	transition: ease-in-out 0.03s !important;
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	border: none;
}

.btn-primary {
	transition: ease-in-out 0.03s !important;
}

.btn-primary:hover {
	box-shadow: inset 0 0 0 50px #fff !important;
	color: var(--bs-primary) !important;
}

.btn-add-to-cardproduct:hover {
	box-shadow: inset 0 0 0 50px var(--bs-primary) !important;
	color: #fff !important;

}


.caption-login h2 {
	color: #000;
	text-align: center;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-top: 2rem;
}

ul.option-select-btn {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}


.btn.btn-action {
	min-height: auto !important;
}


.btn.btn-flex-lep {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}

.caption-login p {
	color: var(--grey, #C3C5DD);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.caption-login {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	text-align: center;
}

.for-refund .avatar {
	width: fit-content;
}

.for-refund img {
	height: 80px !important;
	width: auto;
}

input#promo-code {
	outline: none;
}

.form-group .iti.iti--allow-dropdown.iti--separate-dial-code {
	width: 100%;
	border: 1px solid var(--bs-primary) !important;
	border-radius: 8px !important;
}

.iti--separate-dial-code .iti__selected-flag {
	background-color: transparent !important;
}

.deactivated-modal .modal .modal-dialog {
	max-width: 350px;
	width: 100%;
}

ul.delevery-status {
	display: flex;
	text-align: center;
	align-items: baseline;
	justify-content: space-between;
	list-style: none;
}

img.cart__imageset {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.empty-content {
	text-align: center;
	min-height: 46vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.color-select label span {
	border: 1px solid #888;
}

a.showMore {
	display: block;
	text-transform: uppercase;
	margin-top: 20px;
	color: var(--bs-primary);
	text-decoration: none;
	text-align: center !important;
	font-size: 15px;
	border-radius: 8px;
	width: fit-content !important;
	margin: 5px auto !important;

}

.swal2-styled.swal2-confirm:focus {
	box-shadow: none !important;
}

.swal2-styled.swal2-confirm {
	background-color: var(--bs-primary) !important;
	box-shadow: none !important;
	outline: none !important;
}

a.proceed-to-buy {
	background-color: var(--bs-primary);
	color: #fff;
	text-align: center;
	padding: 0.375rem 0.95rem;
	height: 38px;
	display: block;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 500;
	border: 1px solid var(--bs-primary) !important;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;

}

a.showMore::after {
	content: "+ VIEW MORE";
}

a.showMore.showLess::after {
	content: "- VIEW LESS";
}

.empty-content .btn-login.for-empty {
	width: fit-content;
	padding: 7px 50px;
	margin: auto;
}

.empty-content h3 {
	width: fit-content;
	margin: 10px auto;
}

.focus-input.search-bar-input.custom-control-search-topheader {
	border: 1px solid #888 !important;
	height: 40px;
	padding-left: 39px;
}

.varient {
	/* display: flex;
   
    flex-wrap: wrap;*/
	margin-bottom: 10px;
}

a {
	cursor: pointer !important;
}

/* 
@font-face {
	font-family: '';
	src:
		url('../font/FuturaPT-Bold.ttf') format('truetype')
} */

.iti__country-list {
	width: 300px !important;
}

/* .modal-content {
  max-height: 30vw;
  height: 100%;
  overflow-y: scroll;
} */

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

.breadcrumb-item.active {
	color: var(--bs-primary) !important;
}

.brand-carousel img {
	height: 75px;
	object-fit: contain;
	margin: 0;
	width: auto !important;
	width: 75px;
	border-radius: 50%;
}

.rotation-notification {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--bs-primary);
	/*red background color */
	color: #fff;
	/* White text color */
	text-align: center;
	padding: 10px;
	font-size: 18px;
	z-index: 9999999;
}

.card.search-card.__inline-13.position-absolut.search-result-box {
	background: transparent !important;
}

.card.search-card {
	max-height: 450px !important;
	overflow-y: auto;
}

.rotation-notification .orientation-disable {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100vh;


}

.btn {
	box-shadow: none !important;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
	color: #fff !important;
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
	box-shadow: none !important;
}

.rotation-notification #notice svg {
	width: 84px;
	margin-bottom: 20px;
}



.minh-100px {
	min-height: 100px;
}

.navbar__category__main .navbar-toggler:focus {
	text-decoration: none;
	outline: 0 !important;
	box-shadow: none !important;
}

.fixed-header {
	text-align: center;
	transition: ease-in-out 0.3s;
}




.accordion-item:first-of-type {
	margin-top: 10px !important;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	transition: ease-in-out 0.3s;
}

/* .navbar-expand-lg.top-nav-category .navbar-nav .dropdown-menu {
    position: absolute;
    max-width: 80%;
    margin: auto;
    overflow-y: auto;
    max-height: 600px;
    border-radius: 8px;
	padding-bottom: 1rem;
	min-width: 500px;
} */


/*========= header notification toggle =========*/

ul.notification-drop {
	list-style: none;
	margin: 0;
	position: relative;
	padding: 0;
	z-index: 999;

}

.page-header.is-sticky .navbar__category__main {
	display: none;
}

.nav-link i {
	font-size: 16px !important;
	padding: 0;
	transition: ease-in-out 0.4s;
}

li.nav-item.dropdown.dropdown-hover.position-static .nav-link i {
	font-size: 12px !important;
}




.nav-link.dropdown-toggle.toggle-bgn.text-white {
	font-size: 18px !important;
	display: flex;
	justify-content: center;
	align-items: baseline;
}




.filter-section .navbar-toggler {
	transition: all 3s;
	padding: 7px 14px;
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 10px;
	border: 1px solid #9E9E9E !important;
	border-radius: 30px !important;
}

.filter-section .navbar-toggler i {
	font-size: 12px;
	margin-left: 5px;
}

.short-dropdown {
	position: relative;
	width: 100%;
}

.short-dropdown .btn-short {
	transition: all 3s;
	padding: 7px 14px;
	font-size: 15px;
	/* position: absolute;  */
	right: 0;
	z-index: 99;
	line-height: 15px;
	background-color: transparent !important;
	margin-bottom: 10px;
	border: 1px solid #9E9E9E !important;
	border-radius: 30px !important;
	display: block;
	margin: 0 0 0 auto;
}

.short-dropdown .dropdown-menu {
	z-index: 9;
}

.main-cotegory-top .dropdown-item span {
	float: right !important;
}

.main-cotegory-top .dropdown-menu {
	padding: 0 !important;
}

/* .nav-item.dropdown:hover .dropdown-menu {
	display: block;
	animation: slideIn 0.5s ease-in-out;
} */

.dropdown-menu {
	animation: slideIn 0.5s ease-in-out;
}

.dropdown-menu.profile__drop {
	transform: translate(0px, 39px) !important;
	animation: difrent 0.5s ease-in-out !important;
}

@keyframes difrent {
	from {
		opacity: 0;
		transform: translateY(0px) !important;
	}

	to {
		opacity: 1;
		transform: translateY(39px) !important;
	}

}

@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.short-dropdown .btn-short i {
	color: var(--bs-primary);
	font-size: 12px;
	font-weight: 500;
	margin-left: 5px;
}


ul.notification-drop ul {
	list-style: none;
	margin: 0;
	padding: 0;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.notification-drop .item {
	font-size: 18px;
	position: relative;
}

.notification-drop a.all-notification {
	justify-content: end;
	display: flex;
	padding: 5px 20px;
	color: var(--bs-primary);
}

.notification-drop .item:hover {
	cursor: pointer;
}

.notification-drop .item i {
	margin-left: 10px;
	color: #fff;
}

.notification-drop .item ul li {
	font-size: 16px;
	padding: 5px 15px;
}

.notification-drop .item ul li:hover {
	color: rgba(0, 0, 0, 0.8);
}

.notification-drop .modal-notification {
	display: flex;
	align-items: center;
	color: #000 !important;
	text-align: left;
	justify-content: center;
	border-bottom: 1px solid #c3c5dd;
}

.notification-drop .notification-header {
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 10px !important;
}

.notification-drop .notification-header.noti {
	background: #ceeaea !important;
}

.notification-title {
	color: #ffffff;
	margin-bottom: 0;
	font-weight: 600;
	font-size: 15px;
}

.notification-drop .modal-notification p {
	margin-bottom: 10px;
}

.notification-text {
	font-size: 14px;
	font-weight: bold;
}

.notification-text span {
	float: right;
}


.notification-drop .item ul {
	width: 0;
	height: 100vh;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	background: #fff;
	overflow-x: hidden;
	overflow-y: scroll;
	transition: 0.5s;
	scrollbar-width: none;
}

.notification-drop .item ul::-webkit-scrollbar {
	display: none;
}

.close-btns {
	background-color: transparent;
	border: none;
	outline: none;
	color: #000;
	opacity: 0.8;
}

/*mega menu */

.dropdown-hover:hover>.dropdown-menu {
	display: inline-block;
}

.dropdown-hover>.dropdown-toggle:active {
	pointer-events: none;
}

/* .top-nav-category .navbar-nav .dropdown-menu {
	position: absolute;
	left: 0;
	margin: auto;
	right: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
} */

.top-nav-category .navbar-nav .nav-link {
	color: #fff;
	font-size: 14px;
	font-family: '';
	white-space: nowrap;
	text-transform: uppercase;
}

.mobile-desk-top {
	display: none !important;
}

.header-for-mobile {
	display: none;
	align-items: center;
	position: relative;
	padding: 10px;
	background: #B81C18;
	justify-content: space-between;
}

.search-container form {
	display: flex;
	align-items: center;
}

.header-for-mobile .custom-left-40 {
	left: 24px;
}

.search-for-mobile .search-icon {
	font-size: 14px;
	color: #fff;
	background-color: transparent;
	border: 0;
	outline: none;
}

.search-for-mobile .search-toggle .search-icon.icon-close {
	display: none;
}

.search-for-mobile .search-toggle.opened .search-icon.icon-search {
	display: none;
}

.search-for-mobile .search-toggle.opened .search-icon.icon-close {
	display: block;
}

.search-for-mobile .search-container {
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	max-height: 0;
	background: #B81C18;
	border-radius: 7px;
	color: #fff !important;
	overflow: hidden;
	position: absolute;
	top: 51px;
	left: 8PX;
	width: 95%;
	margin: auto !important;
}

.search-for-mobile .search-container.opened {
	height: auto;
	min-height: 48PX;
	border: 1px solid #888;
}

button.search-icon {
	width: 20%;
	display: flex;
	justify-content: center;
}

.search-for-mobile .search-container input[type="text"] {
	outline: none;
	font-size: 16px;
	margin: 5px 12px;
	width: 80%;
	color: #fff !important;
	background-color: inherit;
	border: 0;
}

.search-for-mobile .search-container .search-icon {
	vertical-align: middle;
}

.search-for-mobile .container {
	position: relative;
	margin-top: 50px;
}


/*=========== End ===========*/

a.text-green-light {
	color: var(--bs-primary) !important;
}

/* FONT_SIZE */


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


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

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

a {
	text-decoration: none !important;
}

.br-8 {
	border-radius: 8px !important;
}

.br-12 {
	border-radius: 12px !important;
}

.ff-primary {
	font-family: "";
}

/* FONT WEIGHT */
.fw-500 {
	font-weight: 400;
}

.fw-600 {
	font-weight: 500;
}

.fw-700 {
	font-weight: 600;
}

.fw-800 {
	font-weight: 700;
}

.fw-900 {
	font-weight: 800;
}

/* color */
.black-text {
	color: #B81C18 !important;
}

/* header */

.header-top-bg-dark {
	background-color: #ffffff;
}

.filter-section .navbar {
	padding-top: 0 !important;
}

.custom-control-search-topheader {
	background-color: #ffffff !important;
	border-radius: 8px !important;
	padding: 5px 10px;
	font-size: 13px;
	border: 1px solid #767680 !important;
}

.wp-100 {
	width: 100px;
}

.wp-150 {
	width: 150px;
}

.navbar__brand {
	width: 80px;
	height: auto;
	border-radius: 0;
}

.custom-left-40 {
	left: 45px;
}

.toppx-10 {
	top: 10px;
}

.wp-24 {
	width: 24px;
}

.position-custom-search {
	position: absolute;
	top: 6px;
	left: 8px;
	filter: invert(1);
}



.div-review-part-line {
	height: 150px;
	width: 2px;
	background-color: #c3c5dd;
}

.dropdown-toggle.toggle-bgn::after {
	display: none;
	border-top: none !important;
}



.nav-barheader {
	background-color: var(--bs-primary);
}

.nav-link {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 450;
	line-height: normal;
	padding: 0 !important;
	list-style-type: none;
	margin: 0 !important;
}

li.nav-item.dropdown.px-md-2 {
	list-style-type: none;
}



.nav-link img {
	width: 25px !important;
}

/* offer section */

.offer-section {
	background: linear-gradient(90deg, #ffdc98 0%, #fec 100%);
}

.poster-content h4 {
	color: #000;
	/* font-family: Calistoga; */
	font-size: 16px;
	width: 70%;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: -27px !important;
	z-index: 11111 !important;
	position: relative !important;
}

.bg-special-offer {
	background-image: url(../images/bg-full-image-product-section.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 0rem 0 3rem 1rem;
}

.nav-link .badge {
	font-size: 0.5em !important;
}

.caption-box-content {
	border-radius: 8px;
	opacity: 0.93;
	background: radial-gradient(75.36% 71.61% at 50% 50%,
			#f9e4c8 48.76%,
			#f6dbbc 63.3%,
			#efc59e 89.2%,
			#ecba8f 100%);
	position: absolute;
	bottom: 3%;
	width: 90%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	padding: 13px 0;
	height: 100px;
}

.caption-box-content h6 {
	color: var(--dark, #B81C18);
	/* */
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-align: center;
	margin-bottom: 15px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	width: 90%;
	margin: 11px auto;
}



.caption-box-content p {
	color: var(--bs-primary);
	text-align: center;
	font-family: Calistoga;
	font-size: 33px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}


.bg-banner-for-offer {
	/* background-color: #F7D1A7; */
	position: relative;
	z-index: 11;
}

.text-heading-mark {
	color: #fff;
	text-align: center;
	font-family: Calistoga;
	font-size: 32px;
	width: fit-content;
	font-style: normal;
	font-weight: 400;
	padding: 0 40px;
	line-height: normal;
	position: relative;
	margin: auto;
}

.text-heading-mark::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	background: #ff9934;
	width: 24px;
	height: 3px;
	transform: translateY(10px);
}

.text-heading-mark::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	background: #ff9934;
	width: 24px;
	height: 3px;
	transform: translateY(10px);
}

/* banner images css */


.owl-carousel.banner-carousel a.h-100 img {
	height: auto !important;
	object-fit: contain;
}

.product-for-you {
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.list-group-item .accordion a {
	text-transform: capitalize !important;
}

.control-heightimg {
	width: 100%;
	object-fit: contain;
	height: 175px;
	border-radius: 12px;
	flex-shrink: 0;
}


.product-for-you-heading {
	color: var(--dark, #B81C18);
	text-align: center;
	font-family: Calistoga;
	font-size: 37px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}

.product-for-by-line {
	color: var(--dark, #B81C18);
	text-align: center;

	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/* prime deal */
.prime-time-deal {
	opacity: 0.99;
	background: linear-gradient(95deg,
			#ffbc39 3.92%,
			#ffdc98 49.96%,
			#ffbc39 94.28%);
	text-align: center;
	padding: 0.7rem;
}

.prime-time-deal h4 {
	color: #965c04;
	text-align: center;
	font-family: Cormorant Upright;
	font-size: 32px;
	width: fit-content;
	font-style: normal;
	font-weight: 500;
	padding: 0 30px;
	line-height: normal;
	position: relative;
	margin: auto;
}

.prime-time-deal h4::after {
	content: "";
	position: absolute;
	background-image: url(../images/star-bg.svg);
	left: 0;
	top: 1%;
	z-index: 11;
	width: 20px;
	height: 20px;
}

.prime-time-deal h4::before {
	content: "";
	position: absolute;
	background-image: url(../images/star-bg.svg);
	bottom: 0;
	right: 0;
	z-index: 11;
	width: 20px;
	height: 20px;
}

a.btn-app-download img {
	width: auto;
	height: 45px;
	object-fit: cover;
}

/* best sale css*/

.best-sale-bg {
	width: 265.836px;
	z-index: 11;
	height: 196px;
	background-image: url(../images/first-best-sale.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: relative;
	transition: transform 0.5s ease;
}

/* .best-sale-bg:hover {
	animation: scale-up-ver-top 0.5s ease;
	transition: transform 0.4s ease;
} */


.describtion h1 {
	font-size: 26px;
	font-weight: 600;
}

@-webkit-keyframes scale-up-ver-top {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate-center {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


.hero-banner-images:hover img.cart__imageset {
	transform: scale(1.1);
}

img.cart__imageset {
	transition: ease-in-out 0.3s;
	/*   */
}

.card.br-8.order-heightm h5 {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	padding: 0 50px;
}

.daily-deal {
	position: relative;
	padding: 0rem 0 2rem;
	overflow: hidden;
	background: #B81C18;
}

.daily-deal::after {
	content: "";
	position: absolute;
	right: 10%;
	bottom: -32%;
	width: 356px;
	height: 330px;

	border-radius: 356.138px;
	background: #e89825;
	filter: blur(134.5px);
}

.daily-deal::before {
	content: "";
	position: absolute;
	left: 10%;

	top: -25%;
	width: 356px;
	height: 330px;
	border-radius: 356.138px;
	background: #e89825;
	filter: blur(134.5px);
}

.best-sale-bg h4 {
	margin-bottom: 0;
	margin-top: 13px;
	color: #00214a;
	font-size: 28px;
	font-weight: 600;
}

.best-sale-bg p {
	margin-bottom: 0;
	font-size: 13px;
	padding: 0 1rem;
	font-weight: 500;
	color: #00214a;
}

.bg-change-bst1 {
	background-image: url(../images/second-best-sale.png);
}

.bg-change-bst2 {
	background-image: url(../images/big-sale.png);
}

.hero-banner-images,
.images-item img {
	transition: ease-in 0.4s !important;
}

.hero-banner-images:hover .images-item img {
	transform: scale(1.1);
}

/* .hero-banner-images:hover a.btn-add-item {
    display: block;

} 

a.btn-add-item {
    display: none;

} */

.view-item-cart {
	/* background: #B81C18; */
	background-image: linear-gradient(2deg, #000000c7 0%, #724f1beb 100%);
	padding-top: 1rem;
	position: relative;
	padding-bottom: 3rem;
}

.view-card-item {
	border-radius: 8px;
	border: 1px solid #414141 !important;
	background: #B81C18 !important;
}

.images-item {
	border-radius: 8px 8px 0px 0px;

	background: #B81C18;
	position: relative;
	z-index: 1;
}

.images-item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, #363d41 0%, rgba(78, 82, 85, 0) 100%);
	z-index: -1;
}

.owl-carousel.cart-item-carousel .owl-stage-outer .owl-stage {
	margin: inherit !important;
}

.images-item img {
	width: 205px !important;
	height: 180px;
	margin: 1rem auto;
	object-fit: cover;
}

.item-detail-cart {
	border-radius: 8px;
	padding: 1rem 1rem;
	margin-top: 0rem;
}

.item-offspan span {
	color: #ff9934;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 5px;
	background: #fff;
	padding: 4px 8px;
	border-radius: 0px 20px 20px 0px;
}

.content-item-cart .name-item {
	color: #fff;
	/* */
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 10px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.item-bill {
	color: var(--dark-grey, #767680);
	/* */
	font-size: 16px;
	font-style: normal;
	font-weight: 450;
	line-height: normal;
	text-decoration-line: strikethrough;
	margin-bottom: 10px;
}

.item-bill span {
	color: var(--green, darkgreen);
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.btn-add-item {
	border-radius: 4px;
	border: 1px solid var(--text-grey, #767680);
	background: #B81C18;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #fff;
	/* */
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 0.8rem;
	margin-top: 1rem;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
}

.btn-add-item:hover {
	box-shadow: inset 0 0 0 50px var(--bs-primary);
	color: #fff !important;
	border: 1px solid var(--bs-primary) !important;
}

.btn-add-item:hover img {
	filter: invert(2);
}

a.btn-add-item.white-theme-btn.cancel-btn-color.py-3:hover {
	box-shadow: inset 0 0 0 50px #FD646F;
	color: #fff !important;
	border: 1px solid #FD646F !important;
}


.filter-section.in-order ul {
	display: flex;
	gap: 30px;
	justify-content: center;
	align-items: center;
}

.filter-section.in-order .listing-filter {
	padding: 0;
	background: transparent !important;
}

.nav-item.dropdown.dropdown-hover.position-static:hover .nav-link i {
	transform: rotate(180deg);
}

#cart-item-slider .owl-nav button {
	position: absolute;
	top: 0%;
	background-color: #000;
	color: #fff;
	margin: 0;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

#cart-item-slider .owl-nav button.owl-prev {
	right: 5%;
}

#cart-item-slider .owl-nav button.owl-next {
	right: 0;
}

#cart-item-slider .owl-nav button {
	position: absolute;
	color: #fff !important;
	top: -15%;
	background: rgb(0 150 136) !important;
}

#cart-item-slider .owl-nav span {
	font-size: 20px;
	position: relative;
	top: -5px;
}



.bg-special-offer .owl-nav button {
	position: absolute;
	top: -15%;
	background-color: #000;
	color: #fff;
	margin: 0;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
	background: rgb(0 150 136) !important;
}


.bg-special-offer .owl-nav span {
	font-size: 20px;
	position: relative;
	top: -5px;
}

.cart-item-slider h2 {
	color: #fff;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.btn-add-item img {
	width: 20px !important;
	height: 20.34px !important;
	margin-right: 10px;
}

#customPrevButton {
	position: absolute;
	right: 7%;
	top: 8%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bs-primary);
	border-radius: 50%;
	border: 1px solid var(--bs-primary);
	color: #fff;
}

#customNextButton {
	position: absolute;
	right: 4%;
	top: 8%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--bs-primary);
	border-radius: 50%;
	border: 1px solid var(--bs-primary);
	color: #fff;
}

/* UP TO SALE SECTION CSS */

.mobile-upto-sale {
	display: flex;
	justify-content: space-between;
	border-radius: 12px;
	background: #dddbe6;
	padding-left: 1.5rem;
	padding-top: 1.5rem;
	padding-right: 1.5rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
	min-height: 225px;
	height: 100%;
}

.mobile-upto-sale::after {
	content: "";
	position: absolute;
	background-color: #e4e2ed;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	top: -40%;
	left: -10%;
	z-index: -1;
}

.mobile-upto-sale::before {
	content: "";
	position: absolute;
	background-color: #ebe9f1;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	top: -25%;
	left: -5%;
	z-index: 0;
}

.mobile-upto-sale img {
	position: relative;
	z-index: 1;
	height: 100%;
	width: auto;
}

.mobile-upto-sale h4 {
	color: var(--dark, #B81C18);
	/* */
	font-size: 31px;
	font-style: normal;
	text-align: left;
	font-weight: 600;
	line-height: normal;
	padding-top: 0.4rem;
}

.mobile-upto-sale h4 span {
	color: var(--dark, #B81C18);
	/* */
	font-size: 31px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.badge-off {
	background-color: #faa113;
	width: 150px;
	padding: 0.3rem 1rem;
	border-radius: 30px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.0234rem;
	position: absolute;
	bottom: 15%;
	right: 37%;
}


.top-mobile-sale-page p {
	color: var(--text-grey, #767680);
	font-family: '';
	font-style: normal;
	text-align: left;
	font-weight: 450;
	line-height: normal;
	letter-spacing: 0.065px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.top-mobile-sale-page {
	width: 55%;
	padding-right: 5px;
	z-index: 9;
}




.top-jerry-sale-page {
	display: flex;
	justify-content: space-around;
	background-color: #e8d9d6;
	min-height: 225px;
	height: 100%;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 1rem;
	padding-top: 2rem;
	border-radius: 12px;
}

.top-jerry-sale-page-content {
	width: 79%;
	padding-right: 5px;
	z-index: 9;
}

.top-jerry-sale-page .image-sale-item img {
	width: 194px;
	height: 177px;
	flex-shrink: 0;
}

.top-jerry-sale-page h4 {
	color: var(--dark, #B81C18);
	/* */
	font-size: 31px;
	font-style: normal;
	text-align: left;
	font-weight: 600;
	line-height: normal;
}

.top-jerry-sale-page h4 span {
	color: var(--dark, #B81C18);
	/* */
	font-size: 31px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.top-jerry-sale-page p {
	color: var(--text-grey, #767680);
	font-family: '';
	font-style: normal;
	font-weight: 450;
	line-height: normal;
	text-align: left;
	letter-spacing: 0.065px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.normal-badge {
	background-color: #faa113;
	display: block;
	width: fit-content;
	padding: 0.3rem 1rem;
	border-radius: 30px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.0234rem;
}

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

.bg-change-sale-sofa {
	background-color: #fed6be;
	padding: 3rem 3rem 1rem;
}

.lady-designer {
	background-color: #eed0cf;
	height: 100%;
	text-align: center;
	padding: 3rem 3rem 0;
	border-radius: 12px;
	position: relative;
}

.lady-designer h4 {
	color: var(--dark, #B81C18);
	/* */
	font-size: 31px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.lady-designer h4 span {
	color: var(--dark, #B81C18);
	/* */
	font-size: 31px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.lady-designer p {
	color: var(--text-grey, #767680);
	font-family: '';
	font-style: normal;
	font-weight: 450;
	line-height: normal;
	letter-spacing: 0.065px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.lady-designer img {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

/* .bg-giftand-trofe */

section.gift-perfect-the {
	position: relative;
	padding: 2rem 0;
}

section.gift-perfect-the::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	background-color: var(--bs-primary);
	width: 100%;
	height: 210px;
	transform: translateY(-50%);
}

.bg-giftand-trofe {
	background-image: url("../images/gift-box-bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	padding: 30px;
	position: relative;
}

.bg-giftand-trofe h4 {
	color: #fff;
	padding: 30px;
}

.bg-giftand-trofe img {
	width: 100px;
	height: auto;
}


/* download-ecommerce-app */
.download-ecommerce-app {
	/* background-image: url(../images/full-to-images.png); */
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 3rem 2rem 0rem 2rem;
	text-align: center;
	background-attachment: fixed;
	background-color: var(--bs-primary);
}

.download-app-content h4 {
	color: #fff;
	font-size: 36px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding-top: 3rem;
}

.download-app-content p {
	color: #ececec;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.btn-app-download img {
	width: auto;
	margin: 0 5px;
}

/* Top Deals of electronic appliances   */
.top-deal-of {
	color: var(--dark, #B81C18);
	text-align: center;
	font-family: 'Calistoga';
	font-size: 32px;
	width: 35%;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 1rem;
	margin: auto;
}


.electronic-name {
	border-radius: 0px 0px 8px 8px;
	background: var(--green, var(--bs-primary));
	padding: 1rem;
}

.electronic-name p {
	color: #fff;
	font-family: '';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 5px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;

}

.electronic-name span {
	color: #fff;
	text-align: center;
	font-family: 'Calistoga';
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.app-electronic-card {
	border-radius: 8px;
	border: 1px solid var(--grey, #c3c5dd);
	background: #fff;
	box-shadow: 0px 3px 7px 0px rgba(10, 148, 148, 0.22);
}

.electronic-applicatio {
	position: relative;
}

.electronic-applicatio::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	background-image: url(../images/dot-dot-circle.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	background-position: right;
}

.pick-plan-section {
	border-radius: 12px;
	background: var(--dark, #B81C18);
	padding: 2rem 3rem;
	overflow: hidden;
	position: relative;
	transform: translateY(50%);
	z-index: 1;
}

.pick-plan-section::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 606px;
	opacity: 0.44;
	background: var(--green, var(--bs-primary));
	filter: blur(123.5px);
	width: 660px;
	height: 360.118px;
	z-index: -1;
}

.pick-plan-section::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 606px;
	opacity: 0.44;
	background: var(--green, var(--bs-primary));
	filter: blur(123.5px);
	width: 660px;
	height: 360.118px;
	z-index: -1;
}

.div-hr-line {
	width: 100%;
	height: 1px;
	background: #c3c3c3;
}

.footer-get-heding {
	color: #fff;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 10px;
}

.download-content {
	width: 90%;
	margin: auto;
	text-align: center;
}

.para-to-by-line {
	color: #fff;

	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	margin-bottom: 0;
	opacity: 0.7;
}

a.get-started-btn {
	background-color: #fff;
	display: block;
	margin-left: auto;
	width: fit-content;
	height: 38px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	border-radius: 4px;
	color: var(--dark, #B81C18);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	padding: 0.375rem 0.95rem;
}

/* anuman section */

.to-welcome-autuman {
	background-image: url(../images/cross-images-circle.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 366px;
	position: relative;
	overflow: hidden;
	padding: 4rem 4rem;
	border-radius: 12px;
}

.to-welcome-autuman h2 {
	color: #964c02;
	font-weight: 600;
	text-align: left;
	font-family: serif;
	font-size: 55px;
	letter-spacing: 0.02332rem;
	width: calc(20% + 170px);
}

.to-welcome-autuman h2 br {
	display: none;

}

.to-welcome-autuman p {
	color: #a4601f;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	width: 40%;
}

.to-welcome-autuman p br {
	display: none !important;
}

.bg-white-set-padding {
	background: #fff;
	position: relative;
	z-index: 1;
	padding: 4px;
	border-radius: 12px;
}

img.cloudflare {
	width: 60%;
	height: 100%;
	position: absolute;
	top: 0;
	object-fit: cover;
	right: 0;
	z-index: -1111111111111111111111111111;
	overflow: hidden;
}

ul.list-unstyled.d-flex.align-items-center.p-0 li a {
	background: #964c02;
	margin: 0 5px;
	border-radius: 50%;
	width: 27px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #f7d2a8;
}

/* FOOOTER */
.footer-bg {
	background-color: #ceeaea;
	padding-top: 8rem;
}

ul.icon-font-footer {
	display: flex;
	align-items: center;
	padding: 0;
	justify-content: center;
	gap: 12px;
	list-style-type: none;
}


.copy-right p {
	color: var(--dark, #B81C18);
	/* */
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/*======================================== PRODUCT DETAILS PAGES CSS =========================================== */

/* HERO BANNER  */

.backto-button h4 {

	font-size: 14px;
	font-style: normal;
	font-weight: 450;
	line-height: normal;
}

.zoomLens {
	max-width: 100px;
	object-fit: contain !important;
	width: 100px !important;
	height: 100px !important;
	z-index: 99;
}

.zoomTint {
	background-color: rgb(0 0 0 / 15%) !important;
}

.zoomLens img {
	object-fit: contain !important;
}

.detail-for-product {
	position: relative;
	min-height: 400px;
	margin-top: 10px;
}

.share-likes-button {
	position: absolute;
	right: 18px;
	top: 10px;
	z-index: 99;
}

.details-img-full {
	position: relative;
}

.wishlist_icon_active i {
	color: #f2575b !important;
}

.backto-button h4 a {
	color: #767680 !important;
}

.backto-button h4 a.active-color {
	color: var(--bs-primary) !important;
}

.share-likes-button ul {
	list-style-type: none;
	padding: 0;
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 10px;
}



.share-likes-button ul li a {
	color: #c3c5dd !important;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
	height: 35px;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #FFF !important;
}

.icon-andstar img {
	width: 80px;
}

.reviewe__describetion__section p img {
	max-height: 300px;
	margin: auto;
	object-fit: contain;
}

.icon-andstar {
	display: flex;
	align-items: center;
	gap: 11px;
	flex-wrap: wrap;
}

.icon-andstar p {
	margin-bottom: 0;
	color: #000;
	font-weight: 400;
	padding-right: 1rem;
}

.icon-andstar i {
	color: #eba235;
}

.review-first-rate p {
	color: var(--text-grey, #767680);
	/* */
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 0;
	padding-left: 1rem;
	border-left: 1px solid #767680;
}

.prize-and-rate-reward {
	display: flex;
	align-items: center;
	gap: 12px;
}

.prize-and-rate-reward .dollar {
	color: #000;
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 0;
	line-height: normal;
}


.org-off-color {
	color: #ff9934;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 0;
}

.pay-and-reward p {
	color: var(--stroke, #414141);
	/* */
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	display: flex;
}

.custom-select-qty {
	border-radius: 4px;
	border: 1px solid var(--bs-primary)6e !important;
	background-color: var(--bs-primary)0f !important;
}

.btn-add-to-cardproduct {
	color: var(--dark, #B81C18);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
	padding: 0.375rem 0.95rem;
	background-color: #FFF;
	width: 80%;
	min-height: 38px;
	transition: ease-in-out 0.3s;
}

.btn-buynow-cardproduct {
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	border-radius: 7px;
	border: 1px solid var(--bs-primary);
	padding: 10px 40px;
	margin-left: 10px;
}

.labelfor-product {
	color: var(--dark, #B81C18);
	/* */
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.circle-50 {
	width: 30px;
	height: 30px;
	background-color: #182b69;
	border-radius: 50%;
	margin-right: 10px;
}

.brown-bg-circle {
	background-color: #692618;
}

.white-bg-circle {
	background-color: #fff;
	border: 1px solid #dadbea;
}

.size-btnbg.active-btn {
	background-color: var(--bs-primary);
	color: #fff;
	padding: 5px 20px;
	border-radius: 4px;
}

.display-size-btn {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.size-btnbg {
	border: 1px solid #767680;
	color: #767680;
	padding: 5px 20px;
	border-radius: 4px;
	cursor: pointer;
}

.option-select-btn .circle-50 {
	cursor: pointer;
}


.display-size,
.model-year {
	/* padding-left: 3rem; */
	position: relative;
}

.display-size::before {
	content: "";
	position: absolute;
	top: 5%;
	left: -16%;
	width: 1px;
	height: 50px;
	background-color: #e3e1ec;
}

.model-year::before {
	content: "";
	position: absolute;
	top: 5%;
	left: -13%;
	width: 1px;
	height: 50px;
	background-color: #e3e1ec;
}

.color-select {
	width: 30.3333%;
}


/* vertical carousel */


.container-carousel {
	padding: 15px;
	display: flex;
	position: relative;
	height: 100%;
}

.container-carousel .picture {
	margin: 10px;
	border: 0.5px solid var(--bs-primary)2e;
	text-align: center;
}

.pictures {
	width: 85px;
	margin: 10px;
	padding: 5px;
	border: 0.5px solid var(--bs-primary)2e;
}


.pictures img {
	margin-bottom: 6px;
	cursor: pointer;
	height: 56px;
	object-fit: cover;
}

.picture {
	position: relative;
	width: 100%;
	max-height: 420px;
	object-fit: contain !important;
}


.img-active {
	border: 1px solid var(--bs-primary);
}

.img-active:hover {
	border: 1px solid var(--bs-primary);
}


div#sub-category1,
div#v-pills-tabContent {
	height: 100% !important;
}


.zoom {
	position: absolute;
	top: 0px;
	right: -600px;
	background-image: url('img/img1.webp');
	display: none;
	width: 500px !important;
	z-index: 111;
	background-repeat: no-repeat !important;
	height: 500px !important;
	background-color: #FFF;
	border: 0.5px solid var(--bs-primary)2e;

}

.zoom.rect-active {
	display: block !important;

}

img#pic {
	cursor: crosshair;
	width: 100%;
	object-fit: cover;
	max-height: 380px;
	min-height: 380px;
	height: 100%;
}


.rect-active {
	opacity: 1;
}

.rect {
	position: absolute;
	margin: 0px !important;
	padding: 0;
	width: 100px;
	height: 150px;
	transform: translate(-50%, -50%);
	pointer-events: none;
	opacity: 0;
}



.back-image-product {
	border-radius: 4px;
	background: linear-gradient(180deg,
			#e3e1ec 36.08%,
			rgba(255, 255, 255, 0) 74.54%);
	padding: 3rem 1.5rem 1rem 1.5rem;
}

img.p-top {
	position: absolute;
	top: 10px;
	right: 4%;
}

.detail-for-product h5 {
	color: #000;
	text-transform: capitalize;
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	line-height: normal;
	padding-right: 5rem;
}

.option-select-btn {
	flex-wrap: wrap;
}

/* TABLIST ITEM  */

.tab {
	display: none;
}

/* Style the content */
.content {
	display: none;
}

/* Show the first tab and content by default */
#tab1,
#content1 {
	display: block;
}

/* Style the tab buttons */
.nav-link.tabcolord {
	cursor: pointer !important;
	padding: 10px 40px;
	display: inline-block;
	margin: 0 10px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #000 !important;
	border: none !important;
}

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

ul.sub_menu li {

	padding: 5px 0;
}

.tabcolord.active {
	background-color: #d5f6f6 !important;
	color: var(--green, var(--bs-primary)) !important;
	/* */
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	border-radius: 8px;
}


.nav-link.tabcolord:focus,
.nav-link.tabcolord:hover {
	border-color: transparent !important;
	isolation: isolate;
}

/* .table-responsive::-webkit-scrollbar{
	width: 1px;
} */

.describtion::-webkit-scrollbar {
	width: 0;
}

.describtion-for-productpage {
	margin-top: 3.5rem;
}

.use-delevery h3 {
	color: var(--dark, #B81C18);
	/* */
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.deliverys-day p {
	color: var(--dark, #B81C18);
	/* */
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 0;
}

.deliverys-day span {
	color: var(--text-grey, #767680);
	/* */
	font-size: 12px;
	font-style: normal;
	font-weight: 450;
}

.der-linetake {
	background: var(--light-grey, #e3e1ec);
	height: 1px;
	margin-top: 20px;
}


.all__btn__gap {
	gap: 1rem;
}


.mart-sunshine img {
	width: 90%;
}

.mart-sunshine-1r {
	width: 70%;
}



.mart-sunshine h4 {
	color: var(--dark, #B81C18);
	/* */
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	word-wrap: break-word;
	margin-bottom: 0;
}

.trusted-img img {
	width: 80px;
}

.mart-sunshine {
	display: flex;
	gap: 15px;
	align-items: center;
}

.rating-point span {
	color: #eba235;
	font-size: 16px;
	font-weight: 500;
}

.rating-point p {
	color: var(--text-grey, #767680);
	/* */
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 0;
}

.follower-text span {
	color: var(--dark, #B81C18);
	/* */
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0;
}

.follower-text p {
	color: var(--text-grey, #767680);
	/* */
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0;
}

.trusted-arrowright {
	width: 66px;
}


.warranty-brand-policy {
	background-color: #f1f1f1;
	border-radius: 8px;
	margin-top: 2rem;
	text-align: end;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 2rem;
}


.free-delevery p {
	color: var(--dark, #B81C18);
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	width: 90%;
	margin: auto;
}


.line-brk {
	width: 2px;
	background: #c3c5dd;
	height: 33px;
}



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

.free-delevery img {
	margin-bottom: 10px;
}

.images-item-white-theme {
	border-radius: 8px 8px 0px 0px;
	background-color: #fff;
}

.card.view-card-item-white-theme {
	height: 100%;
	border-radius: 8px;
}

.images-item-white-theme img {
	width: 100% !important;
	height: 142px !important;
	margin-right: 0 !important;
	object-fit: contain;
	mix-blend-mode: multiply;
}

div#carousel-bg-special .owl-nav button.owl-next i,
.owl-carousel .owl-nav button.owl-prev i {
	color: #FFF;
}

div#carousel-bg-special .owl-nav button.owl-next {
	right: 0 !important;
}

div#carousel-bg-special .owl-nav button.owl-prev {
	right: 3%;
}

.mouse-images {
	border-radius: 8px 8px 0px 0px;
	background: linear-gradient(180deg, #e3e1ec 0%, rgba(227, 225, 236, 0) 100%);
	width: 100%;
	padding: 2rem;
}

.mouse-images img {
	width: auto !important;
	height: 78px !important;
	margin: 0 auto;
}


.black-text {
	color: #000 !important;
}

.white-theme-btn {
	border: 1px solid #000 !important;
	background-color: #fff !important;
	color: #000;
	font-weight: 600;
	height: 38px;
}

.describtion ul li p {
	color: var(--text-grey, #767680);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;

}

.height-cudty {
	height: 100%;
}

.specific {
	width: 400px;
}

.rate-number {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	padding-left: 0;
}

.rate-number h4 {
	color: var(--dark, #B81C18);
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.rate-number p {
	color: var(--text-grey, #767680);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	margin-bottom: 0;
}

.heading-tore {
	color: var(--dark, #B81C18);
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 30px;
}


/* review */

#testimonials {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
}

.testimonial-heading {
	letter-spacing: 1px;
	margin: 30px 0px;
	padding: 10px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.testimonial-heading span {
	font-size: 1.3rem;
	color: #252525;
	margin-bottom: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.testimonial-box-container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

.testimonial-box {
	width: 100%;
	background-color: #ffffff;
	padding: 20px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
}

.profile-img {
	overflow: hidden;
	width: 58px;
	height: 58px;
	border-radius: 50%;
}

.profile-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 50%;
}

.profile {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.name-user {
	display: flex;
	flex-direction: column;
}

.name-user strong {
	color: #3d3d3d;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	text-transform: capitalize;
	font-weight: 600;
}

.name-user span {
	color: #979797;
	font-size: 0.8rem;
}

.reviews .fill {
	color: #EBA235;
}

.reviews i {
	color: #CCC;
}

.box-top {
	display: flex;
	justify-content: center;
	align-items: center;
}

.client-comment p {
	font-size: 0.9rem;
	color: #4b4b4b;
}

@media (max-width: 1060px) {
	.testimonial-box {
		width: 45%;
		padding: 10px;
	}
}

@media (max-width: 790px) {
	.testimonial-box {
		width: 100%;
	}

	.testimonial-heading h1 {
		font-size: 1.4rem;
	}
}

@media (max-width: 340px) {
	.box-top {
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

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

::selection {
	color: #ffffff;
	background-color: var(--bs-primary);
}

.public-number {
	color: var(--text-grey, #767680);
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}



.number {
	color: #000;

	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

/*============================ VENDOR PAGE CSS ===================================*/

.home-and-back-btn p a {
	color: #767680;
	/* */
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.home-and-back-btn p a span {
	color: var(--bs-primary);
}

input[type="checkbox"] {
	height: 20px;
	width: 20px;
}

.subscription-plan-card {
	height: 100%;
}

/* vendor list */

.lis-to-vendor {
	display: flex;
	padding: 1rem;
	border-radius: 12px;
	border: 1px solid var(--grey, #c3c5dd);
	background: #fff;
	gap: 14px;
	height: 100%;
}


.images-vendor img {
	height: 100px;
	width: 100px !important;
	object-fit: fill;
	border: 1px solid #e5e5e5;
}

.line-follower {
	width: 1px;
	background: #e3e1ec;
	height: 14px;
}

.start-rating-vendor i {
	color: #eba235;
}

.start-rating-vendor span {
	color: var(--dark, #B81C18);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	font-size: 15px;
}

.follower-rate-vendor span {
	color: var(--text-grey, #767680);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/* VENDOR LISTING PRODUCT  */

/* Style the container for the prize range inputs */
.prize-range {
	display: flex;
	align-items: center;

	/* Adjust the maximum width as needed */
}

/* Style the labels */
label {
	margin-bottom: 5px;
}

/* Style the text inputs */
.prize {
	padding: 5px 8px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	min-width: 40px;
	margin-right: 1rem;
}

/* Add some additional styling for better visual appeal */
.prize:focus {
	outline: none;
	border-color: #007bff;
	/* Change border color on focus */
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
	/* Add a subtle box shadow on focus */
}

.lable-flider-vendor {
	color: var(--dark, #B81C18);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.image-bg-linear {
	border-radius: 7px 7px 0px 0px;
	background: linear-gradient(182deg,
			#e3e1ec 1.35%,
			rgba(229, 228, 238, 0.92) 46.8%,
			rgba(238, 237, 244, 0.6) 131.52%,
			rgba(255, 255, 255, 0) 157.2%);
	height: 160px;
	/* display: flex;
	align-items: center;
	justify-content: center; */
	overflow: hidden;
}

.item-like i {
	color: #c3c5dd;
}

/* ========================CART PAGES css================================ */
.cart-item-number {
	color: var(--dark, #B81C18);

	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 1rem;
}

.container-carousel .pictures {
	overflow-y: auto;
	max-height: 400px;
}

.product-images-cart img {
	width: 90px;
	object-fit: contain;
	height: 90px;
}

/* width */
.container-carousel .pictures::-webkit-scrollbar {
	width: 0px;
}

.cart-item-number span {
	color: var(--text-grey, #767680);
}

a.btn-save-later {
	border-radius: 4px;
	border: 1px solid var(--text-grey, #767680);
	color: var(--dark, #B81C18);
	font-style: normal;
	font-weight: 500;
	text-transform: capitalize;
	padding: 0.375rem 0.95rem;
	height: 38px;
	margin-right: 10px;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
	background-color: #FFF;
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
}

input.form-control.input_code {
	height: 48px;
}

.color__text__green {
	color: #FFF !important;
	background-color: var(--bs-primary) !important;
	height: 47px !important;
	display: block;
	margin-left: 0.5rem;
}

a.btn-save-later:hover {
	box-shadow: inset 0 0 0 50px var(--bs-primary);
	color: #fff !important;
	border: 1px solid var(--bs-primary) !important;

}

.product-content-cart {
	width: 100%;
}

.product-content-cart h6 {
	color: var(--dark, #B81C18);
	font-size: 17px;
	font-style: normal;
	font-weight: 450;
	line-height: normal;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.coin-abvilabe {
	display: flex;
	gap: 15px;
	align-items: center;
}

.bg-light-gery {
	border-radius: 8px;
	background-color: #e3e1ec !important;
}

.ticket-img-content {
	color: var(--green, var(--bs-primary));

	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.card.filter-toggle-aside {
	position: sticky;
	top: 80px;
}



/* ============================ Oder trak ============================ */



/* ************************
   02.13: Order Tracking Timeline
   ********************* */
#timeline {
	--items: 4;
	position: relative;
}

#timeline .bar {
	background-color: #dad8d8;
	block-size: 0.125rem;
	inline-size: 80%;
	position: absolute;
	inset-block-start: 61px;
	inset-inline-start: 10%;
}

@media only screen and (max-width: 767px) {
	#timeline .bar {
		inset-inline-start: 0.75rem;
		inset-block-start: 1.25rem;
		block-size: 87%;
		inline-size: 0.125rem;
	}
}

#timeline .bar.progress:after {
	content: "";
	background-color: var(--bs-primary);
	block-size: 100%;
	position: absolute;
}

#timeline .bar.progress.one:after {
	/*inline-size: calc(1 * (100% / var(--items)));*/
	inline-size: 17%;
}

#timeline .bar.progress.two:after {
	/*inline-size: calc(2 * (100% / var(--items)));*/
	inline-size: 51%;
}

#timeline .bar.progress.three:after {
	/*inline-size: calc(3 * (100% / var(--items)));*/
	inline-size: 65%;
}

#timeline .bar.progress.four:after {
	/*inline-size: calc(4 * (100% / var(--items)));*/
	inline-size: 90%;
}

#timeline .bar.progress.five:after {
	/* inline-size: calc(5 * (100% / var(--items))); */
	inline-size: 100%;
}

#timeline .state ul {
	list-style: none;
	position: relative;
	-webkit-margin-after: 0;
	margin-block-end: 0;
	-webkit-padding-start: 0;
	padding-inline-start: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
}

@media only screen and (max-width: 767px) {
	#timeline .state ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

#timeline .state ul li {
	text-align: center;
	inline-size: calc(100% / var(--items));
}

@media only screen and (max-width: 767px) {
	#timeline .state ul li {
		inline-size: auto;
		text-align: start;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 1rem;
	}

	#timeline .state ul li:not(:last-child) {
		-webkit-margin-after: 2.5rem;
		margin-block-end: 2.5rem;
	}
}


ul.list-unstyled.text-small li a:hover {
	color: #000 !important;

}

#timeline .state ul li .badge {
	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: 1.25rem auto;
	inline-size: 1.4375rem;
	block-size: 1.4375rem;
	border-radius: 50%;
	color: var(--title-color);
	border: 1px solid #d8d8d8;
	background-color: #fff;
}

@media only screen and (max-width: 767px) {
	#timeline .state ul li .badge {
		margin: 0;
		position: absolute;
		inset-block-start: 0.3125rem;
	}
}

#timeline .state ul li .badge i {
	display: none;
	font-size: 1rem;
}

#timeline .state ul li .badge.active {
	border-color: #fff;
	background-color: var(--bs-primary);
	color: #fff;
}

.for-trak {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09);
	margin-top: 45px;
	border-radius: 5px;
}

#timeline .state ul li .badge.active i {
	display: block;
}

#timeline .state ul li .badge.active span {
	display: none;
}

#timeline .state ul li .state-text {
	color: var(--title-color);
	text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
	#timeline .state ul li .state-img {
		-webkit-padding-start: 2.5rem;
		padding-inline-start: 2.5rem;
	}
}


/* ============================ Oder trak  End ============================ */









.page-header.is-sticky .top-nav-category {
	display: none !important;
}


a.proceed-to-buy:hover {
	box-shadow: inset 0 0 0 50px #fff;
	color: var(--bs-primary) !important;
	border: 1px solid var(--bs-primary) !important;
}

.text-light-green {
	color: var(--green, var(--bs-primary));
}



.btn-add-cart2 {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 1px solid var(--green, var(--bs-primary));
	background: var(--green, var(--bs-primary));
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	height: 40px;
	line-height: normal;
	margin-top: 1rem;
	width: 50%;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
}


.btn-add-cart2:hover {
	box-shadow: inset 0 0 0 50px #fff;
	color: var(--bs-primary) !important;
}

a.btn-add-cart2.wipx-c.mt-0:hover svg {
	stroke: var(--bs-primary);
}


a.btn-add-cart2.wipx-c.mt-0 svg {
	padding-right: 4px;
}

/* CART CHECK OUT PAGES CSS */

.line-setp-up {
	width: 100%;
	height: 2px;
	background: #ccc;
}



.circle-step {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	fill: #fff;
	border: 1px solid #767680;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

.left-circle {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--bs-primary);
	color: #fff;
	border: 1px solid var(--bs-primary);
}

.center-circle {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
}

.end-circle {
	right: 0%;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
}

.step-heading {
	position: absolute;
	top: auto;
	margin-top: 1rem;
}

.color-light-green {
	color: var(--bs-primary);
	font-weight: 600;
}


.step-heading2 {
	position: absolute;
	top: auto;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 1rem;
	font-weight: 600;
}

.step-heading3 {
	position: absolute;
	top: auto;
	right: 0;
	margin-top: 1rem;
	font-weight: 600;
}

.address-add-new {
	display: flex;
	gap: 10px;
}

.content-add-new-address h6 {
	margin-bottom: 0;
}

.content-add-new-address p {
	margin-bottom: 0;
	color: var(--text-grey, #767680);

	font-style: normal;
	font-weight: 450;
	line-height: normal;
}


input[type="radio"] {
	box-shadow: 0px 0px 0px 1px #6d6d6d !important;
	font-size: 3em !important;
	width: 18px !important;
	height: 18px !important;
	margin-right: 7px !important;
	border: 3px solid #fff !important;
	background-clip: border-box !important;
	border-radius: 50% !important;
	appearance: none !important;
	transition: background-color 0.3s, box-shadow 0.3s !important;
	transform: translateY(3px);
}

input[type="radio"]:checked {
	box-shadow: 0px 0px 0px 3px var(--bs-primary) !important;
	background-color: var(--bs-primary) !important;
}

.address-edit {
	color: #696969;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
}

.arreng-code {
	width: 100% !important;
	height: auto !important;
	padding: 10px 20px !important;
}

/* CART FINAL  */

.mt-5.dflex-and-gap150 {
	display: flex;
	align-items: center;
	gap: 140px;
}

.user-profile-div {
	display: flex;
	gap: 15px;
	align-items: flex-start;
	padding: 1rem 1rem 2rem;
	/* background-image: url(../images/profile/profile-card-image.png); */
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 12px 12px 0px 0px;
	color: #fff;
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
}


.logo-and-company-name {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	/* background: #FFF; */
	border-radius: 4px;
	background: #fff;
	box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.19);
	width: 72%;
	margin: 0 auto;
	transform: translateY(-50%);
	padding: 10px 0;
}


.logo-and-company-name h6 {
	margin-bottom: 0;
	color: var(--dark, #B81C18);
	font-family: "";
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/* profile page css  */

.bg-light-green-actived {
	background-color: #fff2f2 !important;
}

.bg-light-green-actived a {
	color: #c0211d !important;
	font-family: "";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	/* 128.571% */
}

.user-svg {
	stroke: var(--bs-primary);
}

.dropdown-bar {
	/* display: none; */
	position: relative;
	margin-bottom: 20px;
}

.dropdown-bar a {
	cursor: pointer;
}

.dropdown-content-bar {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content-bar a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

a.btn-add-cart2.wipx-c {
	width: 220px;
	height: 53px;
}

.card-wallet {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 4rem 3rem;
	background-color: #e3e1ec;
	border: 1px solid #e3e1ec;
	border-radius: 12px;
}

/* Payment pages css */

.table.custom-table thead tr th {
	background-color: #e3e1ec !important;
	/* Change background color to your preferred color */
	border-color: #e3e1ec !important;
	/* Change border color to match the background color */
}

.badges-states {
	/* background-color: #B8FFD0; */
	padding: 0.4rem 1rem;
}

.table.custom-table tbody tr td,
.table.custom-table tbody tr th {
	padding: 1rem 0.5rem;
}

.light-green-badges {
	color: #2b6f1b;
	border-radius: 4px;
	background: #b8ffd0;
	font-family: "";
	font-size: 12px;
	font-style: normal;
	font-weight: 450;
}

.danger-badges {
	border-radius: 3px;
	background: #ffd0d9;
	color: #b8163d;
	font-family: "";
	font-size: 12px;
	font-style: normal;
	font-weight: 450;
}

/* suscribe pages css */

.table.suscribe-table thead tr {
	background-color: #B81C18;
	position: relative;
	z-index: 1;
	border: 1px solid transparent !important;
}

.table.suscribe-table thead tr::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/suscribe/bgtabcolor.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: -1;
}

.table.suscribe-table thead tr th {
	padding: 2rem 1rem;
	border-bottom: 0px !important;
}

.table.suscribe-table tbody tr td {
	padding: 1rem 1rem;
	border-bottom: 0px !important;
	border-left: 1px solid #ccc !important;
	margin: 0 auto;
}

span.fw-400.fs-14 {
	font-weight: 300;
	font-size: 15px;
	opacity: 0.8;
}

.bg-low-green {
	background-color: #d5f6f6;
	display: flex;
	width: 26px;
	height: 26px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: 0 auto;
}

.danger-color-low {
	background-color: #ffd0d9;
	display: flex;
	width: 26px;
	height: 26px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: 0 auto;
}






.coin-earn-box {
	display: flex;
	align-items: center;
	gap: 20px;
}

.bg-tack-class {
	background-color: #000 !important;
	border-radius: 12px !important;
	margin-bottom: 1rem;
}

.coin-earn-content h3 {
	color: #fff;
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.coin-earn-content p {
	color: var(--grey, #c3c5dd);
	font-family: "";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}

h4.coin-history {
	margin: 1.5rem 0;
	color: var(--dark, #B81C18);
	/* */
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.otp-input-fields {
	margin: auto;
	background-color: white;
	max-width: 400px;
	width: auto;
	display: flex;
	justify-content: center;
	gap: 10px;
	/* padding: 20px; */
}

.otp-input-fields input {
	height: 40px;
	width: 40px;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #2f8f1f;
	text-align: center;
	outline: none;
	font-size: 16px;
	/* Firefox */
}

.otp-input-fields input::-webkit-outer-spin-button,
.otp-input-fields input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.otp-input-fields input[type="number"] {
	-moz-appearance: textfield;
}

.otp-input-fields input:focus {
	border-width: 2px;
	border-color: #287a1a;
	font-size: 20px;
}

.login-page .auth-left img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.login-page .auth-left {
	background-size: 100% 100%;
	background-position: center;
	color: #fff !important;
	background-repeat: no-repeat;
	display: flex;

	align-items: center;
	justify-content: center;
	border-right: 1px solid #e1e1e1;
}

.login-page .auth-right::-webkit-scrollbar {
	width: 0 !important;
}


.login-page .auth-left h4 {
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.forgot-id-pass {
	text-align: end;
}

.forgot-id-pass a {
	color: #767680;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin-top: 10px !important;
}

.btn-cancle-order-stop {
	border: 1px solid var(--bs-primary) !important;
	padding: 0.375rem 2.75rem !important;
}

.hover-and-hidden {
	overflow: hidden;
	transition: all ease-in-out 0.4s !important;
	min-height: 300px;
	max-height: 300px;
	height: 100%;
	border-radius: 12px;
}

.sacle1 {
	transition: all ease-in-out 0.4s !important;
}

.hover-and-hidden:hover .sacle1 {
	/* transform: scale(1.2); */
	transform: scale(1.2) rotate(5deg);
	-webkit-transform: scale(1.2) rotate(5deg);
}


.login-page .auth-left p {
	color: #c3c5dd;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.login-page .auth-left .auth-logo {
	width: fit-content;
	margin: auto !important;
}

.login-page .auth-left .auth-logo img {
	width: 120px;
	height: auto;
	margin: 0 auto 30px;
}

.login-page .auth-right {
	padding: 40px 20px 0px;
	display: flex;
	position: relative;
	height: auto;
	gap: 30px;
	overflow-y: auto;
	overflow-x: hidden;
	flex-direction: column;
	align-items: center;
	justify-content: start;
}

.login-page .auth-right div#nav-tabContent {
	width: 100%;
}

.login-page .auth-right .heading__set__sign__in {
	width: 100%;
	text-align: center;
}

.auth-right .havent-account button {
	border: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	text-decoration: underline;
	color: var(--bs-primary) !important;
}

.sign__in__pages {
	text-align: center;
	display: flex;
	flex-direction: column;
	width: 65%;
	margin: auto;

}

div#step2 {
	width: 65%;
	margin: auto;
}

.wizard-container {
	width: 100%;
}

.auth-right .form-check {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	line-height: normal !important;
}

.auth-right .form-check a {
	color: var(--bs-primary) !important;
	margin: 0 5px;
}

.auth-right .form-check label {
	margin-left: 10px !important;
	margin-bottom: 0 !important;
}


select#language {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: #fff !important;
}

select#language option {
	color: #000 !important;
}

select#language option:hover {
	background: var(--bs-primary) !important;
}

ul.dropdown-menu.main-cotegory-top a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
}

.top-nav-category .dropdown-menu a {
	justify-content: space-between;
}

.dropdown-item.active {
	color: #fff;
	text-decoration: none;
	background-color: var(--bs-primary) !important;
}

.dropdown-item.active,
.dropdown-item:active svg {
	stroke: #fff !important;
}

.dropdown-item.proceed-to-buy {
	padding: 10px;
	text-align: center !important;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px !important;
	margin: 5px 10px !important;
	font-weight: 400;
}

.dropdown-menu h5 {
	/* padding-left: 20px !important; */
	margin-top: 11px;
	margin-bottom: 0px !important;
}

.toggle-password {
	float: right;
	cursor: pointer;
	margin-right: 10px;
	margin-top: -31px;
}

.login-page .login-page nav .active {
	border-radius: 6px;
	background: #ceeaea;
}

.login-page .btn-login-tab.active {
	font-weight: 600;
	color: var(--bs-primary) !important;
}

.login-page .btn-login-tab {
	font-weight: 700 !important;
	color: #767680 !important;
	border: none;
	width: 100%;
	outline: none;
	box-shadow: none !important;
}

.login-page .btn-login-tab:focus {
	box-shadow: none !important;
	outline: none;
}


.login-page .nav-tabs .nav-link {
	font-weight: 500;
	font-size: 15px;
	background: 0 0;
	color: #FC4440 !important;
	border-radius: 5px !important;
	border: 1px solid #FC4440;
	margin: 0 5px !important;
	padding: 10px 10px !important;
	width: 47% !important;
}

.login-page .nav-tabs {
	border: none !important;
}

.login-page .auth-heading {
	color: #B81C18;
	font-size: 24px;
	font-style: normal;
	margin-bottom: 0;
	font-weight: 600;
	line-height: normal;
}

.login-page .login-form {
	position: relative;
	margin-bottom: 21px;
}

.login-page .form-control {
	height: 48px !important;
	font-size: 16px;
}



.form-control:focus {
	box-shadow: none !important;
}

.balloon::-webkit-input-placeholder {
	/* color: #efefef; */
	text-indent: 0;
	font-weight: 300;
}

.balloon+label {
	position: absolute;
	top: 12px;
	display: none !important;
	left: 8px;
	font-weight: 500;
	padding: 0px 12px;
	color: #032429;
	font-size: 14px;
	transition: all 0.3s ease-in-out;
	border-radius: 3px;
	background: #fff !important;
}

.balloon:focus,
.balloon:active {
	/* color: #377d6a; */
	border: 1px solid;
	text-indent: 0;
}

.balloon:focus::-webkit-input-placeholder,
.balloon:active::-webkit-input-placeholder {
	color: #aaa;
}

.balloon:focus+label,
.balloon:active+label {
	color: #767680;
	display: block !important;
	transform: translateY(-24px);
	transition: 0.8s ease-in-out;
}

input:-webkit-autofill {
	background-color: transparent !important;
}

.balloon:focus+label:after,
.balloon:active+label:after {
	border-top: 4px solid #7ab893;
}

.btn-login {
	background-color: var(--bs-primary) !important;
	color: #fff;
	margin-top: 15px;
	text-align: center;
	padding: 0.8rem;
	display: block;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	height: 45px;
	padding: 0.375rem 0.95rem;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	border-radius: 10px;

}

.btn-login:hover {
	box-shadow: inset 0 0 0 50px #fff;
	color: var(--bs-primary) !important;
	border: 1px solid var(--bs-primary) !important;
}

/* .dropdown:hover .dropdown-menu {
	display: block;
	transition: opacity 0.9s ease-in-out;
}

.dropdown-menu {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border: none !important;
	z-index: 1;
	transition: opacity 0.9s ease-in-out;
} */


#vertical li img {
	object-fit: contain;
}

.lSGallery a img {
	object-fit: contain;
}

/*============ check out ==============*/


#msform fieldset {
	/*stacking fieldsets above each other*/
	position: relative;

}

#pRelative {
	position: relative !important;
}


/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}

/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	padding-left: 0;
	counter-reset: step;
}

.action-button.btn-add-cart2 {
	font-size: 16px;
	padding: 10px 25px;
	width: fit-content;
	margin-bottom: 15px;
	display: inline-block;
}

.action-button-previous.btn-add-cart2 {
	font-size: 16px;
	padding: 10px 25px;
	width: fit-content;
	display: inline-block;
}

#progressbar li {
	list-style-type: none;
	color: #000;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	text-align: center;
	position: relative;
	letter-spacing: 1px;
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 24px;
	background: #767680;
	height: 24px;
	line-height: 23px;
	display: block;
	font-size: 12px;
	text-align: center;
	border-radius: 25px;
	margin: 0 auto;
}

/*progressbar connectors*/
#progressbar li:after {
	content: "";
	width: 100%;
	height: 2px;
	background: #767680;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1;
	/*put it behind the numbers*/
}

#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.activestep:before,
#progressbar li.activestep:after {
	background: var(--bs-primary);
	color: white;
}

ul.top-categories {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 0;
	list-style-type: none;
}

.listing-filter li {
	margin: 7px 0;
}

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

.top-breadcrumb a {
	color: #767680;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.top-breadcrumb span {
	color: var(--bs-primary);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.listing-filter {
	padding: 30px 25px;
	border-radius: 12px;
	background: #e3e1ec;
}

.listing-filter span {
	color: #767680;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.filter-heading {
	font-size: 16px;
	font-weight: 400;
	padding: 10px 0;
}

.listing-filter ul {
	list-style-type: none;
	padding-left: 0;
}

.listing-filter ul span {
	font-size: 20px;
}



.order-img-listing {
	border-radius: 7px 0px 0px 7px;
	background: linear-gradient(180deg, #e3e1ec 0%, rgba(217, 217, 217, 0) 100%);
	padding: 15px 20px;
}

.order-img-listing img {
	width: 90%;
	max-height: 105px;
	object-fit: contain;
}

.order-listing {
	border: 1px solid #dfdfdf;
	border-radius: 7px;
	width: 100%;
	margin: 10px auto;
}

.order-list-right {
	padding: 10px;
}

.order-list-right h2 {
	color: #B81C18;
	font-size: 20px;
	width: 70%;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.order-list-right h1 {
	color: var(--bs-primary);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.order-list-right-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-list-right-top-right {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.order-list-right-second-left {
	display: flex;
	align-items: center;
	justify-content: space-between;
}




.order-list-right-second-left p {
	color: #aeaeae;
	margin-bottom: 2px;
}

.order-list-right-second-left span {
	font-size: 12px !important;
	padding: 3px 8px;
	font-style: normal;
	color: #fff !important;
	font-weight: 400;
	line-height: 18px;
	align-items: center;
	justify-content: center;
	width: fit-content;
}

.order-list-right-second-right {
	margin-top: 5px;
}

.order-list-right-second-right small {
	color: #aeaeae;
	margin-bottom: 10px;
}

.order-list-right-second-right p {
	color: #B81C18;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 0;
	line-height: normal;
}

.cancelled {
	background: #ffb8c5 !important;
	color: #b8163d !important;
}

.delivered {
	color: #2b6f1b !important;
	background-color: #b8ffd0 !important;
}

/* ========  END  ========== */

/* ======== Order Details ======== */

.order-details .down-invo {
	border-radius: 8px;
	background: #ffffff;
	display: flex;
	align-items: center;
	padding: 7px 22px;
	justify-content: space-between;
	border: 1px solid rgba(0, 0, 0, 0.125);
}

.order-details .down-invo-r {
	color: #B81C18;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

.order-details .order-price-details {
	border-radius: 8px;
	background: #ffffff;
	margin-top: 20px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}

.order-details .order-price-details .card-header {
	padding: 7px 22px !important;
	background-color: transparent !important;
}

.order-details .order-price-details .card-footer {
	padding: 7px 22px !important;
	background-color: transparent;
}

.order-details .order-price-details .card-body {
	padding: 15px 22px !important;
}

.order-details .selected-delivery-type {
	color: #767680;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 10px !important;
	line-height: 18px;
}

.order-details .delivery-type {
	color: #B81C18;
	font-size: 15px;
	font-style: normal;
	margin-bottom: 0 !important;
	font-weight: 600;
	line-height: normal;
}

.order-details .track-progress {
	width: 80%;
	margin: 20px auto 90px;
}

.order-details .totle-order-amount {
	color: var(--bs-primary);
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	/* 125% */
}

.order-details .order-details-step-heading1 {
	position: absolute;
	top: auto;
	margin-top: 1rem;
	transform: translateX(-20%);
	margin-top: 1rem;
}

.order-product-details a.proceed-to-buy {
	font-size: 12px;
	padding: 0.6rem;
}

.order-details .order-details-step-heading2 {
	position: absolute;
	top: auto;
	left: 30%;
	transform: translateX(0);
	margin-top: 1rem;
}

.order-details .order-details-step-heading3 {
	position: absolute;
	top: auto;
	left: 65%;
	transform: translateX(-30%);
	margin-top: 1rem;
}

.order-details .order-details-step-heading4 {
	position: absolute;
	top: auto;
	right: 0;
	transform: translateX(43%);
	margin-top: 1rem;
}

.order-details .circle-step {
	top: 0%;
	transform: translateY(-50%);
}

.order-details .circle-step1 {
	left: 0;
	background-color: #d89c01;
	color: #fff;
	border: 1px solid #d89c01;
}

.order-details .circle-step2 {
	left: 33%;
	background-color: #d89c01;
	color: #fff;
	border: 1px solid #d89c01;
}

.order-details .circle-step3 {
	left: 66%;
	background-color: #fff;
	color: #fff;
	border: 1px solid #d89c01;
}

.order-details .circle-step4 {
	right: 0;
	background-color: #fff;
	color: #fff;
	border: 1px solid #d89c01;
}

.order-details .color-gray-yellow {
	color: #d89c01;
}

.order-details .order-product-details {
	border-radius: 12px;
	border: 1px solid #c3c5dd;
	background: #fff;
	position: relative;
	top: 16px;
}




.order-details .order-product-details-img {
	padding: 8px;
}

.order-details .order-product-details-img img {
	height: 85px;
	width: 100%;
	object-fit: contain;
	margin: auto;
}

.order-details .ordered-product-name {
	color: #B81C18;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	margin-bottom: 5px;
}



.order-product-details-main {
	padding: 5px 0;
}

.order-product-details-main h5 {
	font-size: 16px;
	margin-top: 8px;
}

.order-details .order-product-details-main-price {
	color: var(--bs-primary);
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0;
}

.order-details .order-product-details-order-id {
	color: #B81C18;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px;
}

.order-details .order-product-details-seller-id {
	color: #B81C18;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	margin-left: 20px;
	border-left: 1px solid #888;
	padding-left: 20px;
	line-height: 18px;
}

.order-details .order-product-details-main-footer {
	display: flex;
}

.order-details .order-delivery-address-heading {
	color: #B81C18;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	/* 125% */
}

.order-details .order-delivery-address-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.order-details .order-delivery-address {
	display: flex;
}

.order-details .order-delivery-address-right {
	padding-left: 15px !important;
}

.bg-light-green {
	background-color: var(--bs-primary) !important;
}

.border-light-green {
	border: 1px solid var(--bs-primary) !important;
}

.icon-verify-cancle-order {
	height: 70px;
	width: 70px;
	background-color: #e3e1ec;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}

.footer-logo {
	width: 150px;
	border-radius: 0;
	height: auto;
	object-fit: contain;
}

footer.footerMain {
	background-color: #FFF2F2;
	padding-top: 30px;
}

.footer-about {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.footerHead h5 {
	color: var(--bs-primary);
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
}

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

.footerHead li a {
	color: #000000;
	font-size: 14px;
	font-weight: 500;
}

.footerHead {}

.delivery-type .icon-visit .form-check {
	padding: 0px !important;
	display: flex !important;

}


/* ========== Footer Mobile ========== */
.footer-mobile {
	display: none;
	background-color: var(--bs-primary);
	color: #fff;
}

.footer-mobile ul {
	display: flex;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	font-size: 14px;
}

.footer-mobile a {
	color: #fff;
	text-decoration: none;
}

.footer-mobile a:hover {
	color: #fff;
	font-weight: 600;
}

.footer-mobile li a svg {
	width: 20px !important;
	height: 20px !important;
}


/* =============================================================================================================================



-===============================================================nav bar cateogry
=========================================================================
=====================


*/


.login-box {

	position: absolute;
	left: -100px;
	padding: 10px 10px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 2px;
	width: 300px;
	z-index: 99999;
	display: none;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 4px;
	color: #0d55d4 !important;
	border-radius: 10px;
}

.login-box .btn {
	width: 100%;
	margin-top: 10px;
	background-color: #1f85ec;
	color: #fff;
}

.login-box .btn:hover {
	background-color: #136edd;
}

ul.top-category-header {
	display: flex;
	justify-content: space-between;
	list-style: none;
}

ul.top-category-header li a {
	color: #fff !important;
	white-space: pre;
}

ul.top-category-header li {
	width: fit-content;
}

ul.top-category-header {
	display: flex;
	justify-content: space-between;
	padding: 8px 20px;
	font-size: 11px;
	margin-bottom: 0;
	gap: 20px;
	list-style: none;
	width: 100%;
	/* overflow-x: auto; */
}

.banner-mobile {
	display: none;
}

.full.menu20 {
	width: 100%;
}

#header20 {
	background: var(--bs-primary);
}

/* header currency selection end */

/* header part end here */
.ucartz-new-btn {
	position: absolute;
	background-color: red;
	border-radius: 10px;
	padding: 2px;
	color: #fff;
	background: #f44336;
	letter-spacing: 1px;
	font-size: 11px;
	padding: 2px 6px;
	border-radius: 6px;
	color: #fff;
	font-weight: 100;
	line-height: 15px !important;
}

.top-nav-category .navbar-nav li.nav-item:nth-child(7) .dropdown-menu .submenu {
	position: absolute;
	right: 100% !important;
	left: auto;
	top: -7px;
}

.top-nav-category .navbar-nav li.nav-item:nth-child(6) .dropdown-menu .submenu {
	position: absolute;
	right: 100% !important;
	left: auto;
	top: -7px;

}

.brands-on-sidebar button.btn-link.text-primary.btn_products_aside_brands {
	background: #fff;
	border: none;
	text-decoration: none;
}

.bg-special-offer .owl-stage {
	margin: auto !important;
}

.btn-shop-now {
	color: var(--dark, #B81C18);
	font-size: 15px;
	border-radius: 5px;
	padding: 5px 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	background: transparent;
	cursor: pointer;
	transition: all 0.5s ease;
	background-color: #FFF;
	margin-bottom: 20px;
	border: 1px solid #FFF !important;
}

.hover-and-hidden:hover .btn-shop-now {
	box-shadow: inset 0 0 0 50px var(--bs-primary);
	color: #fff !important;
	border: 1px solid var(--bs-primary) !important;
}


/* Footer  */

ul.icon-font-footer li i {
	height: 40px;
	background-color: var(--bs-primary);
	width: 40px;
	border-radius: 50%;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.icon-font-footer li a {
	color: #FFF;
}

.over-flowhidden {
	overflow: hidden;
}

.footer-bottom {
	background: var(--bs-primary);
	width: 100%;
}

.footer-bottom .copyright {
	border-top: none;
	padding: 15px 0;
}

.policy-menu {
	font-size: 14px;
	margin: 0;
	padding: 0;
	text-align: right;
}

.policy-menu li {
	display: inline-block;
	margin-right: 15px;
}

.policy-menu li a {
	color: #FFF;
}

.copyright-text p {
	color: #fff;
}


/* animation class and css  */


/* .yashu{
  opacity: 0;
  transform: translateY(120px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.yashu.activeyashu {
  opacity: 1;
  transform: translateY(0);
} */


/* MODAL MONEY CSS  */

.modal-money {
	background-image: url('../images/Payment-bgcolor.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40vw;
	width: 100%;
}

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

.money-img img {
	width: 20%;
	border-radius: 12px;
}

.modal-data1 h3 {
	color: white;
	text-align: center;
}

.modal-data1 p {
	color: white;
	width: 70%;
	margin: auto;
	text-align: center;
}

.back1 {
	border: none;
	background-color: transparent !important;
}

.order-delivery-address svg {
	width: 24px;
	height: 24px;
}

.list-group .badge {
	position: absolute;
	right: 15px;
}

/* BACK TO TOP BUTTON */

#back-to-button {
	display: inline-block;
	background-color: var(--bs-primary);
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 50%;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 111px;
	right: 47px;
	transition: background-color .3s,
		opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 99;
	border: 1px solid #fff;
	/* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
}

#back-to-button i {
	font-size: 20px;
	color: #fff;
}

#back-to-button:hover {
	cursor: pointer;
	background-color: #333;
	border: 1px solid var(--bs-primary);
}

#back-to-button:active {
	background-color: #B81C18;
	border: 1px solid #B81C18;
}

#back-to-button.show {
	opacity: 1;
	visibility: visible;
}

.voice-search-icon {
	width: 20px;
	position: absolute;
	right: 8px;
	top: 10px;
	margin: auto;

}

.nav-link.navbar__tabsubscribtion.active {
	color: #FFF !important;
	background-color: #64AAAA !important;
}

.nav-link.navbar__tabsubscribtion {
	color: #000 !important;
	border: 1px solid;
	border-radius: 4px;
	border: 1px solid var(--grey, #C3C5DD) !important;
}

.subscribe-tittle {
	color: var(--dark, #B81C18);

	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 49%;
}

.subscribe-tittle h4 {
	word-break: break-all;
}

.order-delivery-address-right p {
	line-height: 21px;
}


#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 999999999999999999;
	width: 120px;
	height: 120px;

}


/* SPET BY STEP BOOTSTRAP  5 CSS  */


/* #container {
  max-width: 550px;  
} */

.step-container {
	position: relative;
	text-align: center;
	transform: translateY(-43%);
}

.step-circle {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #007bff;
	line-height: 30px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	cursor: pointer;
	/* Added cursor pointer */
}

.step-line {
	position: absolute;
	top: 16px;
	left: 50px;
	width: calc(100% - 100px);
	height: 2px;
	background-color: #007bff;
	z-index: -1;
}

#multi-step-form {
	overflow-x: hidden;
}


/*====================== ALL CATEGORY CSS PAGES ======================================== */

.category-page .Cotegoies-section {
	background-color: var(--bs-primary);
	padding: 15px;
	border-radius: 8px;
}

.category-page .Cotegoies-section ul.all-categories {
	list-style: none;
	padding-left: 10px;
	width: 100%;
}

.category-page .Cotegoies-section li {
	padding: 5px 0;
	font-size: 20px;
	color: #fff;
}

.category-page .sub-Cotegoies-section .images-categories {
	margin: auto;
	width: fit-content;
}

.category-page .sub-Cotegoies-section .images-categories img {
	height: 120px;
	width: 120px;
	border-radius: 8px;
}

.category-page .sub-Cotegoies-section .category-name {
	width: fit-content;
	margin: auto;
	padding: 7px;
}

.category-page .sub-Cotegoies-section .category-name h4 {
	font-size: 18px;
}

.category-page h4.Cotegoies-heading {
	font-weight: 600;
	margin-bottom: 25px;
}


/*=========================
=====================*/


.category-page .nav-pills-custom .nav-link {
	background: var(--bs-primary);
	position: relative;
	color: #fff;
}

.category-page .nav-pills-custom .nav-link.active {
	color: var(--bs-primary) !important;
	background: #fff;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
	.category-page .nav-pills-custom .nav-link::before {
		content: '';
		display: block;
		border-top: 8px solid transparent;
		border-left: 10px solid #fff;
		border-bottom: 8px solid transparent;
		position: absolute;
		top: 50%;
		right: -10px;
		transform: translateY(-50%);
		opacity: 0;
	}

}

.category-page .nav-pills-custom .nav-link.active::before {
	opacity: 1;
}

#Chat-botai {
	background-color: var(--bs-primary);
	width: 40px !important;
	height: 40px;
	text-align: center;
	border-radius: 50%;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 64px;
	right: 47px;
	z-index: 11;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	color: #FFF;
}

.social-media-login ul {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style-type: none;
	gap: 10px;
}



.btn {
	box-shadow: none !important;
}





img.me-4.cart-list-image {
	width: 150px;
	height: 150px;
	object-fit: contain;
}

.quantity__qty {
	width: 50px;
	text-align: center;
	height: 40px;
	border: 1px solid #ccc !important;
}

span.quantity__plus,
span.quantity__minus {
	width: 30px;
	height: 40px;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}












/* SPET BY STEP BOOTSTRAP  5 CSS  */








/*====================== ALL CATEGORY CSS PAGES ======================================== */


.category-page .Cotegoies-section ul.all-categories {
	list-style: none;
	padding-left: 10px;
	width: 100%;
}

.category-page .Cotegoies-section li {
	padding: 5px 0;
	font-size: 20px;
	color: #fff;
}


.category-page h4.Cotegoies-heading {
	font-weight: 700;
	margin-bottom: 25px;
}


/*=========================
  =====================*/

/* Add indicator arrow for the active tab */
@media (min-width: 992px) {}

.color-refercode {
	color: #FF9934;
	text-align: center;
	font-family: '';
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	/* 128.571% */
}

.type-tec {
	text-align: center;
	width: 40%;

}

.backchange-ground {
	background-color: #053435;
	border-radius: 12px;

}

.backdark-coin-earn {
	background-color: #B81C18;
	border-radius: 12px 0 0 12px;
	border-right: 2px dotted var(--green, var(--bs-primary));
	width: 90%;
	padding: 1rem 1rem;
	position: relative;
	overflow: hidden;
	z-index: 1;

}

.backdark-coin-earn::before {
	content: "";
	position: absolute;
	top: -80%;
	left: -28%;
	width: 300px;
	height: 300px;
	background-color: var(--green, var(--bs-primary));
	opacity: 0.35;
	filter: blur(45px);
	z-index: -1;
}

.type-tec p {
	color: var(--grey, #C3C5DD);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	/* 128.571% */
}


/************************************************* ABOUT SECTION CSS ************************************************ */


.about__hero__banner {
	/* background-image: url('../images/about-us/aboutus-banner.png'); */
	background-color: #FFF2D9;
	background-size: 100% 100%;
	min-height: 400px;
	height: 100%;
	background-repeat: no-repeat;
	padding: 4rem 0 8rem;
	position: relative;
	z-index: 1;
}

.about__hero__banner ::after {
	content: "";
	position: absolute;
	background-image: url('../images/about-us/laptop-bg-set-about.svg');
	top: 4%;
	left: 5%;
	width: 75.38px;
	height: 56.979px;
	z-index: -1;


}

.about__hero__banner::before {
	content: "";
	position: absolute;
	background-image: url('../images/about-us/buget.svg');
	bottom: 30%;
	right: 0%;
	width: 85.38px;
	height: 76.979px;
	z-index: 1;

}


.about__content p {
	width: 100%;
}




.aboutus__hero__section {
	width: 100%;
	height: 100%;
	position: relative;
}

.aboutus__hero__section::before {
	content: "";
	position: absolute;
	background-image: url(../images/about-us/circle-dot-dash.svg);
	top: 25%;
	right: 30%;
	width: 32.738px;
	height: 33.16px;
	z-index: 11;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}



.aboutus__hero__section::after {
	content: "";
	position: absolute;
	background-image: url(../images/about-us/Groupcross.svg);
	top: 5%;
	right: 15%;
	width: 24.316px;
	height: 25.865px;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.about__content-heading {
	width: 60%;
}

.images__section {
	width: 100%;
	height: 100%;
	transform: translateY(-20%);
	position: relative;
	z-index: 1;
}

.project__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
	margin-top: 1rem;
}

.what__we__do {
	background-image: url('../images/about-us/back-ground.png');
	height: 100%;
	width: 100%;
	background-color: #B81C18;
	display: flex;
	align-items: center;
}

.content__whtwedo h3 {
	color: #FFF;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.content__whtwedo p {
	color: var(--text-grey, #767680);
	font-size: 20px;
	font-style: normal;
	font-weight: 450;
	line-height: 1.6;
}

.content__whtwedo {
	padding: 0 6rem;
}

.project__list {
	text-align: center;
}

.what__we__do__section {
	margin-top: 3.5rem;
}

.vission__content h3 {
	color: var(--dark, #B81C18);
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

section.vission__section {
	margin-top: 6rem;
}

.vission__content p {
	color: var(--stroke, #414141);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}

.our__adviser {
	margin-top: 6rem;
	background: #FFF7EA;
	padding: 5rem 0;
}

.adviser__heading h3 {
	color: var(--dark, #B81C18);
	text-align: center;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}


.adviser__heading p {
	color: var(--text-grey, #767680);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 450;
	line-height: 1.6;
}

.our__partner__images img {
	width: auto !important;
}

.our__partner__section {
	margin-top: 4rem;
}




/*thubliimage css*/


.product__thumbnail img.img-fit.dark-support.rounded {
	width: 100%;
}

/*range slider*/
.pricerangeview {
	padding-bottom: 1rem;
}

.pricerangeview .price-input {
	width: 100%;
	display: flex;
}

.pricerangeview .price-input .field {
	display: flex;
	width: 100%;
	height: 30px;
	align-items: center;
}

.pricerangeview .field input {
	width: 100%;
	height: 100%;
	outline: none;
	font-size: 15px;
	padding: 8px !important;
	margin-left: 12px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #999;
	-moz-appearance: textfield;
}

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

.pricerangeview .price-input .separator {
	width: 130px;
	display: flex;
	font-size: 19px;
	align-items: center;
	justify-content: center;
}

.pricerangeview .slider {
	height: 5px;
	position: relative;
	background: #ddd;
	border-radius: 5px;
}

.pricerangeview .slider .progress {
	height: 100%;
	left: 0%;
	right: 25%;
	position: absolute;
	border-radius: 5px;
	background: #17a2b8;
}

.pricerangeview .range-input {
	position: relative;
}

.pricerangeview .range-input input {
	position: absolute;
	width: 100%;
	height: 5px;
	top: -5px;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.pricerangeview input[type="range"]::-webkit-slider-thumb {
	height: 17px;
	width: 17px;
	border-radius: 50%;
	background: #17a2b8;
	pointer-events: auto;
	-webkit-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.pricerangeview input[type="range"]::-moz-range-thumb {
	height: 17px;
	width: 17px;
	border: none;
	border-radius: 50%;
	background: #17a2b8;
	pointer-events: auto;
	-moz-appearance: none;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}










/* DUBLLE CSS  */



/*======================================== PRODUCT DETAILS PAGES CSS =========================================== */



/* TABLIST ITEM  */

.tab {
	display: none;
}

/* Style the content */


/* Show the first tab and content by default */
#tab1,
#content1 {
	display: block;
}

/* Style the tab buttons */
.tab-button {
	cursor: pointer;
	padding: 10px 40px;
	display: inline-block;
	margin: 0 10px;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.activetabbg {
	background-color: #d5f6f6;
	color: var(--green, var(--bs-primary));
	/*   */
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	border-radius: 8px;
}



/* review */








/*============================ VENDOR PAGE CSS ===================================*/




/* vendor list */



/* VENDOR LISTING PRODUCT  */



/* Style the labels */

span.badge.bg-danger.rounded-pill {
	display: flex;
	justify-content: center;
	align-items: center;
}


.text__green__color {
	color: var(--bs-primary) !important;
}






input.design-new-radio-btn[type="radio"] {
	box-shadow: 0px 0px 0px 1px #6d6d6d !important;
	font-size: 3em !important;
	width: 18px !important;
	height: 18px !important;
	margin-right: 7px !important;
	border: 3px solid #fff !important;
	background-clip: border-box !important;
	border-radius: 50% !important;
	appearance: none !important;
	transition: background-color 0.3s, box-shadow 0.3s !important;
	transform: translateY(3px);
}

input.design-new-radio-btn:checked {
	box-shadow: 0px 0px 0px 3px var(--bs-primary) !important;
	background-color: var(--bs-primary) !important;
}



/* CART FINAL  */




.all__btn__gap {
	gap: 1rem !important;
}


/* profile page css  */



.list-group-item.bg-light-green-actived svg {
	fill: #c0211d !important;
}


.list-group-item svg {
	/* stroke: #000; */
}

.bread__crum p a {
	padding: 0 0.0135rem;
}

.social-media-login {
	margin-top: 1rem;
}

.bread__crum p {
	margin-bottom: 0;
}


.top-breadcrumb a {
	padding: 0 0.3rem;
}

/* MODAL MONEY CSS  */


/* User account  */
.user-profile-div .image__profile__wallet {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: #FFF;
}

.image__profile__avtar {
	width: 92px;
	height: 92px;
	border-radius: 50%;
	border: 1px solid #000;
	background-color: #FFF;
}

.user-profile-div .image__profile__wallet img {
	max-height: 100% !important;
	width: 100% !important;
	object-fit: cover;
	height: 100%;
}

.image__profile__avtar img {
	min-height: 90px !important;
	max-height: 90px !important;
	width: 90px !important;
	object-fit: cover;
}

.order-product-details .btn.btn-sm.btn-outline-primary {
	display: flex;
	justify-content: center;
	align-items: center;
}


ul.option-select-btn li label span i.bi.bi-briefcase,
ul.option-select-btn li label span i.bi.bi-house {
	padding: 0 5px;
}







/*-================================================================== ETRA CSS  PAGES 

        ==            ==
        ==           ==
        ==          ==
         ==         ==        
          ==        ==
            ==      ==
              ==  ==
                ==
                ==
                ==
                ==
                ==

-============================================================================================================================ */


.form-control.input__field {
	height: 48px !important;
}

.form-select.input__field {
	height: 48px !important;
}

.input-inner-end-ele {
	position: relative;
}

.input-inner-end-ele i {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

.upload-file__img {
	width: 80%;
	border: 1px dashed #ccc;
	padding: 10px;
	height: 160px;
	margin-top: 1rem;
}

.upload-file__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


input[type="radio"]:checked+.size-btnbg.d-block {
	background: var(--bs-primary) !important;
	color: white;
}


input[type="radio"]:checked+.brown-bg-circle {
	border: 2px solid var(--bs-primary);
}


span.quantity__plus {
	border-left: 0 !important;
	border-radius: 0px 8px 8px 0px;
}

span.quantity__minus {
	border-right: 0px !important;
	border-radius: 8px 0px 0px 8px;
}


.page-item.active .page-link {
	z-index: 3;
	color: #fff !important;
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
}

.page-link {
	color: var(--bs-primary) !important;
	border: 1px solid var(--bs-primary) !important;
}

.otp-field {
	margin-top: 10px !important;
}

.pagination {
	justify-content: flex-end !important;
}

.list-group-item .accordion-item {
	border: none !important;
	margin: 0 !important;
}

.list-group-item .accordion-button {
	padding: 15px 0;
}

.list-group-item .accordion-body {
	padding: 0 !important;
}

.brands-on-sidebar .accordion-body div {
	border-bottom: 1px solid #f1f1f1;
	padding-top: 5px;
}

ul.option-select-btn {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 0;
}

ul.option-select-btn li label {
	display: flex;
	align-items: baseline;
	justify-content: center;
	padding: 10px 15px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.media .btn.btn-outline-success.rounded-circle.btn-action,
.media button.btn.btn-outline-danger.rounded-circle.btn-action {
	height: 40px !important;
	width: 40px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}



.mart-sunshine img {
	height: 35px;
	width: 35px !important;

}

ul.option-select-btn li label button {
	background-color: #FFF;
	align-items: center !important;
}


.payment-page ul.option-select-btn li {
	width: 23% !important;
}

.payment-page ul.option-select-btn li:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	color: #000 !important;
}

.payment-page ul.option-select-btn li button:hover {
	color: #000 !important;
}

.payment-method img {
	height: 37px;
	width: auto;
	max-width: 100%;
}


.accordion-button::after {
	width: 10px !important;
	height: 10px !important;
	background-size: 10px !important;
}

.accordion-main .accordion-collapse.collapse.active.show {
	max-height: 300px;
	overflow-y: auto;
	min-height: 0;
	overflow-x: hidden;
}

/* width */
::-webkit-scrollbar {
	/* width: 8px; */
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	/* background: var(--bs-primary); */
	background: gray;
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	/* background: var(--bs-primary); */
	background: gray;
}

.products_aside_categories a {
	word-break: break-word !important;
}

.item-offspan {
	position: absolute;
	top: 5px;
	right: 0;

}

.content-item-cart .item-bill {
	display: flex;
	flex-direction: column;
}

.btn:focus {
	outline: none !important;
	box-shadow: none !important;
}

.card.search-card {
	z-index: 9 !important;
	border: none;
	background-color: #ffffff !important;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

.product-cart {
	display: flex;
}

.mini__logo {
	width: 68px;
}

.logomain__logo {
	display: none;
}

.refund-details-page .avatar {
	width: fit-content;
}

.refund-details-page .avatar img {
	height: 100px;
	width: 100px;
	object-fit: contain;
}


.image__profile__wallet {
	width: 56px;
	height: 56px;
	object-fit: cover;
}

p.fw-medium {
	margin: 0;
	font-size: 85%;
}

label.custom-checkbox {
	width: 100%;
}

#preLoader {
	/* z-index: 1; */
	width: 120px;
	height: 120px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #000;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	transform: translate(-50%, -50%);
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.spinner-div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	width: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	background: #fff !important;
}



/* footer active  */

.activenav {
	border-bottom: 2px solid #E0F4F5;
}

span.position-absolute.toppx-10.custom-left-40.translate-middle.badge.rounded-pill.bg-danger {
	width: 16px;
	height: 16px;
}

/* .mart-sunshine .rating-point {
		padding-left: 6px;
	} */



h5.sub-category {
	font-weight: 600;
	padding: 5px 0;
}

.list-group-flush.sub-sub-category::-webkit-scrollbar {
	width: 3px;
}

.list-group-flush.sub-sub-category .list-group-item {
	border-width: 0 !important;
}

li.nav-item.dropdown.dropdown-hover.position-static .dropdown-menu {
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}



li.nav-item.dropdown.dropdown-hover.position-static .dropdown-menu .list-group-item-action {
	padding-left: 0 !important;
}


.resend-otp-div {
	text-align: end;
	padding: 10px 0 0;
}

a.resend-otp {
	color: var(--bs-primary);
}




button.btn.btn-save-later {
	background: #fff !important;
}

.btn-check-save button.btn.btn-save-later {
	background-color: transparent !important;
	border-radius: 4px;
	border: 1px solid var(--dark, #B81C18);
	background: var(--light-grey, #E3E1EC);

}



.shipping_address {
	background: #fff !important;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.08);
	border-radius: 5px;
	margin-bottom: 15px;
}

.shipping_address p {
	line-height: 24px !important;
	margin-bottom: 0;
	letter-spacing: 0.0134rem !important;
}

.shipping_address .form-check {
	padding-left: 0px;
}




.books-slider-carousel .item {
	background: #fff !important;
	border-radius: 7px;
}



.overlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background: #2222223d;
	z-index: 1;
}

.overlay__inner {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.overlay__content {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.spinner {
	width: 75px;
	height: 75px;
	display: inline-block;
	border-width: 2px;
	border-color: rgba(255, 255, 255, 0.05);
	border-top-color: #1b1919;
	animation: spin 1s infinite linear;
	border-radius: 100%;
	border-style: solid;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

label.custom-checkbox a {
	color: #8E959B;
	padding-left: 1rem;
	font-size: 15px;
	width: 100%;
	display: flex;
}

ul.sub_menu li .d-flex.justify-content-between.collapsed a {
	padding-left: 0.5rem;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.list-unstyled li p {
	text-align: left;
}


.list-unstyled li {
	display: flex;
	gap: 10px;

}


/* ORDER___SUCCESSFULLY ORDER */

.order__successfully__placed {}


.successfully-msg-image {}


.bg-light-gery.colorchnage {
	background-color: #fff !important;
}



.item-detail-cart .item-like {
	position: absolute;
	top: 0;
	background: #fff;
	right: 0;
	border-radius: 0 4px 0 12px;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rating1 {
	display: flex;
	width: fit-content;
	overflow: hidden;
	flex-direction: row-reverse;
	position: relative;
}

.rating-0 {
	filter: grayscale(100%);
}

.rating1>input {
	display: none;
}

.rating1>label {
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 76%;
	transition: .3s;
}

.rating1>input:checked~label,
.rating1>input:checked label label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating1>input:not(:checked)~label:hover,
.rating1>input:not(:checked) label:hover label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.sticky-top {
	top: 10% !important;
}


.page-title {
	background: rgb(11, 114, 111);
	background: radial-gradient(circle, rgb(6 85 82) 0%, rgba(13, 50, 43, 1) 52%);
	color: #fff !important;
}

.page-title nav {
	width: fit-content;
	margin: auto;
}

.page-title nav li a {
	color: #fff !important;
}

.page-title .breadcrumb-item.active {
	font-weight: 600;
}

.warranty-brand-policy a:hover .free-delevery p {
	color: #000 !important;
}

.media-icon {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	color: #fff;
	margin: 0 auto 10px;
	justify-content: center;
}

.media {
	text-align: center;
}

.model-p p a {
	font-size: 15px;
	font-weight: normal;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;

}

.model-p a {
	font-size: 16px;
	font-weight: 600;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;

}

.modal-notification.unread {
	background: #f9f9f9;
}

.listing-filter ul li label {
	display: flex;
	align-items: center;
}

.listing-filter ul li label input {
	margin-top: 0;
}

li.modal-notification.unread .model-d {
	font-size: 12px;
}

.zoomContainer {
	z-index: 9;
	cursor: zoom-in !important;
	/*    background: #adadad63;*/
}


.contact__us__content {
	border-radius: 31px;
	background: #E1F4F4;
	padding: 2rem;
}


.mid img {
	height: 160px;
}

.media .media-body h6 {
	line-height: 24px;
	margin-bottom: 0;
	font-weight: 400;
}

.contact__us__content .media {
	margin-bottom: 1rem;
	text-align: left;
}

.social__media__icon {
	font-size: 20px;
}

textarea#message {
	height: 118px !important;
}

.location__section {
	transform: translateY(55px);
}

h3.ganral__heading {
	font-size: 24px;
	letter-spacing: 0.003rem;
	width: fit-content;
	position: relative;
	font-weight: 600;
}


/* SUBSCRIBTION   */
.subscription-plan-card {
	height: 400px;
	position: relative;
}


.light-green-bg {
	background-color: #fff2f2 !important;
}

.page-title.__opacity-half {
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
}


.btn-primary.btn__start__subscribtion {
	width: 90% !important;
	left: 50%;
	transform: translateX(-50%);
	bottom: 3% !important;
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	border: none;
}

.btn-primary.btn__start__subscribtion:hover {
	border: 1px solid rgba(184, 28, 24, 1);
}

.top-left-product-details {
	position: relative;
}

.top-left-product-details .share-likes-button {
	position: absolute;
	right: 31px;
	top: 17px;
	z-index: 99;
}

.sub-sub.sub_menu li label.custom-checkbox {
	width: 100%;
}

i.bi.bi-star-fill {
	color: #FFC107;
}


.btn-buynow-cardproduct {
	transition: ease-in-out 0.4s !important;
}

.btn-buynow-cardproduct:hover {
	box-shadow: inset 0 0 0 50px #fff !important;
	color: var(--bs-primary) !important;
}

button.btn.btn-primary.btn-sm.follow-vendor-by-user {
	transition: ease-in-out 0.4s !important;
}

button.btn.btn-primary.btn-sm.follow-vendor-by-user:hover {
	box-shadow: inset 0 0 0 50px #fff !important;
	color: var(--bs-primary) !important;
}

.btn.btn-primary:hover {
	border: 1px solid rgba(184, 28, 24, 1);
}


/* Product Review  */

.product__review__set img {
	width: 150px;
	height: 100px;
	object-fit: cover;
}

.product__review__set {
	width: 100%;
}

.testimonial__review__allcontrol {
	max-height: 666px;
	overflow-y: scroll;
	min-height: 100% !important;
	overflow-x: hidden !important;
}


.testimonial__review__allcontrol::-webkit-scrollbar {
	width: 1px;
}

.lightboxOverlay {
	transition: all ease-in-out 0.3s !important;
	background-color: #00000070 !important;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90) !important;
	opacity: 0.9 !important;
}



ul.sub_menu__set {
	list-style-type: none;
	padding-left: 0.8rem;
	padding-top: 0 !important;
}

ul.sub_menu__set li {
	padding: 4px 0;
	opacity: 0.9;
}


/* DESCRIBTION  */


.describtion p img {
	/* width: auto; */
	width: 100%;
	object-fit: contain;
	/* max-height: 250px; */
}

.describtion ol {
	display: flex;
	list-style-type: none;

}

.describtion ul {
	display: flex;
	list-style-type: none;
	flex-direction: column;
	margin: 2rem 0;
	padding: 0;

}


.describtion ol li {
	width: 100%;
}

.describtion ol li p img {
	width: 100%;
}

.describtion ol li p img {
	text-align: center;

}

.describtion {
	width: 100%;
	margin-top: 2rem;
}


.describtion table tbody tr th p img {
	width: 100% !important;
	height: 200px;
}




.login-page .nav-tabs .nav-link.active {
	color: #fff !important;
	background-color: #FC4440 !important;
}

.top-nav-category .dropdown-menu {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
	border: none !important;
}

.steps li:not(:last-child)::after {
	left: 60% !important;

}

.steps li a {
	font-size: 0.9rem !important;
}

/*Chat boat css start*/
/* Chatbot */
.botIcon {
	bottom: 65px;
	right: 47px;
	position: fixed;
	z-index: 99;
}

.iconInner {
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	background: #FC4440 !important;
	/* background: -webkit-linear-gradient(to left, #00dbde, #fc00ff, #00dbde, #fc00ff);
    background: -o-linear-gradient(to left, #00dbde, #fc00ff, #00dbde, #fc00ff);
    background: -moz-linear-gradient(to left, #00dbde, #fc00ff, #00dbde, #fc00ff);
    background: linear-gradient(to left, #00dbde, #fc00ff, #00dbde, #fc00ff);*/
	background-position: 50%;
	background-size: 300%;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 20px;
	height: 40px;
	justify-content: center;
	width: 40px;
}

.botSubject,
.messages,
.showBotSubject .botIconContainer,
.showMessenger .botIconContainer {
	display: none;
}

/* .showBotSubject .botSubject {display: block;}
.showMessenger .messages {display: block;}
.botSubject {position: relative;width: 300px;}
.botIcon .messages {background: none;border: none;border-radius: 0;bottom: 0;box-shadow: 0px 0px 30px -5px #000;min-height: 250px;max-height: 50vh;margin: 0;padding: 0;position: relative;right: 0;width: 300px;}
.screen {background-color: #fff;position: absolute;height: 100%;overflow: hidden;width: 100%;}
.botIcon .messages .body {box-sizing: border-box;height: calc(100% - 40px);overflow-y: auto;padding: 0px 12px 6px;}
.botIcon .messages .body .msg {-webkit-animation: msg 1s;-moz-animation: msg 1s;-ms-animation: msg 1s;-o-animation: msg 1s;animation: msg 1s;background-color: #1666af;border-radius: 0px 10px 10px 10px;box-sizing: border-box;clear: both;color: #fff;margin-top: 10px;opacity: 1;display: block;overflow: hidden;padding: 10px 10px;width: 100%;float: left;width: auto;}
.messages .body .msg.user {background-color: #fff;box-shadow: 0 0 4px rgba(0, 0, 0 , .5);border-radius: 10px 0px 10px 10px;color: #000;float: right;width: auto;}
.botIcon .messages .footer, .botSubject > form {box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);bottom: 0;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;padding: 0;position: absolute;width: 100%;z-index: 100;}
.botSubject > form {background-color: #fff;padding: 20px 15px;position: static;}
.botIcon .messages .footer input, .botSubject input {border-width: 0px;box-sizing: border-box;font-size: 1em;margin: 0;padding-left: 10px;}
.botIcon .messages .footer input[type="text"], .botSubject input[type="text"] {border: 1px solid;width: calc(100% - 70px);}
.botIcon .messages .footer input[type="submit"], .messages .footer input[type="button"], .messages .footer button, .botSubject input[type="submit"], .botSubject input[type="button"], .botSubject button {width: 60px;}
.botIcon .messages .footer input, .messages .footer button, .botSubject input, .botSubject button {height: 40px;}
.botIcon .messages .footer button, .botSubject button {background-color: #123123;border: 0px solid black;color: white;width: 70px;margin: 0px;outline: none;}
.botIcon .messages .footer button:hover, .botSubject button:hover {opacity: 0.7;}
.botIcon .btn.btn-default.buyc_btn {border-radius: 0 !important;color: #fff;margin: 0;padding: 0;}
.botIcon .btn.btn-default.buyc_btn:hover {padding: 0;}
.closeBtn {background: #a64bf4;background: -webkit-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);background: -o-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);background: -moz-linear-gradient(right,#00dbde, #fc00ff, #00dbde,#fc00ff);background: linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff);background-position: 50%;background-size: 300%;border-radius: 50%;height: 30px;position: absolute;right: 0;top: 0;-webkit-transform: translate(50%, -50%);-ms-transform: translate(50%, -50%);transform: translate(50%, -50%);width: 30px;z-index: 999;}
.closeBtn::before, .closeBtn::after {background-color: #fff;content: "";display: block;height: 2px;left: 50%;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 20px;}
.closeBtn::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}

@-webkit-keyframes msg {
    0% {opacity: 0;-webkit-transform: translateY(20px);}
    100% {opacity: 1;-webkit-transform: translateY(0px);}
}
@-o-keyframes msg {
    0% {opacity: 0;-o-transform: translateY(20px);}
    100% {opacity: 1;-o-transform: translateY(0px);}
}
@-moz-keyframes msg {
    0% {opacity: 0;-moz-transform: translateY(20px);}
    100% {opacity: 1;-moz-transform: translateY(0px);}
}
@-ms-keyframes msg {
    0% {opacity: 0;-ms-transform: translateY(20px);}
    100% {opacity: 1;-ms-transform: translateY(0px);}
}
@keyframes msg {
    0% {opacity: 0;transform: translateY(20px);}
    100% {opacity: 1;transform: translateY(0px);}
}

@media only screen and (max-width: 412px) {
    .botSubject, .botIcon .messages {width: 280px;}
} */

.botIcon .Messages,
.botIcon .Messages_list {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.chat_close_icon {
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	position: absolute;
	right: 12px;
	z-index: 9;
}

.chat_on {
	background-color: #8a57cf;
	bottom: 20px;
	border-radius: 50%;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 45px;
	padding: 9px;
	position: fixed;
	right: 15px;
	text-align: center;
	width: 45px;
	z-index: 10;
}

.chat_on_icon {
	color: #fff;
	font-size: 25px;
	text-align: center;
}

.botIcon .Layout {
	-webkit-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);
	-ms-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);
	animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);
	-webkit-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	background-color: var(--bs-primary);
	bottom: 20px;
	right: 20px;
	border-radius: 10px;
	box-shadow: 5px 0 20px 5px rgba(0, 0, 0, .1);
	box-sizing: content-box !important;
	color: rgb(255, 255, 255);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	max-height: 30px;
	max-width: 300px;
	min-width: 50px;
	opacity: 0;
	pointer-events: auto;
	position: fixed;
	-webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;
	-ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;
	transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;
	z-index: 999999999;
}

.botIcon .Layout-open {
	border-radius: 5px;
	color: #fff;
	height: 500px;
	max-height: 500px;
	max-width: 300px;
	overflow: hidden;
	-webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);
	-ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);
	transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);
	width: 100%;
}

.botIcon .Layout-expand {
	display: none;
	height: 400px;
	max-height: 100vh;
	min-height: 300px;
}

.showBotSubject.botIcon .Layout-expand {
	display: block;
}

.botIcon .Layout-mobile {
	bottom: 10px
}

.botIcon .Layout-mobile.Layout-open {
	min-width: calc(100% - 20px);
	width: calc(100% - 20px);
}

.botIcon .Layout-mobile.Layout-expand {
	border-radius: 0 !important;
	bottom: 0;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
	width: 100%;
}

.botIcon .Messenger_messenger {
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	width: 100%;
}

.botIcon .Messenger_header,
.botIcon .Messenger_messenger {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.botIcon .Messenger_header {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--bs-primary);
	color: rgb(255, 255, 255);
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 40px;
	padding-left: 10px;
	padding-right: 40px;
}

.botIcon .Messenger_header h4 {
	-webkit-animation: slidein .15s .3s;
	-ms-animation: slidein .15s .3s;
	animation: slidein .15s .3s;
	-webkit-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	font-size: 16px;
	opacity: 0;
}

.botIcon .Messenger_prompt {
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.botIcon .Messenger_content {
	background-color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 80px;
}

.botIcon .Messages {
	background-color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px;
	position: relative;
	-webkit-overflow-scrolling: touch;
}

.botIcon .Input {
	background-color: #fff;
	border-top: 1px solid #e6ebea;
	color: #96aab4;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-bottom: 15px;
	padding-top: 17px;
	position: relative;
	width: 100%;
}

.botIcon .Input-blank .Input_field {
	max-height: 20px;
}

.botIcon .Input_field {
	background-color: transparent;
	border: none;
	outline: none;
	padding-left: 20px;
	padding-right: 45px;
	resize: none;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	min-height: 20px !important;
}

.botIcon .Input_button-emoji {
	right: 45px;
}

.botIcon .Input_button {
	background-color: transparent;
	border: none;
	bottom: 15px;
	cursor: pointer;
	height: 25px;
	outline: none;
	padding: 0;
	position: absolute;
	width: 25px;
}

.botIcon .Input_button-send {
	right: 15px;
}

.botIcon .Input-emoji .Input_button-emoji .Icon,
.botIcon .Input_button:hover .Icon {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.botIcon .Input-emoji .Input_button-emoji .Icon path,
.botIcon .Input_button:hover .Icon path {
	fill: #2c2c46;
}

.Icon svg {
	height: auto;
	width: 100%;
}

.msg {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.msg.user {
	-webkit-box-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

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

span.responsText {
	color: #000;
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
	max-width: calc(100% - 50px);
}

.msg.user span.responsText {
	margin-left: 0;
	margin-right: 10px;
}

span.avtr {
	display: inline-block;
	width: 30px;
}

span.avtr figure {
	background-color: #ccc;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	display: block;
	margin: 0;
	padding-bottom: 100%;
}

@-webkit-keyframes appear {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

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

@-ms-keyframes appear {
	0% {
		opacity: 0;
		-ms-transform: scale(0);
		transform: scale(0);
	}

	100% {
		opacity: 1;
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes appear {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

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

@-webkit-keyframes slidein {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

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

@-ms-keyframes slidein {
	0% {
		opacity: 0;
		-ms-transform: translateX(10px);
		transform: translateX(10px);
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slidein {
	0% {
		opacity: 0;
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

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



ul.sub-sub.sub_menu li {
	border-bottom: 1px solid #f1f1f1;
}

h2.accordion-header {
	border-bottom: 1px solid #f1f1f1;
}



.profile__drop .dropdown-item:active svg {
	fill: #fff !important;
	stroke: inherit !important;
}


button.btn-link.text-primary.btn_products_aside_categories {
	background: #FFF;
	border: 0;
	text-decoration: none;
}


.describtion .table-responsive::-webkit-scrollbar {
	width: 2px !important;
}

.hover__action {
	width: fit-content;
	padding: 0 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
}

.brand-item.grid-center {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	height: 100%;
	width: fit-content;
	padding: 10px 10px;

}

.hover__action .eye-btn {
	display: flex;
	align-items: center;
	gap: 5px;
	justify-content: center;
	margin: 0.5rem 0;
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	border-radius: 10px;
	display: flex;
	align-items: center;
	font-size: 17px;
	font-weight: 500;
	gap: 5px;
	transition: .3s ease all;
	justify-content: center;
	padding: 6px 30px;
	color: #fff;
	border: 1px solid #ffffff;
}

.lb-nav a.lb-next {
	background-size: 30% !important;
	width: 34% !important;
}

.lb-nav a.lb-prev {
	background-size: 30% !important;
}

/* CUSTOM CSS START FROM HERE */
.header-right-options {
	display: flex;
	justify-content: end;
	gap: 20px;
	/* border: 1px solid #00214a; */
}

.header-left-options {
	/* border: 1px solid var(--bs-primary); */
	display: flex;
	align-items: center;
	justify-content: space-between;

}

.header-right-options li {
	list-style: none;
	display: flex;
	padding: 0;
	align-items: center;
}

.header-right-options li.dropdown-item {
	padding: 10px 0;
}

.countBadge {
	border-radius: 50%;
	padding: 0;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	border: 1px solid #ccc;
	align-items: center;
	position: absolute;
	background-color: #fff;
	top: -8px;
	transform: unset !important;
	right: -8px;
	font-size: 12px;
	font-weight: 800;
}

ul {
	margin-bottom: 0;
}

button.loginBtn {
	border: 1px solid var(--bs-primary);
	background: var(--bs-primary);
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	padding: 0 20px;
	border-radius: 8px;
	height: 40px;
}

.pageSection h2 {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 30px;
}

.pageSection {
	margin: 0;
	padding: 10px 0;
}

.brandContainer {
	display: flex;
	flex-wrap: wrap;
}

.sellerBrandContainer {
	display: flex !important;
	overflow-x: auto !important;
	white-space: nowrap !important;
	flex-wrap: nowrap !important;
}

.brandContainer .brandDiv img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	transition: .3s ease all;
}

.brandContainer .brandDiv {
	width: 100%;
	height: 130px;
	transition: .3s ease all;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #e3e3e3;
}

.brandcontent {
	width: calc(10% - 10px);
	margin-right: 10px;
	min-width: 115px;
}

.featureDiv:nth-child(3) {
	/* background-color: #FF2C28; */
	background-color: #FFD9D9;
}

.featureDiv:nth-child(2) {
	/* background-color: #000; */
	background-color: #FFD9D9;
}

.featureDiv:nth-child(1) {
	/* background-color: #FF7F00; */
	background-color: #FFD9D9;
}

.featureDiv {
	width: calc(27% - 10px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: fit-content;
	transition: .3s ease all;
	padding: 10px;
	cursor: pointer;
	border-radius: 20px;
	background-color: #FF7F00;
}

.featureDiv:hover {
	transform: scale(105%);
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.borderCustom img {
	width: 85%;
	margin: 0 auto;
}

.featureDiv h6 {
	margin-bottom: 0;
	font-size: 25px;
	font-weight: 500;
	color: #000;
	text-align: center;
}

.borderCustom {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 3px dashed #fff;
	border-radius: 15px;
	padding: 10px 10px 10px 10px;
}

.spacialContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

section.pageSection.featureBackground {
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--bs-primary);
	padding: 50px 0;
	background-size: cover;
	margin-top: 25px;
}

.brandContainer .brandDiv:hover img {
	transform: scale(105%);
}

.customBanner img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.categoryCard {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 40px 10px;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.categoryCard img {
	height: 200px;
	width: 200px;
	object-fit: cover;
	border-radius: 15px;
}

.categoryCard h5 {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 20px;
	padding-right: 80px;
	font-size: 15px;
	width: 100%;
}

.categoryCard a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	width: 100%;
	flex-direction: column;

}

.categoryCard a.viewBtn {
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	border: 0 solid #fff;
	border-radius: 50%;
	width: 80px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 25px;
	right: 12px;
	line-height: 1.3;
}

.categoryCardDiv {
	width: calc(20% - 10px);
	height: auto;
	margin-right: 10px;
	margin-bottom: 20px;
}

.productSection h2 {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 30px;
}

.productSection {
	background-color: #FFF9F9;
	padding: 50px 0;
}

.productCard {
	padding: 0;
	border-radius: 15px;
	border: 1px solid #EFEFEF;
	overflow: hidden;
	overflow: hidden;
	background-color: #fff;
}

.productCard a {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.productCardImg {
	width: 100%;
	overflow: hidden;
}

.productCardImg img {
	width: 100%;
	height: 200px;
	object-fit: contain;
}

.productHead {
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.productHead label {
	color: transparent;
	font-weight: 600;
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	background-clip: text;
	margin: 5px 0 0 0;
	font-size: 18px;
}

.productHead h6 {
	font-weight: 600;
	width: 100%;
	margin-bottom: 0;
	font-size: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.priceClass {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	gap: 10px;
}

.priceClass span {
	font-size: 17px;
	font-weight: 500;
	color: #000;
}

.priceClass .lableSpan {
	color: #595959;
	font-size: 14px;
	font-weight: 500;
	text-decoration: line-through;
}

.productBtn {
	display: flex;
	justify-content: center;
	width: 100%;
	gap: 10px;
	margin-top: 15px;
}

.productBtn button img {
	width: 20px !important;
	height: auto;
	border-radius: 0;
	object-fit: contain;
	transition: .3s ease all;
}

.productBtn button {
	background-color: var(--bs-primary);
	border-radius: 10px;
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	gap: 5px;
	transition: .3s ease all;
	justify-content: center;
	padding: 6px 30px;
	color: #fff;
	border: 1px solid #ffffff;
}

.productBtn button:nth-child(1) {
	width: auto;
}

.productBtn button:hover {
	border: 1px solid #FC4440;
	color: #000;
	background: transparent;
}

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

.downloadContainer .col-md-8 .downloadLogo {
	width: 150px;
	height: auto;
	border-radius: 0;
	object-fit: contain;
}

.downloadContainer .col-md-8 .dounloadBtn img {
	width: 150px;
	height: auto;
	object-fit: contain;
	border-radius: 0;
}

.downloadContainer .col-md-8 .dounloadBtn {
	display: flex;
	align-items: center;
	gap: 10px;
}

.downloadContainer .col-md-8 p {
	font-size: 15px;
	font-weight: 600;
}

.downloadContainer .col-md-8 h3 {
	color: transparent;
	font-weight: 600;
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	background-clip: text;
	margin: 5px 0 0 0;
	font-size: 45px;
}

.downloadContainer .col-md-8 {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
}

.downloadContainer {
	border-radius: 30px;
	display: flex;
	flex-wrap: wrap;
	padding: 50px;
	padding-bottom: 0;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	background-color: #fff;
}

.downloadContainer .col-md-4 img {
	height: 400px;
	width: 100%;
	border-radius: 0;
	object-fit: contain;
}

.footerLogoDiv {
	display: flex;
	flex-direction: column;
	align-items: center;
}

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

.footerLogoDiv small {
	font-size: 15px;
	font-weight: 700;
	color: #696969;
	margin-top: 4px;
}

#auth-model.customModal .modal-content {
	border-radius: 20px;
	overflow: hidden;
}

#auth-model.customModal .modal-content .modal-xl {
	max-width: 900px;
}

#auth-model.customModal .modal-content .modal-lg {
	max-width: 900px;
}

#auth-model.customModal .customModalLogo {
	width: 100%;
	display: flex;
	justify-content: center;
}


#auth-model.customModal .customModalLogo img {
	width: 150px;
	height: auto;
	object-fit: contain;
}

#auth-model.customModal .heading__set__sign__in p {
	font-size: 13px;
	line-height: normal;
}

ul.list-group.list-group-flush .list-group-item a {
	font-weight: 500;
}

.productCardModal {}

.productCardModal .modal-header {
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
}

.productCardModal .modal-header h6 {
	font-size: 16px;
	margin-bottom: 0;
	color: #fff;
}

.productCardModal .modal-header button img {
	width: 27px;
	height: 27px;
	object-fit: contain;
}

.productCardModal .modal-header button {
	background-color: transparent;
	border: none;
	outline: none;
}

.productCardModal .modal-dialog {
	border-radius: 15px !important;
	overflow: hidden;
}

.productModal {
	padding: 20px;
}

.productModal li {
	font-size: 16px;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
	margin-bottom: 9px;
	list-style: none;
	font-weight: 500;
}

.productModal li::before {
	width: 10px;
	height: 10px;
	background-color: #FC4440;
	border-radius: 50%;
	content: "";
	display: flex;
}

.categoryTopCard {
	display: flex;
	align-items: center;
	width: 10%;
	justify-content: center;
	position: absolute;
	right: 0;
}

.categoryTopCard img {
	width: 30px !important;
	border-radius: 50%;
	height: 30px !important;
	background: var(--bs-primary);
	object-fit: cover;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
	padding: 5px;

}

.categoryTopCard a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.navCategory {
	display: flex;
	align-items: center;
	gap: 0;
	width: 100%;
}

.customSlider {
	width: 100%;
	display: flex;
	overflow-x: auto;
}

.sliderCard a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.sliderCard span {
	font-size: 14px;
	font-weight: 400;
	color: #000;
}

.sliderCard img {
	width: 35px;
	height: 35px;
	object-fit: cover;
	border: 1px solid #c1c1c1;
	border-radius: 5px;
}

.sliderCard {
	display: flex;
	align-items: center;
	width: 150px;
	gap: 5px;
	text-align: center;
	justify-content: center;
}

.sliderCard span,
.categoryTopCard span {
	color: #000;
	font-weight: 500;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	margin-top: 0;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-align: start;
	width: 100%;
}

.productHead.mt-2 .d-flex.justfiy-content-start.gap-2 {
	flex-wrap: wrap;
}

.category-carousel .item {
	justify-content: end;
	display: flex;
}

::-webkit-scrollbar {
	/* display: none; */
}

::-webkit-scrollbar-track {
	/* display: none; */
}

::-webkit-scrollbar-thumb {
	/* display: none; */
}

::-webkit-scrollbar-thumb:hover {
	/* display: none; */
}

.productcartdiv {
	height: 100%;
}

.feacturehead {
	color: #fff;
}

.logo-and-company-name {
	display: none;
}

.sticky-top {
	border-radius: 10px;
	height: auto;
	gap: 20px;
	min-height: 400px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}

.profilecard {
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	border-radius: 12px;
}

.categoryBgImg {
	position: absolute;
	left: 5%;
	width: 110px;
	height: auto;
	transform: scaleX(-1);
	object-fit: contain;
	bottom: 0;
}

section.featureBackground {
	padding: 56px 0;
}

.pageSection h2 {
	display: flex;
	justify-content: space-between;
	color: var(--bs-secondary);
	align-items: center;
}

.pageSection h2 a {
	color: #313131;
	gap: 10px;
	align-items: center;
	font-size: 19px;
	font-weight: 500 !important;
	font-size: 19px;
	display: flex;
}

.pageSection h2 a span {
	color: #313131;
	text-decoration: underline !important;
}


.recovercard {
	border-radius: 20px;
}

.downloadAppSection {
	text-align: center;
}

.downloadAppSection h3 {
	color: transparent;
	font-weight: 600;
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	background-clip: text;
	margin: 5px 0 0 0;
	font-size: 35px;
}

.dounloadBtn img {
	width: 150px;
	height: auto;
	object-fit: contain;
	border-radius: 0;
}

.downloadAppSection h3 span {
	text-transform: capitalize;
}

.downloadAppSection p {
	font-size: 15px;
	font-weight: 600;
}

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

.downloadAppSection .mobileFrame img {
	width: 80%;
	height: auto;
	object-fit: contain;
}

.brandcontent label {
	font-size: 15px;
	font-weight: 500;
	margin-top: 6px;
}

.navMenu {
	display: flex;
	justify-content: end;
	gap: 30px;
	align-items: center;
}

.navMenu a {
	font-size: 15px;
	font-weight: 600;
	color: #000;
}

.navAddress {
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	text-align: right;
	color: #000000;
	line-height: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-transform: capitalize;
	align-content: center;
}

.locationInput {
	border: 1px solid #888;
	height: 40px;
	background-color: #ffffff;
	border-radius: 8px;
	width: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 0;
	font-size: 13px;
	padding-left: 4px;
}

.locationInput img {
	width: 25px;
	height: 25px;
	object-fit: contain;
}

.locationInput input {
	background-color: transparent;
	outline: none;
	border: none;
	padding-left: 4px;
	height: 100%;
	width: 100%;
}

.searchImgClas {
	width: 22px;
	height: 22px;
	object-fit: contain;
	position: absolute;
	left: 8px;
	bottom: 9px;
}

.discountLable {
	background-color: #10A1A4;
	height: 35px;
	border-radius: 15px 0 15px 0;
	position: absolute;
	top: 0;
	padding: 0 6px;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color: #fff;
	left: 0;
}

.itemdiscount span {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 5px;
	background: var(--bs-secondary);
	padding: 4px 8px;
	border-radius: 0px 20px 20px 0px;
	background-color: #0CA3A3;
	height: 40px;
	border-radius: 0 15px 0 15px;
	padding: 0 15px;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color: #fff;
}

.likeitem {
	position: absolute;
	top: 0;
	background: #fff;
	left: 0;
	border-radius: 0px 0px 12px !important;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shapeTwo {
	position: absolute;
	z-index: 1;
	left: 0;
	width: 13%;
	opacity: .1;
	transform: rotate(180deg);
	margin-top: -172px;
}

.shapeOne {
	position: absolute;
	z-index: 1;
	right: 0;
	width: 13%;
	opacity: .2;
}

img.shapeThree {
	position: absolute;
	right: 0;
	opacity: .2;
	width: 18%;
}

img.shapeFour {
	position: absolute;
	left: 0;
	opacity: .2;
	transform: rotate(180deg);
	margin-top: -120px;

}

.productlikeitem {
	position: absolute;
	top: 1px;
	background: #fff;
	left: 13px;
	border-radius: 13px 0px 12px;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #f7f7f7;
}

.productlikeitem i {
	color: #c3c5dd;
}

.discounthead {
	right: 0 !important;
}

.likeproductstyle {
	left: 0 !important;
	border-radius: 5px 0px 12px !important;
	top: 0 !important;
}

.loginclosebtn img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	object-fit: contain;
}

.loginclosebtn {
	position: absolute;
	right: 4px;
	height: 35px;
	top: 7px;
	background-color: transparent;
	z-index: 99999;
	border: none;
}

.reqbtn {
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	border-radius: 10px;
	display: flex;
	align-items: center;
	font-size: 17px;
	font-weight: 500;
	gap: 5px;
	transition: .3s ease all;
	justify-content: center;
	padding: 6px 30px;
	color: #fff;
	border: 1px solid #ffffff;
}

.reqbtndiv {
	display: flex;
	justify-content: center;
}

.cart-dropdown {
	position: relative;
	list-style: none;
}

.cart-menu {
	position: absolute;
	top: 100%;
	right: 0;
	width: 300px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	padding: 15px;
	display: none;
	z-index: 999;
}

.cart-dropdown:hover .cart-menu {
	display: block;
}

.cart-item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.cart-item img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	margin-right: 10px;
	border: 1px solid #eee;
}

.item-info p {
	margin: 0;
	font-size: 14px;
}

.item-info span {
	font-size: 13px;
	color: #666;
}

.cart-footer {
	text-align: center;
	margin-top: 10px;
}

.view-cart-btn {
	display: inline-block;
	background: #007bff;
	color: #fff;
	padding: 8px 12px;
	font-size: 14px;
	border-radius: 4px;
	text-decoration: none;
}

.view-cart-btn:hover {
	background: #0056b3;
}

.empty-cart {
	text-align: center;
	color: #888;
	font-size: 14px;
}

.brandpageimg {
	width: 150px;
	height: 130px;
	transition: .3s ease all;
	border-radius: 20px !important;
	overflow: hidden;
	border: 1px solid #e3e3e3;
}

.cart-dropdown {
	position: relative;
}

.cart-dropdown .dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	/* below the cart icon */
	right: 0;
	min-width: 250px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	padding: 10px;
	z-index: 1000;
}

.cart-dropdown:hover .dropdown-menu {
	display: block;
}

.viewCartBtn {
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	border-radius: 10px;
	display: flex;
	align-items: center;
	font-size: 14px;
	border: none;
	color: #fff;
	padding: 8px 0;
	text-align: center;
	justify-content: center;
	width: 50%;
	margin: auto;
	margin-top: 15px;
}

.cartname {
	display: contents;
}

.loginType {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
}

.loginTypeFeald input[type="radio"] {
	display: none;
}

.loginTypeFeald input[type="radio"]:checked+label {
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%) !important;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	border-radius: 8px;
}

.loginTypeFeald label {
	background-color: #fff;
	height: 35px;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	cursor: pointer;
	border: 1px solid #B81C18;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0;
}

.customSection .card .hover__action {
	width: 100%;
	padding: 0;
	margin-top: 10px;
}

.customSection .hover__action .eye-btn {
	width: 100%;
	margin: 0 !important;
}

.customSection .card .brand-item.grid-center .brandpageimg {
	width: 100%;
	object-fit: cover;
}

.customSection .card .brand-item.grid-center {
	width: calc(11% - -5px);
	padding: 10px 10px;
	text-align: center;
}

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

.customDropdown li {
	list-style: none;
}

.profileBtnToggle {
	cursor: pointer;
}

.customDropdown {
	width: fit-content;
	background-color: #fff;
	position: absolute;
	top: 55%;
	right: 2%;
	border: 1px solid #e7e7e7;
	border-radius: 12px;
	padding: 15px 0;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}

.customPageCard {
	padding: 20px 20px;
	border-radius: 20px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
	margin: 25px 0px;
	margin-right: 15px;
}

.testimonial-box .products-comments-img {
	display: flex;
	gap: 10px;
	width: 50%;
	justify-content: end;
	overflow-x: auto;
}

.testimonial-box .profile p {
	margin-bottom: 0;
}

.testimonialContainer {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

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

.card.search-card ul.list-group {
	padding: 15px;
}

.main-content {
	padding: 25px 0 !important;
}

.trasactionCard {
	border: 1px solid #dfdfdf;
	border-radius: 15px;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	background-color: #F8F9FA;
}

.page-header .customDropdown {
	top: 60%;
}

.page-header.is-sticky .customDropdown {
	top: 100%;
}

.vender-cards-in-details-page .card {
	width: 24%;
	border: 1px solid #d3d3d3 !important;
	border-radius: 15px;
}

.qunty.mt-3 {
	display: flex;
	align-items: center;
	gap: 20px;
}

.totalPrice h4.dollar.total_price {
	margin-bottom: 0;
	font-size: 20px;
}

.totalPrice span {
	color: transparent;
	font-size: 16px;
	font-weight: 700;
	background: linear-gradient(260deg, rgba(184, 28, 24, 1) 0%, rgba(252, 68, 64, 1) 100%);
	background-clip: text;
}

.totalPrice img {
	width: 30px;
	height: auto;
	object-fit: contain;
}

.totalPrice {
	display: flex;
	align-items: start;
	margin-top: 20px;
	flex-direction: column;
}

.addedCartContainer i {
	transform: rotate(90deg);
	color: #fff;
	font-size: 20px;
}

.addedCartContainer {
	width: fit-content;
	padding: 7px 15px 7px 30px;
	background-color: var(--bs-primary);
	border-radius: 35px;
	position: fixed;
	bottom: 10%;
	left: 46%;
	z-index: 99;
	display: flex;
	align-items: center;
	cursor: pointer;
	gap: 22px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
}

.addCardHead h6 {
	margin-bottom: 0;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
}

.addCardHead span {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}

.quantity.quantity--style-two.d-inline-flex {
	margin-right: auto;
}

.productContainer {
	flex-wrap: wrap;
	display: flex;
}

li.profileBtnToggle img {
	border-radius: 50%;
	border: 1px solid #dfdfdf;
	width: 35px;
	height: 35px;
}

.productcontent {
	padding: 0 50px;
}

.emptyCartDiv {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	width: 100%;
	font-weight: 700;
	padding: 50px;
}

.user-profile-div h5.fs-16 {
	text-transform: capitalize;
}

.cardstyle {
	background-color: #EFEFEF;
	border-radius: 20px;
	padding: 35px;
	border: none;
}

div#bulk-pricing-container {
	margin-top: 15px;
}

.mobileHeader {
	display: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 15px 5px;
}

.location img {
	width: 25px;
	height: auto;
}

.mobileIcon img {
	width: 35px;
	height: auto;
}

.mobileIcon li {
	list-style: none;
}

.mobileIcon {
	display: flex;
	align-items: center;
	gap: 10px;
}

.location {
	width: 70%;
	display: flex;
	align-items: center;
}

.mobileLocation {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobileSearch img {
	width: 25px;
	height: auto;
}

.mobileSearch {
	height: 40px;
	border: 1px solid #c1c1c1;
	border-radius: 10px;
	align-items: center;
	margin-top: 15px;
	gap: 5px;
	display: flex;
	background-color: #fff;
	padding: 0 5px;
}

.mobileSearch input {
	border: none;
	height: 100%;
	width: 100%;
	outline: none;
	background-color: transparent;
	font-size: 14px;
	font-weight: 300;
}

.mobileLogin {
	list-style: none;
	display: none;
}

.page-header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 993;
}

.page-header.is-sticky {
	position: fixed;
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(10px);
	animation: slideDown 0.35s ease-out;
}

.location span {
	text-transform: capitalize;
	color: #fff;
	font-size: 14px;
}

.dealCard span {
	font-size: 14px;
	color: var(--bs-primary);
	font-weight: 700;
}

.dealCard {
	display: flex;
	padding: 5px 10px;
	font-size: 14px;
	border: 1px solid #c1c1c1;
	font-weight: 500;
	border-radius: 10px;
	justify-content: space-between;
	align-items: center;
	width: 75%;
}

.phpdebugbar.phpdebugbar-minimized.phpdebugbar-closed {
	display: none;
}

div.phpdebugbar,
div.phpdebugbar-openhandler,
div.phpdebugbar div.phpdebugbar-header>div>*,
div.phpdebugbar ul.phpdebugbar-widgets-timeline li span.phpdebugbar-widgets-label,
div.phpdebugbar ul.phpdebugbar-widgets-timeline li span.phpdebugbar-widgets-collector,
div.phpdebugbar code.phpdebugbar-widgets-sql span.hljs-keyword,
div.phpdebugbar-openhandler .phpdebugbar-openhandler-header,
div.phpdebugbar-openhandler .phpdebugbar-openhandler-header a {
	display: none;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #ffffff;
	opacity: 1;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #bdbdbd !important;
	border-radius: 8px !important;
	align-content: center !important;
}

.select2-container .select2-selection--single {
	height: 48px !important;
}

.list-group-item a.fs-16 {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 5px;
}

#appStoreModal .modal-header .btn-close,
#playStoreModal .modal-header .btn-close {
	filter: invert(1);
}

#appStoreModal .modal-header,
#playStoreModal .modal-header {
	background-color: var(--bs-primary);
	color: #fff;
}

#appStoreModal .modal-body,
#playStoreModal .modal-body {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

#appStoreModal .modal-body a button,
#playStoreModal .modal-body a button {
	background-color: #3D6DDC;
	color: #fff;
	border: 1px solid #3D6DDC;
	padding: 5px 20px;
	border-radius: 20px;
	font-size: 13px;
	margin-top: 10px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}

#appStoreModal .modal-body a h6,
#playStoreModal .modal-body a h6 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
	text-align: center;
	margin-top: 5px;
}

#appStoreModal .modal-body a img,
#playStoreModal .modal-body a img {
	width: 85%;
	padding: 20px;
	height: auto;
	object-fit: contain;
}

#appStoreModal .modal-body a,
#playStoreModal .modal-body a {
	width: 33%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	padding: 0;
	border-right: 1px solid #e5e5e5;
}

#appStoreModal .modal-dialog,
#playStoreModal .modal-dialog {
	max-width: 35%;
}

#appStoreModal .modal-dialog,
#playStoreModal .modal-dialog {
	align-content: center !important;
	height: 100%;
}

.btn-link:hover {
	color: #000 !important;
}

.btn-link {
	color: #000;
}

body {
	margin-bottom: 0 !important;
}

.shapeTwo {
	display: none;
}

.shapeOne {
	display: none;
}

.table-responsive .product-content-cart {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

.profileCardHeading span,
.profileCardHeading div {
	width: 100%;
	text-align: start;
	font-weight: 400;
	text-transform: capitalize;
}

.profileCardHeading h6 {
	font-weight: 700 !important;
}

.profileCardHeading {
	justify-content: space-between;
	display: flex;
	align-items: start;
}

.div#ajax-products-view .productContainer .categoryCardDiv {
	width: calc(33% - 10px);
}

ul.dropdown-menu.show {
	padding: 0;
	border: none;
}

.deatTagBox {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-top: 15px;
}

.productOutStock {
	background: #00000075;
	height: 175px;
	position: absolute;
	width: 100%;
	color: #fff;
	justify-content: center;
	border-radius: 15px;
	align-items: center;
	display: flex;
}

.whatsappIcon1 img {
	width: 35px;
	height: 35px;
	object-fit: contain;
}

.whatsappIcon {
	position: fixed;
	right: 45px;
	top: 75%;
	z-index: 9;
	display: none;
}

form#add-to-cart-form-3-0 .mt-3.d-flex.justify-content-center.gap-2 {
	flex-wrap: wrap;
}

.btn-outline-primary {
	color: #000 !important;
	border-color: #000 !important;
}

.btn-outline-primary:hover {
	background-color: transparent !important;
}

.sellerCardView .images-vendor img {
	border-radius: 20px;
}


.sellerCardView {
	display: flex;
	align-items: start;
	gap: 15px;
}

.BrandLabel h6 {
	margin-bottom: 0;
	font-size: 18px;
	display: flex;
	align-items: center;
	color: #000;
}

.BrandLabel button {
	background-color: #FC4440;
	padding: 5px 10px;
	border: navajowhite;
	border-radius: 10px;
	color: #fff;
}

.BrandLabel {
	background-color: #FFF2F2;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
}

.statusFont {
	font-size: 12px;
}

label.form-check-label.fs-20.text-muted {
	font-size: 15px !important;
	color: #000 !important;
	cursor: pointer;
}

div#cancle-order-btn .modal-body.text-ceter h3.mx-auto {
	font-size: 18px;
	text-transform: capitalize;
	margin-bottom: 24px;
}

.reviewImg {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border: 1px solid #adadad;
	border-radius: 10px;
}

div#bulk-pricing-container .col-md-6.mb-3 {
	margin-bottom: 5px !important;
}

.order-list-right p {
	margin-bottom: 0;
}

.datailBadge p {
	margin-bottom: 0;
}

.datailBadge {
	display: flex;
	gap: 10px;
	background-color: #e7e7e7;
	padding: 2px 5px;
	border-radius: 6px;
}

.deal-card.d-flex.justify-content-between.align-items-center.p-3 p.mb-1.mt-2 {
	margin: 0 !important;
}

.btn {
	align-content: center;
}

@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

@media screen and (min-width: 2000px) {
	.productcontent {
		padding: 0 10%;
	}
}

@media screen and (max-width: 1500px) {
	.categoryCardDiv {
		width: calc(25% - 10px);
	}

	.brandcontent {
		width: calc(14% - 10px);
	}

	.productcontent {
		padding: 0 30px;
	}

	#appStoreModal .modal-dialog,
	#playStoreModal .modal-dialog {
		max-width: 50%;
	}

	.copy-right p {
		font-size: 14px;
	}
}

@media screen and (max-width: 576px) {
	.spacialContainer {
		display: flex;
		gap: 10px;
		justify-content: center;
	}

	.featuresimg {
		width: 50% !important;
		display: none;
	}

	.productstyle {
		display: flex;
		justify-content: center;
	}

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

	.featureDiv {
		width: calc(33% - 10px);
		padding: 5px;
		border-radius: 15px;
		height: fit-content;
	}

	.spacialContainer {
		display: flex;
		align-items: center;
		margin-top: 0 !important;
	}

	.productBtn button:nth-child(1) {
		width: fit-content;
	}

	.borderCustom {
		padding: 5px 5px 5px 5px;
		border: 3px dashed #fff;
		border-radius: 10px;
	}

	.featureDiv h6 {
		font-size: 14px;
	}

	.borderCustom img {
		width: 35%;
		display: none;
	}

	section.pageSection.featureBackground {
		padding: 30px 0;
		margin-top: 10px;
	}

	.categoryCardDiv {
		width: calc(50% - 5px);
		margin-bottom: 0;
		margin-right: 0;
	}

	.productContainer {
		gap: 10px;
	}

	.control-heightimg {
		width: 100%;
		height: 165px !important;
	}

	.brandcontent {
		width: calc(50% - 10px);
	}

	.pageSection h2 {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.pageSection h2 a {
		font-size: 15px;
	}

	.addedCartContainer {
		left: 23%;
	}

	.d-flex.align-items-center.justify-content-lg-between.justify-content-md-between.justify-content-between.justify-content-lg-start {
		justify-content: space-around;
		width: 100%;
	}

	.navMenu a {
		font-size: 14px;
	}

	.container-fluid.px-md-5.top-header-phone {
		padding: 0;
	}

	.navMenu {
		gap: 25px;
	}

	.loading_outer .loader-svg img {
		width: 100px;
		margin-left: auto;
		margin-right: auto;
	}

	.main {
		& .circle {
			&:before {
				content: "";
				width: 15px !important;
				height: 15px !important;
			}
		}
	}

	.main {
		.circle {
			width: 15px !important;
			height: 15px !important;
		}
	}

	footer.footerMain {
		padding: 10px;
		padding-top: 20px;
	}

	.download-ecommerce-app {
		padding: 2rem 10px 2rem !important;
	}

	.footerLogoDiv {
		align-items: start;
	}

	.footer-logo {
		margin-bottom: 0;
		width: 100px;
	}

	.footer-space {
		display: none;
	}

	a.btn-app-download img {
		width: auto;
		height: 35px;
	}

	.about__content-heading {
		width: 100%;
		font-size: 20px;
		margin-top: 100px;
	}

	.vission__content p {
		font-size: 14px;
		line-height: normal;
	}

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

	.cardstyle {
		padding: 15px;
	}

	.footerHead {
		margin-top: 15px;
	}

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		padding: 0 10px;
	}

	section.pageSection.productdiv {
		padding: 10px 10px;
	}

	.productHead h6 {
		font-weight: 400;
		font-size: 14px;
	}

	.productHead {
		padding: 10px;
	}

	.priceClass span {
		font-size: 15px;
	}

	.productHead .d-flex.justfiy-content-start.gap-2 {
		flex-wrap: wrap;
	}

	.productHead .d-flex.justfiy-content-start.gap-2 span {
		font-size: 13px;
	}

	div#bulk-pricing-container .col-md-6.mb-3 {
		width: 50%;
	}

	.mobileHeader {
		display: block;
	}

	.mobileLogin {
		display: block;
	}

	header.p-2.header-top-bg-dark {
		display: none;
	}

	.page-header {
		position: unset;
	}

	.discountLable {
		background-color: #10A1A4;
		height: 25px;
		border-radius: 5px 0 5px 0;
		position: unset;
		top: 0;
		padding: 0 6px;
		font-size: 9px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 500;
		color: #fff;
		left: 0;
	}

	.page-header .customDropdown {
		top: 12%;
		z-index: 9;
	}

	#appStoreModal .modal-dialog,
	#playStoreModal .modal-dialog {
		max-width: 100%;
	}

	#appStoreModal .modal-body a img,
	#playStoreModal .modal-body a img {
		padding: 15px;
	}

	img.shapeFour {
		display: none;
	}

	.dealCard {
		width: 100%;
	}

	.productOutStock {
		height: 155px;
		width: 45%;
	}

	.customSection .card .brand-item.grid-center {
		width: calc(45% - -5px);
	}

	.focus-input.search-bar-input.custom-control-search-topheader {
		border: none !important;
		height: 40px;
	}

	.card.search-card.search-result-box {
		top: 180px !important;
	}

	.location span {
		font-size: 11px;
	}

	.whatsappIcon1 img {
		width: 25px;
		height: 25px;
		object-fit: contain;
	}

	.mobileIcon img {
		width: 25px;
		height: auto;
	}

	li.profileBtnToggle img {
		width: 25px;
		height: 25px;
	}

	.mobileSearch img {
		position: unset;
	}

	.mobileSearch form {
		display: flex;
	}

	.banner-mobile .owl-carousel .owl-item img {
		height: auto !important;
		object-fit: fill;
	}

	.btn-add-to-cardproduct {
		width: 100%;
	}

	.BrandLabel h6 {
		font-size: 15px;
	}

	.BrandLabel button {
		padding: 4px 10px;
		border-radius: 5px;
		font-size: 13px;
	}

	.BrandLabel {
		width: 100%;
		padding: 7px 10px;
		border-radius: 5px;
	}

	.profileCardHeading span,
	.profileCardHeading div {
		font-size: 14px;
	}

	.productCard.productcartdiv form.cart.add_to_cart_form .mt-3.d-flex.justify-content-center.gap-2 {
		flex-wrap: wrap;
	}

	.prize-and-rate-reward {
		flex-wrap: wrap;
	}

	.icon-andstar p {
		display: flex;
		align-items: center;
	}

	.review-first-rate p {
		padding-left: 9px;
	}

	.container-fluid.productcontent .card-header:first-child {
		flex-wrap: wrap;
	}

	.card.br-12.mb-4 .card-body hr {
		display: none;
	}

	.product-content-cart {
		padding: 15px 0 0 0;
	}

	a.btn-save-later {
		height: 100%;
		text-align: center;
	}

	#msform .form-check h6 {
		font-size: 16px;
	}

	#msform .address-edit {
		font-size: 14px !important;
	}

	.card.bg-light-gery.border-0.br-12.colorchnage.sticky-top .d-flex.align-items-center.justify-content-between p.text-muted {
		font-size: 14px;
	}

	.card.bg-light-gery.border-0.br-12.colorchnage.sticky-top .d-flex.align-items-center.justify-content-between p.black-text.fw-700 {
		font-size: 13px;
	}

	.request_quote_btn.productBtn.justify-content-start.w-50 {
		width: 100% !important;
	}

	.request_quote_btn.productBtn.justify-content-start.w-50 .productBtn button:nth-child(1) {
		width: 100%;
	}

	.customPageCard {
		margin: 10px 0;
		margin-right: 0;
	}

	.use-delevery.mt-4.pe-2 {
		padding: 0 !important;
	}

	.card-header.d-flex.justify-content-between.align-items-center h6 {
		font-size: 13px;
	}

	.product-content-cart h6 a {
		font-size: 15px;
	}

	.user-profile-div {
		padding: 15px;
	}

	.row {
		padding: 0;
		margin: 0;
	}

	.row>* {
		padding-right: 0;
		padding-left: 0;
	}
}