/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */
@font-face {
	font-family: 'InterBold';
	src: url('fonts/InterBold.eot');
	src: url('fonts/InterBold.eot') format('embedded-opentype'),
		url('fonts/InterBold.woff2') format('woff2'),
		url('fonts/InterBold.woff') format('woff'),
		url('fonts/InterBold.ttf') format('truetype'),
		url('fonts/InterBold.svg#InterBold') format('svg');
}
@font-face {
	font-family: 'InterMedium';
	src: url('fonts/InterMedium.eot');
	src: url('fonts/InterMedium.eot') format('embedded-opentype'),
		url('fonts/InterMedium.woff2') format('woff2'),
		url('fonts/InterMedium.woff') format('woff'),
		url('fonts/InterMedium.ttf') format('truetype'),
		url('fonts/InterMedium.svg#InterMedium') format('svg');
}
@font-face {
	font-family: 'InterRegular';
	src: url('fonts/InterRegular.eot');
	src: url('fonts/InterRegular.eot') format('embedded-opentype'),
		url('fonts/InterRegular.woff2') format('woff2'),
		url('fonts/InterRegular.woff') format('woff'),
		url('fonts/InterRegular.ttf') format('truetype'),
		url('fonts/InterRegular.svg#InterRegular') format('svg');
}
@font-face {
	font-family: 'InterSemiBold';
	src: url('fonts/InterSemiBold.eot');
	src: url('fonts/InterSemiBold.eot') format('embedded-opentype'),
		url('fonts/InterSemiBold.woff2') format('woff2'),
		url('fonts/InterSemiBold.woff') format('woff'),
		url('fonts/InterSemiBold.ttf') format('truetype'),
		url('fonts/InterSemiBold.svg#InterSemiBold') format('svg');
}
/*-- Variables  start here --*/
:root {
	/*-- font family  --*/
	--font-inter-bold: 'InterBold', sans-serif;
	--font-inter-medium: 'InterMedium', sans-serif;
	--font-inter-regular: 'InterRegular', sans-serif;
	--font-inter-semibold: 'InterSemiBold', sans-serif;
	/*-- font size and Line height  --*/
	--font-size-xs: 0.75rem;
	--font-lh-xs: 1.125rem;
	--font-size-sm: 0.875rem;
	--font-lh-sm: 1.25rem;
	--font-size-md: 1rem;
	--font-lh-md: 1.5rem;
	--font-size-lg: 1.125rem;
	--font-lh-lg: 1.75rem;
	--font-size-xl: 1.25rem;
	--font-lh-xl: 1.875rem;
	--font-size-display-xs: 1.5rem;
	--font-lh-display-xs: 2rem;
	--font-size-display-sm: 1.875rem;
	--font-lh-display-sm: 2.375rem;
	--font-size-display-md: 2.25rem;
	--font-lh-display-md: 2.75rem;
	--font-size-display-lg: 3rem;
	--font-lh-display-lg: 3.75rem;
	--font-size-display-xl: 3.75rem;
	--font-lh-display-xl: 4.5rem;
	--font-size-display-2xl: 4.5rem;
	--font-lh-display-2xl: 5.625rem;
	/*-- base color --*/
	--color-Base: #ffffff;
	/*-- gray color --*/
	--color-gray-25: #FDFDFD;
	--color-gray-50: #FAFAFA;
	--color-gray-100: #F5F5F5;
	--color-gray-200: #E9EAEB;
	--color-gray-300: #D5D7DA;
	--color-gray-400: #A4A7AE;
	--color-gray-500: #717680;
	--color-gray-600: #535862;
	--color-gray-700: #414651;
	--color-gray-800: #252B37;
	--color-gray-900: #181D27;
	--color-gray-950: #0A0D12;
	--color-gray-100: #F5F5F5;
	/*-- brand color --*/
	--color-brand-25: #FFFEFA;
	--color-brand-50: #FEFCF9;
	--color-brand-100: #FFF8EB;
	--color-brand-200: #F3E3D3;
	--color-brand-300: #CBB4AC;
	--color-brand-400: #8C726A;
	--color-brand-500: #9B6B43;
	--color-brand-600: #543D35;
	--color-brand-700: #4B352D;
	--color-brand-800: #3D2A24;
	--color-brand-900: #60401E;
	--color-brand-950: #4E3317;
	/*-- error color --*/
	--color-error-25: #FFFBFA;
	--color-error-50: #FEF3F2;
	--color-error-100: #FEE4E2;
	--color-error-200: #FECDCA;
	--color-error-300: #FDA29B;
	--color-error-400: #F97066;
	--color-error-500: #F04438;
	--color-error-600: #D92D20;
	--color-error-700: #B42318;
	--color-error-800: #912018;
	--color-error-900: #7A271A;
	--color-error-950: #55160C;
	/*-- warning color --*/
	--color-warning-25: #FFFCF5;
	--color-warning-50: #FFFAEB;
	--color-warning-100: #FEF0C7;
	--color-warning-200: #FEDF89;
	--color-warning-300: #FEC84B;
	--color-warning-400: #FDB022;
	--color-warning-500: #F79009;
	--color-warning-600: #DC6803;
	--color-warning-700: #B54708;
	--color-warning-800: #93370D;
	--color-warning-900: #7A2E0E;
	--color-warning-950: #4E1D09;
	/*-- success color --*/
	--color-success-25: #F6FEF9;
	--color-success-50: #ECFDF3;
	--color-success-100: #DCFAE6;
	--color-success-200: #ABEFC6;
	--color-success-300: #75E0A7;
	--color-success-400: #47CD89;
	--color-success-500: #17B26A;
	--color-success-600: #079455;
	--color-success-700: #067647;
	--color-success-800: #085D3A;
	--color-success-900: #074D31;
	--color-success-950: #053321;
	--transition: 0.4s;
	/*-- other colors --*/
	--border-color: #EAECF0;
	--secondary-green-100: #668F3F;
	--arrow-color: #344054;
	--bg-color-black: #2E2926;
	/*-- border radius --*/
	--border-radius-4: 4px;
	--border-radius-6: 6px;
	--border-radius-8: 8px;
	--border-radius-10: 10px;
	--border-radius-12: 12px;
	--border-radius-14: 14px;
	--border-radius-16: 16px;
}
/*-- variable end here --*/
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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style: none;
	text-decoration: none;
}
body {
	padding: 0;
	margin: 0;
	font-family: var(--font-inter-regular);
	font-size: var(--font-size-sm);
}
img {
	max-width: 100%;
}
p {
	color: var(--color-gray-700);
	line-height: var(--font-lh-sm);
	font-size: var(--font-size-sm);
}
/*-- font class--*/
.fm-regular {
	font-family: var(--font-inter-regular);
}
.fm-semibold {
	font-family: var(--font-inter-semibold);
}
.fm-medium {
	font-family: var(--font-inter-medium);
}
.fm-bold {
	font-family: var(--font-inter-bold);
}
.fs-xs {
	font-size: var(--font-size-xs);
	line-height: var(--font-lh-xs);
}
.fs-sm {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.fs-md {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
}
.fs-lg {
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
}
.fs-xl {
	font-size: var(--font-size-xl);
	line-height: var(--font-lh-xl);
}
.fs-display-xs {
	font-size: var(--font-size-display-xs);
	line-height: var(--font-lh-display-xs);
}
.fs-display-sm {
	font-size: var(--font-size-display-sm);
	line-height: var(--font-lh-display-sm);
}
.fs-display-md {
	font-size: var(--font-size-display-md);
	line-height: var(--font-lh-display-md);
}
.fs-display-lg {
	font-size: var(--font-size-display-lg);
	line-height: var(--font-lh-display-lg);
}
.fs-display-xl {
	font-size: var(--font-size-display-xl);
	line-height: var(--font-lh-display-xl);
}
.fs-display-2xl {
	font-size: var(--font-size-display-2xl);
	line-height: var(--font-lh-display-2xl);
}
/*-- font class--*/
h1 {
	font-size: var(--font-size-display-2xl);
	line-height: var(--font-lh-display-2xl);
}
h2 {
	font-size: var(--font-size-display-xl);
	line-height: var(--font-lh-display-xl);
}
h2 {
	font-size: var(--font-size-display-lg);
	line-height: var(--font-lh-display-lg);
}
h4 {
	font-size: var(--font-size-display-md);
	line-height: var(--font-lh-display-md);
}
h5 {
	font-size: var(--font-size-display-xs);
	line-height: var(--font-lh-display-xs);
}
h6 {
	font-size: var(--font-size-display-xs);
	line-height: var(--font-lh-display-xs);
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-inter-semibold);
	color: var(--color-gray-900);
}
header {
	position: sticky;
	top: 0;
	z-index: 9;
	background-color: var(--color-Base);
}
.cs-header-lett img {
	height: 40px;
}
.cs-header-top {
	background: #FFE999; /* var(--color-brand-600); */
	padding: 10px;
	color: var(--bs-white);
	font-family: var(--font-inter-medium);
}
.cs-header-top p {
	color: #543d35; /* var(--color-Base); */
}
.cs-language-dropdown .dropdown-menu {
	min-width: 180px;
}
.cs-dropdown .dropdown-menu {
	border-color: var(--border-color);
	border-radius: var(--border-radius-8);
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
}
.cs-dropdown .dropdown-item:focus,
.cs-dropdown .dropdown-item:hover {
	background-color: var(--color-gray-50) !important;
}
.cs-dropdown .dropdown-menu li .dropdown-item.active {
	background-color: var(--color-gray-50) !important;
}
.cs-dropdown .dropdown-menu li .dropdown-item {
	border-bottom: 1px solid var(--color-gray-200);
	color: var(--color-gray-600);
	font-size: var(--font-size-md);
}
.cs-dropdown .dropdown-menu li:last-child .dropdown-item {
	border: none;
}
.cs-section {
	padding: 20px 0;
}
/*-- btn css start here --*/
.btn {
	padding: 10px 16px;
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	font-family: var(--font-inter-semibold);
	border-radius: var(--border-radius-10);
	border: 1px solid;
}
.btn-primary {
	background-color: var(--color-brand-600);
	border-color: var(--color-brand-600);
}
.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--color-brand-800) !important;
	border-color: var(--color-brand-800) !important;
}
.btn.btn-primary.btn-md {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	border-radius: var(--border-radius-8);
}
.xl-btn-primary {
	padding: 14px 52px;
	border-radius: var(--border-radius-8);
	background-color: var(--color-brand-600);
	border-color: var(--color-brand-600);
	color: var(--color-Base) !important;
}
.xl-btn-primary:hover,
.xl-btn-primary:focus {
	background-color: var(--color-brand-800) !important;
	border-color: var(--color-brand-800) !important;
	color: var(--color-Base) !important;
}
.sm-btn-primary {
	padding: 8px 39px;
	background-color: var(--secondary-green-100);
	border-color: var(--secondary-green-100);
	color: var(--color-Base);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.md-tertiary-gray {
	padding: 8px 9px;
	background-color: var(--color-gray-200);
	border-color: var(--color-gray-200);
	color: var(--color-gray-900);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.md-tertiary-gray:hover,
.md-tertiary-gray:focus {
	background-color: var(--color-gray-50) !important;
	border-color: var(--color-gray-50) !important;
}
.sm-btn-primary:hover,
.sm-btn-primary:focus {
	background-color: var(--color-brand-800) !important;
	border-color: var(--color-brand-800) !important;
	color: var(--color-Base) !important;
}
.sm-btn-seconday {
	padding: 8px 36px;
	background-color: var(--color-Base);
	border-color: var(--color-gray-300) !important;
	border-radius: var(--border-radius-8);
	color: var(--color-gray-800);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.sm-btn-seconday:hover,
.sm-btn-seconday:focus {
	background-color: var(--color-gray-50) !important;
}
.lg-btn-tertiary-gray {
	background-color: var(--color-Base);
	border-color: var(--color-Base);
	color: var(--color-gray-600);
}
.lg-seconday-color {
	background-color: var(--color-Base);
	border-color: var(--color-brand-300);
	color: var(--color-brand-700);
}
.lg-seconday-color:hover,
.lg-seconday-color:focus {
	background-color: var(--color-brand-200) !important;
	border-color: var(--color-brand-300) !important;
}
.lg-btn-tertiary-gray:hover {
	background-color: var(--color-gray-50);
	border-color: var(--color-gray-50);
	color: var(--color-gray-700);
}
.md-btn-tertiary-gray {
	padding: 10px;
	background-color: var(--color-Base);
	border-color: var(--color-Base);
	color: var(--color-gray-600);
}
.md-btn-tertiary-gray:hover {
	color: var(--color-gray-700);
}
.md-btn-tertiary-gray:focus {
	background-color: var(--color-Base);
	border-color: var(--color-Base);
	color: var(--color-gray-700);
}
.xl-btn-secondary-gray {
	padding: 8px;
	background-color: var(--color-Base);
	border-color: var(--color-gray-300) !important;
	border-radius: var(--border-radius-6);
}
.xl-btn-secondary-gray:hover,
.xl-btn-secondary-gray:focus {
	background-color: var(--color-gray-100) !important;
}
.xl-btn-secondary-color {
	background-color: var(--color-brand-600);
	border-color: var(--color-brand-600);
	padding: 8px 32px;
	border-radius: var(--border-radius-6);
}
.xl-btn-secondary-color:hover,
.xl-btn-secondary-color:focus {
	background-color: var(--color-brand-800) !important;
	border-color: var(--color-brand-800) !important;
}
.btn-subtie {
	background-color: var(--color-gray-200);
	border-color: var(--color-gray-200);
	color: #0F172A !important;
	padding: 6px 16px;
	border-radius: var(--border-radius-6);
}
.btn-subtie:hover,
.btn-subtie:focus {
	background-color: var(--color-gray-300) !important;
	border-color: var(--color-gray-300) !important;
	color: #0F172A !important;
}
.btn.btn-social {
	border-radius: var(--border-radius-8);
	background-color: var(--color-Base);
	border-color: var(--color-gray-300);
	color: var(--color-gray-700);
	gap: 12px;
	padding: 10px 20px;
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05) !important;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05) !important;
	-moz-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05) !important;
}
.btn.btn-social:hover,
.btn.btn-social:focus {background-color: var(--color-gray-50) !important;border-color: var(--color-gray-300) !important;}
/*-- btn css end here --*/
/*-- link css start here --*/
.link-md {font-size: var(--font-size-sm);line-height: var(--font-lh-sm);font-family: var(--font-inter-semibold);color: var(--secondary-green-100);}
/*-- link css end here --*/
.mr-40 {margin-right: 20px;}
.mr-10 {margin-right: 10px;}
.cs-blog-header .blog__header_log img{height: auto;}
.cs-search {color: var(--color-gray-500);width: 463px;}
.cs-search .form-control {font-size: var(--font-size-sm);font-family: var(--font-inter-regular);color: var(--color-gray-500);padding: 10px;border-radius: var(--border-radius-8) !important;background-color: var(--color-gray-200);}
.cs-search .form-control::placeholder {color: var(--color-gray-500);}
/*-- banner section start here--*/
#cs-banner .item img {display: block;width: 100%;border-radius: 12px;	object-fit: cover;	/* height: 409px; */}
.card.cs-banner-small-slider {border-color: var(--color-gray-200);border-radius: var(--border-radius-12);}
.cs-banner-small-slider .btn.md-btn-tertiary-gray {height: 36px;width: 36px;padding: 0;background-color: transparent;}
.cs-banner-small-slider .btn.md-btn-tertiary-gray svg {height: 16px;width: 16px;}
.cs-banner-small-slider .quantity-wrapper {gap: 2px !important;}
.cs-banner-small-slider .badge.bg-primary svg {height: 14px;width: 14px;}
.cs-banner-small-slider .owl-pagination {display: none;}
.cs-banner-small-slider .card-header p {color: var(--color-gray-900);}
.cs-banner-small-slider .cs-product-image {height: 100px;width: 100px;padding: 8px !important;min-width: 100px;}
.cs-banner-small-slider .cs-favourite svg {height: 20px;width: 20px;}
.cs-banner-small-slider .cs-product-details {margin-top: 8px;}
.cs-banner-small-slider .slider-counter {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-medium);
	color: var(--arrow-color);
	min-width: 41px;
	text-align: center;
	display: inline-block !important;
}
.cs-banner-small-slider .cs-product-details-description {	overflow: hidden;	text-overflow: ellipsis;	font-size: var(--font-size-xs);	line-height: var(--font-lh-xs);}
.cs-product-details-description a {
	color: var(--color-gray-900);
}
#cs-banner .owl-pagination{display: block !important;}
#cs-banner .owl-controls.clickable{position: absolute;bottom: 0;right: 0; left: 0;}
/* active per nth-child (v1) */
#cs-banner .owl-controls.clickable .owl-page:nth-child(1).active span { background: #cc9d38 !important; }
#cs-banner .owl-controls.clickable .owl-page:nth-child(2).active span { background: #3fc657 !important; }
#cs-banner .owl-controls.clickable .owl-page:nth-child(3).active span { background: #1f579e !important; }
#cs-banner .owl-controls.clickable .owl-page:nth-child(4).active span { background: #181d26 !important; }
.cs-banner-small-slider .cs-product-details-description a {
	color: var(--color-gray-900);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cs-product-big-card .cs-product-details-description {
	display: -webkit-inline-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 310px;
}
.cs-banner-small-slider .xl-btn-secondary-gray {
	height: 28px;
	padding: 0;
	width: 28px;
}
.cs-banner-small-slider .quantity-wrapper .form-control {
	height: 28px;
}
.cs-banner-small-slider .xl-btn-secondary-gray svg {
	height: 13px;
	width: 13px;
}
.cs-banner-small-slider .badge.bg-secondary {
	font-size: 10px;
	padding: 2px 8px;
	border-radius: 5px;
}
.cs-banner-small-slider .xl-btn-secondary-color {
	height: 28px;
	width: 32px;
	padding: 0;
}
/*-- banner section end here--*/
/*-- product item start --*/
.cs-product-details .cs-product-details-category {
	color: var(--color-brand-600);
	white-space: nowrap;
	/* width: 260px; */
	text-overflow: ellipsis;
	overflow: hidden;
}
.cs-product-details .cs-product-details-category a {
	color: var(--color-brand-700);
}
.cs-product-big-card .cs-product-image {
	border-bottom: 1px solid var(--border-color);
	margin-bottom: 12px;
	padding: 22px 0;
}
.cs-product-big-card .md-btn-tertiary-gray svg {
	height: 20px;
	width: 20px;
}
.cs-product-big-card .cs-price p {
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
}
.cs-product-big-card .xl-btn-secondary-gray {
	padding: 0;
	height: 36px;
	width: 36px;
}
.cs-product-big-card .cs-badges {
	padding-left: 16px;
	padding-top: 12px;
}
.cs-product-big-card .quantity-wrapper {
	gap: 4px !important;
	margin-top: 20px;
}
.cs-product-big-card .cs-product-details .cs-product-details-category {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-medium);
}
.cs-product-big-card p {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	max-height: 46px;
	overflow: hidden;
}
.cs-product-big-card p a {
	color: var(--color-gray-900);
}
.cs-price p {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	color: var(--color-gray-900);
	font-family: var(--font-inter-semibold);
}
.cs-product-big-card .cs-price h3 {
	font-size: var(--font-size-xl);
	line-height: var(--font-lh-xl);
}
.cs-product-big-card .quantity-wrapper .form-control {
	height: 36px;
	width: 56px;
}
.cs-product-big-card .quantity-wrapper .xl-btn-primary {
	width: 49px;
	padding: 0;
	height: 36px;
}
.quantity-wrapper .form-control {
	height: 32px;
	width: 37px;
	padding: 0px;
	color: var(--color-gray-500);
	font-size: var(--font-size-sm);
	text-align: center;
}
.quantity-wrapper .form-control::placeholder {
	color: var(--color-gray-500);
}
.cs-product-big-card .btn.btn-primary.btn-sm {
	padding: 11px 52px;
}
.cs-price {
	margin-bottom: 12px;
}
/*-- product item end --*/
.badge {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-regular);
	border-radius: var(--border-radius-6);
	font-weight: inherit;
	padding: 1px 10px;
	background-color: var(--color-gray-100) !important;
	color: var(--color-gray-900);
}
.badge.badge-brand {
	background-color: #F3F8EF !important;
	border: 1px solid #E4F2D6;
	color: #4B682F;
	border-radius: 16px;
}
.badge.bg-secondary {
	background-color: var(--color-gray-100) !important;
	color: var(--color-gray-900);
}
.badge.bg-secondary-green {
	background-color: #F7FCF3 !important;
	color: #4B682F;
	border-color: #E4F2D6;
}
.badge.bg-primary {
	background-color: var(--color-brand-200) !important;
	color: var(--color-gray-800);
	font-family: var(--font-inter-medium);
	border-radius: var(--border-radius-8);
}
.badge.bg-sucess {
	background-color: var(--color-success-50) !important;
	color: var(--color-success-700);
	border: 1px solid var(--color-success-200);
}
.badge.bg-error {
	background-color: var(--color-error-50) !important;
	color: var(--color-error-700);
	border: 1px solid var(--color-error-200);
}
.badge.bg-blue-light {
	background-color: #F0F9FF !important;
	color: #026AA2;
	border: 1px solid #B9E6FE;
}
.badge.bg-modern {
	background-color: #E4F2D6 !important;
	color: var(--color-gray-700);
	border: 1px solid #E4F2D6;
}
.badge.bg-warning {
	background-color: var(--color-warning-50) !important;
	color: var(--color-warning-700);
	border: 1px solid var(--color-warning-200);
}
.badge.bg-grey-blue {
	background-color: #F8F9FC !important;
	color: #363F72;
	border: 1px solid #D5D9EB;
}
.badge.bg-brand {
	background-color: var(--color-brand-50) !important;
	color: var(--color-brand-700);
	border: 1px solid var(--color-brand-200);
}
.badge-lg {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	padding: 6px 16px;
	font-family: var(--font-inter-medium);
}
.cs-product-big-card .badge {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.cs-product-big-card .badge.bg-primary {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
}
.cs-product-big-card .badge svg {
	height: 19px;
	width: 19px;
}
/*-- category start --*/
#cs-category .item {
	margin: 0px;
}
.card.cs-banner-small-slider .card-body {
	padding: 5px 16px 4px 16px;
}
.cs-categories .cs-category-img img {
	border-radius: var(--border-radius-8);
	border: 1px solid var(--border-color);
	margin-bottom: 10px;
	height: 128px;
	width: 128px;
}
#cs-category {
	padding: 0;
}
#cs-category .owl-pagination {
	display: none;
}
.owl-nav-custom button {
	height: 48px;
	width: 48px;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-8);
}
#cs-brand-home .owl-nav-custom button {
	height: 36px;
	width: 36px;
}
.cs-category-img p {
	font-size: var(--font-size-md);
	font-family: var(--font-inter-regular);
	color: var(--color-gray-900);
}
.cs-categories button {
	position: static !important;
}
.cs-categories .owl-wrapper {
	visibility: visible !important;
}
/*-- category start --*/
/*-- New arrivals start --*/
#new-arrivals .item {
	margin: 12px;
}
/* #new-arrivals {
	padding: 0;
} */
#new-arrivals .owl-pagination {
	display: none;
}
/*-- New arrivals end --*/
/*-- Bestseller start --*/
#best-arrivals .item,
#similar-products .item,
#recently-visualized .item {
	margin: 12px;
}
#best-arrivals {
	padding: 0;
}
#best-arrivals .owl-pagination {
	display: none;
}
/*-- New arrivals end --*/
/*-- Brand start --*/
#cs-brand .item {
	margin: 12px;
}
#cs-brand {
	padding: 0;
}
#cs-brand .owl-pagination {
	display: none;
}
.cs-brand .cs-category-img img {
	border: none;
}
.cs-brand .cs-category-img a {
	display: flex;
	padding: 15px;
}
/*-- Brand end --*/
.cs-pagination .btn.md-btn-tertiary-gray {
	gap: 6px;
	padding: 0;
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.cs-pagination ul {
	gap: 2px;
}
.cs-pagination .page-item.active span {
	background-color: var(--color-gray-100);
}
.cs-pagination .page-item a:hover {
	background-color: var(--color-gray-100);
}
.cs-pagination .page-item a,
.cs-pagination .page-item span {
	padding: 10px 16px;
	color: var(--color-gray-800);
	border-radius: var(--border-radius-8);
}
.cs-pagination .cs-pagination-showall {
	width: 342px;
}
.cs-heading p {
	color: #475467;
}
.cs-heading h3 {
	font-size: var(--font-size-display-sm);
	line-height: var(--font-lh-display-sm);
}
.cs-featured-icon {
	background-color: var(--color-brand-600);
	height: 48px;
	width: 48px;
	min-width: 48px;
	border-radius: var(--border-radius-10);
}
.cs-feature-box h4 {
	font-size: var(--font-size-xl);
	line-height: var(--font-lh-xl);
	color: #101828;
}
.cs-feature-box p {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
}
.cs-coffee-maintenance img {
	border-radius: var(--border-radius-8);
	text-align: right;
}
.cs-image-box img {
	border-radius: var(--border-radius-8);
}
/*--why-Coffeeshop start --*/
.cs-why-Coffeeshop-box h6 {
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
}
/*--why-Coffeeshop end --*/
/*-- review start  --*/
.cs-review-box {
	padding: 20px;
	background-color: var(--color-gray-100);
	border-radius: var(--border-radius-8);
	min-height: 250px;
}
.cs-review-box h5 {
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
	color: #101828;
}
.cs-review-box p {
	color: var(--color-gray-700);
	font-size: var(--font-size-md);
}
/*-- review end  --*/
/*-- articles start --*/
#most-rated-articles .item {
	margin: 12px;
}
#most-rated-articles .owl-pagination {
	display: none;
}
.cs-articles-card img {
	margin-bottom: 20px;
}
/* .cs-articles-card h6 {
	font-size: var(--font-size-display-xs);
	line-height: var(--font-lh-display-xs);
}
.cs-articles-card p {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
} */
.cs-articles-dates p {
	/* font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-semibold); */
	color: var(--secondary-green-100);
}
.cs-articles-dates p a {
	color: var(--secondary-green-100);
}
.cs-articles-dates span {
	color: var(--color-gray-400);
}
.cs-most-rated-articles-badges {
	margin-top: 20px;
}
.cs-most-rated-articles button {
	position: static !important;
}
.cs-articles-card h6 a {
	color: var(--color-gray-900);
}
/*-- articles end --*/
/*-- footer start  --*/
.cs-footer-bottom .row {
	position: relative;
}
.cs-footer-bottom .row::after {
	content: '';
	height: 1px;
	background: var(--border-color);
	width: auto;
	top: -16px;
	position: absolute;
	left: 15px;
	right: 15px;
}
footer {
	padding: 64px 0 48px;
	background-color: var(--color-gray-100);
}
.cs-footer-about ul li a {
	background-color: var(--color-gray-200);
	color: var(--color-gray-800);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-semibold);
	border-radius: var(--border-radius-4);
	width: 260px;
}
.cs-footer-links h5 {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	color: var(--color-gray-900);
}
.cs-footer-links ul {
	gap: 6px;
}
.cs-footer-links ul li a {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	font-family: var(--font-inter-semibold);
	color: var(--color-gray-600);
}
.cs-footer-links ul li a:hover {
	color: var(--secondary-green-100);
}
.cs-footer-bottom {
	padding-top: 64px;
}
.cs-footer-bottom hr {
	border-color: var(--border-color) !important;
}
.cs-footer-payment ul li {
	padding: 10px 6px;
	border-radius: var(--border-radius-6);
	background-color: var(--color-Base);
	border: 1px solid var(--color-gray-300);
}
.cs-footer-payment p {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	margin-right: 12px;
	color: var(--color-gray-900);
	font-family: var(--font-inter-medium);
}
/*-- footer end --*/
/*--headet start --*/
.cs-cart-action .dropdown-menu {
	width: 440px;
	right: 0;
	top: 64px;
	padding-bottom: 0;
	border-radius: var(--border-radius-12);
}
.cs-cart-action .cs-product-image {
	height: 110px;
	width: 100px;
	min-width: 110px;
}
.cs-cart-action .dropdown-menu h6 {
	padding: 16px 24px 24px 24px;
}
.cs-cart-product-list {
	/* padding: 0 24px; */
}
.cs-cart-product-list .card.cs-product-card {
	padding: 0 24px;
}
.cs-cart-product-list .card.cs-product-card:last-child {
	/* padding-bottom: 110px; */
}
.cs-dropdown-cart-total {
	position: sticky;
	bottom: 0;
	top: auto;
	background: white;
	padding: 24px 24px 16px 24px;
	left: -24px;
	box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 4px 51px 0px rgba(0, 0, 0, 0.25);
	border-bottom-left-radius: var(--border-radius-12);
	border-bottom-right-radius: var(--border-radius-12);
}
.cs-dropdown-cart-total {
	position: sticky;
	bottom: 0;
	top: auto;
	background-color: var(--color-Base);
}
.cs-dropdown-cart-total .sm-btn-primary {
	padding: 8px 0px;
}
.cs-dropdown-cart-total-btn {
	gap: 12px;
	margin-top: 12px;
}
.cs-cart-action .btn.lg-btn-tertiary-gray:hover {
	background-color: #F2F9EB;
}
.cs-cart-action .btn.lg-btn-tertiary-gray:hover .badge {
	background-color: var(--secondary-green-100) !important;
}
.cs-header-action .btn.lg-btn-tertiary-gray {
	padding: 12px;
	min-width: 45px;
}
.cs-header-action .badge.rounded-pill {
	top: 14px;
	right: -5px;
	background: #543D35 !important;
	color: #fff !important;
	height: 18px;
	min-width: 18px;
	line-height: 15.6px;
	padding: 0;
	font-size: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cs-profile .dropdown-menu {
	width: 280px !important;
	right: 0;
}
.cs-user-profile {
	margin: 4px 8px 12px 8px;
	padding: 8px;
	background-color: var(--color-gray-50);
}
.header {
	position: relative;
}
.header__wrapper {
	width: 100%;
	display: flex;
	align-items: center;
}
.submenu-content-links h5 {
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
	font-family: var(--font-inter-semibold);
	color: var(--color-gray-900);
}
.submenu-content-links ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.submenu-content-links {
	margin-bottom: 27px;
}
.submenu-content-links ul li a {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	font-family: var(--font-inter-medium);
	color: var(--color-gray-800);
}
.submenu-content-links ul li a:hover {
	color: var(--secondary-green-100);
}
.link-primary.link-sm {
	color: var(--secondary-green-100) !important;
	font-family: var(--font-inter-semibold);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.link-primary {
	color: var(--secondary-green-100) !important;
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
	font-family: var(--font-inter-semibold);
}
.link-primary:hover, .link-primary:focus{
	color: var(--color-brand-600) !important;
}
.header__list {
	display: flex;
	align-items: center;
	gap: 28px;
	margin: 0;
	padding: 0;
}
.header__list-item {
	display: flex;
	padding: 18px 0;
}
.header__list-item>a {
	transition: var(--transition);
}
.header__list-item>a svg path {
	transition: var(--transition);
}
.header__list-item .submenu-wrapper {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	padding: 0;
	/* opacity: 0;
	visibility: hidden; */
	transition: var(--transition);
	display: none;
}
.header__list-item .submenu-wrapper.active {
	display: block;
}
.submenu-list__wrapper {
	position: relative;
	height: 651px;
	box-shadow: 0px 4px 30px 0px rgba(27, 25, 26, 0.1);
	-webkit-box-shadow: 0px 4px 6px 0px rgba(27, 25, 26, 0.1);
	-moz-box-shadow: 0px 4px 6px 0px rgba(27, 25, 26, 0.1);
	border-bottom-left-radius: var(--border-radius-12);
	border-bottom-right-radius: var(--border-radius-12);
	background-color: var(--color-Base);
}
.modal-backdrop.vcatalog {
	z-index: 1;
	background: rgba(35, 35, 35, 0.1212);
}
/* .submenu-list__wrapper::after {
	content: '';
	background: rgba(35, 35, 35, 0.1212);
	position: fixed;
	left: 0;
	right: 0;
	z-index: -1;
	bottom: 0;
	top: 125px;
	width: 100vw;
} */
.submenu-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 372px;
	padding: 24px 32px 24px 60px;
}
.submenu-list__item {
	display: flex;
	cursor: pointer;
}
.submenu-list__item-wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 2px 16px;
	gap: 16px;
	border-radius: var(--border-radius-8);
	transition: var(--transition);
}
.submenu-list__item-wrapper>svg {
	margin-left: auto;
}
.submenu-content {
	position: absolute;
	right: 0;
	top: 0;
	max-width: calc(100% - 365px);
	opacity: 0;
	visibility: hidden;
	transition: var(--transition);
	box-shadow: -10px 0 8px -8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -10px 0 8px -8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -10px 0 8px -8px rgba(0, 0, 0, 0.2);
	padding: 40px 100px 0px;
	min-width: 946px;
	height: 650px;
}
.submenu-list__item.has-submenu.active .submenu-content {
	opacity: 1;
	visibility: visible;
}
.submenu-list__item.has-submenu.active .submenu-list__item-wrapper {
	background-color: var(--color-brand-100);
}
.submenu-list__item.has-submenu.active .submenu-list__item-wrapper>svg {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.submenu-list__item-link {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.submenu-list__item-title {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-medium);
	color: var(--color-gray-900);
}
.submenu-list__item-icon {
	display: flex;
	height: 40px;
	width: 40px;
}
.submenu-list__item-subtile {
	font-size: 12px;
	font-weight: 400;
}
.custom-toast.success {
    background: rgba(232, 248, 240, 0.95) !important;
    border: 1px solid rgba(152, 216, 186, 0.3);
    color: #0a3622;
}

.custom-toast.error {
    background: rgba(248, 232, 232, 0.95) !important;
    border: 1px solid rgba(216, 152, 152, 0.3);
    color: #58151c;
}

.custom-toast.warning {
    background: rgba(255, 243, 205, 0.95) !important;
    border: 1px solid rgba(255, 193, 7, 0.3);
    color: #664d03;
}

.custom-toast.info {
    background: rgba(207, 226, 255, 0.95) !important;
    border: 1px solid rgba(13, 110, 253, 0.3);
    color: #055160;
}

.toast-body a {
    color: #1a6d4a !important;
    text-decoration: none;
}

.toast-body a:hover {
    color: #0d4d2f !important;
    text-decoration: underline;
}
.cs-header-top .text-white{color: #543d35 !important}
.owl-custom {
    touch-action: pan-y !important;   /* allow only vertical scrolling in container */
}
#product-category .cs-category-description p:empty {
  display: none;
}
#product-category .cs-category-description h1 {
	color: var(--color-gray-900);
}
#product-category .cs-category-description h2,
#product-category .cs-category-description h3,
#product-category .cs-category-description h4,
#product-category .cs-category-description h5,
#product-category .cs-category-description h6 {
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
	margin-bottom: 8px;
}
#product-category .cs-category-description h6 {
	color: var(--color-gray-900);
}
#product-category .cs-category-description ul,
#product-category .cs-category-description p {
	margin-bottom: 8px;
}
#cs-category p{font-family: var(--font-inter-semibold);}
.route-information-sitemap #content>.row {
    flex-direction: row;
}
.route-information-sitemap #content>.row {
    display: flex;
    flex-wrap: wrap;
}
.route-information-sitemap #content>.row>div>ul {
    padding: 0;
}
.route-information-sitemap #content>.row>div>ul li {
    list-style: none;
    margin-top: 5px;
}
.route-information-sitemap #content>.row>div>ul ul {
    padding-left: 20px;
}
.route-information-sitemap #content > .row > div > ul li ul li a::before {
    content: '✓' !important;
}
.route-information-sitemap #content>.row>div>ul li a::before {
    margin: 0 5px;
}
.route-information-sitemap #content ul li a {
    font-size: var(--font-size-md);
    line-height: var(--font-lh-md);
    font-family: var(--font-inter-semibold);
    color: var(--color-gray-600);
}
.route-information-sitemap #content>.row>div>ul>li>a::before {
    content: '#' !important;
}
.qc .qc-coupon .ve-input.ve-coupon-input:focus{border-color: #0000001a !important; box-shadow: none !important;}
.ve-alert.ve-alert--danger{ display: none;}
html[lang="ro"] .step.qc-shipping-method .radio-input .ve-field span.text{height: 38px;display: inline-block;width: 100%;}
@media (hover: hover) and (pointer: fine) {
	.header__list-item:hover .submenu-wrapper {
		/* opacity: 1;
		visibility: visible; */
		pointer-events: auto;
		/* display: block; */
	}
	/* .header__list-item:hover~.header__list-item .submenu-wrapper {
		display: none;
	} */
	.submenu-list__item.has-submenu:hover .submenu-list__item-wrapper {
		background-color: var(--color-brand-100);
	}
}
.cs-cart-action .dropdown-toggle::after {
	display: none;
}
/*--header end --*/
/*-- breadcrumb start --*/
.cs-breadcrumb {
	padding: 20px 0;
}
.cs-breadcrumb ul li a {
	color: var(--color-gray-600);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.breadcrumb-item+.breadcrumb-item::before {
	color: var(--color-gray-300);
	content: var(--bs-breadcrumb-divider, ">");
}
.breadcrumb .breadcrumb-item:last-child a {
	color: var(--color-brand-700);
}
.cs-breadcrumb ul li p {
	color: var(--color-brand-700);
}
.breadcrumb {
	margin: 20px 0 40px;
}
.breadcrumb .breadcrumb-item a {
	color: var(--color-gray-600);
}
/*-- breadcrumb end --*/
/*-- page heading start --*/
.cs-page-heading {
	padding-bottom: 20px;
}
.cs-page-heading h1 {
	color: var(--color-gray-900);
}
.cs-page-heading h2,
.cs-page-heading h3,
.cs-page-heading h4,
.cs-page-heading h5,
.cs-page-heading h6 {
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
	margin-bottom: 8px;
}
.cs-page-heading h6 {
	color: var(--color-gray-900);
}
.cs-page-heading ul,
.cs-page-heading p {
	margin-bottom: 8px;
}
/*-- page heading end --*/
/*-- Category page start --*/
.cs-product-list .cs-product-details .cs-product-details-category {
	width: 100%;
}
.cs-product-list .cs-product-details p+p a {
	height: 50px;
	display: flex;
	overflow: hidden;
}
.cs-filter-card {
	margin-bottom: 40px;
}
.cs-category-filter {
	margin-top: 24px;
}
.cs-filter-card .form-check {
	gap: 12px;
}
.cs-category-sortare .cs-category-filter {
	margin: 0;
}
.cs-category-filter .badge.bg-modern {
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
	-moz-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
	font-family: var(--font-inter-medium);
}
.cs-filter-card .form-check .form-check-input {
	height: 20px;
	width: 20px;
	border-radius: var(--border-radius-6);
	border-color: var(--color-gray-300);
	margin-top: 0;
	box-shadow: none !important;
}
.cs-filter-card .form-check-input:checked {
	background-color: var(--secondary-green-100);
	border-color: var(--secondary-green-100);
}
.read-more-link {
	color: var(--secondary-green-100);
}
.cs-category-list {
	/* margin-bottom: 20px; */
	padding: 0;
}
.cs-category-list .cs-image-box {
	text-align: center;
}
.cs-category-list.cs-section button#cs-prev {
	left: 9px !important;
	top: 23%;
}
.cs-category-list.cs-section button#cs-next {
	right: 7px !important;
	top: 23%;
}
.cs-category-list .cs-category-img img {
	padding: 13px;
	border: 1px solid var(--color-gray-200);
	background-color: var(--color-gray-100);
	border-radius: 20px;
	height: 128px;
	width: 128px;
}
.cs-category-list .cs-category-item img {
	padding: 13px;
	border: 1px solid var(--color-gray-200);
	background-color: var(--color-gray-100);
	border-radius: 20px;
	height: 128px;
	width: 128px;
}
.cs-category-filter h6 {
	margin-bottom: 12px;
}
.cs-filter-brand .cs-search {
	width: 204px;
	margin-bottom: 12px;
}
.cs-filter-brand .cs-search .form-control {
	height: 30px;
	padding-left: 32px;
}
.cs-filter-brand .cs-search svg {
	height: 18px;
	width: 18xp;
}
.cs-filter-card .form-check .form-check-label img {
	height: 24px;
	width: 24px;
	object-fit: contain;
}
.cs-category-filter .btn-subtie {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.cs-filter-card .link.link-md {
	font-family: var(--font-inter-medium);
}
.cs-featured-product .cs-product-image {
	min-width: 100px;
}
.cs-featured-product .cs-banner-small-slider .cs-product-details-description a {
	white-space: break-spaces;
	height: 36px;
	overflow: hidden;
	display: inline-block;
}
.cs-featured-product .cs-banner-small-slider .cs-product-details-description {
	width: 100%;
	-webkit-line-clamp: 3;
}
.cs-featured-product .card {
	margin: 0 !important;
}
#featured-products1 .item {
	margin: 8px;
}
.cs-featured-product .cs-product-details .cs-product-details-category {
	width: 100%;
	color: var(--color-error-700);
}
.cs-featured-product .cs-product-details .cs-product-details-category a {
	color: var(--color-error-700);
}
.cs-featured-product .xl-btn-secondary-color {
	background-color: var(--color-error-700);
	border-color: var(--color-error-700);
}
.cs-featured-product {
	position: relative;
	padding: 20px 25px;
	background-color: var(--color-gray-50);
}
.cs-featured-product .card,
.cs-featured-product .card-header {
	background-color: var(--color-gray-50);
}
.cs-featured-product::after {
	content: '';
	background-color: var(--color-gray-50);
}
.cs-featured-product .quantity-wrapper {
	gap: 2px !important;
}
.cs-featured-product .owl-nav-custom button {
	position: static !important;
	height: 36px;
	width: 36px;
}
.cs-product-big-card .cs-price.cs-price-discounts p {
	color: var(--color-error-600);
}
.cs-product-big-card .cs-price.cs-price-discounts p span {
	color: var(--color-gray-500);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-regular);
	text-decoration: line-through;
}
.cs-category-description .row {
	gap: 36px;
	padding: 20px 40px;
}
.cs-product-list .cs-select-header .sm-btn-seconday {
	border: 1px solid var(--color-gray-300);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05) !important;
	-moz-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05) !important;
	color: var(--color-gray-600);
	font-family: var(--font-inter-regular);
	border-radius: var(--border-radius-6);
	padding: 8px 12px;
}
.cs-select-header p {
	color: var(--color-gray-600);
}
.cs-mobile-category-filter .modal-footer {
	box-shadow: -4px 4px 30px -4px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow: -4px 4px 30px -4px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: -4px 4px 30px -4px rgba(0, 0, 0, 0.15) inset;
}
/*-- Category end --*/
/*-- select css start here --*/
.cs-select {
	width: 227px;
}
/* Base select2 container */
.select2-container--default .select2-selection--single {
	height: 40px;
	padding: 6px 12px;
	border: 1px solid var(--color-gray-300);
	/* Tailwind's gray-300 */
	border-radius: var(--border-radius-8);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	color: var(--color-gray-600);
	background-color: var(--color-Base);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
/* Dropdown arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	right: 10px;
}
/* Dropdown menu */
.select2-container--default .select2-results>.select2-results__options {
	max-height: 240px;
	overflow-y: auto;
	border-radius: 0px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	padding: 6px 4px;
}
.select2-dropdown {
	border: var(--color-gray-200);
}
/* Each dropdown item */
.select2-container--default .select2-results__option {
	padding: 8px;
	color: var(--color-gray-900);
}
.select2-container--default .select2-results__option--selected {
	background-color: var(--color-gray-50);
	color: var(--color-gray-900);
}
/* Hover effect */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--color-gray-50);
	color: var(--color-gray-900);
}
/* Selected item */
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: var(--color-gray-50);
	color: var(--color-gray-900);
	font-weight: 500;
	position: relative;
}
/* Checkmark for selected option */
.select2-container--default .select2-results__option[aria-selected=true]::after {
	content: '✓';
	position: absolute;
	right: 16px;
	color: var(--color-brand-600);
}
/* Hide default border on focus */
.select2-container--default.select2-container--focus .select2-selection--single {
	/* border-color: var(--color-brand-500);  */
	outline: none;
	border: 2px solid var(--color-brand-500);
}
.cs-select-header {
	margin-bottom: 40px;
}
/*-- select css end here --*/
.cs-product-list .btn.xl-btn-primary {
	width: 43px;
}
.form-control {
	border-radius: var(--border-radius-8);
	border-color: var(--color-gray-300);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05) !important;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05) !important;
	-moz-box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05) !important;
}
.cs-filter-price {
	margin-bottom: 20px;
}
.form-control.cs-input-sm {
	height: 40px;
	min-width: 98px;
	font-size: var(--font-size-sm);
	color: var(--color-gray-600);
}
.form-control.cs-input-sm::placeholder {
	color: var(--color-gray-600);
}
.form-control:focus {
	border: 2px solid var(--color-brand-500);
}
.cs-product-list .cs-product-card {
	margin-bottom: 40px;
}
.cs-product-list {
	padding: 40px 30px;
}
.cs-product-list .col-6.col-md-6.col-lg-4.col-xl-3 {
	width: 20%;
}
.cs-section .container-xxl {
	position: relative;
}
.cs-section .owl-nav-custom button {
	position: absolute;
	top: 34%;
	z-index: 2;
}
.cs-section .owl-nav-custom button:hover {
	background-color: var(--color-gray-100) !important;
}
.cs-section .owl-nav-custom button#cs-prev {
	left: 10px;
}
.cs-section .owl-nav-custom button#cs-next {
	right: 10px;
}
/*-- mobile menu start --*/
.mobile-menu {
	position: fixed;
	top: 0;
	left: 0;
	height: 100dvh;
	width: 100dvw;
	background: #fff;
	z-index: 1050;
	transform: translateX(-100%);
	transition: transform 0.3s ease;
	/* overflow-y: auto; */
	padding: 0;
	bottom: 0;
	right: 0;
}
.mobile-menu.show {
	transform: translateX(0);
}
.menu-header p {
	margin-bottom: 13px;
}
.menu-header .cs-mobile-close {
	background: transparent;
	right: 16px;
	top: 20px;
	padding: 0;
}
.menu-header {
	padding: 20px 16px;
	background-color: var(--color-gray-100);
}
.subsubmenu a {
	padding: 6px 16px;
	color: var(--color-gray-900);
}
.menu-category {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menu-category a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
	flex-grow: 1;
	padding: 6px 16px;
}
.menu-category img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	margin-right: 10px;
}
.cs-category-mobile-menu h5 {
	padding: 16px 16px 8px 16px;
}
.submenu,
.subsubmenu {
	display: none;
}
.submenu.show,
.subsubmenu.show {
	display: block;
}
.toggle-arrow {
	background: none;
	border: none;
	font-size: 1rem;
	transition: transform 0.3s ease;
	padding: 6px 16px;
}
.toggle-arrow .arrow-icon {
	display: inline-block;
	transition: transform 0.3s ease;
}
.toggle-arrow.rotated .arrow-icon {
	transform: rotate(180deg);
}
.menu-category:hover {
	background-color: var(--color-brand-100);
}
.submenu .menu-category:hover {
	background-color: var(--brand-600);
}
.cs-mobile-language {
	position: fixed;
	bottom: 0;
	padding: 20px 16px;
	background-color: var(--color-gray-100);
	box-shadow: 0px -4px 51px 0px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px -4px 51px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px -4px 51px 0px rgba(0, 0, 0, 0.25);
}
.cs-mobile-language button {
	padding: 8px 12px;
	background-color: var(--color-Base);
	border: 1px solid var(--color-gray-300);
	border-radius: var(--border-radius-8);
	color: var(--color-gray-900);
}
.cs-bonus-point a.link-primary {
	font-family: var(--font-inter-medium);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.cs-mobile-menu {
	padding: 8px 0px;
}
.cs-mobile-menu button.btn.lg-btn-tertiary-gray {
	padding: 10px 11px;
}
/*-- mobile end start --*/
/*-- modal start --*/
.cs-modal .modal-content {
	border-radius: var(--border-radius-12);
	border: none;
}
.modal-backdrop {
	background: rgba(35, 35, 35, 0.28);
}
.cs-model-or {
	color: var(--color-gray-500);
	padding: 16px 0;
}
.cs-modal-social-btn {
	gap: 12px;
}
.cs-model-or::after,
.cs-model-or::before {
	content: '';
	height: 1px;
	width: 47%;
	position: absolute;
	background-color: var(--color-gray-200);
	display: flex;
	right: 0;
	top: 50%;
}
.cs-model-or::before {
	left: 0;
}
.form-label {
	color: var(--color-gray-700);
	margin-bottom: 6px;
}
.cs-modal .modal-header {
	flex-direction: column;
	padding: 24px 24px 16px 24px;
}
.cs-modal .modal-body {
	padding: 0 24px;
}
.form-group {
	margin-bottom: 12px;
}
.cs-modal-link .link-primary {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-medium);
}
.cs-modal .btn-close {
	right: 20px;
	top: 20px;
	background: white;
	opacity: 1;
	padding: 0;
	height: 44px;
	width: 44px;
}
.modal-footer {
	padding: 24px;
}
.cs-success-cart .modal-footer {
	padding: 24px 16px;
	box-shadow: 0px -4px 51px 0px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px -4px 51px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px -4px 51px 0px rgba(0, 0, 0, 0.25)
}
.modal-footer .text-center.cs-modal-link {
	margin: 12px 0 0 0;
}
.cs-modal .modal-content {
	width: 440px;
}
.cs-quickview-modal .modal-content {
	width: auto;
}
.cs-modal-login .modal-header p {
	color: var(--color-gray-600);
}
.cs-modal-login .modal-body nav {
	border-bottom: 1px solid var(--color-gray-100);
}
.cs-modal-login .modal-body .nav-link {
	padding: 0 0 12px;
	border: none !important;
	border-bottom: 2px solid transparent !important;
	color: var(--color-gray-600);
	background: var(--color-Base);
}
.cs-modal-login .modal-body .nav-link.active {
	border-color: var(--secondary-green-100) !important;
	color: var(--secondary-green-100);
}
.cs-modal-login .tab-pane {
	padding-top: 20px;
}
.cs-modal .form-check .form-check-input {
	height: 16px;
	width: 16px;
	border-radius: var(--border-radius-4);
	border-color: var(--color-gray-300);
	box-shadow: none !important;
	margin-right: 12px;
}
.cs-modal-login .form-check-input:checked {
	background-color: var(--secondary-green-100);
	border-color: var(--secondary-green-100);
}
.cs-modal-login .form-check-label {
	color: var(--color-gray-900);
}
.cs-success-cart .modal-body p {
	margin-bottom: 24px;
}
.cs-success-cart .modal-body p a:hover {
	text-decoration: none;
}
.cs-success-cart-item {
	background-color: var(--color-gray-50);
	padding: 4px 16px;
	border-radius: var(--border-radius-8);
}
.cs-success-cart .cs-product-card {
	background: transparent;
}
.cs-success-cart .cs-product-details .cs-product-details-category {
	margin-top: 8px;
	width: 100%;
}
.cs-success-cart .cs-product-image {
	min-height: 108px;
	min-width: 108px;
}
.badge.bg-secondary {
	font-size: var(--font-size-xs);
	line-height: var(--font-lh-xs);
}
.cs-success-cart-item .cs-product-details-description {
	max-height: 40px;
	overflow: hidden;
}
.cs-success-cart .cs-product-detail-action {
	padding: 24px 0;
	border-bottom: 1px solid var(--color-gray-200);
}
.cs-success-cart-slider {
	padding-top: 16px;
}
.cs-success-cart-slider .owl-nav-custom button {
	height: 36px;
	width: 36px;
}
.cs-success-cart-slider .cs-product-image {
	height: 168px;
	min-height: 168px;
	padding: 23px 46px 23px 23px;
	margin-bottom: 6px;
}
.cs-success-cart-slider .cs-price {
	margin-bottom: 0;
}
.cs-success-cart-slider .cs-product-details .cs-product-details-category {
	margin: 4px 0;
}
.cs-success-cart-slider .cs-product-details-description {
	max-height: 40px;
	overflow: hidden;
}
.cs-common-slider .owl-pagination {
	display: none;
}
.cs-success-cart-slider .item {
	margin: 8px;
}
.cs-success-cart .modal-footer .d-flex {
	gap: 12px;
}
.cs-order-details .cs-myodrer-status-border {
	height: 82px;
}
.cs-order-details .btn.sm-btn-seconday {
	margin: 24px 0;
}
.cs-order-details .cs-product-card {
	border: none;
	border-bottom: 1px solid var(--color-gray-200);
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-radius: 0px;
}
.cs-order-details .cs-product-card:last-child {
	border: none;
	padding: 0px;
	margin: 0px;
}
.cs-order-details .cs-cart-order-summary {
	box-shadow: none;
}
.cs-order-details .cs-cs-cart-order-total h4 {
	color: var(--color-gray-900);
}
/*-- modal end --*/
.alert {
	padding: 8px;
	gap: 8px;
	color: var(--color-gray-800);
}
.alert-link {
	font-weight: normal;
	text-decoration: underline;
}
.alert-brand {
	background-color: var(--color-brand-100);
}
.alert-error {
	background-color: var(--color-error-100);
}
.alert-secondary {
	background-color: #F7FCF3;
	border-color: var(--secondary-green-100);
	padding: 12px;
}
.alert-succes {
	background-color: var(--color-success-50);
}
.form-group p {
	margin-top: 6px;
	color: var(--color-gray-600);
}
/*-- loading button start here --*/
.btn.loading {
	position: relative;
	padding-right: 40px;
}
.btn.loading:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 2px solid #fff;
	border-radius: 50%;
	border-top-color: transparent;
	animation: spin 0.8s linear infinite;
}
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
/*-- loading button end here --*/
/*-- Product detail start --*/
.cs-product-detail-brand a {
	color: var(--color-gray-900);
}
.cs-product-detail-img {
	width: 516px;
	gap: 20px;
}
.cs-product-detail-img .cs-product-detail-img-thumblist-wrapper {
	position: relative;
}
.cs-product-detail-img .cs-thumbnail-prev {
	top: -15px;
	bottom: auto;
}
.cs-product-detail-img .cs-thumbnail-next {
	top: auto;
	bottom: -15px;
}
.cs-product-detail-img .cs-thumbnail-prev,
.cs-product-detail-img .cs-thumbnail-next {
	height: 35px;
	width: 35px;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-8);
	position: absolute;
	background-color: var(--color-Base);
	color: #344054;
}
.cs-product-detail-img .img-thumbnail {
	border: none;
	background-color: #f2f2f2;
	border-radius: var(--border-radius-16);
	padding: 0;
}
.cs-product-detail-img .cs-product-detail-img-thumblist .img-thumbnail {
	border: 1px solid var(--color-gray-300);
	border-radius: var(--border-radius-6);
	padding: 0;
}
.cs-product-detail {
	width: 436px;
}
.cs-product-detail-brand img {
	border-radius: var(--border-radius-6);
	background-color: #f2f2f2;
}
.cs-product-detail-header {
	margin-bottom: 30px;
}
.cs-product-detail-select-heading span {
	color: var(--color-gray-400);
}
.cs-product-detail-select-heading p {
	color: var(--color-gray-900);
}
.cs-product-detail-select-heading {
	margin-bottom: 10px;
}
.cs-product-detail-select a {
	height: 52px;
	width: 52px;
	border: 2px solid var(--color-gray-200);
	border-radius: 10px;
	padding: 4px;
	overflow: hidden;
	color: var(--color-gray-900);
}
.cs-product-detail-select a.active {
	border-color: var(--secondary-green-100);
}
.cs-product-detail-select img {
	height: 52px;
	width: 52px;
	object-fit: contain;
}
.cs-product-detail-select ul {
	gap: 10px;
}
.cs-product-detail-action .cs-price-discounts p {
	color: var(--color-error-600);
}
.cs-product-detail-action .cs-price-discounts p span {
	color: var(--color-gray-500);
	text-decoration: line-through;
}
.cs-product-detail-action .cs-price-discounts,
.cs-product-detail-action .quantity-wrapper,
.cs-product-detail-select {
	margin-bottom: 20px;
}
.cs-product-detail-action .quantity-wrapper .form-control,
.cs-product-detail-action .quantity-wrapper .form-control::placeholder {
	height: 38px;
	color: var(--color-gray-500);
}
.cs-product-detail-action .xl-btn-primary {
	padding: 11px 52px;
	width: 305px;
}
.cs-product-detail-subtotal {
	background-color: var(--color-gray-50);
	border-radius: var(--border-radius-8);
	overflow: hidden;
}
.cs-product-detail-subtotal-details {
	padding: 16px;
}
.cs-product-detail-action .progress {
	margin: 16px 0;
	background-color: var(--color-gray-200);
	border-radius: var(--border-radius-12);
	height: 8px;
}
.cs-product-detail-action .progress-bar {
	background-color: var(--color-brand-600);
}
.cs-product-detail-delivery span {
	color: var(--color-gray-600);
}
.cs-product-detail-subtotal-footer {
	padding: 4px 16px;
	background-color: var(--color-warning-50);
}
.cs-product-details-card {
	margin-bottom: 40px;
	gap: 40px;
}
.cs-product-more-detail {
	padding: 40px 60px;
	box-shadow: 0px 6px 31px 0px rgba(32, 32, 32, 0.06);
	-webkit-box-shadow: 0px 6px 31px 0px rgba(32, 32, 32, 0.06);
	-moz-box-shadow: 0px 6px 31px 0px rgba(32, 32, 32, 0.06);
	border-radius: var(--border-radius-16);
	display: inline-block;
	width: 100%;
}
.cs-product-more-detail-video iframe {
	width: 100%;
	height: 580px;
	border-radius: var(--border-radius-16);
}
.cs-product-more-detail .nav-pills {
	gap: 12px;
	border-bottom: 1px solid #E5E7EB;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.cs-product-more-detail-description p {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
}
.cs-product-detail-page .lg-seconday-color {
	padding: 8px 37px;
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.cs-product-detail-page .lg-seconday-color.active {
	background-color: var(--color-brand-200) !important;
	border-color: var(--color-brand-300) !important;
}
.cs-product-more-detail-description img {
	float: right;
	margin-left: 60px;
}
.cs-product-more-detail-description p {
	color: var(--color-gray-600);
	margin-bottom: 16px;
}
.cs-product-more-detail-description p:last-child {
	margin: 0;
}
.cs-product-more-detail-characteristics table tr th {
	min-width: 152px;
	color: var(--color-gray-700);
}
.cs-product-more-detail-characteristics table tr td {
	color: var(--color-gray-600);
}
.cs-product-more-detail-characteristics table tr th,
.cs-product-more-detail-characteristics table tr td {
	border-bottom: 1px solid var(--color-gray-100);
	padding: 6px 0px;
	font-weight: inherit;
}
.cs-product-more-detail-characteristics .table {
	width: 864px;
	margin-bottom: 16px;
}
.cs-product-more-detail-characteristics .table:last-child {
	margin-bottom: 0px;
}
.cs-product-more-detail-recipes .cs-image-box img {
	max-width: 320px;
	border-radius: var(--border-radius-16);
}
.cs-product-more-detail-recipes .cs-articles-card {
	gap: 20px;
}
.cs-product-more-detail-recipes .cs-articles-card:last-child img {
	margin-bottom: 0px;
}
.cs-product-more-detail-set-contains .card.cs-product-card {
	padding-bottom: 18px;
	border-bottom: 1px solid var(--color-gray-200) !important;
	margin-bottom: 18px;
	border-radius: 0px;
}
.cs-product-more-detail-set-contains .card.cs-product-card:last-child {
	border: none !important;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.cs-product-more-detail-set-contains .cs-product-image {
	height: 108px;
	width: 108px;
	padding: 15px;
}
.cs-frequently-purchased-list {
	gap: 12px;
	padding: 16px 16px 20px 16px;
	border-bottom: 1px solid var(--color-gray-200);
	margin-bottom: 28px;
}
.cs-frequently-purchased-item {
	gap: 9px;
}
.cs-frequently-purchased-list .cs-product-details .cs-product-details-category {
	width: 100%;
	padding-top: 8px;
}
.cs-frequently-purchased-item .cs-product-image {
	height: 140px;
	width: 140px;
}
.cs-frequently-purchased-item .cs-filter-card {
	margin: 0;
}
.cs-frequently-purchased-item .cs-favourite svg {
	height: 20px;
	width: 20px;
}
.cs-frequently-purchased-total .xl-btn-primary {
	padding: 11px 52px;
	width: 305px;
}
.cs-product-detail-select ul li .badge.bg-error {
	bottom: -8px;
	padding: 2px 5px;
	left: 4px;
	font-family: var(--font-inter-medium);
}
.cs-delivery-service {
	border-radius: var(--border-radius-16);
	overflow: hidden;
}
.cs-delivery-service-time {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 100%);
	bottom: 0;
	padding: 50px 16px 16px 16px;
}
.cs-delivery-service-time h5 {
	margin-bottom: 2px;
}
.cs-delivery-service-time h5,
.cs-delivery-service-time p {
	color: var(--color-Base) !important;
}
.cs-delivery-service-special {
	padding: 32px 0;
}
.cs-delivery-service-special h6 {
	color: var(--secondary-green-100);
}
.cs-delivery-service-fees ul li span {
	color: var(--color-gray-900);
}
.cs-delivery-service-fees ul {
	gap: 10px;
}
.cs-delivery-service-fees {
	margin-bottom: 24px;
}
.cs-delivery-service p {
	color: var(--color-gray-600);
}
.cs-bonous-despre-list {
	/* gap: 16px; */
}
.cs-bonous-despre {
	padding: 24px 0;
}
.cs-bonous-despre-card h4 {
	margin-bottom: 4px;
}
.cs-bonous-despre-card p {
	color: var(--color-gray-900);
}
.cs-general-content-details .cs-bonous-despre-card p {
	line-height: var(--font-lh-sm);
	font-size: var(--font-size-sm);
	color: var(--color-gray-900);
}
.cs-bonous-despre-card {
	border: 1px solid var(--color-gray-200);
	padding: 16px;
	box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
	border-radius: var(--border-radius-8);
}
.cs-bonous-image img {
	border-radius: var(--border-radius-8);
}
.cs-product-detail-action .quantity-wrapper button.btn.xl-btn-secondary-gray {
	height: 38px;
	width: 38px;
	padding: 0;
}
.cs-product-detail-action .quantity-wrapper button.btn.xl-btn-secondary-gray svg {
	height: 16px;
	width: 16px;
}
.cs-product-detail-action .quantity-wrapper {
	gap: 3px !important;
}
.cs-product-detail-action .quantity-wrapper .xl-btn-primary {
	margin-left: 9px;
}
/*-- Product detail end --*/
/*-- product detail arcoding start --*/
.cs-video-item .accordion-button::after {
	display: none;
}
.cs-product-more-detail-mobile .cs-video-item .accordion-button {
	padding-bottom: 4px;
}
.cs-product-more-detail-mobile .accordion-button::after {
	background-image: url('/catalog/view/image/product-chevron-down.svg');
	height: 20px;
	width: 20px;
	position: absolute;
	right: 16px;
}
.cs-section .owl-pagination {
	display: none !important;
}
.cs-product-more-detail-mobile .accordion-button span {
	padding-right: 26px;
	color: var(--secondary-green-100);
}
.cs-product-more-detail-mobile .accordion {
	display: flex;
	flex-direction: column;
	gap: 8px;
	background-color: var(--color-gray-50);
	padding: 8px 0;
}
.cs-product-more-detail-mobile .accordion-button {
	padding: 16px;
	background-color: var(--color-Base) !important;
	box-shadow: none !important;
}
.cs-product-more-detail-mobile .accordion-item {
	border: none;
}
.cs-product-more-detail-mobile .accordion-body {
	padding: 16px;
}
.cs-product-more-detail-mobile .cs-product-more-detail-description img {
	margin: 0 0 10px;
}
.cs-product-more-detail-mobile .cs-product-more-detail-description p {
	margin-bottom: 10px;
}
.cs-product-more-detail-mobile .cs-product-more-detail-characteristics .table {
	width: 100%;
}
.cs-product-more-detail-mobile .cs-product-more-detail-characteristics table tr th {
	min-width: 107px;
}
.cs-product-more-detail-mobile .cs-product-more-detail-video iframe {
	height: 240px;
}
.cs-product-more-detail-mobile .cs-product-more-detail-recipe {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.cs-product-more-detail-mobile .cs-frequently-purchased-total {
	padding: 16px;
	gap: 12px;
}
.cs-product-more-detail-mobile .frequently-purchased-thumb {
	padding: 4px 16px;
}
.cs-product-more-detail-mobile .frequently-purchased-thumb ul li a img {
	height: 80px;
	width: 80px;
}
.cs-product-more-detail-mobile .frequently-purchased-thumb ul {
	gap: 12px;
}
.cs-product-more-detail-mobile .accordion-button p {
	color: var(--color-gray-900);
}
/*-- product detail arcoding end --*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*-- usefull links --*/
.cs-useful-links-list ul {
	gap: 8px;
}
/*-- usefull links --*/
/*-- serach css start here --*/
/* Trigger input */
.search-trigger {
	max-width: 500px;
	margin: 3rem auto;
	cursor: pointer;
}
/* Hidden search overlay */
.search-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(35, 35, 35, 0.1212);
	z-index: 1050;
}
.search-box {
	position: absolute;
	width: 100%;
	max-width: 782px;
	z-index: 1060;
	top: 63px !important;
}
.search-box-body {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	padding: 24px 36px;
}
.search-input-group {
	position: relative;
	width: 463px;
	margin: 0px auto 10px
}
/* .search-input-group input {
	padding-left: 2.5rem;
} */
.search-input-group i {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	color: #888;
}
.section-title {
	font-weight: 600;
	font-size: 0.9rem;
	color: #666;
	margin-top: 1.5rem;
}
.recent-item {
	display: flex;
	justify-content: space-between;
	padding: 0.25rem 0;
	font-size: 0.95rem;
}
.tag {
	background: #f1f3f5;
	padding: 0.3rem 0.8rem;
	border-radius: 20px;
	margin: 0.25rem;
	font-size: 0.85rem;
	cursor: pointer;
}
.close-btn {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 1.5rem;
	color: #555;
	cursor: pointer;
}
.search-box-componets {
	margin-bottom: 16px;
}
.search-box-componets:last-child {
	margin-bottom: 0px;
}
.search-box-componets ul li a {
	padding: 8px 16px;
	border-bottom: 1px solid var(--color-gray-200);
}
.search-box-componet-recent-searches ul li {
	padding: 8px 16px;
	border-bottom: 1px solid var(--color-gray-200);
}
.search-box-componet-recent-searches ul li a {
	border: none;
	padding: 0;
}
.search-box-componets ul li p span {
	color: var(--secondary-green-100);
}
.search-box-componets .cs-product-image {
	height: 140px;
	min-width: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 140px;
}
.search-box-componets .cs-favourite svg {
	height: 20px;
	width: 20px;
}
.search-box-componets .quantity-wrapper {
	gap: 5px !important;
}
.search-box-componets .cs-product-details {
	margin-top: 8px;
}
.search-box-componet-tranding ul li a {
	padding: 4px 12px;
	border: none;
	background-color: var(--color-gray-50);
	border: 1px solid var(--color-gray-200);
}
.search-box-componets .cs-product-details-category {
	width: 100%;
}
/*--search css end here--*/
/*-- quick view css start here --*/
.quickview-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	display: none;
}
.quickview-content {
	position: relative;
	border-radius: var(--border-radius-12);
}
.cs-quickview-modal .cs-product-detail-action .xl-btn-primary {
	margin: 0;
	height: 38px;
	width: 56px;
	padding: 0;
}
.cs-quickview-modal .cs-product-detail-img-thumblist img {
	padding: 0px 90px;
}
.quickview-close {
	position: absolute;
	top: 24px;
	right: 24px;
	font-size: 24px;
	background: none;
	border: none;
	cursor: pointer;
}
.mfp-bg {
	z-index: 99999;
}
.mfp-wrap {
	z-index: 999999;
}
/*-- quick view css end here --*/
.cs-header-action .lg-seconday-color {
	min-width: 115px;
}
/*-- shoping cart css start here --*/
.cs-output-cart-item-left {
	gap: 4px;
}
.cs-output-cart .cs-product-image {
	height: 88px;
	width: 88px;
	padding: 10px !important;
}
.cs-output-cart .cs-product-image a img {
	padding: 0;
	border: none;
}
.cs-output-cart .cs-product-image a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.cs-output-cart-item {
	padding: 16px 0;
	border-bottom: 1px solid var(--color-gray-200);
}
.cs-output-cart .quantity-wrapper {
	padding-top: 12px;
}
.cs-output-cart .quantity-wrapper .btn.xl-btn-secondary-gray {
	height: 38px;
	min-width: 38px;
}
.cs-output-cart .quantity-wrapper .form-control {
	height: 38px;
}
.cs-output-cart .quantity-wrapper-left {
	gap: 3px;
}
.cs-output-cart .cs-move-to-favorites {
	margin-left: 24px;
}
.cs-output-cart .cs-move-to-favorites .link {
	border-right: 1px solid var(--color-brand-200);
	margin-right: 12px;
	padding-right: 12px;
	font-family: var(--font-inter-medium);
}
.cs-output-cart .cs-move-to-favorites .link:last-child {
	border: none;
	padding-right: 0;
	margin-right: 0;
	color: var(--color-gray-500);
}
.cs-output-cart .cs-price {
	gap: 2px;
}
.cs-output-cart-header {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--color-gray-200);
}
.cs-output-cart-header p {
	color: var(--color-gray-500);
}
.cs-output-cart .col-lg-8 {
	padding-right: 40px;
}
.cs-cart-order-summary {
	padding: 16px;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-8);
	margin-bottom: 16px;
	box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.08);
}
.cs-cart-order-summary h5 {
	margin-bottom: 12px;
}
.cs-cart-order-summary ul {
	gap: 4px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--color-gray-200);
}
.cs-cs-cart-order-total {
	margin-bottom: 8px;
}
.cs-cs-cart-order-total h4 {
	color: var(--color-error-600);
}
.cs-cart-order-summary ul li p {
	color: var(--color-gray-900);
}
.cs-cs-cart-order-total p {
	color: var(--color-gray-500);
	text-decoration: line-through;
}
.btn-cart-back {
	color: var(--color-gray-600);
	gap: 6px;
}
.cs-shopingcart-list .cs-available-points-card.position-relative.d-none.d-xl-block {
	margin-bottom: 16px;
}
.cs-desktopview a {
	display: none;
}
.cs-desktopview .cs-available-points-card {
	display: none;
}
.cs-shopping-cart-page .cs-bonus-point-banner {
	padding: 18px 180px 18px 18px;
}
.cs-shopping-cart-page .cs-bonus-point-banner p {
	padding: 12px 0;
}
.cs-shopping-cart-page .cs-bonus-point-banner a.btn.xl-btn-secondary-gray {
	padding: 8px 14px;
}
.cs-shopingcart-list .cs-available-points-card img {
	max-height: 50px;
}
.cs-shopingcart-list .cs-available-points-card h4 {
	font-size: 24px;
}
/*-- shoping cart css end here --*/
/*-- my account start --*/
.cs-myaccount-detail-heading p {
	padding: 16px 0 24px;
}
.cs-myaccount-detail-form {
	border-radius: var(--border-radius-8);
	padding: 20px;
	border: 1px solid var(--color-gray-200);
	margin-bottom: 20px;
}
.cs-myaccount-detail-form h5 {
	margin-bottom: 20px;
}
.cs-myaccount-detail-heading {
	margin-bottom: 40px;
}
.cs-myaccount-menu ul li a {
	padding: 12px 16px;
	border-radius: var(--border-radius-8);
	color: var(--color-gray-900);
}
.cs-myaccount-menu ul li a.active,
.cs-myaccount-menu ul li a:hover {
	background-color: var(--color-brand-100);
}
.cs-myaccount-menu {
	padding-right: 36px;
}
.cs-bonus-point-banner {
	padding: 35px 300px 55px 35px;
	border-radius: var(--border-radius-8);
	background-color: #F3E9E8;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}
.cs-bonus-point-banner h5 {
	color: #181D27;
}
.cs-transactions-bonus-points-start-list h5 {
	margin-bottom: 12px;
}
.cs-bonus-point-banner h5 span {
	background: #FFBE02;
	background: linear-gradient(to top right, #FFBE02 0%, #FFBE02 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.cs-bonus-point-banner p {
	color: var(--color-gray-900);
}
.cs-available-points-card,
.cs-want-more-bonus-points {
	border: 1px solid var(--color-gray-200);
	padding: 16px;
	box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
	border-radius: var(--border-radius-16);
}
.cs-want-more-bonus-points {
	max-width: 364px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.cs-available-points {
	gap: 20px;
	margin: 40px 0;
}
.cs-transactions-bonus-points-start-list .cs-image-box {
	height: 60px;
	width: 60px;
	border-radius: var(--border-radius-6);
	border: 1px solid var(--color-gray-200);
}
.cs-transactions-bonus-points-start-list .cs-myodrer-status {
	gap: 12px !important;
}
.cs-transactions-bonus-points-start-list .cs-myodrer-status p {
	color: var(--color-gray-900);
}
.cs-transactions-bonus-points-start-list .cs-myodrer-status span {
	color: var(--color-gray-400);
}
.cs-transactions-bonus-points-start-list {
	padding: 20px;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-8);
}
.cs-myaccount-detail .btn.sm-btn-primary {
	height: 44px;
	border-radius: 6px;
	padding: 10px 40px;
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
}
.cs-myaccount-detail-form-footer {
	margin-top: 8px;
}
.cs-myaccount {
	margin-bottom: 40px;
}
.cs-myaccount-nodata-details {
	max-width: 315px;
}
.cs-myaccount-nodata-details img {
	margin-bottom: 24px;
}
.cs-myaccount-nodata-details p {
	margin-bottom: 24px;
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	color: var(--color-gray-900)
}
.cs-myaccount-address-item {
	border-radius: var(--border-radius-8);
	border: 1px solid var(--color-gray-200);
}
.cs-myaccount-address-item ul li {
	margin-bottom: 8px;
	line-height: var(--font-lh-sm);
}
.cs-myaccount-address-item {
	margin-bottom: 20px;
}
.cs-myaccount-address-item .cs-filter-card .form-check {
	gap: 8px;
}
.cs-myaccount-address-action {
	gap: 8px;
}
.cs-myaccount-address-list {
	margin-bottom: 20px;
}
.btn.btn-sm.sm-secondary {
	padding: 7px 10px;
	border: 1px solid var(--color-gray-300);
	border-radius: var(--border-radius-8);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	color: var(--color-gray-600);
	background-color: var(--color-Base);
}
.btn.btn-sm.sm-secondary:hover,
.btn.btn-sm.sm-secondary:focus {
	border: 1px solid var(--color-gray-300) !important;
	background-color: var(--color-gray-100) !important;
}
.cs-myaccount-address-action a.btn.btn-sm.sm-secondary.cs-delete {
	max-width: 37px;
	padding: 0;
}
.cs-myaccount-address-item.active {
	border-color: var(--secondary-green-100);
	background-color: #FAFCF7;
}
#favorite-arrivals .item {
	margin: 12px;
}
.cs-favorite-products-here .cs-product-card {
	margin-bottom: 40px;
}
.btn.btn-brand-pill {
	padding: 4px 12px;
	background-color: var(--color-gray-50);
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-16) !important;
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	color: var(--color-gray-700);
}
.btn.btn-brand-pill.active,
.btn.btn-brand-pill:hover,
.btn.btn-brand-pill:focus {
	background-color: var(--color-brand-50);
	border-color: var(--color-brand-200);
	color: var(--color-brand-700);
}
.cs-myaccount-my-order-status-list {
	margin-bottom: 40px;
}
.cs-my-order-item {
	border-color: var(--color-gray-200);
	border-radius: var(--border-radius-8);
}
.cs-myodrer-status-border {
	height: 63px;
	width: 3px;
	border-radius: var(--border-radius-16);
}
.cs-my-order-item-action .btn.sm-btn-seconday {
	color: var(--color-gray-700);
}
.cs-my-order-price p {
	color: var(--secondary-green-100);
}
.cs-used-in-orders .cs-my-order-price p {
	color: var(--color-error-500);
}
.cs-my-order-list {
	gap: 12px;
	margin-bottom: 40px;
}
.cs-transactions-bonus-points-start-list .cs-pagination {
	margin-top: 28px;
}
.cs-available-points-card h6 {
	color: var(--color-gray-500);
}
.cs-transactions-bonus-points-start .cs-myaccount-my-order-status-list {
	margin-bottom: 12px;
}
.cs-myaccount-email span.badge.rounded-pill.bg-secondary-green {
	border: 1px solid #E4F2D6;
}
.cs-myaccount-email p {
	color: var(--color-gray-900);
}
/*-- my account end --*/
.cs-product-detail-img .cs-favourite .md-btn-tertiary-gray {
	height: 80px;
	width: 80px;
	padding: 0;
}
.cs-favorite-products .owl-nav-custom button {
	position: static;
}
.quickview-trigger {
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	border-radius: 4px;
	padding: 5px;
}
.quickview-trigger:hover {
	border-color: #ddd;
}
.quickview-trigger.active {
	border-color: #ff6b6b;
}
.quickview-modal .cs-product-detail-action .xl-btn-primary {
	width: 30%;
}
.quickview-modal .cs-product-details-card {
	margin-bottom: 0;
}
.cs-error-modal .modal-body p a {
	font-family: var(--font-inter-medium);
	text-decoration: underline;
	color: var(--secondary-green-100);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.cs-error-modal .modal-body p a:hover {
	text-decoration: none;
}
.cs-myaccount-heading {
	border-top: 8px solid var(--color-gray-50);
	border-bottom: 8px solid var(--color-brand-50);
	padding: 16px 0;
}
.cs-last-order-mobile {
	margin-top: 16px;
}
.cs-last-order-mobile ul li:last-child {
	background-color: var(--color-gray-200);
	height: 40px;
	width: 40px;
	border-radius: var(--border-radius-6);
}
.cs-last-order-mobile a.btn.sm-btn-seconday {
	height: 38px;
	width: 38px;
	padding: 0;
}
.cs-blog-content-componets .cs-featured-product {
	padding: 40px;
	border: 1px solid var(--color-gray-200);
	background-color: var(--color-Base);
	border-radius: var(--border-radius-8);
}
.cs-blog-content-componets .cs-featured-product .card,
.cs-blog-content-componets .cs-featured-product .card-header {
	background-color: var(--color-Base);
}
.cs-blog-content-componets .cs-banner-small-slider .cs-product-image {
	height: 140px;
	min-width: 140px;
}
.cs-blog-content-componets .cs-featured-product .cs-product-details .cs-product-details-category {
	font-size: var(--font-size-xs);
	line-height: var(--font-lh-xs);
	color: var(--color-brand-600);
}
.cs-blog-content-componets .cs-featured-product .btn {
	height: 36px;
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-semibold);
}
.cs-blog-content-componets .cs-featured-product .card-header {
	margin-bottom: 24px;
}
.cs-blog-content-componets .card.cs-banner-small-slider .card-body {
	padding: 0;
}
/*--responsive modal css start here --*/
#responseModal {
	backdrop-filter: blur(3px);
	background-color: rgba(0, 0, 0, 0.15);
}
#responseModal .modal-content {
	transition: transform 0.3s ease;
	border: none;
}
#responseModal .btn-close {
	opacity: 0.7;
	transition: opacity 0.2s ease;
}
#responseModal .btn-close:hover {
	opacity: 1;
}
#responseModal .btn-success {
	background-color: #12B76A;
	border-color: #12B76A;
}
#responseModal .modal-header button {
	z-index: 99999;
}
/*--responsive modal css start here --*/
/*-- contatc page start --*/
.cs-contact-map iframe {
	width: 100%;
}
.cs-contact-details p {
	color: var(--color-gray-600);
}
.cs-contact-details a {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
}
.cs-bankacount-card {
	border: 1px solid var(--color-gray-200);
}
.cs-contact-details a span {
	text-decoration: underline;
}
.cs-contact-box {
	padding: 0 38px;
}
.cs-bankacount-card .card-body {
	background-color: var(--color-gray-50);
}
.cs-bankacount-details {
	margin-bottom: 20px;
}
/*-- contatc page end --*/
.cs-accordion-panel {
	padding: 0 20px;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-8);
}
.cs-accordion-panel .accordion-item {
	border: none;
	border-radius: 0px;
}
.cs-accordion-panel .accordion-button:not(.collapsed) {
	box-shadow: none;
	background-color: var(--color-Base);
	color: var(--color-gray-900);
}
.cs-accordion-panel .accordion-button {
	color: var(--color-gray-900);
	padding: 20px 0;
	box-shadow: none !important;
	border-bottom: 1px solid var(--color-gray-200);
}
.cs-accordion-panel .accordion-body {
	padding: 20px 0;
}
.cs-tarife-livrare {
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-8);
	padding: 12px;
	max-width: 343px;
	gap: 10px;
}
.cs-accordion-panel .cs-tarife-livrare p {
	color: var(--color-gray-900);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm)
}
.cs-accordion-panel .cs-tarife-livrare p+p {
	color: var(--color-gray-600);
}
.cs-accordion-panel p {
	color: var(--color-gray-600);
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md)
}
.cs-terms-conditions {
	margin-bottom: 20px;
}
.cs-delivery-service-card p {
	color: var(--color-gray-600);
}
.cs-delivery-service-card p span {
	text-decoration: underline;
}
.cs-delivery-service-card span {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md)
}
.cs-general-content-details p {
	color: var(--color-gray-600);
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md)
}
.cs-general-content-details ol li {
	color: var(--color-gray-600);
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md)
}
.cs-general-content-details ol {
	padding-left: 20px;
}
.cs-general-content-details p strong {
	color: var(--color-gray-900);
	font-family: var(--font-inter-medium);
	font-weight: normal;
}
.cs-higlight-box {
	border: 1px solid var(--color-gray-200);
	background-color: var(--color-gray-50);
	padding: 16px;
	border-radius: var(--border-radius-8);
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.cs-higlight-box p {
	color: var(--color-gray-900);
	font-family: var(--font-inter-medium);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.cs-higlight-box ol li {
	color: var(--color-gray-900);
	font-family: var(--font-inter-medium);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.cs-general-content-details ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.cs-general-content-details ul li {
	color: var(--color-gray-600);
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	background-image: url(../image/bullet-list.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	min-height: 28px;
}
.cs-general-content-details ol.list-unstyled {
	padding: 0;
}
.cs-general-content-details ol.list-unstyled li {
	list-style: none;
}
.cs-general-content-details .cs-accordion-panel {
	padding: 0;
	border: none;
	border-radius: 0px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.cs-general-content-details .cs-accordion-panel .accordion-item {
	padding: 16px;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-8);
}
.cs-general-content-details .cs-accordion-panel .accordion-button {
	padding: 0;
	border: none;
}
.cs-general-content-details .cs-accordion-panel .accordion-body {
	padding: 8px 0 0;
	border: none;
}
.cs-general-content-details p.fm-semibold.fs-sm {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	color: var(--color-gray-900);
}
.cs-cta-card {
	background-color: var(--color-brand-100);
	padding: 24px;
	border-radius: var(--border-radius-8);
	background-repeat: no-repeat;
	background-position: right center;
}
.cs-cta-card a {
	padding: 9px 26px;
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	border-radius: var(--border-radius-8);
}
.cs-cta {
	margin-bottom: 20px;
}
.cs-cta p {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	color: var(--color-gray-900);
}
.icon-circle {
	background-color: var(--color-brand-200);
	border-radius: 50%;
	width: 48px;
	height: 48px;
	margin-bottom: 20px;
}
.cs-about-us-box h4 {
	margin-bottom: 16px;
}
.cs-about-us-box ul {
	margin-top: 32px;
}
.cs-about-mission img {
	border-radius: 0px;
}
.cs-about-mission {
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 50%;
}
.cs-about-misiune {
	background-position: left;
}
.cs-about-us-box {
	padding: 65px 100px 65px 0;
}
.cs-about-misiune .cs-about-us-box {
	padding: 65px 0px 65px 100px;
}
.cs-about-content .cs-general-content-details.mb-4 {
	margin-bottom: 36px !important;
}
.cs-about-content {
	margin: 20px 0;
}
.cs-newslatter-form .btn.sm-btn-primary {
	border-radius: var(--border-radius-8);
}
.cs-whye-choose-box .cs-feature-icon {
	height: 48px;
	width: 48px;
	min-width: 48px;
	border-radius: var(--border-radius-10);
	background-color: #F2EAE8;
}
.cs-whye-choose-box-detail {
	padding-left: 64px;
}
ol li {
	list-style: decimal;
}
.cs-whye-choose-box-detail li {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	color: var(--color-gray-600);
}
.cs-whye-choose-box {
	margin-bottom: 40px;
}
.cs-whye-choose-coffe {
	padding-bottom: 0;
}
.cs-faq {
	padding-bottom: 40px;
}
.cs-enroll-program .sm-btn-primary {
	height: 40px;
}
.cs-higlight-box ol {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.cs-apasa {
	left: 40%;
	top: -6%;
}
.cs-bussines-banner h1 span {
	color: #E6AE05;
}
.cs-bussines-btn a.btn {
	height: 48px;
	padding: 0 18px;
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
}
.cs-coffee-machines-card .sm-btn-primary {
	padding: 2px 9px;
	border-radius: var(--border-radius-6);
	opacity: 0;
}
.cs-coffee-machines-card {
	border-radius: var(--border-radius-8);
}
.cs-coffee-machines-card:hover {
	background-color: #EBF5E1;
}
.cs-coffee-machines-card:hover a.btn {
	opacity: 1;
}
.cs-coffee-machines-card img {
	height: 105px;
	width: 105px;
}
.cs-sevice-pricing ul {
	gap: 14px;
}
.cs-sevice-pricing ul li {
	position: relative;
}
.cs-sevice-pricing ul li::after {
	content: '';
	background-color: var(--color-gray-200);
	width: 100%;
	height: 1px;
	display: inline;
	position: absolute;
	bottom: 0;
	z-index: -1;
}
.cs-sevice-pricing ul li span {
	background-color: var(--bs-white);
	color: var(--color-gray-600);
}
.cs-sevice-pricing ul li span+span {
	color: var(--color-gray-900);
}
.cs-consultation-form .card {
	padding: 40px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: var(--border-radius-16);
}
.cs-consultation-form .card-body {
	padding: 25px;
	max-width: 416px;
	background-color: var(--color-Base);
	border-radius: var(--border-radius-12);
}
.cs-consultation-form .card-body form {
	padding: 20px 0 0;
}
.cs-consultation-form button {
	margin-top: 12px;
}
.cs-automated-coffee-machines-modal p {
	color: var(--color-gray-600);
}
/*-- blog css start here --*/
.cs-blog-banner {
	padding-top: 40px;
}
.cs-blog-category .owl-nav-custom button {
	position: static;
}
.cs-blog-category-slider a p {
	background: linear-gradient(to bottom, rgba(32, 30, 30, 0.71) 0%, rgba(32, 30, 30, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: var(--color-Base);
	padding: 24px 24px 60px 24px;
}
.cs-blog-category-slider a {
	border-radius: var(--border-radius-10);
	overflow: hidden;
}
#blog-category .item {
	margin: 12px;
}
.cs-small-articles-card .cs-articles-card {
	gap: 20px;
}
.cs-small-articles-card img {
	min-width: 320px;
	max-width: 320px;
}
.cs-small-articles-card h6 {
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
}
.cs-articles-card-rated ul li svg {
	height: 20px;
	width: 20px;
}
.cs-most-read .cs-articles-card {
	margin-bottom: 30px;
}
.cs-most-read {
	padding-bottom: 0;
}
.cs-newslatter-card {
	background-color: #F2F9EB;
	border-radius: var(--border-radius-16);
	padding: 64px;
	gap: 150px;
}
.cs-newslatter-form {
	min-width: 380px;
}
.cs-stories-Interviews {
	padding-bottom: 40px;
}
.cs-article-timeline .cs-small-articles-date {
	padding-left: 27px;
	margin-bottom: 16px;
	white-space: nowrap;
}
.cs-article-timeline .cs-small-articles-date span {
	left: -1px;
	top: 5px;
}
.cs-article-timeline .cs-articles-card {
	padding-left: 27px;
}
.cs-article-timeline {
	padding: 0 30px;
}
.cs-article-timeline .timeline {
	position: relative;
	gap: 32px;
	border-left: 1px solid;
	border-image: repeating-linear-gradient(to bottom,
			#ccc 0,
			#ccc 6px,
			transparent 6px,
			transparent 16px);
	border-image-slice: 1;
	border-top: none;
	border-right: none;
	border-bottom: none;
	padding-top: 1px;
}
.cs-article-timeline .cs-artcile-timeline-card {
	margin-top: -7px;
}
.cs-article-timeline .cs-artcile-timeline-card {
	display: flex;
	gap: 40px;
}
.cs-article-timeline .cs-small-articles-card img {
	margin: 0
}
.cs-article-timeline-action {
	margin-top: 32px;
}
#last-added-articles .item {
	margin: 13px;
}
.cs-most-read-slider .owl-nav-custom button {
	position: static;
}
#most-read .item {
	margin: 12px;
}
.cs-articles-card h6 a {
	min-width: 25px;
}
.cs-full-guides .cs-articles-card {
	margin-bottom: 10px;
}
.cs-author-heading h1 {
	margin-bottom: 12px;
}
.cs-author-heading h3 {
	color: var(--secondary-green-100);
	margin-bottom: 18px;
}
.cs-author-banner .cs-image-box img {
	border-radius: 34px;
}
.cs-blog-main-banner .cs-image-box img {
	border-radius: 0px;
	padding: 40px 0 24px;
	width: 100%;
}
.cs-blog-detail-author ul li span {
	color: var(--secondary-green-100);
}
.cs-blog-detail-author ul li p a {
	color: var(--color-gray-700);
}
.cs-blog-main-content-card {
	gap: 20px;
	/* 13-08 */
	margin-right: 20px;
}
.cs-blog-main-content-card p {
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
}
.cs-blog-main-content-card h4 {
	padding-bottom: 20px;
}
.cs-blog-main-banner .sm-btn-seconday {
	padding: 9px 16px;
}
.cs-blog-content-image .cs-image-box img {
	width: 100%;
}
.cs-blog-content-image-link a {
	gap: 6px;
	color: var(--color-brand-700);
	text-decoration: underline;
}
.cs-blog-content-image-link a:hover {
	text-decoration: none;
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.cs-blog-main-content h2 {
	font-size: 1.5rem
}
.cs-blog-main-content h3 {
	font-size: 1.25rem
}
.cs-blog-main-content h4 {
	font-size: 1.125rem
}
.quote-block {
	border-left: 2px solid var(--secondary-green-100);
	padding: 8px 0px 8px 16px;
}
.quote-block p {
	color: var(--color-gray-900);
}
.quote-block-author {
	gap: 12px;
	margin-top: 20px;
}
.quote-block-author .rounded-circle {
	background: var(--color-brand-200);
	border: 1px solid #E0D1C2;
	color: var(--color-gray-600);
}
.cs-blog-table-content {
	background-color: var(--color-gray-100);
	padding: 24px;
	border-radius: var(--border-radius-10);
}
.cs-blog-table-content ul {
	gap: 6px;
}
.cs-blog-table-content ul li a {
	color: var(--color-gray-600);
}
.cs-blog-table-content ul li a.active {
	color: var(--secondary-green-100);
}
.cs-blog-table-content ul li a:hover {
	color: var(--secondary-green-100);
}
.cs-recent-article {
	gap: 28px;
}
.cs-recent-article .cs-most-rated-articles-badges {
	margin-top: 8px;
}
.cs-recent-article img {
	/* min-width: 160px;
	max-width: 160px; */
	height: 118px;
	object-fit: cover;
	margin: 0;
}
.cs-recent-article .cs-articles-card {
	gap: 12px;
}
.cs-recent-article .cs-articles-dates p {
	font-size: var(--font-size-xs);
	line-height: var(--font-lh-xs);
}
.cs-blog-sidebar {
	padding-left: 40px;
	border-left: 1px solid var(--color-gray-200);
	gap: 40px;
}
.cs-recent-article h6 {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.cs-blog-select-by-category .badge {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-medium);
	padding: 4px 12px;
}
.cs-blog-reviews-count h1 {
	font-size: 60px;
	line-height: 125%;
}
.cs-blog-reviews-count h1 span {
	font-size: 28px;
}
.cs-blog-reviews-count p {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	color: var(--color-gray-900);
}
.cs-blog-rating-list .progress {
	height: 6px;
	background-color: var(--color-gray-200);
	border: 1px solid var(--color-gray-50);
}
.cs-blog-rating-list .progress-bar {
	background-color: var(--color-warning-400);
	border-color: 1px solid var(--color-warning-400);
}
.cs-blog-reviews .card {
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-16);
}
.cs-blog-reviews .card .card-body {
	padding: 40px;
}
.cs-blog-rate-now p {
	color: var(--color-gray-900);
}
.cs-blog-rate-now .cs-articles-card-rated {
	padding: 20px 0;
}
.cs-blog-comment-box textarea {
	box-shadow: 0 0 10px rgba(32, 32, 42, 0.10) !important;
	border: 1px solid var(--color-gray-50);
	border-radius: var(--border-radius-8);
	height: 90px;
	padding: 16px;
	resize: none;
}
.review-box {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	border-radius: var(--border-radius-8);
}
.review-box .btn.sm-btn-seconday {
	height: 38px;
	width: 38px;
	padding: 0;
}
.review-box a.ms-3.link.link-primary {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	color: var(--color-gray-700);
}
.review-box span.fs-sm {
	color: var(--color-gray-400);
}
.cs-blog-review-list {
	gap: 32px;
}
.cs-blog-comment-box {
	margin: 40px 0;
}
.cs-blog-social-media ul li a.cs-blog-social-icon {
	height: 32px;
	width: 32px;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
}
.cs-blog-social-media {
	padding: 24px;
	border-radius: var(--border-radius-8);
	border: 1px solid var(--color-gray-200);
}
.cs-blog-social-media ul li a.facebook {
	background-image: url('../image/facebook1.png');
}
.cs-blog-social-media ul {
	gap: 20px;
}
.cs-blog-social-media ul li a.instagram {
	background-image: url('../image/instagram1.png');
}
.cs-blog-social-media p {
	margin-bottom: 12px;
	color: var(--color-brand-700);
}
/*-- blog css end here --*/
/*--Checkout start --*/
.step.qc-payment-address h4 label.vs-toggle {
	padding: 10px 16px;
	background-color: var(--color-gray-50);
	border-radius: 6px;
}
.qc .ve-card {
	padding: 20px;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-16);
	box-shadow: none;
}
.qc .ve-card .ve-card__header {
	padding: 0;
	border: none;
}
.qc .ve-card .ve-card__header h4 {
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
	font-family: var(--font-inter-semibold);
	margin-bottom: 12px;
	color: var(--color-gray-900);
}
.qc .ve-card .ve-card__section {
	padding: 0;
}
.qc .ve-card .ve-radio {
	padding-left: 28px;
	padding-right: 0;
	width: 100%;
}
.qc .ve-card .ve-radio span {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-semibold);
	color: var(--color-gray-900);
}
.qc .ve-card .ve-radio--selected {
	font-weight: normal;
}
.qc .ve-card p.qc-title {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-regular);
	font-weight: normal;
	color: var(--color-gray-600);
	margin-bottom: 8px;
}
.qc .ve-card__section .ve-radio [type=radio]:checked+i:before {
	background-color: var(--secondary-green-100) !important;
	border-color: var(--secondary-green-100) !important;
}
.qc .ve-card__section .ve-radio [type=radio]:checked+i:after {
	background-color: var(--color-Base) !important;
}
.qc .ve-card .ve-radio i:after,
.qc .ve-card .ve-radio i:before {
	height: 20px;
	width: 20px;
	top: 10%;
}
.qc .ve-field:not(:last-child) {
	margin-bottom: 12px;
}
.qc .ve-field .ve-label {
	color: var(--color-gray-700);
	margin-bottom: 6px !important;
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-medium);
	margin-bottom: 8px;
}
.qc .ve-field .ve-label span.require {
	color: var(--color-error-600);
}
.form-control.cs-input-sm {
	height: 40px;
	min-width: 98px;
}
.qc .ve-field .ve-input {
	height: 40px;
	min-width: 98px;
	font-size: var(--font-size-sm);
	color: var(--color-gray-600);
	line-height: var(--font-lh-sm);
	color: var(--color-gray-600);
	border-radius: var(--border-radius-8);
	padding: .375rem .75rem;
	font-family: var(--font-inter-regular);
}
.qc .ve-field .ve-input::placeholder {
	color: var(--color-gray-600);
}
.col-full {
	padding: 0 10px !important;
}
.qc .qc-row {
	margin-right: -10px !important;
	margin-left: -10px !important;
}
.ve-input[type=text]:focus,
.ve-input[type=email]:focus,
.ve-input[type=password]:focus,
.ve-input[type=time]:focus,
.ve-input[type=date]:focus,
.ve-input[type=datetime]:focus,
.ve-input[type=tel]:focus {
	border-color: var(--color-brand-500) !important;
	outline: none;
	box-shadow: inset 0 0 0 0 transparent, 0 0 0 1px var(--color-brand-500), 0 1px 3px 0 #e6ebf1 !important;
	box-sizing: border-box;
}
.qc button.ve-btn.d-vis.ve-btn--primary {
	height: 38px !important;
	width: 38px !important;
	border: 1px solid var(--color-gray-300) !important;
	background: var(--color-Base) !important;
	border-radius: var(--border-radius-6) !important;
}
button.ve-btn.d-vis.ve-btn--danger.delete {
	height: 38px !important;
	width: 38px !important;
	border: 1px solid var(--color-gray-300) !important;
	background: var(--color-Base) !important;
	border-radius: var(--border-radius-6) !important;
}
button.ve-btn.d-vis.ve-btn--danger.delete:hover,
button.ve-btn.d-vis.ve-btn--danger.delete:hover {
	background-color: var(--color-gray-100);
}
button.ve-btn.d-vis.ve-btn--danger.delete i {
	color: var(--color-error-500);
}
.qc-quantity .ve-input-group {
	display: flex;
	gap: 3px;
	box-shadow: none;
}
.qc-quantity .ve-input-group input.ve-input {
	min-width: 38px;
	height: 38px;
	width: 38px;
	border-radius: var(--border-radius-6) !important;
	border: 1px solid var(--color-gray-300) !important;
}
.qc-quantity .ve-input-group input.ve-input {
	min-width: 38px;
	height: 38px;
	width: 38px;
}
/*-- manufacturer start here --*/
.cs-manufacturer .cs-page-heading p {
	margin: 0;
}
.cs-manufacturer-pagination span {
	color: var(--color-gray-900);
}
.cs-manufacturer-pagination a {
	color: var(--secondary-green-100);
	margin: 0 4px;
}
.cs-manufacturer-pagination {
	margin-bottom: 40px;
}
.cs-manufacturer h2 {
	border-bottom: 1px solid var(--color-gray-200);
	margin-bottom: 20px;
}
.cs-manufacturer-card span {
	max-width: 120px;
	text-align: center;
}
.cs-manufacturer-card img {
	height: 120px;
	width: 120px;
	min-width: 120px;
	object-fit: contain;
	padding: 15px;
	margin-bottom: 8px;
}
.cs-manufacturer-card span {
	color: var(--color-gray-900);
}
.cs-manufacturer-list {
	margin-bottom: 20px;
	gap: 94px; /*before 24*/
}
.cs-manufacturer-list:last-child {
	padding-bottom: 20px;
}
/*-- manufacturer end here --*/
.qc-payment-address {
	position: relative;
}
.step.qc-cart {
	padding: 20px;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-16);
	box-shadow: none;
}
.qc .ve-card .ve-card__header h4 a {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-medium);
	color: var(--secondary-green-100);
}
.step.qc-payment-address {
	padding: 20px;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-16);
	box-shadow: none;
	margin-bottom: 90px;
}
.step.qc-payment-address h4 {
	margin-bottom: 20px;
}
.vs-toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}
.vs-toggle-switch {
	position: relative;
	width: 36px;
	height: 16px;
	background: #e0e0e0;
	border-radius: 12px;
	transition: background 0.3s;
}
.vs-toggle-switch:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 50%;
	transition: transform 0.3s;
}
.step.qc-payment-address h4 label.vs-toggle span.vs-toggle-label {
	color: var(--secondary-green-100);
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-medium);
}
.vs-toggle-checkbox:checked+.vs-toggle-switch {
	background: var(--secondary-green-100);
}
.qc-field.ve-field.custom-address-40.qc-clearboth {
	margin: 0;
}
.step.qc-payment-address .ve-mb-3.ve-clearfix {
	margin-bottom: 0px !important;
}
.qc-field.ve-field.agree.qc-clearboth {
	position: absolute;
	bottom: -69px;
	z-index: 8;
	height: 49px;
	left: 0;
}
.qc-field.ve-field.agree.qc-clearboth form.col-full {
	padding-left: 0 !important;
}
.qc .step.qc-payment-address .ve-checkbox [type=checkbox]:checked+i:before {
	border: 1px solid var(--secondary-green-100) !important;
	background-color: var(--secondary-green-100) !important;
}
.step.qc-payment-address .ve-checkbox i:after,
.step.qc-payment-address .ve-checkbox i:before {
	height: 16px;
	width: 16px;
}
.step.qc-payment-address .ve-checkbox i:after {
	left: 5px;
	top: 2px;
	width: 5px;
	height: 11px;
	border-width: 0 0.2em 0.2em 0 !important;
}
.vs-toggle-checkbox:checked+.vs-toggle-switch:after {
	transform: translateX(20px);
}
.vs-toggle-checkbox {
	display: none;
}
/* .qc-payment-address .qc-field  {
	position: sticky;
	top: 80px;
} */
/* .vc-register .qc-payment-address {
	padding-top: 53px;
} */
/* .qc-payment-address .qc-field:nth-child(1) {
	position: absolute;
	top: 80px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 !important;
} */
/* .qc-payment-address .qc-field:nth-child(1) .ve-field.col-half {
	text-align: center;
	padding: 0;
} */
/* .vc-register .qc-payment-address label.ve-radio.qc-radio-selected {
	color: var(--secondary-green-100);
	border-bottom: 2px solid var(--secondary-green-100);
}
.qc-payment-address label.ve-radio {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-semibold);
	color: var(--color-gray-700);
	text-transform: uppercase;
}
.vc-register .qc-payment-address label.ve-radio {
	padding: 0 0 12px !important;
	width: 100% !important;
	border-bottom: 1px solid var(--color-gray-200);
}
.qc button.ve-btn.d-vis.ve-btn--primary i {
	color: var(--color-gray-800) !important;
} */
/* .qc-payment-address .qc-field:nth-child(1) .qc .ve-field .ve-input {
	display: none;
}
.qc-payment-address .qc-field:nth-child(1) .ve-radio i {
	display: none;
}
.qc-payment-address .qc-field:nth-child(1) label.col-full.ve-label {
	display: none;
}
.qc-payment-address .qc-field:nth-child(1) .col-full {
	display: inline-block;
} */
/* .qc-payment-address .qc-field:nth-child(1) label {
	font-size: 16px;
	text-transform: uppercase;
} */
.step.qc-payment {
	padding: 24px;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-16);
}
.qc-field[data-is="qc_field_heading"]:not(:has(*)) {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}
.qc-field[step="payment_address"]:not(:has(*)) {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}
#shipping_method_list {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
/* .step.qc-shipping-method .radio-input {
    width: 47.5%;
    padding: 0;
} */
.step.qc-shipping-method .radio-input {
	width: 31.6%;
	padding: 0;
}
.step.qc-shipping-method .radio-input:first-child {
	width: 65.2%;
	background: transparent !important;
}
.step.qc-shipping-method .radio-input:first-child .ve-radio--selected {
	background-color: #F2F9EB !important;
}
.step.qc-shipping-method .radio-input:first-child div {
	display: inline-flex;
	gap: 16px;
}
.step.qc-shipping-method .radio-input:first-child div .step.qc-shipping-method .radio-input:first-child div div {
	display: inline-block;
}
.step.qc-shipping-method .radio-input .ve-field .cs-method-text p.fs-sm {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
}
.step.qc-shipping-method .radio-input .ve-field {
	padding: 14px;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-8);
	margin-bottom: 0;
	display: inline-block !important;
}
.step.qc-shipping-method .ve-card .ve-radio i:after,
.step.qc-shipping-method .ve-card .ve-radio i:before {
	top: 0;
}
.step.qc-shipping-method .ve-card .ve-card__header h4 {
	margin-bottom: 4px;
}
.step.qc-shipping-method .ve-card .ve-card__header p {
	margin-bottom: 16px;
}
.step.qc-shipping-method .ve-card .ve-card__header p span {
	line-height: var(--font-lh-sm);
	font-size: var(--font-size-sm);
	font-family: var(--font-inter-semibold);
	color: var(--color-gray-900);
	font-weight: normal;
}
.step.qc-shipping-method .radio-input .ve-field .cs-imagebox {
	display: inline-flex;
	width: 100%;
}
.step.qc-shipping-method .radio-input.ve-radio.ve-radio--selected {
	background-color: #F2F9EB;
	border-color: var(--secondary-green-100);
}
.cs-method-text {
	margin-left: -28px;
	margin-top: 8px;
	display: inline-block !important;
	width: 100%;
}
.cs-method-text .cs-imagebox img {
	max-height: 28px;
	padding: 4px 0 8px;
}
.cs-method-price {
	border-top: 1px solid var(--color-gray-200);
	padding-top: 8px;
}
.cs-method-price p {
	font-size: var(--font-size-lg);
	line-height: var(--font-lh-lg);
	font-family: var(--font-inter-semibold);
}
label[for="payment_address_customer_group_id"]:empty {
	display: none
}
#payment_method_list .ve-radio {
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-8);
	width: 100%;
	padding: 8px 14px 8px 34px;
}
#payment_method_list .ve-radio i:after,
#payment_method_list .ve-radio i:before {
	left: 7px;
	top: 9px;
}
#payment_method_list .ve-radio.ve-radio--selected {
	border-color: var(--secondary-green-100);
	background-color: #F2F9EB;
}
.step.qc-custom .ve-card__header {
	display: none;
}
.step.qc-confirm {
	margin-top: 20px;
	margin-bottom: 40px;
}
.step.qc-confirm button.ve-pull-right.btn.btn-primary.btn-md {
	padding: 10px 60px;
	width: 100%;
}
#payment fieldset .border.rounded {
	background-color: var(--color-gray-50);
	border: 1px solid var(--color-gray-200);
	margin-top: 16px;
}
#payment fieldset .border.rounded p {
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-medium);
}
.qc .qcx-products {
	/* 01-08 */
	/* width: 63%;
	float: left;
	padding: 24px !important;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-16);
	max-height: 341px;
	overflow-y: auto; */
	/* Scrollbar appears ONLY when content exceeds max-height */
}
.qc .qcx-products::-webkit-scrollbar {
	width: 8px;
}
.qc .qcx-products::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 4px;
}
.qc .qcx-products::-webkit-scrollbar-thumb:hover {
	background: #555;
}
.qc .qcx-totals {
	/* 01-08 */
	/* width: 35%;
	float: right;
	border: 1px solid var(--color-gray-200);
	padding: 16px !important;
	box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
	border-radius: var(--border-radius-16); */
}
.qc .qcx-totals .cs-available-points-card {
	border: none;
	padding: 0;
	box-shadow: none;
}
.qc-quantity button i.fa-chevron-up,
.qc-quantity button i.fa-chevron-down {
	color: #000000b3 !important
}
.qc-checkout-product tr td.qc-price,
.qc-checkout-product tr td.qc-total {
	white-space: nowrap;
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	color: var(--color-gray-900);
	font-family: var(--font-inter-semibold);
}
.vcx-payment-address.ve-field.ve-radio--selected {
	background-color: #F2F9EB;
	border-color: var(--secondary-green-100);
}
.vcx-payment-address.ve-field {
	padding: 16px;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-8);
}
p.vcx-address {
	font-family: var(--font-inter-regular);
}
.vcx-select {
	color: #668F3F !important
}
#getSessionWeight p.ve-p span {
	font-weight: 500;
}
label[for="payment_address_agree"] a {
	display: inline-block !important;
}
/* 04-08 */
.qc-field.ve-field.shipping_address.qc-clearboth {
	margin-top: 20px;
	margin-bottom: 0;
}
/* 04-08 */
.step.qc-payment:not(:has(*)) {
	display: none;
}
/* 01-08 */
.qc-checkout-product .qc-totals>.qc-total:last-child .text-right>* {
	color: rgb(246 49 35);
}
.qcx-cart-card.ve-card {
	padding: 0;
	border: none;
}
.qc .qcx-products {
	/* 04-08 */
	/* margin-bottom: 30px; */
}
/* 01-08 */
.vcx-payment-address.ve-field.ve-radio--selected {
	background-color: #F2F9EB;
	border-color: var(--secondary-green-100);
}
.step.qc-payment-method {
	margin-top: 15px;
}
.vcx-payment-address.ve-field {
	padding: 16px;
	border: 1px solid var(--color-gray-200);
	border-radius: var(--border-radius-8);
}
p.vcx-address {
	font-family: var(--font-inter-regular);
}
.vcx-select {
	color: #668F3F
}
#shipping_method_list .radio-input:not(:last-child) {
	margin-bottom: 0;
}
.qc-checkout-product .qc-totals>.qc-total:last-child>* {
	/* color: #dc3024; */
	/*01-08*/
}
.qc .qcx-products hr {
	display: none;
}
.qc .qcx-products table tr {
	border-bottom: 1px solid var(--color-gray-200);
}
.qc .qcx-products table tr:last-child {
	border: none;
}
.qc .qcx-products table tr:last-child td {
	padding-bottom: 0;
}
.qc .qcx-products td.qc-image {
	padding-left: 0;
	vertical-align: top;
}
.qc-checkout-product tr td {
	vertical-align: top;
}
.qc-checkout-product td.qc-checkbox {
	vertical-align: top;
}
.qc .qcx-products td.qc-total {
	padding-right: 0;
}
.qc .qcx-products tr td {
	padding: 8px 2px !important;
}
.step.qc-cart .form-check-input {
	height: 20px;
	width: 20px;
	box-shadow: none !important;
	border: 1px solid var(--color-gray-300);
}
.qc .qcx-products td.qc-image a {
	height: 88px;
	width: 88px;
	padding: 0;
}
.qc .step.qc-cart .qc-name a {
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	color: var(--color-gray-900);
}
.qc-quantity.ve-input-group input.ve-input {
	width: 38px;
	height: 38px;
	max-width: 38px;
	border: 1px solid var(--color-gray-300) !important;
	;
	border-radius: var(--border-radius-6) !important;
	float: left;
	margin-right: 4px;
}
.qc-quantity.ve-input-group {
	padding: 16px 0 12px;
}
.qc .step.qc-cart .qc-name .cs-move-to-favorites a {
	border-right: 1px solid var(--color-brand-200);
	margin-right: 12px;
	padding-right: 12px;
	font-family: var(--font-inter-medium);
	color: var(--secondary-green-100) !important;
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	display: inline-block;
}
.qc .step.qc-cart .qc-name .cs-move-to-favorites a+a {
	color: var(--color-gray-500) !important;
	padding: 0;
	border: none;
}
.qc-quantity.ve-input-group {
	padding: 12px 0 12px;
	display: inline-block;
	align-items: inherit;
	width: 100%;
	box-shadow: none;
}
.cs-move-to-favorites {
	padding-bottom: 16px;
}
.qc .step.qc-cart .qc-pma {
	color: var(--color-brand-700) !important;
	font-size: var(--font-size-xs);
	line-height: var(--font-lh-xs);
	font-family: var(--font-inter-semibold);
}
.qc-quantity.ve-input-group button.ve-btn {
	float: left;
	margin-right: 4px;
}
.qc .qcx-products td.qc-image a img {
	height: 88px;
	width: 88px;
	object-fit: contain;
}
.step.qc-cart .form-check-input:checked {
	background-color: var(--secondary-green-100);
	border-color: var(--secondary-green-100);
}
.qc-checkout-product .qc-image a {
	border: none;
	padding: 10px;
}
.step.qc-account label.ve-btn.d-vis.ve-btn--primary {
	padding: 0 10px 10px 10px;
	color: var(--color-gray-600) !important;
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	font-family: var(--font-inter-semibold);
	height: auto;
	box-shadow: none !important;
	background-color: var(--color-Base) !important;
	border: none !important;
}
.step.qc-account label.ve-btn.d-vis.ve-btn--primary a {
	color: var(--color-gray-600) !important;
}
.step.qc-account.vcx-account .ve-mb-4 {
	margin-bottom: 20px !important;
}
.step.qc-account.vcx-account .ve-btn-group.ve-btn-group--block {
	box-shadow: none;
}
.step.qc-account.vcx-account .ve-btn-group.ve-btn-group--block {
	box-shadow: none;
	display: flex;
	border-bottom: 1px solid var(--color-gray-200);
}
.step.qc-account label.ve-btn.d-vis.ve-btn--primary.active {
	border-bottom: 2px solid var(--secondary-green-100) !important;
	color: var(--secondary-green-100) !important;
}
#child8 {
	margin-bottom: 40px;
}
.step.qc-shipping-method .cs-bonus-point-banner p {
	max-width: 220px;
	padding: 12px 0;
}
.step.qc-shipping-method .cs-bonus-point-banner {
	padding: 20px 20px 38px 20px;
	background-position: right center;
	margin-bottom: 20px;
}
.step.qc-shipping-method .btn.xl-btn-secondary-gray {
	padding: 8px 12px;
}
.step.qc-shipping-method .cs-bonus-point-banner p span {
	font-family: var(--font-inter-semibold);
	background: #FFBE02;
	background: linear-gradient(to top right, #FFBE02 0%, #FFBE02 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gr-has-controls {
	display: inline-block;
	width: 100%;
}
.qc .step.qc-cart .qc-name a,
.qc label a {
	color: var(--color-gray-900) !important;
	font-size: var(--font-size-sm);
	line-height: var(--font-lh-sm);
	display: block;
	margin-bottom: 4px;
}
.qc .qcx-products::-webkit-scrollbar {
	width: 8px;
}
.qc .qcx-products::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 4px;
}
.qc .qcx-products::-webkit-scrollbar-thumb:hover {
	background: #555;
}
.qc .qcx-products {
	/* 01-08 */
	/* max-height: 341px;
	overflow-y: auto; */
	/* Correct way to show scrollbar only when needed */
}
.step.qc-shipping-method .radio-input .ve-field label.ve-radio {
	padding: 0;
}
.step.qc-shipping-method .radio-input .ve-field span.text {
	padding-left: 28px;
}
.step.qc-shipping-method .radio-input .cs-method-text {
	margin-left: 0;
}
.custom-address-36,
.custom-address-38 {
	/* width: 50%;
	float: left;
	position: relative;
	clear: none !important; */
}
.custom-address-37 {
	/* width: 50%;
	float: right;
	position: relative;
	clear: none !important; */
}
.share-modal {
	position: absolute;
	background: white;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	right: 12px;
	margin-top: 40px;
}
.share-option {
	display: block;
	padding: 8px 12px;
	color: #333;
	text-decoration: none;
}
.share-option:hover {
	background: #f5f5f5;
}
.like-button {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	text-decoration: none;
}
.like-button.active svg path {
	fill: #FF0000;
	stroke: #FF0000;
}
.like-button:hover svg path {
	stroke: #FF0000;
}
.cs-image-box p {
	color: var(--color-gray-600);
}
.cs-blog-who-we-are {
	padding-bottom: 0;
}
.cs-who-we-are-card {
	margin-bottom: 24px;
}
.cs-about-us-box.cs-general-content-details {
	padding-top: 0;
	padding-bottom: 0;
}
.cs-blog-cta-card {
	border-bottom: var(--border-radius-16);
	padding: 124px 102px 89px 102px;
	background-size: cover;
	border-radius: var(--border-radius-16);
}
.cs-blog-cta-card h5 {
	font-size: 36px;
	color: #ffffff;
	line-height: inherit;
	font-family: var(--font-inter-medium);
	line-height: 44px;
	padding-top: 15px;
}
.cs-blog-cta-card h4 {
	font-size: 90px;
	color: #ffffff;
	line-height: 109px;
	font-family: var(--font-inter-regular);
	padding-bottom: 0px;
}
.cs-blog-cta-card .cs-border {
	margin-bottom: 25px;
}
.cs-blog-cta-card .cs-border::after {
	content: '';
	height: 2px;
	width: 48%;
	background-color: white;
	border-radius: 16px;
	display: inline-block;
	opacity: 0.4;
}
.cs-blog-cta-card .cs-border::before {
	content: '';
	height: 2px;
	width: 48%;
	background-color: white;
	border-radius: 16px;
	display: inline-block;
	opacity: 0.4;
}
/*-- blog header start --*/
.cs-blog-header .navbar {
	padding: 18px 0;
}
.cs-blog-header .dropdown-toggle::after {
	display: none;
}
.cs-blog-header .lg-btn-tertiary-gray:hover,
.cs-blog-header .lg-btn-tertiary-gray:focus {
	background-color: #F2F9EB !important;
	border-color: var(--color-gray-50) !important;
	color: var(--color-gray-700) !important;
}
.cs-blog-header .btn-green {
	background-color: var(--secondary-green-100);
	border-color: var(--secondary-green-100);
}
/*-- blog header end --*/
.qc .qc-coupon .ve-input {
	box-shadow: none;
	margin-right: 8px;
}
.qc .qc-coupon .ve-btn {
	background-color: var(--color-Base);
	color: var(--color-brand-700);
	padding: 0 16px;
	font-size: var(--font-size-md);
	line-height: var(--font-lh-md);
	font-family: var(--font-inter-semibold);
	border-radius: var(--border-radius-8);
	border: 1px solid var(--color-brand-300);
	height: 40px;
	box-shadow: none;
}
.qc .qc-coupon .ve-btn:hover {
	background-color: var(--color-brand-200) !important;
	border-color: var(--color-brand-300) !important;
	transform: none;
}
.qc-checkout-product .qc-totals>.qc-total {
	padding-bottom: 4px;
}
.qc .qcx-products {
	max-height: 319px;
	overflow-y: auto;
	margin-bottom: 12px;
}
/*-- order confirm start--*/
.cs-order-confirmation-list {
	gap: 24px;
}
.cs-order-confirmation .container-xxl {
	max-width: 770px;
}
.cs-order-confirmation .btn {
	padding: 0 16px;
	height: 46px;
	margin: 0px !important;
}
.cs-order-confirmation-buttons .btn {
	margin: 0px !important;
}
.cs-order-confirmation .cs-my-order-list,
.cs-order-confirmation .cs-cart-order-summary {
	margin: 0;
}
.cs-order-confirmation-buttons {
	gap: 12px;
}
.cs-order-confirmation {
	margin-top: 40px;
}
/*-- order confirm end--*/
.owl-theme .owl-controls {
	margin: 0;
}
.owl-carousel {
	touch-action: pan-y;
	/* allow vertical scroll outside slider */
}
.owl-carousel .owl-stage {
	touch-action: pan-x;
	/* lock slider to horizontal swipe */
}
.cs-cart-order-summary .cs-available-points-card {
	margin-bottom: 15px;
}
.cs-author-banner .cs-image-box img {
    width: 100%;
}
.cs-author-banner .cs-image-box img {
    margin-top: 16px;
}

.maintenancepage .container-center {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	background-color: #f3f4f6;
	padding: 1rem;
}

.maintenancepage .tooltip-container {
	position: relative;
	display: flex;
	justify-content: center;
}

.maintenancepage .tooltip-content {
	visibility: hidden;
	opacity: 0;
	width: 280px;
	background-color: white;
	color: #333;
	text-align: left;
	border-radius: 8px;
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
	transition: opacity 0.3s, visibility 0.3s;
}

.maintenancepage .tooltip-content::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: white transparent transparent transparent;
}

.maintenancepage .tooltip-container:hover .tooltip-content {
	visibility: visible;
	opacity: 1;
	bottom: 150%;
}

.maintenancepage .tooltip-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background-color: #2563eb;
	color: #fff;
	border-radius: 0.75rem;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease-in-out;
	text-decoration: none;
}

.maintenancepage .tooltip-btn:hover {
	background-color: #1d4ed8;
}

.maintenancepage .info-item {
	display: flex;
	margin-bottom: 1rem;
	align-items: flex-start;
}

.maintenancepage .info-item:last-child {
	margin-bottom: 0;
}

.maintenancepage .info-icon {
	margin-right: 0.75rem;
	color: #047857;
	font-size: 1.125rem;
	min-width: 1.25rem;
	text-align: center;
}

.maintenancepage .info-text {
	flex: 1;
}

.maintenancepage .info-title {
	font-weight: 700;
	margin-bottom: 0.25rem;
	color: #1f2937;
}

.maintenancepage .info-detail {
	color: #4b5563;
	line-height: 1.4;
}
.cs-category-mobile-menu .overflow-auto {
    height: 63dvh !important;
}
/*--mobile css start here--*/
@media screen and (max-width:767px) {
	.breadcrumb {
		margin: 20px 0 20px 0;
	}
	#cs-banner .item img {
		height: auto;
	}
	.cs-section {
		padding: 16px 0;
	}
	.cs-category-page-list {
		overflow: hidden;
	}
	.cs-heading h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-product-big-card .cs-product-image {
		padding: 23px;
	}
	.cs-product-big-card .cs-price p {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-product-big-card .badge.bg-primary {
		font-size: var(--font-size-xs);
		line-height: var(--font-lh-xs);
	}
	.cs-product-big-card .badge.bg-primary svg {
		height: 13px;
		width: 13px;
	}
	.cs-price {
		margin-bottom: 4px;
	}
	.cs-product-big-card .xl-btn-secondary-gray {
		height: 32px;
		width: 32px;
		padding: 7px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cs-product-big-card .quantity-wrapper .form-control {
		height: 32px;
		width: 40px;
	}
	.cs-product-big-card .xl-btn-primary {
		padding: 9px 16px;
	}
	.cs-product-big-card .quantity-wrapper .xl-btn-primary {
		height: 32px;
	}
	.cs-product-big-card .xl-btn-primary svg {
		height: 12px;
		width: 12px;
	}
	.cs-section .owl-nav-custom button {
		position: static;
		height: 36px;
		width: 36px;
	}
	.cs-section .owl-nav-custom button svg {
		height: 20px;
		width: 20px;
	}
	.cs-heading p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-feature-box p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-featured-icon {
		display: none !important;
	}
	.cs-feature-box .link-primary {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		font-family: var(--font-inter-medium);
	}
	.cs-feature-box {
		margin-bottom: 16px !important;
	}
	.cs-why-Coffeeshop-box {
		margin-bottom: 48px;
	}
	.cs-why-Coffeeshop-box p {
		padding: 0 !important;
	}
	.cs-heading {
		margin-bottom: 16px !important;
	}
	.cs-category-img img {
		margin: 0;
	}
	#cs-category .item {
		margin: 4px;
	}
	#cs-brand .item {
		margin: 4px;
	}
	.cs-feature-box h4 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-review-box {
		min-height: auto;
		margin-bottom: 16px;
	}
	/* .cs-articles-card h6 a {
		display: none;
	} */
	.cs-articles-card h6 {
		font-size: var(--font-size-xl);
		line-height: var(--font-lh-xl);
	}
	.cs-footer-about {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
	}
	.cs-footer-about ul li a {
		width: 100%;
	}
	.cs-footer-about ul {
		width: 100%;
	}
	.cs-footer-links {
		margin-bottom: 32px;
	}
	.cs-footer-bottom .row::after {
		display: none;
	}
	.cs-footer-bottom {
		padding-top: 32px;
	}
	.cs-footer-payment {
		flex-direction: column;
		gap: 12px;
		margin-bottom: 32px;
	}
	.cs-footer-bottom p {
		text-align: center;
	}
	.cs-product-details .cs-product-details-category {
		width: 100%;
	}
	/* .cs-mobile-menu .btn.lg-btn-tertiary-gray {
		padding-left: 6px;
	} */
	.container-xxl {
		padding: 0 16px;
	}
	.cs-brand .cs-category-img a {
		padding: 12px;
	}
	.cs-page-heading h1 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-page-heading {
		padding-bottom: 46px;
	}
	.cs-category-item img {
		min-width: 100px;
		height: 100px;
		padding: 5px;
		border-radius: 18px;
		max-width: 100px;
	}
	.cs-category-item {
		text-align: center;
	}
	.cs-category-item p {
		white-space: nowrap;
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-category-list {
		/* overflow: auto; */
		padding: 0;
	}
	.cs-category-page-list .container-xxl {
		padding: 0;
	}
	.cs-featured-product {
		padding: 24px 16px;
	}
	.cs-featured-product .card.cs-banner-small-slider .card-body {
		padding: 0;
	}
	#featured-products1 .item {
		margin: 16px 0 0 0;
	}
	.cs-featured-product .cs-product-image {
		padding: 0 !important;
	}
	.cs-featured-product .cs-price {
		margin-bottom: 12px;
	}
	.cs-featured-product .card {
		margin: 0 !important;
	}
	.cs-product-list {
		padding: 24px 16px;
	}
	.cs-select-header {
		margin-bottom: 12px;
	}
	.cs-product-list .btn.xl-btn-primary {
		height: 28px;
		width: 43px;
	}
	.cs-pagination {
		padding: 16px 0px 0px 0px;
	}
	.cs-product-list .cs-product-card {
		margin-bottom: 16px;
	}
	.cs-pagination .cs-pagination-showall {
		width: 100%;
		margin-top: 16px !important;
	}
	.cs-pagination nav {
		justify-content: center !important;
	}
	.cs-category-description .row {
		padding: 16px 0;
		gap: 24px;
	}
	.cs-category-description .cs-heading {
		margin: 0 !important;
	}
	.cs-categories-description-card h6 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.modal-dialog {
		margin: 0;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		max-width: 100%;
		transition: transform 0.3s ease-out;
		align-items: end;
	}
	.modal-content {
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		max-height: 96vh !important;
		overflow-y: auto;
	}
	.cs-product-big-card .quantity-wrapper {
		gap: 5px !important;
	}
	.cs-favourite svg {
		height: 20px;
		width: 20px;
	}
	.modal-footer {
		padding: 24px 16px;
	}
	.cs-modal .modal-header {
		padding: 20px 16px;
	}
	.cs-modal .modal-body {
		padding: 0 16px;
	}
	.form-control.cs-input-sm {
		min-width: 50%;
	}
	.cs-modal .modal-content {
		width: 100% !important;
	}
	.cs-product-detail-img {
		width: 100%;
	}
	.cs-product-detail {
		width: 100%;
	}
	.cs-product-details-card {
		flex-direction: column;
		gap: 0;
		margin: 0;
	}
	.cs-product-detail-page .container-xxl {
		padding: 0;
	}
	.cs-product-detail {
		padding: 24px 16px;
	}
	.cs-product-detail h2 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-product-detail-header {
		margin-bottom: 20px;
	}
	.cs-product-detail-select ul {
		flex-wrap: nowrap !important;
		overflow: auto;
	}
	.cs-product-detail-select+.cs-product-detail-select ul {
		overflow: visible !important;
	}
	.cs-product-detail-action .quantity-wrapper button.btn.xl-btn-secondary-gray {
		min-width: 38px;
	}
	.cs-product-more-detail {
		padding: 0;
		box-shadow: none;
	}
	.cs-product-detail-brand img {
		height: 32px;
		width: 32px;
		object-fit: contain;
	}
	.cs-useful-links-list .badge.bg-brand {
		padding: 4px 12px;
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	#cs-category {
		padding-left: 12px;
	}
	.cs-product-big-card p {
		max-height: 50px;
		overflow: hidden;
	}
	.cs-product-big-card .cs-product-details p.mb-2.p-0 {
		height: 50px !important;
	}
	.cs-search {
		width: 100%;
		padding: 8px 12px;
	}
	.mobile-menu .btn.btn-primary {
		padding: 7px 16px;
		border-radius: 8px;
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		margin-bottom: 0 !important;
	}
	.cs-pagination ul {
		flex-wrap: wrap;
		gap: 10px;
	}
	.cs-filter-brand .cs-search {
		padding: 0;
	}
	.cs-mobile-category-filter .modal-footer button.btn.btn-subtie,
	.cs-mobile-category-filter .modal-footer .sm-btn-primary {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		font-family: var(--font-inter-medium);
	}
	/*-- shoping cart start --*/
	.cs-bounus-banner {
		margin-bottom: 34px;
	}
	.cs-output-cart-item {
		flex-direction: column;
		align-items: end !important;
		gap: 16px;
	}
	.cs-output-cart .cs-price {
		flex-direction: row !important;
		gap: 7px;
	}
	.cs-output-cart .quantity-wrapper {
		flex-direction: column;
		align-items: start !important;
		gap: 12px;
	}
	.cs-output-cart .cs-move-to-favorites {
		margin: 0;
	}
	.cs-section.cs-shopingcart-list {
		padding-top: 40px;
	}
	/*-- shoping cart start --*/
	.cs-categories .cs-category-img img {
		height: auto;
		width: auto;
	}
	.cs-product-list .col-6.col-md-6.col-lg-4.col-xl-3 {
		width: 50%;
	}
	.cs-category-list .cs-category-item img {
		width: auto;
		height: auto;
		margin: 0;
	}
	.cs-category-list .owl-nav-custom {
		position: absolute;
		top: -47px;
		right: 0;
	}
	.cs-category-list p {
		/* display: none; */
	}
	/*-- search start --*/
	.search-overlay {
		background: #fff;
		top: 109px;
	}
	.search-box {
		top: 0 !important;
		max-width: 100%;
	}
	.search-box-body {
		box-shadow: none;
		padding: 16px 16px 0px 16px;
	}
	.search-input-group {
		width: auto;
		margin: 0px 15px 8px 16px !important;
	}
	.search-box span.position-absolute.top-50.start-0.translate-middle-y {
		padding-left: 11px !important;
	}
	.search-box .form-control.cs-input-sm {
		font-size: var(--font-size-sm);
		font-family: var(--font-inter-regular);
		color: var(--color-gray-500);
		padding: 10px;
		border-radius: var(--border-radius-8) !important;
		background-color: var(--color-gray-200);
	}
	/*-- search end --*/
	/*-- my acount start--*/
	.cs-bonus-point-banner {
		padding: 19px 110px 19px 19px;
		background-position: 155px bottom;
		background-size: 70%;
	}
	.cs-bonus-point-banner h5 {
		line-height: var(--font-lh-md);
		font-size: var(--font-size-md);
	}
	.cs-available-points-card img {
		max-height: 58px;
	}
	.cs-available-points-card h4 {
		font-size: 32px;
		line-height: 43px;
	}
	.cs-available-points-card .cs-bonous-despre-list h4 {
		font-size: 14px;
		line-height: 20px;
	}
	.cs-available-points-card .cs-bonous-despre-list p {
		font-size: 12px;
	}
	.cs-available-points-card .cs-bonous-despre-card {
		padding: 12px 0;
	}
	.cs-available-points-card {
		width: 100%;
	}
	.cs-myaccount-menu {
		padding: 0;
	}
	.cs-myaccount-detail-heading {
		margin-bottom: 20px;
	}
	.cs-myaccount-detail-heading h4.fs-display-xs {
		font-size: var(--font-size-lg);
		line-height: var(--font-size-lg);
	}
	.cs-available-points {
		margin: 20px 0;
	}
	.cs-want-more-bonus-points {
		max-width: 100%;
		height: 310px;
		margin-top: 20px;
	}
	.cs-myaccount {
		margin-bottom: 20px;
	}
	.cs-myaccount-my-order-status-list {
		overflow: auto;
		margin-bottom: 20px;
	}
	.cs-my-order-item .d-flex.justify-content-between.align-items-center {
		flex-direction: column !important;
	}
	.cs-myodrer-status {
		width: 100%;
		margin-bottom: 20px;
		flex-direction: row !important;
	}
	.cs-my-order-item .d-flex.align-items-center {
		flex-direction: column;
		width: 100%;
	}
	.cs-my-order-item-action {
		width: 100%;
		flex-direction: row !important;
		margin: 0 !important;
	}
	.cs-my-order-item-action .btn.sm-btn-seconday {
		width: 50%;
		padding: 8px 0;
	}
	.cs-my-order-list {
		margin-bottom: 20px;
	}
	.cs-myaccount-address-item {
		margin-bottom: 16px;
	}
	.cs-myaccount-address-list {
		margin: 0;
	}
	.cs-transactions-bonus-points-start .d-flex.justify-content-between.align-items-center {
		flex-direction: row !important;
		width: auto !important;
	}
	.cs-transactions-bonus-points-start .cs-image-box {
		display: none !important;
	}
	.cs-transactions-bonus-points-start .cs-my-order-item .d-flex.align-items-center {
		width: auto;
		margin: 0;
		align-items: start !important;
	}
	.cs-myaccount-detail-form .d-flex.gap-3 {
		flex-direction: column;
		gap: 0px !important;
	}
	.cs-myaccount-detail-form .cs-modal-social-btn {
		flex-direction: column;
	}
	/*-- my acount end --*/
	.cs-contact-map iframe {
		height: 400px;
	}
	.cs-contact-details .row {
		gap: 25px;
	}
	.cs-contact-box h6 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-contact-details a {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-about-mission {
		background-position: bottom;
		background-size: 91%;
		padding-bottom: 230px;
	}
	.cs-about-us-box {
		padding: 0;
	}
	.cs-about-us-box h4 {
		margin-bottom: 8px;
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-general-content-details p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-general-content-details ul li {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		background-size: 18px;
		padding-left: 30px;
	}
	.cs-about-us-box ul {
		margin-top: 24px;
	}
	.cs-about-misiune .cs-about-us-box {
		padding: 0;
	}
	.icon-circle {
		width: 36px;
		height: 36px;
		margin-bottom: 8px;
	}
	.icon-circle svg {
		width: 18px;
		height: 18px;
	}
	.cs-about-mission.cs-about-Viziune {
		margin-bottom: 16px;
	}
	.cs-about-content {
		margin: 0 0 16px;
	}
	.cs-about-content .cs-general-content-details {
		gap: 8px !important;
	}
	.cs-about-content .cs-general-content-details h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-about-content .cs-general-content-details.mb-4 {
		margin-bottom: 20px !important;
		gap: 8px !important;
	}
	/*-- delivery start --*/
	.cs-delivery-services .row {
		gap: 20px;
	}
	.cs-delivery-service-name {
		gap: 0 !important;
	}
	.cs-delivery-service-name h6 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-delivery-service-name p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-delivery-service-card {
		gap: 8px !important;
	}
	.cs-general-content-details h5.fs-display-sm {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-cta-card {
		height: auto;
		background-position: bottom right;
		padding-bottom: 170px;
	}
	.cs-cta-card h5 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-cta {
		margin-bottom: 16px;
	}
	/*-- delivery end --*/
	/*-- terms & condistion start --*/
	.cs-page-heading p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-accordion-panel {
		padding: 0 16px;
	}
	.cs-accordion-panel .accordion-button {
		padding: 16px 0;
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-accordion-panel .accordion-body {
		padding: 16px 0;
	}
	/*-- terms & condistion end --*/
	/*-- business  start--*/
	.cs-author-heading h1 {
		margin-bottom: 8px;
		font-size: var(--font-size-display-sm);
		line-height: var(--font-lh-display-sm);
		text-align: center;
	}
	.cs-author-heading p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		text-align: center;
	}
	.cs-general-content-details.mb-4 {
		margin-bottom: 16px !important;
	}
	.cs-whye-choose-box .cs-feature-icon {
		height: 32px;
		width: 32px;
		min-width: 32px;
	}
	.cs-whye-choose-box .cs-feature-icon svg {
		height: 13px;
		width: 12px;
	}
	.cs-whye-choose-box-detail h6 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-whye-choose-box h6 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-whye-choose-box-detail li {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-whye-choose-box {
		margin-bottom: 16px;
	}
	.cs-whye-choose-coffe {
		padding-bottom: 0;
	}
	h5.fs-display-sm.mb-4 {
		margin-bottom: 16px !important;
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-faq {
		padding-bottom: 32px;
	}
	.cs-whye-choose-box-detail {
		padding-left: 49px;
	}
	.cs-entry-cost .cs-image-box.ps-4 {
		padding: 0 !important;
		margin-top: 16px;
	}
	.cs-general-content-details h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-general-content-details ol li {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-higlight-box {
		padding: 12px;
	}
	.cs-paymet-terms h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-paymet-terms-card h6 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
		margin-bottom: 4px !important;
	}
	.cs-paymet-terms-card p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-paymet-terms .row {
		gap: 16px;
	}
	.cs-paymet-terms .col-lg-12 {
		margin: 0 !important;
	}
	.cs-general-content-details .cs-available-points-card {
		margin: 20px 0 0 !important;
	}
	/*-- business  end--*/
	/*-- Maintenance start --*/
	.cs-bussines-btn a.btn {
		width: 50%;
		height: 40px;
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-sevice-pricing ul li span {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-sevice-pricing ul {
		margin: 0 !important;
	}
	.cs-sevice-pricing .cs-bussines-btn {
		flex-direction: column;
		width: 100%;
	}
	.cs-sevice-pricing .cs-bussines-btn a.btn {
		width: 100%;
	}
	.cs-sevice-pricing .col-lg-12.d-flex.align-items-center.justify-content-center.mt-4 {
		margin-top: 16px !important;
	}
	.cs-how-it-work-card img {
		max-width: 50px;
	}
	.cs-how-it-work-card p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-sevice-pricing .row {
		gap: 16px;
	}
	.cs-sevice-pricing h5.fs-display-sm.mb-4 {
		margin: 0 !important;
	}
	.cs-consultation-form .card {
		padding: 40px 16px;
	}
	/*-- Maintenance end --*/
	/*-- blog start --*/
	.cs-newslatter-card {
		flex-direction: column;
		gap: 20px;
		padding: 16px;
	}
	.cs-newslatter-form {
		min-width: 100%;
	}
	.cs-small-articles-card img {
		min-width: 100%;
		max-width: 100%;
	}
	.cs-blog-banner h1 {
		margin-bottom: 8px !important;
	}
	.cs-blog-banner .cs-search {
		margin: 0 !important;
	}
	.cs-blog-category .cs-heading {
		margin-bottom: 13px !important;
	}
	#blog-category {
		padding-right: calc(var(--bs-gutter-x) * .5) !important;
		padding-left: calc(var(--bs-gutter-x) * .5) !important;
	}
	#blog-category .item {
		margin: 3px;
	}
	.cs-blog-category-slider a p {
		padding: 12px 12px 30px 12px;
		font-size: 12px;
		line-height: 15px;
	}
	#blog-category .owl-controls {
		display: none !important;
	}
	.cs-recently-added .row {
		gap: 16px;
	}
	.cs-recently-added .cs-heading {
		margin: 0 !important;
	}
	.cs-small-articles-card .cs-articles-card {
		flex-direction: column !important;
	}
	.cs-blog-verticle-list {
		display: flex;
		gap: 16px;
	}
	.cs-blog-verticle-list .cs-articles-card.card {
		gap: 0;
	}
	.cs-small-articles-card .cs-articles-card .cs-articles-dates p {
		font-size: var(--font-size-xs);
		line-height: var(--font-lh-xs);
	}
	.cs-small-articles-card .cs-articles-dates span {
		white-space: nowrap;
		font-size: var(--font-size-xs);
		line-height: var(--font-lh-xs);
	}
	.cs-small-articles-card h6 {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-small-articles-card img {
		margin-bottom: 12px;
	}
	.cs-small-articles-card .cs-most-rated-articles-badges {
		margin-top: 8px;
	}
	.cs-most-read .cs-articles-card {
		margin: 0;
	}
	.cs-most-read .row {
		gap: 16px;
	}
	.cs-most-read .row .cs-heading {
		margin: 0 !important;
	}
	.cs-full-guides .cs-articles-card {
		gap: 0;
		margin-bottom: 0;
	}
	.cs-full-guides .row {
		gap: 16px;
	}
	.cs-full-guides .row .cs-heading {
		margin: 0 !important;
	}
	.cs-full-guides .row {
		gap: 16px 0px;
	}
	.cs-newslatter-text h5 {
		font-size: var(--font-size-xl);
		line-height: var(--font-lh-xl);
	}
	.cs-newslatter-text p {
		line-height: var(--font-lh-sm);
		font-size: var(--font-size-sm);
	}
	.cs-stories-Interviews .row {
		gap: 16px;
	}
	.cs-stories-Interviews .row .cs-heading {
		margin: 0 !important;
	}
	/*-- blog end --*/
	/*-- blog timeline start --*/
	.cs-timeline .col-lg-2 {
		display: none;
	}
	.cs-article-timeline .cs-artcile-timeline-card {
		flex-direction: column;
		gap: 0;
	}
	.cs-small-articles-card {
		padding: 0;
	}
	.cs-timeline .cs-small-articles-card img {
		margin: 0;
	}
	.cs-timeline .cs-small-articles-card .cs-articles-card .cs-articles-dates p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-timeline .cs-small-articles-card .cs-articles-card {
		gap: 16px;
	}
	.cs-timeline .cs-small-articles-card h6 {
		font-size: var(--font-size-xl);
		line-height: var(--font-lh-xl);
	}
	.cs-article-timeline-action .btn.sm-btn-primary {
		width: 100% !important;
	}
	.cs-article-timeline .timeline {
		gap: 24px;
	}
	/*-- blog timeline end --*/
	.cs-section.cs-events .row {
		gap: 16px;
	}
	/*-- checkout --*/
	.step.qc-account.vcx-account .ve-btn-group.ve-btn-group--block label.ve-btn.d-vis.ve-btn--primary {
		width: 32% !important;
		padding: 10px 10px;
	}
	.step.qc-shipping-method .cs-bonus-point-banner {
		background-size: 50%;
		background-position: right bottom;
	}
	.step.qc-shipping-method .radio-input {
		width: 100%;
	}
	.qc .qcx-products {
		width: 100%;
		margin-bottom: 20px;
		padding: 16px;
	}
	.qc .qcx-totals {
		width: 100%;
		margin-bottom: 20px;
	}
	.qc .ve-card,
	.step.qc-payment {
		padding: 16px;
	}
	.step.qc-confirm button.ve-pull-right.btn.btn-primary.btn-md {
		width: 100%;
		margin-top: 0;
	}
	/*-- checkout --*/
	/*-- event blog start --*/
	.cs-read-more-article .cs-articles-card {
		flex-direction: row !important;
		gap: 12px;
	}
	.cs-read-more-article .cs-articles-card img {
		max-width: 160px;
	}
	.cs-read-more-article .cs-articles-card .cs-articles-card-rated {
		display: none !important;
	}
	.cs-read-more-article .cs-articles-card h6 {
		height: 41px;
		overflow: hidden;
	}
	.cs-cart-order-summary {
		position: fixed;
		z-index: 8;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		margin: 0;
		border-radius: 0px;
		box-shadow: 0px -4px 56px 0px rgba(0, 0, 0, 0.12);
		-webkit-box-shadow: 0px -4px 56px 0px rgba(0, 0, 0, 0.12);
		-moz-box-shadow: 0px -4px 56px 0px rgba(0, 0, 0, 0.12);
	}
	.cs-shopping-cart-page .cs-bonus-point-banner {
		margin-bottom: 20px;
	}
	.cs-blog-content-componets .cs-featured-product {
		padding: 16px 24px;
	}
	.cs-blog-content-componets .cs-banner-small-slider .cs-product-image {
		height: 130px;
		min-width: 130px;
	}
	.cs-blog-content-componets .cs-featured-product .cs-bussines-btn .btn {
		width: 100%;
	}
	.cs-blog-content-componets .cs-featured-product .card-header h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.step.qc-shipping-method .radio-input:first-child {
		width: 100%;
	}
	.step.qc-shipping-method .radio-input:first-child div {
		display: flex;
		flex-direction: column;
	}
	.cs-method-text .cs-imagebox img {
		max-width: 100px;
	}
	.ve-card.qcx-cart-card {
		padding: 0;
	}
	.cs-manufacturer-pagination strong {
		display: block;
		margin-bottom: 8px;
	}
	.cs-manufacturer h2 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-manufacturer-card img {
		min-width: 100px;
		height: 100px;
		padding: 12px;
	}
	.cs-manufacturer .cs-page-heading {
		padding-bottom: 8px;
	}
	.cs-blog-header .cs-header-lett img {
		height: auto;
	}
	.cs-blog-sidebar {
		padding: 0;
		border: none;
	}
	.cs-blog-reviews .card .card-body {
    padding: 16px;
	}
	.cs-recent-article-mobile-hide {
		display: none !important;
	}
	.owl-theme .owl-controls .owl-page span{width: 8px;height: 8px;}
	html[lang="ro"] .step.qc-shipping-method .radio-input .ve-field span.text{height: auto;}
	.blog__header_log img {min-width: 40px;}
}
/*--ipad css start here--*/
@media only screen and (min-width:768px) and (max-width:959px) {
	#cs-banner .item img {
		height: auto;
	}
	.cs-section {
		padding: 16px 0;
	}
	.cs-heading h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-product-big-card .cs-product-image {
		padding: 23px;
	}
	.cs-product-big-card .cs-price p {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-product-big-card .badge.bg-primary {
		font-size: var(--font-size-xs);
		line-height: var(--font-lh-xs);
	}
	.cs-product-big-card .badge.bg-primary svg {
		height: 13px;
		width: 13px;
	}
	.cs-price {
		margin-bottom: 4px;
	}
	.cs-product-big-card .xl-btn-secondary-gray {
		height: 32px;
		width: 32px;
		padding: 7px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cs-product-big-card .quantity-wrapper .form-control {
		height: 32px;
		width: 40px;
	}
	.cs-product-big-card .xl-btn-primary {
		padding: 9px 16px;
	}
	.cs-product-big-card .xl-btn-primary svg {
		height: 12px;
		width: 12px;
	}
	.cs-section .owl-nav-custom button {
		position: static;
		height: 36px;
		width: 36px;
	}
	.cs-section .owl-nav-custom button svg {
		height: 20px;
		width: 20px;
	}
	.cs-heading p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-feature-box p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-featured-icon {
		display: none !important;
	}
	.cs-feature-box .link-primary {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		font-family: var(--font-inter-medium);
	}
	.cs-feature-box {
		margin-bottom: 16px !important;
	}
	.cs-why-Coffeeshop-box {
		margin-bottom: 48px;
	}
	.cs-why-Coffeeshop-box p {
		padding: 0 !important;
	}
	.cs-heading {
		margin-bottom: 16px !important;
	}
	.cs-category-img img {
		margin: 0;
	}
	#cs-category .item {
		margin: 4px;
	}
	#cs-brand .item {
		margin: 4px;
	}
	.cs-feature-box h4 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-review-box {
		min-height: auto;
		margin-bottom: 16px;
	}
	.cs-articles-card h6 a {
		display: none;
	}
	.cs-articles-card h6 {
		font-size: var(--font-size-xl);
		line-height: var(--font-lh-xl);
	}
	.cs-footer-about {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
	}
	.cs-footer-about ul li a {
		width: 100%;
	}
	.cs-footer-about ul {
		width: 100%;
	}
	.cs-footer-links {
		margin-bottom: 32px;
	}
	.cs-footer-bottom .row::after {
		display: none;
	}
	.cs-footer-bottom {
		padding-top: 32px;
	}
	.cs-footer-payment {
		flex-direction: column;
		gap: 12px;
		margin-bottom: 32px;
	}
	.cs-footer-bottom p {
		text-align: center;
	}
	.cs-product-details .cs-product-details-category {
		width: 100%;
	}
	/* .cs-mobile-menu .btn.lg-btn-tertiary-gray {
		padding-left: 6px;
	} */
	.container-xxl {
		padding: 0 16px;
	}
	.cs-brand .cs-category-img a {
		padding: 12px;
	}
	.cs-page-heading h1 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-page-heading {
		padding-bottom: 46px;
	}
	.cs-category-item img {
		min-width: 100px;
		height: 100px;
		padding: 5px;
		border-radius: 18px;
		max-width: 100px;
	}
	.cs-category-item {
		text-align: center;
	}
	.cs-category-item p {
		white-space: nowrap;
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-category-list {
		overflow: auto;
	}
	.cs-category-page-list .container-xxl {
		padding: 0;
	}
	.cs-featured-product {
		padding: 24px 16px;
	}
	.cs-featured-product .card.cs-banner-small-slider .card-body {
		padding: 0;
	}
	#featured-products1 .item {
		margin: 16px 0 0 0;
	}
	.cs-featured-product .cs-product-image {
		padding: 0 !important;
	}
	.cs-featured-product .cs-price {
		margin-bottom: 12px;
	}
	.cs-featured-product .card {
		margin: 0 !important;
	}
	.cs-product-list {
		padding: 24px 16px;
	}
	.cs-select-header {
		margin-bottom: 12px;
	}
	.cs-product-list .btn.xl-btn-primary {
		padding: 9px 16px;
	}
	.cs-pagination {
		padding: 16px 0px 0px 0px;
	}
	.cs-product-list .cs-product-card {
		margin-bottom: 16px;
	}
	.cs-pagination .cs-pagination-showall {
		width: 100%;
		margin-top: 16px !important;
	}
	.cs-pagination nav {
		justify-content: center !important;
	}
	.cs-category-description .row {
		padding: 16px 0;
		gap: 24px;
	}
	.cs-category-description .cs-heading {
		margin: 0 !important;
	}
	.cs-categories-description-card h6 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.modal-dialog {
		margin: 0;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		max-width: 100%;
		transition: transform 0.3s ease-out;
		align-items: end;
	}
	.modal-content {
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		max-height: 96vh !important;
		overflow-y: auto;
	}
	.cs-product-big-card .quantity-wrapper {
		gap: 5px !important;
	}
	.cs-favourite svg {
		height: 20px;
		width: 20px;
	}
	.modal-footer {
		padding: 24px 16px;
	}
	.cs-modal .modal-header {
		padding: 20px 16px;
	}
	.cs-modal .modal-body {
		padding: 0 16px;
	}
	.form-control.cs-input-sm {
		min-width: 50%;
	}
	.cs-modal .modal-content {
		width: 100% !important;
	}
	.cs-product-detail-img {
		width: 100%;
	}
	.cs-product-detail {
		width: 100%;
	}
	.cs-product-details-card {
		flex-direction: column;
		gap: 0;
		margin: 0;
	}
	.cs-product-detail-page .container-xxl {
		padding: 0;
	}
	.cs-product-detail {
		padding: 24px 16px;
	}
	.cs-product-detail h2 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-product-detail-header {
		margin-bottom: 20px;
	}
	.cs-product-detail-select ul {
		flex-wrap: nowrap !important;
		overflow: auto;
	}
	.cs-product-detail-select+.cs-product-detail-select ul {
		overflow: visible !important;
	}
	.cs-product-detail-action .quantity-wrapper button.btn.xl-btn-secondary-gray {
		min-width: 38px;
	}
	.cs-product-more-detail {
		padding: 0;
		box-shadow: none;
	}
	.cs-product-detail-brand img {
		height: 32px;
		width: 32px;
		object-fit: contain;
	}
	.cs-useful-links-list .badge.bg-brand {
		padding: 4px 12px;
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	#cs-category {
		padding-left: 12px;
	}
	.cs-product-big-card p {
		max-height: 50px;
		overflow: hidden;
	}
	.cs-search {
		width: 100%;
		padding: 8px 12px;
	}
	.mobile-menu .btn.btn-primary {
		padding: 7px 16px;
		border-radius: 8px;
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		margin-bottom: 0 !important;
	}
	.cs-pagination ul {
		flex-wrap: wrap;
		gap: 10px;
	}
	.cs-filter-brand .cs-search {
		padding: 0;
	}
	.cs-mobile-category-filter .modal-footer button.btn.btn-subtie,
	.cs-mobile-category-filter .modal-footer .sm-btn-primary {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		font-family: var(--font-inter-medium);
	}
	.cs-mobile-menu .header__logo img {
		max-height: 42px;
	}
	.cs-categories .cs-category-img img {
		height: auto;
		width: auto;
	}
	.cs-product-list .col-6.col-md-6.col-lg-4.col-xl-3 {
		width: 33.33%;
	}
	.cs-category-list .cs-category-item img {
		width: auto;
		height: auto;
		margin: 0;
	}
	.cs-category-list .owl-nav-custom {
		display: none !important;
	}
	.cs-category-list p {
		display: none;
	}
	/*-- search start --*/
	.search-overlay {
		background: #fff;
		top: 109px;
	}
	.search-box {
		top: 0 !important;
		max-width: 100%;
	}
	.search-box-body {
		box-shadow: none;
		padding: 16px 16px 0px 16px;
	}
	.search-input-group {
		width: auto;
		margin: 0px 15px 8px 16px !important;
	}
	.search-box span.position-absolute.top-50.start-0.translate-middle-y {
		padding-left: 11px !important;
	}
	.search-box .form-control.cs-input-sm {
		font-size: var(--font-size-sm);
		font-family: var(--font-inter-regular);
		color: var(--color-gray-500);
		padding: 10px;
		border-radius: var(--border-radius-8) !important;
		background-color: var(--color-gray-200);
	}
	/*-- search end --*/
	/*-- my acount start--*/
	.cs-bonus-point-banner {
		padding: 19px 110px 19px 19px;
		background-position: 155px bottom;
		background-size: 70%;
	}
	.cs-bonus-point-banner h5 {
		line-height: var(--font-lh-md);
		font-size: var(--font-size-md);
	}
	.cs-available-points-card img {
		max-height: 58px;
	}
	.cs-available-points-card h4 {
		font-size: 32px;
		line-height: 43px;
	}
	.cs-available-points-card .cs-bonous-despre-list h4 {
		font-size: 14px;
		line-height: 20px;
	}
	.cs-available-points-card .cs-bonous-despre-list p {
		font-size: 12px;
	}
	.cs-available-points-card .cs-bonous-despre-card {
		padding: 12px 0;
	}
	.cs-available-points-card {
		width: 100%;
	}
	.cs-myaccount-menu {
		padding: 0;
	}
	.cs-myaccount-detail-heading {
		margin-bottom: 20px;
	}
	.cs-myaccount-detail-heading h4.fs-display-xs {
		font-size: var(--font-size-lg);
		line-height: var(--font-size-lg);
	}
	.cs-available-points {
		margin: 20px 0;
	}
	.cs-want-more-bonus-points {
		max-width: 100%;
		height: 310px;
		margin-top: 20px;
	}
	.cs-myaccount {
		margin-bottom: 20px;
	}
	.cs-myaccount-my-order-status-list {
		overflow: auto;
		margin-bottom: 20px;
	}
	.cs-my-order-item .d-flex.justify-content-between.align-items-center {
		flex-direction: column !important;
	}
	.cs-myodrer-status {
		width: 100%;
		margin-bottom: 20px;
		flex-direction: row !important;
	}
	.cs-my-order-item .d-flex.align-items-center {
		flex-direction: column;
		width: 100%;
	}
	.cs-my-order-item-action {
		width: 100%;
		flex-direction: row !important;
		margin: 0 !important;
	}
	.cs-my-order-item-action .btn.sm-btn-seconday {
		width: 50%;
		padding: 8px 0;
	}
	.cs-my-order-list {
		margin-bottom: 20px;
	}
	.cs-myaccount-address-item {
		margin-bottom: 16px;
	}
	.cs-myaccount-address-list {
		margin: 0;
	}
	.cs-transactions-bonus-points-start .d-flex.justify-content-between.align-items-center {
		flex-direction: row !important;
		width: auto !important;
	}
	.cs-transactions-bonus-points-start .cs-image-box {
		display: none !important;
	}
	.cs-transactions-bonus-points-start .cs-my-order-item .d-flex.align-items-center {
		width: auto;
		margin: 0;
		align-items: start !important;
	}
	.cs-myaccount-detail-form .d-flex.gap-3 {
		flex-direction: column;
		gap: 0px !important;
	}
	.cs-myaccount-detail-form .cs-modal-social-btn {
		flex-direction: column;
	}
	/*-- my acount end --*/
	.cs-contact-map iframe {
		height: 400px;
	}
	.cs-contact-details .row {
		gap: 25px;
	}
	.cs-contact-box h6 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-contact-details a {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-about-mission {
		background-position: bottom;
		background-size: 96%;
		padding-bottom: 60%;
	}
	.cs-about-us-box {
		padding: 0;
	}
	.cs-about-us-box h4 {
		margin-bottom: 8px;
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-general-content-details p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-general-content-details ul li {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-about-us-box ul {
		margin-top: 24px;
	}
	.cs-about-misiune .cs-about-us-box {
		padding: 0;
	}
	.icon-circle {
		width: 36px;
		height: 36px;
		margin-bottom: 8px;
	}
	.icon-circle svg {
		width: 18px;
		height: 18px;
	}
	.cs-about-mission.cs-about-Viziune {
		margin-bottom: 16px;
	}
	.cs-about-content {
		margin: 0 0 16px;
	}
	.cs-about-content .cs-general-content-details {
		gap: 8px !important;
	}
	.cs-about-content .cs-general-content-details h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-about-content .cs-general-content-details.mb-4 {
		margin-bottom: 20px !important;
		gap: 8px !important;
	}
	/*-- delivery start --*/
	.cs-delivery-service-name {
		gap: 0 !important;
	}
	.cs-delivery-service-name h6 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-delivery-service-name p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-delivery-service-card {
		gap: 8px !important;
	}
	.cs-general-content-details h5.fs-display-sm {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-cta-card {
		padding-right: 260px;
	}
	.cs-cta-card h5 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-cta {
		margin-bottom: 16px;
	}
	/*-- delivery end --*/
	/*-- terms & condistion start --*/
	.cs-page-heading p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-accordion-panel {
		padding: 0 16px;
	}
	.cs-accordion-panel .accordion-button {
		padding: 16px 0;
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-accordion-panel .accordion-body {
		padding: 16px 0;
	}
	/*-- terms & condistion end --*/
	/*-- business  start--*/
	.cs-author-heading h1 {
		margin-bottom: 8px;
		font-size: var(--font-size-display-sm);
		line-height: var(--font-lh-display-sm);
	}
	.cs-author-heading p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-general-content-details.mb-4 {
		margin-bottom: 16px !important;
	}
	.cs-whye-choose-box .cs-feature-icon {
		height: 32px;
		width: 32px;
		min-width: 32px;
	}
	.cs-whye-choose-box .cs-feature-icon svg {
		height: 13px;
		width: 12px;
	}
	.cs-whye-choose-box-detail h6 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-whye-choose-box h6 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-whye-choose-box-detail li {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-whye-choose-box {
		margin-bottom: 16px;
	}
	.cs-whye-choose-coffe {
		padding-bottom: 0;
	}
	h5.fs-display-sm.mb-4 {
		margin-bottom: 16px !important;
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-faq {
		padding-bottom: 32px;
	}
	.cs-whye-choose-box-detail {
		padding-left: 49px;
	}
	.cs-entry-cost .cs-image-box.ps-4 {
		padding: 0 !important;
		margin-top: 16px;
	}
	.cs-general-content-details h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-general-content-details ol li {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-higlight-box {
		padding: 12px;
	}
	.cs-paymet-terms h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-paymet-terms-card h6 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
		margin-bottom: 4px !important;
	}
	.cs-paymet-terms-card p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-paymet-terms .col-lg-12 {
		margin: 0 !important;
	}
	.cs-general-content-details .cs-available-points-card {
		margin: 20px 0 0 !important;
	}
	.cs-general-content-details ul li {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		background-size: 18px;
		padding-left: 30px;
		min-height: auto;
	}
	.cs-apasa {
		left: auto;
		top: -4%;
		right: 10%;
	}
	/*-- business  end--*/
	/*-- Maintenance start --*/
	.cs-bussines-btn a.btn {
		width: 50%;
		height: 40px;
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-sevice-pricing ul li span {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-sevice-pricing ul {
		margin: 0 !important;
	}
	.cs-sevice-pricing .cs-bussines-btn {
		flex-direction: column;
		width: 100%;
	}
	.cs-sevice-pricing .cs-bussines-btn a.btn {
		width: 100%;
	}
	.cs-sevice-pricing .col-lg-12.d-flex.align-items-center.justify-content-center.mt-4 {
		margin-top: 16px !important;
	}
	.cs-how-it-work-card img {
		max-width: 50px;
	}
	.cs-how-it-work-card p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-sevice-pricing h5.fs-display-sm.mb-4 {
		margin: 0 0 16px !important;
	}
	.cs-consultation-form .card {
		padding: 40px 16px;
	}
	/*-- Maintenance end --*/
	/*-- blog start --*/
	.cs-newslatter-card {
		flex-direction: column;
		gap: 20px;
		padding: 16px;
		align-items: start !important;
	}
	.cs-newslatter-form {
		min-width: 100%;
	}
	.cs-small-articles-card img {
		min-width: 100%;
		max-width: 100%;
	}
	.cs-blog-banner h1 {
		margin-bottom: 8px !important;
	}
	.cs-blog-banner .cs-search {
		margin: 0 !important;
	}
	.cs-blog-category .cs-heading {
		margin-bottom: 13px !important;
	}
	#blog-category {
		padding-right: calc(var(--bs-gutter-x) * .5) !important;
		padding-left: calc(var(--bs-gutter-x) * .5) !important;
	}
	#blog-category .item {
		margin: 3px;
	}
	.cs-blog-category-slider a p {
		padding: 12px 12px 30px 12px;
		font-size: 12px;
		line-height: 15px;
	}
	#blog-category .owl-controls {
		display: none !important;
	}
	.cs-recently-added .row {
		gap: 16px;
	}
	.cs-recently-added .cs-heading {
		margin: 0 !important;
	}
	.cs-small-articles-card .cs-articles-card {
		flex-direction: column !important;
	}
	.cs-blog-verticle-list {
		display: flex;
		gap: 16px;
	}
	.cs-blog-verticle-list .cs-articles-card.card {
		gap: 0;
	}
	.cs-small-articles-card .cs-articles-card .cs-articles-dates p {
		font-size: var(--font-size-xs);
		line-height: var(--font-lh-xs);
	}
	.cs-small-articles-card .cs-articles-dates span {
		white-space: nowrap;
		font-size: var(--font-size-xs);
		line-height: var(--font-lh-xs);
	}
	.cs-small-articles-card h6 {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-small-articles-card img {
		margin-bottom: 12px;
	}
	.cs-small-articles-card .cs-most-rated-articles-badges {
		margin-top: 8px;
	}
	.cs-most-read .cs-articles-card {
		margin: 0;
	}
	.cs-most-read .row {
		gap: 16px;
	}
	.cs-most-read .row .cs-heading {
		margin: 0 !important;
	}
	.cs-full-guides .cs-articles-card {
		gap: 0;
		margin-bottom: 0;
	}
	.cs-full-guides .row {
		gap: 16px;
	}
	.cs-full-guides .row .cs-heading {
		margin: 0 !important;
	}
	.cs-full-guides .row {
		gap: 16px 0px;
	}
	.cs-newslatter-text h5 {
		font-size: var(--font-size-xl);
		line-height: var(--font-lh-xl);
	}
	.cs-newslatter-text p {
		line-height: var(--font-lh-sm);
		font-size: var(--font-size-sm);
	}
	.cs-stories-Interviews .row {
		gap: 16px;
	}
	.cs-stories-Interviews .row .cs-heading {
		margin: 0 !important;
	}
	/*-- blog end --*/
	/*-- blog timeline start --*/
	.cs-timeline .col-lg-2 {
		display: none;
	}
	.cs-article-timeline .cs-artcile-timeline-card {
		flex-direction: column;
		gap: 0;
	}
	.cs-small-articles-card {
		padding: 0;
	}
	.cs-timeline .cs-small-articles-card img {
		margin: 0;
	}
	.cs-timeline .cs-small-articles-card .cs-articles-card .cs-articles-dates p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-timeline .cs-small-articles-card .cs-articles-card {
		gap: 16px;
	}
	.cs-timeline .cs-small-articles-card h6 {
		font-size: var(--font-size-xl);
		line-height: var(--font-lh-xl);
	}
	.cs-article-timeline-action .btn.sm-btn-primary {
		width: 100% !important;
	}
	.cs-article-timeline .timeline {
		gap: 24px;
	}
	/*-- blog timeline end --*/
	.cs-blog-content-componets .cs-featured-product {
		padding: 16px 24px;
	}
	.cs-blog-content-componets .cs-banner-small-slider .cs-product-image {
		height: 130px;
		min-width: 130px;
	}
	.cs-blog-content-componets .cs-featured-product .cs-bussines-btn .btn {
		width: 100%;
	}
	.cs-blog-content-componets .cs-featured-product .card-header h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
}
/*--ipad  pro css start here--*/
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
	.cs-category-list .cs-category-item img {
		width: auto;
		height: auto;
	}
	.cs-category-list .owl-nav-custom {
		display: none !important;
	}
	#cs-banner .item img {
		height: auto;
	}
	.cs-section {
		padding: 16px 0;
	}
	.cs-product-list .col-6.col-md-6.col-lg-4.col-xl-3 {
		width: 33.33%;
	}
	.cs-heading h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-product-big-card .cs-product-image {
		padding: 23px;
	}
	.cs-product-big-card .cs-price p {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-product-big-card .badge.bg-primary {
		font-size: var(--font-size-xs);
		line-height: var(--font-lh-xs);
	}
	.cs-product-big-card .badge.bg-primary svg {
		height: 13px;
		width: 13px;
	}
	.cs-price {
		margin-bottom: 4px;
	}
	.cs-product-big-card .xl-btn-secondary-gray {
		height: 32px;
		width: 32px;
		padding: 7px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cs-product-big-card .quantity-wrapper .form-control {
		height: 32px;
		width: 40px;
	}
	.cs-product-big-card .xl-btn-primary {
		padding: 9px 16px;
	}
	.cs-product-big-card .xl-btn-primary svg {
		height: 12px;
		width: 12px;
	}
	.cs-section .owl-nav-custom button {
		position: static;
		height: 36px;
		width: 36px;
	}
	.cs-section .owl-nav-custom button svg {
		height: 20px;
		width: 20px;
	}
	.cs-heading p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-feature-box p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-featured-icon {
		display: none !important;
	}
	.cs-feature-box .link-primary {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		font-family: var(--font-inter-medium);
	}
	.cs-feature-box {
		margin-bottom: 16px !important;
	}
	.cs-why-Coffeeshop-box {
		margin-bottom: 48px;
	}
	.cs-why-Coffeeshop-box p {
		padding: 0 !important;
	}
	.cs-heading {
		margin-bottom: 16px !important;
	}
	.cs-category-img img {
		margin: 0;
	}
	#cs-category .item {
		margin: 4px;
	}
	#cs-brand .item {
		margin: 4px;
	}
	.cs-feature-box h4 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.cs-review-box {
		min-height: auto;
		margin-bottom: 16px;
	}
	.cs-articles-card h6 a {
		display: none;
	}
	.cs-articles-card h6 {
		font-size: var(--font-size-xl);
		line-height: var(--font-lh-xl);
	}
	.cs-footer-about {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
	}
	.cs-footer-about ul li a {
		width: 100%;
	}
	.cs-footer-about ul {
		width: 100%;
	}
	.cs-footer-links {
		margin-bottom: 32px;
	}
	.cs-footer-bottom .row::after {
		display: none;
	}
	.cs-footer-bottom {
		padding-top: 32px;
	}
	.cs-footer-payment {
		flex-direction: column;
		gap: 12px;
		margin-bottom: 32px;
	}
	.cs-footer-bottom p {
		text-align: center;
	}
	.cs-product-details .cs-product-details-category {
		width: 100%;
	}
	/* .cs-mobile-menu .btn.lg-btn-tertiary-gray {
		padding-left: 6px;
	} */
	.container-xxl {
		padding: 0 16px;
	}
	.cs-brand .cs-category-img a {
		padding: 12px;
	}
	.cs-page-heading h1 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-page-heading {
		padding-bottom: 46px;
	}
	.cs-category-item img {
		min-width: 100px;
		height: 100px;
		padding: 5px;
		border-radius: 18px;
		max-width: 100px;
	}
	.cs-category-item {
		text-align: center;
	}
	.cs-category-item p {
		white-space: nowrap;
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-category-list {
		overflow: auto;
	}
	/* .cs-category-page-list .container-xxl {
		padding: 0;
	} */
	.cs-featured-product {
		padding: 24px 16px;
	}
	.cs-featured-product .card.cs-banner-small-slider .card-body {
		padding: 0;
	}
	#featured-products1 .item {
		margin: 16px 0 0 0;
	}
	.cs-featured-product .cs-product-image {
		padding: 0 !important;
	}
	.cs-featured-product .cs-price {
		margin-bottom: 12px;
	}
	.cs-featured-product .card {
		margin: 0 !important;
	}
	.cs-product-list {
		padding: 24px 16px;
	}
	.cs-select-header {
		margin-bottom: 12px;
	}
	.cs-product-list .btn.xl-btn-primary {
		padding: 9px 16px;
	}
	.cs-pagination {
		padding: 16px 0px 0px 0px;
	}
	.cs-product-list .cs-product-card {
		margin-bottom: 16px;
	}
	.cs-pagination .cs-pagination-showall {
		width: 100%;
		margin-top: 16px !important;
	}
	.cs-pagination nav {
		justify-content: center !important;
	}
	.cs-category-description .row {
		padding: 16px 0;
		gap: 24px;
	}
	.cs-category-description .cs-heading {
		margin: 0 !important;
	}
	.cs-categories-description-card h6 {
		font-size: var(--font-size-md);
		line-height: var(--font-lh-md);
	}
	.modal-dialog {
		margin: 0;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		max-width: 100%;
		transition: transform 0.3s ease-out;
		align-items: end;
	}
	.modal-content {
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		max-height: 96vh !important;
		overflow-y: auto;
	}
	.cs-product-big-card .quantity-wrapper {
		gap: 5px !important;
	}
	.cs-favourite svg {
		height: 20px;
		width: 20px;
	}
	.modal-footer {
		padding: 24px 16px;
	}
	.cs-modal .modal-header {
		padding: 20px 16px;
	}
	.cs-modal .modal-body {
		padding: 0 16px;
	}
	.form-control.cs-input-sm {
		min-width: 50%;
	}
	.cs-modal .modal-content {
		width: 100% !important;
	}
	.cs-product-detail-img {
		width: 100%;
	}
	.cs-product-detail {
		width: 100%;
	}
	.cs-product-details-card {
		flex-direction: column;
		gap: 0;
		margin: 0;
	}
	.cs-product-detail-page .container-xxl {
		padding: 0;
	}
	.cs-product-detail {
		padding: 24px 16px;
	}
	.cs-product-detail h2 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-product-detail-header {
		margin-bottom: 20px;
	}
	.cs-product-detail-select ul {
		flex-wrap: nowrap !important;
		overflow: auto;
	}
	.cs-product-detail-select+.cs-product-detail-select ul {
		overflow: visible !important;
	}
	.cs-product-detail-action .quantity-wrapper button.btn.xl-btn-secondary-gray {
		min-width: 38px;
	}
	.cs-product-more-detail {
		padding: 0;
		box-shadow: none;
	}
	.cs-product-detail-brand img {
		height: 32px;
		width: 32px;
		object-fit: contain;
	}
	.cs-useful-links-list .badge.bg-brand {
		padding: 4px 12px;
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	#cs-category {
		padding-left: 12px;
	}
	.cs-product-big-card p {
		max-height: 50px;
		overflow: hidden;
	}
	.cs-search {
		width: 100%;
		padding: 8px 12px;
	}
	.mobile-menu .btn.btn-primary {
		padding: 7px 16px;
		border-radius: 8px;
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		margin-bottom: 0 !important;
	}
	.cs-pagination ul {
		flex-wrap: wrap;
		gap: 10px;
	}
	.cs-filter-brand .cs-search {
		padding: 0;
	}
	.cs-mobile-category-filter .modal-footer button.btn.btn-subtie,
	.cs-mobile-category-filter .modal-footer .sm-btn-primary {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
		font-family: var(--font-inter-medium);
	}
	.cs-mobile-menu .header__logo img {
		max-height: 42px;
	}
	.cs-categories .cs-category-img img {
		height: auto;
		width: auto;
	}
	.cs-product-big-card .quantity-wrapper .xl-btn-primary {
		height: 32px;
	}
	.cs-about-us-box {
		padding: 0;
	}
	.cs-about-us-box h4 {
		margin-bottom: 8px;
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-general-content-details p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-general-content-details ul li {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-about-us-box ul {
		margin-top: 24px;
	}
	.cs-about-misiune .cs-about-us-box {
		padding: 0;
	}
	.icon-circle {
		width: 36px;
		height: 36px;
		margin-bottom: 8px;
	}
	.icon-circle svg {
		width: 18px;
		height: 18px;
	}
	.cs-about-mission.cs-about-Viziune {
		margin-bottom: 16px;
	}
	.cs-about-content {
		margin: 0 0 16px;
	}
	.cs-about-content .cs-general-content-details {
		gap: 8px !important;
	}
	.cs-about-content .cs-general-content-details h5 {
		font-size: var(--font-size-lg);
		line-height: var(--font-lh-lg);
	}
	.cs-about-content .cs-general-content-details.mb-4 {
		margin-bottom: 20px !important;
		gap: 8px !important;
	}
	/*-- blog start --*/
	.cs-newslatter-card {
		flex-direction: column;
		gap: 20px;
		padding: 16px;
		align-items: start !important;
	}
	.cs-newslatter-form {
		min-width: 100%;
	}
	.cs-small-articles-card img {
		min-width: 100%;
		max-width: 100%;
	}
	.cs-blog-banner h1 {
		margin-bottom: 8px !important;
	}
	.cs-blog-banner .cs-search {
		margin: 0 !important;
	}
	.cs-blog-category .cs-heading {
		margin-bottom: 13px !important;
	}
	#blog-category {
		padding-right: calc(var(--bs-gutter-x) * .5) !important;
		padding-left: calc(var(--bs-gutter-x) * .5) !important;
	}
	#blog-category .item {
		margin: 3px;
	}
	.cs-blog-category-slider a p {
		padding: 12px 12px 30px 12px;
		font-size: 12px;
		line-height: 15px;
	}
	#blog-category .owl-controls {
		display: none !important;
	}
	.cs-small-articles-card .cs-articles-card {
		flex-direction: column !important;
	}
	.cs-blog-verticle-list {
		display: flex;
		gap: 16px;
	}
	.cs-blog-verticle-list .cs-articles-card.card {
		gap: 0;
	}
	.cs-small-articles-card .cs-articles-card .cs-articles-dates p {
		font-size: var(--font-size-xs);
		line-height: var(--font-lh-xs);
	}
	.cs-small-articles-card .cs-articles-dates span {
		white-space: nowrap;
		font-size: var(--font-size-xs);
		line-height: var(--font-lh-xs);
	}
	.cs-small-articles-card h6 {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-small-articles-card img {
		margin-bottom: 12px;
	}
	.cs-small-articles-card .cs-most-rated-articles-badges {
		margin-top: 8px;
	}
	.cs-full-guides .cs-articles-card {
		gap: 0;
		margin-bottom: 0;
	}
	.cs-full-guides .row {
		gap: 16px;
	}
	.cs-full-guides .row .cs-heading {
		margin: 0 !important;
	}
	.cs-full-guides .row {
		gap: 16px 0px;
	}
	.cs-newslatter-text h5 {
		font-size: var(--font-size-xl);
		line-height: var(--font-lh-xl);
	}
	.cs-newslatter-text p {
		line-height: var(--font-lh-sm);
		font-size: var(--font-size-sm);
	}
	/*-- blog end --*/
	/*-- blog timeline start --*/
	.cs-small-articles-card {
		padding: 0;
	}
	.cs-timeline .col-lg-7 {
		width: 40%;
	}
	.cs-timeline .cs-small-articles-card img {
		margin: 0;
	}
	.cs-timeline .cs-small-articles-card .cs-articles-card .cs-articles-dates p {
		font-size: var(--font-size-sm);
		line-height: var(--font-lh-sm);
	}
	.cs-timeline .cs-small-articles-card .cs-articles-card {
		gap: 16px;
	}
	.cs-timeline .cs-small-articles-card h6 {
		font-size: var(--font-size-xl);
		line-height: var(--font-lh-xl);
	}
	.cs-article-timeline-action .btn.sm-btn-primary {
		width: 100% !important;
	}
	.cs-article-timeline .timeline {
		gap: 24px;
	}
	/*-- blog timeline end --*/
}
/*--laptop css start here--*/
@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
	.cs-banner-small-slider .quantity-wrapper .xl-btn-secondary-gray {
		padding: 6px;
	}
	.cs-price {
		margin-bottom: 4px;
		gap: 0 !important;
		justify-content: space-between;
	}
	.cs-banner-small-slider .btn.md-btn-tertiary-gray {
		height: 30px;
		width: 30px;
	}
	.cs-banner-small-slider .quantity-wrapper .form-control {
		height: 28px;
		width: 37px;
		padding: 5px;
	}
	.cs-banner-small-slider .cs-product-details-description {
		width: 300px;
	}
	.search-box {
		max-width: 730px;
	}
	.search-box-componets .cs-product-image {
		height: 120px;
		min-width: 120px;
	}
	#cs-banner .item img {
		/* height: 380px; */
	}
	.cs-featured-product {
		padding: 15px 5px;
	}
	.cs-featured-product .cs-product-image {
		min-width: 80px;
		padding: 7px !important;
	}
	.cs-product-big-card .xl-btn-secondary-gray {
		height: 32px;
		width: 32px;
	}
	.cs-product-list .btn.xl-btn-primary {
		width: 36px;
		height: 32px;
	}
	.cs-product-big-card .quantity-wrapper .form-control {
		height: 32px;
		width: 46px;
	}
	.cs-about-us-box {
		padding: 25px 25px 25px 0;
	}
	.cs-about-misiune .cs-about-us-box {
		padding: 25px 0px 25px 25px;
	}
	.cs-about-mission {
		background-size: 50% 100%;
	}
	.cs-small-articles-card img {
		min-width: 270px;
		max-width: 270px;
	}
	.cs-article-timeline .cs-artcile-timeline-card {
		gap: 30px;
	}
}